[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-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:500;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}.dumi-default-content-tabs{list-style-type:none;display:flex;align-items:center;height:60px;margin:-48px -48px 48px;padding:0 48px;border-bottom:1px solid #e4e9ec}[data-prefers-color=dark] .dumi-default-content-tabs{border-bottom-color:#2a353c}@media only screen and (max-width: 767px){.dumi-default-content-tabs{margin:-24px -24px 24px;padding:0 24px;height:42px}}[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{padding:0;height:inherit;color:#4f5866;font-size:17px;border:0;background:transparent;cursor:pointer;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:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:#1677ff}[data-prefers-color=dark] .dumi-default-content-tabs>li[data-active]:after{background-color:#0053c8}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0px}.top-0{top:0px}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-16{margin-top:4rem;margin-bottom:4rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-screen{height:100vh}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-6{gap:1.5rem}.overflow-x-hidden{overflow-x:hidden}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-solid{border-style:solid}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-6{padding:1.5rem}.pl-7{padding-left:1.75rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.blur-\[1px\]{--tw-blur: blur(1px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}