.dumi-default-badge{vertical-align:top;border-radius:4px;margin-inline-start:2px;padding:1px 8px;font-size:12px;font-weight:400;line-height:20px;display:inline-block}.dumi-default-badge:not([type]),.dumi-default-badge[type=info]{color:#1677ff;background:#e2eeff}[data-prefers-color=dark] .dumi-default-badge:not([type]),[data-prefers-color=dark] .dumi-default-badge[type=info]{color:#1677ff;background:#002962}.dumi-default-badge[type=warning]{color:#d59200;background:#ffefcb}[data-prefers-color=dark] .dumi-default-badge[type=warning]{color:#d59200;background:#231800}.dumi-default-badge[type=success]{color:#208a41;background:#cbf3d7}[data-prefers-color=dark] .dumi-default-badge[type=success]{color:#208a41;background:#092712}.dumi-default-badge[type=error]{color:#ce1f31;background:#fbe2e5}[data-prefers-color=dark] .dumi-default-badge[type=error]{color:#ce1f31;background:#3c090e}
.dumi-default-table{margin:24px 0 32px;transform:translate(0)}.dumi-default-table-content{overflow:auto}.dumi-default-table-content:before,.dumi-default-table-content:after{content:"";z-index:1;pointer-events:none;width:6px;display:block;position:fixed;top:0;bottom:0}.dumi-default-table-content[data-left-folded]:before{background-image:linear-gradient(90deg,#0000001a,#0000);left:0}[data-prefers-color=dark] .dumi-default-table-content[data-left-folded]:before{background-image:linear-gradient(90deg,#00000080,#0000)}.dumi-default-table-content[data-right-folded]:after{background-image:linear-gradient(270deg,#0000001a,#0000);right:0}[data-prefers-color=dark] .dumi-default-table-content[data-right-folded]:after{background-image:linear-gradient(270deg,#00000080,#0000)}.dumi-default-table-content>table>thead>tr>th,.dumi-default-table-content>table>tr>th{white-space:nowrap}
.dumi-default-api-type [data-token=\|],.dumi-default-api-type [data-token="=>"]{padding:0 .5em}.dumi-default-api-type [data-token=\;],.dumi-default-api-type [data-token=\:],.dumi-default-api-type [data-token=\,],.dumi-default-api-type [data-token=async],.dumi-default-api-type [data-token=\{]{padding-right:.5em}.dumi-default-api-type [data-token=\}]{padding-left:.5em}.dumi-default-api-release [data-release]+[data-release]{margin-left:.5em}.dumi-default-api-release .dumi-default-badge{transform:scale(.9)}.dumi-default-api-release-name[data-release=deprecated]{text-decoration:line-through}.dumi-default-api-release-modifer[data-release=deprecated]{cursor:help;border-bottom:1px dotted #4f5866}
.dumi-default-tree{color:#30363f;background:#fbfcfd;border:1px solid #e4e9ec;border-radius:2px;margin:24px 0 32px;padding:16px;overflow-y:auto}[data-prefers-color=dark] .dumi-default-tree{color:#c6c9cd;background:#020305;border-color:#1c2022}.dumi-default-tree small{color:#616d7f;white-space:nowrap;padding-left:24px;font-size:14px}[data-prefers-color=dark] .dumi-default-tree small{color:#616d7f}.dumi-default-tree small:before{content:"# "}.dumi-default-tree.rc-tree{font-size:14px;line-height:1.5715;list-style:none;transition:all .3s}.dumi-default-tree.rc-tree .rc-tree-treenode{align-items:flex-start;display:flex;position:relative}.dumi-default-tree.rc-tree .rc-tree-treenode:before{content:"";transition:background .3s;position:absolute;inset:0 0 4px}.dumi-default-tree.rc-tree .rc-tree-treenode:hover:before{background:#eeeff0}[data-prefers-color=dark] .dumi-default-tree.rc-tree .rc-tree-treenode:hover:before{background:#1c1d1e}.dumi-default-tree.rc-tree .rc-tree-treenode>*{z-index:1}.dumi-default-tree.rc-tree .rc-tree-treenode span.rc-tree-switcher{cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:28px;margin-right:2px;line-height:28px;display:flex}.dumi-default-tree.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{cursor:pointer;white-space:nowrap;flex:auto;min-height:28px;margin:0;padding:0 4px;line-height:28px}.dumi-default-tree.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle{vertical-align:0;margin-right:6px}.dumi-default-tree.rc-tree.rc-tree-show-line .rc-tree-indent{vertical-align:bottom;flex-shrink:0;height:0;display:inline-block}.dumi-default-tree.rc-tree.rc-tree-show-line .rc-tree-indent-unit{width:24px;height:28px;display:inline-block;position:relative}.dumi-default-tree.rc-tree.rc-tree-show-line .rc-tree-indent-unit:before{content:"";border-right:1px solid #d9d9d9;position:absolute;top:0;bottom:-4px;right:12px}.dumi-default-tree.rc-tree.rc-tree-show-line .rc-tree-indent-unit-end:before{display:none}.dumi-default-tree.rc-tree.rc-tree-show-line .tree-switcher-leaf-line{z-index:1;text-align:center;width:100%;height:100%;display:inline-block;position:relative}.dumi-default-tree.rc-tree.rc-tree-show-line .tree-switcher-leaf-line:before{content:" ";border-left:1px solid #d9d9d9;margin-left:-1px;position:absolute;top:0;bottom:-4px}.dumi-default-tree.rc-tree.rc-tree-show-line .tree-switcher-leaf-line:after{content:" ";border-bottom:1px solid #d9d9d9;width:12px;margin-left:-1px;position:absolute;top:0;bottom:14px}.dumi-default-tree.rc-tree.rc-tree-show-line .rc-tree-treenode-leaf-last .tree-switcher-leaf-line:before{height:14px}.dumi-default-tree-icon{color:#30363f;vertical-align:-.225em;width:16px;display:inline-block}[data-prefers-color=dark] .dumi-default-tree-icon{color:#c6c9cd}.ant-motion-collapse{overflow:hidden;transition:height .2s ease-in-out,opacity .2s ease-in-out!important}
.dumi-site-theme-cases a{text-decoration:none}.dumi-site-theme-cases-button{cursor:pointer;border-radius:.4em;align-items:center;padding:.3em 1.2em;font-size:.875em;display:inline-flex}.dumi-site-theme-cases-button:hover{border-bottom:none!important;padding-block-end:.3em!important}.dumi-site-theme-cases-button.primary{background-color:#1677ff;color:#fff!important}[data-prefers-color=dark] .dumi-site-theme-cases-button.primary{background-color:#0053c8}.dumi-site-theme-cases-button.secondary{color:#fff;background-color:#8a9099;font-size:.8em}[data-prefers-color=dark] .dumi-site-theme-cases-button.secondary{background-color:#616d7f}.dumi-site-theme-cases ul{width:100%;padding:0;list-style:none}.dumi-site-theme-cases-center,.dumi-site-theme-cases-center p{text-align:center}.dumi-site-theme-cases-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1em;margin-top:2em;display:grid}.dumi-site-theme-cases-item{background-color:#fff;border-radius:.8em;flex-direction:column;display:flex;box-shadow:0 8px 24px #0000000d}[data-prefers-color=dark] .dumi-site-theme-cases-item{background-color:#050709;border-bottom:#e4e9ec}.dumi-site-theme-cases-image{border-bottom:2px solid #d0d5d8;border-radius:.8em .8em 0 0;width:100%;height:150px;overflow:hidden}[data-prefers-color=dark] .dumi-site-theme-cases-image{border-bottom:#e4e9ec}.dumi-site-theme-cases-image>img{width:100%;max-width:100%;height:auto}.dumi-site-theme-cases-infomation{padding:1em}.dumi-site-theme-cases-infomation>p{display:box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:smaller;line-height:1.66;overflow:hidden}.dumi-site-theme-cases-summary{align-items:center;margin-bottom:1em;display:flex}.dumi-site-theme-cases-summary h4{flex:auto;margin:0 .25em 0 0}.dumi-site-theme-cases-summary a:first-child{color:#1677ff}[data-prefers-color=dark] .dumi-site-theme-cases-summary a:first-child{color:#0053c8}
.dumi-site-who-are-using{margin:16px 0 24px -2%;padding:0;list-style:none}.dumi-site-who-are-using:before,.dumi-site-who-are-using:after{content:"";clear:both;display:table}.dumi-site-who-are-using li{float:left;box-sizing:border-box;background-color:#fff;border:1px solid #e4e9ec;border-radius:4px;width:18%;margin-bottom:16px;margin-left:2%;padding:0 32px;transition:all .2s}[data-prefers-color=dark] .dumi-site-who-are-using li{background-color:#192532;border-color:#1e2d3c}@media only screen and (max-width:767px){.dumi-site-who-are-using li{width:48%;padding:0 12px}}.dumi-site-who-are-using li:hover{transform:translateY(-1px);box-shadow:0 2px 10px #0000000d}.dumi-site-who-are-using li>a{color:#333;justify-content:center;align-items:center;height:76px;font-size:18px;font-weight:700;text-decoration:none;display:flex}[data-prefers-color=dark] .dumi-site-who-are-using li>a{color:#8590a0}@media only screen and (max-width:767px){.dumi-site-who-are-using li>a{height:64px;font-size:15px}}.dumi-site-who-are-using li>a>img{max-width:90%;max-height:42px;margin-right:12px}@media only screen and (max-width:767px){.dumi-site-who-are-using li>a>img{max-height:36px}}
#nprogress{pointer-events:none}#nprogress .bar{background:var;z-index:1031;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{width:100px;height:100%;box-shadow:0 0 10px undefined, 0 0 5px undefined;opacity:1;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px)}#nprogress .spinner{z-index:1031;display:block;position:fixed;top:15px;right:15px}#nprogress .spinner-icon{box-sizing:border-box;border:2px solid #0000;border-top-color:undefined;border-left-color:undefined;border-radius:50%;width:18px;height:18px;animation:.4s linear infinite nprogress-spinner}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes react-loading-skeleton{to{transform:translate(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);z-index:1;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}
.dumi-default-loading-skeleton .react-loading-skeleton{margin-block-end:.38em}.dumi-default-loading-skeleton .react-loading-skeleton.first-line{width:calc(100% - 2em);margin-inline-start:2em}[data-prefers-color=dark] .dumi-default-loading-skeleton .react-loading-skeleton{--highlight-color:#c6c9cd38;--base-color:#30363f}
.dumi-default-content-tabs{border-bottom:1px solid #e4e9ec;align-items:center;height:60px;margin:-48px -48px 48px;padding:0 48px;list-style-type:none;display:flex}[data-prefers-color=dark] .dumi-default-content-tabs{border-bottom-color:#2a353c}@media only screen and (max-width:767px){.dumi-default-content-tabs{height:42px;margin:-24px -24px 24px;padding:0 24px}}[data-no-sidebar] .dumi-default-content-tabs{margin:0 0 48px;padding:0}@media only screen and (max-width:767px){[data-no-sidebar] .dumi-default-content-tabs{margin-bottom:24px}}.dumi-default-content-tabs>li{height:inherit}.dumi-default-content-tabs>li>button{height:inherit;color:#4f5866;cursor:pointer;background:0 0;border:0;padding:0;font-size:17px;transition:all .2s}[data-prefers-color=dark] .dumi-default-content-tabs>li>button{color:#8590a0}.dumi-default-content-tabs>li>button:hover{color:#1677ff}[data-prefers-color=dark] .dumi-default-content-tabs>li>button:hover{color:#0053c8}.dumi-default-content-tabs>li:not(last-child){margin-inline-end:42px}@media only screen and (max-width:767px){.dumi-default-content-tabs>li:not(last-child){margin-inline-end:20px}}.dumi-default-content-tabs>li[data-active]{position:relative}.dumi-default-content-tabs>li[data-active]>button{color:#30363f}[data-prefers-color=dark] .dumi-default-content-tabs>li[data-active]>button{color:#c6c9cd}.dumi-default-content-tabs>li[data-active]:after{content:"";background-color:#1677ff;height:1px;position:absolute;bottom:-1px;left:0;right:0}[data-prefers-color=dark] .dumi-default-content-tabs>li[data-active]:after{background-color:#0053c8}
code[class*=language-],pre[class*=language-]{color:#383a42;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:2;hyphens:none;direction:ltr;background:#fafafa;font-family:Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;line-height:1.5}code[class*=language-]::-moz-selection{color:inherit;background:#e5e5e6}code[class*=language-] *::-moz-selection{color:inherit;background:#e5e5e6}pre[class*=language-] *::-moz-selection{color:inherit;background:#e5e5e6}code[class*=language-]::selection,code[class*=language-] *::selection,pre[class*=language-] *::selection{color:inherit;background:#e5e5e6}pre[class*=language-]{border-radius:.3em;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.2em .3em}.token.comment,.token.prolog,.token.cdata{color:#a0a1a7}.token.doctype,.token.punctuation,.token.entity{color:#383a42}.token.attr-name,.token.class-name,.token.boolean,.token.constant,.token.number,.token.atrule{color:#b76b01}.token.keyword{color:#a626a4}.token.property,.token.tag,.token.symbol,.token.deleted,.token.important{color:#e45649}.token.selector,.token.string,.token.char,.token.builtin,.token.inserted,.token.regex,.token.attr-value,.token.attr-value>.token.punctuation{color:#50a14f}.token.variable,.token.operator,.token.function{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.important,.language-css .token.atrule .token.rule,.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>.token.operator,.language-markdown .token.url-reference.url>.token.string{color:#383a42}.language-markdown .token.url>.token.content{color:#4078f2}.language-markdown .token.url>.token.url,.language-markdown .token.url-reference.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.strike .token.content,.language-markdown .token.strike .token.punctuation,.language-markdown .token.list.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.tab:not(:empty):before,.token.token.cr:before,.token.token.lf:before,.token.token.space:before{color:#383a4233}div.code-toolbar>.toolbar.toolbar>.toolbar-item{margin-right:.4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span{color:#696c77;background:#e5e5e6;border-radius:.3em;padding:.1em .4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:focus{color:#383a42;background:#c6c7c7}.line-highlight.line-highlight{background:#383a420d}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{color:#383a42;background:#e5e5e6;border-radius:.3em;padding:.1em .6em;box-shadow:0 2px #0003}pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:#383a420d}.line-numbers.line-numbers .line-numbers-rows,.command-line .command-line-prompt{border-right-color:#383a4233}.line-numbers .line-numbers-rows>span:before,.command-line .command-line-prompt>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-2,.rainbow-braces .token.token.punctuation.brace-level-6,.rainbow-braces .token.token.punctuation.brace-level-10{color:#50a14f}.rainbow-braces .token.token.punctuation.brace-level-3,.rainbow-braces .token.token.punctuation.brace-level-7,.rainbow-braces .token.token.punctuation.brace-level-11{color:#4078f2}.rainbow-braces .token.token.punctuation.brace-level-4,.rainbow-braces .token.token.punctuation.brace-level-8,.rainbow-braces .token.token.punctuation.brace-level-12{color:#a626a4}pre.diff-highlight>code .token.token.deleted:not(.prefix),pre>code.diff-highlight .token.token.deleted:not(.prefix){background-color:#ff526626}pre.diff-highlight>code .token.token.deleted:not(.prefix)::-moz-selection{background-color:#fb566940}pre.diff-highlight>code .token.token.deleted:not(.prefix) *::-moz-selection{background-color:#fb566940}pre>code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection{background-color:#fb566940}pre>code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection{background-color:#fb566940}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:#fb566940}pre.diff-highlight>code .token.token.inserted:not(.prefix),pre>code.diff-highlight .token.token.inserted:not(.prefix){background-color:#1aff5b26}pre.diff-highlight>code .token.token.inserted:not(.prefix)::-moz-selection{background-color:#38e06240}pre.diff-highlight>code .token.token.inserted:not(.prefix) *::-moz-selection{background-color:#38e06240}pre>code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection{background-color:#38e06240}pre>code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection{background-color:#38e06240}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:#38e06240}.prism-previewer.prism-previewer:before,.prism-previewer-gradient.prism-previewer-gradient div{border-color:#f2f2f2}.prism-previewer-color.prism-previewer-color:before,.prism-previewer-gradient.prism-previewer-gradient div,.prism-previewer-easing.prism-previewer-easing:before{border-radius:.3em}.prism-previewer.prism-previewer:after{border-top-color:#f2f2f2}.prism-previewer-flipped.prism-previewer-flipped.after{border-bottom-color:#f2f2f2}.prism-previewer-angle.prism-previewer-angle:before,.prism-previewer-time.prism-previewer-time:before,.prism-previewer-easing.prism-previewer-easing{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 path,.prism-previewer-easing.prism-previewer-easing line{stroke:#383a42}.prism-previewer-easing.prism-previewer-easing circle{fill:#0000}
[data-prefers-color=dark] .token.doctype,[data-prefers-color=dark] .token.punctuation,[data-prefers-color=dark] .token.entity,[data-prefers-color=dark] code[class*=language-],[data-prefers-color=dark] pre[class*=language-]{color:#8590a0}[data-prefers-color=dark] .token.comment,[data-prefers-color=dark] .token.prolog,[data-prefers-color=dark] .token.cdata{color:#616d7f}.dumi-default-source-code{background-color:#fbfcfd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;position:relative}.dumi-default-source-code-scroll-container{width:100%;height:100%;overflow:auto}.dumi-default-source-code-scroll-content{width:max-content;min-width:100%;height:max-content;min-height:100%;position:relative}.dumi-default-source-code-scroll-content>pre.prism-code{width:max-content;position:relative;overflow:visible}.dumi-default-source-code>pre.prism-code{overflow:auto}.dumi-default-source-code>pre.prism-code,.dumi-default-source-code-scroll-content>pre.prism-code{direction:ltr;background:0 0;margin:0;padding:18px 24px;font-size:14px;line-height:1.58}.dumi-default-source-code>pre.prism-code:before,.dumi-default-source-code-scroll-content>pre.prism-code:before,.dumi-default-source-code>pre.prism-code:after,.dumi-default-source-code-scroll-content>pre.prism-code:after{content:none}.dumi-default-source-code>pre.prism-code>.highlighted,.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted{background-color:#eeeff0;width:calc(100% + 24px);position:relative}.dumi-default-source-code>pre.prism-code>.highlighted .line-cell,.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted .line-cell{position:relative}.dumi-default-source-code>pre.prism-code>.highlighted .line-cell:after,.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted .line-cell:after{content:"";background-color:#eeeff0;width:24px;position:absolute;top:0;bottom:0;right:-24px}.dumi-default-source-code>pre.prism-code>.highlighted:after,.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted:after{content:"";background-color:#eeeff0;width:24px;position:absolute;top:0;bottom:0;left:-24px}.dumi-default-source-code>pre.prism-code>.wrap,.dumi-default-source-code-scroll-content>pre.prism-code>.wrap{display:table-row}.dumi-default-source-code>pre.prism-code>.wrap>.token-line-num,.dumi-default-source-code-scroll-content>pre.prism-code>.wrap>.token-line-num{text-align:right;-webkit-user-select:none;user-select:none;opacity:.5;padding-right:1em;display:table-cell}.dumi-default-source-code>pre.prism-code>.wrap>.line-cell,.dumi-default-source-code-scroll-content>pre.prism-code>.wrap>.line-cell{width:100%;display:table-cell}.dumi-default-source-code-copy{z-index:2;cursor:pointer;background-color:#fbfcfdcc;border:0;border-radius:2px;padding:8px 12px;transition:all .2s;display:inline-block;position:absolute;top:9px;right:12px}.dumi-default-source-code-copy>svg{fill:#98a3aa;width:16px;transition:fill .2s}[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{z-index:2;-webkit-user-select:none;user-select:none;color:#8a9099;font-size:12px;font-weight:500;transition:color .4s,opacity .4s;position:absolute;top:2px;right:8px}.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:#02030533}[data-prefers-color=dark] .dumi-default-source-code>pre.prism-code>.highlighted,[data-prefers-color=dark] .dumi-default-source-code>pre.prism-code>.highlighted:after,[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{z-index:1;color:#0000;caret-color:#30363f;overflow-wrap:normal;white-space:pre;box-sizing:border-box;opacity:1;resize:none;background:0 0;border:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}[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:#0053c84d}.dumi-default-source-code-editor:after{content:"";z-index:0;pointer-events:none;border-bottom-right-radius:3px;border-bottom-left-radius:3px;width:100%;height:100%;position:absolute;top:0;left: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]:before,[data-dumi-tooltip]:after{opacity:.7;pointer-events:none;transition:all .2s;display:inline-block;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}[data-dumi-tooltip]:before{content:attr(data-dumi-tooltip);color:#fff;white-space:nowrap;box-sizing:border-box;background-color:#000;border-radius:2px;min-width:30px;margin-bottom:8px;padding:5px 8px;font-size:13px;line-height:1.1;box-shadow:0 4px 10px #0000001a}[data-prefers-color=dark] [data-dumi-tooltip]:before{background-color:#222}[data-dumi-tooltip]:after{content:"";border:4px solid #0000;border-top-color:#000;width:0;height:0}[data-prefers-color=dark] [data-dumi-tooltip]:after{border-top-color:#222}[data-dumi-tooltip]:not(:hover):before,[data-dumi-tooltip]:not(:hover):after{visibility:hidden;opacity:0}[data-dumi-tooltip][data-dumi-tooltip-bottom]:before,[data-dumi-tooltip][data-dumi-tooltip-bottom]:after{top:100%;bottom:auto}[data-dumi-tooltip][data-dumi-tooltip-bottom]:before{margin-top:8px;margin-bottom:0}[data-dumi-tooltip][data-dumi-tooltip-bottom]:after{border-top-color:#0000;border-bottom-color:#000}[data-prefers-color=dark] [data-dumi-tooltip][data-dumi-tooltip-bottom]:after{border-bottom-color:#222}.dumi-default-previewer-actions{justify-content:center;align-items:center;height:32px;display:flex}.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{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.dumi-default-previewer-action-btn>svg{fill:#98a3aa;width:16px;transition:fill .2s}[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;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.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;z-index:2;cursor:help;background:0 0;border:0;padding:8px 12px;transition:all .2s;position:absolute;top:9px;right:42px}.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;width:16px;height:2px;display:block;position:absolute;top:50%;left:50%;transform:rotate(45deg)translate(-50%,120%)}.dumi-default-tabs-tabpane:not(:hover) .dumi-default-previewer-editor-tip-btn{opacity:0;visibility:hidden}.dumi-theme-default-tooltip{box-sizing:border-box;min-width:30px;margin-bottom:8px;position:fixed}.dumi-theme-default-tooltip-hidden{display:none}.dumi-theme-default-tooltip-arrow{opacity:.7;border:4px solid #0000}.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{transform:translateY(-50%, -100%);border-bottom-color:#000}.dumi-theme-default-tooltip-content{color:#fff;white-space:nowrap;opacity:.7;box-sizing:border-box;background-color:#000;border-radius:2px;padding:5px 8px;font-size:13px;line-height:1.1;box-shadow:0 4px 10px #0000001a}[data-prefers-color=dark] .dumi-theme-default-tooltip-content{background-color:#222}
.dumi-mobile-previewer-action-qrcode{position:relative}.dumi-mobile-previewer-action-qrcode>canvas{z-index:99999;box-sizing:content-box;transform-origin:bottom;border:4px solid #fff;transition:all .2s ease-in-out;position:absolute;bottom:120%;left:50%;transform:translate(-50%)scale(0);box-shadow:0 2px 10px #0000001a}.dumi-mobile-previewer-action-qrcode:hover>canvas,.dumi-mobile-previewer-action-qrcode:focus>canvas{transform:translate(-50%)scale(1)}
.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}
.dumi-mobile-device{border-top-right-radius:3px;border-bottom-right-radius:3px;width:375px;padding-top:300px;font-size:0;position:relative;overflow:hidden}@media only screen and (min-width:1025px){.dumi-mobile-device{padding-top:178%!important}}.dumi-mobile-device>iframe{top:0;border:0;width:100%;height:100%;position:absolute;inset-inline-start:0}
@media only screen and (min-width:1025px){.dumi-mobile-previewer{--device-width:375px;flex-direction:row-reverse;display:flex;position:relative}.dumi-mobile-previewer .dumi-default-previewer-demo{border-inline-start:1px solid #e4e9ec;border-top-right-radius:3px;border-bottom-right-radius:3px;padding:0}[data-prefers-color=dark] .dumi-mobile-previewer .dumi-default-previewer-demo{border-inline-start-color:#2a353c}.dumi-mobile-previewer .dumi-default-previewer-meta{top:0;inset-inline:0 var(--device-width);border-top:0;flex-direction:column;align-self:stretch;margin-inline-end:1px;display:flex;position:absolute;bottom:0}.dumi-mobile-previewer .dumi-default-previewer-actions{top:6px;border-bottom:0;position:absolute;inset-inline-end:20px}.dumi-mobile-previewer .dumi-default-previewer-actions:first-child+.dumi-default-previewer-sources{border-top:1px dashed #e4e9ec;margin-top:42px;overflow:auto}[data-prefers-color=dark] .dumi-mobile-previewer .dumi-default-previewer-actions:first-child+.dumi-default-previewer-sources{border-top-color:#2a353c}.dumi-mobile-previewer .dumi-default-previewer-sources{flex:1;height:0}.dumi-mobile-previewer .dumi-default-previewer-tabs{flex-direction:column;height:100%;display:flex}.dumi-mobile-previewer .dumi-default-previewer-tabs .dumi-default-tabs-content,.dumi-mobile-previewer .dumi-default-previewer-tabs .dumi-default-tabs-tabpane{height:100%}.dumi-mobile-previewer .dumi-default-previewer-tabs .dumi-default-tabs-content-holder{flex:1;overflow:auto}.dumi-mobile-previewer .dumi-default-previewer-action-btn>svg{width:17px}.dumi-mobile-previewer .dumi-default-previewer-desc>h5{background:0 0;border-bottom:1px dashed #e4e9ec;padding:14px 24px;display:block;position:static}[data-prefers-color=dark] .dumi-mobile-previewer .dumi-default-previewer-desc>h5{border-bottom-color:#2a353c}.dumi-mobile-previewer .dumi-default-previewer-desc>.markdown{font-size:14px}.dumi-mobile-previewer .dumi-default-source-code{border-bottom-right-radius:0;flex:1;height:100%;min-height:0;overflow:auto}.dumi-mobile-previewer .dumi-default-source-code-editor{height:100%}}