.material-filters[data-v-402b51dc]{display:flex;gap:12px;margin-bottom:24px}.material-filters .el-input[data-v-402b51dc]{flex:1;min-width:0}.material-filters .el-select[data-v-402b51dc]{width:140px;flex:none}.official-material-grid[data-v-402b51dc]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin-bottom:24px}.official-material-visual[data-v-402b51dc]{aspect-ratio:16/10}.official-material-visual img[data-v-402b51dc],.official-material-visual video[data-v-402b51dc]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.official-material-audio[data-v-402b51dc],.official-material-text[data-v-402b51dc]{box-sizing:border-box;height:100%;padding:16px}.official-material-audio[data-v-402b51dc]{display:flex;align-items:center}.official-material-audio audio[data-v-402b51dc]{width:100%}.official-material-text[data-v-402b51dc]{overflow:auto;white-space:pre-wrap;font-size:13px;scrollbar-width:thin}.official-material-select[data-v-402b51dc]{width:100%}.is-selectable .official-material-grid[data-v-402b51dc]{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:16px}@media(max-width:1200px){.official-material-grid[data-v-402b51dc]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.official-material-grid[data-v-402b51dc]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.material-filters[data-v-402b51dc]{flex-wrap:wrap}.material-filters .el-input[data-v-402b51dc]{flex-basis:100%}.official-material-grid[data-v-402b51dc]{grid-template-columns:minmax(0,1fr)}}