.sub-categories{--sub-category-image-size: 4rem;--sub-category-fade: 4.8rem;position:relative;display:block}.sub-categories__nav{display:block}.sub-categories__list{display:flex;flex-wrap:nowrap;gap:1.2rem;margin:0;padding:.4rem 0 .8rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:6rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-outlines) 35%,transparent) transparent}.sub-categories__item{flex:0 0 auto;scroll-snap-align:start}.sub-categories__link{display:inline-flex;align-items:center;gap:1rem;white-space:nowrap}.sub-categories:not(.sub-categories--with-images).has-more-start .sub-categories__list{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--sub-category-fade));mask-image:linear-gradient(to right,transparent,#000 var(--sub-category-fade))}.sub-categories:not(.sub-categories--with-images).has-more-end .sub-categories__list{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--sub-category-fade));mask-image:linear-gradient(to left,transparent,#000 var(--sub-category-fade))}.sub-categories:not(.sub-categories--with-images).has-more-start.has-more-end .sub-categories__list{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--sub-category-fade),#000 calc(100% - var(--sub-category-fade)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--sub-category-fade),#000 calc(100% - var(--sub-category-fade)),transparent)}.sub-categories__arrow{--arrow-size: 3rem;position:absolute;top:calc((100% - .8rem + .4rem - var(--scrollbar-size, 0px)) / 2);z-index:1;transform:translateY(-50%);display:grid;place-items:center;box-sizing:border-box;width:var(--arrow-size);height:var(--arrow-size);padding:0;border:1px solid color-mix(in srgb,var(--color-outlines) 45%,transparent);border-radius:50%;color:var(--color-outlines);background:color-mix(in srgb,var(--color-background) 88%,transparent);cursor:pointer}.sub-categories__arrow svg{width:1.2rem;height:1.2rem}.sub-categories__arrow[hidden]{display:none}.sub-categories__arrow:hover,.sub-categories__arrow:focus-visible{border-color:var(--color-outlines);background:var(--color-background)}.sub-categories__arrow--prev{left:0}.sub-categories__arrow--next{right:0}@media(min-width:768px){.sub-categories__arrow{--arrow-size: 3.6rem}}.sub-categories__image{flex:0 0 auto;display:block;box-sizing:border-box;width:var(--sub-category-image-size);height:var(--sub-category-image-size);padding:calc(var(--sub-category-image-size) * .08);overflow:hidden}.sub-categories__image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.sub-categories--circle .sub-categories__image{border-radius:50%}.sub-categories--rounded .sub-categories__image{border-radius:.8rem}.sub-categories--square .sub-categories__image{border-radius:0}.sub-categories--bg-multiply .sub-categories__image img{mix-blend-mode:multiply}.sub-categories--bg-white .sub-categories__image{background:#fff}.sub-categories--with-images .sub-categories__link{padding-left:.6rem}@media(hover:hover)and (pointer:fine){.sub-categories__list.is-scrollable{cursor:grab}}.sub-categories__list.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;-webkit-user-select:none}.sub-categories__list.is-dragging a{pointer-events:none}@media(prefers-reduced-motion:reduce){.sub-categories__list{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-sub-categories.css.map */