.brand-carousel{--bc-item-size: 146px;--bc-accent: rgb(var(--main-color-accent));--bc-text-color: #20232D;background:#f9fafb;padding:40px 0}.brand-carousel__header{text-align:center;margin-bottom:32px}.brand-carousel__title{margin:0;font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1.1;color:var(--bc-text-color)}.brand-carousel__title-accent{color:var(--bc-accent);margin-left:.35ch}.brand-carousel__viewport{position:relative;margin:0 40px}.brand-carousel__slider .slick-slide{padding:0 8px}.brand-carousel__slider .slick-list{margin:0 -8px}.brand-carousel__item{display:flex;align-items:center;justify-content:center}.brand-carousel__logo{width:var(--bc-item-size, 146px);height:var(--bc-item-size, 146px);aspect-ratio:1/1;border-radius:50%;background-color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .3s ease}.brand-carousel__logo:hover{background-color:#000;box-shadow:0 4px 12px #00000026;border-color:#000}.brand-carousel__link{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;text-decoration:none}.brand-carousel__image{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s ease}.brand-carousel__name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;text-align:center;opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none;width:90%;line-height:125%;text-transform:uppercase}.brand-carousel__logo:hover .brand-carousel__name{opacity:1}.brand-carousel__logo:hover .brand-carousel__image{filter:brightness(.4)}.brand-carousel .slick-prev,.brand-carousel .slick-next{width:18px;height:18px;background:transparent;position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:none;display:inline-flex;align-items:center;justify-content:center}.brand-carousel .slick-prev:before,.brand-carousel .slick-next:before{content:none!important}.brand-carousel .slick-prev{left:-40px}.brand-carousel .slick-next{right:-40px}.brand-carousel .slick-prev svg,.brand-carousel .slick-next svg{width:7px;height:12px;display:block}.brand-carousel .slick-prev svg{transform:rotate(180deg)}.brand-carousel__loading{display:flex;gap:28px;justify-content:center}.brand-carousel__item.is-skeleton .brand-carousel__logo{background:linear-gradient(90deg,#f1f1f1 25%,#f7f7f7 37%,#f1f1f1 63%);background-size:400% 100%;animation:bc-shimmer 1.4s ease infinite;border-color:#eee}@keyframes bc-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width: 1024px){.brand-carousel__title{font-size:28px}}@media (min-width: 1025px){.brand-carousel__title{font-size:32px}}@media (max-width: 992px){.brand-carousel .slick-prev,.brand-carousel .slick-next{display:none!important}.brand-carousel .slick-dots{position:static;display:flex!important;align-items:center;justify-content:center;gap:7px;margin-top:16px}.brand-carousel .slick-dots li{width:8px;height:8px;background-color:#fff;border-radius:50%;border:1px solid #F85A00;transition:ease .5s}.brand-carousel .slick-dots li.slick-active{width:24px;background-color:#f85a00;border:1px solid #FFFFFF;border-radius:7px;transition:ease .4s}.brand-carousel .slick-dots button{width:100%;height:100%;padding:0;border:0;background:transparent;font-size:0;line-height:0;color:transparent;cursor:pointer}}@media (max-width: 992px){.brand-carousel__viewport{margin:0 16px}.brand-carousel .slick-next{right:-24px}.brand-carousel .slick-prev{left:-24px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/brand-carousel.css.map */