.brands-grid{display:flex;flex-wrap:wrap}.brands-grid .brands-block{width:25%;height:25vw;position:relative;box-sizing:border-box;overflow:hidden}.brands-grid .brand-image.object-fit-polyfill{position:absolute!important;top:0;bottom:0;left:0;right:0}.brands-grid .brand-image img{top:-1px;bottom:-1px;left:-1px;right:-1px;max-width:calc(100% + 2px);width:calc(100% + 2px);height:calc(100% + 2px)}.brands-grid .brand-logo{display:block}.brands-grid .brand-logo-inv{display:none}.brands-grid .brand-top{background:#f1f1f1;pointer-events:none;opacity:1}.brands-grid .brand-top,.brands-grid .brand-bottom{display:flex;align-items:center;justify-content:center;flex-direction:column}.brands-grid .brands-block-logos{opacity:1;padding:10px;max-width:100%;box-sizing:border-box;min-height:1px;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.brands-grid .brand-link{opacity:0;-webkit-transform:translate3d(0,-100px,0);-moz-transform:translate3d(0,-100px,0);-ms-transform:translate3d(0,-100px,0);-o-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}.brands-grid .brands-block:hover .brand-top{opacity:0}.brands-grid .brands-block:hover .brands-block-logos{opacity:0;-webkit-transform:translate3d(0,100px,0);-moz-transform:translate3d(0,100px,0);-ms-transform:translate3d(0,100px,0);-o-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}.brands-grid .brands-block:hover .brand-link{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.brands-grid .brands-block:nth-of-type(2n) .brand-top{background:#000}.brands-grid .brands-block:nth-of-type(2n) .brand-logo{display:none}.brands-grid .brands-block:nth-of-type(2n) .brand-logo-inv{display:block}.brands-grid .brands-block:nth-of-type(8n-3) .brand-top,.brands-grid .brands-block:nth-of-type(8n-1) .brand-top{background:#000}.brands-grid .brands-block:nth-of-type(8n-2) .brand-top,.brands-grid .brands-block:nth-of-type(8n) .brand-top{background:#f1f1f1}.brands-grid .brands-block:nth-of-type(8n-3) .brand-logo-inv,.brands-grid .brands-block:nth-of-type(8n-1) .brand-logo-inv{display:block}.brands-grid .brands-block:nth-of-type(8n-2) .brand-logo,.brands-grid .brands-block:nth-of-type(8n) .brand-logo{display:block}.brands-grid .brands-block:nth-of-type(8n-3) .brand-logo,.brands-grid .brands-block:nth-of-type(8n-1) .brand-logo{display:none}.brands-grid .brands-block:nth-of-type(8n-2) .brand-logo-inv,.brands-grid .brands-block:nth-of-type(8n) .brand-logo-inv{display:none}.brands-grid .brand-image-overlay{background:#000;opacity:.35}@media only screen and (max-width: 1200px){.brands-grid .brands-block:hover .brand-top{opacity:1}.brands-grid .brands-block:hover .brands-block-logos{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.brands-grid .brand-bottom{display:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-brand-grid.css.map */