.category-showcase{--category-showcase-sticky-top: calc(var(--axiom-header-height, 68px) + 16px);--category-showcase-overlap-gap: clamp(28px, 7vh, 84px);display:block;min-width:0;max-width:100%;background:var(--bg-layer);color:var(--fg)}.category-showcase__inner,.category-showcase__layout,.category-showcase__sidebar,.category-showcase__media-column,.category-showcase__track,.category-showcase__stage,.category-showcase__item,.category-showcase__card{min-width:0;max-width:100%}.category-showcase__layout{display:grid;grid-template-columns:minmax(220px,var(--category-showcase-nav-width)) minmax(0,1fr);align-items:stretch;gap:var(--category-showcase-column-gap)}.category-showcase--nav-right .category-showcase__layout{grid-template-columns:minmax(0,1fr) minmax(220px,var(--category-showcase-nav-width))}.category-showcase--nav-right .category-showcase__sidebar{grid-column:2;grid-row:1}.category-showcase--nav-right .category-showcase__media-column{grid-column:1;grid-row:1}.category-showcase__sidebar-sticky{position:sticky;inset-block-start:var(--category-showcase-sticky-top);display:flex;align-items:center;height:calc(100dvh - var(--category-showcase-sticky-top) - 16px);overflow:hidden}.category-showcase__category-panel{display:flex;flex-direction:column;gap:clamp(28px,4vw,56px);width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.category-showcase--category-background .category-showcase__category-panel{box-sizing:border-box;width:var(--category-showcase-category-background-size, 100%);height:var(--category-showcase-category-background-size, 100%);margin-block:auto;padding:var(--category-showcase-category-background-padding, 24px);background:var(--surface);color:var(--fg)}.category-showcase--category-background.category-showcase--category-position-left .category-showcase__category-panel{margin-inline:0 auto}.category-showcase--category-background.category-showcase--category-position-center .category-showcase__category-panel{margin-inline:auto}.category-showcase--category-background.category-showcase--category-position-right .category-showcase__category-panel{margin-inline:auto 0}.category-showcase__sidebar{align-self:stretch}.category-showcase__intro{flex:0 0 auto;display:grid;gap:14px;width:100%;text-align:var(--theme-content-align-desktop, left)}.category-showcase__nav{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.category-showcase--category-vertical-center .category-showcase__nav-rail{margin-block:auto}.category-showcase--category-vertical-bottom .category-showcase__nav-rail{margin-block-start:auto}.category-showcase__category-panel:not(:has(.category-showcase__intro)){gap:clamp(28px,4vw,56px)}.category-showcase__promotion{display:block;flex:0 0 auto;width:100%;min-width:0;max-width:100%}.category-showcase__promotion:not(:has(.promotion__item)){display:none}.category-showcase__promotion .promotion{width:100%;background:transparent}.category-showcase__intro>*,.category-showcase__content>*{min-width:0;margin:0;overflow-wrap:anywhere}.category-showcase__intro .rte>:first-child,.category-showcase__content .rte>:first-child{margin-block-start:0}.category-showcase__intro .rte>:last-child,.category-showcase__content .rte>:last-child{margin-block-end:0}.category-showcase__heading--bolder,.category-showcase__item-heading--bolder{--type-style-weight: bolder}.category-showcase__nav-rail{display:grid;width:fit-content;min-width:0;max-width:100%;gap:var(--category-showcase-category-row-gap)}.category-showcase--category-position-left .category-showcase__nav-rail{margin-inline:0 auto}.category-showcase--category-position-center .category-showcase__nav-rail{margin-inline:auto}.category-showcase--category-position-right .category-showcase__nav-rail{margin-inline:auto 0}.category-showcase__nav-button{display:flex;align-items:baseline;justify-content:flex-start;min-width:0;gap:12px;width:100%;min-height:44px;padding:7px 0;border:0;background:transparent;color:color-mix(in srgb,currentColor 48%,transparent);font-size:calc(var(--type-style-size) * var(--category-showcase-category-text-scale, 1));text-align:start;cursor:pointer;transition:color .24s ease,opacity .24s ease}.category-showcase--category-bolder .category-showcase__nav-button{--type-style-weight: bolder}.category-showcase__nav-label{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}.category-showcase--category-align-center .category-showcase__nav-label{text-align:center}.category-showcase--category-align-right .category-showcase__nav-label{text-align:right}.category-showcase__nav-button[hidden]{display:none}.category-showcase__nav-button[aria-current=true],.category-showcase__nav-button:hover{color:currentColor}.category-showcase__nav-button:focus-visible{outline:1px solid currentColor;outline-offset:4px}.category-showcase__nav-number{font-size:.55em;line-height:1;opacity:.72}.category-showcase__track{position:relative;display:grid;gap:var(--category-showcase-media-spacing, 20px)}.category-showcase__stage{display:contents}.category-showcase__item{position:relative;z-index:var(--category-showcase-index)}.category-showcase__card{position:relative;display:grid;width:100%;height:var(--category-showcase-height-desktop);aspect-ratio:auto;overflow:hidden;border-radius:var(--category-showcase-media-radius);color:inherit;text-decoration:none;isolation:isolate}.category-showcase__card:where(:hover,:focus-visible) .category-showcase__media-element{transform:scale(1.025)}.category-showcase__card:focus-visible{outline:2px solid currentColor;outline-offset:3px}.category-showcase__media,.category-showcase__content,.category-showcase__overlay{grid-area:1 / 1}.category-showcase__media{position:relative;z-index:0;min-height:0;overflow:hidden;background:var(--surface)}.category-showcase__media,.category-showcase__video-wrap,.category-showcase__video-wrap>video,.category-showcase__media-element,.category-showcase__placeholder{display:block;width:100%;height:100%}.category-showcase__media-element,.category-showcase__video-wrap>video{object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.category-showcase__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:color-mix(in srgb,var(--category-showcase-overlay-color, #000) var(--category-showcase-overlay-opacity, 0%),transparent)}.category-showcase__content{position:relative;z-index:2;align-self:end;justify-self:start;display:grid;gap:12px;width:min(calc(100% - 48px),var(--category-showcase-content-width-desktop));margin:24px;padding:0;border-radius:var(--category-showcase-content-background-radius, 0px);background:transparent;color:var(--fg);text-align:var(--category-showcase-content-align-desktop, left)}.category-showcase__item--content-background .category-showcase__content{padding:var(--category-showcase-content-background-padding, 24px);background:var(--category-showcase-content-background-color, var(--bg-layer))}.category-showcase__content--desktop-top_left{align-self:start;justify-self:start}.category-showcase__content--desktop-top_center{align-self:start;justify-self:center}.category-showcase__content--desktop-top_right{align-self:start;justify-self:end}.category-showcase__content--desktop-center_left{align-self:center;justify-self:start}.category-showcase__content--desktop-center{align-self:center;justify-self:center}.category-showcase__content--desktop-center_right{align-self:center;justify-self:end}.category-showcase__content--desktop-bottom_left{align-self:end;justify-self:start}.category-showcase__content--desktop-bottom_center{align-self:end;justify-self:center}.category-showcase__content--desktop-bottom_right{align-self:end;justify-self:end}.category-showcase__button{justify-self:var(--category-showcase-button-align-desktop, start);margin-block-start:4px;pointer-events:none}.category-showcase__card[aria-label] .category-showcase__button{cursor:inherit}.category-showcase:not(.is-enhanced) .category-showcase__card,.category-showcase[data-resolved-style=normal] .category-showcase__card{position:relative}.category-showcase.is-enhanced[data-resolved-style=overlap] .category-showcase__track{gap:0;padding-block-end:0}.category-showcase.is-enhanced[data-resolved-style=overlap] .category-showcase__track:after{content:"";display:block;grid-column:1 / -1;width:100%;height:var(--category-showcase-overlap-gap);pointer-events:none}.category-showcase.is-enhanced[data-resolved-style=overlap] .category-showcase__item{position:sticky;inset-block-start:var(--category-showcase-sticky-top);align-self:start}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__track{display:block;height:var(--category-showcase-wipe-track-height, auto)}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__stage{position:sticky;inset-block-start:var(--category-showcase-sticky-top);display:grid;width:100%;height:var(--category-showcase-stage-height, auto);min-height:1px;overflow:hidden;border-radius:var(--category-showcase-media-radius);isolation:isolate}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__item{position:absolute;top:0;right:0;bottom:0;left:0;z-index:auto;width:100%;height:100%;margin:0;pointer-events:none}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__item[data-active]{pointer-events:auto}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__card{height:100%;aspect-ratio:auto;isolation:auto}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__media{z-index:var(--category-showcase-index);clip-path:inset(var(--category-showcase-wipe-inset, 100%) 0 0);transform:translateZ(0);backface-visibility:hidden;contain:layout paint;will-change:clip-path}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__item:first-child .category-showcase__media{--category-showcase-wipe-inset: 0%}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__media-element,.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__video-wrap>video{transform:translate3d(0,var(--category-showcase-wipe-media-y, 0%),0);backface-visibility:hidden;will-change:transform}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__card:where(:hover,:focus-visible) .category-showcase__media-element,.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__card:where(:hover,:focus-visible) .category-showcase__video-wrap>video{transform:translate3d(0,var(--category-showcase-wipe-media-y, 0%),0) scale(1.025)}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__content{z-index:100;opacity:0;transform:translate3d(0,28px,0);transition:opacity .36s ease,transform .6s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__item[data-before-active] .category-showcase__content{transform:translate3d(0,-28px,0)}.category-showcase.is-enhanced[data-resolved-style=wipe] .category-showcase__item[data-active] .category-showcase__content{opacity:1;transform:translateZ(0)}.category-showcase.is-enhanced[data-resolved-style=overlap] .category-showcase__item:last-child{margin-block-end:0}.category-showcase.is-enhanced[data-resolved-style=overlap] .category-showcase__item{margin-block-end:var(--category-showcase-overlap-gap)}@media(min-width:768px){.category-showcase--desktop-height-adapt .category-showcase__card{height:auto;aspect-ratio:var(--category-showcase-ratio-desktop)}.category-showcase[data-resolved-style=wipe] .category-showcase__card,.category-showcase[data-resolved-style=overlap] .category-showcase__card{max-height:calc(100dvh - var(--category-showcase-sticky-top) - 16px)}}@media(max-width:767px){.category-showcase{--category-showcase-sticky-top: calc(var(--axiom-header-height, 64px) + var(--category-showcase-mobile-nav-height, 52px) + 12px)}.category-showcase__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.category-showcase--nav-right .category-showcase__layout{grid-template-columns:minmax(0,1fr)}.category-showcase__sidebar,.category-showcase__sidebar-sticky,.category-showcase__category-panel{display:contents}.category-showcase--category-background .category-showcase__layout{row-gap:0}.category-showcase--category-background :is(.category-showcase__intro,.category-showcase__nav,.category-showcase__promotion){box-sizing:border-box;width:var(--category-showcase-category-background-size, 100%);max-width:100%;margin-inline:auto;padding:var(--category-showcase-category-background-padding, 24px);background:var(--surface)}.category-showcase--category-background .category-showcase__media-column{margin-block-start:24px}.category-showcase--nav-right .category-showcase__sidebar,.category-showcase--nav-right .category-showcase__media-column{grid-column:1;grid-row:auto}.category-showcase__intro{text-align:var(--theme-content-align-mobile, left)}.category-showcase__nav{position:sticky;z-index:10;inset-block-start:var(--axiom-header-height, 64px);min-width:0;max-width:100%;padding-block:4px;background:var(--bg-layer)}.category-showcase__nav-rail{display:flex;width:100%;min-width:0;max-width:100%;margin-inline:0;overflow-x:auto;gap:4px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-showcase__nav-rail::-webkit-scrollbar{display:none}.category-showcase__nav-button{flex:0 0 auto;width:auto;max-width:min(300px,78vw);padding-inline:12px;scroll-snap-align:start;white-space:nowrap}.category-showcase__nav-button:first-child{padding-inline-start:0}.category-showcase__nav-button:last-child{padding-inline-end:0}.category-showcase__nav-label{white-space:nowrap}.category-showcase__card{height:var(--category-showcase-height-mobile);aspect-ratio:auto}.category-showcase--mobile-height-adapt .category-showcase__card{height:auto;aspect-ratio:var(--category-showcase-ratio-mobile)}.category-showcase[data-resolved-style=wipe] .category-showcase__card,.category-showcase[data-resolved-style=overlap] .category-showcase__card{max-height:calc(100svh - var(--category-showcase-sticky-top) - 12px)}.category-showcase__content{width:min(calc(100% - 28px),var(--category-showcase-content-width-mobile));margin:14px;padding:0;text-align:var(--category-showcase-content-align-mobile, left)}.category-showcase__button{justify-self:var(--category-showcase-button-align-mobile, start)}.category-showcase__item--content-background .category-showcase__content{padding:var(--category-showcase-content-background-padding, 24px)}.category-showcase__content--mobile-top_left{align-self:start;justify-self:start}.category-showcase__content--mobile-top_center{align-self:start;justify-self:center}.category-showcase__content--mobile-top_right{align-self:start;justify-self:end}.category-showcase__content--mobile-center_left{align-self:center;justify-self:start}.category-showcase__content--mobile-center{align-self:center;justify-self:center}.category-showcase__content--mobile-center_right{align-self:center;justify-self:end}.category-showcase__content--mobile-bottom_left{align-self:end;justify-self:start}.category-showcase__content--mobile-bottom_center{align-self:end;justify-self:center}.category-showcase__content--mobile-bottom_right{align-self:end;justify-self:end}.category-showcase.is-enhanced[data-resolved-style=overlap] .category-showcase__item{inset-block-start:var(--category-showcase-sticky-top)}}@media(prefers-reduced-motion:reduce){.category-showcase__media-element,.category-showcase__nav-button{transition:none}.category-showcase .category-showcase__item{position:relative!important;inset-block-start:auto!important;margin-block-end:0!important;clip-path:none!important}.category-showcase .category-showcase__stage{position:static!important;display:contents!important;height:auto!important}.category-showcase .category-showcase__track{height:auto!important}.category-showcase .category-showcase__media{clip-path:none!important}.category-showcase .category-showcase__content{opacity:1!important;transform:none!important}.category-showcase__card:where(:hover,:focus-visible) .category-showcase__media-element{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-category-showcase.css.map */