.dumi-default-previewer{background-color:inherit;border:1px solid #e4e9ec;border-radius:4px;margin:24px 0 32px}[data-prefers-color=dark] .dumi-default-previewer{border-color:#2a353c}[data-dumi-demo-grid] .dumi-default-previewer{margin:0 0 16px}[data-dumi-demo-grid] .dumi-default-previewer:first-child{margin-top:24px}[data-dumi-demo-grid] .dumi-default-previewer:last-child{margin-bottom:32px}.dumi-default-previewer-demo{border-top-left-radius:2px;border-top-right-radius:2px;padding:40px 24px}.dumi-default-previewer-demo>iframe{border:0;width:100%;height:300px;display:block}.dumi-default-previewer-demo[data-iframe]{box-sizing:border-box;border-top:24px solid #e4e9ec;padding:0;position:relative}[data-prefers-color=dark] .dumi-default-previewer-demo[data-iframe]{border-top-color:#2a353c}.dumi-default-previewer-demo[data-iframe]:after{content:"";background-color:#fd6458;border-radius:50%;width:12px;height:12px;display:inline-block;position:absolute;top:-19px;left:8px;box-shadow:20px 0 #ffbf2b,40px 0 #24cc3d}.dumi-default-previewer-demo[data-transform]{transform:translate(0)}.dumi-default-previewer-demo[data-compact]{padding:0}.dumi-default-previewer-demo[data-error][data-compact]{min-height:30px}.dumi-default-previewer-demo[data-error][data-compact]+.dumi-default-previewer-demo-error{border-top-left-radius:3px;border-top-right-radius:3px}.dumi-default-previewer-demo[data-loading]{position:relative}.dumi-default-previewer-demo[data-loading]:before{content:"";aspect-ratio:1;box-sizing:border-box;border:2.8px solid #1677ff;border-color:#1677ff #0000;border-radius:50%;height:28px;max-height:90%;animation:1s infinite dumi-previewer-loading;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-prefers-color=dark] .dumi-default-previewer-demo[data-loading]:before{border-color:#0053c8 #0000}@keyframes dumi-previewer-loading{to{transform:translate(-50%,-50%)rotate(.5turn)}}.dumi-default-previewer-demo[data-loading]>*{opacity:.3!important}.dumi-default-previewer-demo-error{color:#b23642;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background:#fdf4f5;height:30px;margin-top:-30px;padding:0 24px;font-size:13px;line-height:30px;position:relative;overflow:hidden}[data-prefers-color=dark] .dumi-default-previewer-demo-error{color:#c6414e;background:#2a060a}[data-prefers-color=dark] .dumi-default-previewer-demo-error>svg{fill:#c6414e}.dumi-default-previewer-demo-error>svg{fill:#ce1f31;vertical-align:-.14em;width:14px;padding-right:4px}.dumi-default-previewer-meta{border-top:1px solid #e4e9ec}[data-prefers-color=dark] .dumi-default-previewer-meta{border-top-color:#2a353c}.dumi-default-previewer-desc{position:relative}.dumi-default-previewer-desc>.markdown{border-bottom:1px dashed #e4e9ec;padding:14px 24px}[data-prefers-color=dark] .dumi-default-previewer-desc>.markdown{border-bottom-color:#2a353c}.dumi-default-previewer-desc>h5{background:linear-gradient(#fff0,#fff 50%,#fff) 100%;margin:0;padding:0 4px;font-size:14px;font-weight:700;line-height:1;display:inline-block;position:absolute;top:-7px;left:20px}[data-prefers-color=dark] .dumi-default-previewer-desc>h5{background:linear-gradient(#0000,#000000f2 50%,#000000f2) 100%}.dumi-default-previewer-desc>h5>a{color:#30363f}[data-prefers-color=dark] .dumi-default-previewer-desc>h5>a{color:#c6c9cd}.dumi-default-previewer-desc>h5>a:not(:hover){text-decoration:none}.dumi-default-previewer-desc>h5>a>strong{float:inline-start;color:#d59200;padding-inline-end:8px;font-size:12px;line-height:15px}[data-prefers-color=dark] .dumi-default-previewer-desc>h5>a>strong{color:#895e00}.dumi-default-previewer[data-active]{border-color:#7cb3ff;box-shadow:0 0 0 4px #1677ff1a}[data-prefers-color=dark] .dumi-default-previewer[data-active]{border-color:#002962;box-shadow:0 0 0 4px #0053c81a}.dumi-default-previewer[data-debug]{border-color:#ffc23c}[data-prefers-color=dark] .dumi-default-previewer[data-debug]{border-color:#231800}.dumi-default-previewer[data-debug][data-active]{box-shadow:0 0 0 4px #d592001a}[data-prefers-color=dark] .dumi-default-previewer[data-debug][data-active]{box-shadow:0 0 0 4px #895e001a}