.brand-slider{--gap-mobile: 6px;--gap-desktop: 12px}.brand-slider__header-wrapper{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.brand-slider__header-content{display:flex;flex-direction:column;gap:1rem}.brand-slider__title{margin:0;text-align:left}.brand-slider__description{margin:0}.brand-slider__view-all{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem}.brand-slider__view-all:hover{text-decoration-thickness:.2rem}.brand-slider__wrapper{position:relative}.brand-slider__wrapper .swiper-wrapper{display:flex}.brand-slider__wrapper .swiper-slide{height:auto;display:flex}.brand-slider__item{width:100%}.brand-slider__link{display:block;width:100%;text-decoration:none;color:inherit}.brand-slider__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%}.brand-slider__logo-box{width:100%;aspect-ratio:1 / 1;background-color:#f6f3eb;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.brand-slider__logo{display:flex;align-items:center;justify-content:center;width:auto;height:auto;max-width:100%;max-height:100%}.brand-slider__logo img{width:var(--logo-size, 100%);height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(100%)}.brand-slider__placeholder{width:var(--logo-size, 100%);height:auto;max-width:100%;max-height:100%}.brand-slider__name{text-align:center;margin:0}.brand-slider__button-next,.brand-slider__button-prev,.brand-slider__button-next.swiper-button-next,.brand-slider__button-prev.swiper-button-prev{display:none;width:4.4rem;height:4.4rem;margin-top:0;background:rgba(var(--color-foreground),.08);border:.1rem solid rgba(var(--color-foreground),1);border-radius:50%;color:rgba(var(--color-foreground),.75);transition:color .2s ease}.brand-slider__button-next:hover,.brand-slider__button-prev:hover{color:rgb(var(--color-foreground))}.brand-slider__button-next:after,.brand-slider__button-prev:after,.brand-slider__button-next.swiper-button-next:after,.brand-slider__button-prev.swiper-button-prev:after,.swiper-rtl .brand-slider__button-next.swiper-button-prev:after,.swiper-rtl .brand-slider__button-prev.swiper-button-next:after{display:none!important}.brand-slider__button-next .svg-wrapper,.brand-slider__button-prev .svg-wrapper{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem}.brand-slider__button-prev .icon{transform:rotate(180deg)}.brand-slider__button-next .icon{transform:rotate(0)}.brand-slider__button-next.swiper-button-disabled,.brand-slider__button-prev.swiper-button-disabled{opacity:.35;cursor:not-allowed;pointer-events:auto}.brand-slider__progress-bar{display:none}.cs__placeholder{--color-foreground: 1, 1, 1}@media screen and (min-width:750px){.brand-slider__header-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2.5rem}.brand-slider__header-content{gap:1.5rem}.brand-slider__button-next,.brand-slider__button-prev,.brand-slider__button-next.swiper-button-next,.brand-slider__button-prev.swiper-button-prev{display:flex!important;align-items:center;justify-content:center;top:calc(50% - 7rem)}.brand-slider__button-prev{left:1.5rem}.brand-slider__button-next{right:1.5rem}.brand-slider__progress-bar{display:block;width:100%;margin-top:2rem;box-sizing:border-box;padding:8px 0}.brand-slider__progress-bar-track{width:100%;height:4px;background-color:rgba(var(--color-foreground),.08);border-radius:2px;position:relative}.brand-slider__progress-bar-fill{height:100%;width:20px;border-radius:2px;transition:transform .2s ease;transform:translate(0);position:absolute;left:0;top:0;padding:8px 0 12px;margin-top:-8px;cursor:grab;box-sizing:border-box}.brand-slider__progress-bar-fill:before{content:"";display:block;height:4px;width:100%;background-color:rgba(var(--color-foreground),.55);border-radius:2px}.brand-slider__progress-bar-fill[data-dragging=true]{transition:none;cursor:grabbing}.brand-slider__progress-bar-fill:hover{cursor:grab}.brand-slider__progress-bar-fill[data-dragging=true]:hover{cursor:grabbing}}@media screen and (max-width:749px){.swiper-button-next,.swiper-button-prev{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/cs-brand-slider.css.map */