.mats-container[data-v-b7e421e8]{max-width:1704px;margin:0 auto}.mats-grid[data-v-b7e421e8]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,120px));-moz-column-gap:24px;column-gap:24px;row-gap:40px;justify-content:center}.mat[data-v-b7e421e8]:before{content:"";position:absolute;top:0;left:0;width:100%;height:110%;-webkit-mask-image:var(--mask-url);-webkit-mask-repeat:no-repeat;mask-image:var(--mask-url);mask-repeat:no-repeat;z-index:0;pointer-events:none}.mat[data-v-b7e421e8]:nth-child(1):before{background:#eaeef5}.mat[data-v-b7e421e8]:nth-child(2):before{background:#f7f4f0}.mat[data-v-b7e421e8]:nth-child(3):before{background:#eaeef5}.mat[data-v-b7e421e8]:nth-child(4):before{background:#f5f2f1}.mat-img[data-v-b7e421e8]{width:280px;height:auto;display:block}@media (max-width: 1100px){.mat[data-v-b7e421e8]{grid-column:span 6}}@media (max-width: 980px){.mats-grid[data-v-b7e421e8]{grid-template-columns:repeat(2,1fr);-moz-column-gap:18px;column-gap:18px}.mat[data-v-b7e421e8]{grid-column:auto}}@media (max-width: 640px){.mats-grid[data-v-b7e421e8]{grid-template-columns:1fr;row-gap:18px}.mat[data-v-b7e421e8]{grid-column:auto}}