:root{--brand-oxford: var(--color-button-primary, #002744);--brand-jordy: #85b7ea;--chip-border: var(--color-border, #d9d9d9);--chip-text: var(--color-text-body, #1a1a1a);--chip-hover: rgba(0,0,0,.06);--chip-focus: var(--brand-jordy);--h-chip: 38px;--gap: .5rem;--fz: 14px;--pad-x: .75rem;--pad-y: .5rem}.br-size-selector{box-sizing:border-box;background:#fff;border:1px solid var(--chip-border);border-radius:0;padding:var(--pad-y) var(--pad-x);margin-block:20px}.br-size-scroll{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--gap);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.br-size-scroll::-webkit-scrollbar{display:none}.br-size-track{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--gap);will-change:transform}.br-size-scroll.is-bounce .br-size-track{animation:size-nudge-double .9s ease-out .26s 1}@keyframes size-nudge-double{0%{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(0)}60%{transform:translate(-12px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.br-size-scroll.is-bounce .br-size-track{animation:none!important}}.br-size-btn,.br-size-clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--h-chip);padding:.5rem .9rem;border:1px solid var(--chip-border);border-radius:0;background:#fff;color:var(--chip-text);font-size:var(--fz);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;scroll-snap-align:start;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.br-size-btn:hover,.br-size-clear:hover{background:var(--chip-hover)}.br-size-btn:focus,.br-size-clear:focus{outline:none}.br-size-btn:focus-visible,.br-size-clear:focus-visible{outline:2px solid var(--chip-focus);outline-offset:2px}.br-size-btn[aria-pressed=true],.br-size-clear[aria-pressed=true]{background:color-mix(in srgb,var(--brand-jordy) 35%,#fff);color:var(--brand-oxford);border-color:var(--brand-oxford)}.br-size-btn:disabled,.br-size-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:#fff}@media (forced-colors: active){.br-size-selector,.br-size-btn,.br-size-clear{border:1px solid CanvasText}.br-size-btn[aria-pressed=true],.br-size-clear[aria-pressed=true]{background:Highlight;color:HighlightText}.br-size-btn:focus-visible,.br-size-clear:focus-visible{outline:2px solid Highlight}}
/*# sourceMappingURL=/cdn/shop/t/1465/assets/br_size_selector.css.map */