umi.8794c4b1.css

/*! Version: 0.0.1 - © 2024 h7ml <h7ml@qq.com>. All rights reserved. */[data-dumi-tooltip]{position:relative}[data-dumi-tooltip]:before,[data-dumi-tooltip]:after{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:inline-block;opacity:.7;pointer-events:none;transition:all .2s}[data-dumi-tooltip]:before{content:attr(data-dumi-tooltip);min-width:30px;margin-bottom:8px;padding:5px 8px;color:#fff;font-size:13px;line-height:1.1;white-space:nowrap;background-color:#000;border-radius:2px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box}[data-prefers-color=dark] [data-dumi-tooltip]:before{background-color:#222}[data-dumi-tooltip]:after{content:"";width:0;height:0;border:4px solid transparent;border-top-color:#000}[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{bottom:auto;top:100%}[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:transparent;border-bottom-color:#000}[data-prefers-color=dark] [data-dumi-tooltip][data-dumi-tooltip-bottom]:after{border-bottom-color:#222}.dumi-default-previewer-actions{display:flex;height:32px;align-items:center;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{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.dumi-default-previewer-action-btn>svg{width:16px;fill:#98a3aa;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{position:absolute;-webkit-appearance:none;appearance:none;width:100%;height:100%;opacity:0;cursor:pointer}.dumi-default-previewer-action-sketch[data-copied]>svg{fill:#208a41}.dumi-default-previewer-tabs{position:relative;padding:0 12px}.dumi-default-previewer-tabs:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;border-bottom:1px dashed #e4e9ec}[data-prefers-color=dark] .dumi-default-previewer-tabs:after{border-bottom-color:#2a353c}.dumi-default-tabs{overflow:hidden}.dumi-default-tabs-top{flex-direction:column}.dumi-default-tabs-top .dumi-default-tabs-ink-bar{bottom:0}.dumi-default-tabs-nav{display:flex}.dumi-default-tabs-nav-wrap{display:flex;white-space:nowrap;overflow:hidden}.dumi-default-tabs-nav-wrap.dumi-default-tabs-nav-wrap-ping-left{box-shadow:5px 0 5px -5px #0000001a inset}.dumi-default-tabs-nav-wrap.dumi-default-tabs-nav-wrap-ping-right~*>.dumi-default-tabs-nav-more{box-shadow:0 0 5px #0000001a}.dumi-default-tabs-nav-list{position:relative;z-index:1;display:flex;transition:transform .2s}.dumi-default-tabs-nav-more{height:100%;cursor:pointer;background:none;border:0;transition:box-shadow .2s}.dumi-default-tabs-tab{display:flex;margin:0 12px}.dumi-default-tabs-tab-btn{padding:0;color:#4f5866;font-size:14px;line-height:36px;border:0;outline:none;background:transparent;box-sizing:border-box;cursor:pointer;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{position:absolute;height:1px;background:#1677ff;transition:left .2s,width .2s;pointer-events:none}[data-prefers-color=dark] .dumi-default-tabs-ink-bar{background:#0053c8}.dumi-default-tabs-dropdown{position:absolute;background:inherit;border:1px solid #d0d5d8;max-height:200px;overflow:auto}[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{padding:4px 12px;font-size:14px;cursor:pointer}.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{display:none}.dumi-default-previewer{margin:24px 0 32px;border:1px solid #e4e9ec;border-radius:4px;background-color:inherit}[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{display:block;width:100%;height:300px;border:0}.dumi-default-previewer-demo[data-iframe]{position:relative;padding:0;overflow:hidden}.dumi-default-previewer-demo[data-iframe]:before{content:"";display:block;height:24px;background-color:#e4e9ec}[data-prefers-color=dark] .dumi-default-previewer-demo[data-iframe]:before{background-color:#2a353c}.dumi-default-previewer-demo[data-iframe]:after{content:"";position:absolute;top:5px;left:8px;display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#fd6458;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-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{padding:14px 24px;border-bottom:1px dashed #e4e9ec}[data-prefers-color=dark] .dumi-default-previewer-desc>.markdown{border-bottom-color:#2a353c}.dumi-default-previewer-desc>h5{position:absolute;top:-7px;left:20px;margin:0;padding:0 4px;display:inline-block;font-size:14px;line-height:1;font-weight:700;background:linear-gradient(to top,#ffffff,#ffffff 50%,rgba(255,255,255,0)) 100%}[data-prefers-color=dark] .dumi-default-previewer-desc>h5{background:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.95) 50%,rgba(0,0,0,0)) 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;padding-inline-end:8px;color:#d59200;font-size:12px;line-height:15px}[data-prefers-color=dark] .dumi-default-previewer-desc>h5>a>strong{color:#895e00}.dumi-default-previewer[data-active]{box-shadow:0 0 0 4px #1677ff1a;border-color:#7cb3ff}[data-prefers-color=dark] .dumi-default-previewer[data-active]{box-shadow:0 0 0 4px #0053c81a;border-color:#002962}.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;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #1677ff,0 0 5px #1677ff;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#1677ff;border-left-color:#1677ff;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}