.mats-container[data-v-c7abbc5c]{max-width:1704px;margin:0 auto}.mats-grid[data-v-c7abbc5c]{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-c7abbc5c]: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-c7abbc5c]:nth-child(1):before{background:#eaeef5}.mat[data-v-c7abbc5c]:nth-child(2):before{background:#f7f4f0}.mat[data-v-c7abbc5c]:nth-child(3):before{background:#eaeef5}.mat[data-v-c7abbc5c]:nth-child(4):before{background:#f5f2f1}.mat-row[data-v-c7abbc5c]{display:flex;align-items:stretch;height:100%}.mat-content[data-v-c7abbc5c]{flex:2;position:relative;max-width:55%;margin-right:24px;z-index:10;align-self:flex-start}.mat-pic[data-v-c7abbc5c]{flex:1;position:relative;z-index:10;overflow:hidden}.mat-pic picture[data-v-c7abbc5c]{display:block;height:100%;display:flex;align-items:flex-end}.mat-img[data-v-c7abbc5c]{display:block;width:auto;height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center}@media (max-width: 1100px){.mat[data-v-c7abbc5c]{grid-column:span 6}}@media (max-width: 980px){.mats-grid[data-v-c7abbc5c]{grid-template-columns:repeat(2,1fr);-moz-column-gap:18px;column-gap:18px}.mat[data-v-c7abbc5c]{grid-column:auto}}@media (max-width: 640px){.mats-grid[data-v-c7abbc5c]{grid-template-columns:repeat(2,1fr);-moz-column-gap:18px;column-gap:18px}.mat[data-v-c7abbc5c]{grid-column:auto}.mat-pic[data-v-c7abbc5c]{justify-content:center;padding-top:12px}.mats-container[data-v-c7abbc5c]{max-width:1704px;margin:0 20px}}