.mats-container[data-v-d18d4872]{max-width:1704px;margin:0 auto}.mats-grid[data-v-d18d4872]{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-d18d4872]: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-d18d4872]:nth-child(1):before{background:#eaeef5}.mat[data-v-d18d4872]:nth-child(2):before{background:#f7f4f0}.mat[data-v-d18d4872]:nth-child(3):before{background:#eaeef5}.mat[data-v-d18d4872]:nth-child(4):before{background:#f5f2f1}.mat-img[data-v-d18d4872]{width:280px;height:auto;display:block}@media (max-width: 1100px){.mat[data-v-d18d4872]{grid-column:span 6}}@media (max-width: 980px){.mats-grid[data-v-d18d4872]{grid-template-columns:repeat(2,1fr);-moz-column-gap:18px;column-gap:18px}.mat[data-v-d18d4872]{grid-column:auto}}@media (max-width: 640px){.mats-grid[data-v-d18d4872]{grid-template-columns:1fr;row-gap:18px}.mat[data-v-d18d4872]{grid-column:auto}}@media (max-width: 820px){.mats-container[data-v-d18d4872]{overflow-x:clip}.mats-grid[data-v-d18d4872]{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-padding-left:20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:20px;gap:16px}.mats-grid[data-v-d18d4872]::-webkit-scrollbar{display:none}.mat[data-v-d18d4872]:before{height:160%}.mat[data-v-d18d4872]{flex:0 0 85vw;height:460px;max-height:none;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column}.mat[data-v-d18d4872]:last-child{margin-right:20px}.mat>div[data-v-d18d4872]:last-child{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;min-height:0}.mat-img[data-v-d18d4872]{width:120%;max-width:120%;height:auto;display:block;flex-shrink:0}}