._component-material-grid[data-v-71d378ca]{--grid-gap:10px;--card-padding:10px;--card-min-height:186px;--card-content-gap:8px;--card-background-color:var(--color-gray-bg);--tag-padding:0 6px;--tag-color:var(--color-white);--tag-background-color:var(--color-red-warning);--tag-viewed-background-color:var(--color-green);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}._component-material-grid .material-card[data-v-71d378ca]{display:flex;flex-direction:column;width:100%;min-height:var(--card-min-height);padding:var(--card-padding);box-sizing:border-box;overflow:hidden;color:inherit;font:inherit;text-align:left;background:var(--card-background-color);border:0;cursor:pointer}._component-material-grid .card-image[data-v-71d378ca]{width:100%;height:auto}._component-material-grid .card-content[data-v-71d378ca]{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:space-between;row-gap:var(--card-content-gap);padding-top:8px}._component-material-grid .viewed-tag[data-v-71d378ca]{width:-moz-fit-content;width:fit-content;padding:var(--tag-padding);font-size:12px;font-weight:600;line-height:20px;color:var(--tag-color);background-color:var(--tag-background-color);border-radius:2px}._component-material-grid .viewed-tag.viewed[data-v-71d378ca]{background-color:var(--tag-viewed-background-color)}@media screen and (max-width:1190px){._component-material-grid[data-v-71d378ca]{grid-template-columns:1fr}}