@univerjs/preset-docs-core 0.8.0-nightly.202506111607 → 0.8.1-nightly.202506121607

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/index.css +1 -1
  2. package/lib/umd/index.js +1 -1
  3. package/package.json +10 -10
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- *,: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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: rgba(147, 197, 253, .5);--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);--tw-ring-shadow: 0 0 rgba(0,0,0,0);--tw-shadow: 0 0 rgba(0,0,0,0);--tw-shadow-colored: 0 0 rgba(0,0,0,0);--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: rgba(147, 197, 253, .5);--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);--tw-ring-shadow: 0 0 rgba(0,0,0,0);--tw-shadow: 0 0 rgba(0,0,0,0);--tw-shadow-colored: 0 0 rgba(0,0,0,0);--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*{scrollbar-color:initial;scrollbar-width:initial}.univer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.univer-bottom-0\.5{bottom:2px}.univer-bottom-2{bottom:8px}.univer-bottom-6{bottom:24px}.univer-left-0\.5{left:2px}.univer-left-1\.5{left:6px}.univer-left-2{left:8px}.univer-right-4{right:16px}.univer-right-px{right:1px}.univer-top-px{top:1px}.univer-z-50{z-index:50}.univer-z-\[1050\]{z-index:1050}.univer-z-\[1080\]{z-index:1080}.-univer-mx-1{margin-left:-4px;margin-right:-4px}.univer-mx-1{margin-left:4px;margin-right:4px}.univer-mx-auto{margin-left:auto;margin-right:auto}.univer-my-0{margin-top:0;margin-bottom:0}.univer-my-1{margin-top:4px;margin-bottom:4px}.univer-mb-3{margin-bottom:12px}.univer-ml-1{margin-left:4px}.univer-ml-auto{margin-left:auto}.univer-mt-1{margin-top:4px}.univer-inline-block{display:inline-block}.\!univer-hidden{display:none!important}.univer-size-0{width:0px;height:0px}.univer-size-2{width:8px;height:8px}.univer-size-2\.5{width:10px;height:10px}.univer-size-36{width:144px;height:144px}.univer-size-5{width:20px;height:20px}.univer-size-7{width:28px;height:28px}.\!univer-h-1\/2{height:50%!important}.univer-h-12{height:48px}.univer-h-2{height:8px}.univer-h-3{height:12px}.univer-h-3\.5{height:14px}.univer-h-4{height:16px}.univer-h-48{height:192px}.univer-h-5{height:20px}.univer-h-\[150px\]{height:150px}.univer-h-\[calc\(100\%-2px\)\]{height:calc(100% - 2px)}.univer-h-px{height:1px}.univer-max-h-0{max-height:0px}.univer-max-h-80{max-height:320px}.univer-max-h-\[40vh\]{max-height:40vh}.univer-max-h-\[var\(--radix-popper-available-height\)\]{max-height:var(--radix-popper-available-height)}.univer-max-h-full{max-height:100%}.univer-max-h-screen{max-height:100vh}.univer-min-h-3\.5{min-height:14px}.\!univer-w-fit{width:-moz-fit-content!important;width:fit-content!important}.univer-w-2\.5{width:10px}.univer-w-3{width:12px}.univer-w-3\.5{width:14px}.univer-w-6{width:24px}.univer-w-64{width:256px}.univer-w-72{width:288px}.univer-w-\[720px\]{width:720px}.univer-w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.univer-w-\[var\(--radix-popper-anchor-width\)\]{width:var(--radix-popper-anchor-width)}.univer-w-fit{width:-moz-fit-content;width:fit-content}.univer-min-w-36{min-width:144px}.univer-min-w-\[320px\]{min-width:320px}.univer-max-w-32{max-width:128px}.univer-max-w-\[480px\]{max-width:480px}.univer-max-w-\[60vw\]{max-width:60vw}.univer-max-w-lg{max-width:32rem}.univer-flex-shrink-0,.univer-shrink-0{flex-shrink:0}.univer-origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.univer-translate-x-3{--tw-translate-x: 12px;transform:translate(12px,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;transform:translate(var(--tw-translate-x),calc(-50% - 2px)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-univer-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(-90deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(0) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(45deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!univer-animate-none{animation:none!important}@keyframes univer-spin{to{transform:rotate(360deg)}}.univer-animate-spin{animation:univer-spin 1s linear infinite}.univer-cursor-crosshair{cursor:crosshair}.univer-cursor-default{cursor:default}.univer-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.univer-flex-col-reverse{flex-direction:column-reverse}.univer-content-center{align-content:center}.univer-gap-3{gap:12px}.univer-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * (1 - var(--tw-space-x-reverse)));margin-left:8px;margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.univer-space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(6px * (1 - var(--tw-space-y-reverse)));margin-top:6px;margin-top:calc(6px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:0;margin-bottom:calc(6px * var(--tw-space-y-reverse))}.univer-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * (1 - var(--tw-space-y-reverse)));margin-top:8px;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:0;margin-bottom:calc(8px * var(--tw-space-y-reverse))}.univer-divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:0px;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * (1 - var(--tw-divide-x-reverse)));border-left-width:1px;border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.univer-divide-x-0>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:0px;border-right-width:calc(0px * var(--tw-divide-x-reverse));border-left-width:calc(0px * (1 - var(--tw-divide-x-reverse)));border-left-width:0px;border-left-width:calc(0px * calc(1 - var(--tw-divide-x-reverse)))}.univer-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * (1 - var(--tw-divide-y-reverse)));border-top-width:1px;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:0px;border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.univer-divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * (1 - var(--tw-divide-y-reverse)));border-top-width:0px;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:0px;border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.univer-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.univer-divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-200)}.univer-overflow-auto{overflow:auto}.univer-text-balance{text-wrap:balance}.univer-rounded-\[2px\]{border-radius:2px}.univer-rounded-none{border-radius:0}.univer-rounded-sm{border-radius:2px}.univer-rounded-xl{border-radius:12px}.univer-rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.univer-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.univer-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.univer-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.univer-rounded-br-md{border-bottom-right-radius:6px}.univer-rounded-tr-md{border-top-right-radius:6px}.univer-border{border-width:1px}.univer-border-0{border-width:0px}.univer-border-2{border-width:2px}.univer-border-y-0{border-top-width:0px;border-bottom-width:0px}.univer-border-b{border-bottom-width:1px}.univer-border-l{border-left-width:1px}.univer-border-l-0{border-left-width:0px}.univer-border-r{border-right-width:1px}.univer-border-r-0{border-right-width:0px}.univer-border-t{border-top-width:1px}.univer-border-t-0{border-top-width:0px}.univer-border-solid{border-style:solid}.\!univer-border-gray-200{border-color:var(--univer-gray-200)!important}.univer-border-gray-100{border-color:var(--univer-gray-100)}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-border-gray-300{border-color:var(--univer-gray-300)}.univer-border-primary-600{border-color:var(--univer-primary-600)}.univer-border-red-500{border-color:var(--univer-red-500)}.univer-border-transparent{border-color:transparent}.univer-border-white{border-color:var(--univer-white)}.univer-border-l-gray-200{border-left-color:var(--univer-gray-200)}.\!univer-bg-gray-600{background-color:var(--univer-gray-600)!important}.\!univer-bg-primary-600{background-color:var(--univer-primary-600)!important}.\!univer-bg-transparent{background-color:transparent!important}.univer-bg-gray-300{background-color:var(--univer-gray-300)}.univer-bg-gray-50{background-color:var(--univer-gray-50)}.univer-bg-gray-800{background-color:var(--univer-gray-800)}.univer-bg-primary-500{background-color:var(--univer-primary-500)}.univer-bg-red-500{background-color:var(--univer-red-500)}.univer-fill-current{fill:currentColor}.univer-fill-gray-200{fill:var(--univer-gray-200)}.univer-fill-gray-700{fill:var(--univer-gray-700)}.\!univer-p-2\.5{padding:10px!important}.univer-px-6{padding-left:24px;padding-right:24px}.univer-px-7{padding-left:28px;padding-right:28px}.univer-py-0\.5{padding-top:2px;padding-bottom:2px}.univer-py-2{padding-top:8px;padding-bottom:8px}.univer-py-2\.5{padding-top:10px;padding-bottom:10px}.univer-py-3{padding-top:12px;padding-bottom:12px}.univer-py-4{padding-top:16px;padding-bottom:16px}.\!univer-pl-4{padding-left:16px!important}.univer-pl-0{padding-left:0}.univer-pl-8{padding-left:32px}.univer-pr-0{padding-right:0}.univer-pr-32{padding-right:128px}.univer-pr-8{padding-right:32px}.univer-text-left{text-align:left}.univer-text-center{text-align:center}.univer-align-middle{vertical-align:middle}.univer-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.univer-font-sans{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.univer-text-lg{font-size:18px;line-height:28px}.univer-text-sm\/8{font-size:14px;line-height:32px}.univer-text-xs\/6{font-size:12px;line-height:24px}.univer-uppercase{text-transform:uppercase}.univer-leading-7{line-height:28px}.univer-leading-9{line-height:36px}.univer-leading-none{line-height:1}.univer-leading-normal{line-height:1.5}.univer-tracking-tight{letter-spacing:-.025em}.univer-tracking-widest{letter-spacing:.1em}.univer-text-current{color:currentColor}.univer-text-cyan-700{--tw-text-opacity: 1;color:#0e7490;color:rgba(14,116,144,var(--tw-text-opacity, 1))}.univer-text-gray-700{color:var(--univer-gray-700)}.univer-text-green-500{color:var(--univer-green-500)}.univer-text-indigo-600{color:var(--univer-indigo-600)}.univer-text-primary-500{color:var(--univer-primary-500)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-yellow-400{color:var(--univer-yellow-400)}.univer-underline-offset-4{text-underline-offset:4px}.univer-opacity-50{opacity:.5}.univer-opacity-60{opacity:.6}.univer-opacity-80{opacity:.8}.univer-opacity-90{opacity:.9}.univer-shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,inset 0 2px 4px #0000000d;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-shadow-md{--tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 1px 6px -2px var(--tw-shadow-color), 0px 2px 6px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}.\!univer-ring-primary-900{--tw-ring-color: var(--univer-primary-900) !important}.univer-ring-primary-50{--tw-ring-color: var(--univer-primary-50) }.univer-ring-white{--tw-ring-color: var(--univer-white) }.univer-ring-offset-2{--tw-ring-offset-width: 2px }.\!univer-ring-offset-gray-600{--tw-ring-offset-color: var(--univer-gray-600) !important}.univer-ring-offset-white{--tw-ring-offset-color: var(--univer-white) }.univer-transition-\[max-height\,opacity\]{transition-property:max-height,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-200{transition-duration:.2s}.univer-duration-500{transition-duration:.5s}.univer-duration-75{transition-duration:75ms}.univer-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.univer-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.univer-will-change-transform{will-change:transform}.univer-scrollbar-thin::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.univer-scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.univer-scrollbar-thin::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.univer-scrollbar-thin{scrollbar-width:thin;scrollbar-color:initial initial;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.univer-scrollbar-thin::-webkit-scrollbar{display:block;width:8px;height:8px}.univer-scrollbar-track-gray-50{--scrollbar-track: var(--univer-gray-50) }.univer-scrollbar-thumb-gray-300{--scrollbar-thumb: var(--univer-gray-300) }.univer-animate-out{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial }.univer-fade-in,.univer-fade-in-0{--tw-enter-opacity: 0 }.univer-fade-out{--tw-exit-opacity: 0 }.univer-zoom-in-95{--tw-enter-scale: .95 }.univer-slide-in-from-top-4{--tw-enter-translate-y: -16px }.univer-duration-200{animation-duration:.2s}.univer-duration-300{animation-duration:.3s}.univer-duration-500{animation-duration:.5s}.univer-duration-75{animation-duration:75ms}.univer-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.univer-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:univer-text-gray-400::-moz-placeholder{color:var(--univer-gray-400)}.placeholder\:univer-text-gray-400::placeholder{color:var(--univer-gray-400)}.after\:univer-absolute:after{content:var(--tw-content);position:absolute}.after\:-univer-bottom-px:after{content:var(--tw-content);bottom:-1px}.after\:univer-block:after{content:var(--tw-content);display:block}.after\:univer-h-px:after{content:var(--tw-content);height:1px}.after\:univer-w-full:after{content:var(--tw-content);width:100%}.after\:univer-bg-gray-200:after{content:var(--tw-content);background-color:var(--univer-gray-200)}.after\:univer-content-\[\'\'\]:after{--tw-content: "";content:"";content:var(--tw-content)}.last\:univer-mb-0:last-child{margin-bottom:0}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-border-red-400:hover{border-color:var(--univer-red-400)}.hover\:univer-border-transparent:hover{border-color:transparent}.hover\:univer-bg-gray-50:hover{background-color:var(--univer-gray-50)}.hover\:univer-bg-primary-500:hover{background-color:var(--univer-primary-500)}.hover\:univer-bg-red-400:hover{background-color:var(--univer-red-400)}.hover\:univer-text-gray-500:hover{color:var(--univer-gray-500)}.hover\:univer-text-gray-900:hover{color:var(--univer-gray-900)}.hover\:univer-text-primary-500:hover{color:var(--univer-primary-500)}.hover\:univer-text-white:hover{color:var(--univer-white)}.hover\:univer-underline:hover{text-decoration-line:underline}.hover\:univer-opacity-100:hover{opacity:1}.hover\:univer-opacity-70:hover{opacity:.7}.hover\:univer-opacity-80:hover{opacity:.8}.focus\:univer-border-primary-500:focus{border-color:var(--univer-primary-500)}.focus\:univer-border-primary-600:focus{border-color:var(--univer-primary-600)}.focus\:univer-bg-gray-100:focus{background-color:var(--univer-gray-100)}.focus\:univer-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:univer-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}.focus\:univer-ring-primary-50:focus{--tw-ring-color: var(--univer-primary-50) }.active\:univer-border-red-600:active{border-color:var(--univer-red-600)}.active\:univer-bg-gray-200:active{background-color:var(--univer-gray-200)}.active\:univer-bg-primary-700:active{background-color:var(--univer-primary-700)}.active\:univer-bg-red-600:active{background-color:var(--univer-red-600)}.active\:univer-text-primary-700:active{color:var(--univer-primary-700)}.disabled\:univer-pointer-events-none:disabled{pointer-events:none}.disabled\:univer-opacity-50:disabled{opacity:.5}.data-\[disabled\]\:univer-pointer-events-none[data-disabled]{pointer-events:none}.data-\[orientation\=horizontal\]\:univer-h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=vertical\]\:univer-h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=horizontal\]\:univer-w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:univer-w-px[data-orientation=vertical]{width:1px}.data-\[state\=open\]\:univer-bg-gray-100[data-state=open]{background-color:var(--univer-gray-100)}.data-\[disabled\]\:univer-opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:univer-animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial }.data-\[state\=closed\]\:univer-animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial }.data-\[state\=closed\]\:univer-fade-out-0[data-state=closed]{--tw-exit-opacity: 0 }.data-\[state\=open\]\:univer-fade-in-0[data-state=open]{--tw-enter-opacity: 0 }.data-\[state\=closed\]\:univer-zoom-out-95[data-state=closed]{--tw-exit-scale: .95 }.data-\[state\=open\]\:univer-zoom-in-95[data-state=open]{--tw-enter-scale: .95 }.data-\[side\=bottom\]\:univer-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -8px }.data-\[side\=left\]\:univer-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: 8px }.data-\[side\=right\]\:univer-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -8px }.data-\[side\=top\]\:univer-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: 8px }.data-\[state\=closed\]\:univer-slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% }.data-\[state\=closed\]\:univer-slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% }.data-\[state\=open\]\:univer-slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% }.data-\[state\=open\]\:univer-slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% }@media (min-width: 640px){.sm\:\!univer-flex-row{flex-direction:row!important}.sm\:\!univer-justify-end{justify-content:flex-end!important}.sm\:\!univer-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:0!important;margin-right:calc(8px * var(--tw-space-x-reverse))!important;margin-left:calc(8px * (1 - var(--tw-space-x-reverse)))!important;margin-left:8px!important;margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))!important}.sm\:\!univer-rounded-lg{border-radius:8px!important}.sm\:\!univer-text-left{text-align:left!important}}.dark\:\!univer-divide-gray-600:where(.univer-dark,.univer-dark *)>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-600)!important}.dark\:\!univer-border-gray-500:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-500)!important}.dark\:\!univer-border-gray-600:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-primary-600:where(.univer-dark,.univer-dark *){background-color:var(--univer-primary-600)!important}.dark\:\!univer-text-primary-500:where(.univer-dark,.univer-dark *){color:var(--univer-primary-500)!important}.dark\:\!univer-ring-primary-600:where(.univer-dark,.univer-dark *){--tw-ring-color: var(--univer-primary-600) !important}.dark\:\!univer-ring-primary-900:where(.univer-dark,.univer-dark *){--tw-ring-color: var(--univer-primary-900) !important}.dark\:\!univer-ring-offset-gray-600:where(.univer-dark,.univer-dark *){--tw-ring-offset-color: var(--univer-gray-600) !important}.dark\:\!univer-scrollbar-track-gray-900:where(.univer-dark,.univer-dark *){--scrollbar-track: var(--univer-gray-900) !important}.dark\:\!univer-scrollbar-thumb-gray-700:where(.univer-dark,.univer-dark *){--scrollbar-thumb: var(--univer-gray-700) !important}.dark\:after\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *):after{content:var(--tw-content);background-color:var(--univer-gray-600)!important}.dark\:hover\:\!univer-bg-gray-900:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:hover\:\!univer-text-white:hover:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:focus\:\!univer-bg-gray-600:focus:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:focus\:\!univer-ring-primary-900:focus:where(.univer-dark,.univer-dark *){--tw-ring-color: var(--univer-primary-900) !important}.dark\:focus-visible\:\!univer-border-gray-600:focus-visible:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)!important}.dark\:active\:\!univer-bg-gray-600:active:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:active\:\!univer-bg-gray-700:active:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:data-\[state\=open\]\:\!univer-bg-gray-600[data-state=open]:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.\[\&\>input\]\:univer-w-11>input{width:44px}.\[\&\>svg\]\:univer-relative>svg{position:relative}.\[\&\>svg\]\:univer-top-0\.5>svg{top:2px}.\[\&\>svg\]\:univer-block>svg{display:block}.\[\&\>svg\]\:univer-size-4>svg{width:16px;height:16px}.\[\&\>svg\]\:univer-shrink-0>svg{flex-shrink:0}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-0>ul:not(:last-child){border-width:0px}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-r>ul:not(:last-child){border-right-width:1px}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-solid>ul:not(:last-child){border-style:solid}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-r-gray-200>ul:not(:last-child){border-right-color:var(--univer-gray-200)}.\[\&_\[data-description\]\]\:univer-text-sm [data-description]{font-size:14px;line-height:20px}.\[\&_\[data-description\]\]\:univer-text-gray-200 [data-description]{color:var(--univer-gray-200)}.\[\&_\[data-description\]\]\:univer-text-gray-600 [data-description]{color:var(--univer-gray-600)}.\[\&_\[data-icon\]\>svg\]\:univer-relative [data-icon]>svg{position:relative}.\[\&_\[data-icon\]\>svg\]\:univer-top-1 [data-icon]>svg{top:4px}.\[\&_\[data-icon\]\]\:univer-self-baseline [data-icon]{align-self:baseline}.\[\&_\[data-icon\]\]\:univer-text-green-500 [data-icon]{color:var(--univer-green-500)}.\[\&_\[data-icon\]\]\:univer-text-primary-600 [data-icon]{color:var(--univer-primary-600)}.\[\&_\[data-icon\]\]\:univer-text-red-500 [data-icon]{color:var(--univer-red-500)}.\[\&_\[data-icon\]\]\:univer-text-yellow-500 [data-icon]{color:var(--univer-yellow-500)}.\[\&_\[data-sonner-toast\]\]\:univer-shadow-md [data-sonner-toast]{--tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 1px 6px -2px var(--tw-shadow-color), 0px 2px 6px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.\[\&_\[data-title\]\]\:univer-text-sm [data-title]{font-size:14px;line-height:20px}.\[\&_\[data-title\]\]\:univer-text-gray-900 [data-title]{color:var(--univer-gray-900)}.\[\&_\[data-u-comp\=form-layout\]\]\:univer-max-w-\[calc\(50\%-8px\)\] [data-u-comp=form-layout]{max-width:calc(50% - 8px)}.\[\&_\[data-u-comp\=form-layout\]\]\:univer-shrink [data-u-comp=form-layout]{flex-shrink:1}.\[\&_\[data-u-comp\=form-layout\]\]\:univer-grow [data-u-comp=form-layout]{flex-grow:1}.\[\&_\[data-u-comp\=input\]\]\:univer-w-full [data-u-comp=input]{width:100%}.\[\&_\[data-u-comp\=input\]\]\:univer-border-red-500 [data-u-comp=input]{border-color:var(--univer-red-500)}.\[\&_\[data-u-comp\=pager-left-arrow\]\:hover\]\:\!univer-bg-gray-600 [data-u-comp=pager-left-arrow]:hover,.\[\&_\[data-u-comp\=pager-right-arrow\]\:hover\]\:\!univer-bg-gray-600 [data-u-comp=pager-right-arrow]:hover{background-color:var(--univer-gray-600)!important}.\[\&_\[data-u-comp\=select\]\]\:univer-w-full [data-u-comp=select]{width:100%}.\[\&_\[data-u-comp\=select\]\]\:univer-border-red-500 [data-u-comp=select]{border-color:var(--univer-red-500)}.\[\&_input\]\:univer-box-border input{box-sizing:border-box}.\[\&_input\]\:univer-flex input{display:flex}.\[\&_input\]\:univer-h-7 input{height:28px}.\[\&_input\]\:univer-items-center input{align-items:center}.\[\&_input\]\:univer-rounded input{border-radius:4px}.\[\&_input\]\:univer-border input{border-width:1px}.\[\&_input\]\:univer-border-solid input{border-style:solid}.\[\&_input\]\:univer-border-gray-200 input{border-color:var(--univer-gray-200)}.\[\&_input\]\:univer-border-gray-600 input{border-color:var(--univer-gray-600)}.\[\&_input\]\:univer-bg-transparent input{background-color:transparent}.\[\&_input\]\:univer-px-1\.5 input{padding-left:6px;padding-right:6px}.\[\&_input\]\:univer-text-gray-700 input{color:var(--univer-gray-700)}.\[\&_input\]\:univer-text-white input{color:var(--univer-white)}.\[\&_input\]\:univer-outline-none input{outline:2px solid transparent;outline-offset:2px}.\[\&_svg\]\:univer-pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:univer-size-4 svg{width:16px;height:16px}.\[\&_svg\]\:univer-shrink-0 svg{flex-shrink:0}.univer-date-picker{position:relative;width:200px;height:32px;border-radius:4px;box-sizing:border-box;display:inline-flex;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);background-color:var(--univer-white);color:var(--univer-gray-900)}.univer-dark .univer-date-picker{border-color:var(--univer-gray-600);background-color:var(--univer-gray-900);color:var(--univer-white)}.univer-date-picker-rtl{direction:rtl}.univer-date-picker-invalid{box-shadow:0 0 2px red}.univer-date-picker-panel{display:inline-block;vertical-align:top}.univer-date-picker-panel-focused{border-color:#00f}.univer-date-picker-panel-rtl{direction:rtl}.univer-date-picker-suffix-icon{position:absolute;top:50%;right:0;bottom:0;display:flex;align-items:center;padding:0 8px;transform:translateY(-50%);cursor:pointer;color:var(--univer-gray-600)}.univer-dark .univer-date-picker-suffix-icon{color:var(--univer-gray-200)}.univer-date-picker-decade-panel,.univer-date-picker-year-panel,.univer-date-picker-month-panel,.univer-date-picker-week-panel,.univer-date-picker-date-panel,.univer-date-picker-time-panel{display:flex;flex-direction:column}.univer-date-picker-decade-panel table,.univer-date-picker-year-panel table,.univer-date-picker-month-panel table,.univer-date-picker-week-panel table,.univer-date-picker-date-panel table,.univer-date-picker-time-panel table{text-align:center;border-collapse:collapse}.univer-date-picker-header{margin-bottom:12px;display:flex;align-items:center}.univer-date-picker-header>*{flex:none}.univer-date-picker-header-view{height:16px;flex:auto;display:flex;justify-content:center;align-items:center;gap:8px}.univer-date-picker-header-view>button{padding:0;border:0;background-color:transparent;cursor:pointer;color:var(--univer-gray-900)}.univer-dark .univer-date-picker-header-view>button{color:var(--univer-white)}.univer-date-picker-header-super-prev-btn,.univer-date-picker-header-super-next-btn,.univer-date-picker-header-prev-btn,.univer-date-picker-header-next-btn{width:16px;height:16px;padding:0;line-height:16px;font-size:16px;border:none;background-color:transparent;cursor:pointer;color:var(--univer-gray-600)}.univer-dark .univer-date-picker-header-super-prev-btn,.univer-dark .univer-date-picker-header-super-next-btn,.univer-dark .univer-date-picker-header-prev-btn,.univer-dark .univer-date-picker-header-next-btn{color:var(--univer-gray-200)}.univer-date-picker-cell{color:var(--univer-gray-600)}.univer-dark .univer-date-picker-cell{color:var(--univer-gray-200)}.univer-date-picker-cell-disabled{opacity:.2}.univer-date-picker-cell-inner{display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;font-size:12px;line-height:24px;background:transparent;border:0;border-radius:4px;outline:none;cursor:pointer;transition:background .3s;padding:0 6px}.univer-date-picker-cell-in-view{color:#333}.univer-date-picker-cell-in-range>.univer-date-picker-cell-inner{background:#0000ff0d}.univer-date-picker-cell-hover>.univer-date-picker-cell-inner:hover{background-color:var(--univer-gray-100)}.univer-date-picker-cell-range-hover-start:after,.univer-date-picker-cell-range-hover-end:after,.univer-date-picker-cell-range-hover:after{position:absolute;top:3px;right:0;bottom:0;left:0;border:1px solid green;border-right:0;border-left:0;content:"";pointer-events:none}.univer-date-picker-cell-range-hover-start:after{border-left:1px solid green!important}.univer-date-picker-cell-range-hover-end:after{border-right:1px solid green!important}.univer-date-picker-cell-today>.univer-date-picker-cell-inner{border-width:1px;border-style:solid;border-color:var(--univer-primary-600)}.univer-date-picker-cell-range-start>.univer-date-picker-cell-inner,.univer-date-picker-cell-range-end>.univer-date-picker-cell-inner,.univer-date-picker-cell-selected>.univer-date-picker-cell-inner{color:#fff;background-color:var(--univer-primary-600)}.univer-date-picker-presets{background:#ccf}.univer-date-picker-presets ul{margin:0;padding:0;list-style:none}.univer-date-picker-now{padding-top:12px}.univer-date-picker-now-btn{font-size:13px;cursor:pointer;color:var(--univer-primary-600)}.univer-date-picker-footer,.univer-date-picker-picker-footer{margin-top:12px;border-width:0px;border-top-width:1px;border-style:solid;border-top-color:var(--univer-gray-200)}.univer-date-picker-ranges{margin:0;display:flex;list-style-type:none;align-items:center;justify-content:center;padding:0}.univer-date-picker-clear{position:absolute;top:7px;right:8px;cursor:pointer}.univer-date-picker-clear-btn{width:16px;height:16px;text-align:center;line-height:16px;border-radius:50%;display:block;background-color:var(--univer-gray-500)}.univer-date-picker-clear-btn:before{content:"×";position:absolute;top:-1px;left:0;right:0;bottom:0;color:#fff;font-size:16px;line-height:16px}.univer-date-picker-dropdown{position:absolute;pointer-events:none}.univer-date-picker-dropdown-range{padding:10px 0}.univer-date-picker-dropdown-hidden{display:none}.univer-date-picker-range{position:relative;display:inline-flex}.univer-date-picker-range-wrapper{display:flex}.univer-date-picker-active-bar{bottom:0;height:3px;background:green;opacity:0;transition:all .3s;pointer-events:none}.univer-date-picker-focused .univer-date-picker-active-bar{opacity:1}.univer-date-picker-panel-container{display:inline-block;vertical-align:top;transition:margin .3s;pointer-events:all}.univer-date-picker-panel-layout{display:flex;flex-wrap:nowrap;align-items:stretch;overflow:hidden;border-radius:4px;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);background-color:var(--univer-white);padding:16px;--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-dark .univer-date-picker-panel-layout{border-color:var(--univer-gray-600);background-color:var(--univer-gray-900)}.univer-date-picker-input{position:relative;display:inline-flex;width:100%}.univer-date-picker-input>input{width:100%;padding-left:12px;border:none;border-radius:4px;box-sizing:border-box;background-color:transparent}.univer-date-picker-input>input:focus{outline:none}.univer-dropdown{position:absolute;z-index:1070;top:-9999px;left:-9999px;display:block}.univer-dropdown-hidden{display:none}.univer-dropdown-slide-up-enter,.univer-dropdown-slide-up-appear{transform-origin:0 0;display:block!important;animation-duration:.15s;animation-fill-mode:both;opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.univer-dropdown-slide-up-leave{transform-origin:0 0;display:block!important;animation-duration:.15s;animation-fill-mode:both;opacity:1;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomLeft,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomLeft,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomCenter,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomCenter,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomRight,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomRight{animation-name:dropdown-slide-up-in;animation-play-state:running}.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topLeft,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topLeft,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topCenter,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topCenter,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topRight,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topRight{animation-name:dropdown-slide-down-in;animation-play-state:running}.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomLeft,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomCenter,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomRight{animation-name:dropdown-slide-up-out;animation-play-state:running}.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topLeft,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topCenter,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topRight{animation-name:dropdown-slide-down-out;animation-play-state:running}@keyframes dropdown-slide-up-in{0%{transform-origin:0% 0%;transform:scaleY(0);opacity:0}to{transform-origin:0% 0%;transform:scaleY(1);opacity:1}}@keyframes dropdown-slide-up-out{0%{transform-origin:0% 0%;transform:scaleY(1);opacity:1}to{transform-origin:0% 0%;transform:scaleY(0);opacity:0}}@keyframes dropdown-slide-down-in{0%{transform-origin:0% 100%;transform:scaleY(0);opacity:0}to{transform-origin:0% 100%;transform:scaleY(1);opacity:1}}@keyframes dropdown-slide-down-out{0%{transform-origin:0% 100%;transform:scaleY(1);opacity:1}to{transform-origin:0% 100%;transform:scaleY(0);opacity:0}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.univer-tree{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;color:var(--univer-gray-900)}.univer-dark .univer-tree{color:var(--univer-white)}.univer-tree-icon{position:absolute;top:50%;left:-16px;transform:translateY(-50%) rotate(-90deg);display:flex;align-items:center;justify-content:center;font-size:8px}.univer-tree-icon-expand{transform:translateY(-50%)}.univer-tree-list{margin:0;padding:0;list-style:none;height:100%}.univer-tree-list .univer-tree-list{overflow:hidden;height:0}.univer-tree-list .univer-tree-list-expand{height:inherit}.univer-tree-list-item{position:relative;padding-left:20px;font-size:13px}.univer-tree-list-item>a{position:relative;display:flex;align-items:center;cursor:pointer}.univer-tree-list-item-title{display:inline-block;height:100%;margin:0 4px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-tree-list-item-content{margin:4px 0;width:100%;position:relative;display:flex;align-items:center}.univer-tree-list-item-content-selected-icon{position:absolute;top:50%;left:-20px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:24px}.univer-menu{max-width:-moz-fit-content;max-width:fit-content;margin:0;box-sizing:border-box;width:-moz-fit-content;width:fit-content;min-width:208px;list-style-type:none;border-radius:6px;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);background-color:var(--univer-white);padding:4px 8px;font-size:14px;line-height:20px;--tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 1px 6px -2px var(--tw-shadow-color), 0px 2px 6px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-dark .univer-menu{border-color:var(--univer-gray-600);background-color:var(--univer-gray-700)}.univer-menu-vertical{display:grid}.univer-menu-hidden,.univer-menu-submenu-hidden{display:none}.univer-menu-item-group{padding-top:4px;padding-bottom:4px}.univer-menu-item-group:not(:last-child){border-bottom:1px solid #e3e5ea}.univer-dark .univer-menu-item-group:not(:last-child){border-bottom-color:var(--univer-gray-600)}.univer-menu-item-group-list{display:grid;margin:0;padding:0;grid-gap:4px;gap:4px}.univer-menu-item-group-title{font-weight:600;line-height:1.5em;padding:6px 8px 4px;font-size:12px;line-height:16px;color:var(--univer-gray-600)}.univer-dark .univer-menu-item-group-title{color:var(--univer-white)}.univer-menu-item-group-title:empty{display:none}.univer-menu-item-active,.univer-menu-submenu-active{border-radius:6px;background-color:var(--univer-gray-50)}.univer-dark .univer-menu-item-active,.univer-dark .univer-menu-submenu-active{background-color:var(--univer-gray-600)}.univer-menu-item-selected{transform:translateZ(0);border-radius:6px;background-color:var(--univer-gray-50)}.univer-dark .univer-menu-item-selected{background-color:var(--univer-gray-600)}.univer-menu-submenu-selected{border-radius:6px;background-color:var(--univer-gray-50)}.univer-dark .univer-menu-submenu-selected{background-color:var(--univer-gray-600)}.univer-menu>li.univer-menu-submenu{padding:0}.univer-menu-horizontal-sub,.univer-menu-vertical-sub,.univer-menu-vertical-left-sub,.univer-menu-vertical-right-sub{min-width:160px;margin-top:0}.univer-menu-item{display:flex;align-items:center;min-height:32px;line-height:1.5em;gap:12px;border-radius:6px;padding-left:8px;padding-right:8px;font-size:14px;line-height:20px;color:var(--univer-gray-900)}.univer-dark .univer-menu-item{color:var(--univer-white)}.univer-menu-item:hover{background-color:var(--univer-gray-50)}.univer-dark .univer-menu-item:hover{background-color:var(--univer-gray-600)}.univer-menu-item .icon{color:var(--univer-gray-600)}.univer-dark .univer-menu-item .icon{color:var(--univer-white)}.univer-menu-item,.univer-menu-submenu{cursor:pointer;position:relative;box-sizing:border-box;margin:0;white-space:nowrap;list-style:none}.univer-menu-item.univer-menu-item-disabled,.univer-menu-submenu.univer-menu-submenu-disabled{cursor:not-allowed;color:var(--univer-gray-400)!important}.univer-menu-submenu-popup{position:absolute;z-index:1070}.univer-menu-submenu-popup .submenu-title-wrapper{padding-right:20px}.univer-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;height:100%;min-height:32px;line-height:1.5em;padding-left:8px;padding-right:8px;font-size:14px;line-height:20px;color:var(--univer-gray-900)}.univer-dark .univer-menu-submenu-title{color:var(--univer-white)}.univer-menu-submenu-title-more-icon,.univer-menu-item-more-icon{margin-left:8px;font-size:14px;line-height:20px;color:var(--univer-gray-400)}.univer-menu-horizontal{overflow:hidden;white-space:nowrap;border:none;border-bottom:1px solid transparent;box-shadow:none;border-bottom-color:var(--univer-gray-200)}.univer-dark .univer-menu-horizontal{border-bottom-color:var(--univer-gray-600)}.univer-menu-horizontal>.univer-menu-item,.univer-menu-horizontal>.univer-menu-submenu>.univer-menu-submenu-title{padding:15px 20px}.univer-menu-horizontal>.univer-menu-submenu,.univer-menu-horizontal>.univer-menu-item{display:inline-block;vertical-align:bottom;border-bottom:2px solid transparent}.univer-menu-vertical,.univer-menu-vertical-left,.univer-menu-vertical-right,.univer-menu-inline{width:100%}.univer-menu-vertical>.univer-menu-item,.univer-menu-vertical>.univer-menu-submenu>.univer-menu-submenu-title,.univer-menu-vertical-left>.univer-menu-item,.univer-menu-vertical-left>.univer-menu-submenu>.univer-menu-submenu-title,.univer-menu-vertical-right>.univer-menu-item,.univer-menu-vertical-right>.univer-menu-submenu>.univer-menu-submenu-title,.univer-menu-inline>.univer-menu-item,.univer-menu-inline>.univer-menu-submenu>.univer-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:28px;padding:4px}.univer-menu-vertical .univer-menu-submenu-arrow,.univer-menu-vertical-left .univer-menu-submenu-arrow,.univer-menu-vertical-right .univer-menu-submenu-arrow,.univer-menu-inline .univer-menu-submenu-arrow{position:absolute;right:16px;display:inline-block;font-size:inherit;line-height:1.5em;text-align:center;text-transform:none;text-rendering:auto;vertical-align:baseline}.univer-menu-sub-inline{padding:0;border:none;border-radius:0;box-shadow:none}.univer-menu-sub-inline>.univer-menu-item,.univer-menu-sub-inline>.univer-menu-submenu>.univer-menu-submenu-title{padding-top:8px;padding-right:0;padding-bottom:8px}.univer-menu-open-slide-up-enter,.univer-menu-open-slide-up-appear{opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-slide-up-leave{opacity:1;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-slide-up-enter.univer-menu-open-slide-up-enter-active,.univer-menu-open-slide-up-appear.univer-menu-open-slide-up-appear-active{animation-name:menu-open-slide-up-in;animation-play-state:running}.univer-menu-open-slide-up-leave.univer-menu-open-slide-up-leave-active{animation-name:menu-open-slide-up-out;animation-play-state:running}@keyframes menu-open-slide-up-in{0%{transform-origin:0% 0%;transform:scaleY(0);opacity:0}to{transform-origin:0% 0%;transform:scaleY(1);opacity:1}}@keyframes menu-open-slide-up-out{0%{transform-origin:0% 0%;transform:scaleY(1);opacity:1}to{transform-origin:0% 0%;transform:scaleY(0);opacity:0}}.univer-menu-open-zoom-enter,.univer-menu-open-zoom-appear{opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-zoom-leave{animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-zoom-enter.univer-menu-open-zoom-enter-active,.univer-menu-open-zoom-appear.univer-menu-open-zoom-appear-active{animation-name:menu-open-zoom-in;animation-play-state:running}.univer-menu-open-zoom-leave.univer-menu-open-zoom-leave-active{animation-name:menu-open-zoom-out;animation-play-state:running}@keyframes menu-open-zoom-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes menu-open-zoom-out{0%{transform:scale(1)}to{transform:scale(0);opacity:0}}.univer-popup{position:fixed;z-index:1070;top:-9999px;left:-9999px;border-radius:6px;overflow:hidden;--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-popup-enter{transform-origin:0 0;animation-duration:.15s;animation-fill-mode:both;opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.univer-popup-enter-active{animation-name:popup-slide-up-in;animation-play-state:running}.univer-popup-exit{transform-origin:0 0;animation-duration:.15s;animation-fill-mode:both;opacity:1;animation-name:popup-slide-up-out;animation-play-state:running;animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.univer-popup-exit-active{display:none}@keyframes popup-slide-up-in{0%{transform-origin:0 0;transform:scaleY(0);opacity:0}to{transform-origin:0 0;transform:scaleY(1);opacity:1}}@keyframes popup-slide-up-out{0%{transform-origin:0 0;transform:scaleY(1);opacity:1}to{transform-origin:0 0;transform:scaleY(0);opacity:0}}.univer-popup-mask{position:fixed;z-index:1060;top:0;left:0;right:0;bottom:0}.univer-date-range-picker{position:relative;width:280px;height:32px;border-radius:4px;box-sizing:border-box;display:inline-flex;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);color:var(--univer-gray-900)}.univer-dark .univer-date-range-picker{border-color:var(--univer-gray-600);background-color:var(--univer-gray-900);color:var(--univer-white)}.univer-date-range-picker-rtl{direction:rtl}.univer-date-range-picker-invalid{box-shadow:0 0 2px red}.univer-date-range-picker-panel{display:inline-block;vertical-align:top}.univer-date-range-picker-panel-focused{border-color:#00f}.univer-date-range-picker-panel-rtl{direction:rtl}.univer-date-range-picker-suffix-icon{position:absolute;top:50%;right:0;bottom:0;display:flex;align-items:center;padding:0 8px;transform:translateY(-50%);cursor:pointer;color:var(--univer-gray-600)}.univer-date-range-picker-decade-panel,.univer-date-range-picker-year-panel,.univer-date-range-picker-month-panel,.univer-date-range-picker-week-panel,.univer-date-range-picker-date-panel,.univer-date-range-picker-time-panel{display:flex;flex-direction:column}.univer-date-range-picker-decade-panel table,.univer-date-range-picker-year-panel table,.univer-date-range-picker-month-panel table,.univer-date-range-picker-week-panel table,.univer-date-range-picker-date-panel table,.univer-date-range-picker-time-panel table{text-align:center;border-collapse:collapse}.univer-date-range-picker-header{margin-bottom:12px;display:flex;align-items:center}.univer-date-range-picker-header>*{flex:none}.univer-date-range-picker-header-view{height:16px;flex:auto;display:flex;justify-content:center;align-items:center;gap:8px}.univer-date-range-picker-header-view>button{padding:0;border:0;background-color:transparent;cursor:pointer}.univer-date-range-picker-header-super-prev-btn,.univer-date-range-picker-header-super-next-btn,.univer-date-range-picker-header-prev-btn,.univer-date-range-picker-header-next-btn{width:16px;height:16px;padding:0;line-height:16px;font-size:16px;border:none;background-color:transparent;cursor:pointer;color:var(--univer-gray-600)}.univer-dark .univer-date-range-picker-header-super-prev-btn,.univer-dark .univer-date-range-picker-header-super-next-btn,.univer-dark .univer-date-range-picker-header-prev-btn,.univer-dark .univer-date-range-picker-header-next-btn{color:var(--univer-gray-400)}.univer-date-range-picker-cell{color:var(--univer-gray-600)}.univer-dark .univer-date-range-picker-cell{color:var(--univer-gray-400)}.univer-date-range-picker-cell-disabled{opacity:.2}.univer-date-range-picker-cell-inner{display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;padding:0;font-size:12px;line-height:24px;background:transparent;border:0;border-radius:4px;outline:none;cursor:pointer;transition:background .3s}.univer-date-range-picker-cell-in-view{color:#333}.univer-date-range-picker-cell-in-range>.univer-date-range-picker-cell-inner{background:#0000ff0d}.univer-date-range-picker-cell-hover>.univer-date-range-picker-cell-inner{background-color:var(--univer-gray-100)}.univer-date-range-picker-cell-range-hover-start:after,.univer-date-range-picker-cell-range-hover-end:after,.univer-date-range-picker-cell-range-hover:after{position:absolute;top:3px;right:0;bottom:0;left:0;border:1px solid green;border-right:0;border-left:0;content:"";pointer-events:none}.univer-date-range-picker-cell-range-hover-start:after{border-left:1px solid green!important}.univer-date-range-picker-cell-range-hover-end:after{border-right:1px solid green!important}.univer-date-range-picker-cell-today>.univer-date-range-picker-cell-inner{border-width:1px;border-style:solid;border-color:var(--univer-primary-600)}.univer-date-range-picker-cell-range-start>.univer-date-range-picker-cell-inner,.univer-date-range-picker-cell-range-end>.univer-date-range-picker-cell-inner,.univer-date-range-picker-cell-selected>.univer-date-range-picker-cell-inner{color:#fff;background-color:var(--univer-primary-600)}.univer-date-range-picker-presets{background:#ccf}.univer-date-range-picker-presets ul{margin:0;padding:0;list-style:none}.univer-date-range-picker-now{padding-top:12px}.univer-date-range-picker-now-btn{font-size:13px;cursor:pointer;color:var(--univer-primary-600)}.univer-date-range-picker-footer,.univer-date-range-picker-picker-footer{margin-top:12px;border-width:0px;border-top-width:1px;border-style:solid;border-top-color:var(--univer-gray-200)}.univer-date-range-picker-dropdown{position:absolute;pointer-events:none}.univer-date-range-picker-dropdown-range{padding:10px 0}.univer-date-range-picker-dropdown-hidden{display:none}.univer-date-range-picker-range{position:relative;display:inline-flex}.univer-date-range-picker-range-wrapper{display:flex}.univer-date-range-picker-active-bar{bottom:0;height:3px;opacity:0;transition:all .3s;pointer-events:none;background-color:var(--univer-primary-600)}.univer-date-range-picker-focused .univer-date-range-picker-active-bar{opacity:1}.univer-date-range-picker-panel-container{display:inline-block;vertical-align:top;transition:margin .3s;pointer-events:all}.univer-date-range-picker-panel-layout{display:flex;flex-wrap:nowrap;align-items:stretch;overflow:hidden;border-radius:4px;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);background-color:var(--univer-white);padding:16px;--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-dark .univer-date-range-picker-panel-layout{border-color:var(--univer-gray-600);background-color:var(--univer-gray-900)}.univer-date-range-picker-input{position:relative;display:inline-flex;width:100%}.univer-date-range-picker-input>input{width:100%;padding-left:12px;border:none;border-radius:4px;box-sizing:border-box;background-color:transparent}.univer-date-range-picker-input>input:focus{outline:none}.univer-pointer-events-none{pointer-events:none}.univer-pointer-events-auto{pointer-events:auto}.univer-invisible{visibility:hidden}.univer-fixed{position:fixed}.univer-sticky{position:sticky}.univer-inset-0{top:0;right:0;bottom:0;left:0}.-univer-left-\[99999\]{left:-99999}.-univer-top-\[99999\]{top:-99999}.univer-left-1{left:4px}.univer-left-1\/2{left:50%}.univer-left-\[-9999px\]{left:-9999px}.univer-right-0{right:0}.univer-right-2{right:8px}.univer-top-0\.5{top:2px}.univer-top-1\/2{top:50%}.univer-top-\[-9999px\]{top:-9999px}.univer-top-\[calc\(50\%-6px\)\]{top:calc(50% - 6px)}.univer-z-10{z-index:10}.univer-z-\[-1\]{z-index:-1}.univer-z-\[1020\]{z-index:1020}.univer-z-\[1\]{z-index:1}.univer-m-0{margin:0}.univer-mx-2{margin-left:8px;margin-right:8px}.univer-mr-2{margin-right:8px}.univer-line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.univer-hidden{display:none}.univer-size-3\.5{width:14px;height:14px}.univer-size-6{width:24px;height:24px}.univer-size-9{width:36px;height:36px}.univer-h-0{height:0px}.univer-h-0\.5{height:2px}.univer-h-1{height:4px}.univer-h-10{height:40px}.univer-h-11{height:44px}.univer-h-6{height:24px}.univer-h-full{height:100%}.univer-min-h-0{min-height:0px}.univer-min-h-full{min-height:100%}.univer-w-0{width:0px}.univer-w-0\.5{width:2px}.univer-w-20{width:80px}.univer-w-24{width:96px}.univer-w-32{width:128px}.univer-w-40{width:160px}.univer-w-5{width:20px}.univer-w-7{width:28px}.univer-w-96{width:384px}.univer-w-max{width:-moz-max-content;width:max-content}.univer-w-screen{width:100vw}.univer-min-w-6{min-width:24px}.univer-min-w-8{min-width:32px}.univer-min-w-min{min-width:-moz-min-content;min-width:min-content}.univer-max-w-52{max-width:208px}.univer-max-w-96{max-width:384px}.univer-max-w-\[var\(--radix-popper-available-width\)\]{max-width:var(--radix-popper-available-width)}.univer-origin-center{transform-origin:center}.-univer-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-univer-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-translate-x-0{--tw-translate-x: 0px;transform:translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-translate-x-full{--tw-translate-x: 100%;transform:translate(100%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-cursor-not-allowed{cursor:not-allowed}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-grid-flow-col{grid-auto-flow:column}.univer-grid-cols-\[auto\,1fr\]{grid-template-columns:auto 1fr}.univer-grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.univer-grid-cols-none{grid-template-columns:none}.univer-grid-rows-\[100\%\]{grid-template-rows:100%}.univer-grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.univer-grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.univer-flex-wrap{flex-wrap:wrap}.univer-whitespace-nowrap{white-space:nowrap}.\!univer-rounded-full{border-radius:9999px!important}.\!univer-rounded-xl{border-radius:12px!important}.univer-rounded-2xl{border-radius:16px}.univer-rounded-lg{border-radius:8px}.univer-rounded-l{border-top-left-radius:4px;border-bottom-left-radius:4px}.univer-rounded-r{border-top-right-radius:4px;border-bottom-right-radius:4px}.univer-border-none{border-style:none}.\!univer-bg-gray-200{background-color:var(--univer-gray-200)!important}.\!univer-bg-gray-500{background-color:var(--univer-gray-500)!important}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-gray-400{background-color:var(--univer-gray-400)}.univer-bg-gray-700{background-color:var(--univer-gray-700)}.univer-bg-gray-900{background-color:var(--univer-gray-900)}.univer-bg-primary-600{background-color:var(--univer-primary-600)}.univer-bg-transparent{background-color:transparent}.univer-p-0{padding:0}.univer-p-2{padding:8px}.univer-p-4{padding:16px}.univer-px-1{padding-left:4px;padding-right:4px}.univer-px-1\.5{padding-left:6px;padding-right:6px}.univer-pb-2{padding-bottom:8px}.univer-pl-2{padding-left:8px}.univer-pl-3{padding-left:12px}.univer-pl-5{padding-left:20px}.univer-pl-6{padding-left:24px}.univer-pr-5{padding-right:20px}.univer-text-right{text-align:right}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-leading-6{line-height:24px}.\!univer-text-gray-600{color:var(--univer-gray-600)!important}.\!univer-text-white{color:var(--univer-white)!important}.univer-text-gray-200{color:var(--univer-gray-200)}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-white{color:var(--univer-white)}.univer-underline{text-decoration-line:underline}.univer-opacity-0{opacity:0}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.univer-animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial }.univer-fade-in{--tw-enter-opacity: 0 }.univer-fade-in-70{--tw-enter-opacity: .7 }.last\:univer-border-b-0:last-child{border-bottom-width:0px}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.hover\:univer-opacity-50:hover{opacity:.5}.focus\:univer-bg-white:focus{background-color:var(--univer-white)}.disabled\:univer-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:univer-text-gray-300:disabled{color:var(--univer-gray-300)}.disabled\:hover\:univer-bg-transparent:hover:disabled{background-color:transparent}@media (min-width: 640px){.sm\:\!univer-block{display:block!important}}.rtl\:univer-pr-2:where([dir=rtl],[dir=rtl] *){padding-right:8px}.dark\:\!univer-bg-gray-200:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-200)!important}.dark\:\!univer-bg-gray-500:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-500)!important}.dark\:\!univer-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.dark\:\!univer-text-gray-300:where(.univer-dark,.univer-dark *){color:var(--univer-gray-300)!important}.dark\:\!univer-text-gray-500:where(.univer-dark,.univer-dark *){color:var(--univer-gray-500)!important}.dark\:\!univer-text-gray-600:where(.univer-dark,.univer-dark *){color:var(--univer-gray-600)!important}.dark\:\!univer-text-gray-800:where(.univer-dark,.univer-dark *){color:var(--univer-gray-800)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:disabled\:\!univer-text-gray-600:disabled:where(.univer-dark,.univer-dark *){color:var(--univer-gray-600)!important}.\[\&\>\*\]\:univer-inline-flex>*{display:inline-flex}.\[\&\>\*\]\:univer-h-6>*{height:24px}.\[\&\>\*\]\:univer-items-center>*{align-items:center}.\[\&\>\*\]\:univer-rounded>*{border-radius:4px}.\[\&\>\*\]\:univer-px-1>*{padding-left:4px;padding-right:4px}.\[\&\>\*\]\:univer-transition-colors>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:\[\&\>\*\]\:univer-bg-gray-100>*:hover{background-color:var(--univer-gray-100)}.\[\&\>span\]\:univer-mt-0\.5>span{margin-top:2px}.\[\&\>span\]\:univer-w-full>span{width:100%}.\[\&\>span\]\:univer-truncate>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:univer-text-sm>span{font-size:14px;line-height:20px}.\[\&\>svg\]\:univer-size-\[18px\]>svg{width:18px;height:18px}.\[\&\>svg\]\:univer-text-lg>svg{font-size:18px;line-height:28px}.\[\&_input\:focus\]\:\!univer-ring-0 input:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))!important}.\[\&_input\]\:univer-h-6 input{height:24px}.\[\&_input\]\:univer-w-7 input{width:28px}.\[\&_input\]\:univer-border-none input{border-style:none}.\[\&_input\]\:\!univer-bg-transparent input{background-color:transparent!important}.\[\&_input\]\:univer-p-0 input{padding:0}.\[\&_input\]\:univer-text-sm input{font-size:14px;line-height:20px}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-bottom-0{bottom:0}.univer-left-0{left:0}.univer-left-5{left:20px}.univer-left-\[5px\]{left:5px}.univer-top-0{top:0}.univer-top-4{top:16px}.univer-top-\[5px\]{top:5px}.univer-z-\[100\]{z-index:100}.univer-mb-1{margin-bottom:4px}.univer-mb-2{margin-bottom:8px}.univer-mr-1{margin-right:4px}.univer-mt-1\.5{margin-top:6px}.univer-mt-12{margin-top:48px}.univer-mt-3{margin-top:12px}.univer-mt-4{margin-top:16px}.univer-box-border{box-sizing:border-box}.univer-block{display:block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-grid{display:grid}.univer-size-3{width:12px;height:12px}.univer-size-4{width:16px;height:16px}.univer-size-full{width:100%;height:100%}.univer-h-20{height:80px}.univer-h-7{height:28px}.univer-h-8{height:32px}.univer-h-\[24px\]{height:24px}.univer-w-28{width:112px}.univer-w-4\/5{width:80%}.univer-w-8{width:32px}.univer-w-\[0px\]{width:0px}.univer-w-\[162px\]{width:162px}.univer-w-\[72px\]{width:72px}.univer-w-full{width:100%}.univer-min-w-\[180px\]{min-width:180px}.univer-flex-1{flex:1 1 0%}.univer-flex-shrink-0{flex-shrink:0}.univer-cursor-pointer{cursor:pointer}.univer-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.univer-flex-col{flex-direction:column}.univer-flex-nowrap{flex-wrap:nowrap}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-justify-around{justify-content:space-around}.univer-gap-1{gap:4px}.univer-gap-1\.5{gap:6px}.univer-gap-2{gap:8px}.univer-gap-2\.5{gap:10px}.univer-gap-4{gap:16px}.univer-overflow-hidden{overflow:hidden}.univer-overflow-y-auto{overflow-y:auto}.univer-overflow-x-hidden{overflow-x:hidden}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-rounded{border-radius:4px}.univer-rounded-full{border-radius:9999px}.univer-rounded-md{border-radius:6px}.univer-rounded-r-2xl{border-top-right-radius:16px;border-bottom-right-radius:16px}.univer-border-primary-500{border-color:var(--univer-primary-500)}.\!univer-bg-gray-700{background-color:var(--univer-gray-700)!important}.\!univer-bg-gray-900{background-color:var(--univer-gray-900)!important}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-white{background-color:var(--univer-white)}.univer-bg-none{background-image:none}.univer-p-1{padding:4px}.univer-p-1\.5{padding:6px}.univer-px-2{padding-left:8px;padding-right:8px}.univer-px-2\.5{padding-left:10px;padding-right:10px}.univer-px-3{padding-left:12px;padding-right:12px}.univer-px-4{padding-left:16px;padding-right:16px}.univer-px-5{padding-left:20px;padding-right:20px}.univer-py-0{padding-top:0;padding-bottom:0}.univer-py-1{padding-top:4px;padding-bottom:4px}.univer-py-1\.5{padding-top:6px;padding-bottom:6px}.univer-pb-0\.5{padding-bottom:2px}.univer-pb-4{padding-bottom:16px}.univer-pl-1\.5{padding-left:6px}.univer-pr-2{padding-right:8px}.univer-pt-1\.5{padding-top:6px}.univer-pt-14{padding-top:56px}.univer-text-base{font-size:16px;line-height:24px}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-xs{font-size:12px;line-height:16px}.univer-font-\[500\],.univer-font-medium{font-weight:500}.univer-font-semibold{font-weight:600}.univer-leading-\[24px\]{line-height:24px}.\!univer-text-gray-200{color:var(--univer-gray-200)!important}.\!univer-text-gray-400{color:var(--univer-gray-400)!important}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-800{color:var(--univer-gray-800)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-shadow{--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-shadow-sm{--tw-shadow: 0px 1px 2px 0px rgba(30, 40, 77, .08);--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1e284d14;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-backdrop-blur-\[10px\]{--tw-backdrop-blur: blur(10px);-webkit-backdrop-filter:blur(10px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(10px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-300{transition-duration:.3s}.hover\:univer-border-primary-500:hover{border-color:var(--univer-primary-500)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.dark\:\!univer-border-gray-700:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-gray-400:where(.univer-dark,.univer-dark *){color:var(--univer-gray-400)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}
1
+ *,: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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: rgba(147, 197, 253, .5);--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);--tw-ring-shadow: 0 0 rgba(0,0,0,0);--tw-shadow: 0 0 rgba(0,0,0,0);--tw-shadow-colored: 0 0 rgba(0,0,0,0);--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: rgba(147, 197, 253, .5);--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);--tw-ring-shadow: 0 0 rgba(0,0,0,0);--tw-shadow: 0 0 rgba(0,0,0,0);--tw-shadow-colored: 0 0 rgba(0,0,0,0);--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*{scrollbar-color:initial;scrollbar-width:initial}.univer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.univer-bottom-0\.5{bottom:2px}.univer-bottom-2{bottom:8px}.univer-bottom-6{bottom:24px}.univer-left-0\.5{left:2px}.univer-left-1\.5{left:6px}.univer-left-2{left:8px}.univer-right-4{right:16px}.univer-right-px{right:1px}.univer-top-px{top:1px}.univer-z-50{z-index:50}.univer-z-\[1050\]{z-index:1050}.univer-z-\[1080\]{z-index:1080}.-univer-mx-1{margin-left:-4px;margin-right:-4px}.univer-mx-1{margin-left:4px;margin-right:4px}.univer-mx-auto{margin-left:auto;margin-right:auto}.univer-my-0{margin-top:0;margin-bottom:0}.univer-my-1{margin-top:4px;margin-bottom:4px}.univer-mb-3{margin-bottom:12px}.univer-ml-1{margin-left:4px}.univer-ml-auto{margin-left:auto}.univer-mt-1{margin-top:4px}.univer-inline-block{display:inline-block}.\!univer-hidden{display:none!important}.univer-size-0{width:0px;height:0px}.univer-size-2{width:8px;height:8px}.univer-size-2\.5{width:10px;height:10px}.univer-size-36{width:144px;height:144px}.univer-size-5{width:20px;height:20px}.univer-size-7{width:28px;height:28px}.\!univer-h-1\/2{height:50%!important}.univer-h-12{height:48px}.univer-h-2{height:8px}.univer-h-3{height:12px}.univer-h-3\.5{height:14px}.univer-h-4{height:16px}.univer-h-48{height:192px}.univer-h-5{height:20px}.univer-h-\[150px\]{height:150px}.univer-h-\[calc\(100\%-2px\)\]{height:calc(100% - 2px)}.univer-h-px{height:1px}.univer-max-h-0{max-height:0px}.univer-max-h-80{max-height:320px}.univer-max-h-\[40vh\]{max-height:40vh}.univer-max-h-\[var\(--radix-popper-available-height\)\]{max-height:var(--radix-popper-available-height)}.univer-max-h-full{max-height:100%}.univer-max-h-screen{max-height:100vh}.univer-min-h-3\.5{min-height:14px}.\!univer-w-fit{width:-moz-fit-content!important;width:fit-content!important}.univer-w-2\.5{width:10px}.univer-w-3{width:12px}.univer-w-3\.5{width:14px}.univer-w-6{width:24px}.univer-w-64{width:256px}.univer-w-72{width:288px}.univer-w-\[720px\]{width:720px}.univer-w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.univer-w-\[var\(--radix-popper-anchor-width\)\]{width:var(--radix-popper-anchor-width)}.univer-w-fit{width:-moz-fit-content;width:fit-content}.univer-min-w-36{min-width:144px}.univer-min-w-\[320px\]{min-width:320px}.univer-max-w-32{max-width:128px}.univer-max-w-\[480px\]{max-width:480px}.univer-max-w-\[60vw\]{max-width:60vw}.univer-max-w-lg{max-width:32rem}.univer-flex-shrink-0,.univer-shrink-0{flex-shrink:0}.univer-origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.univer-translate-x-3{--tw-translate-x: 12px;transform:translate(12px,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;transform:translate(var(--tw-translate-x),calc(-50% - 2px)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-univer-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(-90deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(0) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(45deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!univer-animate-none{animation:none!important}@keyframes univer-spin{to{transform:rotate(360deg)}}.univer-animate-spin{animation:univer-spin 1s linear infinite}.univer-cursor-crosshair{cursor:crosshair}.univer-cursor-default{cursor:default}.univer-grid-flow-row{grid-auto-flow:row}.univer-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.univer-flex-col-reverse{flex-direction:column-reverse}.univer-content-center{align-content:center}.univer-gap-3{gap:12px}.univer-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * (1 - var(--tw-space-x-reverse)));margin-left:8px;margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.univer-space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(6px * (1 - var(--tw-space-y-reverse)));margin-top:6px;margin-top:calc(6px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:0;margin-bottom:calc(6px * var(--tw-space-y-reverse))}.univer-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * (1 - var(--tw-space-y-reverse)));margin-top:8px;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:0;margin-bottom:calc(8px * var(--tw-space-y-reverse))}.univer-divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:0px;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * (1 - var(--tw-divide-x-reverse)));border-left-width:1px;border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.univer-divide-x-0>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:0px;border-right-width:calc(0px * var(--tw-divide-x-reverse));border-left-width:calc(0px * (1 - var(--tw-divide-x-reverse)));border-left-width:0px;border-left-width:calc(0px * calc(1 - var(--tw-divide-x-reverse)))}.univer-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * (1 - var(--tw-divide-y-reverse)));border-top-width:1px;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:0px;border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.univer-divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * (1 - var(--tw-divide-y-reverse)));border-top-width:0px;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:0px;border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.univer-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.univer-divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-200)}.univer-overflow-auto{overflow:auto}.univer-text-balance{text-wrap:balance}.univer-rounded-\[2px\]{border-radius:2px}.univer-rounded-none{border-radius:0}.univer-rounded-sm{border-radius:2px}.univer-rounded-xl{border-radius:12px}.univer-rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.univer-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.univer-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.univer-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.univer-rounded-br-md{border-bottom-right-radius:6px}.univer-rounded-tr-md{border-top-right-radius:6px}.univer-border{border-width:1px}.univer-border-0{border-width:0px}.univer-border-2{border-width:2px}.univer-border-y-0{border-top-width:0px;border-bottom-width:0px}.univer-border-b{border-bottom-width:1px}.univer-border-l{border-left-width:1px}.univer-border-l-0{border-left-width:0px}.univer-border-r{border-right-width:1px}.univer-border-r-0{border-right-width:0px}.univer-border-t{border-top-width:1px}.univer-border-t-0{border-top-width:0px}.univer-border-solid{border-style:solid}.\!univer-border-gray-200{border-color:var(--univer-gray-200)!important}.univer-border-gray-100{border-color:var(--univer-gray-100)}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-border-gray-300{border-color:var(--univer-gray-300)}.univer-border-primary-600{border-color:var(--univer-primary-600)}.univer-border-red-500{border-color:var(--univer-red-500)}.univer-border-transparent{border-color:transparent}.univer-border-white{border-color:var(--univer-white)}.univer-border-l-gray-200{border-left-color:var(--univer-gray-200)}.\!univer-bg-gray-600{background-color:var(--univer-gray-600)!important}.\!univer-bg-primary-600{background-color:var(--univer-primary-600)!important}.\!univer-bg-transparent{background-color:transparent!important}.univer-bg-gray-300{background-color:var(--univer-gray-300)}.univer-bg-gray-50{background-color:var(--univer-gray-50)}.univer-bg-gray-800{background-color:var(--univer-gray-800)}.univer-bg-primary-500{background-color:var(--univer-primary-500)}.univer-bg-red-500{background-color:var(--univer-red-500)}.univer-fill-current{fill:currentColor}.univer-fill-gray-200{fill:var(--univer-gray-200)}.univer-fill-gray-700{fill:var(--univer-gray-700)}.\!univer-p-2\.5{padding:10px!important}.univer-px-6{padding-left:24px;padding-right:24px}.univer-px-7{padding-left:28px;padding-right:28px}.univer-py-0\.5{padding-top:2px;padding-bottom:2px}.univer-py-2{padding-top:8px;padding-bottom:8px}.univer-py-2\.5{padding-top:10px;padding-bottom:10px}.univer-py-3{padding-top:12px;padding-bottom:12px}.univer-py-4{padding-top:16px;padding-bottom:16px}.\!univer-pl-4{padding-left:16px!important}.univer-pl-0{padding-left:0}.univer-pl-8{padding-left:32px}.univer-pr-0{padding-right:0}.univer-pr-32{padding-right:128px}.univer-pr-8{padding-right:32px}.univer-text-left{text-align:left}.univer-text-center{text-align:center}.univer-align-middle{vertical-align:middle}.univer-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.univer-font-sans{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.univer-text-lg{font-size:18px;line-height:28px}.univer-text-sm\/8{font-size:14px;line-height:32px}.univer-text-xs\/6{font-size:12px;line-height:24px}.univer-uppercase{text-transform:uppercase}.univer-leading-7{line-height:28px}.univer-leading-9{line-height:36px}.univer-leading-none{line-height:1}.univer-leading-normal{line-height:1.5}.univer-tracking-tight{letter-spacing:-.025em}.univer-tracking-widest{letter-spacing:.1em}.univer-text-current{color:currentColor}.univer-text-cyan-700{--tw-text-opacity: 1;color:#0e7490;color:rgba(14,116,144,var(--tw-text-opacity, 1))}.univer-text-gray-700{color:var(--univer-gray-700)}.univer-text-green-500{color:var(--univer-green-500)}.univer-text-indigo-600{color:var(--univer-indigo-600)}.univer-text-primary-500{color:var(--univer-primary-500)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-yellow-400{color:var(--univer-yellow-400)}.univer-underline-offset-4{text-underline-offset:4px}.univer-opacity-50{opacity:.5}.univer-opacity-60{opacity:.6}.univer-opacity-80{opacity:.8}.univer-opacity-90{opacity:.9}.univer-shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,inset 0 2px 4px #0000000d;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-shadow-md{--tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 1px 6px -2px var(--tw-shadow-color), 0px 2px 6px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}.\!univer-ring-primary-900{--tw-ring-color: var(--univer-primary-900) !important}.univer-ring-primary-50{--tw-ring-color: var(--univer-primary-50) }.univer-ring-white{--tw-ring-color: var(--univer-white) }.univer-ring-offset-2{--tw-ring-offset-width: 2px }.\!univer-ring-offset-gray-600{--tw-ring-offset-color: var(--univer-gray-600) !important}.univer-ring-offset-white{--tw-ring-offset-color: var(--univer-white) }.univer-transition-\[max-height\,opacity\]{transition-property:max-height,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-200{transition-duration:.2s}.univer-duration-500{transition-duration:.5s}.univer-duration-75{transition-duration:75ms}.univer-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.univer-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.univer-will-change-transform{will-change:transform}.univer-scrollbar-thin::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.univer-scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.univer-scrollbar-thin::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.univer-scrollbar-thin{scrollbar-width:thin;scrollbar-color:initial initial;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.univer-scrollbar-thin::-webkit-scrollbar{display:block;width:8px;height:8px}.univer-scrollbar-track-gray-50{--scrollbar-track: var(--univer-gray-50) }.univer-scrollbar-thumb-gray-300{--scrollbar-thumb: var(--univer-gray-300) }.univer-animate-out{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial }.univer-fade-in,.univer-fade-in-0{--tw-enter-opacity: 0 }.univer-fade-out{--tw-exit-opacity: 0 }.univer-zoom-in-95{--tw-enter-scale: .95 }.univer-slide-in-from-top-4{--tw-enter-translate-y: -16px }.univer-duration-200{animation-duration:.2s}.univer-duration-300{animation-duration:.3s}.univer-duration-500{animation-duration:.5s}.univer-duration-75{animation-duration:75ms}.univer-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.univer-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:univer-text-gray-400::-moz-placeholder{color:var(--univer-gray-400)}.placeholder\:univer-text-gray-400::placeholder{color:var(--univer-gray-400)}.after\:univer-absolute:after{content:var(--tw-content);position:absolute}.after\:-univer-bottom-px:after{content:var(--tw-content);bottom:-1px}.after\:univer-block:after{content:var(--tw-content);display:block}.after\:univer-h-px:after{content:var(--tw-content);height:1px}.after\:univer-w-full:after{content:var(--tw-content);width:100%}.after\:univer-bg-gray-200:after{content:var(--tw-content);background-color:var(--univer-gray-200)}.after\:univer-content-\[\'\'\]:after{--tw-content: "";content:"";content:var(--tw-content)}.last\:univer-mb-0:last-child{margin-bottom:0}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-border-red-400:hover{border-color:var(--univer-red-400)}.hover\:univer-border-transparent:hover{border-color:transparent}.hover\:univer-bg-gray-50:hover{background-color:var(--univer-gray-50)}.hover\:univer-bg-primary-500:hover{background-color:var(--univer-primary-500)}.hover\:univer-bg-red-400:hover{background-color:var(--univer-red-400)}.hover\:univer-text-gray-500:hover{color:var(--univer-gray-500)}.hover\:univer-text-gray-900:hover{color:var(--univer-gray-900)}.hover\:univer-text-primary-500:hover{color:var(--univer-primary-500)}.hover\:univer-text-white:hover{color:var(--univer-white)}.hover\:univer-underline:hover{text-decoration-line:underline}.hover\:univer-opacity-100:hover{opacity:1}.hover\:univer-opacity-70:hover{opacity:.7}.hover\:univer-opacity-80:hover{opacity:.8}.focus\:univer-border-primary-500:focus{border-color:var(--univer-primary-500)}.focus\:univer-border-primary-600:focus{border-color:var(--univer-primary-600)}.focus\:univer-bg-gray-100:focus{background-color:var(--univer-gray-100)}.focus\:univer-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:univer-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}.focus\:univer-ring-primary-50:focus{--tw-ring-color: var(--univer-primary-50) }.active\:univer-border-red-600:active{border-color:var(--univer-red-600)}.active\:univer-bg-gray-200:active{background-color:var(--univer-gray-200)}.active\:univer-bg-primary-700:active{background-color:var(--univer-primary-700)}.active\:univer-bg-red-600:active{background-color:var(--univer-red-600)}.active\:univer-text-primary-700:active{color:var(--univer-primary-700)}.disabled\:univer-pointer-events-none:disabled{pointer-events:none}.disabled\:univer-opacity-50:disabled{opacity:.5}.data-\[disabled\]\:univer-pointer-events-none[data-disabled]{pointer-events:none}.data-\[orientation\=horizontal\]\:univer-h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=vertical\]\:univer-h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=horizontal\]\:univer-w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:univer-w-px[data-orientation=vertical]{width:1px}.data-\[state\=open\]\:univer-bg-gray-100[data-state=open]{background-color:var(--univer-gray-100)}.data-\[disabled\]\:univer-opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:univer-animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial }.data-\[state\=closed\]\:univer-animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial }.data-\[state\=closed\]\:univer-fade-out-0[data-state=closed]{--tw-exit-opacity: 0 }.data-\[state\=open\]\:univer-fade-in-0[data-state=open]{--tw-enter-opacity: 0 }.data-\[state\=closed\]\:univer-zoom-out-95[data-state=closed]{--tw-exit-scale: .95 }.data-\[state\=open\]\:univer-zoom-in-95[data-state=open]{--tw-enter-scale: .95 }.data-\[side\=bottom\]\:univer-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -8px }.data-\[side\=left\]\:univer-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: 8px }.data-\[side\=right\]\:univer-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -8px }.data-\[side\=top\]\:univer-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: 8px }.data-\[state\=closed\]\:univer-slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% }.data-\[state\=closed\]\:univer-slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% }.data-\[state\=open\]\:univer-slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% }.data-\[state\=open\]\:univer-slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% }@media (min-width: 640px){.sm\:\!univer-flex-row{flex-direction:row!important}.sm\:\!univer-justify-end{justify-content:flex-end!important}.sm\:\!univer-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:0!important;margin-right:calc(8px * var(--tw-space-x-reverse))!important;margin-left:calc(8px * (1 - var(--tw-space-x-reverse)))!important;margin-left:8px!important;margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))!important}.sm\:\!univer-rounded-lg{border-radius:8px!important}.sm\:\!univer-text-left{text-align:left!important}}.dark\:\!univer-divide-gray-600:where(.univer-dark,.univer-dark *)>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-600)!important}.dark\:\!univer-border-gray-500:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-500)!important}.dark\:\!univer-border-gray-600:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-primary-600:where(.univer-dark,.univer-dark *){background-color:var(--univer-primary-600)!important}.dark\:\!univer-text-primary-500:where(.univer-dark,.univer-dark *){color:var(--univer-primary-500)!important}.dark\:\!univer-ring-primary-600:where(.univer-dark,.univer-dark *){--tw-ring-color: var(--univer-primary-600) !important}.dark\:\!univer-ring-primary-900:where(.univer-dark,.univer-dark *){--tw-ring-color: var(--univer-primary-900) !important}.dark\:\!univer-ring-offset-gray-600:where(.univer-dark,.univer-dark *){--tw-ring-offset-color: var(--univer-gray-600) !important}.dark\:\!univer-scrollbar-track-gray-900:where(.univer-dark,.univer-dark *){--scrollbar-track: var(--univer-gray-900) !important}.dark\:\!univer-scrollbar-thumb-gray-700:where(.univer-dark,.univer-dark *){--scrollbar-thumb: var(--univer-gray-700) !important}.dark\:after\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *):after{content:var(--tw-content);background-color:var(--univer-gray-600)!important}.dark\:hover\:\!univer-bg-gray-900:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:hover\:\!univer-text-white:hover:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:focus\:\!univer-bg-gray-600:focus:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:focus\:\!univer-ring-primary-900:focus:where(.univer-dark,.univer-dark *){--tw-ring-color: var(--univer-primary-900) !important}.dark\:focus-visible\:\!univer-border-gray-600:focus-visible:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)!important}.dark\:active\:\!univer-bg-gray-600:active:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:active\:\!univer-bg-gray-700:active:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:data-\[state\=open\]\:\!univer-bg-gray-600[data-state=open]:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.\[\&\>input\]\:univer-w-11>input{width:44px}.\[\&\>svg\]\:univer-relative>svg{position:relative}.\[\&\>svg\]\:univer-top-0\.5>svg{top:2px}.\[\&\>svg\]\:univer-block>svg{display:block}.\[\&\>svg\]\:univer-size-4>svg{width:16px;height:16px}.\[\&\>svg\]\:univer-shrink-0>svg{flex-shrink:0}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-0>ul:not(:last-child){border-width:0px}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-r>ul:not(:last-child){border-right-width:1px}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-solid>ul:not(:last-child){border-style:solid}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-r-gray-200>ul:not(:last-child){border-right-color:var(--univer-gray-200)}.\[\&_\[data-description\]\]\:univer-text-sm [data-description]{font-size:14px;line-height:20px}.\[\&_\[data-description\]\]\:univer-text-gray-200 [data-description]{color:var(--univer-gray-200)}.\[\&_\[data-description\]\]\:univer-text-gray-600 [data-description]{color:var(--univer-gray-600)}.\[\&_\[data-icon\]\>svg\]\:univer-relative [data-icon]>svg{position:relative}.\[\&_\[data-icon\]\>svg\]\:univer-top-1 [data-icon]>svg{top:4px}.\[\&_\[data-icon\]\]\:univer-self-baseline [data-icon]{align-self:baseline}.\[\&_\[data-icon\]\]\:univer-text-green-500 [data-icon]{color:var(--univer-green-500)}.\[\&_\[data-icon\]\]\:univer-text-primary-600 [data-icon]{color:var(--univer-primary-600)}.\[\&_\[data-icon\]\]\:univer-text-red-500 [data-icon]{color:var(--univer-red-500)}.\[\&_\[data-icon\]\]\:univer-text-yellow-500 [data-icon]{color:var(--univer-yellow-500)}.\[\&_\[data-sonner-toast\]\]\:univer-shadow-md [data-sonner-toast]{--tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 1px 6px -2px var(--tw-shadow-color), 0px 2px 6px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.\[\&_\[data-title\]\]\:univer-text-sm [data-title]{font-size:14px;line-height:20px}.\[\&_\[data-title\]\]\:univer-text-gray-900 [data-title]{color:var(--univer-gray-900)}.\[\&_\[data-u-comp\=form-layout\]\]\:univer-max-w-\[calc\(50\%-8px\)\] [data-u-comp=form-layout]{max-width:calc(50% - 8px)}.\[\&_\[data-u-comp\=form-layout\]\]\:univer-shrink [data-u-comp=form-layout]{flex-shrink:1}.\[\&_\[data-u-comp\=form-layout\]\]\:univer-grow [data-u-comp=form-layout]{flex-grow:1}.\[\&_\[data-u-comp\=input\]\]\:univer-w-full [data-u-comp=input]{width:100%}.\[\&_\[data-u-comp\=input\]\]\:univer-border-red-500 [data-u-comp=input]{border-color:var(--univer-red-500)}.\[\&_\[data-u-comp\=pager-left-arrow\]\:hover\]\:\!univer-bg-gray-600 [data-u-comp=pager-left-arrow]:hover,.\[\&_\[data-u-comp\=pager-right-arrow\]\:hover\]\:\!univer-bg-gray-600 [data-u-comp=pager-right-arrow]:hover{background-color:var(--univer-gray-600)!important}.\[\&_\[data-u-comp\=select\]\]\:univer-w-full [data-u-comp=select]{width:100%}.\[\&_\[data-u-comp\=select\]\]\:univer-border-red-500 [data-u-comp=select]{border-color:var(--univer-red-500)}.\[\&_input\]\:univer-box-border input{box-sizing:border-box}.\[\&_input\]\:univer-flex input{display:flex}.\[\&_input\]\:univer-h-7 input{height:28px}.\[\&_input\]\:univer-items-center input{align-items:center}.\[\&_input\]\:univer-rounded input{border-radius:4px}.\[\&_input\]\:univer-border input{border-width:1px}.\[\&_input\]\:univer-border-solid input{border-style:solid}.\[\&_input\]\:univer-border-gray-200 input{border-color:var(--univer-gray-200)}.\[\&_input\]\:univer-border-gray-600 input{border-color:var(--univer-gray-600)}.\[\&_input\]\:univer-bg-transparent input{background-color:transparent}.\[\&_input\]\:univer-px-1\.5 input{padding-left:6px;padding-right:6px}.\[\&_input\]\:univer-text-gray-700 input{color:var(--univer-gray-700)}.\[\&_input\]\:univer-text-white input{color:var(--univer-white)}.\[\&_input\]\:univer-outline-none input{outline:2px solid transparent;outline-offset:2px}.\[\&_svg\]\:univer-pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:univer-size-4 svg{width:16px;height:16px}.\[\&_svg\]\:univer-shrink-0 svg{flex-shrink:0}.univer-date-picker{position:relative;width:200px;height:32px;border-radius:4px;box-sizing:border-box;display:inline-flex;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);background-color:var(--univer-white);color:var(--univer-gray-900)}.univer-dark .univer-date-picker{border-color:var(--univer-gray-600);background-color:var(--univer-gray-900);color:var(--univer-white)}.univer-date-picker-rtl{direction:rtl}.univer-date-picker-invalid{box-shadow:0 0 2px red}.univer-date-picker-panel{display:inline-block;vertical-align:top}.univer-date-picker-panel-focused{border-color:#00f}.univer-date-picker-panel-rtl{direction:rtl}.univer-date-picker-suffix-icon{position:absolute;top:50%;right:0;bottom:0;display:flex;align-items:center;padding:0 8px;transform:translateY(-50%);cursor:pointer;color:var(--univer-gray-600)}.univer-dark .univer-date-picker-suffix-icon{color:var(--univer-gray-200)}.univer-date-picker-decade-panel,.univer-date-picker-year-panel,.univer-date-picker-month-panel,.univer-date-picker-week-panel,.univer-date-picker-date-panel,.univer-date-picker-time-panel{display:flex;flex-direction:column}.univer-date-picker-decade-panel table,.univer-date-picker-year-panel table,.univer-date-picker-month-panel table,.univer-date-picker-week-panel table,.univer-date-picker-date-panel table,.univer-date-picker-time-panel table{text-align:center;border-collapse:collapse}.univer-date-picker-header{margin-bottom:12px;display:flex;align-items:center}.univer-date-picker-header>*{flex:none}.univer-date-picker-header-view{height:16px;flex:auto;display:flex;justify-content:center;align-items:center;gap:8px}.univer-date-picker-header-view>button{padding:0;border:0;background-color:transparent;cursor:pointer;color:var(--univer-gray-900)}.univer-dark .univer-date-picker-header-view>button{color:var(--univer-white)}.univer-date-picker-header-super-prev-btn,.univer-date-picker-header-super-next-btn,.univer-date-picker-header-prev-btn,.univer-date-picker-header-next-btn{width:16px;height:16px;padding:0;line-height:16px;font-size:16px;border:none;background-color:transparent;cursor:pointer;color:var(--univer-gray-600)}.univer-dark .univer-date-picker-header-super-prev-btn,.univer-dark .univer-date-picker-header-super-next-btn,.univer-dark .univer-date-picker-header-prev-btn,.univer-dark .univer-date-picker-header-next-btn{color:var(--univer-gray-200)}.univer-date-picker-cell{color:var(--univer-gray-600)}.univer-dark .univer-date-picker-cell{color:var(--univer-gray-200)}.univer-date-picker-cell-disabled{opacity:.2}.univer-date-picker-cell-inner{display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;font-size:12px;line-height:24px;background:transparent;border:0;border-radius:4px;outline:none;cursor:pointer;transition:background .3s;padding:0 6px}.univer-date-picker-cell-in-view{color:#333}.univer-date-picker-cell-in-range>.univer-date-picker-cell-inner{background:#0000ff0d}.univer-date-picker-cell-hover>.univer-date-picker-cell-inner:hover{background-color:var(--univer-gray-100)}.univer-date-picker-cell-range-hover-start:after,.univer-date-picker-cell-range-hover-end:after,.univer-date-picker-cell-range-hover:after{position:absolute;top:3px;right:0;bottom:0;left:0;border:1px solid green;border-right:0;border-left:0;content:"";pointer-events:none}.univer-date-picker-cell-range-hover-start:after{border-left:1px solid green!important}.univer-date-picker-cell-range-hover-end:after{border-right:1px solid green!important}.univer-date-picker-cell-today>.univer-date-picker-cell-inner{border-width:1px;border-style:solid;border-color:var(--univer-primary-600)}.univer-date-picker-cell-range-start>.univer-date-picker-cell-inner,.univer-date-picker-cell-range-end>.univer-date-picker-cell-inner,.univer-date-picker-cell-selected>.univer-date-picker-cell-inner{color:#fff;background-color:var(--univer-primary-600)}.univer-date-picker-presets{background:#ccf}.univer-date-picker-presets ul{margin:0;padding:0;list-style:none}.univer-date-picker-now{padding-top:12px}.univer-date-picker-now-btn{font-size:13px;cursor:pointer;color:var(--univer-primary-600)}.univer-date-picker-footer,.univer-date-picker-picker-footer{margin-top:12px;border-width:0px;border-top-width:1px;border-style:solid;border-top-color:var(--univer-gray-200)}.univer-date-picker-ranges{margin:0;display:flex;list-style-type:none;align-items:center;justify-content:center;padding:0}.univer-date-picker-clear{position:absolute;top:7px;right:8px;cursor:pointer}.univer-date-picker-clear-btn{width:16px;height:16px;text-align:center;line-height:16px;border-radius:50%;display:block;background-color:var(--univer-gray-500)}.univer-date-picker-clear-btn:before{content:"×";position:absolute;top:-1px;left:0;right:0;bottom:0;color:#fff;font-size:16px;line-height:16px}.univer-date-picker-dropdown{position:absolute;pointer-events:none}.univer-date-picker-dropdown-range{padding:10px 0}.univer-date-picker-dropdown-hidden{display:none}.univer-date-picker-range{position:relative;display:inline-flex}.univer-date-picker-range-wrapper{display:flex}.univer-date-picker-active-bar{bottom:0;height:3px;background:green;opacity:0;transition:all .3s;pointer-events:none}.univer-date-picker-focused .univer-date-picker-active-bar{opacity:1}.univer-date-picker-panel-container{display:inline-block;vertical-align:top;transition:margin .3s;pointer-events:all}.univer-date-picker-panel-layout{display:flex;flex-wrap:nowrap;align-items:stretch;overflow:hidden;border-radius:4px;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);background-color:var(--univer-white);padding:16px;--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-dark .univer-date-picker-panel-layout{border-color:var(--univer-gray-600);background-color:var(--univer-gray-900)}.univer-date-picker-input{position:relative;display:inline-flex;width:100%}.univer-date-picker-input>input{width:100%;padding-left:12px;border:none;border-radius:4px;box-sizing:border-box;background-color:transparent}.univer-date-picker-input>input:focus{outline:none}.univer-dropdown{position:absolute;z-index:1070;top:-9999px;left:-9999px;display:block}.univer-dropdown-hidden{display:none}.univer-dropdown-slide-up-enter,.univer-dropdown-slide-up-appear{transform-origin:0 0;display:block!important;animation-duration:.15s;animation-fill-mode:both;opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.univer-dropdown-slide-up-leave{transform-origin:0 0;display:block!important;animation-duration:.15s;animation-fill-mode:both;opacity:1;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomLeft,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomLeft,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomCenter,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomCenter,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomRight,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomRight{animation-name:dropdown-slide-up-in;animation-play-state:running}.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topLeft,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topLeft,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topCenter,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topCenter,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topRight,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topRight{animation-name:dropdown-slide-down-in;animation-play-state:running}.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomLeft,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomCenter,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomRight{animation-name:dropdown-slide-up-out;animation-play-state:running}.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topLeft,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topCenter,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topRight{animation-name:dropdown-slide-down-out;animation-play-state:running}@keyframes dropdown-slide-up-in{0%{transform-origin:0% 0%;transform:scaleY(0);opacity:0}to{transform-origin:0% 0%;transform:scaleY(1);opacity:1}}@keyframes dropdown-slide-up-out{0%{transform-origin:0% 0%;transform:scaleY(1);opacity:1}to{transform-origin:0% 0%;transform:scaleY(0);opacity:0}}@keyframes dropdown-slide-down-in{0%{transform-origin:0% 100%;transform:scaleY(0);opacity:0}to{transform-origin:0% 100%;transform:scaleY(1);opacity:1}}@keyframes dropdown-slide-down-out{0%{transform-origin:0% 100%;transform:scaleY(1);opacity:1}to{transform-origin:0% 100%;transform:scaleY(0);opacity:0}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.univer-tree{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;color:var(--univer-gray-900)}.univer-dark .univer-tree{color:var(--univer-white)}.univer-tree-icon{position:absolute;top:50%;left:-16px;transform:translateY(-50%) rotate(-90deg);display:flex;align-items:center;justify-content:center;font-size:8px}.univer-tree-icon-expand{transform:translateY(-50%)}.univer-tree-list{margin:0;padding:0;list-style:none;height:100%}.univer-tree-list .univer-tree-list{overflow:hidden;height:0}.univer-tree-list .univer-tree-list-expand{height:inherit}.univer-tree-list-item{position:relative;padding-left:20px;font-size:13px}.univer-tree-list-item>a{position:relative;display:flex;align-items:center;cursor:pointer}.univer-tree-list-item-title{display:inline-block;height:100%;margin:0 4px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-tree-list-item-content{margin:4px 0;width:100%;position:relative;display:flex;align-items:center}.univer-tree-list-item-content-selected-icon{position:absolute;top:50%;left:-20px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:24px}.univer-menu{max-width:-moz-fit-content;max-width:fit-content;margin:0;box-sizing:border-box;width:-moz-fit-content;width:fit-content;min-width:208px;list-style-type:none;border-radius:6px;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);background-color:var(--univer-white);padding:4px 8px;font-size:14px;line-height:20px;--tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 1px 6px -2px var(--tw-shadow-color), 0px 2px 6px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-dark .univer-menu{border-color:var(--univer-gray-600);background-color:var(--univer-gray-700)}.univer-menu-vertical{display:grid}.univer-menu-hidden,.univer-menu-submenu-hidden{display:none}.univer-menu-item-group{padding-top:4px;padding-bottom:4px}.univer-menu-item-group:not(:last-child){border-bottom:1px solid #e3e5ea}.univer-dark .univer-menu-item-group:not(:last-child){border-bottom-color:var(--univer-gray-600)}.univer-menu-item-group-list{display:grid;margin:0;padding:0;grid-gap:4px;gap:4px}.univer-menu-item-group-title{font-weight:600;line-height:1.5em;padding:6px 8px 4px;font-size:12px;line-height:16px;color:var(--univer-gray-600)}.univer-dark .univer-menu-item-group-title{color:var(--univer-white)}.univer-menu-item-group-title:empty{display:none}.univer-menu-item-active,.univer-menu-submenu-active{border-radius:6px;background-color:var(--univer-gray-50)}.univer-dark .univer-menu-item-active,.univer-dark .univer-menu-submenu-active{background-color:var(--univer-gray-600)}.univer-menu-item-selected{transform:translateZ(0);border-radius:6px;background-color:var(--univer-gray-50)}.univer-dark .univer-menu-item-selected{background-color:var(--univer-gray-600)}.univer-menu-submenu-selected{border-radius:6px;background-color:var(--univer-gray-50)}.univer-dark .univer-menu-submenu-selected{background-color:var(--univer-gray-600)}.univer-menu>li.univer-menu-submenu{padding:0}.univer-menu-horizontal-sub,.univer-menu-vertical-sub,.univer-menu-vertical-left-sub,.univer-menu-vertical-right-sub{min-width:160px;margin-top:0}.univer-menu-item{display:flex;align-items:center;min-height:32px;line-height:1.5em;gap:12px;border-radius:6px;padding-left:8px;padding-right:8px;font-size:14px;line-height:20px;color:var(--univer-gray-900)}.univer-dark .univer-menu-item{color:var(--univer-white)}.univer-menu-item:hover{background-color:var(--univer-gray-50)}.univer-dark .univer-menu-item:hover{background-color:var(--univer-gray-600)}.univer-menu-item .icon{color:var(--univer-gray-600)}.univer-dark .univer-menu-item .icon{color:var(--univer-white)}.univer-menu-item,.univer-menu-submenu{cursor:pointer;position:relative;box-sizing:border-box;margin:0;white-space:nowrap;list-style:none}.univer-menu-item.univer-menu-item-disabled,.univer-menu-submenu.univer-menu-submenu-disabled{cursor:not-allowed;color:var(--univer-gray-400)!important}.univer-menu-submenu-popup{position:absolute;z-index:1070}.univer-menu-submenu-popup .submenu-title-wrapper{padding-right:20px}.univer-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;height:100%;min-height:32px;line-height:1.5em;padding-left:8px;padding-right:8px;font-size:14px;line-height:20px;color:var(--univer-gray-900)}.univer-dark .univer-menu-submenu-title{color:var(--univer-white)}.univer-menu-submenu-title-more-icon,.univer-menu-item-more-icon{margin-left:8px;font-size:14px;line-height:20px;color:var(--univer-gray-400)}.univer-menu-horizontal{overflow:hidden;white-space:nowrap;border:none;border-bottom:1px solid transparent;box-shadow:none;border-bottom-color:var(--univer-gray-200)}.univer-dark .univer-menu-horizontal{border-bottom-color:var(--univer-gray-600)}.univer-menu-horizontal>.univer-menu-item,.univer-menu-horizontal>.univer-menu-submenu>.univer-menu-submenu-title{padding:15px 20px}.univer-menu-horizontal>.univer-menu-submenu,.univer-menu-horizontal>.univer-menu-item{display:inline-block;vertical-align:bottom;border-bottom:2px solid transparent}.univer-menu-vertical,.univer-menu-vertical-left,.univer-menu-vertical-right,.univer-menu-inline{width:100%}.univer-menu-vertical>.univer-menu-item,.univer-menu-vertical>.univer-menu-submenu>.univer-menu-submenu-title,.univer-menu-vertical-left>.univer-menu-item,.univer-menu-vertical-left>.univer-menu-submenu>.univer-menu-submenu-title,.univer-menu-vertical-right>.univer-menu-item,.univer-menu-vertical-right>.univer-menu-submenu>.univer-menu-submenu-title,.univer-menu-inline>.univer-menu-item,.univer-menu-inline>.univer-menu-submenu>.univer-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:28px;padding:4px}.univer-menu-vertical .univer-menu-submenu-arrow,.univer-menu-vertical-left .univer-menu-submenu-arrow,.univer-menu-vertical-right .univer-menu-submenu-arrow,.univer-menu-inline .univer-menu-submenu-arrow{position:absolute;right:16px;display:inline-block;font-size:inherit;line-height:1.5em;text-align:center;text-transform:none;text-rendering:auto;vertical-align:baseline}.univer-menu-sub-inline{padding:0;border:none;border-radius:0;box-shadow:none}.univer-menu-sub-inline>.univer-menu-item,.univer-menu-sub-inline>.univer-menu-submenu>.univer-menu-submenu-title{padding-top:8px;padding-right:0;padding-bottom:8px}.univer-menu-open-slide-up-enter,.univer-menu-open-slide-up-appear{opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-slide-up-leave{opacity:1;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-slide-up-enter.univer-menu-open-slide-up-enter-active,.univer-menu-open-slide-up-appear.univer-menu-open-slide-up-appear-active{animation-name:menu-open-slide-up-in;animation-play-state:running}.univer-menu-open-slide-up-leave.univer-menu-open-slide-up-leave-active{animation-name:menu-open-slide-up-out;animation-play-state:running}@keyframes menu-open-slide-up-in{0%{transform-origin:0% 0%;transform:scaleY(0);opacity:0}to{transform-origin:0% 0%;transform:scaleY(1);opacity:1}}@keyframes menu-open-slide-up-out{0%{transform-origin:0% 0%;transform:scaleY(1);opacity:1}to{transform-origin:0% 0%;transform:scaleY(0);opacity:0}}.univer-menu-open-zoom-enter,.univer-menu-open-zoom-appear{opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-zoom-leave{animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-zoom-enter.univer-menu-open-zoom-enter-active,.univer-menu-open-zoom-appear.univer-menu-open-zoom-appear-active{animation-name:menu-open-zoom-in;animation-play-state:running}.univer-menu-open-zoom-leave.univer-menu-open-zoom-leave-active{animation-name:menu-open-zoom-out;animation-play-state:running}@keyframes menu-open-zoom-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes menu-open-zoom-out{0%{transform:scale(1)}to{transform:scale(0);opacity:0}}.univer-popup{position:fixed;z-index:1070;top:-9999px;left:-9999px;border-radius:6px;overflow:hidden;--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-popup-enter{transform-origin:0 0;animation-duration:.15s;animation-fill-mode:both;opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.univer-popup-enter-active{animation-name:popup-slide-up-in;animation-play-state:running}.univer-popup-exit{transform-origin:0 0;animation-duration:.15s;animation-fill-mode:both;opacity:1;animation-name:popup-slide-up-out;animation-play-state:running;animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.univer-popup-exit-active{display:none}@keyframes popup-slide-up-in{0%{transform-origin:0 0;transform:scaleY(0);opacity:0}to{transform-origin:0 0;transform:scaleY(1);opacity:1}}@keyframes popup-slide-up-out{0%{transform-origin:0 0;transform:scaleY(1);opacity:1}to{transform-origin:0 0;transform:scaleY(0);opacity:0}}.univer-popup-mask{position:fixed;z-index:1060;top:0;left:0;right:0;bottom:0}.univer-date-range-picker{position:relative;width:280px;height:32px;border-radius:4px;box-sizing:border-box;display:inline-flex;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);color:var(--univer-gray-900)}.univer-dark .univer-date-range-picker{border-color:var(--univer-gray-600);background-color:var(--univer-gray-900);color:var(--univer-white)}.univer-date-range-picker-rtl{direction:rtl}.univer-date-range-picker-invalid{box-shadow:0 0 2px red}.univer-date-range-picker-panel{display:inline-block;vertical-align:top}.univer-date-range-picker-panel-focused{border-color:#00f}.univer-date-range-picker-panel-rtl{direction:rtl}.univer-date-range-picker-suffix-icon{position:absolute;top:50%;right:0;bottom:0;display:flex;align-items:center;padding:0 8px;transform:translateY(-50%);cursor:pointer;color:var(--univer-gray-600)}.univer-date-range-picker-decade-panel,.univer-date-range-picker-year-panel,.univer-date-range-picker-month-panel,.univer-date-range-picker-week-panel,.univer-date-range-picker-date-panel,.univer-date-range-picker-time-panel{display:flex;flex-direction:column}.univer-date-range-picker-decade-panel table,.univer-date-range-picker-year-panel table,.univer-date-range-picker-month-panel table,.univer-date-range-picker-week-panel table,.univer-date-range-picker-date-panel table,.univer-date-range-picker-time-panel table{text-align:center;border-collapse:collapse}.univer-date-range-picker-header{margin-bottom:12px;display:flex;align-items:center}.univer-date-range-picker-header>*{flex:none}.univer-date-range-picker-header-view{height:16px;flex:auto;display:flex;justify-content:center;align-items:center;gap:8px}.univer-date-range-picker-header-view>button{padding:0;border:0;background-color:transparent;cursor:pointer}.univer-date-range-picker-header-super-prev-btn,.univer-date-range-picker-header-super-next-btn,.univer-date-range-picker-header-prev-btn,.univer-date-range-picker-header-next-btn{width:16px;height:16px;padding:0;line-height:16px;font-size:16px;border:none;background-color:transparent;cursor:pointer;color:var(--univer-gray-600)}.univer-dark .univer-date-range-picker-header-super-prev-btn,.univer-dark .univer-date-range-picker-header-super-next-btn,.univer-dark .univer-date-range-picker-header-prev-btn,.univer-dark .univer-date-range-picker-header-next-btn{color:var(--univer-gray-400)}.univer-date-range-picker-cell{color:var(--univer-gray-600)}.univer-dark .univer-date-range-picker-cell{color:var(--univer-gray-400)}.univer-date-range-picker-cell-disabled{opacity:.2}.univer-date-range-picker-cell-inner{display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;padding:0;font-size:12px;line-height:24px;background:transparent;border:0;border-radius:4px;outline:none;cursor:pointer;transition:background .3s}.univer-date-range-picker-cell-in-view{color:#333}.univer-date-range-picker-cell-in-range>.univer-date-range-picker-cell-inner{background:#0000ff0d}.univer-date-range-picker-cell-hover>.univer-date-range-picker-cell-inner{background-color:var(--univer-gray-100)}.univer-date-range-picker-cell-range-hover-start:after,.univer-date-range-picker-cell-range-hover-end:after,.univer-date-range-picker-cell-range-hover:after{position:absolute;top:3px;right:0;bottom:0;left:0;border:1px solid green;border-right:0;border-left:0;content:"";pointer-events:none}.univer-date-range-picker-cell-range-hover-start:after{border-left:1px solid green!important}.univer-date-range-picker-cell-range-hover-end:after{border-right:1px solid green!important}.univer-date-range-picker-cell-today>.univer-date-range-picker-cell-inner{border-width:1px;border-style:solid;border-color:var(--univer-primary-600)}.univer-date-range-picker-cell-range-start>.univer-date-range-picker-cell-inner,.univer-date-range-picker-cell-range-end>.univer-date-range-picker-cell-inner,.univer-date-range-picker-cell-selected>.univer-date-range-picker-cell-inner{color:#fff;background-color:var(--univer-primary-600)}.univer-date-range-picker-presets{background:#ccf}.univer-date-range-picker-presets ul{margin:0;padding:0;list-style:none}.univer-date-range-picker-now{padding-top:12px}.univer-date-range-picker-now-btn{font-size:13px;cursor:pointer;color:var(--univer-primary-600)}.univer-date-range-picker-footer,.univer-date-range-picker-picker-footer{margin-top:12px;border-width:0px;border-top-width:1px;border-style:solid;border-top-color:var(--univer-gray-200)}.univer-date-range-picker-dropdown{position:absolute;pointer-events:none}.univer-date-range-picker-dropdown-range{padding:10px 0}.univer-date-range-picker-dropdown-hidden{display:none}.univer-date-range-picker-range{position:relative;display:inline-flex}.univer-date-range-picker-range-wrapper{display:flex}.univer-date-range-picker-active-bar{bottom:0;height:3px;opacity:0;transition:all .3s;pointer-events:none;background-color:var(--univer-primary-600)}.univer-date-range-picker-focused .univer-date-range-picker-active-bar{opacity:1}.univer-date-range-picker-panel-container{display:inline-block;vertical-align:top;transition:margin .3s;pointer-events:all}.univer-date-range-picker-panel-layout{display:flex;flex-wrap:nowrap;align-items:stretch;overflow:hidden;border-radius:4px;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);background-color:var(--univer-white);padding:16px;--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-dark .univer-date-range-picker-panel-layout{border-color:var(--univer-gray-600);background-color:var(--univer-gray-900)}.univer-date-range-picker-input{position:relative;display:inline-flex;width:100%}.univer-date-range-picker-input>input{width:100%;padding-left:12px;border:none;border-radius:4px;box-sizing:border-box;background-color:transparent}.univer-date-range-picker-input>input:focus{outline:none}.univer-pointer-events-none{pointer-events:none}.univer-pointer-events-auto{pointer-events:auto}.univer-invisible{visibility:hidden}.univer-fixed{position:fixed}.univer-sticky{position:sticky}.univer-inset-0{top:0;right:0;bottom:0;left:0}.-univer-left-\[99999\]{left:-99999}.-univer-top-\[99999\]{top:-99999}.univer-left-1{left:4px}.univer-left-1\/2{left:50%}.univer-left-\[-9999px\]{left:-9999px}.univer-right-0{right:0}.univer-right-2{right:8px}.univer-top-0\.5{top:2px}.univer-top-1\/2{top:50%}.univer-top-\[-9999px\]{top:-9999px}.univer-top-\[calc\(50\%-6px\)\]{top:calc(50% - 6px)}.univer-z-10{z-index:10}.univer-z-\[-1\]{z-index:-1}.univer-z-\[1020\]{z-index:1020}.univer-z-\[1\]{z-index:1}.univer-m-0{margin:0}.univer-mx-2{margin-left:8px;margin-right:8px}.univer-mr-2{margin-right:8px}.univer-line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.univer-hidden{display:none}.univer-size-3\.5{width:14px;height:14px}.univer-size-6{width:24px;height:24px}.univer-size-9{width:36px;height:36px}.univer-h-0{height:0px}.univer-h-0\.5{height:2px}.univer-h-1{height:4px}.univer-h-10{height:40px}.univer-h-11{height:44px}.univer-h-6{height:24px}.univer-h-full{height:100%}.univer-min-h-0{min-height:0px}.univer-min-h-full{min-height:100%}.univer-w-0{width:0px}.univer-w-0\.5{width:2px}.univer-w-20{width:80px}.univer-w-24{width:96px}.univer-w-32{width:128px}.univer-w-40{width:160px}.univer-w-5{width:20px}.univer-w-7{width:28px}.univer-w-96{width:384px}.univer-w-max{width:-moz-max-content;width:max-content}.univer-w-screen{width:100vw}.univer-min-w-6{min-width:24px}.univer-min-w-8{min-width:32px}.univer-min-w-min{min-width:-moz-min-content;min-width:min-content}.univer-max-w-52{max-width:208px}.univer-max-w-96{max-width:384px}.univer-max-w-\[var\(--radix-popper-available-width\)\]{max-width:var(--radix-popper-available-width)}.univer-origin-center{transform-origin:center}.-univer-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-univer-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-translate-x-0{--tw-translate-x: 0px;transform:translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-translate-x-full{--tw-translate-x: 100%;transform:translate(100%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-cursor-not-allowed{cursor:not-allowed}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-grid-flow-col{grid-auto-flow:column}.univer-grid-cols-\[auto\,1fr\]{grid-template-columns:auto 1fr}.univer-grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.univer-grid-cols-none{grid-template-columns:none}.univer-grid-rows-\[100\%\]{grid-template-rows:100%}.univer-grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.univer-grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.univer-flex-wrap{flex-wrap:wrap}.univer-whitespace-nowrap{white-space:nowrap}.\!univer-rounded-full{border-radius:9999px!important}.\!univer-rounded-xl{border-radius:12px!important}.univer-rounded-2xl{border-radius:16px}.univer-rounded-lg{border-radius:8px}.univer-rounded-l{border-top-left-radius:4px;border-bottom-left-radius:4px}.univer-rounded-r{border-top-right-radius:4px;border-bottom-right-radius:4px}.univer-border-none{border-style:none}.\!univer-bg-gray-200{background-color:var(--univer-gray-200)!important}.\!univer-bg-gray-500{background-color:var(--univer-gray-500)!important}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-gray-400{background-color:var(--univer-gray-400)}.univer-bg-gray-700{background-color:var(--univer-gray-700)}.univer-bg-gray-900{background-color:var(--univer-gray-900)}.univer-bg-primary-600{background-color:var(--univer-primary-600)}.univer-bg-transparent{background-color:transparent}.univer-p-0{padding:0}.univer-p-2{padding:8px}.univer-p-4{padding:16px}.univer-px-1{padding-left:4px;padding-right:4px}.univer-px-1\.5{padding-left:6px;padding-right:6px}.univer-pb-2{padding-bottom:8px}.univer-pl-2{padding-left:8px}.univer-pl-3{padding-left:12px}.univer-pl-5{padding-left:20px}.univer-pl-6{padding-left:24px}.univer-pr-5{padding-right:20px}.univer-text-right{text-align:right}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-leading-6{line-height:24px}.\!univer-text-gray-600{color:var(--univer-gray-600)!important}.\!univer-text-white{color:var(--univer-white)!important}.univer-text-gray-200{color:var(--univer-gray-200)}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-white{color:var(--univer-white)}.univer-underline{text-decoration-line:underline}.univer-opacity-0{opacity:0}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.univer-animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial }.univer-fade-in{--tw-enter-opacity: 0 }.univer-fade-in-70{--tw-enter-opacity: .7 }.last\:univer-border-b-0:last-child{border-bottom-width:0px}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.hover\:univer-opacity-50:hover{opacity:.5}.focus\:univer-bg-white:focus{background-color:var(--univer-white)}.disabled\:univer-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:univer-text-gray-300:disabled{color:var(--univer-gray-300)}.disabled\:hover\:univer-bg-transparent:hover:disabled{background-color:transparent}@media (min-width: 640px){.sm\:\!univer-block{display:block!important}}.rtl\:univer-pr-2:where([dir=rtl],[dir=rtl] *){padding-right:8px}.dark\:\!univer-bg-gray-200:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-200)!important}.dark\:\!univer-bg-gray-500:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-500)!important}.dark\:\!univer-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.dark\:\!univer-text-gray-300:where(.univer-dark,.univer-dark *){color:var(--univer-gray-300)!important}.dark\:\!univer-text-gray-500:where(.univer-dark,.univer-dark *){color:var(--univer-gray-500)!important}.dark\:\!univer-text-gray-600:where(.univer-dark,.univer-dark *){color:var(--univer-gray-600)!important}.dark\:\!univer-text-gray-800:where(.univer-dark,.univer-dark *){color:var(--univer-gray-800)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:disabled\:\!univer-text-gray-600:disabled:where(.univer-dark,.univer-dark *){color:var(--univer-gray-600)!important}.\[\&\>\*\]\:univer-inline-flex>*{display:inline-flex}.\[\&\>\*\]\:univer-h-6>*{height:24px}.\[\&\>\*\]\:univer-items-center>*{align-items:center}.\[\&\>\*\]\:univer-rounded>*{border-radius:4px}.\[\&\>\*\]\:univer-px-1>*{padding-left:4px;padding-right:4px}.\[\&\>\*\]\:univer-transition-colors>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:\[\&\>\*\]\:univer-bg-gray-100>*:hover{background-color:var(--univer-gray-100)}.\[\&\>span\]\:univer-mt-0\.5>span{margin-top:2px}.\[\&\>span\]\:univer-w-full>span{width:100%}.\[\&\>span\]\:univer-truncate>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:univer-text-sm>span{font-size:14px;line-height:20px}.\[\&\>svg\]\:univer-size-\[18px\]>svg{width:18px;height:18px}.\[\&\>svg\]\:univer-text-lg>svg{font-size:18px;line-height:28px}.\[\&_input\:focus\]\:\!univer-ring-0 input:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))!important}.\[\&_input\]\:univer-h-6 input{height:24px}.\[\&_input\]\:univer-w-7 input{width:28px}.\[\&_input\]\:univer-border-none input{border-style:none}.\[\&_input\]\:\!univer-bg-transparent input{background-color:transparent!important}.\[\&_input\]\:univer-p-0 input{padding:0}.\[\&_input\]\:univer-text-sm input{font-size:14px;line-height:20px}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-bottom-0{bottom:0}.univer-left-0{left:0}.univer-left-5{left:20px}.univer-left-\[5px\]{left:5px}.univer-top-0{top:0}.univer-top-4{top:16px}.univer-top-\[5px\]{top:5px}.univer-z-\[100\]{z-index:100}.univer-mb-1{margin-bottom:4px}.univer-mb-2{margin-bottom:8px}.univer-mr-1{margin-right:4px}.univer-mt-1\.5{margin-top:6px}.univer-mt-12{margin-top:48px}.univer-mt-3{margin-top:12px}.univer-mt-4{margin-top:16px}.univer-box-border{box-sizing:border-box}.univer-block{display:block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-grid{display:grid}.univer-size-3{width:12px;height:12px}.univer-size-4{width:16px;height:16px}.univer-size-full{width:100%;height:100%}.univer-h-20{height:80px}.univer-h-7{height:28px}.univer-h-8{height:32px}.univer-h-\[24px\]{height:24px}.univer-w-28{width:112px}.univer-w-4\/5{width:80%}.univer-w-8{width:32px}.univer-w-\[0px\]{width:0px}.univer-w-\[162px\]{width:162px}.univer-w-\[72px\]{width:72px}.univer-w-full{width:100%}.univer-min-w-\[180px\]{min-width:180px}.univer-flex-1{flex:1 1 0%}.univer-flex-shrink-0{flex-shrink:0}.univer-cursor-pointer{cursor:pointer}.univer-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.univer-flex-col{flex-direction:column}.univer-flex-nowrap{flex-wrap:nowrap}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-justify-around{justify-content:space-around}.univer-gap-1{gap:4px}.univer-gap-1\.5{gap:6px}.univer-gap-2{gap:8px}.univer-gap-2\.5{gap:10px}.univer-gap-4{gap:16px}.univer-overflow-hidden{overflow:hidden}.univer-overflow-y-auto{overflow-y:auto}.univer-overflow-x-hidden{overflow-x:hidden}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-rounded{border-radius:4px}.univer-rounded-full{border-radius:9999px}.univer-rounded-md{border-radius:6px}.univer-rounded-r-2xl{border-top-right-radius:16px;border-bottom-right-radius:16px}.univer-border-primary-500{border-color:var(--univer-primary-500)}.\!univer-bg-gray-700{background-color:var(--univer-gray-700)!important}.\!univer-bg-gray-900{background-color:var(--univer-gray-900)!important}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-white{background-color:var(--univer-white)}.univer-bg-none{background-image:none}.univer-p-1{padding:4px}.univer-p-1\.5{padding:6px}.univer-px-2{padding-left:8px;padding-right:8px}.univer-px-2\.5{padding-left:10px;padding-right:10px}.univer-px-3{padding-left:12px;padding-right:12px}.univer-px-4{padding-left:16px;padding-right:16px}.univer-px-5{padding-left:20px;padding-right:20px}.univer-py-0{padding-top:0;padding-bottom:0}.univer-py-1{padding-top:4px;padding-bottom:4px}.univer-py-1\.5{padding-top:6px;padding-bottom:6px}.univer-pb-0\.5{padding-bottom:2px}.univer-pb-4{padding-bottom:16px}.univer-pl-1\.5{padding-left:6px}.univer-pr-2{padding-right:8px}.univer-pt-1\.5{padding-top:6px}.univer-pt-14{padding-top:56px}.univer-text-base{font-size:16px;line-height:24px}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-xs{font-size:12px;line-height:16px}.univer-font-\[500\],.univer-font-medium{font-weight:500}.univer-font-semibold{font-weight:600}.univer-leading-\[24px\]{line-height:24px}.\!univer-text-gray-200{color:var(--univer-gray-200)!important}.\!univer-text-gray-400{color:var(--univer-gray-400)!important}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-800{color:var(--univer-gray-800)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-shadow{--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-shadow-sm{--tw-shadow: 0px 1px 2px 0px rgba(30, 40, 77, .08);--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1e284d14;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-backdrop-blur-\[10px\]{--tw-backdrop-blur: blur(10px);-webkit-backdrop-filter:blur(10px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(10px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-300{transition-duration:.3s}.hover\:univer-border-primary-500:hover{border-color:var(--univer-primary-500)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.dark\:\!univer-border-gray-700:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-gray-400:where(.univer-dark,.univer-dark *){color:var(--univer-gray-400)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}
package/lib/umd/index.js CHANGED
@@ -9,7 +9,7 @@ hover:univer-bg-gray-100 whitespace-nowrap univer-w-max
9
9
  `;function g6(e){const{children:t,className:n,style:r,disabled:i=!1,active:l=!1,noIcon:o,onClick:c,onDoubleClick:v,...m}=e,b=w=>{if(i){w.preventDefault();return}c&&c(w)},d=w=>{if(i){w.preventDefault();return}v&&v(w)};return C.jsx("button",{type:"button",className:Z.clsx(v6,{"univer-px-2":o,"!univer-bg-gray-200 dark:!univer-bg-gray-500":l}),style:r,disabled:i,onClick:b,onDoubleClick:d,...m,children:t})}function m6(e){const{disabled$:t,hidden$:n,activated$:r,value$:i}=e,[l,o]=a.useState(),[c,v]=a.useState(!1),[m,b]=a.useState(!1),[d,w]=a.useState(!1);return a.useEffect(()=>{const y=[];return t&&y.push(t.subscribe(S=>v(S))),n&&y.push(n.subscribe(S=>w(S))),r&&y.push(r.subscribe(S=>b(S))),i&&y.push(i.subscribe(S=>o(S))),()=>y.forEach(S=>S.unsubscribe())},[r,t,n,i]),{disabled:c,value:l,activated:m,hidden:d}}const We=a.createContext({dropdownVisible:!1,setDropdownVisible:e=>{}}),f0=a.forwardRef((e,t)=>{const{children:n,...r}=e,i=a.useRef(null),[l,o]=a.useState(!1),[c,v]=a.useState(!1);function m(w){o(c?!1:w)}function b(w){v(w),o(!1)}const d=a.useMemo(()=>({dropdownVisible:c,setDropdownVisible:b}),[c]);return a.useImperativeHandle(t,()=>({el:i.current})),r.title?C.jsx(Z.Tooltip,{visible:l,onVisibleChange:m,...r,children:C.jsx("span",{ref:i,children:C.jsx(We.Provider,{value:d,children:n})})}):C.jsx("span",{ref:i,children:n})});function h0(e){const{children:t,overlay:n,disabled:r,align:i="start"}=e,{dropdownVisible:l,setDropdownVisible:o}=a.useContext(We);function c(v){o(v)}return C.jsx(Z.Dropdown,{align:i,overlay:C.jsx("div",{className:"univer-grid univer-gap-2",children:n}),disabled:r,open:l,onOpenChange:c,children:C.jsx("div",{className:"univer-h-full",onClick:v=>v.stopPropagation(),children:t})})}function pe({icon:e,value:t,option:n,onOptionSelect:r}){var o;const i=c=>{r==null||r({value:c,label:n==null?void 0:n.label,commandId:n==null?void 0:n.commandId})},l=typeof n.label=="string"||typeof n.label=="object"&&((o=n.label)==null?void 0:o.selectable)!==!1;return C.jsxs("div",{className:Z.clsx("univer-relative univer-flex univer-items-center univer-gap-2",{"univer-pl-6":l}),children:[l&&String(t)===String(n.value)&&C.jsx(Ve,{className:"univer-absolute univer-left-1 univer-top-0.5 univer-text-primary-600"}),C.jsx(d1,{className:"univer-text-sm",icon:e,value$:n.value$,value:n.value,label:n.label,onChange:i})]})}function p6({menuId:e,slot:t,value:n,options:r,children:i,disabled:l,onOptionSelect:o}){var T;const{dropdownVisible:c,setDropdownVisible:v}=a.useContext(We),m=R.useDependency(S1),[b,d]=a.useState({}),w=a.useMemo(()=>e?m.getMenuByPositionKey(e):[],[e]),y=a.useMemo(()=>w.filter(D=>{var V;if(!D.children)return!b[D.key];const I=((V=D.key)==null?void 0:V.toString())||"";return!b[I]}),[w,b]);function S(D){v(D)}if(a.useEffect(()=>{const D=[];return w.forEach(I=>{var V;if(I.children){const O=I.children.map(M=>{var x,$;return($=(x=M.item)==null?void 0:x.hidden$)!=null?$:z.of(!1)}),U=z.combineLatest(O).subscribe(M=>{const x=M.every($=>$===!0);d($=>({...$,[I.key]:x}))});D.push(U)}else if((V=I.item)!=null&&V.hidden$){const O=I.item.hidden$.subscribe(U=>{d(M=>({...M,[I.key]:U}))});D.push(O)}}),()=>{D.forEach(I=>I==null?void 0:I.unsubscribe()),d({})}},[w]),t)return C.jsx(h0,{disabled:l,overlay:r.map((D,I)=>C.jsx(pe,{value:n,option:D,onOptionSelect:o},I)),children:i});if(r!=null&&r.length){const D=r.map(I=>{var V;return{type:"item",className:Z.clsx({"focus:univer-bg-white":typeof I.label!="string"&&((V=I.label)==null?void 0:V.hoverable)===!1}),children:C.jsx(pe,{icon:I.icon,value:n,option:I,onOptionSelect:o}),disabled:I.disabled,onSelect:()=>{typeof I.value>"u"||o==null||o({...I})}}});for(const I of y){if(!I.item)continue;const{title:V,id:O,commandId:U,icon:M}=I.item;if(!V)throw new Error("Menu item title is required");D.push({type:"item",children:C.jsx(pe,{icon:M,value:n,option:{label:{name:V,selectable:!1}}}),onSelect:()=>{o==null||o({commandId:U,id:O})}})}return C.jsx(Z.DropdownMenu,{align:"start",items:D,disabled:l,open:c,onOpenChange:S,children:i})}else{const D=[];for(const I of y)if(I.item){const{title:V,id:O,commandId:U,icon:M}=I.item;if(!V)throw new Error("Menu item title is required");D.push({type:"item",children:C.jsx(pe,{icon:M,value:n,option:{label:{name:V,selectable:!1}}}),onSelect:()=>{o==null||o({commandId:U,id:O})}})}else(T=I.children)!=null&&T.length;return C.jsx(Z.DropdownMenu,{align:"start",items:D,disabled:l,open:c,onOpenChange:S,children:i})}}const ne=a.forwardRef((e,t)=>{const n=R.useDependency(h.LocaleService),r=R.useDependency(h.ICommandService),i=R.useDependency(H1),l=R.useDependency(v1),{value:o,hidden:c,disabled:v,activated:m}=m6(e),b=(W,Y)=>{i.focus(),r.executeCommand(W,Y)},{tooltip:d,shortcut:w,icon:y,title:S,label:T,id:D,commandId:I,type:V,slot:O,params:U}=e,M=n.t(d!=null?d:"")+(w?` (${w})`:""),{selections:x}=e,$=a.useMemo(()=>z.isObservable(x)?x:new z.Observable(W=>{W.next(x)}),[x]),X=R.useObservable($),B=a.useMemo(()=>z.isObservable(y)?y:new z.Observable(W=>{var e1,l1;const Y=(l1=(e1=X==null?void 0:X.find(C1=>C1.value===o))==null?void 0:e1.icon)!=null?l1:y;W.next(Y)}),[y,X,o]),G=R.useObservable(B,void 0,!0);function q(W){var a1;const Y=e.selectionsCommandId,e1=I!=null?I:D,l1=(a1=Y!=null?Y:I)!=null?a1:D;function C1(r1){if(v)return;let u1=l1;r1.id&&(u1=r1.id),b(u1,{value:r1.value})}function b1(r1){v||b(l1,{value:r1})}function y1(){v||W===g1.BUTTON_SELECTOR&&b(e1,{value:o})}return W===g1.BUTTON_SELECTOR?C.jsxs("div",{"data-u-command":D,"data-disabled":v,className:Z.clsx("univer-animate-in univer-fade-in univer-group univer-relative univer-flex univer-h-6 univer-cursor-pointer univer-items-center univer-rounded univer-pr-5 univer-text-sm univer-transition-colors hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",{"univer-text-gray-900 dark:!univer-text-white":!v,"univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600":v}),children:[C.jsx("div",{className:Z.clsx("univer-relative univer-z-[1] univer-flex univer-h-full univer-items-center univer-rounded-l univer-px-1 univer-transition-colors hover:univer-bg-gray-200 dark:hover:!univer-bg-gray-600",{"univer-bg-gray-200 dark:!univer-bg-gray-500":m,"univer-bg-gray-100":m&&v}),onClick:y1,children:C.jsx(d1,{icon:G,title:S,value:o,label:T,onChange:b1})}),C.jsx(p6,{menuId:D,slot:O,value:o,options:X,disabled:v,onOptionSelect:C1,children:C.jsx("div",{className:Z.clsx("univer-absolute univer-right-0 univer-top-0 univer-box-border univer-flex univer-h-6 univer-w-5 univer-items-center univer-justify-center univer-rounded-r univer-transition-colors hover:univer-bg-gray-200 dark:hover:!univer-bg-gray-600",{"univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600":v,"univer-bg-gray-200 dark:!univer-bg-gray-500":m,"univer-bg-gray-100":m&&v}),"data-disabled":v,children:C.jsx(G1,{})})})]}):C.jsx(p6,{menuId:D,slot:O,value:o,options:X,disabled:v,onOptionSelect:C1,children:C.jsxs("div",{"data-u-command":D,className:Z.clsx("univer-animate-in univer-fade-in univer-relative univer-flex univer-h-6 univer-cursor-pointer univer-items-center univer-gap-2 univer-whitespace-nowrap univer-rounded univer-px-1 univer-transition-colors hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",{"univer-text-gray-900 dark:!univer-text-white":!v,"univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600":v,"univer-bg-gray-200":m,"univer-bg-gray-100":m&&v}),children:[C.jsx(d1,{icon:G,title:S,value:o,label:T,onChange:b1}),C.jsx("div",{className:Z.clsx("univer-flex univer-h-full univer-items-center",{"univer-pointer-events-none univer-cursor-not-allowed univer-text-gray-300 dark:!univer-text-gray-600":v}),children:C.jsx(G1,{})})]})})}function J(){var Y;const W=l.get(typeof T=="string"?T:(Y=T==null?void 0:T.name)!=null?Y:"");return C.jsx(g6,{"data-u-command":D,className:"univer-text-sm",noIcon:!y,active:m,disabled:v,onClick:()=>{var e1;return b((e1=e.commandId)!=null?e1:e.id,o!=null?o:U)},onDoubleClick:()=>e.subId&&b(e.subId),children:W?C.jsx(d1,{title:S,value:o,label:T}):y?C.jsx(d1,{icon:y}):C.jsx(d1,{title:S})})}function K(){switch(V){case g1.BUTTON_SELECTOR:case g1.SELECTOR:case g1.SUBITEMS:return q(V);case g1.BUTTON:default:return J()}}return!c&&C.jsx(f0,{ref:t,title:M,placement:"bottom",children:K()})}),C0={[f1.START]:bt,[f1.INSERT]:Et,[f1.FORMULAS]:Re,[f1.DATA]:X3,[f1.VIEW]:lt,[f1.OTHERS]:Te};function b6(e){const{ribbonType:t,headerMenuComponents:n,headerMenu:r=!0}=e,i=R.useDependency(S1),l=R.useDependency(h.IUniverInstanceService),o=R.useDependency(h.LocaleService),[c,v]=a.useState(0),m=R.useObservable(l.focused$);a.useEffect(()=>{const B=i.menuChanged$.subscribe(()=>{v(G=>G+1)});return()=>{B.unsubscribe()}},[]);const b=a.useRef(null),d=a.useRef({}),[w,y]=a.useState([]),[S,T]=a.useState(f1.START),[D,I]=a.useState(!1),[V,O]=a.useState([]),[U,M]=a.useState(!1),x=a.useCallback(B=>{d.current={},T(B.key),I(!1)},[]);a.useEffect(()=>{var J;const B=i.getMenuByPositionKey(X1.RIBBON),G=[],q=[];for(const K of B)if(K.children){for(const W of K.children)if(W.children)for(const Y of W.children)(J=Y.item)!=null&&J.hidden$&&(G.push(Y.item.hidden$),q.push(`${K.key}/${W.key}/${Y.key}`))}z.combineLatest(G).subscribe(K=>{var e1,l1,C1,b1,y1,a1;const W=[],Y=K.map((r1,u1)=>r1?q[u1]:null).filter(r1=>!!r1);for(const r1 of B){const u1={...r1,children:[]};if((e1=r1.children)!=null&&e1.length)for(const L1 of r1.children){const I1={...L1,children:[]};let Z1=!0;if((l1=L1.children)!=null&&l1.length){for(const B1 of L1.children){const F1=`${r1.key}/${L1.key}/${B1.key}`;Y.includes(F1)||(C1=I1.children)==null||C1.push(B1)}(b1=I1.children)!=null&&b1.every(B1=>{var F1;return((F1=B1.children)==null?void 0:F1.length)===0})&&(Z1=!1)}Z1&&((y1=u1.children)==null||y1.push(I1))}(a1=u1.children)!=null&&a1.length&&u1.children.every(L1=>{var I1;return(I1=L1.children)==null?void 0:I1.length})&&W.push(u1)}if(t==="simple"){const r1=[{key:f1.START,children:[],order:0}];W.forEach(u1=>{var L1;(L1=u1.children)==null||L1.forEach(I1=>{var Z1;(Z1=r1[0].children)==null||Z1.push(I1)})}),y(r1)}else y(W)}).unsubscribe()},[c,m]);const $=a.useMemo(()=>{var J,K;const B=(K=(J=w.find(W=>W.key===S))==null?void 0:J.children)!=null?K:[],G=[],q=[];for(const W of B)if(W.children){const Y=W.children.filter(e1=>!V.includes(e1.key));Y.length>0&&G.push({...W,children:Y}),Y.length<W.children.length&&q.push({...W,children:W.children.filter(e1=>V.includes(e1.key))})}return{allGroups:B,visibleGroups:G,hiddenGroups:q}},[V,w,S]);a.useEffect(()=>{let B=null;const G=new ResizeObserver(h.throttle(q=>{for(const J of q)M(!0),B=requestAnimationFrame(()=>{var y1,a1;const{width:K}=J.contentRect,Y=Object.values(d.current).sort((r1,u1)=>r1.order-u1.order||r1.groupOrder-u1.groupOrder||r1.itemOrder-u1.itemOrder),e1=[];let l1=32;const b1=(((a1=(y1=w.find(r1=>r1.key===S))==null?void 0:y1.children)!=null?a1:[]).length-1)*8;l1+=b1;for(const{el:r1,key:u1}of Y){const{width:L1}=r1.getBoundingClientRect();l1+=L1+8,l1>K&&e1.push(u1)}O(e1),M(!1)})},100));return G.observe(b.current),()=>{B&&cancelAnimationFrame(B),G.disconnect()}},[w,S]);const X=a.useMemo(()=>C.jsx("div",{"aria-hidden":"true",className:Z.clsx("univer-invisible univer-absolute -univer-left-[99999] -univer-top-[99999] univer-box-border univer-flex univer-h-10 univer-min-w-min univer-items-center univer-px-3 univer-opacity-0",{"univer-hidden":!U},Z.divideXClassName,Z.borderBottomClassName),children:$.allGroups.map((B,G)=>{var q,J;return(((q=B.children)==null?void 0:q.length)||B.item)&&C.jsx(a.Fragment,{children:C.jsx("div",{className:"univer-grid univer-grid-flow-col univer-gap-2 univer-px-2",children:B.children&&((J=B.children)==null?void 0:J.map(K=>K.item&&C.jsx(ne,{...K.item,ref:W=>{W!=null&&W.el&&(d.current[K.key]={el:W.el,key:K.key,order:G,groupOrder:B.order,itemOrder:K.order})}},K.key)))})},B.key)})}),[$.allGroups,U]);return C.jsxs(C.Fragment,{children:[r&&n&&n.size>0&&C.jsx("header",{className:Z.clsx("univer-relative univer-h-11 univer-select-none",Z.borderBottomClassName),children:C.jsx("div",{className:"univer-absolute univer-right-2 univer-top-0 univer-flex univer-h-full univer-items-center univer-gap-2 [&>*]:univer-inline-flex [&>*]:univer-h-6 [&>*]:univer-items-center [&>*]:univer-rounded [&>*]:univer-px-1 [&>*]:univer-transition-colors hover:[&>*]:univer-bg-gray-100",children:C.jsx(m1,{components:n})})}),C.jsxs("div",{className:Z.clsx("univer-box-border univer-grid univer-h-10 univer-grid-flow-col univer-items-center univer-px-3",{"univer-grid-cols-[auto,1fr]":w.length>1,"univer-grid-cols-none":w.length===1},Z.borderBottomClassName),children:[w.length>1&&C.jsx(Z.HoverCard,{className:"univer-max-w-96 !univer-rounded-xl",align:"start",open:D,overlay:C.jsx("div",{className:"univer-grid univer-gap-1 univer-px-2 univer-py-1",children:w.map(B=>{const G=C0[B.key];return C.jsxs("a",{"data-u-comp":"ribbon-group-btn",className:"univer-box-border univer-flex univer-cursor-pointer univer-items-center univer-gap-2.5 univer-rounded-lg univer-px-2 univer-py-1.5 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",onClick:()=>x(B),children:[C.jsx("span",{className:Z.clsx("univer-box-border univer-flex univer-size-9 univer-flex-shrink-0 univer-items-center univer-justify-center univer-rounded-lg",Z.borderClassName),children:C.jsx(G,{className:"univer-text-gray-500 dark:!univer-text-gray-300"})}),C.jsxs("span",{className:"univer-flex univer-flex-col",children:[C.jsx("strong",{className:"univer-text-sm univer-font-semibold univer-text-gray-800 dark:!univer-text-gray-200",children:o.t(B.key)}),C.jsx("span",{className:"univer-text-xs univer-text-gray-400",children:o.t(`${B.key}Desc`)})]})]},B.key)})}),onOpenChange:I,children:C.jsxs("a",{className:"univer-mr-2 univer-flex univer-h-7 univer-cursor-pointer univer-items-center univer-gap-1.5 univer-whitespace-nowrap !univer-rounded-full univer-bg-gray-700 univer-pl-3 univer-pr-2 univer-text-sm univer-text-white dark:!univer-bg-gray-200 dark:!univer-text-gray-800",onClick:()=>I(!0),children:[o.t(S),C.jsx(G1,{className:"univer-text-gray-200 dark:!univer-text-gray-500"})]})}),C.jsxs("div",{"data-u-comp":"ribbon-toolbar",ref:b,className:Z.clsx("univer-flex univer-overflow-hidden",Z.divideXClassName),children:[$.visibleGroups.map(B=>{var G,q;return(((G=B.children)==null?void 0:G.length)||B.item)&&C.jsx(a.Fragment,{children:C.jsx("div",{className:"univer-grid univer-grid-flow-col univer-gap-2 univer-px-2",children:B.children&&((q=B.children)==null?void 0:q.map(J=>J.item&&C.jsx(ne,{...J.item},J.key)))})},B.key)}),V.length>0&&C.jsx("div",{"data-u-comp":"ribbon-toolbar-more",className:"univer-pl-2 rtl:univer-pr-2",children:C.jsx(Z.Dropdown,{collisionPadding:{right:12,left:12},overlay:C.jsx("div",{className:"univer-box-border univer-grid univer-max-w-[var(--radix-popper-available-width)] univer-gap-2 univer-p-2",children:$.hiddenGroups.map(B=>{var G;return C.jsx("div",{className:"univer-flex univer-items-center univer-gap-2",children:C.jsx("div",{className:"univer-flex univer-flex-wrap univer-gap-2",children:B.children?(G=B.children)==null?void 0:G.map(q=>q.item&&C.jsx(ne,{...q.item},q.key)):B.item&&C.jsx(ne,{...B.item},B.key)})},B.key)})}),children:C.jsx("a",{className:v6,type:"button",children:C.jsx(Te,{})})})})]})]}),X]})}class re extends h.Disposable{constructor(){super(...arguments);j(this,"_styleSheetId","univer-theme-css-variables")}injectThemeToHead(n){function r(c,v="--univer"){const m=[];function b(d,w=""){for(const y in d){const S=d[y],T=w?`${w}-${y}`:y;typeof S=="object"&&S!==null?b(S,T):m.push(`${v}-${T}: ${S};`)}}return b(c),m.join(`
10
10
  `)}const i=r(n),l=document.getElementById(this._styleSheetId);l&&l.remove();const o=document.createElement("style");o.setAttribute("id",this._styleSheetId),o.innerHTML=`:root {
11
11
  ${i}
12
- }`,document.head.appendChild(o)}dispose(){super.dispose()}}const ie=h.createIdentifier("ui.contextmenu.service");class Ye extends h.Disposable{constructor(){super(...arguments);j(this,"_currentHandler",null);j(this,"disabled",!1)}get visible(){var n,r;return(r=(n=this._currentHandler)==null?void 0:n.visible)!=null?r:!1}disable(){this.disabled=!0}enable(){this.disabled=!1}triggerContextMenu(n,r){var i;n.stopPropagation(),!this.disabled&&((i=this._currentHandler)==null||i.handleContextMenu(n,r))}hideContextMenu(){var n;(n=this._currentHandler)==null||n.hideContextMenu()}registerContextMenuHandler(n){if(this._currentHandler)throw new Error("There is already a context menu handler!");return this._currentHandler=n,h.toDisposable(()=>this._currentHandler=null)}}function L6(){const e=a.useRef(null),[t,n]=a.useState(!1),[r,i]=a.useState(""),[l,o]=a.useState([0,0]),c=a.useRef(t),v=R.useDependency(ie),m=R.useDependency(h.ICommandService),b=R.useInjector();c.current=t,a.useEffect(()=>{const y=v.registerContextMenuHandler({handleContextMenu:d,hideContextMenu(){n(!1)},get visible(){return c.current}});function S(T){e.current&&!e.current.contains(T.target)&&w()}return document.addEventListener("pointerdown",S),document.addEventListener("wheel",w),()=>{document.removeEventListener("pointerdown",S),document.removeEventListener("wheel",w),y.dispose()}},[v]);function d(y,S){n(!1),requestAnimationFrame(()=>{i(S),o([y.clientX,y.clientY]),n(!0)})}function w(){n(!1)}return C.jsx(Z.Popup,{visible:t,offset:l,children:C.jsx("section",{ref:e,children:r&&C.jsx(Ae,{menuType:r,onOptionSelect:y=>{const{label:S,commandId:T,value:D}=y;m&&m.executeCommand(T!=null?T:S,{value:D}),b.get(H1).focus(),n(!1)}})})})}const be=h.createIdentifier("univer.global-zone-service");function Xe(){const e=R.useDependency(be),[t,n]=a.useState(!1),r=R.useObservable(e.componentKey$,e.componentKey),i=R.useDependency(v1),l=a.useMemo(()=>{const o=i.get(r!=null?r:"");if(o)return o},[r,i]);return a.useEffect(()=>{const o=e.visible$.subscribe(c=>{n(c)});return()=>{o.unsubscribe()}},[e.visible$]),t?C.jsx("section",{className:Z.clsx("univer-absolute univer-bg-gray-100",{"univer-hidden":!t,"univer-inset-0 univer-z-[100] univer-block univer-size-full":t}),children:l&&C.jsx(l,{})}):null}function qe(){const e=R.useDependency($1),t=R.useObservable(e.sidebarOptions$),n=a.useRef(null),r=a.useMemo(()=>{if(!t)return null;const o={...t};for(const c of["children","header","footer"]){const v=c;if(t[v]){const{key:m,...b}=t[v];b&&(o[v]=C.jsx(d1,{...b},m))}}return o},[t]);a.useEffect(()=>(n.current&&e.setContainer(n.current),()=>{e.setContainer(void 0)}),[e]),a.useEffect(()=>{const o=v=>{e.scrollEvent$.next(v)},c=n.current;return c&&c.addEventListener("scroll",o),()=>{c==null||c.removeEventListener("scroll",o)}},[e]);const i=a.useMemo(()=>r!=null&&r.visible?typeof r.width=="number"?`${r.width}px`:r.width:0,[r]);function l(){var c;const o={...t,visible:!1};e.options.visible=!1,e.sidebarOptions$.next(o),(c=o==null?void 0:o.onClose)==null||c.call(o)}return C.jsx("section",{"data-u-comp":"sidebar",className:Z.clsx("univer-relative univer-h-full univer-bg-white univer-text-gray-900 dark:!univer-bg-gray-900 dark:!univer-text-white",{"univer-w-96 univer-translate-x-0":r==null?void 0:r.visible,"univer-w-0 univer-translate-x-full":!(r!=null&&r.visible)}),style:{width:i},children:C.jsxs("section",{ref:n,className:Z.clsx("univer-box-border univer-grid univer-h-0 univer-min-h-full univer-grid-rows-[auto_1fr_auto] univer-overflow-y-auto",Z.borderLeftBottomClassName,Z.scrollbarClassName),children:[C.jsxs("header",{className:"univer-sticky univer-top-0 univer-z-10 univer-box-border univer-flex univer-items-center univer-justify-between univer-bg-white univer-p-4 univer-pb-2 univer-text-base univer-font-medium univer-text-gray-800 dark:!univer-bg-gray-900 dark:!univer-text-white",children:[r==null?void 0:r.header,C.jsx("a",{className:"univer-cursor-pointer univer-text-gray-500 dark:!univer-text-gray-300",onClick:l,children:C.jsx(Ne,{})})]}),C.jsx("section",{className:"univer-box-border univer-px-4",style:r==null?void 0:r.bodyStyle,children:r==null?void 0:r.children}),(r==null?void 0:r.footer)&&C.jsx("footer",{className:"univer-sticky univer-bottom-0 univer-box-border univer-bg-white univer-p-4 dark:!univer-bg-gray-900",children:r.footer})]})})}const Le=h.createIdentifier("univer.zen-zone-service");function Je(){const e=R.useDependency(Le),[t,n]=a.useState(!1),[r,i]=a.useState(),l=R.useObservable(e.temporaryHidden$),o=R.useDependency(v1);a.useEffect(()=>{const v=[e.visible$.subscribe(m=>{n(m)}),e.componentKey$.subscribe(m=>{i(m)})];return()=>{v.forEach(m=>{m.unsubscribe()})}},[]);const c=a.useMemo(()=>{const v=o.get(r!=null?r:"");if(v)return v},[r]);return C.jsx("section",{className:Z.clsx("univer-absolute univer-z-[-1] univer-flex",{"univer-animate-in univer-fade-in univer-inset-0 univer-z-[100] univer-bg-gray-100":t,"univer-hidden":l}),children:C.jsx("div",{className:"univer-relative univer-flex-1",children:c&&C.jsx(c,{})})})}function v0(e){const t=T9(Y1);return C.jsx(g0,{...e,...t})}function g0(e){var K;const{header:t=!0,toolbar:n=!0,footer:r=!0,headerMenu:i=!0,contextMenu:l=!0,ribbonType:o="default",mountContainer:c,onRendered:v}=e,m=R.useDependency(h.LocaleService),b=R.useDependency(h.ThemeService),d=R.useDependency(re),w=a.useRef(null),S=R.useDependency(h.IConfigService).getConfig(Y1),T=p1(o1.CUSTOM_HEADER),D=p1(o1.FOOTER),I=p1(o1.HEADER),V=p1(o1.HEADER_MENU),O=p1(o1.CONTENT),U=p1(o1.LEFT_SIDEBAR),M=p1(o1.GLOBAL),x=p1(o1.TOOLBAR),$=(K=S==null?void 0:S.popupRootId)!=null?K:"univer-popup-portal";a.useLayoutEffect(()=>{const W=b.currentTheme$.subscribe(Y=>{d.injectThemeToHead(Y)});return()=>{W.unsubscribe()}},[]);const[X,B]=a.useState(!1);a.useLayoutEffect(()=>{const W=b.darkMode$.subscribe(Y=>{B(Y),Y?document.documentElement.classList.add("univer-dark"):document.documentElement.classList.remove("univer-dark")});return()=>{W.unsubscribe()}},[]),a.useEffect(()=>{w.current&&(v==null||v(w.current))},[v]);const[G,q]=a.useState(m.getLocales()),J=a.useMemo(()=>document.createElement("div"),[]);return a.useEffect(()=>{document.body.appendChild(J);const W=[m.localeChanged$.subscribe(()=>{q(m.getLocales())})];return()=>{W.forEach(Y=>Y.unsubscribe()),document.body.removeChild(J)}},[m,c,J]),C.jsxs(Z.ConfigProvider,{locale:G==null?void 0:G.design,mountContainer:J,children:[C.jsxs("div",{"data-u-comp":"workbench-layout",className:Z.clsx("univer-flex univer-h-full univer-min-h-0 univer-flex-col univer-bg-white dark:!univer-bg-gray-800",{"univer-dark":X}),tabIndex:-1,onBlur:W=>W.stopPropagation(),onContextMenu:W=>W.preventDefault(),children:[C.jsx("div",{className:"univer-relative univer-flex univer-min-h-0 univer-flex-col univer-bg-white",children:C.jsx(m1,{components:T},"custom-header")}),t&&n&&C.jsx("header",{"data-u-comp":"headerbar",className:"univer-relative univer-z-10 univer-w-full",children:C.jsx(m1,{components:x,sharedProps:{ribbonType:o,headerMenuComponents:V,headerMenu:i}},"toolbar")}),C.jsxs("section",{className:"univer-relative univer-flex univer-min-h-0 univer-flex-1 univer-flex-col",children:[C.jsxs("div",{className:"univer-grid univer-h-full univer-grid-cols-[auto_1fr_auto] univer-grid-rows-[100%] univer-overflow-hidden",children:[C.jsx("aside",{"data-u-comp":"left-sidebar",className:"univer-h-full",children:C.jsx(m1,{components:U},"left-sidebar")}),C.jsxs("section",{className:Z.clsx("univer-relative univer-grid univer-flex-1 univer-grid-rows-[auto_1fr] univer-overflow-hidden univer-bg-white",Z.borderBottomClassName),children:[C.jsx("header",{children:t&&C.jsx(m1,{components:I},"header")}),C.jsx("section",{className:"univer-relative univer-overflow-hidden dark:!univer-bg-gray-900",ref:w,"data-range-selector":!0,onContextMenu:W=>W.preventDefault(),children:C.jsx(m1,{components:O},"content")})]}),C.jsx("aside",{"data-u-comp":"right-sidebar",className:"univer-h-full",children:C.jsx(qe,{})})]}),r&&C.jsx("footer",{children:C.jsx(m1,{components:D,sharedProps:{contextMenu:l}},"footer")}),C.jsx(Je,{})]})]}),C.jsx(m1,{components:M},"global"),C.jsx(Xe,{}),l&&C.jsx(L6,{}),C.jsx(m0,{}),C.jsx("div",{id:$})]})}function m0(){const{mountContainer:e}=a.useContext(Z.ConfigContext),t=p1(o1.FLOATING);return _3.createPortal(C.jsx(m1,{components:t},"floating"),e)}const p0=3e3;class Qe extends h.Disposable{constructor(n,r,i,l,o){super();j(this,"_steadyTimeout");j(this,"_renderTimeout");j(this,"_currentRenderId",null);this._injector=n,this._instanceService=r,this._layoutService=i,this._lifecycleService=l,this._renderManagerService=o}dispose(){super.dispose(),clearTimeout(this._steadyTimeout),clearTimeout(this._renderTimeout)}_bootstrapWorkbench(){this.disposeWithMe(this.bootstrap(async(n,r)=>{this._layoutService&&(this.disposeWithMe(this._layoutService.registerRootContainerElement(r)),this.disposeWithMe(this._layoutService.registerContentElement(n)));try{await this._lifecycleService.onStage(h.LifecycleStages.Ready),this._renderTimeout=window.setTimeout(()=>{const i=this._renderManagerService.getRenderAll();for(const[l]of i)if(this._changeRenderUnit(l,n))break;this.disposeWithMe(this._instanceService.focused$.subscribe(l=>{l&&this._changeRenderUnit(l,n)})),this.disposeWithMe(this._renderManagerService.created$.subscribe(l=>{var o;l.unitId===((o=this._instanceService.getFocusedUnit())==null?void 0:o.getUnitId())&&this._changeRenderUnit(l.unitId,n)})),this.disposeWithMe(this._renderManagerService.disposed$.subscribe(l=>{this._currentRenderId===l&&(this._currentRenderId=null)})),this._lifecycleService.stage=h.LifecycleStages.Rendered,this._steadyTimeout=window.setTimeout(()=>{this._lifecycleService.stage=h.LifecycleStages.Steady},p0)},300)}catch(i){if(i instanceof h.LifecycleUnreachableError)return;throw i}}))}_changeRenderUnit(n,r){if(this._currentRenderId===n)return!1;const i=this._renderManagerService.getRenderById(n);if(!i||!i.unitId||h.isInternalEditorID(i.unitId))return!1;const l=this._currentRenderId?this._renderManagerService.getRenderById(this._currentRenderId):null;return l==null||l.deactivate(),l==null||l.engine.unmount(),i.engine.mount(r),i.activate(),this._currentRenderId=n,!0}}var b0=Object.getOwnPropertyDescriptor,L0=(e,t,n,r)=>{for(var i=r>1?void 0:r?b0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},V1=(e,t)=>(n,r)=>t(n,r,e);f.DesktopUIController=class extends Qe{constructor(t,n,r,i,l,o,c,v,m){super(n,o,l,r,i),this._config=t,this._componentManager=m,c.mergeMenu(n6),this._initBuiltinComponents(v),this._registerComponents(),this._bootstrapWorkbench()}_registerComponents(){[[O9,D9],[N9,V9],[P9,k9],[U9,A9],[$9,Z9],[x9,Z.ColorPicker]].forEach(([t,n])=>{this.disposeWithMe(this._componentManager.register(t,n))})}bootstrap(t){return w0(this._injector,this._config,t)}_initBuiltinComponents(t){this.disposeWithMe(t.registerComponent(o1.FLOATING,()=>R.connectInjector(Ge,this._injector))),this.disposeWithMe(t.registerComponent(o1.CONTENT,()=>R.connectInjector(je,this._injector))),this.disposeWithMe(t.registerComponent(o1.TOOLBAR,()=>R.connectInjector(b6,this._injector)))}},f.DesktopUIController=L0([V1(1,h.Inject(h.Injector)),V1(2,h.Inject(h.LifecycleService)),V1(3,z1.IRenderManagerService),V1(4,H1),V1(5,h.IUniverInstanceService),V1(6,S1),V1(7,_1),V1(8,h.Inject(v1))],f.DesktopUIController);function w0(e,t,n){let r;const i=t.container;if(typeof i=="string"){const v=document.getElementById(i);v?r=v:r=w6(i)}else i instanceof HTMLElement?r=i:r=w6("univer");const l=R.connectInjector(v0,e),o=v=>n(v,r);function c(){Z.render(C.jsx(l,{...t,mountContainer:r,onRendered:o}),r)}return c(),h.toDisposable(()=>{Z.render(C.jsx("div",{}),r),setTimeout(()=>Z.render(C.jsx("div",{}),r),200),setTimeout(()=>Z.unmount(r),500)})}function w6(e){const t=document.createElement("div");return t.id=e,t}function _0(e){const{menuType:t,onOptionSelect:n}=e,r=R.useDependency(S1);if(!t)return null;const i=a.useMemo(()=>{const l=r.getMenuByPositionKey(t);function o(c){return c.reduce((v,m)=>m.children?[...v,...o(m.children)]:[...v,m],[])}return o(l)},[t]);return C.jsx("div",{className:"univer-box-border univer-grid univer-min-w-8 univer-max-w-52 univer-gap-1 univer-rounded univer-bg-gray-900 univer-px-2 univer-py-1",style:{gridTemplateColumns:`repeat(${Math.min(2,i.length)}, 72px)`},children:i.map(l=>l.item&&C.jsx(y0,{menuItem:l.item,onClick:o=>n==null?void 0:n({value:"",label:l.key,...o})},l.key))})}function y0(e){const{menuItem:t,onClick:n}=e,{id:r,type:i,title:l,label:o,icon:c}=t;if(i!==g1.BUTTON)throw new Error(`[MobileMenuItem]: on mobile devices only "BUTTON" type menu items are supported. Please check "${r}".`);const v=R.useObservable(t.disabled$,!1),m=R.useObservable(t.value$);return C.jsx("button",{type:"button",className:Z.clsx("univer-flex univer-w-18 univer-flex-col univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-text-white [&>span]:univer-mt-0.5 [&>span]:univer-w-full [&>span]:univer-truncate [&>span]:univer-text-sm [&>svg]:univer-size-[18px] [&>svg]:univer-text-lg"),disabled:v,onClick:()=>n({id:r}),children:C.jsx(d1,{value:m,title:l,label:o,icon:c})},r)}function _6(){const[e,t]=a.useState(!1),[n,r]=a.useState(""),[i,l]=a.useState([0,0]),o=a.useRef(e),c=R.useDependency(ie),v=R.useDependency(h.ICommandService);o.current=e,a.useEffect(()=>{const d=c.registerContextMenuHandler({handleContextMenu:m,hideContextMenu(){t(!1)},get visible(){return o.current}});return document.addEventListener("pointerdown",b),document.addEventListener("wheel",b),()=>{document.removeEventListener("pointerdown",b),document.removeEventListener("wheel",b),d.dispose()}},[c]);function m(d,w){r(w),l([d.clientX,d.clientY]),t(!0)}function b(){t(!1)}return C.jsx(Z.Popup,{visible:e,offset:i,children:C.jsx("section",{onPointerDown:d=>d.stopPropagation(),children:n&&C.jsx(_0,{menuType:n,onOptionSelect:d=>{const{label:w,value:y,commandId:S}=d;v&&v.executeCommand(S!=null?S:w,{value:y}),t(!1)}})})})}function M0(e){const{header:t=!0,footer:n=!0,contextMenu:r=!0,mountContainer:i,onRendered:l}=e,o=R.useDependency(h.LocaleService),c=R.useDependency(h.ThemeService),v=R.useDependency(re),m=a.useRef(null),b=p1(o1.FOOTER),d=p1(o1.HEADER),w=p1(o1.CONTENT),y=p1(o1.LEFT_SIDEBAR),S=p1(o1.GLOBAL),[T,D]=a.useState(!1);a.useEffect(()=>{const U=c.darkMode$.subscribe(M=>{D(M)});return()=>{U.unsubscribe()}},[]),a.useEffect(()=>{m.current&&(l==null||l(m.current))},[l]);const[I,V]=a.useState(o.getLocales()),O=a.useMemo(()=>document.createElement("div"),[]);return a.useLayoutEffect(()=>{const U=c.currentTheme$.subscribe(M=>{v.injectThemeToHead(M)});return()=>{U.unsubscribe()}},[]),a.useEffect(()=>{document.body.appendChild(O);const U=[o.localeChanged$.subscribe(()=>{V(o.getLocales())})];return()=>{U.forEach(M=>M.unsubscribe()),document.body.removeChild(O)}},[o,i,O]),C.jsxs(Z.ConfigProvider,{locale:I==null?void 0:I.design,mountContainer:O,children:[C.jsxs("div",{"data-u-comp":"app-layout",className:Z.clsx("univer-relative univer-flex univer-h-full univer-min-h-0 univer-flex-col univer-bg-white dark:!univer-bg-gray-800",{"univer-dark":T}),tabIndex:-1,onBlur:U=>U.stopPropagation(),children:[t&&C.jsx("header",{className:"univer-relative univer-z-10 univer-w-full"}),C.jsxs("section",{className:"univer-relative univer-flex univer-min-h-0 univer-flex-1 univer-flex-col",children:[C.jsxs("div",{className:"univer-grid univer-h-full univer-grid-cols-[auto_1fr_auto] univer-grid-rows-[100%] univer-overflow-hidden",children:[C.jsx("aside",{className:"univer-h-full",children:C.jsx(m1,{components:y},"left-sidebar")}),C.jsxs("section",{className:Z.clsx("univer-relative univer-grid univer-flex-1 univer-grid-rows-[auto_1fr] univer-overflow-hidden univer-bg-white",Z.borderBottomClassName),children:[C.jsx("header",{className:"univer-w-screen",children:t&&C.jsx(m1,{components:d},"header")}),C.jsx("section",{ref:m,className:"univer-relative univer-overflow-hidden","data-range-selector":!0,onContextMenu:U=>U.preventDefault(),children:C.jsx(m1,{components:w},"content")})]}),C.jsx("aside",{className:"univer-h-full",children:C.jsx(qe,{})})]}),n&&C.jsx("footer",{children:C.jsx(m1,{components:b},"footer")}),C.jsx(Xe,{}),C.jsx(Je,{})]})]}),C.jsx(m1,{components:S},"global"),r&&C.jsx(_6,{})]})}var S0=Object.getOwnPropertyDescriptor,I0=(e,t,n,r)=>{for(var i=r>1?void 0:r?S0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},U1=(e,t)=>(n,r)=>t(n,r,e);let Ke=class extends Qe{constructor(e,t,n,r,i,l,o){super(t,l,i,n,r),this._config=e,this._initBuiltinComponents(o),this._bootstrapWorkbench()}bootstrap(e){return H0(this._injector,this._config,e)}_initBuiltinComponents(e){this.disposeWithMe(e.registerComponent(o1.CONTENT,()=>R.connectInjector(Ge,this._injector))),this.disposeWithMe(e.registerComponent(o1.CONTENT,()=>R.connectInjector(je,this._injector)))}};Ke=I0([U1(1,h.Inject(h.Injector)),U1(2,h.Inject(h.LifecycleService)),U1(3,z1.IRenderManagerService),U1(4,H1),U1(5,h.IUniverInstanceService),U1(6,_1)],Ke);function H0(e,t,n){let r;const i=t.container;if(typeof i=="string"){const v=document.getElementById(i);v?r=v:r=y6(i)}else i instanceof HTMLElement?r=i:r=y6("univer");const l=R.connectInjector(M0,e),o=v=>n(v,r);function c(){Z.render(C.jsx(l,{...t,mountContainer:r,onRendered:o}),r)}return c(),h.toDisposable(()=>{Z.unmount(r)})}function y6(e){const t=document.createElement("div");return t.id=e,t}const oe=h.createIdentifier("ui.notification.service");var E0=Object.getOwnPropertyDescriptor,D0=(e,t,n,r)=>{for(var i=r>1?void 0:r?E0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},O0=(e,t)=>(n,r)=>t(n,r,e);const e3=h.createIdentifier("univer.ui.before-close-service");f.DesktopBeforeCloseService=class{constructor(t){j(this,"_beforeUnloadCallbacks",[]);j(this,"_onCloseCallbacks",[]);this._notificationService=t,this._init()}registerBeforeClose(t){return this._beforeUnloadCallbacks.push(t),{dispose:()=>{this._beforeUnloadCallbacks=this._beforeUnloadCallbacks.filter(n=>n!==t)}}}registerOnClose(t){return this._onCloseCallbacks.push(t),{dispose:()=>{this._onCloseCallbacks=this._onCloseCallbacks.filter(n=>n!==t)}}}_init(){window.addEventListener("beforeunload",t=>{let n=t;const r=this._beforeUnloadCallbacks.map(i=>i()).filter(i=>!!i).join(`
12
+ }`,document.head.appendChild(o)}dispose(){super.dispose()}}const ie=h.createIdentifier("ui.contextmenu.service");class Ye extends h.Disposable{constructor(){super(...arguments);j(this,"_currentHandler",null);j(this,"disabled",!1)}get visible(){var n,r;return(r=(n=this._currentHandler)==null?void 0:n.visible)!=null?r:!1}disable(){this.disabled=!0}enable(){this.disabled=!1}triggerContextMenu(n,r){var i;n.stopPropagation(),!this.disabled&&((i=this._currentHandler)==null||i.handleContextMenu(n,r))}hideContextMenu(){var n;(n=this._currentHandler)==null||n.hideContextMenu()}registerContextMenuHandler(n){if(this._currentHandler)throw new Error("There is already a context menu handler!");return this._currentHandler=n,h.toDisposable(()=>this._currentHandler=null)}}function L6(){const e=a.useRef(null),[t,n]=a.useState(!1),[r,i]=a.useState(""),[l,o]=a.useState([0,0]),c=a.useRef(t),v=R.useDependency(ie),m=R.useDependency(h.ICommandService),b=R.useInjector();c.current=t,a.useEffect(()=>{const y=v.registerContextMenuHandler({handleContextMenu:d,hideContextMenu(){n(!1)},get visible(){return c.current}});function S(T){e.current&&!e.current.contains(T.target)&&w()}return document.addEventListener("pointerdown",S),document.addEventListener("wheel",w),()=>{document.removeEventListener("pointerdown",S),document.removeEventListener("wheel",w),y.dispose()}},[v]);function d(y,S){n(!1),requestAnimationFrame(()=>{i(S),o([y.clientX,y.clientY]),n(!0)})}function w(){n(!1)}return C.jsx(Z.Popup,{visible:t,offset:l,children:C.jsx("section",{ref:e,children:r&&C.jsx(Ae,{menuType:r,onOptionSelect:y=>{const{label:S,commandId:T,value:D}=y;m&&m.executeCommand(T!=null?T:S,{value:D}),b.get(H1).focus(),n(!1)}})})})}const be=h.createIdentifier("univer.global-zone-service");function Xe(){const e=R.useDependency(be),[t,n]=a.useState(!1),r=R.useObservable(e.componentKey$,e.componentKey),i=R.useDependency(v1),l=a.useMemo(()=>{const o=i.get(r!=null?r:"");if(o)return o},[r,i]);return a.useEffect(()=>{const o=e.visible$.subscribe(c=>{n(c)});return()=>{o.unsubscribe()}},[e.visible$]),t?C.jsx("section",{className:Z.clsx("univer-absolute univer-bg-gray-100",{"univer-hidden":!t,"univer-inset-0 univer-z-[100] univer-block univer-size-full":t}),children:l&&C.jsx(l,{})}):null}function qe(){const e=R.useDependency($1),t=R.useObservable(e.sidebarOptions$),n=a.useRef(null),r=a.useMemo(()=>{if(!t)return null;const o={...t};for(const c of["children","header","footer"]){const v=c;if(t[v]){const{key:m,...b}=t[v];b&&(o[v]=C.jsx(d1,{...b},m))}}return o},[t]);a.useEffect(()=>(n.current&&e.setContainer(n.current),()=>{e.setContainer(void 0)}),[e]),a.useEffect(()=>{const o=v=>{e.scrollEvent$.next(v)},c=n.current;return c&&c.addEventListener("scroll",o),()=>{c==null||c.removeEventListener("scroll",o)}},[e]);const i=a.useMemo(()=>r!=null&&r.visible?typeof r.width=="number"?`${r.width}px`:r.width:0,[r]);function l(){var c;const o={...t,visible:!1};e.options.visible=!1,e.sidebarOptions$.next(o),(c=o==null?void 0:o.onClose)==null||c.call(o)}return C.jsx("section",{"data-u-comp":"sidebar",className:Z.clsx("univer-relative univer-h-full univer-bg-white univer-text-gray-900 dark:!univer-bg-gray-900 dark:!univer-text-white",{"univer-w-96 univer-translate-x-0":r==null?void 0:r.visible,"univer-w-0 univer-translate-x-full":!(r!=null&&r.visible)}),style:{width:i},children:C.jsxs("section",{ref:n,className:Z.clsx("univer-box-border univer-grid univer-h-0 univer-min-h-full univer-grid-rows-[auto_1fr_auto] univer-overflow-y-auto",Z.borderLeftBottomClassName,Z.scrollbarClassName),children:[C.jsxs("header",{className:"univer-sticky univer-top-0 univer-z-10 univer-box-border univer-flex univer-items-center univer-justify-between univer-bg-white univer-p-4 univer-pb-2 univer-text-base univer-font-medium univer-text-gray-800 dark:!univer-bg-gray-900 dark:!univer-text-white",children:[r==null?void 0:r.header,C.jsx("a",{className:"univer-cursor-pointer univer-text-gray-500 dark:!univer-text-gray-300",onClick:l,children:C.jsx(Ne,{})})]}),C.jsx("section",{className:"univer-box-border univer-px-4",style:r==null?void 0:r.bodyStyle,children:r==null?void 0:r.children}),(r==null?void 0:r.footer)&&C.jsx("footer",{className:"univer-sticky univer-bottom-0 univer-box-border univer-bg-white univer-p-4 dark:!univer-bg-gray-900",children:r.footer})]})})}const Le=h.createIdentifier("univer.zen-zone-service");function Je(){const e=R.useDependency(Le),[t,n]=a.useState(!1),[r,i]=a.useState(),l=R.useObservable(e.temporaryHidden$),o=R.useDependency(v1);a.useEffect(()=>{const v=[e.visible$.subscribe(m=>{n(m)}),e.componentKey$.subscribe(m=>{i(m)})];return()=>{v.forEach(m=>{m.unsubscribe()})}},[]);const c=a.useMemo(()=>{const v=o.get(r!=null?r:"");if(v)return v},[r]);return C.jsx("section",{className:Z.clsx("univer-absolute univer-z-[-1] univer-flex",{"univer-animate-in univer-fade-in univer-inset-0 univer-z-[100] univer-bg-gray-100":t,"univer-hidden":l}),children:C.jsx("div",{className:"univer-relative univer-flex-1",children:c&&C.jsx(c,{})})})}function v0(e){const t=T9(Y1);return C.jsx(g0,{...e,...t})}function g0(e){var K;const{header:t=!0,toolbar:n=!0,footer:r=!0,headerMenu:i=!0,contextMenu:l=!0,ribbonType:o="default",mountContainer:c,onRendered:v}=e,m=R.useDependency(h.LocaleService),b=R.useDependency(h.ThemeService),d=R.useDependency(re),w=a.useRef(null),S=R.useDependency(h.IConfigService).getConfig(Y1),T=p1(o1.CUSTOM_HEADER),D=p1(o1.FOOTER),I=p1(o1.HEADER),V=p1(o1.HEADER_MENU),O=p1(o1.CONTENT),U=p1(o1.LEFT_SIDEBAR),M=p1(o1.GLOBAL),x=p1(o1.TOOLBAR),$=(K=S==null?void 0:S.popupRootId)!=null?K:"univer-popup-portal";a.useLayoutEffect(()=>{const W=b.currentTheme$.subscribe(Y=>{d.injectThemeToHead(Y)});return()=>{W.unsubscribe()}},[]);const[X,B]=a.useState(!1);a.useLayoutEffect(()=>{const W=b.darkMode$.subscribe(Y=>{B(Y),Y?document.documentElement.classList.add("univer-dark"):document.documentElement.classList.remove("univer-dark")});return()=>{W.unsubscribe()}},[]),a.useEffect(()=>{w.current&&(v==null||v(w.current))},[v]);const[G,q]=a.useState(m.getLocales()),J=a.useMemo(()=>document.createElement("div"),[]);return a.useEffect(()=>{document.body.appendChild(J);const W=[m.localeChanged$.subscribe(()=>{q(m.getLocales())})];return()=>{W.forEach(Y=>Y.unsubscribe()),document.body.removeChild(J)}},[m,c,J]),C.jsxs(Z.ConfigProvider,{locale:G==null?void 0:G.design,mountContainer:J,children:[C.jsxs("div",{"data-u-comp":"workbench-layout",className:Z.clsx("univer-flex univer-h-full univer-min-h-0 univer-flex-col univer-bg-white dark:!univer-bg-gray-800",{"univer-dark":X}),tabIndex:-1,onBlur:W=>W.stopPropagation(),onContextMenu:W=>W.preventDefault(),children:[C.jsx("div",{className:"univer-relative univer-flex univer-min-h-0 univer-flex-col univer-bg-white",children:C.jsx(m1,{components:T},"custom-header")}),t&&n&&C.jsx("header",{"data-u-comp":"headerbar",className:"univer-relative univer-z-10 univer-w-full",children:C.jsx(m1,{components:x,sharedProps:{ribbonType:o,headerMenuComponents:V,headerMenu:i}},"toolbar")}),C.jsxs("section",{className:"univer-relative univer-flex univer-min-h-0 univer-flex-1 univer-flex-col",children:[C.jsxs("div",{className:"univer-grid univer-h-full univer-grid-cols-[auto_1fr_auto] univer-grid-rows-[100%] univer-overflow-hidden",children:[C.jsx("aside",{"data-u-comp":"left-sidebar",className:"univer-h-full",children:C.jsx(m1,{components:U},"left-sidebar")}),C.jsxs("section",{className:Z.clsx("univer-relative univer-grid univer-flex-1 univer-grid-rows-[auto_1fr] univer-overflow-hidden univer-bg-white",Z.borderBottomClassName),children:[C.jsx("header",{children:t&&C.jsx(m1,{components:I},"header")}),C.jsx("section",{className:"univer-relative univer-overflow-hidden dark:!univer-bg-gray-900",ref:w,"data-range-selector":!0,onContextMenu:W=>W.preventDefault(),children:C.jsx(m1,{components:O},"content")})]}),C.jsx("aside",{"data-u-comp":"right-sidebar",className:"univer-h-full",children:C.jsx(qe,{})})]}),r&&C.jsx("footer",{children:C.jsx(m1,{components:D,sharedProps:{contextMenu:l}},"footer")}),C.jsx(Je,{})]})]}),C.jsx(m1,{components:M},"global"),C.jsx(Xe,{}),l&&C.jsx(L6,{}),C.jsx(m0,{}),C.jsx("div",{id:$})]})}function m0(){const{mountContainer:e}=a.useContext(Z.ConfigContext),t=p1(o1.FLOATING);return _3.createPortal(C.jsx(m1,{components:t},"floating"),e)}const p0=3e3;class Qe extends h.Disposable{constructor(n,r,i,l,o){super();j(this,"_steadyTimeout");j(this,"_renderTimeout");j(this,"_currentRenderId",null);this._injector=n,this._instanceService=r,this._layoutService=i,this._lifecycleService=l,this._renderManagerService=o}dispose(){super.dispose(),clearTimeout(this._steadyTimeout),clearTimeout(this._renderTimeout)}_bootstrapWorkbench(){this.disposeWithMe(this.bootstrap(async(n,r)=>{this._layoutService&&(this.disposeWithMe(this._layoutService.registerRootContainerElement(r)),this.disposeWithMe(this._layoutService.registerContentElement(n)));try{await this._lifecycleService.onStage(h.LifecycleStages.Ready),this._renderTimeout=window.setTimeout(()=>{const i=this._renderManagerService.getRenderAll();for(const[l]of i)if(this._changeRenderUnit(l,n))break;this.disposeWithMe(this._instanceService.focused$.subscribe(l=>{l&&this._changeRenderUnit(l,n)})),this.disposeWithMe(this._renderManagerService.created$.subscribe(l=>{var o;l.unitId===((o=this._instanceService.getFocusedUnit())==null?void 0:o.getUnitId())&&this._changeRenderUnit(l.unitId,n)})),this.disposeWithMe(this._renderManagerService.disposed$.subscribe(l=>{this._currentRenderId===l&&(this._currentRenderId=null)})),this._lifecycleService.stage=h.LifecycleStages.Rendered,this._steadyTimeout=window.setTimeout(()=>{this._lifecycleService.stage=h.LifecycleStages.Steady},p0)},300)}catch(i){if(i instanceof h.LifecycleUnreachableError)return;throw i}}))}_changeRenderUnit(n,r){if(this._currentRenderId===n)return!1;const i=this._renderManagerService.getRenderById(n);if(!i||!i.unitId||h.isInternalEditorID(i.unitId))return!1;const l=this._currentRenderId?this._renderManagerService.getRenderById(this._currentRenderId):null;return l==null||l.deactivate(),l==null||l.engine.unmount(),i.engine.mount(r),i.activate(),this._currentRenderId=n,!0}}var b0=Object.getOwnPropertyDescriptor,L0=(e,t,n,r)=>{for(var i=r>1?void 0:r?b0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},V1=(e,t)=>(n,r)=>t(n,r,e);f.DesktopUIController=class extends Qe{constructor(t,n,r,i,l,o,c,v,m){super(n,o,l,r,i),this._config=t,this._componentManager=m,c.mergeMenu(n6),this._initBuiltinComponents(v),this._registerComponents(),this._bootstrapWorkbench()}_registerComponents(){[[O9,D9],[N9,V9],[P9,k9],[U9,A9],[$9,Z9],[x9,Z.ColorPicker]].forEach(([t,n])=>{this.disposeWithMe(this._componentManager.register(t,n))})}bootstrap(t){return w0(this._injector,this._config,t)}_initBuiltinComponents(t){this.disposeWithMe(t.registerComponent(o1.FLOATING,()=>R.connectInjector(Ge,this._injector))),this.disposeWithMe(t.registerComponent(o1.CONTENT,()=>R.connectInjector(je,this._injector))),this.disposeWithMe(t.registerComponent(o1.TOOLBAR,()=>R.connectInjector(b6,this._injector)))}},f.DesktopUIController=L0([V1(1,h.Inject(h.Injector)),V1(2,h.Inject(h.LifecycleService)),V1(3,z1.IRenderManagerService),V1(4,H1),V1(5,h.IUniverInstanceService),V1(6,S1),V1(7,_1),V1(8,h.Inject(v1))],f.DesktopUIController);function w0(e,t,n){let r;const i=t.container;if(typeof i=="string"){const v=document.getElementById(i);v?r=v:r=w6(i)}else i instanceof HTMLElement?r=i:r=w6("univer");const l=R.connectInjector(v0,e),o=v=>n(v,r);function c(){Z.render(C.jsx(l,{...t,mountContainer:r,onRendered:o}),r)}return c(),h.toDisposable(()=>{Z.render(C.jsx("div",{}),r),setTimeout(()=>Z.render(C.jsx("div",{}),r),200),setTimeout(()=>Z.unmount(r),500)})}function w6(e){const t=document.createElement("div");return t.id=e,t}function _0(e){const{menuType:t,onOptionSelect:n}=e,r=R.useDependency(S1);if(!t)return null;const i=a.useMemo(()=>{const l=r.getMenuByPositionKey(t);function o(c){return c.reduce((v,m)=>m.children?[...v,...o(m.children)]:[...v,m],[])}return o(l)},[t]);return C.jsx("div",{className:"univer-box-border univer-grid univer-min-w-8 univer-max-w-52 univer-gap-1 univer-rounded univer-bg-gray-900 univer-px-2 univer-py-1",style:{gridTemplateColumns:`repeat(${Math.min(2,i.length)}, 72px)`},children:i.map(l=>l.item&&C.jsx(y0,{menuItem:l.item,onClick:o=>n==null?void 0:n({value:"",label:l.key,...o})},l.key))})}function y0(e){const{menuItem:t,onClick:n}=e,{id:r,type:i,title:l,label:o,icon:c}=t;if(i!==g1.BUTTON)throw new Error(`[MobileMenuItem]: on mobile devices only "BUTTON" type menu items are supported. Please check "${r}".`);const v=R.useObservable(t.disabled$,!1),m=R.useObservable(t.value$);return C.jsx("button",{type:"button",className:Z.clsx("univer-w-18 univer-flex univer-flex-col univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-text-white [&>span]:univer-mt-0.5 [&>span]:univer-w-full [&>span]:univer-truncate [&>span]:univer-text-sm [&>svg]:univer-size-[18px] [&>svg]:univer-text-lg"),disabled:v,onClick:()=>n({id:r}),children:C.jsx(d1,{value:m,title:l,label:o,icon:c})},r)}function _6(){const[e,t]=a.useState(!1),[n,r]=a.useState(""),[i,l]=a.useState([0,0]),o=a.useRef(e),c=R.useDependency(ie),v=R.useDependency(h.ICommandService);o.current=e,a.useEffect(()=>{const d=c.registerContextMenuHandler({handleContextMenu:m,hideContextMenu(){t(!1)},get visible(){return o.current}});return document.addEventListener("pointerdown",b),document.addEventListener("wheel",b),()=>{document.removeEventListener("pointerdown",b),document.removeEventListener("wheel",b),d.dispose()}},[c]);function m(d,w){r(w),l([d.clientX,d.clientY]),t(!0)}function b(){t(!1)}return C.jsx(Z.Popup,{visible:e,offset:i,children:C.jsx("section",{onPointerDown:d=>d.stopPropagation(),children:n&&C.jsx(_0,{menuType:n,onOptionSelect:d=>{const{label:w,value:y,commandId:S}=d;v&&v.executeCommand(S!=null?S:w,{value:y}),t(!1)}})})})}function M0(e){const{header:t=!0,footer:n=!0,contextMenu:r=!0,mountContainer:i,onRendered:l}=e,o=R.useDependency(h.LocaleService),c=R.useDependency(h.ThemeService),v=R.useDependency(re),m=a.useRef(null),b=p1(o1.FOOTER),d=p1(o1.HEADER),w=p1(o1.CONTENT),y=p1(o1.LEFT_SIDEBAR),S=p1(o1.GLOBAL),[T,D]=a.useState(!1);a.useEffect(()=>{const U=c.darkMode$.subscribe(M=>{D(M)});return()=>{U.unsubscribe()}},[]),a.useEffect(()=>{m.current&&(l==null||l(m.current))},[l]);const[I,V]=a.useState(o.getLocales()),O=a.useMemo(()=>document.createElement("div"),[]);return a.useLayoutEffect(()=>{const U=c.currentTheme$.subscribe(M=>{v.injectThemeToHead(M)});return()=>{U.unsubscribe()}},[]),a.useEffect(()=>{document.body.appendChild(O);const U=[o.localeChanged$.subscribe(()=>{V(o.getLocales())})];return()=>{U.forEach(M=>M.unsubscribe()),document.body.removeChild(O)}},[o,i,O]),C.jsxs(Z.ConfigProvider,{locale:I==null?void 0:I.design,mountContainer:O,children:[C.jsxs("div",{"data-u-comp":"app-layout",className:Z.clsx("univer-relative univer-flex univer-h-full univer-min-h-0 univer-flex-col univer-bg-white dark:!univer-bg-gray-800",{"univer-dark":T}),tabIndex:-1,onBlur:U=>U.stopPropagation(),children:[t&&C.jsx("header",{className:"univer-relative univer-z-10 univer-w-full"}),C.jsxs("section",{className:"univer-relative univer-flex univer-min-h-0 univer-flex-1 univer-flex-col",children:[C.jsxs("div",{className:"univer-grid univer-h-full univer-grid-cols-[auto_1fr_auto] univer-grid-rows-[100%] univer-overflow-hidden",children:[C.jsx("aside",{className:"univer-h-full",children:C.jsx(m1,{components:y},"left-sidebar")}),C.jsxs("section",{className:Z.clsx("univer-relative univer-grid univer-flex-1 univer-grid-rows-[auto_1fr] univer-overflow-hidden univer-bg-white",Z.borderBottomClassName),children:[C.jsx("header",{className:"univer-w-screen",children:t&&C.jsx(m1,{components:d},"header")}),C.jsx("section",{ref:m,className:"univer-relative univer-overflow-hidden","data-range-selector":!0,onContextMenu:U=>U.preventDefault(),children:C.jsx(m1,{components:w},"content")})]}),C.jsx("aside",{className:"univer-h-full",children:C.jsx(qe,{})})]}),n&&C.jsx("footer",{children:C.jsx(m1,{components:b},"footer")}),C.jsx(Xe,{}),C.jsx(Je,{})]})]}),C.jsx(m1,{components:S},"global"),r&&C.jsx(_6,{})]})}var S0=Object.getOwnPropertyDescriptor,I0=(e,t,n,r)=>{for(var i=r>1?void 0:r?S0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},U1=(e,t)=>(n,r)=>t(n,r,e);let Ke=class extends Qe{constructor(e,t,n,r,i,l,o){super(t,l,i,n,r),this._config=e,this._initBuiltinComponents(o),this._bootstrapWorkbench()}bootstrap(e){return H0(this._injector,this._config,e)}_initBuiltinComponents(e){this.disposeWithMe(e.registerComponent(o1.CONTENT,()=>R.connectInjector(Ge,this._injector))),this.disposeWithMe(e.registerComponent(o1.CONTENT,()=>R.connectInjector(je,this._injector)))}};Ke=I0([U1(1,h.Inject(h.Injector)),U1(2,h.Inject(h.LifecycleService)),U1(3,z1.IRenderManagerService),U1(4,H1),U1(5,h.IUniverInstanceService),U1(6,_1)],Ke);function H0(e,t,n){let r;const i=t.container;if(typeof i=="string"){const v=document.getElementById(i);v?r=v:r=y6(i)}else i instanceof HTMLElement?r=i:r=y6("univer");const l=R.connectInjector(M0,e),o=v=>n(v,r);function c(){Z.render(C.jsx(l,{...t,mountContainer:r,onRendered:o}),r)}return c(),h.toDisposable(()=>{Z.unmount(r)})}function y6(e){const t=document.createElement("div");return t.id=e,t}const oe=h.createIdentifier("ui.notification.service");var E0=Object.getOwnPropertyDescriptor,D0=(e,t,n,r)=>{for(var i=r>1?void 0:r?E0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},O0=(e,t)=>(n,r)=>t(n,r,e);const e3=h.createIdentifier("univer.ui.before-close-service");f.DesktopBeforeCloseService=class{constructor(t){j(this,"_beforeUnloadCallbacks",[]);j(this,"_onCloseCallbacks",[]);this._notificationService=t,this._init()}registerBeforeClose(t){return this._beforeUnloadCallbacks.push(t),{dispose:()=>{this._beforeUnloadCallbacks=this._beforeUnloadCallbacks.filter(n=>n!==t)}}}registerOnClose(t){return this._onCloseCallbacks.push(t),{dispose:()=>{this._onCloseCallbacks=this._onCloseCallbacks.filter(n=>n!==t)}}}_init(){window.addEventListener("beforeunload",t=>{let n=t;const r=this._beforeUnloadCallbacks.map(i=>i()).filter(i=>!!i).join(`
13
13
  `);if(r)return this._notificationService.show({type:"error",title:"Some changes are not saved",content:r}),typeof n>"u"&&(n=window.event),n.returnValue=r,r}),window.addEventListener("unload",()=>{this._onCloseCallbacks.forEach(t=>t())})}},f.DesktopBeforeCloseService=D0([O0(0,oe)],f.DesktopBeforeCloseService);function M6(){return typeof navigator.clipboard<"u"&&typeof navigator.clipboard.readText<"u"}var V0=Object.getOwnPropertyDescriptor,N0=(e,t,n,r)=>{for(var i=r>1?void 0:r?V0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},t3=(e,t)=>(n,r)=>t(n,r,e);const n3="text/plain",r3="text/html",S6="image/png",I6="image/jpeg",H6="image/bmp",E6="image/webp",R0="image/svg+xml",T0=new Set([H6,I6,E6,S6]),i3=h.createIdentifier("univer.clipboard-interface-service");f.BrowserClipboardService=class extends h.Disposable{constructor(t,n,r){super(),this._localeService=t,this._logService=n,this._notificationService=r}get supportClipboard(){return M6()}async write(t,n){if(!this.supportClipboard)return this._legacyCopyHtml(n);try{return await navigator.clipboard.write([new ClipboardItem({[n3]:new Blob([t],{type:n3}),[r3]:new Blob([n],{type:r3})})])}catch(r){this._logService.error("[BrowserClipboardService]",r),this._showClipboardAuthenticationNotification()}}async writeText(t){if(!this.supportClipboard)return this._legacyCopyText(t);try{return await navigator.clipboard.writeText(t)}catch(n){this._logService.error("[BrowserClipboardService]",n),this._showClipboardAuthenticationNotification()}}async read(){if(!this.supportClipboard)throw new Error("[BrowserClipboardService] read() is not supported on this platform.");try{return navigator.clipboard.read()}catch(t){return this._logService.error("[BrowserClipboardService]",t),this._showClipboardAuthenticationNotification(),[]}}async readText(){if(!this.supportClipboard)throw new Error("[BrowserClipboardService] read() is not supported on this platform.");try{return await navigator.clipboard.readText()}catch(t){return this._logService.error("[BrowserClipboardService]",t),this._showClipboardAuthenticationNotification(),""}}_legacyCopyHtml(t){const n=document.activeElement,r=Z0();document.body.appendChild(r),r.innerHTML=t;try{D6(r),document.execCommand("copy")}finally{n instanceof HTMLElement&&n.focus(),document.body.removeChild(r)}}_legacyCopyText(t){const n=document.activeElement,r=x0();document.body.appendChild(r),r.value=t;try{D6(r),document.execCommand("copy")}finally{n instanceof HTMLElement&&n.focus(),document.body.removeChild(r)}}_showClipboardAuthenticationNotification(){var t;(t=this._notificationService)==null||t.show({type:"warning",title:this._localeService.t("clipboard.authentication.title"),content:this._localeService.t("clipboard.authentication.content")})}},f.BrowserClipboardService=N0([t3(0,h.Inject(h.LocaleService)),t3(1,h.ILogService),t3(2,h.Optional(oe))],f.BrowserClipboardService);function x0(){const e=document.createElement("textarea");return e.style.position="absolute",e.style.height="1px",e.style.width="1px",e.style.opacity="0",e.readOnly=!0,e}function Z0(){const e=document.createElement("div");return e.contentEditable="true",e.style.position="absolute",e.style.opacity="0",e.style.height="1px",e.style.width="1px",e}function D6(e){if(e instanceof HTMLTextAreaElement){const r=e.hasAttribute("readonly");return r||e.setAttribute("readonly",""),e.select(),e.setSelectionRange(0,e.value.length),r||e.removeAttribute("readonly"),e.value}e.hasAttribute("contenteditable")&&e.focus();const t=document.createRange();t.selectNodeContents(e);const n=window.getSelection();if(!n)throw new Error;return n.removeAllRanges(),n.addRange(t),n.toString()}const we=h.createIdentifier("univer.confirm-service");class k0{constructor(){j(this,"confirmOptions$",new z.Subject)}dispose(){this.confirmOptions$.complete()}open(t){throw new Error("This is not implemented in the test service!")}confirm(t){return Promise.resolve(!0)}close(t){throw new Error("This is not implemented in the test service!")}}const A0=e=>{const{children:t,onClose:n,onConfirm:r}=e,[i]=a.useState({}),l=t?a.cloneElement(t,{hooks:i}):null;return C.jsx(Z.Confirm,{...e,children:l,onClose:()=>{const o=i.beforeClose;if(o){const c=o();if(c.cancel)return;n==null||n(c);return}n==null||n()},onConfirm:()=>{const o=i.beforeConfirm;if(o){const c=o();if(c.cancel)return;r==null||r(c);return}r==null||r()}})};function $0(){const e=R.useDependency(we),[t,n]=a.useState([]);a.useEffect(()=>{const i=e.confirmOptions$.subscribe(l=>{n(l)});return()=>{i.unsubscribe()}},[]);const r=t.map(i=>{const{children:l,title:o,...c}=i,v=c;for(const m of["children","title"]){const b=m,d=i[b];d&&(v[b]=C.jsx(d1,{...d}))}return v});return r==null?void 0:r.map((i,l)=>C.jsx(A0,{...i,children:i.children},l))}var P0=Object.getOwnPropertyDescriptor,U0=(e,t,n,r)=>{for(var i=r>1?void 0:r?P0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},O6=(e,t)=>(n,r)=>t(n,r,e);f.DesktopConfirmService=class extends h.Disposable{constructor(n,r){super();j(this,"_confirmOptions",[]);j(this,"confirmOptions$",new z.BehaviorSubject([]));this._injector=n,this._uiPartsService=r,this._initUIPart()}open(n){return this._confirmOptions.find(r=>r.id===n.id)?this._confirmOptions=this._confirmOptions.map(r=>({...r.id===n.id?n:r,visible:r.id===n.id?!0:r.visible})):this._confirmOptions.push({...n,visible:!0}),this.confirmOptions$.next(this._confirmOptions),h.toDisposable(()=>{this._confirmOptions=[],this.confirmOptions$.next([])})}confirm(n){return new Promise(r=>{const i=this.open({...n,onConfirm:()=>{i.dispose(),r(!0)},onClose:()=>{i.dispose(),r(!1)}})})}close(n){this._confirmOptions=this._confirmOptions.map(r=>({...r,visible:r.id===n?!1:r.visible})),this.confirmOptions$.next([...this._confirmOptions])}_initUIPart(){this.disposeWithMe(this._uiPartsService.registerComponent(o1.GLOBAL,()=>R.connectInjector($0,this._injector)))}},f.DesktopConfirmService=U0([O6(0,h.Inject(h.Injector)),O6(1,_1)],f.DesktopConfirmService);const _e=h.createIdentifier("univer.ui.dialog-service");function B0(){const e=R.useDependency(_e),[t,n]=a.useState([]);a.useEffect(()=>{const l=e.getDialogs$().subscribe(o=>{n(o)});return()=>l.unsubscribe()},[]);const r=a.useMemo(()=>t.map(i=>{const{children:l,title:o,footer:c,...v}=i,m=v;for(const b of["children","title","footer"]){const d=b,w=i[d];w&&(m[d]=C.jsx(d1,{...w}))}return m}),[t]);return r==null?void 0:r.map(i=>C.jsx(Z.Dialog,{...i},i.id))}var F0=Object.getOwnPropertyDescriptor,j0=(e,t,n,r)=>{for(var i=r>1?void 0:r?F0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},V6=(e,t)=>(n,r)=>t(n,r,e);f.DesktopDialogService=class extends h.Disposable{constructor(n,r){super();j(this,"_dialogOptions",[]);j(this,"_dialogOptions$",new z.Subject);this._injector=n,this._uiPartsService=r,this._initUIPart()}dispose(){super.dispose(),this._dialogOptions=[],this._dialogOptions$.complete()}open(n){return this._dialogOptions.find(r=>r.id===n.id)?this._dialogOptions=this._dialogOptions.map(r=>({...r.id===n.id?n:r,open:r.id===n.id?!0:r.open})):this._dialogOptions.push({...n,open:!0}),this._dialogOptions$.next(this._dialogOptions),h.toDisposable(()=>{this._dialogOptions=[],this._dialogOptions$.next([])})}close(n){this._dialogOptions=this._dialogOptions.map(r=>({...r,open:r.id===n?!1:r.open})),this._dialogOptions$.next([...this._dialogOptions])}closeAll(n){const r=new Set(n);this._dialogOptions=this._dialogOptions.map(i=>({...i,open:r.has(i.id)?i.open:!1})),this._dialogOptions$.next([...this._dialogOptions])}getDialogs$(){return this._dialogOptions$.asObservable()}_initUIPart(){this.disposeWithMe(this._uiPartsService.registerComponent(o1.GLOBAL,()=>R.connectInjector(B0,this._injector)))}},f.DesktopDialogService=j0([V6(0,h.Inject(h.Injector)),V6(1,_1)],f.DesktopDialogService);const ye=h.createIdentifier("univer.ui.gallery-service");function z0(){const e=R.useDependency(ye),t=R.useObservable(e.gallery$);return t?C.jsx(Z.Gallery,{...t}):null}var G0=Object.getOwnPropertyDescriptor,W0=(e,t,n,r)=>{for(var i=r>1?void 0:r?G0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},N6=(e,t)=>(n,r)=>t(n,r,e);f.DesktopGalleryService=class extends h.Disposable{constructor(n,r){super();j(this,"gallery$",new z.Subject);this._injector=n,this._uiPartsService=r,this._initUIPart()}dispose(){super.dispose()}open(n){return this.gallery$.next({open:!0,...n}),h.toDisposable(()=>{this.gallery$.complete()})}close(){this.gallery$.next({open:!1,images:[]})}_initUIPart(){this.disposeWithMe(this._uiPartsService.registerComponent(o1.GLOBAL,()=>R.connectInjector(z0,this._injector)))}},f.DesktopGalleryService=W0([N6(0,h.Inject(h.Injector)),N6(1,_1)],f.DesktopGalleryService);var Y0=Object.getOwnPropertyDescriptor,X0=(e,t,n,r)=>{for(var i=r>1?void 0:r?Y0(t,n):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=o(i)||i);return i},q0=(e,t)=>(n,r)=>t(n,r,e);f.DesktopGlobalZoneService=class{constructor(t){j(this,"visible$",new z.Subject);j(this,"componentKey$",new z.Subject);j(this,"_componentKey","");this._componentManager=t}get componentKey(){return this._componentKey}set(t,n){return this._componentManager.register(t,n),this.componentKey$.next(t),this._componentKey=t,h.toDisposable(()=>{this._componentManager.delete(t),this.visible$.complete(),this.componentKey$.complete()})}open(){this.visible$.next(!0)}close(){this.visible$.next(!1)}},f.DesktopGlobalZoneService=X0([q0(0,h.Inject(v1))],f.DesktopGlobalZoneService);var Me=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function J0(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Se(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var o3={exports:{}};/*!
14
14
  localForage -- Offline Storage, Improved
15
15
  Version 1.10.0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/preset-docs-core",
3
- "version": "0.8.0-nightly.202506111607",
3
+ "version": "0.8.1-nightly.202506121607",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -57,21 +57,21 @@
57
57
  "rxjs": ">=7.0.0"
58
58
  },
59
59
  "dependencies": {
60
- "@univerjs/design": "0.8.0-nightly.202506111607",
61
- "@univerjs/docs": "0.8.0-nightly.202506111607",
62
- "@univerjs/docs-ui": "0.8.0-nightly.202506111607",
63
- "@univerjs/engine-formula": "0.8.0-nightly.202506111607",
64
- "@univerjs/engine-render": "0.8.0-nightly.202506111607",
65
- "@univerjs/network": "0.8.0-nightly.202506111607",
66
- "@univerjs/ui": "0.8.0-nightly.202506111607"
60
+ "@univerjs/design": "0.8.1-nightly.202506121607",
61
+ "@univerjs/docs": "0.8.1-nightly.202506121607",
62
+ "@univerjs/docs-ui": "0.8.1-nightly.202506121607",
63
+ "@univerjs/engine-formula": "0.8.1-nightly.202506121607",
64
+ "@univerjs/engine-render": "0.8.1-nightly.202506121607",
65
+ "@univerjs/network": "0.8.1-nightly.202506121607",
66
+ "@univerjs/ui": "0.8.1-nightly.202506121607"
67
67
  },
68
68
  "devDependencies": {
69
- "@univerjs/core": "0.8.0-nightly.202506111607",
69
+ "@univerjs/core": "0.8.1-nightly.202506121607",
70
70
  "react": "18.3.1",
71
71
  "react-dom": "18.3.1",
72
72
  "rxjs": "7.8.2",
73
73
  "typescript": "^5.8.3",
74
- "@univerjs-infra/shared": "0.8.0"
74
+ "@univerjs-infra/shared": "0.8.1"
75
75
  },
76
76
  "scripts": {
77
77
  "prebuild:preset": "tsx prepare.ts",