.category-carousel{margin:0 auto;overflow:hidden;padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}@media screen and (min-width:750px){.category-carousel{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}}.category-carousel__title{margin:0}.category-carousel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.category-carousel__button.button--link{border-bottom:1px solid currentColor}.category-carousel__button.button--primary{background:#000;color:#fff;padding:10px 20px}.category-carousel__button.button--secondary{border:1px solid #000;padding:10px 20px}.category-carousel__swiper-container{position:relative}@media screen and (min-width:750px){.category-carousel__swiper-container{margin-right:calc((100vw - 100%)/-2)}}.category-carousel__swiper{overflow:visible!important;padding-bottom:0!important}.section--page-width{overflow:visible!important}.category-carousel__swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:var(--gap-mobile)}.category-carousel__swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 var(--item-width-mobile);width:var(--item-width-mobile);scroll-snap-align:start}@media screen and (min-width:750px){.category-carousel__swiper:not(.swiper-initialized) .swiper-wrapper{gap:var(--gap-desktop);overflow:hidden}.category-carousel__swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 var(--item-width-desktop);width:var(--item-width-desktop)}}.category-carousel__item{height:auto}.category-carousel__link{text-decoration:none;color:inherit;display:block}.category-carousel__image-wrapper{position:relative;aspect-ratio:var(--image-ratio);background:#f4f4f4;overflow:hidden;margin-bottom:16px}.category-carousel__image{width:100%;height:100%;object-fit:cover}.category-carousel__block-link{font-size:14px;text-decoration:underline;text-underline-offset:4px;opacity:.7;transition:opacity .3s ease}.category-carousel__link:hover .category-carousel__block-link{opacity:1}.swiper-scrollbar{position:static!important;margin-top:24px;height:4px!important;background:#e9e9e9!important;bottom:0!important;left:0!important;width:100%!important}.swiper-scrollbar-drag{background:#0000003d!important}@media screen and (min-width:750px){.swiper-scrollbar{display:none!important}}@media screen and (max-width:749px){.category-carousel__swiper{position:relative}}.category-carousel__next-button,.category-carousel__prev-button{position:absolute;top:50%;transform:translateY(-50%);width:72px!important;height:72px!important;background:#bee250cc!important;border-radius:50%!important;display:none!important;align-items:center!important;justify-content:center!important;cursor:pointer;pointer-events:auto;transition:transform .3s ease,background .3s ease;margin-top:-12px!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.category-carousel__next-button{right:20px}.category-carousel__prev-button{left:20px}.category-carousel__prev-button{transform:translateY(-50%) rotate(180deg)}@media screen and (min-width:750px){.category-carousel__next-button{right:24px}.category-carousel__prev-button{left:0}}.swiper-initialized~.category-carousel__next-button,.swiper-initialized~.category-carousel__prev-button{display:flex!important}.category-carousel__next-button.swiper-button-disabled,.category-carousel__prev-button.swiper-button-disabled{display:none!important}.category-carousel__next-button:after,.category-carousel__prev-button:after{display:none!important}.category-carousel__next-button svg,.category-carousel__prev-button svg{width:24px;height:24px}@media screen and (max-width:749px){.category-carousel__next-button,.category-carousel__prev-button{width:48px!important;height:48px!important;top:calc(50% - 25px)}.category-carousel__next-button{right:16px}.category-carousel__prev-button{left:16px}.category-carousel__next-button svg,.category-carousel__prev-button svg{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/297/assets/category-carousel.css.map */
