@univerjs/preset-sheets-advanced 0.25.0 → 1.0.0-alpha.0

package/lib/index.css

@@ -1 +1,2762 @@
-.univer-fixed{position:fixed}.univer-bottom-12{bottom:3rem}.univer-right-3{right:.75rem}.univer-m-0{margin:0}.univer-ml-1\.5{margin-left:.375rem}.univer-h-1\.5{height:.375rem}.univer-max-h-72{max-height:18rem}.univer-w-\[324px\]{width:324px}.univer-w-\[372px\]{width:372px}.univer-w-\[calc\(100\%-48px\)\]{width:calc(100% - 48px)}.univer-select-none{user-select:none}.univer-list-none{list-style-type:none}.univer-border-0{border-width:0}.univer-py-0{padding-top:0;padding-bottom:0}.univer-pl-1\.5{padding-left:.375rem}.univer-pl-2{padding-left:.5rem}.univer-pr-2{padding-right:.5rem}.univer-pr-4{padding-right:1rem}.univer-pt-5{padding-top:1.25rem}.univer-text-blue-500{color:var(--univer-blue-500)}.univer-text-green-500{color:var(--univer-green-500)}.univer-no-underline{text-decoration-line:none}.univer-outline-none{outline-offset:2px;outline:2px solid #0000}.univer-transition-\[width\]{transition-property:width;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.univer-duration-150{transition-duration:.15s}.univer-duration-500{transition-duration:.5s}.hover\:univer-bg-primary-50:hover{background-color:var(--univer-primary-50)}.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.univer-mx-1\.5{margin-left:.375rem;margin-right:.375rem}.univer-mt-0{margin-top:0}.univer-h-40{height:10rem}.univer-h-\[140px\]{height:140px}.univer-h-\[161px\]{height:161px}.univer-h-\[300px\]{height:300px}.univer-h-\[calc\(100\%-16px\)\]{height:calc(100% - 16px)}.univer-min-h-\[150px\]{min-height:150px}.univer-min-h-\[200px\]{min-height:200px}.univer-w-24{width:6rem}.univer-w-36{width:9rem}.univer-w-4{width:1rem}.univer-w-\[140px\]{width:140px}.univer-w-\[14px\]{width:14px}.univer-min-w-0{min-width:0}.univer-max-w-\[200px\]{max-width:200px}.univer-max-w-\[66px\]{max-width:66px}.univer-flex-shrink{flex-shrink:1}.univer-self-stretch{align-self:stretch}.univer-overflow-x-hidden{overflow-x:hidden}.univer-rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.univer-rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.univer-border-none{border-style:none}.univer-border-primary-600{border-color:var(--univer-primary-600)}.univer-border-transparent{border-color:#0000}.univer-py-\[5px\]{padding-top:5px;padding-bottom:5px}.univer-pl-\[22px\]{padding-left:22px}.univer-text-justify{text-align:justify}.univer-align-top{vertical-align:top}.univer-capitalize{text-transform:capitalize}.univer-text-\[rgb\(var\(--hyacinth-500\)\)\]{color:rgb(var(--hyacinth-500))}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-red-400{color:var(--univer-red-400)}.univer-opacity-0{opacity:0}.univer-opacity-100{opacity:1}.univer-transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.univer-transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.univer-group:hover .group-hover\:univer-opacity-100{opacity:1}.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}.univer-inset-0{top:0;bottom:0;left:0;right:0}.univer-bottom-4{bottom:1rem}.univer-right-4{right:1rem}.univer-z-\[1000\]{z-index:1000}.univer-z-\[1010\]{z-index:1010}.univer-mx-2{margin-left:.5rem;margin-right:.5rem}.univer-my-0{margin-top:0;margin-bottom:0}.univer-my-1{margin-top:.25rem;margin-bottom:.25rem}.univer-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.univer-mt-7{margin-top:1.75rem}.univer-size-3{width:.75rem;height:.75rem}.univer-size-8{width:2rem;height:2rem}.univer-h-16{height:4rem}.univer-h-\[200px\]{height:200px}.univer-w-\[312px\]{width:312px}.univer-min-w-36{min-width:9rem}.univer-min-w-\[200px\]{min-width:200px}.univer-flex-none{flex:none}.univer-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.univer-space-y-2>:not([hidden])~:not([hidden]){--univer-tw-space-y-reverse: 0;margin-top:calc(.5rem * (1 - var(--univer-tw-space-y-reverse)));margin-top:.5rem;margin-top:calc(.5rem * calc(1 - var(--univer-tw-space-y-reverse)));margin-bottom:0;margin-bottom:calc(.5rem * var(--univer-tw-space-y-reverse))}.univer-overflow-y-auto{overflow-y:auto}.univer-border-t{border-top-width:1px}.univer-px-2\.5{padding-left:.625rem;padding-right:.625rem}.univer-px-6{padding-left:1.5rem;padding-right:1.5rem}.univer-py-2{padding-top:.5rem;padding-bottom:.5rem}.univer-py-7{padding-top:1.75rem;padding-bottom:1.75rem}.univer-text-lg{font-size:1.125rem;line-height:1.75rem}.univer-shadow-lg{--univer-tw-shadow: 0px 4px 6px 0px #1e284d0d, 0px 10px 15px -3px #1e284d1a;--univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 4px 6px #1e284d0d,0 10px 15px -3px #1e284d1a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 #0000),var(--univer-tw-ring-shadow, 0 0 #0000),var(--univer-tw-shadow)}.first\:univer-mr-2:first-child{margin-right:.5rem}.hover\:univer-rounded:hover{border-radius:.25rem}.hover\:univer-bg-gray-300:hover{background-color:var(--univer-gray-300)}.hover\:dark\:\!univer-bg-gray-700:where(.univer-dark,.univer-dark *):hover{background-color:var(--univer-gray-700)!important}.univer-right-2{right:.5rem}.univer-top-2{top:.5rem}.univer-ml-1{margin-left:.25rem}.univer-mt-1\.5{margin-top:.375rem}.univer-mt-2\.5{margin-top:.625rem}.univer-mt-4{margin-top:1rem}.univer-mt-5{margin-top:1.25rem}.univer-inline-flex{display:inline-flex}.univer-size-6{width:1.5rem;height:1.5rem}.univer-h-\[26px\]{height:26px}.univer-w-\[--radix-popper-anchor-width\]{width:var(--radix-popper-anchor-width)}.univer-w-\[136px\]{width:136px}.univer-w-\[208px\]{width:208px}.univer-w-\[290px\]{width:290px}.univer-w-fit{width:fit-content}.\!univer-min-w-0{min-width:0!important}.univer-flex-grow{flex-grow:1}.univer-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.univer-flex-row{flex-direction:row}.univer-gap-2\.5{gap:.625rem}.univer-justify-self-end{justify-self:end}.univer-rounded-xl{border-radius:.75rem}.univer-p-1\.5{padding:.375rem}.univer-p-2{padding:.5rem}.univer-px-1{padding-left:.25rem;padding-right:.25rem}.univer-px-1\.5{padding-left:.375rem;padding-right:.375rem}.univer-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.univer-pb-3{padding-bottom:.75rem}.univer-text-2xl{font-size:1.5rem;line-height:2rem}.univer-text-base{font-size:1rem;line-height:1.5rem}.univer-leading-4{line-height:1rem}.univer-leading-5{line-height:1.25rem}.univer-leading-6{line-height:1.5rem}.univer-shadow{--univer-tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 #0000),var(--univer-tw-ring-shadow, 0 0 #0000),var(--univer-tw-shadow)}.univer-duration-200{transition-duration:.2s}.placeholder\:univer-text-gray-400::placeholder{color:var(--univer-gray-400)}.focus\:univer-border-primary-500:focus{border-color:var(--univer-primary-500)}.focus\:univer-outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:univer-ring-2:focus{--univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);--univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),0 0 #0000;box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),var(--univer-tw-shadow, 0 0 #0000)}.focus\:univer-ring-primary-50:focus{--univer-tw-ring-color: var(--univer-primary-50)}.dark\:\!univer-border-gray-700:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-700)!important}.dark\:\!univer-shadow-none:where(.univer-dark,.univer-dark *){--univer-tw-shadow: 0 0 #0000 !important;--univer-tw-shadow-colored: 0 0 #0000 !important;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000!important;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 #0000),var(--univer-tw-ring-shadow, 0 0 #0000),var(--univer-tw-shadow)!important}.univer-bottom-0{bottom:0}.univer-mx-0{margin-left:0;margin-right:0}.univer-my-2{margin-top:.5rem;margin-bottom:.5rem}.univer-my-4{margin-top:1rem;margin-bottom:1rem}.univer-mb-3{margin-bottom:.75rem}.univer-mb-4{margin-bottom:1rem}.univer-mb-5{margin-bottom:1.25rem}.univer-ml-2{margin-left:.5rem}.univer-ml-3{margin-left:.75rem}.univer-mr-0\.5{margin-right:.125rem}.univer-mr-2{margin-right:.5rem}.univer-mt-0\.5{margin-top:.125rem}.univer-mt-3{margin-top:.75rem}.univer-box-content{box-sizing:content-box}.univer-size-4{width:1rem;height:1rem}.univer-size-5{width:1.25rem;height:1.25rem}.univer-h-0\.5{height:.125rem}.univer-h-10{height:2.5rem}.univer-h-4{height:1rem}.univer-h-5{height:1.25rem}.univer-h-6{height:1.5rem}.univer-h-7{height:1.75rem}.univer-h-8{height:2rem}.univer-h-full{height:100%}.univer-w-14{width:3.5rem}.univer-w-6{width:1.5rem}.univer-w-\[45\%\]{width:45%}.univer-max-w-\[290px\]{max-width:290px}.univer-cursor-not-allowed{cursor:not-allowed}.univer-justify-end{justify-content:flex-end}.univer-justify-around{justify-content:space-around}.univer-gap-5{gap:1.25rem}.univer-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.univer-rounded-sm{border-radius:.125rem}.\!univer-bg-gray-50{background-color:var(--univer-gray-50)!important}.\!univer-bg-gray-700{background-color:var(--univer-gray-700)!important}.univer-bg-blue-200{background-color:var(--univer-blue-200)}.univer-bg-gray-50{background-color:var(--univer-gray-50)}.univer-p-0{padding:0}.univer-p-0\.5{padding:.125rem}.univer-p-4{padding:1rem}.univer-px-0{padding-left:0;padding-right:0}.univer-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.univer-pb-4{padding-bottom:1rem}.univer-pl-4{padding-left:1rem}.univer-pr-1{padding-right:.25rem}.univer-pt-2\.5{padding-top:.625rem}.univer-leading-7{line-height:1.75rem}.univer-leading-8{line-height:2rem}.univer-leading-tight{line-height:1.25}.univer-text-gray-200{color:var(--univer-gray-200)}.univer-text-gray-800{color:var(--univer-gray-800)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-white{color:var(--univer-white)}.univer-duration-300{transition-duration:.3s}.univer-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.univer-scrollbar-corner-primary-600{--scrollbar-corner: var(--univer-primary-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-100:where(.univer-dark,.univer-dark *){color:var(--univer-gray-100)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.univer-pointer-events-none{pointer-events:none}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-bottom-full{bottom:100%}.univer-left-0{left:0}.univer-z-\[100\]{z-index:100}.univer-mx-auto{margin-left:auto;margin-right:auto}.univer-mb-1{margin-bottom:.25rem}.univer-mb-2{margin-bottom:.5rem}.univer-mr-5{margin-right:1.25rem}.univer-mt-2{margin-top:.5rem}.univer-box-border{box-sizing:border-box}.univer-block{display:block}.univer-inline-block{display:inline-block}.univer-flex{display:flex}.univer-grid{display:grid}.univer-hidden{display:none}.univer-aspect-square{aspect-ratio:1}.univer-size-full{width:100%;height:100%}.univer-h-1{height:.25rem}.univer-h-\[100px\]{height:100px}.univer-max-h-\[75vh\]{max-height:75vh}.univer-w-1\/2{width:50%}.univer-w-20{width:5rem}.univer-w-28{width:7rem}.univer-w-\[100px\]{width:100px}.univer-w-\[320px\]{width:320px}.univer-w-full{width:100%}.univer-flex-1{flex:1}.univer-shrink-0{flex-shrink:0}.univer-rotate-180{--univer-tw-rotate: 180deg;transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(180deg) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-cursor-default{cursor:default}.univer-cursor-pointer{cursor:pointer}.univer-appearance-none{-webkit-appearance:none;appearance:none}.univer-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.univer-flex-col{flex-direction:column}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-1{gap:.25rem}.univer-gap-1\.5{gap:.375rem}.univer-gap-2{gap:.5rem}.univer-gap-3{gap:.75rem}.univer-gap-4{gap:1rem}.univer-overflow-auto{overflow:auto}.univer-overflow-hidden{overflow:hidden}.univer-overflow-visible{overflow:visible}.univer-rounded{border-radius:.25rem}.univer-rounded-full{border-radius:9999px}.univer-rounded-lg{border-radius:.5rem}.univer-rounded-md{border-radius:.375rem}.univer-border{border-width:1px}.univer-border-b{border-bottom-width:1px}.univer-border-l-2{border-left-width:2px}.univer-border-solid{border-style:solid}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-border-l-gray-200{border-left-color:var(--univer-gray-200)}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-primary-600{background-color:var(--univer-primary-600)}.univer-bg-transparent{background-color:#0000}.univer-bg-white{background-color:var(--univer-white)}.univer-object-cover{-o-object-fit:cover;object-fit:cover}.univer-p-1{padding:.25rem}.univer-p-3{padding:.75rem}.univer-px-2{padding-left:.5rem;padding-right:.5rem}.univer-px-3{padding-left:.75rem;padding-right:.75rem}.univer-px-4{padding-left:1rem;padding-right:1rem}.univer-py-1{padding-top:.25rem;padding-bottom:.25rem}.univer-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.univer-py-4{padding-top:1rem;padding-bottom:1rem}.univer-pb-2{padding-bottom:.5rem}.univer-pb-2\.5{padding-bottom:.625rem}.univer-pl-3{padding-left:.75rem}.univer-pt-2{padding-top:.5rem}.univer-text-center{text-align:center}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-text-xl{font-size:1.25rem;line-height:1.75rem}.univer-text-xs{font-size:.75rem;line-height:1rem}.univer-font-medium{font-weight:500}.univer-font-semibold{font-weight:600}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-700{color:var(--univer-gray-700)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-shadow-md{--univer-tw-shadow: 0px 1px 6px -2px #1e284d14, 0px 2px 6px -1px #1e284d1a;--univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 #0000),var(--univer-tw-ring-shadow, 0 0 #0000),var(--univer-tw-shadow)}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.univer-transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.univer-group:hover .group-hover\:univer-block{display:block}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.disabled\:univer-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:univer-opacity-50:disabled{opacity:.5}.dark\:\!univer-border-gray-600:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)!important}.dark\:\!univer-border-l-gray-600:where(.univer-dark,.univer-dark *){border-left-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.\[\&\:\:-webkit-slider-thumb\]\:univer-size-3\.5::-webkit-slider-thumb{width:.875rem;height:.875rem}.\[\&\:\:-webkit-slider-thumb\]\:univer-appearance-none::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:univer-rounded-full::-webkit-slider-thumb{border-radius:9999px}.\[\&\:\:-webkit-slider-thumb\]\:univer-bg-primary-600::-webkit-slider-thumb{background-color:var(--univer-primary-600)}.\[\&\:\:-webkit-slider-thumb\]\:univer-shadow-sm::-webkit-slider-thumb{--univer-tw-shadow: 0px 1px 2px 0px #1e284d14;--univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1e284d14;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 #0000),var(--univer-tw-ring-shadow, 0 0 #0000),var(--univer-tw-shadow)}
+.univer-fixed {
+  position: fixed;
+}
+
+.univer-bottom-12 {
+  bottom: 3rem;
+}
+
+.univer-right-3 {
+  right: .75rem;
+}
+
+.univer-z-\[1000\] {
+  z-index: 1000;
+}
+
+.univer-m-0 {
+  margin: 0;
+}
+
+.univer-mx-0 {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.univer-mb-3 {
+  margin-bottom: .75rem;
+}
+
+.univer-ml-1 {
+  margin-left: .25rem;
+}
+
+.univer-ml-1\.5 {
+  margin-left: .375rem;
+}
+
+.univer-mt-3 {
+  margin-top: .75rem;
+}
+
+.univer-mt-4 {
+  margin-top: 1rem;
+}
+
+.univer-mt-5 {
+  margin-top: 1.25rem;
+}
+
+.univer-box-border {
+  box-sizing: border-box;
+}
+
+.univer-flex {
+  display: flex;
+}
+
+.univer-size-6 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.univer-h-1\.5 {
+  height: .375rem;
+}
+
+.univer-h-5 {
+  height: 1.25rem;
+}
+
+.univer-h-6 {
+  height: 1.5rem;
+}
+
+.univer-h-7 {
+  height: 1.75rem;
+}
+
+.univer-max-h-72 {
+  max-height: 18rem;
+}
+
+.univer-w-\[324px\] {
+  width: 324px;
+}
+
+.univer-w-\[372px\] {
+  width: 372px;
+}
+
+.univer-w-\[calc\(100\%-48px\)\] {
+  width: calc(100% - 48px);
+}
+
+.univer-cursor-pointer {
+  cursor: pointer;
+}
+
+.univer-select-none {
+  user-select: none;
+}
+
+.univer-list-none {
+  list-style-type: none;
+}
+
+.univer-flex-col {
+  flex-direction: column;
+}
+
+.univer-items-center {
+  align-items: center;
+}
+
+.univer-justify-center {
+  justify-content: center;
+}
+
+.univer-justify-between {
+  justify-content: space-between;
+}
+
+.univer-gap-2 {
+  gap: .5rem;
+}
+
+.univer-overflow-y-auto {
+  overflow-y: auto;
+}
+
+.univer-overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.univer-truncate {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.univer-rounded {
+  border-radius: .25rem;
+}
+
+.univer-rounded-lg {
+  border-radius: .5rem;
+}
+
+.univer-rounded-md {
+  border-radius: .375rem;
+}
+
+.univer-border-0 {
+  border-width: 0;
+}
+
+.univer-border-none {
+  border-style: none;
+}
+
+.univer-border-transparent {
+  border-color: #0000;
+}
+
+.univer-bg-gray-200 {
+  background-color: var(--univer-gray-200);
+}
+
+.univer-bg-primary-600 {
+  background-color: var(--univer-primary-600);
+}
+
+.univer-bg-transparent {
+  background-color: #0000;
+}
+
+.univer-bg-white {
+  background-color: var(--univer-white);
+}
+
+.univer-p-0 {
+  padding: 0;
+}
+
+.univer-px-2 {
+  padding-left: .5rem;
+  padding-right: .5rem;
+}
+
+.univer-px-3 {
+  padding-left: .75rem;
+  padding-right: .75rem;
+}
+
+.univer-py-0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.univer-py-1 {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+}
+
+.univer-pb-4 {
+  padding-bottom: 1rem;
+}
+
+.univer-pl-1\.5 {
+  padding-left: .375rem;
+}
+
+.univer-pl-2 {
+  padding-left: .5rem;
+}
+
+.univer-pr-1 {
+  padding-right: .25rem;
+}
+
+.univer-pr-2 {
+  padding-right: .5rem;
+}
+
+.univer-pr-4 {
+  padding-right: 1rem;
+}
+
+.univer-pt-5 {
+  padding-top: 1.25rem;
+}
+
+.univer-text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.univer-text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.univer-text-sm {
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+
+.univer-text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.univer-font-semibold {
+  font-weight: 600;
+}
+
+.univer-leading-6 {
+  line-height: 1.5rem;
+}
+
+.univer-text-blue-500 {
+  color: var(--univer-blue-500);
+}
+
+.univer-text-gray-500 {
+  color: var(--univer-gray-500);
+}
+
+.univer-text-gray-600 {
+  color: var(--univer-gray-600);
+}
+
+.univer-text-gray-900 {
+  color: var(--univer-gray-900);
+}
+
+.univer-text-green-500 {
+  color: var(--univer-green-500);
+}
+
+.univer-text-primary-600 {
+  color: var(--univer-primary-600);
+}
+
+.univer-text-red-500 {
+  color: var(--univer-red-500);
+}
+
+.univer-no-underline {
+  text-decoration-line: none;
+}
+
+.univer-shadow-md {
+  --univer-tw-shadow: 0px 1px 6px -2px #1e284d14, 0px 2px 6px -1px #1e284d1a;
+  --univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 6px -2px #1e284d14, 0 2px 6px -1px #1e284d1a;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
+}
+
+.univer-outline-none {
+  outline-offset: 2px;
+  outline: 2px solid #0000;
+}
+
+.univer-transition-\[width\] {
+  transition-property: width;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-transition-all {
+  transition-property: all;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-transition-colors {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-duration-150 {
+  transition-duration: .15s;
+}
+
+.univer-duration-500 {
+  transition-duration: .5s;
+}
+
+.hover\:univer-bg-gray-200:hover {
+  background-color: var(--univer-gray-200);
+}
+
+.hover\:univer-bg-primary-50:hover {
+  background-color: var(--univer-primary-50);
+}
+
+.dark\:\!univer-bg-gray-600:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-600) !important;
+}
+
+.dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-200) !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;
+}
+.univer-absolute {
+  position: absolute;
+}
+
+.univer-relative {
+  position: relative;
+}
+
+.univer-right-2 {
+  right: .5rem;
+}
+
+.univer-top-2 {
+  top: .5rem;
+}
+
+.univer-mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.univer-my-2 {
+  margin-top: .5rem;
+  margin-bottom: .5rem;
+}
+
+.univer-mb-2 {
+  margin-bottom: .5rem;
+}
+
+.univer-mb-4 {
+  margin-bottom: 1rem;
+}
+
+.univer-ml-1 {
+  margin-left: .25rem;
+}
+
+.univer-ml-2 {
+  margin-left: .5rem;
+}
+
+.univer-ml-3 {
+  margin-left: .75rem;
+}
+
+.univer-mr-2 {
+  margin-right: .5rem;
+}
+
+.univer-mr-5 {
+  margin-right: 1.25rem;
+}
+
+.univer-mt-1\.5 {
+  margin-top: .375rem;
+}
+
+.univer-mt-2 {
+  margin-top: .5rem;
+}
+
+.univer-mt-2\.5 {
+  margin-top: .625rem;
+}
+
+.univer-mt-4 {
+  margin-top: 1rem;
+}
+
+.univer-mt-5 {
+  margin-top: 1.25rem;
+}
+
+.univer-box-border {
+  box-sizing: border-box;
+}
+
+.univer-flex {
+  display: flex;
+}
+
+.univer-inline-flex {
+  display: inline-flex;
+}
+
+.univer-grid {
+  display: grid;
+}
+
+.univer-size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+
+.univer-size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.univer-size-6 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.univer-size-full {
+  width: 100%;
+  height: 100%;
+}
+
+.univer-h-1 {
+  height: .25rem;
+}
+
+.univer-h-4 {
+  height: 1rem;
+}
+
+.univer-h-5 {
+  height: 1.25rem;
+}
+
+.univer-h-6 {
+  height: 1.5rem;
+}
+
+.univer-h-7 {
+  height: 1.75rem;
+}
+
+.univer-h-8 {
+  height: 2rem;
+}
+
+.univer-h-\[26px\] {
+  height: 26px;
+}
+
+.univer-w-1\/2 {
+  width: 50%;
+}
+
+.univer-w-\[--radix-popper-anchor-width\] {
+  width: var(--radix-popper-anchor-width);
+}
+
+.univer-w-\[136px\] {
+  width: 136px;
+}
+
+.univer-w-\[208px\] {
+  width: 208px;
+}
+
+.univer-w-\[290px\] {
+  width: 290px;
+}
+
+.univer-w-fit {
+  width: fit-content;
+}
+
+.univer-w-full {
+  width: 100%;
+}
+
+.\!univer-min-w-0 {
+  min-width: 0 !important;
+}
+
+.univer-flex-1 {
+  flex: 1;
+}
+
+.univer-shrink-0 {
+  flex-shrink: 0;
+}
+
+.univer-flex-grow {
+  flex-grow: 1;
+}
+
+.univer-rotate-180 {
+  --univer-tw-rotate: 180deg;
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+}
+
+.univer-cursor-default {
+  cursor: default;
+}
+
+.univer-cursor-pointer {
+  cursor: pointer;
+}
+
+.univer-grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.univer-flex-row {
+  flex-direction: row;
+}
+
+.univer-flex-col {
+  flex-direction: column;
+}
+
+.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-gap-1 {
+  gap: .25rem;
+}
+
+.univer-gap-1\.5 {
+  gap: .375rem;
+}
+
+.univer-gap-2 {
+  gap: .5rem;
+}
+
+.univer-gap-2\.5 {
+  gap: .625rem;
+}
+
+.univer-gap-3 {
+  gap: .75rem;
+}
+
+.univer-gap-4 {
+  gap: 1rem;
+}
+
+.univer-justify-self-end {
+  justify-self: end;
+}
+
+.univer-overflow-auto {
+  overflow: auto;
+}
+
+.univer-truncate {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.univer-rounded-lg {
+  border-radius: .5rem;
+}
+
+.univer-rounded-md {
+  border-radius: .375rem;
+}
+
+.univer-rounded-sm {
+  border-radius: .125rem;
+}
+
+.univer-rounded-xl {
+  border-radius: .75rem;
+}
+
+.univer-border {
+  border-width: 1px;
+}
+
+.univer-border-b {
+  border-bottom-width: 1px;
+}
+
+.univer-border-solid {
+  border-style: solid;
+}
+
+.univer-border-gray-200 {
+  border-color: var(--univer-gray-200);
+}
+
+.\!univer-bg-gray-700 {
+  background-color: var(--univer-gray-700) !important;
+}
+
+.univer-bg-gray-100 {
+  background-color: var(--univer-gray-100);
+}
+
+.univer-bg-gray-50 {
+  background-color: var(--univer-gray-50);
+}
+
+.univer-bg-primary-600 {
+  background-color: var(--univer-primary-600);
+}
+
+.univer-bg-transparent {
+  background-color: #0000;
+}
+
+.univer-bg-white {
+  background-color: var(--univer-white);
+}
+
+.univer-p-0 {
+  padding: 0;
+}
+
+.univer-p-1\.5 {
+  padding: .375rem;
+}
+
+.univer-p-2 {
+  padding: .5rem;
+}
+
+.univer-p-3 {
+  padding: .75rem;
+}
+
+.univer-px-1 {
+  padding-left: .25rem;
+  padding-right: .25rem;
+}
+
+.univer-px-1\.5 {
+  padding-left: .375rem;
+  padding-right: .375rem;
+}
+
+.univer-px-2 {
+  padding-left: .5rem;
+  padding-right: .5rem;
+}
+
+.univer-px-3 {
+  padding-left: .75rem;
+  padding-right: .75rem;
+}
+
+.univer-px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.univer-py-0\.5 {
+  padding-top: .125rem;
+  padding-bottom: .125rem;
+}
+
+.univer-py-1 {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+}
+
+.univer-py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.univer-pb-2\.5 {
+  padding-bottom: .625rem;
+}
+
+.univer-pb-3 {
+  padding-bottom: .75rem;
+}
+
+.univer-text-center {
+  text-align: center;
+}
+
+.univer-text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.univer-text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.univer-text-sm {
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+
+.univer-text-xs {
+  font-size: .75rem;
+  line-height: 1rem;
+}
+
+.univer-font-medium {
+  font-weight: 500;
+}
+
+.univer-font-semibold {
+  font-weight: 600;
+}
+
+.univer-leading-4 {
+  line-height: 1rem;
+}
+
+.univer-leading-5 {
+  line-height: 1.25rem;
+}
+
+.univer-leading-6 {
+  line-height: 1.5rem;
+}
+
+.univer-leading-tight {
+  line-height: 1.25;
+}
+
+.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-text-primary-600 {
+  color: var(--univer-primary-600);
+}
+
+.univer-shadow {
+  --univer-tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
+  --univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
+}
+
+.univer-transition-colors {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-transition-transform {
+  transition-property: transform;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-duration-200 {
+  transition-duration: .2s;
+}
+
+.univer-duration-300 {
+  transition-duration: .3s;
+}
+
+.placeholder\:univer-text-gray-400::placeholder {
+  color: var(--univer-gray-400);
+}
+
+.hover\:univer-bg-gray-100:hover {
+  background-color: var(--univer-gray-100);
+}
+
+.hover\:univer-bg-gray-200:hover {
+  background-color: var(--univer-gray-200);
+}
+
+.focus\:univer-border-primary-500:focus {
+  border-color: var(--univer-primary-500);
+}
+
+.focus\:univer-outline-none:focus {
+  outline-offset: 2px;
+  outline: 2px solid #0000;
+}
+
+.focus\:univer-ring-2:focus {
+  --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
+  --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
+  box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
+  box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
+}
+
+.focus\:univer-ring-primary-50:focus {
+  --univer-tw-ring-color: var(--univer-primary-50);
+}
+
+.dark\:\!univer-border-gray-700:where(.univer-dark, .univer-dark *) {
+  border-color: var(--univer-gray-700) !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-100:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-100) !important;
+}
+
+.dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-200) !important;
+}
+
+.dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-white) !important;
+}
+
+.dark\:\!univer-shadow-none:where(.univer-dark, .univer-dark *) {
+  --univer-tw-shadow: 0 0 #0000 !important;
+  --univer-tw-shadow-colored: 0 0 #0000 !important;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow) !important;
+}
+
+.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700) !important;
+}
+.univer-flex {
+  display: flex;
+}
+
+.univer-grid {
+  display: grid;
+}
+
+.univer-justify-end {
+  justify-content: flex-end;
+}
+
+.univer-gap-2 {
+  gap: .5rem;
+}
+
+.univer-gap-4 {
+  gap: 1rem;
+}
+.univer-relative {
+  position: relative;
+}
+
+.univer-mx-0 {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.univer-mx-1\.5 {
+  margin-left: .375rem;
+  margin-right: .375rem;
+}
+
+.univer-mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.univer-my-0 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.univer-my-1 {
+  margin-top: .25rem;
+  margin-bottom: .25rem;
+}
+
+.univer-mb-1 {
+  margin-bottom: .25rem;
+}
+
+.univer-mb-2 {
+  margin-bottom: .5rem;
+}
+
+.univer-mb-4 {
+  margin-bottom: 1rem;
+}
+
+.univer-mb-5 {
+  margin-bottom: 1.25rem;
+}
+
+.univer-ml-1 {
+  margin-left: .25rem;
+}
+
+.univer-ml-3 {
+  margin-left: .75rem;
+}
+
+.univer-mr-2 {
+  margin-right: .5rem;
+}
+
+.univer-mr-5 {
+  margin-right: 1.25rem;
+}
+
+.univer-mt-0 {
+  margin-top: 0;
+}
+
+.univer-mt-1\.5 {
+  margin-top: .375rem;
+}
+
+.univer-mt-2 {
+  margin-top: .5rem;
+}
+
+.univer-mt-3 {
+  margin-top: .75rem;
+}
+
+.univer-mt-4 {
+  margin-top: 1rem;
+}
+
+.univer-mt-5 {
+  margin-top: 1.25rem;
+}
+
+.univer-box-border {
+  box-sizing: border-box;
+}
+
+.univer-inline-block {
+  display: inline-block;
+}
+
+.univer-flex {
+  display: flex;
+}
+
+.univer-inline-flex {
+  display: inline-flex;
+}
+
+.univer-hidden {
+  display: none;
+}
+
+.univer-size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.univer-size-8 {
+  width: 2rem;
+  height: 2rem;
+}
+
+.univer-size-full {
+  width: 100%;
+  height: 100%;
+}
+
+.univer-h-1 {
+  height: .25rem;
+}
+
+.univer-h-4 {
+  height: 1rem;
+}
+
+.univer-h-40 {
+  height: 10rem;
+}
+
+.univer-h-5 {
+  height: 1.25rem;
+}
+
+.univer-h-6 {
+  height: 1.5rem;
+}
+
+.univer-h-7 {
+  height: 1.75rem;
+}
+
+.univer-h-8 {
+  height: 2rem;
+}
+
+.univer-h-\[140px\] {
+  height: 140px;
+}
+
+.univer-h-\[161px\] {
+  height: 161px;
+}
+
+.univer-h-\[300px\] {
+  height: 300px;
+}
+
+.univer-h-\[calc\(100\%-16px\)\] {
+  height: calc(100% - 16px);
+}
+
+.univer-h-full {
+  height: 100%;
+}
+
+.univer-min-h-\[150px\] {
+  min-height: 150px;
+}
+
+.univer-min-h-\[200px\] {
+  min-height: 200px;
+}
+
+.univer-w-1\/2 {
+  width: 50%;
+}
+
+.univer-w-24 {
+  width: 6rem;
+}
+
+.univer-w-36 {
+  width: 9rem;
+}
+
+.univer-w-4 {
+  width: 1rem;
+}
+
+.univer-w-\[136px\] {
+  width: 136px;
+}
+
+.univer-w-\[140px\] {
+  width: 140px;
+}
+
+.univer-w-\[14px\] {
+  width: 14px;
+}
+
+.univer-w-full {
+  width: 100%;
+}
+
+.univer-min-w-0 {
+  min-width: 0;
+}
+
+.univer-max-w-\[200px\] {
+  max-width: 200px;
+}
+
+.univer-max-w-\[66px\] {
+  max-width: 66px;
+}
+
+.univer-flex-1 {
+  flex: 1;
+}
+
+.univer-flex-shrink {
+  flex-shrink: 1;
+}
+
+.univer-shrink-0 {
+  flex-shrink: 0;
+}
+
+.univer-flex-grow {
+  flex-grow: 1;
+}
+
+.univer-cursor-default {
+  cursor: default;
+}
+
+.univer-cursor-pointer {
+  cursor: pointer;
+}
+
+.univer-flex-row {
+  flex-direction: row;
+}
+
+.univer-flex-col {
+  flex-direction: column;
+}
+
+.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-gap-1 {
+  gap: .25rem;
+}
+
+.univer-gap-1\.5 {
+  gap: .375rem;
+}
+
+.univer-gap-2 {
+  gap: .5rem;
+}
+
+.univer-gap-3 {
+  gap: .75rem;
+}
+
+.univer-gap-4 {
+  gap: 1rem;
+}
+
+.univer-self-stretch {
+  align-self: stretch;
+}
+
+.univer-overflow-auto {
+  overflow: auto;
+}
+
+.univer-overflow-y-auto {
+  overflow-y: auto;
+}
+
+.univer-overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.univer-truncate {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.univer-rounded {
+  border-radius: .25rem;
+}
+
+.univer-rounded-lg {
+  border-radius: .5rem;
+}
+
+.univer-rounded-md {
+  border-radius: .375rem;
+}
+
+.univer-rounded-l-md {
+  border-top-left-radius: .375rem;
+  border-bottom-left-radius: .375rem;
+}
+
+.univer-rounded-r-md {
+  border-top-right-radius: .375rem;
+  border-bottom-right-radius: .375rem;
+}
+
+.univer-border {
+  border-width: 1px;
+}
+
+.univer-border-b {
+  border-bottom-width: 1px;
+}
+
+.univer-border-none {
+  border-style: none;
+}
+
+.univer-border-gray-200 {
+  border-color: var(--univer-gray-200);
+}
+
+.univer-border-primary-600 {
+  border-color: var(--univer-primary-600);
+}
+
+.univer-border-transparent {
+  border-color: #0000;
+}
+
+.\!univer-bg-gray-700 {
+  background-color: var(--univer-gray-700) !important;
+}
+
+.univer-bg-gray-100 {
+  background-color: var(--univer-gray-100);
+}
+
+.univer-bg-gray-50 {
+  background-color: var(--univer-gray-50);
+}
+
+.univer-bg-primary-600 {
+  background-color: var(--univer-primary-600);
+}
+
+.univer-bg-transparent {
+  background-color: #0000;
+}
+
+.univer-bg-white {
+  background-color: var(--univer-white);
+}
+
+.univer-p-0\.5 {
+  padding: .125rem;
+}
+
+.univer-p-1 {
+  padding: .25rem;
+}
+
+.univer-p-2 {
+  padding: .5rem;
+}
+
+.univer-p-4 {
+  padding: 1rem;
+}
+
+.univer-px-1 {
+  padding-left: .25rem;
+  padding-right: .25rem;
+}
+
+.univer-px-2 {
+  padding-left: .5rem;
+  padding-right: .5rem;
+}
+
+.univer-px-3 {
+  padding-left: .75rem;
+  padding-right: .75rem;
+}
+
+.univer-py-1 {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+}
+
+.univer-py-1\.5 {
+  padding-top: .375rem;
+  padding-bottom: .375rem;
+}
+
+.univer-py-2 {
+  padding-top: .5rem;
+  padding-bottom: .5rem;
+}
+
+.univer-py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.univer-py-\[5px\] {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.univer-pl-\[22px\] {
+  padding-left: 22px;
+}
+
+.univer-pr-1 {
+  padding-right: .25rem;
+}
+
+.univer-text-center {
+  text-align: center;
+}
+
+.univer-text-justify {
+  text-align: justify;
+}
+
+.univer-align-top {
+  vertical-align: top;
+}
+
+.univer-text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.univer-text-sm {
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+
+.univer-text-xs {
+  font-size: .75rem;
+  line-height: 1rem;
+}
+
+.univer-font-medium {
+  font-weight: 500;
+}
+
+.univer-font-semibold {
+  font-weight: 600;
+}
+
+.univer-capitalize {
+  text-transform: capitalize;
+}
+
+.univer-leading-4 {
+  line-height: 1rem;
+}
+
+.univer-leading-5 {
+  line-height: 1.25rem;
+}
+
+.univer-leading-6 {
+  line-height: 1.5rem;
+}
+
+.univer-text-gray-200 {
+  color: var(--univer-gray-200);
+}
+
+.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-text-primary-600 {
+  color: var(--univer-primary-600);
+}
+
+.univer-text-red-400 {
+  color: var(--univer-red-400);
+}
+
+.univer-text-red-500 {
+  color: var(--univer-red-500);
+}
+
+.univer-opacity-0 {
+  opacity: 0;
+}
+
+.univer-opacity-100 {
+  opacity: 1;
+}
+
+.univer-shadow-lg {
+  --univer-tw-shadow: 0px 4px 6px 0px #1e284d0d, 0px 10px 15px -3px #1e284d1a;
+  --univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px #1e284d0d, 0 10px 15px -3px #1e284d1a;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
+}
+
+.univer-transition-all {
+  transition-property: all;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-transition-opacity {
+  transition-property: opacity;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-group:hover .group-hover\:univer-opacity-100 {
+  opacity: 1;
+}
+
+.hover\:univer-bg-gray-100:hover {
+  background-color: var(--univer-gray-100);
+}
+
+.hover\:univer-bg-gray-200:hover {
+  background-color: var(--univer-gray-200);
+}
+
+.rtl\:univer-ml-0:where([dir="rtl"], [dir="rtl"] *) {
+  margin-left: 0;
+}
+
+.rtl\:univer-ml-2:where([dir="rtl"], [dir="rtl"] *) {
+  margin-left: .5rem;
+}
+
+.rtl\:univer-ml-5:where([dir="rtl"], [dir="rtl"] *) {
+  margin-left: 1.25rem;
+}
+
+.rtl\:univer-mr-0:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right: 0;
+}
+
+.rtl\:univer-mr-1:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right: .25rem;
+}
+
+.rtl\:univer-mr-3:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right: .75rem;
+}
+
+.rtl\:univer-rounded-l-md:where([dir="rtl"], [dir="rtl"] *) {
+  border-top-left-radius: .375rem;
+  border-bottom-left-radius: .375rem;
+}
+
+.rtl\:univer-rounded-l-none:where([dir="rtl"], [dir="rtl"] *) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.rtl\:univer-rounded-r-md:where([dir="rtl"], [dir="rtl"] *) {
+  border-top-right-radius: .375rem;
+  border-bottom-right-radius: .375rem;
+}
+
+.rtl\:univer-rounded-r-none:where([dir="rtl"], [dir="rtl"] *) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.rtl\:univer-pl-1:where([dir="rtl"], [dir="rtl"] *) {
+  padding-left: .25rem;
+}
+
+.rtl\:univer-pr-\[22px\]:where([dir="rtl"], [dir="rtl"] *) {
+  padding-right: 22px;
+}
+
+.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-100:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-100) !important;
+}
+
+.dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-200) !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-white:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-white) !important;
+}
+
+.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700) !important;
+}
+.univer-pointer-events-none {
+  pointer-events: none;
+}
+
+.univer-absolute {
+  position: absolute;
+}
+
+.univer-relative {
+  position: relative;
+}
+
+.univer-inset-0 {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.univer-bottom-4 {
+  bottom: 1rem;
+}
+
+.univer-left-0 {
+  left: 0;
+}
+
+.univer-right-4 {
+  right: 1rem;
+}
+
+.univer-z-\[1000\] {
+  z-index: 1000;
+}
+
+.univer-z-\[100\] {
+  z-index: 100;
+}
+
+.univer-z-\[1010\] {
+  z-index: 1010;
+}
+
+.univer-mx-2 {
+  margin-left: .5rem;
+  margin-right: .5rem;
+}
+
+.univer-mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.univer-my-0 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.univer-my-1 {
+  margin-top: .25rem;
+  margin-bottom: .25rem;
+}
+
+.univer-my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.univer-my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
+.univer-mb-1 {
+  margin-bottom: .25rem;
+}
+
+.univer-mb-2 {
+  margin-bottom: .5rem;
+}
+
+.univer-ml-2 {
+  margin-left: .5rem;
+}
+
+.univer-mr-2 {
+  margin-right: .5rem;
+}
+
+.univer-mt-2 {
+  margin-top: .5rem;
+}
+
+.univer-mt-3 {
+  margin-top: .75rem;
+}
+
+.univer-mt-7 {
+  margin-top: 1.75rem;
+}
+
+.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: .75rem;
+  height: .75rem;
+}
+
+.univer-size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.univer-size-8 {
+  width: 2rem;
+  height: 2rem;
+}
+
+.univer-size-full {
+  width: 100%;
+  height: 100%;
+}
+
+.univer-h-16 {
+  height: 4rem;
+}
+
+.univer-h-8 {
+  height: 2rem;
+}
+
+.univer-h-\[200px\] {
+  height: 200px;
+}
+
+.univer-h-full {
+  height: 100%;
+}
+
+.univer-w-\[--radix-popper-anchor-width\] {
+  width: var(--radix-popper-anchor-width);
+}
+
+.univer-w-\[312px\] {
+  width: 312px;
+}
+
+.univer-w-full {
+  width: 100%;
+}
+
+.\!univer-min-w-0 {
+  min-width: 0 !important;
+}
+
+.univer-min-w-36 {
+  min-width: 9rem;
+}
+
+.univer-min-w-\[200px\] {
+  min-width: 200px;
+}
+
+.univer-flex-1 {
+  flex: 1;
+}
+
+.univer-flex-none {
+  flex: none;
+}
+
+.univer-flex-grow {
+  flex-grow: 1;
+}
+
+.univer-cursor-pointer {
+  cursor: pointer;
+}
+
+.univer-grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.univer-flex-row {
+  flex-direction: row;
+}
+
+.univer-flex-col {
+  flex-direction: column;
+}
+
+.univer-items-center {
+  align-items: center;
+}
+
+.univer-justify-center {
+  justify-content: center;
+}
+
+.univer-justify-between {
+  justify-content: space-between;
+}
+
+.univer-gap-1 {
+  gap: .25rem;
+}
+
+.univer-gap-2 {
+  gap: .5rem;
+}
+
+.univer-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --univer-tw-space-y-reverse: 0;
+  margin-top: .5rem;
+  margin-top: calc(.5rem * (1 - var(--univer-tw-space-y-reverse)));
+  margin-top: .5rem;
+  margin-top: calc(.5rem * calc(1 - var(--univer-tw-space-y-reverse)));
+  margin-bottom: 0;
+  margin-bottom: calc(.5rem * var(--univer-tw-space-y-reverse));
+}
+
+.univer-overflow-auto {
+  overflow: auto;
+}
+
+.univer-overflow-hidden {
+  overflow: hidden;
+}
+
+.univer-overflow-y-auto {
+  overflow-y: auto;
+}
+
+.univer-rounded {
+  border-radius: .25rem;
+}
+
+.univer-rounded-full {
+  border-radius: 9999px;
+}
+
+.univer-rounded-lg {
+  border-radius: .5rem;
+}
+
+.univer-rounded-md {
+  border-radius: .375rem;
+}
+
+.univer-border {
+  border-width: 1px;
+}
+
+.univer-border-t {
+  border-top-width: 1px;
+}
+
+.univer-border-gray-200 {
+  border-color: var(--univer-gray-200);
+}
+
+.univer-bg-gray-100 {
+  background-color: var(--univer-gray-100);
+}
+
+.univer-bg-gray-200 {
+  background-color: var(--univer-gray-200);
+}
+
+.univer-bg-white {
+  background-color: var(--univer-white);
+}
+
+.univer-p-0 {
+  padding: 0;
+}
+
+.univer-p-1 {
+  padding: .25rem;
+}
+
+.univer-p-2 {
+  padding: .5rem;
+}
+
+.univer-p-3 {
+  padding: .75rem;
+}
+
+.univer-p-4 {
+  padding: 1rem;
+}
+
+.univer-px-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.univer-px-2 {
+  padding-left: .5rem;
+  padding-right: .5rem;
+}
+
+.univer-px-2\.5 {
+  padding-left: .625rem;
+  padding-right: .625rem;
+}
+
+.univer-px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.univer-px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.univer-py-1 {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+}
+
+.univer-py-1\.5 {
+  padding-top: .375rem;
+  padding-bottom: .375rem;
+}
+
+.univer-py-2 {
+  padding-top: .5rem;
+  padding-bottom: .5rem;
+}
+
+.univer-py-7 {
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+
+.univer-pb-4 {
+  padding-bottom: 1rem;
+}
+
+.univer-text-center {
+  text-align: center;
+}
+
+.univer-text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.univer-text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+.univer-text-sm {
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+
+.univer-text-xs {
+  font-size: .75rem;
+  line-height: 1rem;
+}
+
+.univer-font-medium {
+  font-weight: 500;
+}
+
+.univer-text-gray-500 {
+  color: var(--univer-gray-500);
+}
+
+.univer-text-gray-600 {
+  color: var(--univer-gray-600);
+}
+
+.univer-text-gray-900 {
+  color: var(--univer-gray-900);
+}
+
+.univer-shadow {
+  --univer-tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
+  --univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
+}
+
+.univer-shadow-lg {
+  --univer-tw-shadow: 0px 4px 6px 0px #1e284d0d, 0px 10px 15px -3px #1e284d1a;
+  --univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px #1e284d0d, 0 10px 15px -3px #1e284d1a;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
+}
+
+.univer-transition-colors {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-transition-transform {
+  transition-property: transform;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-duration-200 {
+  transition-duration: .2s;
+}
+
+.first\:univer-mr-2:first-child {
+  margin-right: .5rem;
+}
+
+.hover\:univer-rounded:hover {
+  border-radius: .25rem;
+}
+
+.hover\:univer-border-primary-600:hover {
+  border-color: var(--univer-primary-600);
+}
+
+.hover\:univer-bg-gray-200:hover {
+  background-color: var(--univer-gray-200);
+}
+
+.hover\:univer-bg-gray-300:hover {
+  background-color: var(--univer-gray-300);
+}
+
+.dark\:\!univer-border-gray-700:where(.univer-dark, .univer-dark *) {
+  border-color: var(--univer-gray-700) !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-white:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-white) !important;
+}
+
+.hover\:dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *):hover {
+  background-color: var(--univer-gray-700) !important;
+}
+.univer-pointer-events-none {
+  pointer-events: none;
+}
+
+.univer-absolute {
+  position: absolute;
+}
+
+.univer-relative {
+  position: relative;
+}
+
+.univer-bottom-full {
+  bottom: 100%;
+}
+
+.univer-left-0 {
+  left: 0;
+}
+
+.univer-mb-1 {
+  margin-bottom: .25rem;
+}
+
+.univer-mb-2 {
+  margin-bottom: .5rem;
+}
+
+.univer-box-border {
+  box-sizing: border-box;
+}
+
+.univer-block {
+  display: block;
+}
+
+.univer-inline-block {
+  display: inline-block;
+}
+
+.univer-flex {
+  display: flex;
+}
+
+.univer-grid {
+  display: grid;
+}
+
+.univer-hidden {
+  display: none;
+}
+
+.univer-aspect-square {
+  aspect-ratio: 1;
+}
+
+.univer-size-full {
+  width: 100%;
+  height: 100%;
+}
+
+.univer-h-\[100px\] {
+  height: 100px;
+}
+
+.univer-max-h-\[75vh\] {
+  max-height: 75vh;
+}
+
+.univer-w-20 {
+  width: 5rem;
+}
+
+.univer-w-28 {
+  width: 7rem;
+}
+
+.univer-w-\[100px\] {
+  width: 100px;
+}
+
+.univer-w-\[320px\] {
+  width: 320px;
+}
+
+.univer-w-full {
+  width: 100%;
+}
+
+.univer-min-w-0 {
+  min-width: 0;
+}
+
+.univer-flex-1 {
+  flex: 1;
+}
+
+.univer-shrink-0 {
+  flex-shrink: 0;
+}
+
+.univer-rotate-180 {
+  --univer-tw-rotate: 180deg;
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+}
+
+.univer-cursor-pointer {
+  cursor: pointer;
+}
+
+.univer-grid-cols-10 {
+  grid-template-columns: repeat(10, minmax(0, 1fr));
+}
+
+.univer-flex-col {
+  flex-direction: column;
+}
+
+.univer-items-center {
+  align-items: center;
+}
+
+.univer-justify-center {
+  justify-content: center;
+}
+
+.univer-justify-between {
+  justify-content: space-between;
+}
+
+.univer-gap-1 {
+  gap: .25rem;
+}
+
+.univer-gap-1\.5 {
+  gap: .375rem;
+}
+
+.univer-gap-2 {
+  gap: .5rem;
+}
+
+.univer-gap-3 {
+  gap: .75rem;
+}
+
+.univer-gap-4 {
+  gap: 1rem;
+}
+
+.univer-overflow-hidden {
+  overflow: hidden;
+}
+
+.univer-rounded {
+  border-radius: .25rem;
+}
+
+.univer-rounded-lg {
+  border-radius: .5rem;
+}
+
+.univer-border {
+  border-width: 1px;
+}
+
+.univer-border-l-2 {
+  border-left-width: 2px;
+}
+
+.univer-border-solid {
+  border-style: solid;
+}
+
+.univer-border-gray-200 {
+  border-color: var(--univer-gray-200);
+}
+
+.univer-border-l-gray-200 {
+  border-left-color: var(--univer-gray-200);
+}
+
+.univer-bg-gray-100 {
+  background-color: var(--univer-gray-100);
+}
+
+.univer-bg-white {
+  background-color: var(--univer-white);
+}
+
+.univer-object-cover {
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+
+.univer-p-1 {
+  padding: .25rem;
+}
+
+.univer-p-3 {
+  padding: .75rem;
+}
+
+.univer-px-2 {
+  padding-left: .5rem;
+  padding-right: .5rem;
+}
+
+.univer-px-3 {
+  padding-left: .75rem;
+  padding-right: .75rem;
+}
+
+.univer-px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.univer-py-1 {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+}
+
+.univer-py-1\.5 {
+  padding-top: .375rem;
+  padding-bottom: .375rem;
+}
+
+.univer-pb-2 {
+  padding-bottom: .5rem;
+}
+
+.univer-pl-3 {
+  padding-left: .75rem;
+}
+
+.univer-pt-2 {
+  padding-top: .5rem;
+}
+
+.univer-text-sm {
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+
+.univer-text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.univer-text-xs {
+  font-size: .75rem;
+  line-height: 1rem;
+}
+
+.univer-font-medium {
+  font-weight: 500;
+}
+
+.univer-text-gray-500 {
+  color: var(--univer-gray-500);
+}
+
+.univer-text-gray-600 {
+  color: var(--univer-gray-600);
+}
+
+.univer-text-gray-700 {
+  color: var(--univer-gray-700);
+}
+
+.univer-shadow-md {
+  --univer-tw-shadow: 0px 1px 6px -2px #1e284d14, 0px 2px 6px -1px #1e284d1a;
+  --univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 6px -2px #1e284d14, 0 2px 6px -1px #1e284d1a;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
+}
+
+.univer-transition-colors {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-transition-transform {
+  transition-property: transform;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-group:hover .group-hover\:univer-block {
+  display: block;
+}
+
+.hover\:univer-border-primary-600:hover {
+  border-color: var(--univer-primary-600);
+}
+
+.hover\:univer-bg-gray-100:hover {
+  background-color: var(--univer-gray-100);
+}
+
+.hover\:univer-bg-gray-200:hover {
+  background-color: var(--univer-gray-200);
+}
+
+.disabled\:univer-cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+
+.disabled\:univer-opacity-50:disabled {
+  opacity: .5;
+}
+
+.dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
+  border-color: var(--univer-gray-600) !important;
+}
+
+.dark\:\!univer-border-l-gray-600:where(.univer-dark, .univer-dark *) {
+  border-left-color: var(--univer-gray-600) !important;
+}
+
+.dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-800) !important;
+}
+
+.dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-200) !important;
+}
+
+.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700) !important;
+}
+.univer-absolute {
+  position: absolute;
+}
+
+.univer-relative {
+  position: relative;
+}
+
+.univer-bottom-0 {
+  bottom: 0;
+}
+
+.univer-mx-0 {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.univer-my-2 {
+  margin-top: .5rem;
+  margin-bottom: .5rem;
+}
+
+.univer-my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.univer-mb-2 {
+  margin-bottom: .5rem;
+}
+
+.univer-mb-3 {
+  margin-bottom: .75rem;
+}
+
+.univer-mb-4 {
+  margin-bottom: 1rem;
+}
+
+.univer-mb-5 {
+  margin-bottom: 1.25rem;
+}
+
+.univer-ml-2 {
+  margin-left: .5rem;
+}
+
+.univer-ml-3 {
+  margin-left: .75rem;
+}
+
+.univer-mr-0\.5 {
+  margin-right: .125rem;
+}
+
+.univer-mr-2 {
+  margin-right: .5rem;
+}
+
+.univer-mt-0\.5 {
+  margin-top: .125rem;
+}
+
+.univer-mt-2 {
+  margin-top: .5rem;
+}
+
+.univer-mt-3 {
+  margin-top: .75rem;
+}
+
+.univer-box-border {
+  box-sizing: border-box;
+}
+
+.univer-box-content {
+  box-sizing: content-box;
+}
+
+.univer-flex {
+  display: flex;
+}
+
+.univer-size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+
+.univer-size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.univer-h-0\.5 {
+  height: .125rem;
+}
+
+.univer-h-10 {
+  height: 2.5rem;
+}
+
+.univer-h-4 {
+  height: 1rem;
+}
+
+.univer-h-5 {
+  height: 1.25rem;
+}
+
+.univer-h-6 {
+  height: 1.5rem;
+}
+
+.univer-h-7 {
+  height: 1.75rem;
+}
+
+.univer-h-8 {
+  height: 2rem;
+}
+
+.univer-h-full {
+  height: 100%;
+}
+
+.univer-w-14 {
+  width: 3.5rem;
+}
+
+.univer-w-6 {
+  width: 1.5rem;
+}
+
+.univer-w-\[45\%\] {
+  width: 45%;
+}
+
+.univer-w-full {
+  width: 100%;
+}
+
+.univer-max-w-\[290px\] {
+  max-width: 290px;
+}
+
+.univer-flex-1 {
+  flex: 1;
+}
+
+.univer-rotate-180 {
+  --univer-tw-rotate: 180deg;
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+}
+
+.univer-cursor-default {
+  cursor: default;
+}
+
+.univer-cursor-not-allowed {
+  cursor: not-allowed;
+}
+
+.univer-cursor-pointer {
+  cursor: pointer;
+}
+
+.univer-flex-col {
+  flex-direction: column;
+}
+
+.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: .25rem;
+}
+
+.univer-gap-2 {
+  gap: .5rem;
+}
+
+.univer-gap-3 {
+  gap: .75rem;
+}
+
+.univer-gap-5 {
+  gap: 1.25rem;
+}
+
+.univer-truncate {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.univer-rounded-lg {
+  border-radius: .5rem;
+}
+
+.univer-rounded-sm {
+  border-radius: .125rem;
+}
+
+.\!univer-bg-gray-50 {
+  background-color: var(--univer-gray-50) !important;
+}
+
+.\!univer-bg-gray-700 {
+  background-color: var(--univer-gray-700) !important;
+}
+
+.univer-bg-blue-200 {
+  background-color: var(--univer-blue-200);
+}
+
+.univer-bg-gray-100 {
+  background-color: var(--univer-gray-100);
+}
+
+.univer-bg-gray-50 {
+  background-color: var(--univer-gray-50);
+}
+
+.univer-bg-primary-600 {
+  background-color: var(--univer-primary-600);
+}
+
+.univer-p-0 {
+  padding: 0;
+}
+
+.univer-p-0\.5 {
+  padding: .125rem;
+}
+
+.univer-p-3 {
+  padding: .75rem;
+}
+
+.univer-p-4 {
+  padding: 1rem;
+}
+
+.univer-px-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.univer-py-1\.5 {
+  padding-top: .375rem;
+  padding-bottom: .375rem;
+}
+
+.univer-py-2\.5 {
+  padding-top: .625rem;
+  padding-bottom: .625rem;
+}
+
+.univer-pb-4 {
+  padding-bottom: 1rem;
+}
+
+.univer-pl-4 {
+  padding-left: 1rem;
+}
+
+.univer-pr-1 {
+  padding-right: .25rem;
+}
+
+.univer-pt-2\.5 {
+  padding-top: .625rem;
+}
+
+.univer-text-center {
+  text-align: center;
+}
+
+.univer-text-sm {
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+
+.univer-text-xs {
+  font-size: .75rem;
+  line-height: 1rem;
+}
+
+.univer-font-medium {
+  font-weight: 500;
+}
+
+.univer-leading-7 {
+  line-height: 1.75rem;
+}
+
+.univer-leading-tight {
+  line-height: 1.25;
+}
+
+.univer-text-gray-200 {
+  color: var(--univer-gray-200);
+}
+
+.univer-text-gray-500 {
+  color: var(--univer-gray-500);
+}
+
+.univer-text-gray-800 {
+  color: var(--univer-gray-800);
+}
+
+.univer-text-gray-900 {
+  color: var(--univer-gray-900);
+}
+
+.univer-text-primary-600 {
+  color: var(--univer-primary-600);
+}
+
+.univer-text-red-500 {
+  color: var(--univer-red-500);
+}
+
+.univer-text-white {
+  color: var(--univer-white);
+}
+
+.univer-transition-transform {
+  transition-property: transform;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-duration-300 {
+  transition-duration: .3s;
+}
+
+.univer-ease-in-out {
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.univer-scrollbar-corner-primary-600 {
+  --scrollbar-corner: var(--univer-primary-600) !important;
+}
+
+.hover\:univer-bg-gray-200:hover {
+  background-color: var(--univer-gray-200);
+}
+
+.dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700) !important;
+}
+
+.dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-800) !important;
+}
+
+.dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-900) !important;
+}
+
+.dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-100) !important;
+}
+
+.dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-white) !important;
+}