.otc-shopby{display:block;overflow:hidden;background:var(--otc-bg);color:var(--otc-ink)}.otc-shopby *,.otc-shopby *:before,.otc-shopby *:after{box-sizing:border-box}.otc-shopby button,.otc-shopby a{color:inherit;font:inherit}.otc-shopby__inner{width:min(100%,var(--otc-content-width));margin-inline:auto;padding:var(--otc-pad-top) clamp(18px,4vw,56px) var(--otc-pad-bottom)}.otc-shopby__header{max-width:850px;margin:0 auto clamp(28px,4vw,52px);text-align:center}.otc-shopby__header--left{margin-inline:0 auto;text-align:left}.otc-shopby__eyebrow{margin:0 0 10px;color:var(--otc-muted);font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.otc-shopby__heading{margin:0;font-family:var(--otc-heading-font);font-size:clamp(var(--otc-heading-size-mobile),4.2vw,var(--otc-heading-size));font-weight:500;letter-spacing:-.035em;line-height:1.02}.otc-shopby__description{max-width:680px;margin:18px auto 0;color:var(--otc-muted);font-size:15px;line-height:1.6}.otc-shopby__header--left .otc-shopby__description{margin-inline:0}.otc-shopby__tab-shell{border-bottom:1px solid var(--otc-line)}.otc-shopby__tabs{display:flex;justify-content:center;gap:clamp(26px,8vw,112px);overflow-x:auto;scrollbar-width:none}.otc-shopby__tabs::-webkit-scrollbar,.otc-shopby__track::-webkit-scrollbar{display:none}.otc-shopby__tab{position:relative;flex:0 0 auto;min-height:64px;padding:0 4px;border:0;background:transparent;color:var(--otc-muted);cursor:pointer;font-size:var(--otc-tab-size);font-weight:700;letter-spacing:.12em;line-height:1.1;text-transform:uppercase;transition:color var(--otc-motion) ease,transform var(--otc-motion) cubic-bezier(.2,.75,.2,1)}.otc-shopby__tab:after{position:absolute;right:0;bottom:-1px;left:0;height:4px;background:var(--otc-accent);content:"";transform:scaleX(0);transform-origin:center;transition:transform var(--otc-motion) cubic-bezier(.2,.75,.2,1)}.otc-shopby__tab:hover,.otc-shopby__tab:focus-visible,.otc-shopby__tab.is-active{color:var(--otc-ink)}.otc-shopby__tab.is-active:after{transform:scaleX(1)}.otc-shopby__tab:active{transform:scale(.97)}.otc-shopby__tab:focus-visible,.otc-shopby__arrow:focus-visible,.otc-shopby__cta:focus-visible,.otc-shopby__card-link:focus-visible{outline:2px solid var(--otc-accent);outline-offset:3px}.otc-shopby__panel{padding-top:clamp(30px,4vw,52px);animation:otc-shopby-panel-in var(--otc-motion) cubic-bezier(.2,.75,.2,1) both}.otc-shopby__panel[hidden]{display:none}.otc-shopby__rail-shell{position:relative}.otc-shopby__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--otc-card-basis);grid-template-rows:repeat(var(--otc-desktop-rows),minmax(0,auto));gap:clamp(24px,3vw,44px) var(--otc-gap);overflow-x:auto;overscroll-behavior-inline:contain;padding:2px;scroll-behavior:smooth;scroll-padding-inline:2px;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.otc-shopby__card{min-width:0;scroll-snap-align:start}.otc-shopby__card-link{display:block;height:100%;border-radius:var(--otc-card-radius);text-decoration:none}.otc-shopby__media{position:relative;overflow:hidden;aspect-ratio:var(--otc-media-ratio);border-radius:var(--otc-image-radius);background:var(--otc-surface);isolation:isolate}.otc-shopby__image,.otc-shopby__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--otc-focus, center);transition:opacity var(--otc-motion) ease,transform var(--otc-motion) cubic-bezier(.2,.75,.2,1)}.otc-shopby__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.otc-shopby__card-link:hover .otc-shopby__image--primary{transform:scale(1.025)}.otc-shopby__card-link:hover .otc-shopby__image--hover{opacity:1;transform:scale(1.025)}.otc-shopby__panel[data-card-style=icon] .otc-shopby__media{border:1px solid var(--otc-line)}.otc-shopby__panel[data-card-style=icon] .otc-shopby__image,.otc-shopby__panel[data-card-style=icon] .otc-shopby__placeholder{object-fit:contain;padding:clamp(10px,1.8vw,26px)}.otc-shopby__panel[data-card-style=texture] .otc-shopby__media{border-radius:50%}.otc-shopby__panel[data-card-style=texture] .otc-shopby__card-copy{justify-content:center;text-align:center}.otc-shopby__badge{position:absolute;z-index:2;top:12px;left:12px;padding:7px 10px;border-radius:999px;background:var(--otc-accent-soft);color:var(--otc-ink);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1;text-transform:uppercase}.otc-shopby__card-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 2px 0}.otc-shopby__card-copy h3{margin:0;font-size:var(--otc-card-title-size);font-weight:650;letter-spacing:.02em;line-height:1.3}.otc-shopby__card-copy p{margin:5px 0 0;color:var(--otc-muted);font-size:12px;line-height:1.4}.otc-shopby__card-arrow{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--otc-accent-soft);transition:background var(--otc-motion) ease,transform var(--otc-motion) ease}.otc-shopby__card-link:hover .otc-shopby__card-arrow{background:var(--otc-accent);transform:translate(3px)}.otc-shopby__panel[data-label-style=overlay] .otc-shopby__card-link{position:relative;overflow:hidden;background:var(--otc-surface)}.otc-shopby__panel[data-label-style=overlay] .otc-shopby__card-copy{position:absolute;z-index:3;right:0;bottom:0;left:0;align-items:flex-end;padding:54px 18px 18px;background:linear-gradient(transparent,#111111bd);color:#fff}.otc-shopby__panel[data-label-style=overlay] .otc-shopby__card-copy p{color:#ffffffc7}.otc-shopby__arrow{position:absolute;z-index:5;top:calc(50% - 25px);display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--otc-line);border-radius:50%;background:color-mix(in srgb,var(--otc-bg) 92%,transparent);box-shadow:0 10px 28px #1111111a;cursor:pointer;transform:translateY(-50%);transition:background var(--otc-motion) ease,opacity var(--otc-motion) ease,transform var(--otc-motion) ease}.otc-shopby__arrow:hover{background:var(--otc-accent-soft);transform:translateY(-50%) scale(1.04)}.otc-shopby__arrow:active{transform:translateY(-50%) scale(.96)}.otc-shopby__arrow:disabled{opacity:0;pointer-events:none}.otc-shopby__arrow--prev{left:-20px}.otc-shopby__arrow--next{right:-20px}.otc-shopby__arrow span{display:block;width:10px;height:10px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}.otc-shopby__arrow--prev span{margin-left:4px;transform:rotate(-135deg)}.otc-shopby__arrow--next span{margin-right:4px;transform:rotate(45deg)}.otc-shopby__panel-footer{display:flex;align-items:center;gap:24px;margin-top:clamp(26px,4vw,44px)}.otc-shopby__progress{position:relative;flex:1;height:2px;overflow:hidden;background:var(--otc-line)}.otc-shopby__progress span{position:absolute;inset:0 auto 0 0;width:100%;background:var(--otc-ink);transform:scaleX(.14);transform-origin:left center;transition:transform .1s linear}.otc-shopby__cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:0 22px;border:1px solid var(--otc-ink);border-radius:999px;background:var(--otc-ink);color:var(--otc-bg);font-size:12px;font-weight:750;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:background var(--otc-motion) ease,color var(--otc-motion) ease,transform var(--otc-motion) ease}.otc-shopby__cta:hover{background:var(--otc-accent);color:var(--otc-ink)}.otc-shopby__cta:active{transform:scale(.98)}.otc-shopby__empty{margin-top:28px;padding:24px;border:1px dashed var(--otc-line);border-radius:var(--otc-card-radius);background:var(--otc-surface);text-align:center}.otc-shopby__empty p{margin:8px 0 0;color:var(--otc-muted)}@keyframes otc-shopby-panel-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:989px){.otc-shopby__inner{padding-inline:22px}.otc-shopby__arrow{display:none}.otc-shopby__track{margin-inline:-22px;padding-inline:22px;scroll-padding-inline:22px}}@media(max-width:749px){.otc-shopby__inner{padding-top:clamp(42px,9vw,72px);padding-bottom:clamp(42px,9vw,72px)}.otc-shopby__header{margin-bottom:26px}.otc-shopby__description{font-size:14px}.otc-shopby__tab-shell{margin-inline:-22px}.otc-shopby__tabs{justify-content:flex-start;gap:28px;padding-inline:22px;scroll-padding-inline:22px}.otc-shopby__tab{min-height:56px;font-size:max(12px,calc(var(--otc-tab-size) - 2px))}.otc-shopby__panel{padding-top:28px}.otc-shopby__track{grid-auto-columns:var(--otc-mobile-card-width);grid-template-rows:repeat(var(--otc-mobile-rows),minmax(0,auto));gap:26px 14px}.otc-shopby__card-copy h3{font-size:max(13px,calc(var(--otc-card-title-size) - 2px))}.otc-shopby__panel-footer{display:grid;gap:20px;margin-top:30px}.otc-shopby__cta{width:100%}}@media(hover:none){.otc-shopby__image--hover{display:none}}@media(prefers-reduced-motion:reduce){.otc-shopby,.otc-shopby *{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/otc-shop-by-collection.css.map */