.brand-logos__card{position:relative;padding:2.4rem}.brand-logos__card--bordered{border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1.2rem}.brand-logos__header{margin-bottom:1.6rem}.brand-logos__title{margin:0}.brand-logos__subtitle{margin:.4rem 0 0;color:rgba(var(--color-foreground),.7);font-size:1.4rem}.brand-logos__divider{border-top:.1rem solid rgba(var(--color-foreground),.1);margin-bottom:2rem}.brand-logos__slider-wrapper{position:relative}.brand-logos slider-component{--desktop-margin-left-first-item: 0}.brand-logos__list{--tile-gap: 1.6rem;--tiles-per-view: 2.3;gap:var(--tile-gap)}@media screen and (min-width:750px){.brand-logos__list{--tiles-per-view: var(--tiles-per-view-desktop, 6)}}.brand-logos__item{flex:0 0 calc((100% - (var(--tile-gap) * (var(--tiles-per-view) - 1))) / var(--tiles-per-view));min-width:0}.brand-logos__tile{display:flex;align-items:center;justify-content:center;aspect-ratio:2.4 / 1;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.8rem;background-color:rgb(var(--color-background));padding:1.2rem 1.6rem;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}a.brand-logos__tile:hover{border-color:rgba(var(--color-foreground),.15);box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.08)}.brand-logos__tile img{display:block;width:100%;height:100%;object-fit:contain}.brand-logos .slider-buttons{position:absolute;top:50%;left:-1.6rem;right:-1.6rem;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:2}.brand-logos .slider-button{pointer-events:all;width:3.6rem;height:3.6rem}.brand-logos .slider-button--prev,.brand-logos .slider-button--next{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;color:rgba(var(--color-foreground),.7);box-shadow:0 .2rem .6rem rgba(var(--color-foreground),.15)}.brand-logos .slider-button--prev[disabled],.brand-logos .slider-button--next[disabled]{opacity:.4;box-shadow:none}@media screen and (max-width:749px){.brand-logos__card{padding:1.6rem}.brand-logos .slider-buttons{left:-.8rem;right:-.8rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/brand-logos.css.map */