.brands__border-top{border-top:.2rem solid rgb(var(--color-border))}.brands__border-bottom{border-bottom:.2rem solid rgb(var(--color-border))}.brands__items{display:flex;align-items:center;justify-content:flex-start;gap:3.2rem;overflow-x:auto;overflow-y:hidden;padding-bottom:1.2rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;cursor:grab;flex-wrap:nowrap;min-width:100%}.brands__items:active{cursor:grabbing}@media (max-width: 575px){.brands__items{scrollbar-width:none;-ms-overflow-style:none}.brands__items::-webkit-scrollbar{display:none}}.brands__items::-webkit-scrollbar{height:.6rem}@media (pointer: coarse){.brands__items{touch-action:pan-x}}.brands__items::-webkit-scrollbar-thumb{background-color:rgb(var(--color-border));border-radius:2rem}.brands__item{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:160px;flex-basis:160px}@media screen and (min-width: 576px){.brands__item{display:block;min-width:180px}}.brands__item .brands__image{opacity:.7;transition:opacity var(--duration-default)}.brands__item:hover .brands__image{opacity:1}.brands__image{display:block;height:auto;max-width:100%;width:auto;object-fit:contain}@media screen and (max-width: 575px){.brands__image{max-width:130px;height:auto}}.brands__image--dark{display:none}.brands__placeholder{font-size:3.2rem;line-height:1}.brands{position:relative;--fade-left-opacity: 0;--fade-right-opacity: 1}.brands:before,.brands:after{content:"";position:absolute;top:0;bottom:0;width:2rem;pointer-events:none;z-index:1;transition:opacity .3s ease}.brands:before{left:0;background:linear-gradient(to right,rgba(var(--color-background),1),transparent);opacity:var(--fade-left-opacity)}.brands:after{right:0;background:linear-gradient(to left,rgba(var(--color-background),1),transparent);opacity:var(--fade-right-opacity)}@media (max-width: 575px){.brands:before,.brands:after{display:none}}@media screen and (max-width: 575px){.brands .container{padding-left:1rem;padding-right:1rem}.brands__items{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-brands.css.map */