.category-list.slider-grid.grid-flex{--grid-gap-vertical: var(--grid-gap-horizontal)}.category-list{--category-arrow-base: var(--color-base);--category-arrow-background: var(--color-background)}@media(min-width:1025px){.category-list.grid--cols-desktop-7{--cols: 7}.category-list.grid--cols-desktop-8{--cols: 8}.category-list.grid--cols-desktop-9{--cols: 9}.category-list.grid--cols-desktop-10{--cols: 10}.category-list.grid--cols-desktop-11{--cols: 11}.category-list.grid--cols-desktop-12{--cols: 12}}.category-card-wrapper{height:auto}.slider--single-page>.category-list.slider-track>.category-list__item{flex:0 0 calc((100% - var(--gap-value) * (var(--cols, 1) - 1)) / var(--cols, 1));width:calc((100% - var(--gap-value) * (var(--cols, 1) - 1)) / var(--cols, 1));max-width:calc((100% - var(--gap-value) * (var(--cols, 1) - 1)) / var(--cols, 1))}.category-card{--color-icon: var(--color-secondary-background);--color-icon-text: var(--category-arrow-base);display:flex;align-items:center;column-gap:10px;padding:5px 20px 5px 5px;color:var(--color-base);background-color:var(--color-background);border:1px solid var(--color-line);border-radius:var(--border-radius-size-5);transition:border-color var(--duration-medium) var(--transition-primary)}.category-card:not(:has(.category-card__media)){column-gap:10px;padding:23px 20px}.category-card:has(.category-card__media):not(:has(.category-card__title)){padding-right:5px}.category-card__media{flex:0 0 60px;width:60px;box-sizing:border-box;aspect-ratio:var(--aspect-ratio, 1)}.category-card .category-card__media{border-radius:var(--border-radius-size-4)}.category-card__media:has(>img){border:1px solid transparent}.category-card__media :is(img,svg){display:block;width:100%;height:100%}.category-card__title{min-width:0;margin:0;overflow-wrap:anywhere}.category-card__arrow{flex:0 0 24px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-icon-text);background:var(--color-icon);border-radius:var(--border-radius-round);transition:var(--duration-default) var(--transition-primary);transition-property:color,background,border-radius}.category-card__arrow svg{width:5px;height:8px}@media screen and (min-width:1025px){.category-card:hover,.category-card:focus-within{border-color:transparent}.category-card:hover{--color-icon: var(--category-arrow-base);--color-icon-text: var(--category-arrow-background)}.category-card:hover .category-card__arrow,.category-card:focus-within .category-card__arrow{border-radius:var(--border-radius-size-2)}.card.category-card:not(.card--content-over):hover .category-card__media{border-radius:var(--border-radius-size-4)}}@media screen and (max-width:1024px){.section:has(.category-list-slider--edges){overflow:visible;overflow-x:clip}.section .section__container:has(.category-list-slider--edges){overflow:visible}.section .section__container slider-component.is-dragging .slider-clip--grid:has(.category-list-slider--edges){overflow-x:visible}.section slider-component>.slider-clip>.slider.category-list-slider--edges{overflow:visible}}.category-list-slider--peek-tablet,.category-list-slider--peek-mobile{--category-peek: calc(var(--page-width-spacing) + 15px)}@media screen and (min-width:577px)and (max-width:1024px){.section slider-component>.slider-clip>.slider.category-list-slider--peek-tablet{width:calc(100% + var(--category-peek));transition:transform var(--duration-medium) var(--transition-primary)}.section slider-component:has(.category-list-arrows .slider-button--next[disabled])>.slider-clip>.slider.category-list-slider--peek-tablet{transform:translate(calc(-1 * var(--category-peek)))}}@media screen and (max-width:576px){.section slider-component>.slider-clip>.slider.category-list-slider--peek-mobile{width:calc(100% + var(--category-peek));max-width:none;transition:transform var(--duration-medium) var(--transition-primary)}.section slider-component:has(.category-list-arrows .slider-button--next[disabled])>.slider-clip>.slider.category-list-slider--peek-mobile{transform:translate(calc(-1 * var(--category-peek)))}}.slider__controls.category-list-arrows{--arrows-background: var(--color-background);position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-raised);display:none;margin:0;pointer-events:none}.category-list-arrows:before,.category-list-arrows:after{content:"";position:absolute;top:-1px;bottom:-1px;width:80px;background:var(--arrows-background);opacity:0;pointer-events:none;transition:opacity var(--duration-medium) var(--transition-primary)}.category-list-arrows:before{left:-1px;-webkit-mask-image:linear-gradient(to right,#000,rgba(0,0,0,.7) 50%,transparent 100%);mask-image:linear-gradient(to right,#000,rgba(0,0,0,.7) 50%,transparent 100%)}.category-list-arrows:after{right:-1px;-webkit-mask-image:linear-gradient(to left,#000,rgba(0,0,0,.7) 50%,transparent 100%);mask-image:linear-gradient(to left,#000,rgba(0,0,0,.7) 50%,transparent 100%)}.category-list-arrows:has(.slider-button--prev:not([disabled])):before,.category-list-arrows:has(.slider-button--next:not([disabled])):after{opacity:1}slider-component.is-dragging .category-list-arrows:before,slider-component.is-dragging .category-list-arrows:after{opacity:1;border-radius:0}.slider-clip:not(:has(.slider--initialized))~.category-list-arrows{visibility:hidden}.category-list-arrows .slider-button{position:relative;z-index:1;pointer-events:auto}.category-list-arrows .slider-button[disabled]{opacity:0;visibility:hidden;pointer-events:none}@media screen and (min-width:1025px){.category-list-arrows--desktop.slider__controls{display:flex;align-items:center;justify-content:space-between;padding-inline:15px}.category-list-arrows:before,.category-list-arrows:after{border-radius:var(--border-radius-size-5)}}@media screen and (max-width:1024px){.category-list-arrows .slider-button{display:none}slider-component.is-dragging .category-list-arrows:before,.category-list-arrows:has(.slider-button--prev:not([disabled])):before{opacity:0}.category-list-arrows:has(.slider-button--next[disabled]):before{opacity:1}.category-list-arrows:before{left:calc(-1 * var(--page-width-spacing) - 1px)}.category-list-arrows:after{right:calc(-1 * var(--page-width-spacing) - 1px)}}@media screen and (min-width:577px)and (max-width:1024px){.category-list-arrows--desktop.category-list-arrows--edges.slider__controls{display:block}}@media screen and (max-width:576px){.category-list-arrows--mobile.category-list-arrows--edges.slider__controls{display:block}}@media screen and (min-width:1025px){.category-card.card-shadow-hover:before,.category-card.card-shadow-hover:after{top:0;right:0;bottom:0;left:0;border-radius:inherit}}.category-list-slider--peek-flush{--category-peek: -40px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-list.css.map */