.category-banner{--cat-gutter: var(--redesign-space-2xs);--cat-media-ratio: 2 / 3;--cat-inset: var(--redesign-space-md);display:flex;flex-direction:column;gap:var(--redesign-space-lg);padding-block:var(--redesign-space-lg);background:var(--redesign-white)}.category-banner__heading,.category-banner__label{color:var(--redesign-navy);font-family:var(--redesign-font-family);font-style:normal;font-weight:var(--redesign-font-primary-weight-regular);letter-spacing:.01em}.category-banner__heading{margin:0;padding-inline:var(--cat-inset);font-size:var(--redesign-font-h4);line-height:1.2;text-align:center}.category-banner__label{font-size:1.8rem;line-height:1.3}.category-banner__viewport{display:block;position:relative}.category-banner__track{display:flex;gap:var(--cat-gutter);margin:0;padding:0 var(--cat-inset);overflow:auto hidden;scroll-padding-inline:var(--cat-inset);scroll-snap-type:x mandatory;list-style:none;scrollbar-width:none}.category-banner__track::-webkit-scrollbar{display:none}.category-banner__track:focus-visible{outline:2px solid var(--redesign-focus);outline-offset:2px}.category-banner__track--dragging,.category-banner__track--animating{scroll-snap-type:none}@media(hover:hover){.category-banner__track--scrollable{cursor:grab}.category-banner__track--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}}.category-banner__tile{flex:0 0 15.2rem;scroll-snap-align:start}.category-banner__tile-inner{display:flex;flex-direction:column;gap:2rem;color:inherit;text-decoration:none}.category-banner__tile-inner:focus-visible{outline:2px solid var(--redesign-focus);outline-offset:2px}.category-banner__media{aspect-ratio:var(--cat-media-ratio);overflow:hidden}.category-banner__image{display:block;width:100%;height:100%;object-fit:cover}.category-banner__arrow{display:none;width:2.6rem;height:2.6rem;padding:0;border:0;border-radius:var(--redesign-radius-rounded);background:var(--redesign-cream);color:var(--redesign-navy);cursor:pointer;transition:background-color .2s ease}.category-banner__arrow .icon{width:.5rem;height:var(--redesign-icon-xs)}.category-banner__arrow:hover:not(:disabled){background:var(--redesign-grey-100)}.category-banner__arrow:disabled{opacity:.4;cursor:default}.category-banner__arrow:focus-visible{outline:2px solid var(--redesign-focus);outline-offset:2px}@media screen and (min-width:750px){.category-banner{--cat-media-height: calc( (100vw - 2 * var(--redesign-space-xl) - 5 * var(--cat-gutter)) / 6 * 1.5 );--cat-inset: var(--redesign-space-xl);gap:var(--redesign-space-xl);padding-block:var(--redesign-space-xl)}.category-banner__heading{font-size:var(--redesign-font-h3);line-height:1.1;text-align:left}.category-banner__label{font-size:var(--redesign-font-h6);text-align:center}.category-banner__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * var(--cat-gutter)) / 6)}.category-banner__arrow{display:flex;position:absolute;top:calc(var(--cat-media-height) / 2);align-items:center;justify-content:center;transform:translateY(-50%)}.category-banner__arrow--prev{left:2.2rem}.category-banner__arrow--next{right:2.2rem}.category-banner__arrow[hidden]{display:none}}@media(hover:none){.category-banner__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/section-category-banner.css.map */