.brands-carousel-with-header__header{text-align:center;margin-bottom:2.4rem;width:100%}@media(min-width:1200px){.brands-carousel-with-header__header{max-width:42.3rem;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:2.4rem;margin-bottom:0;text-align:left}}.brands-carousel-with-header__title{font-size:2.4rem;line-height:1.2;margin:0;color:rgb(var(--color-foreground));letter-spacing:0}@media(min-width:750px){.brands-carousel-with-header__title{font-size:3.2rem}}.brands-carousel-with-header__header .button{font-size:1.6rem;line-height:1;margin-top:2.4rem;margin-left:auto;margin-right:auto;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;gap:1.6rem;width:fit-content;min-height:4rem}@media(min-width:990px){.brands-carousel-with-header__header .button{min-height:5rem}}@media(min-width:1200px){.brands-carousel-with-header__header .button{margin-top:0}}@media(min-width:1200px){.brands-carousel-with-header__container{display:flex;align-items:center;gap:1.6rem}}.brands-carousel-with-header:not(:has(.page-width)) .brands-carousel-with-header__container{padding-left:1.5rem;padding-right:1.5rem}@media(min-width:750px){.brands-carousel-with-header:not(:has(.page-width)) .brands-carousel-with-header__container{padding-left:5rem;padding-right:5rem}}.brands-carousel-with-header__carousel{position:relative;width:100%;overflow:hidden}.brands-carousel-with-header__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;width:100%}@media(min-width:900px){.brands-carousel-with-header__grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){.brands-carousel-with-header__grid--3-cols{grid-template-columns:repeat(3,1fr)}.brands-carousel-with-header__grid--4-cols{grid-template-columns:repeat(4,1fr)}}.brands-carousel-with-header__card-wrapper{display:flex;flex-direction:column;height:100%}.brands-carousel-with-header .splide{width:100%;overflow:hidden}.brands-carousel-with-header .splide__track{overflow:visible}.brands-carousel-with-header .splide__list{display:flex;align-items:stretch;margin:0;padding:0}.brands-carousel-with-header .splide__slide{flex-shrink:0;margin-right:0;padding:0}.brands-carousel-with-header,.brands-carousel-with-header .page-width{overflow:hidden}.brands-carousel-with-header__container{max-width:100%;overflow:hidden}.brands-carousel-with-header__card-link{display:block;text-decoration:none;height:100%;color:inherit}.brands-carousel-with-header__card{background:rgb(var(--color-background-secondary));border-radius:1rem;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;box-shadow:0 .2rem 1rem #0000000d;overflow:hidden;color:rgb(var(--color-foreground-tertiary))}.brands-carousel-with-header__card.no-shadow{box-shadow:none!important}.brands-carousel-with-header__card-image{width:100%;display:flex;align-items:center;justify-content:center}.brands-carousel-with-header__image{width:100%;height:100%;object-fit:cover;object-position:center}.brands-carousel-with-header__container .button-container{margin-top:2.4rem}.brands-carousel-with-header__container .button-container .button{transition:all .5s ease;display:flex;align-items:center;justify-content:center;gap:1.6rem;width:fit-content;margin:0 auto;min-height:4rem}@media(min-width:990px){.brands-carousel-with-header__container .button-container .button{min-height:5rem}}.brands-carousel-with-header__container .button-container .button:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.brands-carousel-with-header__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04);border-radius:.5rem;min-height:8rem}.brands-carousel-with-header__placeholder-svg{width:60%;height:60%;opacity:.3;fill:rgb(var(--color-foreground))}.brands-carousel-with-header__card-brand-name--placeholder{opacity:.5;font-style:italic;color:rgba(var(--color-foreground-secondary),1)}.brands-carousel-with-header__card--placeholder{border:.1rem dashed rgba(var(--color-foreground),.2);position:relative;overflow:visible}.brands-carousel-with-header__card--placeholder:before{content:"";position:absolute;top:-.1rem;left:-.1rem;right:-.1rem;bottom:-.1rem;border-radius:1rem;background:linear-gradient(45deg,transparent 30%,rgba(var(--color-foreground),.02) 50%,transparent 70%);animation:shimmer 2s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.brands-carousel-with-header__card--placeholder{cursor:default;pointer-events:none}.brands-carousel-with-header__card--placeholder:hover{transform:none;box-shadow:0 .2rem 1rem #0000000d}.brands-carousel-with-header__card--placeholder:hover .brands-carousel-with-header__card-brand-name:after{transform:none;height:0}.brands-carousel-with-header__card--placeholder .brands-carousel-with-header__card-arrow svg{opacity:.3}.brands-carousel-with-header__card--placeholder:hover .brands-carousel-with-header__card-arrow svg{left:0;opacity:.3}.brands-carousel-with-header__card-content{flex-grow:1;display:flex;align-items:center;width:100%;gap:1.6rem}.brands-carousel-with-header__card-brand-name{font-size:1.6rem;font-weight:400;line-height:1.2;margin:0;color:rgba(var(--color-foreground-tertiary),1);flex-shrink:0;position:relative;opacity:1;letter-spacing:0}.brands-carousel-with-header__card-brand-name:after{content:"";position:absolute;width:100%;height:0;background:rgb(var(--color-shadow));bottom:.2rem;left:0;transform:translateY(-100%);transition:all .5s ease}.brands-carousel-with-header__card:hover .brands-carousel-with-header__card-brand-name:after{transform:translateY(100%);height:.3rem}.brands-carousel-with-header__card-arrow{display:flex;align-items:center;width:100%;flex:1;position:relative}.brands-carousel-with-header__card-arrow svg{position:absolute;left:0;transition:all 1s ease;flex-shrink:0}.brands-carousel-with-header__card:hover .brands-carousel-with-header__card-arrow svg{left:calc(100% - 1.6rem)}.brands-carousel-with-header .splide__arrows{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.brands-carousel-with-header .splide__arrow{background:rgb(var(--color-foreground));border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:1;position:static;transform:none}.brands-carousel-with-header .splide__arrow:hover{background:rgba(var(--color-foreground),.8);transform:scale(1.1)}.brands-carousel-with-header .splide__arrow:disabled{opacity:.3;cursor:not-allowed}.brands-carousel-with-header .splide__arrow svg{fill:rgb(var(--color-background));width:1rem;height:1rem}.brands-carousel-with-header__title.no-animation,.brands-carousel-with-header__card-arrow.no-animation,.brands-carousel-with-header__card-arrow.no-animation svg{transition:none!important;animation:none!important}.brands-carousel-with-header__card-arrow.no-animation svg{left:0!important}.brands-carousel-with-header__card-brand-name.no-animation:after{transition:none!important;transform:none!important;height:0!important}.brands-carousel-with-header__grid,.brands-carousel-with-header__carousel{gap:var(--brands-gap, 1.6rem)}@media(max-width:749px){.brands-carousel-with-header__grid,.brands-carousel-with-header__carousel{gap:calc(var(--brands-gap, 1.6rem) / 2)}}.brands-carousel-with-header__card-image--full{width:100%}.brands-carousel-with-header__card-image--75{width:75%}.brands-carousel-with-header__card-image--70{width:70%}.brands-carousel-with-header__card-image--50{width:50%}.brands-carousel-with-header__header--mobile-left{text-align:left}.brands-carousel-with-header__header--mobile-center{text-align:center}.brands-carousel-with-header__header--mobile-right{text-align:right}@media(min-width:990px){.brands-carousel-with-header__header--desktop-left{text-align:left}.brands-carousel-with-header__header--desktop-center{text-align:center}.brands-carousel-with-header__header--desktop-right{text-align:right}}.brands-carousel-with-header__header--mobile-left .button{margin-left:0!important;margin-right:auto!important}.brands-carousel-with-header__header--mobile-center .button{margin-left:auto!important;margin-right:auto!important}.brands-carousel-with-header__header--mobile-right .button{margin-left:auto!important;margin-right:0!important}@media(min-width:1200px){.brands-carousel-with-header__header--desktop-left .button{margin-left:0!important;margin-right:auto!important}.brands-carousel-with-header__header--desktop-center .button{margin-left:auto!important;margin-right:auto!important}.brands-carousel-with-header__header--desktop-right .button{margin-left:auto!important;margin-right:0!important}}.brands-carousel-with-header__container:has(.brands-carousel-with-header__header--mobile-left) .button-container .button{margin-left:0!important;margin-right:auto!important}.brands-carousel-with-header__container:has(.brands-carousel-with-header__header--mobile-center) .button-container .button{margin-left:auto!important;margin-right:auto!important}.brands-carousel-with-header__container:has(.brands-carousel-with-header__header--mobile-right) .button-container .button{margin-left:auto!important;margin-right:0!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-brands-carousel-with-header.css.map */