@noya-app/noya-file-explorer 0.0.2

package/dist/index.css

@@ -0,0 +1,1811 @@
+/* ../noya-designsystem/dist/index.css */
+*,
+:after,
+:before {
+  --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(59,130,246,.5);
+  --tw-ring-offset-shadow:0 0 #0000;
+  --tw-ring-shadow:0 0 #0000;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+  --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(59,130,246,.5);
+  --tw-ring-offset-shadow:0 0 #0000;
+  --tw-ring-shadow:0 0 #0000;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+  --tw-contain-size: ;
+  --tw-contain-layout: ;
+  --tw-contain-paint: ;
+  --tw-contain-style: ;
+}
+.container {
+  width: 100%;
+}
+@media (min-width:640px) {
+  .container {
+    max-width: 640px;
+  }
+}
+@media (min-width:768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+@media (min-width:1024px) {
+  .container {
+    max-width: 1024px;
+  }
+}
+@media (min-width:1280px) {
+  .container {
+    max-width: 1280px;
+  }
+}
+@media (min-width:1536px) {
+  .container {
+    max-width: 1536px;
+  }
+}
+.pointer-events-none {
+  pointer-events: none;
+}
+.visible {
+  visibility: visible;
+}
+.collapse {
+  visibility: collapse;
+}
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.inset-0 {
+  inset: 0;
+}
+.inset-y-0 {
+  top: 0;
+  bottom: 0;
+}
+.-left-2\.5 {
+  left: -.625rem;
+}
+.-top-\[1px\] {
+  top: -1px;
+}
+.bottom-0 {
+  bottom: 0;
+}
+.left-0 {
+  left: 0;
+}
+.left-1\.5 {
+  left: .375rem;
+}
+.left-1\/2 {
+  left: 50%;
+}
+.left-2 {
+  left: .5rem;
+}
+.left-5 {
+  left: 1.25rem;
+}
+.right-0 {
+  right: 0;
+}
+.right-0\.5 {
+  right: .125rem;
+}
+.right-1 {
+  right: .25rem;
+}
+.right-1\.5 {
+  right: .375rem;
+}
+.right-2 {
+  right: .5rem;
+}
+.right-6 {
+  right: 1.5rem;
+}
+.right-\[5px\] {
+  right: 5px;
+}
+.right-\[7px\] {
+  right: 7px;
+}
+.top-0 {
+  top: 0;
+}
+.top-1\/2 {
+  top: 50%;
+}
+.top-4 {
+  top: 1rem;
+}
+.top-\[5px\] {
+  top: 5px;
+}
+.top-\[7px\] {
+  top: 7px;
+}
+.z-20 {
+  z-index: 20;
+}
+.z-50 {
+  z-index: 50;
+}
+.z-\[1000\] {
+  z-index: 1000;
+}
+.z-\[1\] {
+  z-index: 1;
+}
+.z-\[2147483647\] {
+  z-index: 2147483647;
+}
+.z-label {
+  z-index: var(--n-label-z-index);
+}
+.z-menu {
+  z-index: var(--n-menu-z-index);
+}
+.-m-1 {
+  margin: -.25rem;
+}
+.-m-2 {
+  margin: -.5rem;
+}
+.m-0 {
+  margin: 0;
+}
+.m-\[0_-24px_0_-20px\] {
+  margin: 0 -24px 0 -20px;
+}
+.-mx-1\.5 {
+  margin-left: -.375rem;
+  margin-right: -.375rem;
+}
+.-mx-3 {
+  margin-left: -.75rem;
+  margin-right: -.75rem;
+}
+.-my-1 {
+  margin-top: -.25rem;
+  margin-bottom: -.25rem;
+}
+.mx-3 {
+  margin-left: .75rem;
+  margin-right: .75rem;
+}
+.my-1 {
+  margin-top: .25rem;
+  margin-bottom: .25rem;
+}
+.-mb-\[6px\] {
+  margin-bottom: -6px;
+}
+.-ml-1\.5 {
+  margin-left: -.375rem;
+}
+.-ml-3 {
+  margin-left: -.75rem;
+}
+.-mr-1 {
+  margin-right: -.25rem;
+}
+.-mr-2 {
+  margin-right: -.5rem;
+}
+.-mt-1 {
+  margin-top: -.25rem;
+}
+.mb-\[5px\] {
+  margin-bottom: 5px;
+}
+.ml-1\.5 {
+  margin-left: .375rem;
+}
+.ml-\[-2px\] {
+  margin-left: -2px;
+}
+.ml-\[2px\] {
+  margin-left: 2px;
+}
+.ml-auto {
+  margin-left: auto;
+}
+.mr-\[-2px\] {
+  margin-right: -2px;
+}
+.mr-\[2px\] {
+  margin-right: 2px;
+}
+.mt-3 {
+  margin-top: .75rem;
+}
+.block {
+  display: block;
+}
+.inline-block {
+  display: inline-block;
+}
+.inline {
+  display: inline;
+}
+.flex {
+  display: flex;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.grid {
+  display: grid;
+}
+.\!contents {
+  display: contents !important;
+}
+.contents {
+  display: contents;
+}
+.hidden {
+  display: none;
+}
+.aspect-\[24\/26\] {
+  aspect-ratio: 24/26;
+}
+.aspect-square {
+  aspect-ratio: 1/1;
+}
+.h-16 {
+  height: 4rem;
+}
+.h-24 {
+  height: 6rem;
+}
+.h-4 {
+  height: 1rem;
+}
+.h-6 {
+  height: 1.5rem;
+}
+.h-8 {
+  height: 2rem;
+}
+.h-\[15px\] {
+  height: 15px;
+}
+.h-\[19px\] {
+  height: 19px;
+}
+.h-\[25px\] {
+  height: 25px;
+}
+.h-\[50px\] {
+  height: 50px;
+}
+.h-\[5px\] {
+  height: 5px;
+}
+.h-full {
+  height: 100%;
+}
+.h-input-height {
+  height: var(--n-input-height);
+}
+.h-px {
+  height: 1px;
+}
+.max-h-\[600px\] {
+  max-height: 600px;
+}
+.max-h-\[85vh\] {
+  max-height: 85vh;
+}
+.max-h-full {
+  max-height: 100%;
+}
+.max-h-input-height {
+  max-height: var(--n-input-height);
+}
+.max-h-none {
+  max-height: none;
+}
+.min-h-0 {
+  min-height: 0;
+}
+.min-h-6 {
+  min-height: 1.5rem;
+}
+.min-h-\[19px\] {
+  min-height: 19px;
+}
+.min-h-input-height {
+  min-height: var(--n-input-height);
+}
+.min-h-px {
+  min-height: 1px;
+}
+.w-0 {
+  width: 0;
+}
+.w-16 {
+  width: 4rem;
+}
+.w-24 {
+  width: 6rem;
+}
+.w-4 {
+  width: 1rem;
+}
+.w-6 {
+  width: 1.5rem;
+}
+.w-8 {
+  width: 2rem;
+}
+.w-\[0\.9rem\] {
+  width: .9rem;
+}
+.w-\[15px\] {
+  width: 15px;
+}
+.w-\[19px\] {
+  width: 19px;
+}
+.w-\[1px\] {
+  width: 1px;
+}
+.w-\[240px\] {
+  width: 240px;
+}
+.w-\[25px\] {
+  width: 25px;
+}
+.w-\[50px\] {
+  width: 50px;
+}
+.w-\[680px\] {
+  width: 680px;
+}
+.w-\[90vw\] {
+  width: 90vw;
+}
+.w-full {
+  width: 100%;
+}
+.w-input-height {
+  width: var(--n-input-height);
+}
+.w-px {
+  width: 1px;
+}
+.min-w-0 {
+  min-width: 0;
+}
+.min-w-6 {
+  min-width: 1.5rem;
+}
+.min-w-\[200px\] {
+  min-width: 200px;
+}
+.min-w-\[31px\] {
+  min-width: 31px;
+}
+.min-w-px {
+  min-width: 1px;
+}
+.max-w-\[100vw\] {
+  max-width: 100vw;
+}
+.max-w-\[450px\] {
+  max-width: 450px;
+}
+.max-w-\[70\%\] {
+  max-width: 70%;
+}
+.max-w-full {
+  max-width: 100%;
+}
+.max-w-none {
+  max-width: none;
+}
+.flex-1 {
+  flex: 1 1 0%;
+}
+.flex-\[0_0_auto\] {
+  flex: 0 0 auto;
+}
+.flex-auto {
+  flex: 1 1 auto;
+}
+.flex-none {
+  flex: none;
+}
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+.flex-grow {
+  flex-grow: 1;
+}
+.basis-0 {
+  flex-basis: 0px;
+}
+.-translate-x-1\/2 {
+  --tw-translate-x:-50%;
+}
+.-translate-x-1\/2,
+.-translate-y-1\/2 {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.-translate-y-1\/2 {
+  --tw-translate-y:-50%;
+}
+.translate-x-\[2px\] {
+  --tw-translate-x:2px;
+}
+.rotate-0,
+.translate-x-\[2px\] {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.rotate-0 {
+  --tw-rotate:0deg;
+}
+.rotate-180 {
+  --tw-rotate:180deg;
+}
+.rotate-180,
+.scale-\[0\.60\] {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.scale-\[0\.60\] {
+  --tw-scale-x:0.60;
+  --tw-scale-y:0.60;
+}
+.scale-\[0\.75\] {
+  --tw-scale-x:0.75;
+  --tw-scale-y:0.75;
+}
+.scale-\[0\.75\],
+.transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
+}
+@keyframes shimmer {
+  0% {
+    background-position: -200% 0;
+  }
+  to {
+    background-position: 200% 0;
+  }
+}
+.animate-shimmer {
+  animation: shimmer 6s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(1turn);
+  }
+}
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+.cursor-col-resize {
+  cursor: col-resize;
+}
+.cursor-default {
+  cursor: default;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.touch-none {
+  touch-action: none;
+}
+.select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.select-all {
+  -webkit-user-select: all;
+  -moz-user-select: all;
+  user-select: all;
+}
+.resize-none {
+  resize: none;
+}
+.resize {
+  resize: both;
+}
+.list-none {
+  list-style-type: none;
+}
+.appearance-none {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.grid-cols-\[auto_max-content\] {
+  grid-template-columns: auto max-content;
+}
+.flex-row {
+  flex-direction: row;
+}
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.items-start {
+  align-items: flex-start;
+}
+.items-end {
+  align-items: flex-end;
+}
+.items-center {
+  align-items: center;
+}
+.items-stretch {
+  align-items: stretch;
+}
+.justify-start {
+  justify-content: flex-start;
+}
+.justify-end {
+  justify-content: flex-end;
+}
+.justify-center {
+  justify-content: center;
+}
+.gap-0\.5 {
+  gap: .125rem;
+}
+.gap-1 {
+  gap: .25rem;
+}
+.gap-1\.5 {
+  gap: .375rem;
+}
+.gap-2 {
+  gap: .5rem;
+}
+.gap-3 {
+  gap: .75rem;
+}
+.gap-4 {
+  gap: 1rem;
+}
+.gap-toolbar-separator {
+  gap: var(--n-toolbar-separator);
+}
+.gap-x-1\.5 {
+  -moz-column-gap: .375rem;
+  column-gap: .375rem;
+}
+.gap-x-2\.5 {
+  -moz-column-gap: .625rem;
+  column-gap: .625rem;
+}
+.self-start {
+  align-self: flex-start;
+}
+.self-stretch {
+  align-self: stretch;
+}
+.overflow-auto {
+  overflow: auto;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-y-auto {
+  overflow-y: auto;
+}
+.truncate {
+  overflow: hidden;
+  white-space: nowrap;
+}
+.text-ellipsis,
+.truncate {
+  text-overflow: ellipsis;
+}
+.whitespace-pre {
+  white-space: pre;
+}
+.rounded {
+  border-radius: .25rem;
+}
+.rounded-\[10px\] {
+  border-radius: 10px;
+}
+.rounded-\[2px\] {
+  border-radius: 2px;
+}
+.rounded-\[3px\] {
+  border-radius: 3px;
+}
+.rounded-\[50\%\] {
+  border-radius: 50%;
+}
+.rounded-full {
+  border-radius: 9999px;
+}
+.rounded-lg {
+  border-radius: .5rem;
+}
+.rounded-md {
+  border-radius: .375rem;
+}
+.rounded-none {
+  border-radius: 0;
+}
+.border {
+  border-width: 1px;
+}
+.border-0 {
+  border-width: 0;
+}
+.border-l {
+  border-left-width: 1px;
+}
+.border-r {
+  border-right-width: 1px;
+}
+.border-t {
+  border-top-width: 1px;
+}
+.border-solid {
+  border-style: solid;
+}
+.border-dashed {
+  border-style: dashed;
+}
+.border-dotted {
+  border-style: dotted;
+}
+.border-none {
+  border-style: none;
+}
+.border-background {
+  border-color: var(--n-background);
+}
+.border-divider {
+  border-color: var(--n-divider);
+}
+.border-divider-strong {
+  border-color: var(--n-divider-strong);
+}
+.border-divider-subtle {
+  border-color: var(--n-divider-subtle);
+}
+.border-gray-200 {
+  --tw-border-opacity:1;
+  border-color: rgb(229 231 235/var(--tw-border-opacity));
+}
+.border-primary {
+  border-color: var(--n-primary);
+}
+.border-secondary {
+  border-color: var(--n-secondary);
+}
+.border-slider-border {
+  border-color: var(--n-slider-border);
+}
+.border-transparent {
+  border-color: transparent;
+}
+.bg-\[\#0ab557\] {
+  --tw-bg-opacity:1;
+  background-color: rgb(10 181 87/var(--tw-bg-opacity));
+}
+.bg-\[rgb\(255\,219\,219\)\] {
+  --tw-bg-opacity:1;
+  background-color: rgb(255 219 219/var(--tw-bg-opacity));
+}
+.bg-\[rgba\(0\,0\,0\,0\.5\)\] {
+  background-color: rgba(0, 0, 0, .5);
+}
+.bg-\[var\(--n-chip-default-bg\)\] {
+  background-color: var(--n-chip-default-bg);
+}
+.bg-\[var\(--n-chip-error-bg\)\] {
+  background-color: var(--n-chip-error-bg);
+}
+.bg-\[var\(--n-chip-primary-bg\)\] {
+  background-color: var(--n-chip-primary-bg);
+}
+.bg-\[var\(--n-chip-secondary-bg\)\] {
+  background-color: var(--n-chip-secondary-bg);
+}
+.bg-active-background {
+  background-color: var(--n-active-background);
+}
+.bg-background {
+  background-color: var(--n-background);
+}
+.bg-black\/50 {
+  background-color: rgba(0, 0, 0, .5);
+}
+.bg-canvas-background {
+  background-color: var(--n-canvas-background);
+}
+.bg-divider {
+  background-color: var(--n-divider);
+}
+.bg-divider-strong {
+  background-color: var(--n-divider-strong);
+}
+.bg-divider-subtle {
+  background-color: var(--n-divider-subtle);
+}
+.bg-floating-button {
+  background-color: var(--n-floating-button);
+}
+.bg-input-background {
+  background-color: var(--n-input-background);
+}
+.bg-list-view-hover-background {
+  background-color: var(--n-list-view-hover-background);
+}
+.bg-listview-editing-background {
+  background-color: var(--n-listview-editing-background);
+}
+.bg-listview-raised-background {
+  background-color: var(--n-listview-raised-background);
+}
+.bg-popover-background {
+  background-color: var(--n-popover-background);
+}
+.bg-primary {
+  background-color: var(--n-primary);
+}
+.bg-primary-pastel {
+  background-color: var(--n-primary-pastel);
+}
+.bg-row-highlight {
+  background-color: var(--n-row-highlight);
+}
+.bg-scrollbar {
+  background-color: var(--n-scrollbar);
+}
+.bg-secondary {
+  background-color: var(--n-secondary);
+}
+.bg-secondary-pastel {
+  background-color: var(--n-secondary-pastel);
+}
+.bg-sidebar-background {
+  background-color: var(--n-sidebar-background);
+}
+.bg-slider-thumb-background {
+  background-color: var(--n-slider-thumb-background);
+}
+.bg-text {
+  background-color: var(--n-text);
+}
+.bg-transparent {
+  background-color: transparent;
+}
+.bg-warning {
+  background-color: var(--n-warning);
+}
+.bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.from-transparent {
+  --tw-gradient-from:transparent var(--tw-gradient-from-position);
+  --tw-gradient-to:transparent var(--tw-gradient-to-position);
+  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
+}
+.from-white\/0 {
+  --tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);
+  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
+}
+.via-\[rgb\(226\,232\,240\)\]\/50 {
+  --tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:var(--tw-gradient-from),rgba(226,232,240,.5) var(--tw-gradient-via-position),var(--tw-gradient-to);
+}
+.to-background {
+  --tw-gradient-to:var(--n-background) var(--tw-gradient-to-position);
+}
+.to-white\/0 {
+  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
+}
+.fill-popover-background {
+  fill: var(--n-popover-background);
+}
+.stroke-white {
+  stroke: #fff;
+}
+.stroke-\[1\.3px\] {
+  stroke-width: 1.3px;
+}
+.object-contain {
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+.object-cover {
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+.p-0 {
+  padding: 0;
+}
+.p-1 {
+  padding: .25rem;
+}
+.p-2 {
+  padding: .5rem;
+}
+.p-20 {
+  padding: 5rem;
+}
+.p-3 {
+  padding: .75rem;
+}
+.p-5 {
+  padding: 1.25rem;
+}
+.p-\[0_24px_0_20px\] {
+  padding: 0 24px 0 20px;
+}
+.p-\[0px_4px\] {
+  padding: 0 4px;
+}
+.p-\[2px_4px\] {
+  padding: 2px 4px;
+}
+.p-\[2px_6px\] {
+  padding: 2px 6px;
+}
+.p-\[3px\] {
+  padding: 3px;
+}
+.p-\[4px_8px\] {
+  padding: 4px 8px;
+}
+.p-dialog-padding {
+  padding: var(--n-dialog-padding);
+}
+.px-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+.px-1 {
+  padding-left: .25rem;
+  padding-right: .25rem;
+}
+.px-1\.5 {
+  padding-left: .375rem;
+  padding-right: .375rem;
+}
+.px-2 {
+  padding-left: .5rem;
+  padding-right: .5rem;
+}
+.px-3 {
+  padding-left: .75rem;
+  padding-right: .75rem;
+}
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+.px-\[1px\] {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+.px-\[2px\] {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+.px-\[6px\] {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.px-medium {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+.py-0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.py-1 {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+}
+.py-1\.5 {
+  padding-top: .375rem;
+  padding-bottom: .375rem;
+}
+.py-2 {
+  padding-top: .5rem;
+  padding-bottom: .5rem;
+}
+.py-2\.5 {
+  padding-top: .625rem;
+  padding-bottom: .625rem;
+}
+.py-3 {
+  padding-top: .75rem;
+  padding-bottom: .75rem;
+}
+.py-\[1px\] {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+.py-\[2px\] {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+.py-small {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.\!pr-9 {
+  padding-right: 2.25rem !important;
+}
+.pb-4 {
+  padding-bottom: 1rem;
+}
+.pl-1\.5 {
+  padding-left: .375rem;
+}
+.pl-3 {
+  padding-left: .75rem;
+}
+.pr-1\.5 {
+  padding-right: .375rem;
+}
+.pr-2\.5 {
+  padding-right: .625rem;
+}
+.pr-4 {
+  padding-right: 1rem;
+}
+.pt-1 {
+  padding-top: .25rem;
+}
+.text-left {
+  text-align: left;
+}
+.text-center {
+  text-align: center;
+}
+.align-middle {
+  vertical-align: middle;
+}
+.font-mono {
+  font-family:
+    Menlo,
+    Monaco,
+    Consolas,
+    Courier New,
+    monospace;
+}
+.font-sans {
+  font-family:
+    __Inter_6b0edc,
+    __Inter_Fallback_6b0edc,
+    -apple-system,
+    BlinkMacSystemFont,
+    Helvetica Neue,
+    Segoe UI,
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif;
+}
+.text-\[10px\] {
+  font-size: 10px;
+}
+.text-\[11px\] {
+  font-size: 11px;
+}
+.text-\[12px\] {
+  font-size: 12px;
+}
+.text-\[9px\] {
+  font-size: 9px;
+}
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+.text-button {
+  font-size: .8rem;
+  line-height: 1.4;
+  letter-spacing: -.2px;
+}
+.text-code {
+  font-size: 90%;
+  line-height: 1.5;
+}
+.text-heading1 {
+  font-size: 1.953rem;
+  line-height: 1.6;
+  letter-spacing: -.025em;
+}
+.text-heading2 {
+  font-size: 1.563rem;
+  line-height: 1.5;
+  letter-spacing: -.025em;
+}
+.text-heading3 {
+  font-size: 1.25rem;
+  line-height: 1.4;
+  letter-spacing: -.025em;
+}
+.text-heading4 {
+  font-size: 1rem;
+  line-height: 1.4;
+}
+.text-heading5 {
+  font-size: .85rem;
+  line-height: 1.4;
+}
+.text-label {
+  font-size: .62rem;
+  line-height: 19px;
+  letter-spacing: -.3px;
+}
+.text-sm {
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+.text-subtitle {
+  font-size: 1.563rem;
+  line-height: 1.75;
+  letter-spacing: -.05em;
+}
+.text-title {
+  font-size: 3.052rem;
+  line-height: 1.4;
+  letter-spacing: -.05em;
+}
+.text-xs {
+  font-size: .75rem;
+  line-height: 1rem;
+}
+.font-\[14px\] {
+  font-weight: 14px;
+}
+.font-bold {
+  font-weight: 700;
+}
+.font-medium {
+  font-weight: 500;
+}
+.font-normal {
+  font-weight: 400;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.uppercase {
+  text-transform: uppercase;
+}
+.italic {
+  font-style: italic;
+}
+.tabular-nums {
+  --tw-numeric-spacing:tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+.leading-3 {
+  line-height: .75rem;
+}
+.leading-\[1\.4\] {
+  line-height: 1.4;
+}
+.leading-\[15px\] {
+  line-height: 15px;
+}
+.leading-\[19px\] {
+  line-height: 19px;
+}
+.leading-\[1\],
+.leading-none {
+  line-height: 1;
+}
+.\!text-text-disabled {
+  color: var(--n-text-disabled) !important;
+}
+.text-inherit {
+  color: inherit;
+}
+.text-primary {
+  color: var(--n-primary);
+}
+.text-secondary {
+  color: var(--n-secondary);
+}
+.text-segmented-control-item {
+  color: var(--n-segmented-control-item);
+}
+.text-text {
+  color: var(--n-text);
+}
+.text-text-disabled {
+  color: var(--n-text-disabled);
+}
+.text-text-muted {
+  color: var(--n-text-muted);
+}
+.text-text-subtle {
+  color: var(--n-text-subtle);
+}
+.text-white {
+  --tw-text-opacity:1;
+  color: rgb(255 255 255/var(--tw-text-opacity));
+}
+.underline {
+  text-decoration-line: underline;
+}
+.no-underline {
+  text-decoration-line: none;
+}
+.decoration-text-decorative-light {
+  text-decoration-color: var(--n-text-decorative-light);
+}
+.opacity-0 {
+  opacity: 0;
+}
+.opacity-100 {
+  opacity: 1;
+}
+.opacity-25 {
+  opacity: .25;
+}
+.opacity-50 {
+  opacity: .5;
+}
+.opacity-60 {
+  opacity: .6;
+}
+.shadow-\[0_0_0_1px_var\(--n-chip-default-shadow\)_inset\] {
+  --tw-shadow:0 0 0 1px var(--n-chip-default-shadow) inset;
+  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_0_0_1px_var\(--n-chip-error-shadow\)_inset\] {
+  --tw-shadow:0 0 0 1px var(--n-chip-error-shadow) inset;
+  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_0_0_1px_var\(--n-chip-primary-shadow\)_inset\] {
+  --tw-shadow:0 0 0 1px var(--n-chip-primary-shadow) inset;
+  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_0_0_1px_var\(--n-chip-secondary-shadow\)_inset\] {
+  --tw-shadow:0 0 0 1px var(--n-chip-secondary-shadow) inset;
+  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_0_0_1px_var\(--n-divider\)_inset\] {
+  --tw-shadow:0 0 0 1px var(--n-divider) inset;
+  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_10px_38px_-10px_hsla\(206\,22\%\,7\%\,\.35\)\,0_10px_20px_-15px_hsla\(206\,22\%\,7\%\,\.2\)\] {
+  --tw-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);
+  --tw-shadow-colored:0 10px 38px -10px var(--tw-shadow-color),0 10px 20px -15px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.1\)\] {
+  --tw-shadow:0 1px 2px rgba(0,0,0,.1);
+  --tw-shadow-colored:0 1px 2px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)\,0_0_12px_rgba\(0\,0\,0\,0\.1\)\],
+.shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)\,_0_0_12px_rgba\(0\,0\,0\,0\.1\)\] {
+  --tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);
+  --tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)_0_0_12px_rgba\(0\,0\,0\,0\.1\)\] {
+  --tw-shadow:0 2px 4px rgba(0,0,0,.2) 0 0 12px rgba(0,0,0,.1);
+  --tw-shadow-colored:0 2px 4px 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-none {
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+}
+.shadow-none,
+.shadow-sm {
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-sm {
+  --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
+  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
+}
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.outline {
+  outline-style: solid;
+}
+.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),
+    var(--tw-shadow,0 0 #0000);
+}
+.ring-inset {
+  --tw-ring-inset:inset;
+}
+.ring-primary {
+  --tw-ring-color:var(--n-primary);
+}
+.ring-offset-background {
+  --tw-ring-offset-color:var(--n-background);
+}
+.blur {
+  --tw-blur:blur(8px);
+}
+.blur,
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.backdrop-blur-\[4px\] {
+  --tw-backdrop-blur:blur(4px);
+  -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: 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);
+}
+.transition {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    -webkit-backdrop-filter;
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    backdrop-filter;
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    backdrop-filter,
+    -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  transition-duration: .15s;
+}
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  transition-duration: .15s;
+}
+.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;
+}
+.transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  transition-duration: .15s;
+}
+.duration-100 {
+  transition-duration: .1s;
+}
+.duration-200 {
+  transition-duration: .2s;
+}
+.ease-in {
+  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
+}
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, .2, 1);
+}
+.\@container\/toolbar {
+  container-type: inline-size;
+  container-name: toolbar;
+}
+.\[-webkit-app-region\:no-drag\] {
+  -webkit-app-region: no-drag;
+}
+.\[webkit-tap-highlight-color\:rgba\(0\,0\,0\,0\)\] {
+  webkit-tap-highlight-color: transparent;
+}
+:root {
+  --n-logo-fill:#9698ac;
+  --n-logo-highlight:#9698ac;
+  --n-background:#fff;
+  --n-text:#263053;
+  --n-text-muted:#6b7188;
+  --n-text-subtle:#757981;
+  --n-text-disabled:#9698ac;
+  --n-text-decorative-light:#a8b9d4;
+  --n-divider-subtle:rgba(30,50,100,.04);
+  --n-divider:rgba(30,50,100,.07);
+  --n-divider-strong:rgba(30,50,100,.09);
+  --n-primary:#6746ff;
+  --n-primary-light:#9356ff;
+  --n-primary-pastel:#eae6ff;
+  --n-secondary:#009775;
+  --n-secondary-light:#00a081;
+  --n-secondary-pastel:#cdeee7;
+  --n-secondary-bright:#0ab557;
+  --n-input-background-light:#f3f5f9;
+  --n-code-background:#fafafa;
+  --n-code-background-dark:#435080;
+  --n-selected-background:#f2f5fa;
+  --n-breadcrumb-text:#6b7188;
+  --n-breadcrumb-text-hover:#757981;
+  --n-breadcrumb-icon:#8183a5;
+  --n-canvas-background:#f9f9f9;
+  --n-canvas-grid:rgba(0,0,0,.05);
+  --n-sidebar-background:#fff;
+  --n-sidebar-background-transparent:hsla(0,0%,100%,.85);
+  --n-popover-background:#fcfcfc;
+  --n-popover-divider:transparent;
+  --n-listview-raised-background:rgba(0,0,0,.03);
+  --n-listview-editing-background:#fff;
+  --n-input-background:#f0f2f6;
+  --n-list-view-hover-background:#f4f6fa;
+  --n-list-view-thumbnail-background:var(--n-input-background);
+  --n-slider-thumb-background:#fff;
+  --n-slider-border:#9698ac;
+  --n-mask:#0cc143;
+  --n-transparent-checker:hsla(0,0%,100%,.8);
+  --n-scrollbar:hsla(0,0%,78%,.8);
+  --n-placeholder-dots:rgba(0,0,0,.3);
+  --n-drag-outline:#6746ff;
+  --n-active-background:rgba(0,0,0,.1);
+  --n-thumbnail-background:#f0efff;
+  --n-thumbnail-shadow:#d3ceed66;
+  --n-inline-code-text:#6746ff;
+  --n-inline-code-background:#f0f2f6;
+  --n-text-link:#6746ff;
+  --n-text-link-focused:#9356ff;
+  --n-inset-top:46px;
+  --n-sidebar-width:260px;
+  --n-toolbar-height:46px;
+  --n-toolbar-separator:8px;
+  --n-inspector-h-separator:8px;
+  --n-inspector-v-separator:10px;
+  --n-dialog-padding:16px;
+  --n-input-height:27px;
+  --n-icon:#8183a5;
+  --n-icon-selected:#dcdcdc;
+  --n-warning:#fbd300;
+  --n-segmented-control-item:#8b8b8b;
+  --n-dot:rgba(0,0,0,.25);
+  --n-row-highlight:#3390ff10;
+  --n-table-row-background:var(--n-background);
+  --n-interactable-z-index:2;
+  --n-label-z-index:3;
+  --n-menu-z-index:5000;
+  --n-chip-primary-bg:rgba(238,229,255,.2);
+  --n-chip-secondary-bg:rgba(205,238,231,.2);
+  --n-chip-error-bg:hsla(0,100%,93%,.2);
+  --n-chip-default-bg:rgba(0,0,0,.1);
+  --n-chip-primary-shadow:#eee5ff;
+  --n-chip-secondary-shadow:#cdeee7;
+  --n-chip-error-shadow:#ffdbdb;
+  --n-chip-default-shadow:#000;
+  --n-floating-button:#f8f8fa;
+  --n-block-border:#b8c9da;
+  --n-block-highlight:orange;
+}
+[data-theme=dark] {
+  --n-background:#111;
+  --n-logo-fill:#f8f8fa;
+  --n-logo-highlight:#f8f8fa;
+  --n-text:#f8f8fa;
+  --n-text-muted:#b4b3b6;
+  --n-text-subtle:#b4b3b6;
+  --n-text-disabled:#73727e;
+  --n-divider-subtle:hsla(0,0%,100%,.04);
+  --n-divider:hsla(0,0%,100%,.08);
+  --n-divider-strong:#000;
+  --n-primary:#7742ff;
+  --n-primary-light:#8656ff;
+  --n-secondary-bright:#36fe91;
+  --n-input-background:rgba(181,178,255,.08);
+  --n-input-background-light:rgba(181,178,255,.1);
+  --n-code-background:#141317;
+  --n-canvas-background:#141317;
+  --n-canvas-grid:rgba(0,0,0,.1);
+  --n-sidebar-background:#222127;
+  --n-sidebar-background-transparent:rgba(34,33,39,.95);
+  --n-popover-background:#222127;
+  --n-popover-divider:hsla(0,0%,100%,.08);
+  --n-listview-raised-background:rgba(181,178,255,.1);
+  --n-listview-editing-background:#000;
+  --n-list-view-hover-background:var(--n-input-background-light);
+  --n-list-view-thumbnail-background:var(--n-input-background);
+  --n-slider-thumb-background:var(--n-input-background-light);
+  --n-slider-border:var(--n-divider);
+  --n-mask:#66bb6a;
+  --n-transparent-checker:hsla(0,0%,100%,.3);
+  --n-scrollbar:hsla(0,0%,78%,.2);
+  --n-placeholder-dots:hsla(0,0%,100%,.3);
+  --n-drag-outline:#fff;
+  --n-active-background:rgba(181,178,255,.08);
+  --n-thumbnail-background:#1f1d33;
+  --n-thumbnail-shadow:#1f1d3366;
+  --n-dot:hsla(0,0%,100%,.15);
+  --n-table-row-background:var(--n-sidebar-background);
+  --n-floating-button:#333;
+}
+.placeholder\:text-text-disabled::-moz-placeholder {
+  color: var(--n-text-disabled);
+}
+.placeholder\:text-text-disabled::placeholder {
+  color: var(--n-text-disabled);
+}
+.read-only\:text-text-disabled:-moz-read-only {
+  color: var(--n-text-disabled);
+}
+.read-only\:text-text-disabled:read-only {
+  color: var(--n-text-disabled);
+}
+.hover\:cursor-pointer:hover {
+  cursor: pointer;
+}
+.hover\:select-none:hover {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.hover\:whitespace-pre:hover {
+  white-space: pre;
+}
+.hover\:bg-input-background-light:hover {
+  background-color: var(--n-input-background-light);
+}
+.hover\:bg-primary-light:hover {
+  background-color: var(--n-primary-light);
+}
+.hover\:bg-secondary-light:hover {
+  background-color: var(--n-secondary-light);
+}
+.hover\:text-breadcrumb-text-hover:hover {
+  color: var(--n-breadcrumb-text-hover);
+}
+.hover\:text-text:hover {
+  color: var(--n-text);
+}
+.hover\:opacity-80:hover {
+  opacity: .8;
+}
+.hover\:opacity-85:hover {
+  opacity: .85;
+}
+.hover\:shadow-none:hover {
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.focus\:z-interactable:focus {
+  z-index: var(--n-interactable-z-index);
+}
+.focus\:border-2:focus {
+  border-width: 2px;
+}
+.focus\:border-primary:focus {
+  border-color: var(--n-primary);
+}
+.focus\:bg-primary:focus {
+  background-color: var(--n-primary);
+}
+.focus\:text-white:focus {
+  --tw-text-opacity:1;
+  color: rgb(255 255 255/var(--tw-text-opacity));
+}
+.focus\:shadow-\[0_0_0_1px_var\(--n-popover-background\)_inset\]:focus {
+  --tw-shadow:0 0 0 1px var(--n-popover-background) inset;
+  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.focus\:shadow-\[0_0_0_1px_var\(--n-sidebar-background\)\,0_0_0_3px_var\(--n-primary\)\]:focus {
+  --tw-shadow:0 0 0 1px var(--n-sidebar-background),0 0 0 3px var(--n-primary);
+  --tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 0 0 3px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.focus\: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),
+    var(--tw-shadow,0 0 #0000);
+}
+.focus\:ring-inset:focus {
+  --tw-ring-inset:inset;
+}
+.focus\:ring-primary:focus {
+  --tw-ring-color:var(--n-primary);
+}
+.focus\:ring-secondary:focus {
+  --tw-ring-color:var(--n-secondary);
+}
+.focus\:ring-offset-1:focus,
+.focus\:ring-offset-\[1px\]:focus {
+  --tw-ring-offset-width:1px;
+}
+.active\:bg-active-background:active {
+  background-color: var(--n-active-background);
+}
+.active\:bg-primary:active {
+  background-color: var(--n-primary);
+}
+.active\:bg-primary-light:active {
+  background-color: var(--n-primary-light);
+}
+.active\:bg-secondary:active {
+  background-color: var(--n-secondary);
+}
+.active\:opacity-70:active {
+  opacity: .7;
+}
+.active\:opacity-90:active {
+  opacity: .9;
+}
+.disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+.disabled\:opacity-50:disabled {
+  opacity: .5;
+}
+.group:hover .group-hover\:flex {
+  display: flex;
+}
+.peer:checked ~ .peer-checked\:opacity-100 {
+  opacity: 1;
+}
+.aria-checked\:bg-background[aria-checked=true] {
+  background-color: var(--n-background);
+}
+.aria-checked\:bg-primary[aria-checked=true] {
+  background-color: var(--n-primary);
+}
+.aria-checked\:bg-secondary[aria-checked=true] {
+  background-color: var(--n-secondary);
+}
+.aria-checked\:text-text[aria-checked=true] {
+  color: var(--n-text);
+}
+.aria-checked\:text-white[aria-checked=true] {
+  --tw-text-opacity:1;
+  color: rgb(255 255 255/var(--tw-text-opacity));
+}
+.aria-checked\:shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.1\)\][aria-checked=true] {
+  --tw-shadow:0 1px 1px rgba(0,0,0,.1);
+  --tw-shadow-colored:0 1px 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow,0 0 #0000),
+    var(--tw-ring-shadow,0 0 #0000),
+    var(--tw-shadow);
+}
+.data-\[orientation\=vertical\]\:w-\[10px\][data-orientation=vertical] {
+  width: 10px;
+}
+.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked] {
+  --tw-translate-x:15px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.data-\[state\=checked\]\:bg-primary[data-state=checked] {
+  background-color: var(--n-primary);
+}
+.data-\[state\=checked\]\:bg-secondary[data-state=checked] {
+  background-color: var(--n-secondary);
+}
+@container toolbar (min-width: 42rem) {
+  .\@2xl\/toolbar\:absolute {
+    position: absolute;
+  }
+}
+@media (min-width:640px) {
+  .sm\:max-w-sm {
+    max-width: 24rem;
+  }
+  .sm\:text-\[18px\] {
+    font-size: 18px;
+  }
+  .sm\:text-\[36px\] {
+    font-size: 36px;
+  }
+}
+.\[\&\>\*\]\:pointer-events-none > * {
+  pointer-events: none;
+}
+.\[\&\>div\]\:block > div {
+  display: block;
+}
+
+/* src/index.css */
+/*# sourceMappingURL=index.css.map */