.dumi-default-tabs-nav{display:flex;padding:0 12px;position:relative}.dumi-default-tabs-nav:after{border-bottom:1px dashed #e4e9ec;bottom:0;content:"";height:0;left:0;position:absolute;width:100%}[data-prefers-color=dark] .dumi-default-tabs-nav:after{border-bottom-color:#2a353c}.dumi-default-tabs-nav-wrap{display:flex;overflow:hidden;white-space:nowrap}.dumi-default-tabs-nav-wrap.dumi-default-tabs-nav-wrap-ping-left{box-shadow:inset 5px 0 5px -5px rgba(0,0,0,.1)}.dumi-default-tabs-nav-wrap.dumi-default-tabs-nav-wrap-ping-right~*>.dumi-default-tabs-nav-more{box-shadow:0 0 5px rgba(0,0,0,.1)}.dumi-default-tabs-nav-list{display:flex;position:relative;transition:transform .2s;z-index:1}.dumi-default-tabs-nav-more{background:none;border:0;cursor:pointer;height:100%;transition:box-shadow .2s}.dumi-default-tabs-tab{display:flex;margin:0 12px}.dumi-default-tabs-tab-btn{background:transparent;border:0;box-sizing:border-box;color:#4f5866;cursor:pointer;font-size:14px;line-height:36px;outline:none;padding:0;transition:all .2s}[data-prefers-color=dark] .dumi-default-tabs-tab-btn{color:#8590a0}.dumi-default-tabs-tab-btn:hover{color:#30363f}[data-prefers-color=dark] .dumi-default-tabs-tab-btn:hover{color:#c6c9cd}.dumi-default-tabs-tab-active .dumi-default-tabs-tab-btn{color:#30363f}[data-prefers-color=dark] .dumi-default-tabs-tab-active .dumi-default-tabs-tab-btn{color:#c6c9cd}.dumi-default-tabs-ink-bar{background:#1677ff;bottom:0;height:1px;pointer-events:none;position:absolute;transition:left .2s,width .2s}[data-prefers-color=dark] .dumi-default-tabs-ink-bar{background:#0053c8}.dumi-default-tabs-dropdown{background:inherit;border:1px solid #d0d5d8;max-height:200px;overflow:auto;position:absolute}[data-prefers-color=dark] .dumi-default-tabs-dropdown{border-color:#1c2022}.dumi-default-tabs-dropdown>ul{list-style:none;margin:0;padding:0}.dumi-default-tabs-dropdown>ul>li{cursor:pointer;font-size:14px;padding:4px 12px}.dumi-default-tabs-dropdown>ul>li:hover{color:#1677ff}[data-prefers-color=dark] .dumi-default-tabs-dropdown>ul>li:hover{color:#0053c8}.dumi-default-tabs-dropdown>ul>li:not(:last-child){border-bottom:1px dashed #d0d5d8}[data-prefers-color=dark] .dumi-default-tabs-dropdown>ul>li:not(:last-child){border-bottom-color:#1c2022}.dumi-default-tabs-dropdown-hidden,.dumi-default-tabs-tabpane-hidden{display:none}code[class*=language-],pre[class*=language-]{background:#fafafa;color:#383a42;direction:ltr;font-family:Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;-ms-hyphens:none;hyphens:none;line-height:1.5;tab-size:2;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection{background:#e5e5e6;color:inherit}pre[class*=language-]{border-radius:.3em;margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.2em .3em;white-space:normal}.token.cdata,.token.comment,.token.prolog{color:#a0a1a7}.token.doctype,.token.entity,.token.punctuation{color:#383a42}.token.atrule,.token.attr-name,.token.boolean,.token.class-name,.token.constant,.token.number{color:#b76b01}.token.keyword{color:#a626a4}.token.deleted,.token.important,.token.property,.token.symbol,.token.tag{color:#e45649}.token.attr-value,.token.attr-value>.token.punctuation,.token.builtin,.token.char,.token.inserted,.token.regex,.token.selector,.token.string{color:#50a14f}.token.function,.token.operator,.token.variable{color:#4078f2}.token.url{color:#0184bc}.token.attr-value>.token.punctuation.attr-equals,.token.special-attr>.token.attr-value>.token.value.css{color:#383a42}.language-css .token.selector{color:#e45649}.language-css .token.property{color:#383a42}.language-css .token.function,.language-css .token.url>.token.function{color:#0184bc}.language-css .token.url>.token.string.url{color:#50a14f}.language-css .token.atrule .token.rule,.language-css .token.important,.language-javascript .token.operator{color:#a626a4}.language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:#ca1243}.language-json .token.operator{color:#383a42}.language-json .token.null.keyword{color:#b76b01}.language-markdown .token.url,.language-markdown .token.url-reference.url>.token.string,.language-markdown .token.url>.token.operator{color:#383a42}.language-markdown .token.url>.token.content{color:#4078f2}.language-markdown .token.url-reference.url,.language-markdown .token.url>.token.url{color:#0184bc}.language-markdown .token.blockquote.punctuation,.language-markdown .token.hr.punctuation{color:#a0a1a7;font-style:italic}.language-markdown .token.code-snippet{color:#50a14f}.language-markdown .token.bold .token.content{color:#b76b01}.language-markdown .token.italic .token.content{color:#a626a4}.language-markdown .token.list.punctuation,.language-markdown .token.strike .token.content,.language-markdown .token.strike .token.punctuation,.language-markdown .token.title.important>.token.punctuation{color:#e45649}.token.bold{font-weight:700}.token.comment,.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.8}.token.token.cr:before,.token.token.lf:before,.token.token.space:before,.token.token.tab:not(:empty):before{color:rgba(56,58,66,.2)}div.code-toolbar>.toolbar.toolbar>.toolbar-item{margin-right:.4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span{background:#e5e5e6;border-radius:.3em;color:#696c77;padding:.1em .4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:hover{background:#c6c7c7;color:#383a42}.line-highlight.line-highlight{background:rgba(56,58,66,.05)}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background:#e5e5e6;border-radius:.3em;box-shadow:0 2px 0 0 rgba(0,0,0,.2);color:#383a42;padding:.1em .6em}pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(56,58,66,.05)}.command-line .command-line-prompt,.line-numbers.line-numbers .line-numbers-rows{border-right-color:rgba(56,58,66,.2)}.command-line .command-line-prompt>span:before,.line-numbers .line-numbers-rows>span:before{color:#9d9d9f}.rainbow-braces .token.token.punctuation.brace-level-1,.rainbow-braces .token.token.punctuation.brace-level-5,.rainbow-braces .token.token.punctuation.brace-level-9{color:#e45649}.rainbow-braces .token.token.punctuation.brace-level-10,.rainbow-braces .token.token.punctuation.brace-level-2,.rainbow-braces .token.token.punctuation.brace-level-6{color:#50a14f}.rainbow-braces .token.token.punctuation.brace-level-11,.rainbow-braces .token.token.punctuation.brace-level-3,.rainbow-braces .token.token.punctuation.brace-level-7{color:#4078f2}.rainbow-braces .token.token.punctuation.brace-level-12,.rainbow-braces .token.token.punctuation.brace-level-4,.rainbow-braces .token.token.punctuation.brace-level-8{color:#a626a4}pre.diff-highlight>code .token.token.deleted:not(.prefix),pre>code.diff-highlight .token.token.deleted:not(.prefix){background-color:rgba(255,82,102,.15)}pre.diff-highlight>code .token.token.deleted:not(.prefix) ::selection,pre.diff-highlight>code .token.token.deleted:not(.prefix)::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::selection{background-color:rgba(251,86,105,.25)}pre.diff-highlight>code .token.token.inserted:not(.prefix),pre>code.diff-highlight .token.token.inserted:not(.prefix){background-color:rgba(25,255,91,.15)}pre.diff-highlight>code .token.token.inserted:not(.prefix) ::selection,pre.diff-highlight>code .token.token.inserted:not(.prefix)::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::selection{background-color:rgba(56,224,98,.25)}.prism-previewer-gradient.prism-previewer-gradient div,.prism-previewer.prism-previewer:before{border-color:hsl(0,0,95%)}.prism-previewer-color.prism-previewer-color:before,.prism-previewer-easing.prism-previewer-easing:before,.prism-previewer-gradient.prism-previewer-gradient div{border-radius:.3em}.prism-previewer.prism-previewer:after{border-top-color:hsl(0,0,95%)}.prism-previewer-flipped.prism-previewer-flipped.after{border-bottom-color:hsl(0,0,95%)}.prism-previewer-angle.prism-previewer-angle:before,.prism-previewer-easing.prism-previewer-easing,.prism-previewer-time.prism-previewer-time:before{background:#fff}.prism-previewer-angle.prism-previewer-angle circle,.prism-previewer-time.prism-previewer-time circle{stroke:#383a42;stroke-opacity:1}.prism-previewer-easing.prism-previewer-easing circle,.prism-previewer-easing.prism-previewer-easing line,.prism-previewer-easing.prism-previewer-easing path{stroke:#383a42}.prism-previewer-easing.prism-previewer-easing circle{fill:transparent}[data-prefers-color=dark] .token.doctype,[data-prefers-color=dark] .token.entity,[data-prefers-color=dark] .token.punctuation,[data-prefers-color=dark] code[class*=language-],[data-prefers-color=dark] pre[class*=language-]{color:#8590a0}[data-prefers-color=dark] .token.cdata,[data-prefers-color=dark] .token.comment,[data-prefers-color=dark] .token.prolog{color:#616d7f}.dumi-default-source-code{background-color:#fbfcfd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;position:relative}.dumi-default-source-code-scroll-container{height:100%;overflow:auto;width:100%}.dumi-default-source-code-scroll-content{height:max-content;min-height:100%;min-width:100%;position:relative;width:max-content}.dumi-default-source-code-scroll-content>pre.prism-code{overflow:visible;position:relative;width:max-content}.dumi-default-source-code>pre.prism-code{overflow:auto}.dumi-default-source-code-scroll-content>pre.prism-code,.dumi-default-source-code>pre.prism-code{background:transparent;direction:ltr;font-size:14px;line-height:1.58;margin:0;padding:18px 24px}.dumi-default-source-code-scroll-content>pre.prism-code:after,.dumi-default-source-code-scroll-content>pre.prism-code:before,.dumi-default-source-code>pre.prism-code:after,.dumi-default-source-code>pre.prism-code:before{content:none}.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted,.dumi-default-source-code>pre.prism-code>.highlighted{background-color:#eeeff0;position:relative;width:calc(100% + 24px)}.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted .line-cell,.dumi-default-source-code>pre.prism-code>.highlighted .line-cell{position:relative}.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted .line-cell:after,.dumi-default-source-code>pre.prism-code>.highlighted .line-cell:after{background-color:#eeeff0;bottom:0;content:"";position:absolute;right:-24px;top:0;width:24px}.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted:after,.dumi-default-source-code>pre.prism-code>.highlighted:after{background-color:#eeeff0;bottom:0;content:"";left:-24px;position:absolute;top:0;width:24px}.dumi-default-source-code-scroll-content>pre.prism-code>.wrap,.dumi-default-source-code>pre.prism-code>.wrap{display:table-row}.dumi-default-source-code-scroll-content>pre.prism-code>.wrap>.token-line-num,.dumi-default-source-code>pre.prism-code>.wrap>.token-line-num{display:table-cell;opacity:.5;padding-right:1em;text-align:right;-ms-user-select:none;user-select:none}.dumi-default-source-code-scroll-content>pre.prism-code>.wrap>.line-cell,.dumi-default-source-code>pre.prism-code>.wrap>.line-cell{display:table-cell;width:100%}.dumi-default-source-code-copy{background-color:rgba(251,252,253,.8);border:0;border-radius:2px;cursor:pointer;display:inline-block;padding:8px 12px;position:absolute;right:12px;top:9px;transition:all .2s;z-index:2}.dumi-default-source-code-copy>svg{fill:#98a3aa;transition:fill .2s;width:16px}[data-prefers-color=dark] .dumi-default-source-code-copy>svg{fill:#4a545a}.dumi-default-source-code-copy:hover>svg{fill:#7c8a93}[data-prefers-color=dark] .dumi-default-source-code-copy:hover>svg{fill:#616e75}.dumi-default-source-code-copy[data-copied]>svg{fill:#208a41}[data-prefers-color=dark] .dumi-default-source-code-copy[data-copied]>svg{fill:#124c24}.dumi-default-source-code:not(:hover) .dumi-default-source-code-copy{opacity:0;visibility:hidden}.dumi-default-source-code-language{color:#8a9099;font-size:12px;font-weight:500;position:absolute;right:8px;top:2px;transition:color .4s,opacity .4s;-ms-user-select:none;user-select:none;z-index:2}.dumi-default-source-code:hover .dumi-default-source-code-language{opacity:0;visibility:hidden}[data-prefers-color=dark] .dumi-default-source-code{background-color:#020305}[data-prefers-color=dark] .dumi-default-source-code-copy{background-color:rgba(2,3,5,.2)}[data-prefers-color=dark] .dumi-default-source-code>pre.prism-code>.highlighted{background-color:#1c1d1e}[data-prefers-color=dark] .dumi-default-source-code>pre.prism-code>.highlighted:after{background-color:#1c1d1e}[data-prefers-color=dark] .dumi-default-source-code>pre.prism-code>.highlighted .line-cell:after{background-color:#1c1d1e}.dumi-default-source-code-editor{position:relative}.dumi-default-source-code-editor-textarea{background:transparent;border:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;box-sizing:border-box;caret-color:#30363f;color:transparent;display:block;height:100%;left:0;opacity:1;outline:none;overflow:hidden;overflow-wrap:normal;position:absolute;resize:none;top:0;white-space:pre;width:100%;z-index:1}[data-prefers-color=dark] .dumi-default-source-code-editor-textarea{caret-color:#c6c9cd}[data-prefers-color=dark] .dumi-default-source-code-editor-textarea:focus::selection{background-color:rgba(0,83,200,.3)}.dumi-default-source-code-editor:after{border-bottom-left-radius:3px;border-bottom-right-radius:3px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.dumi-default-source-code-editor:focus-within:after{box-shadow:inset 0 0 0 1px #1677ff}[data-prefers-color=dark] .dumi-default-source-code-editor:focus-within:after{box-shadow:inset 0 0 0 1px #0053c8}[data-dumi-tooltip]{position:relative}[data-dumi-tooltip]:after,[data-dumi-tooltip]:before{bottom:100%;display:inline-block;left:50%;opacity:.7;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s}[data-dumi-tooltip]:before{background-color:#000;border-radius:2px;box-shadow:0 4px 10px rgba(0,0,0,.1);box-sizing:border-box;color:#fff;content:attr(data-dumi-tooltip);font-size:13px;line-height:1.1;margin-bottom:8px;min-width:30px;padding:5px 8px;white-space:nowrap}[data-prefers-color=dark] [data-dumi-tooltip]:before{background-color:#222}[data-dumi-tooltip]:after{border:4px solid transparent;border-top-color:#000;content:"";height:0;width:0}[data-prefers-color=dark] [data-dumi-tooltip]:after{border-top-color:#222}[data-dumi-tooltip]:not(:hover):after,[data-dumi-tooltip]:not(:hover):before{opacity:0;visibility:hidden}[data-dumi-tooltip][data-dumi-tooltip-bottom]:after,[data-dumi-tooltip][data-dumi-tooltip-bottom]:before{bottom:auto;top:100%}[data-dumi-tooltip][data-dumi-tooltip-bottom]:before{margin-bottom:0;margin-top:8px}[data-dumi-tooltip][data-dumi-tooltip-bottom]:after{border-bottom-color:#000;border-top-color:transparent}[data-prefers-color=dark] [data-dumi-tooltip][data-dumi-tooltip-bottom]:after{border-bottom-color:#222}.dumi-default-previewer-actions{align-items:center;display:flex;height:32px;justify-content:center}.dumi-default-previewer-actions:not(:last-child){border-bottom:1px dashed #e4e9ec}[data-prefers-color=dark] .dumi-default-previewer-actions:not(:last-child){border-bottom-color:#2a353c}.dumi-default-previewer-action-btn{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.dumi-default-previewer-action-btn>svg{fill:#98a3aa;transition:fill .2s;width:16px}[data-prefers-color=dark] .dumi-default-previewer-action-btn>svg{fill:#4a545a}.dumi-default-previewer-action-btn:hover>svg{fill:#7c8a93}[data-prefers-color=dark] .dumi-default-previewer-action-btn:hover>svg{fill:#616e75}.dumi-default-previewer-action-btn:not(:last-child){margin-inline-end:4px}.dumi-default-previewer-action-sketch>select{appearance:none;cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.dumi-default-previewer-action-sketch[data-copied]>svg{fill:#208a41}.dumi-default-previewer-tabs-single .dumi-default-tabs-nav{display:none}.dumi-default-previewer-editor-tip-btn{appearance:none;background:transparent;border:0;cursor:help;padding:8px 12px;position:absolute;right:42px;top:9px;transition:all .2s;z-index:2}.dumi-default-previewer-editor-tip-btn>svg{fill:#98a3aa;width:16px}[data-prefers-color=dark] .dumi-default-previewer-editor-tip-btn>svg{fill:#4a545a}.dumi-default-previewer-editor-tip-btn[data-readonly]>span{background:#98a3aa;display:block;height:2px;left:50%;position:absolute;top:50%;transform:rotate(45deg) translate(-50%,120%);width:16px}.dumi-default-tabs-tabpane:not(:hover) .dumi-default-previewer-editor-tip-btn{opacity:0;visibility:hidden}.dumi-theme-default-tooltip{box-sizing:border-box;margin-bottom:8px;min-width:30px;position:fixed}.dumi-theme-default-tooltip-hidden{display:none}.dumi-theme-default-tooltip-arrow{border:4px solid transparent;opacity:.7}.dumi-theme-default-tooltip-placement-top .dumi-theme-default-tooltip-arrow{border-top-color:#000;transform:translate(-50%,100%)}.dumi-theme-default-tooltip-bottom .dumi-theme-default-tooltip-arrow{border-bottom-color:#000;transform:translateY(-50%,-100%)}.dumi-theme-default-tooltip-content{background-color:#000;border-radius:2px;box-shadow:0 4px 10px rgba(0,0,0,.1);box-sizing:border-box;color:#fff;font-size:13px;line-height:1.1;opacity:.7;padding:5px 8px;white-space:nowrap}[data-prefers-color=dark] .dumi-theme-default-tooltip-content{background-color:#222}.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;display:block;height:300px;width:100%}.dumi-default-previewer-demo[data-iframe]{border-top:24px solid #e4e9ec;box-sizing:border-box;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{background-color:#fd6458;border-radius:50%;box-shadow:20px 0 0 #ffbf2b,40px 0 0 #24cc3d;content:"";display:inline-block;height:12px;left:8px;position:absolute;top:-19px;width:12px}.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{animation:dumi-previewer-loading 1s infinite;aspect-ratio:1;border-color:#1677ff transparent;border-radius:50%;border-style:solid;border-width:2.8px;box-sizing:border-box;content:"";display:block;height:28px;left:50%;max-height:90%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-prefers-color=dark] .dumi-default-previewer-demo[data-loading]:before{border-color:#0053c8 transparent}@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{background:#fdf4f5;box-sizing:border-box;color:#b23642;font-size:13px;height:30px;line-height:30px;margin-top:-30px;overflow:hidden;padding:0 24px;position:relative;text-overflow:ellipsis;white-space:nowrap}[data-prefers-color=dark] .dumi-default-previewer-demo-error{background:#2a060a;color:#c6414e}[data-prefers-color=dark] .dumi-default-previewer-demo-error>svg{fill:#c6414e}.dumi-default-previewer-demo-error>svg{fill:#ce1f31;padding-right:4px;vertical-align:-.14em;width:14px}.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(0deg,#fff,#fff 50%,hsla(0,0%,100%,0)) 100%;display:inline-block;font-size:14px;font-weight:700;left:20px;line-height:1;margin:0;padding:0 4px;position:absolute;top:-7px}[data-prefers-color=dark] .dumi-default-previewer-desc>h5{background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.95) 50%,transparent) 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{color:#d59200;float:inline-start;font-size:12px;line-height:15px;padding-inline-end:8px}[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 rgba(22,119,255,.1)}[data-prefers-color=dark] .dumi-default-previewer[data-active]{border-color:#002962;box-shadow:0 0 0 4px rgba(0,83,200,.1)}.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 rgba(213,146,0,.1)}[data-prefers-color=dark] .dumi-default-previewer[data-debug][data-active]{box-shadow:0 0 0 4px rgba(137,94,0,.1)}#nprogress{pointer-events:none}#nprogress .bar{background:var;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px undefined,0 0 5px undefined;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:undefined transparent transparent undefined;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-ms-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.dumi-default-loading-skeleton .react-loading-skeleton{margin-block-end:.38em}.dumi-default-loading-skeleton .react-loading-skeleton.first-line{margin-inline-start:2em;width:calc(100% - 2em)}[data-prefers-color=dark] .dumi-default-loading-skeleton .react-loading-skeleton{--highlight-color:hsla(214,7%,79%,.22);--base-color:#30363f}body pre>code{background-color:transparent!important;background-color:initial!important}body .site-btn-primary:hover{background:linear-gradient(90deg,#1677ff,#13c2c2)!important}body .site-62odtq .site-features-img,body .site-gqrf5s .site-features-img{font-size:92px;height:140px;width:100px}body .site-62odtq .site-features-cover,body .site-gqrf5s .site-features-cover{height:100%;width:100%}body .site-62odtq .site-features-description,body .site-gqrf5s .site-features-description{opacity:0;visibility:hidden}body .site-62odtq:hover .site-features-img,body .site-gqrf5s:hover .site-features-img{font-size:18px;height:24px;width:24px}body .site-62odtq:hover .site-features-cover,body .site-gqrf5s:hover .site-features-cover{font-size:18px;height:24px;padding:4px;width:24px}body .site-62odtq:hover .site-features-description,body .site-gqrf5s:hover .site-features-description{opacity:1;visibility:visible}body .site-pa9niy{background:linear-gradient(135deg,#722ed1,#1677ff 30%,#f5222d 70%,#13c2c2)}body .layoutkit-flexbox.css-1gkesjw{background-image:url(https://zhaohappy.github.io/libmedia/docs/img/bg.svg);background-position:0 65px;background-repeat:no-repeat;background-size:100% 460px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}