.brands-scroll{display:block;background-color:var(--brands-bg-color, #ffffff);color:var(--brands-text-color, #000000);padding-top:var(--section-padding-top-mobile, 40px);padding-bottom:var(--section-padding-bottom-mobile, 40px)}@media screen and (min-width: 750px){.brands-scroll{padding-top:var(--section-padding-top, 60px);padding-bottom:var(--section-padding-bottom, 60px)}}.brands-scroll__container{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 1200px){.brands-scroll__container{flex-direction:row;gap:33px}}.brands-scroll__info{width:100%}@media screen and (min-width: 1200px){.brands-scroll__info{width:100%;max-width:13.375rem;flex-shrink:0}.brands-scroll__info-inner{position:sticky;top:100px;display:flex;flex-direction:column;gap:4rem}}@media screen and (min-width: 1440px){.brands-scroll__info-inner{gap:clamp(6.875rem,7vw,10rem);padding:50px 0}}.brands-scroll__info-content{display:none;flex-direction:column}@media screen and (min-width: 1200px){.brands-scroll__info-content{display:flex}}.brands-scroll__info-group{display:none;flex-direction:column;gap:3.375rem}.brands-scroll__info-group.is-active{display:flex}.brands-scroll__info-mobile{display:block}@media screen and (min-width: 1200px){.brands-scroll__info-mobile{display:none}}.brands-scroll__info-mobile .brands-scroll__info-items{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:space-between;gap:53px}@media screen and (min-width: 768px){.brands-scroll__info-mobile .brands-scroll__info-items{display:flex;gap:2rem}}@media screen and (min-width: 1200px){.brands-scroll__info-mobile .brands-scroll__info-items{display:flex;flex-direction:column;gap:1rem}}.brands-scroll__info-item{opacity:1;transition:opacity .4s ease,transform .4s ease}.brands-scroll__info-value{font-size:1.75rem;font-weight:700;color:var(--brands-text-color, currentColor)}@media screen and (min-width: 750px){.brands-scroll__info-value{font-size:2.875rem}}.brands-scroll__info-description{font-size:.75rem;letter-spacing:1.5px;margin-top:2px;color:var(--brands-text-color, currentColor);text-transform:uppercase}@media screen and (min-width: 750px){.brands-scroll__info-description{font-size:.8125rem}}.brands-scroll__button{display:none;align-items:center;gap:.75rem;color:var(--brands-text-color, currentColor);text-decoration:none;font-weight:700;font-size:1rem;letter-spacing:1.5px;text-transform:uppercase;width:fit-content;position:relative;transition:all .3s ease}@media screen and (min-width: 1200px){.brands-scroll__button{display:inline-flex}}.brands-scroll__button span{position:relative}.brands-scroll__button span:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:currentColor;transition:width .3s ease}.brands-scroll__button:hover span:after{width:100%}.brands-scroll__button:hover path{fill:var(--brands-text-color, currentColor)}.brands-scroll__button:hover{opacity:1}.brands-scroll__brands{width:100%;display:flex;flex-direction:column;gap:2.5rem}@media screen and (min-width: 1200px){.brands-scroll__brands{width:100%;flex:1;gap:1.5rem}}.brands-scroll__brand-wrapper{display:flex;flex-direction:column-reverse;gap:12px}.brands-scroll__item{position:relative;border-radius:.5rem;width:100%;overflow:hidden}@media screen and (min-width: 1200px){.brands-scroll__item{border-radius:.75rem}}.brands-scroll__link{display:block;text-decoration:none;color:inherit}.brands-scroll__media{position:relative;aspect-ratio:2 / 3;overflow:hidden;max-height:510px;width:100%}@media screen and (min-width: 750px){.brands-scroll__media{max-height:none;aspect-ratio:3 / 2}}.brands-scroll__media-desktop{display:none;width:100%;aspect-ratio:3 / 2}.brands-scroll__media-mobile{display:block;width:100%;max-height:510px;aspect-ratio:2 / 3}@media screen and (min-width: 750px){.brands-scroll__media-desktop{display:block}.brands-scroll__media-mobile{display:none}}.brands-scroll__image,.brands-scroll__video{width:100%;height:100%;object-fit:cover}.brands-scroll__placeholder{width:100%;height:100%;background-color:#00000026;display:flex;align-items:center;justify-content:center}.brands-scroll__placeholder-svg{width:50%;height:auto;opacity:.5}.brands-scroll__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;background-color:#00000026;color:var(--brand-text-color, #ffffff);pointer-events:none}@media screen and (min-width: 750px){.brands-scroll__overlay{padding:1.875rem}}.brands-scroll__overlay--top,.brands-scroll__overlay--bottom{display:flex;justify-content:space-between}.brands-scroll__overlay--bottom{flex-direction:column;gap:1.5625rem}@media screen and (min-width: 750px){.brands-scroll__overlay--bottom{flex-direction:row;align-items:flex-end}}.brands-scroll__logo{max-width:var(--brand-logo-max-width-mobile, 150px)}@media screen and (min-width: 750px){.brands-scroll__logo{max-width:var(--brand-logo-max-width, 300px)}}.brands-scroll__logo-img{height:auto}.brands-scroll__category{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin-left:auto;align-items:flex-end}@media screen and (min-width: 750px){.brands-scroll__category{font-size:13px;font-weight:700}}.brands-scroll__category span{font-size:15px;font-weight:700}@media screen and (min-width: 750px){.brands-scroll__category span{font-size:1rem;font-weight:700}}.brands-scroll__description{font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}@media screen and (min-width: 750px){.brands-scroll__description{font-size:13px}}.brands-scroll__description p{margin:0}.brands-scroll__overlay-button{padding:0;width:40px;height:40px;max-height:none;transition:all .3s ease;background-color:var(--brands-accent-color);pointer-events:auto}@media screen and (min-width: 1200px){.brands-scroll__overlay-button{width:82px;height:82px}}.brands-scroll__overlay-button:after{content:none}.brands-scroll__overlay-button:hover{background-color:#fff;color:var(--brands-accent-color, #ffffff)}.brands-scroll__overlay-button:hover path{fill:var(--brands-accent-color, #ffffff)}.brands-scroll__overlay-button svg{width:12px;height:auto;transition:transform .3s ease}@media screen and (min-width: 1200px){.brands-scroll__overlay-button svg{width:25px}}.brands-scroll__overlay-button:hover svg{transform:rotate(30deg)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/brands-scroll-section.css.map */