.m-brands__slider{--m-brands-side-padding: 16px;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-top:4px;padding-bottom:4px;scroll-padding-inline:var(--m-brands-side-padding);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.m-brands__slider::-webkit-scrollbar{display:none}.m-brands__scrollbar{margin-top:16px}.m-brands__scrollbar.is-static{display:none}.m-brands__scrollbar-track{height:4px;overflow:hidden;background:#dedede;cursor:pointer}.m-brands__scrollbar-thumb{width:100%;height:100%;background:var(--m-text-black);transform:translate(0);transform-origin:left center}.m-brands__scrollbar:not(.is-dragging) .m-brands__scrollbar-thumb{transition:transform .12s linear,width .12s linear}@media(pointer:coarse){.m-brands__scrollbar-track,.m-brands__scrollbar-thumb{pointer-events:none}}.m-brands__item{position:relative;aspect-ratio:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.m-brands__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;border:1px solid var(--m-border-black);opacity:1;transition:all .2s linear}.m-brands__slide{flex:0 0 clamp(8.75rem,calc(3.91rem + 20.66vw),22.5rem);scroll-snap-align:start}.m-brands__slide-wrapper{display:flex;flex-direction:column;gap:8px}.m-brands__image{display:flex;align-items:center;justify-content:center}.m-brands__image img{aspect-ratio:1;padding:16px;max-width:100%;width:100%;height:100%;object-fit:contain}@media screen and (min-width:768px){.m-brands__slider{--m-brands-side-padding: 24px}}@media screen and (min-width:1024px){.m-brands__slider{--m-brands-side-padding: 36px;gap:24px;padding-top:8px!important;padding-bottom:8px!important;scroll-snap-type:x mandatory}.m-brands__item{aspect-ratio:330 / 243;transition:all .2s linear}.m-brands__image img{aspect-ratio:330 / 243;padding:24px}.m-brands__item:hover{transform:scale(1.02)}.m-brands__slide-wrapper{gap:24px}.m-brands__slide{flex-basis:calc((100% - 72px)/4)}}
/*# sourceMappingURL=/cdn/shop/t/418/assets/m-brands.css.map */