.shop-by-category-vertical__header{display:grid;gap:8px;margin-bottom:28px}.shop-by-category-vertical__mobile-switcher,.shop-by-category-vertical__mobile-hint,.shop-by-category-vertical-drawer{display:none}.shop-by-category-vertical__rotator{min-height:var(--shop-by-category-vertical-min-height, 560px);display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);grid-template-areas:"tabs content";gap:clamp(28px,5vw,72px);align-items:center}.shop-by-category-vertical--tabs-right .shop-by-category-vertical__rotator{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);grid-template-areas:"content tabs"}.shop-by-category-vertical__tabs{grid-area:tabs;display:flex;flex-direction:column;justify-content:flex-start;align-self:start;gap:8px;min-width:0}.shop-by-category-vertical__content{grid-area:content;min-width:0;display:grid;gap:24px;align-self:center}.shop-by-category-vertical__tab{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:baseline;padding:13px 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:color var(--motion-duration, .42s) var(--motion-ease, cubic-bezier(.22, 1, .36, 1)),padding var(--motion-duration, .42s) var(--motion-ease, cubic-bezier(.22, 1, .36, 1))}.shop-by-category-vertical--no-numbers .shop-by-category-vertical__tab{grid-template-columns:minmax(0,1fr)}.shop-by-category-vertical--tabs-right .shop-by-category-vertical__tab{grid-template-columns:minmax(0,1fr) 32px;text-align:right}.shop-by-category-vertical--tabs-right.shop-by-category-vertical--no-numbers .shop-by-category-vertical__tab{grid-template-columns:minmax(0,1fr)}.shop-by-category-vertical--tabs-right .shop-by-category-vertical__tab-number{order:2}.shop-by-category-vertical--tabs-right .shop-by-category-vertical__tab-text{order:1;justify-items:end}.shop-by-category-vertical--no-numbers .shop-by-category-vertical__tab-text{justify-items:start}.shop-by-category-vertical--tabs-right.shop-by-category-vertical--no-numbers .shop-by-category-vertical__tab-text{justify-items:end}.shop-by-category-vertical__tab:hover,.shop-by-category-vertical__tab:focus-visible,.shop-by-category-vertical__tab[aria-selected=true]{color:var(--fg);padding-left:10px;outline:none}.shop-by-category-vertical__tab-text{min-width:0;display:grid;gap:6px}.shop-by-category-vertical__tab-title{font-family:var(--shop-by-category-vertical-tab-font-family, var(--font-display));font-size:clamp(22px,var(--shop-by-category-vertical-tab-size, 28px),64px);font-weight:var(--shop-by-category-vertical-tab-font-weight, 500);font-style:var(--shop-by-category-vertical-tab-font-style, normal);line-height:1;color:currentColor}.shop-by-category-vertical__tab-text small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.shop-by-category-vertical__tab-number{font-size:11px;letter-spacing:.14em;color:var(--accent)}.shop-by-category-vertical__progress{position:absolute;left:0;right:0;bottom:-1px;height:1px;overflow:hidden;pointer-events:none}.shop-by-category-vertical__progress:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fg);transform:translate(-101%)}.shop-by-category-vertical__tab[aria-selected=true] .shop-by-category-vertical__progress:before{animation:shopByCategoryVerticalProgress var(--rotator-speed, 5s) linear forwards}.shop-by-category-vertical__rotator.is-paused .shop-by-category-vertical__tab[aria-selected=true] .shop-by-category-vertical__progress:before{animation-play-state:paused}@keyframes shopByCategoryVerticalProgress{0%{transform:translate(-101%)}to{transform:translate(0)}}.shop-by-category-vertical__panels{position:relative;min-width:0;align-self:center}.shop-by-category-vertical__panel[hidden]{display:none!important}.shop-by-category-vertical__panel{min-width:0}.shop-by-category-vertical__panel.is-switching .product-card{animation:shopByCategoryVerticalCardReveal .46s var(--motion-ease-soft, ease) both}.shop-by-category-vertical__panel.is-switching .shop-by-category-vertical__item:nth-child(2) .product-card{animation-delay:40ms}.shop-by-category-vertical__panel.is-switching .shop-by-category-vertical__item:nth-child(3) .product-card{animation-delay:80ms}.shop-by-category-vertical__panel.is-switching .shop-by-category-vertical__item:nth-child(4) .product-card{animation-delay:.12s}@keyframes shopByCategoryVerticalCardReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.shop-by-category-vertical__rail-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.shop-by-category-vertical__rail{min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--shop-by-category-vertical-columns, 2) - 1) * 24px) / var(--shop-by-category-vertical-columns, 2));gap:24px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;will-change:transform;transition:transform 1s cubic-bezier(.65,0,.35,1)}.shop-by-category-vertical__rail::-webkit-scrollbar{display:none}.shop-by-category-vertical__rail.is-hinting-forward{transform:translate3d(-40px,0,0)}.shop-by-category-vertical__rail-shell.is-hinting-forward .shop-by-category-vertical__nav--next{background:var(--fg);color:var(--inv-fg)}.shop-by-category-vertical__nav{--chevron-button-bg-default: color-mix(in srgb, var(--fg) 4%, transparent);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--chevron-button-bg);color:var(--fg);cursor:pointer;transition:background var(--nav-slide-duration, .65s) var(--nav-slide-button-ease, cubic-bezier(.4, 0, 1, 1)),color var(--nav-slide-duration, .65s) var(--nav-slide-button-ease, cubic-bezier(.4, 0, 1, 1)),opacity var(--motion-duration-fast, .22s) var(--motion-ease-soft, ease)}.shop-by-category-vertical__nav:hover,.shop-by-category-vertical__nav:focus-visible{color:var(--nav-slide-fill-color, var(--inv-fg));outline:none}.shop-by-category-vertical__nav[disabled]{opacity:.28;cursor:default}.shop-by-category-vertical__nav[disabled]:hover,.shop-by-category-vertical__nav[disabled]:focus-visible{background:var(--chevron-button-bg);color:var(--fg)}.shop-by-category-vertical__nav-icon{display:inline-flex}.shop-by-category-vertical__nav-icon--prev{transform:rotate(180deg)}.shop-by-category-vertical__item{min-width:0;scroll-snap-align:start}.shop-by-category-vertical__footer{display:flex;justify-content:flex-end}.shop-by-category-vertical__empty{min-height:220px;display:grid;place-items:center;padding:32px 24px;border:1px solid var(--border);background:var(--surface);text-align:center}.shop-by-category-vertical__empty p{margin:0;max-width:460px;color:var(--muted)}@media(prefers-reduced-motion:reduce){.shop-by-category-vertical__tab,.shop-by-category-vertical__progress:before,.shop-by-category-vertical__panel.is-switching .product-card,.shop-by-category-vertical__rail.is-hinting-forward,.shop-by-category-vertical__mobile-hint-guide{transition:none!important;animation:none!important}}@media(max-width:1023px){.shop-by-category-vertical__rotator{min-height:0;grid-template-columns:1fr;grid-template-areas:"tabs" "content";gap:28px;align-items:start}.shop-by-category-vertical__tabs{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 20px}.shop-by-category-vertical__tab{display:inline-flex;grid-template-columns:none;align-items:center;gap:10px;padding:0 0 10px}.shop-by-category-vertical__tab:hover,.shop-by-category-vertical__tab:focus-visible,.shop-by-category-vertical__tab[aria-selected=true]{padding-left:0}.shop-by-category-vertical__tab-title{font-size:clamp(16px,var(--shop-by-category-vertical-tab-size-mobile, 20px),var(--shop-by-category-vertical-tab-size, 28px))}.shop-by-category-vertical--tabs-right .shop-by-category-vertical__tab{text-align:left}.shop-by-category-vertical--tabs-right .shop-by-category-vertical__tab-number,.shop-by-category-vertical--tabs-right .shop-by-category-vertical__tab-text{order:initial}.shop-by-category-vertical__tab-text small{display:none}.shop-by-category-vertical__footer{justify-content:center}}@media(max-width:767px){.shop-by-category-vertical{padding-block:28px}.shop-by-category-vertical__header{justify-items:center;text-align:center;margin-bottom:18px}.shop-by-category-vertical__header .section-title{max-width:none}.shop-by-category-vertical__mobile-switcher{display:inline-grid;grid-template-columns:42px auto 42px;align-items:center;gap:8px;width:fit-content;max-width:100%;margin-top:2px;margin-inline:auto}.shop-by-category-vertical__mobile-switcher-btn,.shop-by-category-vertical__mobile-switcher-label{min-height:42px;border:0;--chevron-button-bg-default: color-mix(in srgb, var(--fg) 4%, transparent);background:var(--chevron-button-bg);color:var(--fg)}.shop-by-category-vertical__mobile-switcher-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;padding:0}.shop-by-category-vertical__mobile-switcher-btn:hover,.shop-by-category-vertical__mobile-switcher-btn:focus-visible{color:var(--nav-slide-fill-color, var(--inv-fg));outline:none}.shop-by-category-vertical__mobile-switcher-label{background:transparent}.shop-by-category-vertical__mobile-switcher-icon{display:inline-flex}.shop-by-category-vertical__mobile-switcher-icon--prev{transform:rotate(180deg)}.shop-by-category-vertical__mobile-switcher-label{display:inline-flex;align-items:center;justify-content:center;padding:0;min-width:0;max-width:min(100%,220px);font-family:var(--shop-by-category-vertical-tab-font-family, var(--font-heading));font-size:clamp(16px,var(--shop-by-category-vertical-tab-size-mobile, 20px),var(--shop-by-category-vertical-tab-size, 28px));font-weight:var(--shop-by-category-vertical-tab-font-weight, 400);font-style:var(--shop-by-category-vertical-tab-font-style, normal);line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-by-category-vertical__tabs,.shop-by-category-vertical__tab-number{display:none}.shop-by-category-vertical__rail-shell{grid-template-columns:minmax(0,1fr);gap:16px}.shop-by-category-vertical__rail{grid-auto-columns:calc((100% - (var(--shop-by-category-vertical-columns-mobile, 1) - 1) * 12px) / var(--shop-by-category-vertical-columns-mobile, 1));gap:12px}.shop-by-category-vertical__nav{display:none}.shop-by-category-vertical__mobile-hint{display:inline-flex;align-items:center;justify-content:center;position:fixed;right:0;top:50%;z-index:34;transform:translate3d(100%,-50%,0);writing-mode:vertical-rl;text-orientation:mixed;min-height:110px;padding:14px 10px;border:1px solid var(--border);border-right:0;background:var(--bg);color:var(--fg);box-shadow:0 16px 36px #00000014;opacity:0;pointer-events:none;transition:transform var(--drawer-duration, .62s) var(--drawer-ease, cubic-bezier(.65, 0, .35, 1)),opacity var(--drawer-content-duration, .62s) var(--drawer-ease, cubic-bezier(.65, 0, .35, 1))}.shop-by-category-vertical__mobile-hint-guide{position:absolute;top:50%;left:-14px;display:inline-flex;align-items:center;transform:translateY(-50%);writing-mode:initial;text-orientation:initial;pointer-events:none;opacity:.72;animation:shopByCategoryVerticalHintGuide 1.4s cubic-bezier(.65,0,.35,1) infinite}.shop-by-category-vertical__mobile-hint-guide-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor;transform:rotate(180deg)}.shop-by-category-vertical__mobile-hint.is-visible{opacity:1;pointer-events:auto;transform:translate3d(0,-50%,0)}.shop-by-category-vertical__mobile-hint-label{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.shop-by-category-vertical__mobile-hint:hover .shop-by-category-vertical__mobile-hint-guide,.shop-by-category-vertical__mobile-hint:focus-visible .shop-by-category-vertical__mobile-hint-guide{animation-play-state:paused}@keyframes shopByCategoryVerticalHintGuide{0%,to{transform:translate(-10px,-50%);opacity:.4}45%{transform:translateY(-50%);opacity:.9}65%{transform:translate(-2px,-50%);opacity:.68}}.shop-by-category-vertical-drawer{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:450;pointer-events:none}.shop-by-category-vertical-drawer[aria-hidden=false]{pointer-events:all}.shop-by-category-vertical-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000002e;opacity:0;padding:0;transition:opacity var(--drawer-duration, .62s) var(--drawer-ease, cubic-bezier(.65, 0, .35, 1))}.shop-by-category-vertical-drawer[aria-hidden=false] .shop-by-category-vertical-drawer__backdrop{opacity:1}.shop-by-category-vertical-drawer__inner{position:absolute;top:0;right:0;width:min(360px,92vw);max-width:100vw;height:100%;background:var(--bg);transform:translate(100%);transition:transform var(--drawer-duration, .62s) var(--drawer-ease, cubic-bezier(.65, 0, .35, 1));overflow:hidden;box-shadow:var(--drawer-shadow-right);z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr)}.shop-by-category-vertical-drawer[aria-hidden=false] .shop-by-category-vertical-drawer__inner{transform:translate(0)}.shop-by-category-vertical-drawer__slider{position:relative;min-height:0;width:100%;height:100%;display:grid;grid-template-columns:100% 100%;transform:translate(0);transition:transform var(--drawer-duration, .62s) var(--drawer-ease, cubic-bezier(.65, 0, .35, 1));will-change:transform}.shop-by-category-vertical-drawer.is-products-open .shop-by-category-vertical-drawer__slider{transform:translate(-100%)}.shop-by-category-vertical-drawer__screen{min-width:0;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr);background:var(--bg);overflow:hidden}.shop-by-category-vertical-drawer__screen--products{grid-template-rows:minmax(0,1fr) auto;grid-column:2}.shop-by-category-vertical-drawer__screen--categories{grid-column:1}.shop-by-category-vertical-drawer__header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:12px;min-height:74px;padding:18px 20px;flex-shrink:0;background:var(--bg);z-index:2}.shop-by-category-vertical-drawer__header-stage{position:relative;min-width:0;display:grid;align-items:center;min-height:38px;overflow:hidden}.shop-by-category-vertical-drawer__title{grid-area:1 / 1;margin:0;font-family:var(--font-heading);font-size:18px;font-weight:var(--font-heading-weight);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-transform);transform:translateY(0);transition:transform .46s cubic-bezier(.65,0,.35,1);transition-delay:80ms}.shop-by-category-vertical-drawer.is-products-open .shop-by-category-vertical-drawer__title{transform:translateY(-160%);transition-delay:0ms}.shop-by-category-vertical-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:var(--fg)}.shop-by-category-vertical-drawer__back{grid-area:1 / 1;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0;border:0;background:transparent;color:var(--fg);font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1;pointer-events:none;transform:translateY(130%);transition:transform .46s cubic-bezier(.65,0,.35,1);transition-delay:0ms}.shop-by-category-vertical-drawer.is-products-open .shop-by-category-vertical-drawer__back{pointer-events:auto;transform:translateY(0);transition-delay:.16s}.shop-by-category-vertical-drawer__back-icon{display:inline-flex;transform:rotate(180deg)}.shop-by-category-vertical-drawer__body{flex:1;min-height:0;overflow-y:auto;padding:12px 20px 20px}.shop-by-category-vertical-drawer__list{display:grid}.shop-by-category-vertical-drawer__item{width:100%;display:grid;gap:4px;padding:14px 20px;border:0;background:transparent;color:var(--muted);text-align:left;transition:color .28s ease,padding-left .42s cubic-bezier(.65,0,.35,1)}.shop-by-category-vertical-drawer__item.is-active,.shop-by-category-vertical-drawer__item:focus-visible{color:var(--fg);padding-left:26px;outline:none}.shop-by-category-vertical-drawer__item-title{font-family:var(--font-heading);font-size:20px;font-weight:var(--font-heading-weight);line-height:1.04}.shop-by-category-vertical-drawer__item-meta{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.shop-by-category-vertical-drawer__products-header{display:grid;gap:8px;margin-bottom:18px}.shop-by-category-vertical-drawer__eyebrow{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.shop-by-category-vertical-drawer__products-title{margin:0;font-family:var(--shop-by-category-vertical-tab-font-family, var(--font-heading));font-size:clamp(22px,4vw,28px);font-weight:var(--shop-by-category-vertical-tab-font-weight, var(--font-heading-weight));font-style:var(--shop-by-category-vertical-tab-font-style, normal);line-height:1.02}.shop-by-category-vertical-drawer__products-panel[hidden]{display:none!important}.shop-by-category-vertical-drawer__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.shop-by-category-vertical-drawer__products .product-card{min-width:0}.shop-by-category-vertical-drawer__products .product-card-image{margin-bottom:12px}.shop-by-category-vertical-drawer__empty{min-height:220px;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted);background:var(--surface)}.shop-by-category-vertical-drawer__footer{padding:0 20px 20px;border-top:1px solid var(--border)}.shop-by-category-vertical-drawer__link{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3404/assets/section-shop-by-category-vertical.css.map */