.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-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-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}
#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);-webkit-user-select:none;user-select:none;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:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));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%)}@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{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}