@univerjs/preset-sheets-collaboration 0.25.1 → 1.0.0-alpha.1

package/lib/index.css

@@ -1 +1,711 @@
-.univer-m-0{margin:0}.univer-inline-flex{display:inline-flex}.univer-w-8{width:2rem}@keyframes univer-pulse{50%{opacity:.5}}.univer-animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite univer-pulse}.univer-appearance-none{-webkit-appearance:none;appearance:none}.univer-gap-4{gap:1rem}.univer-rounded-lg{border-radius:.5rem}.univer-border-none{border-style:none}.univer-bg-gray-700{background-color:var(--univer-gray-700)}.univer-bg-primary-500{background-color:var(--univer-primary-500)}.univer-bg-transparent{background-color:#0000}.univer-p-0{padding:0}.univer-text-xl{font-size:1.25rem;line-height:1.75rem}.univer-text-blue-500{color:var(--univer-blue-500)}.univer-text-green-500{color:var(--univer-green-500)}.univer-text-orange-500{color:var(--univer-orange-500)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-white{color:var(--univer-white)}.univer-transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.univer-duration-200{transition-duration:.2s}.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-500:focus{--univer-tw-ring-color: var(--univer-primary-500)}.focus\:univer-ring-offset-2:focus{--univer-tw-ring-offset-width: 2px}.dark\:hover\:univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)}.dark\:focus\:univer-ring-offset-gray-800:focus:where(.univer-dark,.univer-dark *){--univer-tw-ring-offset-color: var(--univer-gray-800)}.univer-pointer-events-none{pointer-events:none}.univer-pointer-events-auto{pointer-events:auto}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-sticky{position:sticky}.univer-inset-0{top:0;bottom:0;left:0;right:0}.univer-top-0{top:0}.univer-top-1\/2{top:50%}.univer-z-10{z-index:10}.univer-m-auto{margin:auto}.univer-mb-0\.5{margin-bottom:.125rem}.univer-mb-3{margin-bottom:.75rem}.univer-ml-1{margin-left:.25rem}.univer-ml-2\.5{margin-left:.625rem}.univer-ml-6{margin-left:1.5rem}.univer-mt-1{margin-top:.25rem}.univer-flex{display:flex}.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-8{width:2rem;height:2rem}.univer-h-1{height:.25rem}.univer-h-12{height:3rem}.univer-h-6{height:1.5rem}.univer-h-8{height:2rem}.univer-h-\[60\%\]{height:60%}.univer-h-\[calc\(100\%-32px\)\]{height:calc(100% - 32px)}.univer-h-full{height:100%}.univer-max-h-\[300px\]{max-height:300px}.univer-min-h-6{min-height:1.5rem}.univer-w-10{width:2.5rem}.univer-w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.univer-w-full{width:100%}.univer-min-w-0{min-width:0}.univer-min-w-\[240px\]{min-width:240px}.univer-flex-1{flex:1}.univer-flex-shrink-0,.univer-shrink-0{flex-shrink:0}@keyframes univer-spin{to{transform:rotate(360deg)}}.univer-animate-spin{animation:1s linear infinite univer-spin}.univer-cursor-default{cursor:default}.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-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-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-auto{overflow:auto}.univer-overflow-y-auto{overflow-y:auto}.univer-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.univer-break-all{word-break:break-all}.univer-rounded{border-radius:.25rem}.univer-rounded-full{border-radius:9999px}.univer-rounded-md{border-radius:.375rem}.univer-rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.univer-border{border-width:1px}.univer-border-b{border-bottom-width:1px}.univer-border-t{border-top-width:1px}.univer-border-gray-100{border-color:var(--univer-gray-100)}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-border-primary-600{border-color:var(--univer-primary-600)}.\!univer-bg-gray-900{background-color:var(--univer-gray-900)!important}.univer-bg-blue-50{background-color:var(--univer-blue-50)}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-gray-300{background-color:var(--univer-gray-300)}.univer-bg-gray-50{background-color:var(--univer-gray-50)}.univer-bg-primary-50{background-color:var(--univer-primary-50)}.univer-bg-white{background-color:var(--univer-white)}.univer-p-1{padding:.25rem}.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-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-1\.5{padding-top:.375rem;padding-bottom:.375rem}.univer-py-2{padding-top:.5rem;padding-bottom:.5rem}.univer-py-3{padding-top:.75rem;padding-bottom:.75rem}.univer-py-4{padding-top:1rem;padding-bottom:1rem}.univer-pb-4{padding-bottom:1rem}.univer-pt-1\.5{padding-top:.375rem}.univer-text-center{text-align:center}.univer-text-2xl{font-size:1.5rem;line-height:2rem}.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-5{line-height:1.25rem}.\!univer-text-blue-400{color:var(--univer-blue-400)!important}.univer-text-blue-600{color:var(--univer-blue-600)}.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-700{color:var(--univer-gray-700)}.univer-text-gray-800{color:var(--univer-gray-800)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-shadow-\[0_-4px_24px_rgba\(0\,0\,0\,0\.12\)\]{--univer-tw-shadow: 0 -4px 24px #0000001f;--univer-tw-shadow-colored: 0 -4px 24px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 -4px 24px #0000001f;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-\[height\]{transition-property:height;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-300{transition-duration:.3s}.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-border-gray-800:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-800)!important}.dark\:\!univer-bg-gray-200:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-200)!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-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-bg-gray-950:where(.univer-dark,.univer-dark *){--univer-tw-bg-opacity: 1 !important;background-color:#030712!important;background-color:rgba(3,7,18,var(--univer-tw-bg-opacity, 1))!important}.dark\:\!univer-bg-transparent:where(.univer-dark,.univer-dark *){background-color:#0000!important}.dark\:\!univer-text-blue-400:where(.univer-dark,.univer-dark *){color:var(--univer-blue-400)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-gray-300:where(.univer-dark,.univer-dark *){color:var(--univer-gray-300)!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-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}
+.univer-m-0 {
+  margin: 0;
+}
+
+.univer-flex {
+  display: flex;
+}
+
+.univer-inline-flex {
+  display: inline-flex;
+}
+
+.univer-h-8 {
+  height: 2rem;
+}
+
+.univer-w-8 {
+  width: 2rem;
+}
+
+@keyframes univer-pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+.univer-animate-pulse {
+  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite univer-pulse;
+}
+
+@keyframes univer-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.univer-animate-spin {
+  animation: 1s linear infinite univer-spin;
+}
+
+.univer-cursor-default {
+  cursor: default;
+}
+
+.univer-cursor-pointer {
+  cursor: pointer;
+}
+
+.univer-appearance-none {
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.univer-flex-col {
+  flex-direction: column;
+}
+
+.univer-items-center {
+  align-items: center;
+}
+
+.univer-justify-center {
+  justify-content: center;
+}
+
+.univer-gap-3 {
+  gap: .75rem;
+}
+
+.univer-gap-4 {
+  gap: 1rem;
+}
+
+.univer-rounded-lg {
+  border-radius: .5rem;
+}
+
+.univer-border-none {
+  border-style: none;
+}
+
+.\!univer-bg-gray-700 {
+  background-color: var(--univer-gray-700) !important;
+}
+
+.univer-bg-primary-500 {
+  background-color: var(--univer-primary-500);
+}
+
+.univer-bg-transparent {
+  background-color: #0000;
+}
+
+.univer-p-0 {
+  padding: 0;
+}
+
+.univer-px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.univer-py-2 {
+  padding-top: .5rem;
+  padding-bottom: .5rem;
+}
+
+.univer-text-sm {
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+
+.univer-text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.univer-text-blue-500 {
+  color: var(--univer-blue-500);
+}
+
+.univer-text-gray-400 {
+  color: var(--univer-gray-400);
+}
+
+.univer-text-gray-600 {
+  color: var(--univer-gray-600);
+}
+
+.univer-text-green-500 {
+  color: var(--univer-green-500);
+}
+
+.univer-text-orange-500 {
+  color: var(--univer-orange-500);
+}
+
+.univer-text-red-500 {
+  color: var(--univer-red-500);
+}
+
+.univer-text-white {
+  color: var(--univer-white);
+}
+
+.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-200 {
+  transition-duration: .2s;
+}
+
+.hover\:univer-bg-gray-100:hover {
+  background-color: var(--univer-gray-100);
+}
+
+.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-500:focus {
+  --univer-tw-ring-color: var(--univer-primary-500);
+}
+
+.focus\:univer-ring-offset-2:focus {
+  --univer-tw-ring-offset-width: 2px;
+}
+
+.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700) !important;
+}
+
+.dark\:focus\:\!univer-ring-offset-gray-800:focus:where(.univer-dark, .univer-dark *) {
+  --univer-tw-ring-offset-color: var(--univer-gray-800) !important;
+}
+.univer-pointer-events-none {
+  pointer-events: none;
+}
+
+.univer-pointer-events-auto {
+  pointer-events: auto;
+}
+
+.univer-absolute {
+  position: absolute;
+}
+
+.univer-relative {
+  position: relative;
+}
+
+.univer-sticky {
+  position: sticky;
+}
+
+.univer-inset-0 {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.univer-top-0 {
+  top: 0;
+}
+
+.univer-top-1\/2 {
+  top: 50%;
+}
+
+.univer-z-10 {
+  z-index: 10;
+}
+
+.univer-m-auto {
+  margin: auto;
+}
+
+.univer-mb-0\.5 {
+  margin-bottom: .125rem;
+}
+
+.univer-mb-3 {
+  margin-bottom: .75rem;
+}
+
+.univer-ml-1 {
+  margin-left: .25rem;
+}
+
+.univer-ml-2\.5 {
+  margin-left: .625rem;
+}
+
+.univer-ml-6 {
+  margin-left: 1.5rem;
+}
+
+.univer-mt-1 {
+  margin-top: .25rem;
+}
+
+.univer-flex {
+  display: flex;
+}
+
+.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-8 {
+  width: 2rem;
+  height: 2rem;
+}
+
+.univer-h-1 {
+  height: .25rem;
+}
+
+.univer-h-12 {
+  height: 3rem;
+}
+
+.univer-h-8 {
+  height: 2rem;
+}
+
+.univer-h-\[60\%\] {
+  height: 60%;
+}
+
+.univer-h-\[calc\(100\%-32px\)\] {
+  height: calc(100% - 32px);
+}
+
+.univer-h-full {
+  height: 100%;
+}
+
+.univer-max-h-\[300px\] {
+  max-height: 300px;
+}
+
+.univer-min-h-6 {
+  min-height: 1.5rem;
+}
+
+.univer-w-10 {
+  width: 2.5rem;
+}
+
+.univer-w-\[calc\(100\%-16px\)\] {
+  width: calc(100% - 16px);
+}
+
+.univer-w-full {
+  width: 100%;
+}
+
+.univer-min-w-0 {
+  min-width: 0;
+}
+
+.univer-min-w-\[240px\] {
+  min-width: 240px;
+}
+
+.univer-flex-1 {
+  flex: 1;
+}
+
+.univer-flex-shrink-0, .univer-shrink-0 {
+  flex-shrink: 0;
+}
+
+@keyframes univer-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.univer-animate-spin {
+  animation: 1s linear infinite univer-spin;
+}
+
+.univer-cursor-default {
+  cursor: default;
+}
+
+.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-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-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-y-auto {
+  overflow-y: auto;
+}
+
+.univer-truncate {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.univer-break-all {
+  word-break: break-all;
+}
+
+.univer-rounded {
+  border-radius: .25rem;
+}
+
+.univer-rounded-full {
+  border-radius: 9999px;
+}
+
+.univer-rounded-md {
+  border-radius: .375rem;
+}
+
+.univer-rounded-t-2xl {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}
+
+.univer-border {
+  border-width: 1px;
+}
+
+.univer-border-b {
+  border-bottom-width: 1px;
+}
+
+.univer-border-t {
+  border-top-width: 1px;
+}
+
+.univer-border-gray-100 {
+  border-color: var(--univer-gray-100);
+}
+
+.univer-border-gray-200 {
+  border-color: var(--univer-gray-200);
+}
+
+.univer-border-primary-600 {
+  border-color: var(--univer-primary-600);
+}
+
+.\!univer-bg-gray-900 {
+  background-color: var(--univer-gray-900) !important;
+}
+
+.univer-bg-blue-50 {
+  background-color: var(--univer-blue-50);
+}
+
+.univer-bg-gray-100 {
+  background-color: var(--univer-gray-100);
+}
+
+.univer-bg-gray-300 {
+  background-color: var(--univer-gray-300);
+}
+
+.univer-bg-gray-50 {
+  background-color: var(--univer-gray-50);
+}
+
+.univer-bg-primary-50 {
+  background-color: var(--univer-primary-50);
+}
+
+.univer-bg-white {
+  background-color: var(--univer-white);
+}
+
+.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-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-1\.5 {
+  padding-top: .375rem;
+  padding-bottom: .375rem;
+}
+
+.univer-py-2 {
+  padding-top: .5rem;
+  padding-bottom: .5rem;
+}
+
+.univer-py-3 {
+  padding-top: .75rem;
+  padding-bottom: .75rem;
+}
+
+.univer-py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.univer-pb-4 {
+  padding-bottom: 1rem;
+}
+
+.univer-pt-1\.5 {
+  padding-top: .375rem;
+}
+
+.univer-text-center {
+  text-align: center;
+}
+
+.univer-text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.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-5 {
+  line-height: 1.25rem;
+}
+
+.\!univer-text-blue-400 {
+  color: var(--univer-blue-400) !important;
+}
+
+.univer-text-blue-600 {
+  color: var(--univer-blue-600);
+}
+
+.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-700 {
+  color: var(--univer-gray-700);
+}
+
+.univer-text-gray-800 {
+  color: var(--univer-gray-800);
+}
+
+.univer-text-primary-600 {
+  color: var(--univer-primary-600);
+}
+
+.univer-shadow-\[0_-4px_24px_rgba\(0\,0\,0\,0\.12\)\] {
+  --univer-tw-shadow: 0 -4px 24px #0000001f;
+  --univer-tw-shadow-colored: 0 -4px 24px var(--univer-tw-shadow-color);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 -4px 24px #0000001f;
+  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-\[height\] {
+  transition-property: height;
+  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-300 {
+  transition-duration: .3s;
+}
+
+.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-border-gray-800:where(.univer-dark, .univer-dark *) {
+  border-color: var(--univer-gray-800) !important;
+}
+
+.dark\:\!univer-bg-gray-200:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-200) !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-bg-gray-900:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-900) !important;
+}
+
+.dark\:\!univer-bg-gray-950:where(.univer-dark, .univer-dark *) {
+  --univer-tw-bg-opacity: 1 !important;
+  background-color: #030712 !important;
+  background-color: rgba(3, 7, 18, var(--univer-tw-bg-opacity, 1)) !important;
+}
+
+.dark\:\!univer-bg-transparent:where(.univer-dark, .univer-dark *) {
+  background-color: #0000 !important;
+}
+
+.dark\:\!univer-text-blue-400:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-blue-400) !important;
+}
+
+.dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-200) !important;
+}
+
+.dark\:\!univer-text-gray-300:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-300) !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-700:hover:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700) !important;
+}
+
+.dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-800) !important;
+}