.official-material-visual[data-v-d74b5a37]{aspect-ratio:16/10}.official-material-image[data-v-d74b5a37]{display:block;width:100%;height:100%;border:0;padding:0;background:var(--c-soft);cursor:pointer}.official-material-visual img[data-v-d74b5a37],.official-material-visual video[data-v-d74b5a37]{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.official-material-add[data-v-d74b5a37]{position:absolute;z-index:2;right:10px;top:10px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--c-line);border-radius:50%;background:var(--c-panel);color:var(--c-text);box-shadow:0 2px 8px #0000001f;cursor:pointer}.official-material-add svg[data-v-d74b5a37]{width:18px;height:18px}.official-material-add[data-v-d74b5a37]:hover{background:var(--c-soft)}.official-material-add[data-v-d74b5a37]:disabled{opacity:.5;cursor:wait}.official-material-add[data-v-d74b5a37]:focus-visible,.official-material-image[data-v-d74b5a37]:focus-visible,.official-material-title[data-v-d74b5a37]:focus-visible{outline:2px solid var(--c-text);outline-offset:-3px}.official-material-audio[data-v-d74b5a37],.official-material-text[data-v-d74b5a37]{box-sizing:border-box;height:100%;padding:16px}.official-material-audio[data-v-d74b5a37]{display:flex;align-items:center}.official-material-audio audio[data-v-d74b5a37]{width:100%}.official-material-text[data-v-d74b5a37]{overflow:hidden;white-space:pre-wrap;font-size:13px}.official-material-title[data-v-d74b5a37]{border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.creation-card-body .official-material-category[data-v-d74b5a37]{margin:0 0 7px;font-size:12px;color:var(--c-muted)}.creation-dialog.creation-preview-dialog{display:flex;flex-direction:column;box-sizing:border-box;height:min(760px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);overflow:hidden}.creation-preview-dialog .el-dialog__header{flex:none;margin:0;padding-bottom:16px;padding-right:36px;border-bottom:1px solid var(--c-line)}.creation-preview-dialog .el-dialog__body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding-bottom:18px}.creation-preview-dialog .el-dialog__footer{flex:none;gap:10px;padding-top:16px;border-top:1px solid var(--c-line)}.creation-preview-toolbar{flex:none;padding-bottom:14px}.creation-preview-toolbar .site-category-nav{margin:0;padding:0}.creation-preview-content{flex:1;min-height:0;overflow:hidden}.creation-preview-content .creation-detail-copy{overflow-wrap:anywhere}.creation-preview-content.is-scrollable{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding-right:8px}.creation-preview-content.is-scrollable::-webkit-scrollbar{width:7px;height:7px}.creation-preview-content.is-scrollable::-webkit-scrollbar-thumb{background:var(--c-muted);border-radius:4px}.creation-preview-error{flex-basis:100%;margin:0;color:var(--el-color-danger);text-align:left}.material-detail[data-v-3b85c238]{display:grid;place-items:center;height:100%;min-height:0}.material-detail-image[data-v-3b85c238]{display:block;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:var(--c-soft)}.material-detail audio[data-v-3b85c238]{max-width:100%}.material-category-nav[data-v-312ab3ba]{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.official-material-grid[data-v-312ab3ba]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin-bottom:24px}.is-selectable .official-material-grid[data-v-312ab3ba]{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:16px}@media(max-width:1200px){.official-material-grid[data-v-312ab3ba]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.official-material-grid[data-v-312ab3ba]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.official-material-grid[data-v-312ab3ba]{grid-template-columns:minmax(0,1fr)}}