jett.admin.npmpackage 2.0.40 → 2.0.42

package/dist/index.css

@@ -1,1608 +1,1789 @@
-/* dist/index.css */
-@layer properties;
-:root,
-:host {
-  --color-red-50: oklch(97.1% 0.013 17.38);
-  --color-red-100: oklch(93.6% 0.032 17.717);
-  --color-red-500: oklch(63.7% 0.237 25.331);
-  --color-red-600: oklch(57.7% 0.245 27.325);
-  --color-red-700: oklch(50.5% 0.213 27.518);
-  --color-red-800: oklch(44.4% 0.177 26.899);
-  --color-red-900: oklch(39.6% 0.141 25.723);
-  --color-yellow-100: oklch(97.3% 0.071 103.193);
-  --color-yellow-800: oklch(47.6% 0.114 61.907);
-  --color-yellow-900: oklch(42.1% 0.095 57.708);
-  --color-green-100: oklch(96.2% 0.044 156.743);
-  --color-green-800: oklch(44.8% 0.119 151.328);
-  --color-green-900: oklch(39.3% 0.095 152.535);
-  --color-blue-50: oklch(97% 0.014 254.604);
-  --color-blue-600: oklch(54.6% 0.245 262.881);
-  --color-blue-950: oklch(28.2% 0.091 267.935);
-  --color-gray-50: oklch(98.5% 0.002 247.839);
-  --color-gray-100: oklch(96.7% 0.003 264.542);
-  --color-gray-200: oklch(92.8% 0.006 264.531);
-  --color-gray-300: oklch(87.2% 0.01 258.338);
-  --color-gray-400: oklch(70.7% 0.022 261.325);
-  --color-gray-500: oklch(55.1% 0.027 264.364);
-  --color-gray-600: oklch(44.6% 0.03 256.802);
-  --color-gray-700: oklch(37.3% 0.034 259.733);
-  --color-gray-800: oklch(27.8% 0.033 256.848);
-  --color-gray-900: oklch(21% 0.034 264.665);
-  --color-black: #000;
-  --color-white: #fff;
-  --spacing: 0.25rem;
-  --text-xs: 0.75rem;
-  --text-xs--line-height: calc(1 / 0.75);
-  --text-sm: 0.875rem;
-  --text-sm--line-height: calc(1.25 / 0.875);
-  --text-lg: 1.125rem;
-  --text-lg--line-height: calc(1.75 / 1.125);
-  --font-weight-normal: 400;
-  --font-weight-medium: 500;
-  --font-weight-semibold: 600;
-  --font-weight-bold: 700;
-  --radius-sm: 0.25rem;
-  --radius-md: 0.375rem;
-  --radius-lg: 0.5rem;
-  --radius-2xl: 1rem;
-  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
-  --default-transition-duration: 150ms;
-  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  --color-primary: rgb(63, 63, 70);
-  --font-jett:
-    ui-sans-serif,
-    system-ui,
-    "Segoe UI",
-    sans-serif;
-  --color-jett-surface: #ffffff;
-  --color-jett-canvas: #f9fafb;
-  --color-jett-line: #eceef1;
-  --color-jett-line-row: #f3f4f6;
-  --color-jett-line-control: #d1d5db;
-  --color-jett-line-soft: #e5e7eb;
-  --color-jett-fill: #f3f4f6;
-  --color-jett-ink: #111827;
-  --color-jett-ink-800: #1f2937;
-  --color-jett-ink-700: #374151;
-  --color-jett-ink-600: #4b5563;
-  --color-jett-ink-500: #6b7280;
-  --color-jett-ink-400: #9ca3af;
-  --color-jett-brand: #4f46e5;
-  --color-jett-brand-hover: #4338ca;
-  --color-jett-brand-soft: #eef2ff;
-  --color-jett-danger: #b91c1c;
-  --color-jett-danger-soft: #fef2f2;
-}
-.collapse {
-  visibility: collapse;
-}
-.visible {
-  visibility: visible;
-}
-.absolute {
-  position: absolute;
-}
-.fixed {
-  position: fixed;
-}
-.relative {
-  position: relative;
-}
-.sticky {
-  position: sticky;
-}
-.inset-0 {
-  inset: calc(var(--spacing) * 0);
-}
-.top-0 {
-  top: calc(var(--spacing) * 0);
-}
-.top-1\/2 {
-  top: calc(1/2 * 100%);
-}
-.top-\[12vh\] {
-  top: 12vh;
-}
-.top-full {
-  top: 100%;
-}
-.right-0 {
-  right: calc(var(--spacing) * 0);
-}
-.bottom-0 {
-  bottom: calc(var(--spacing) * 0);
-}
-.left-0 {
-  left: calc(var(--spacing) * 0);
-}
-.left-1\/2 {
-  left: calc(1/2 * 100%);
-}
-.z-10 {
-  z-index: 10;
-}
-.z-50 {
-  z-index: 50;
-}
-.z-\[69\] {
-  z-index: 69;
-}
-.z-\[70\] {
-  z-index: 70;
-}
-.z-\[79\] {
-  z-index: 79;
-}
-.z-\[80\] {
-  z-index: 80;
-}
-.z-\[95\] {
-  z-index: 95;
-}
-.z-\[96\] {
-  z-index: 96;
-}
-.z-\[9999\] {
-  z-index: 9999;
-}
-.z-\[10000\] {
-  z-index: 10000;
-}
-.\!m-0 {
-  margin: calc(var(--spacing) * 0) !important;
-}
-.mx-auto {
-  margin-inline: auto;
-}
-.mt-0\.5 {
-  margin-top: calc(var(--spacing) * 0.5);
-}
-.mt-1 {
-  margin-top: calc(var(--spacing) * 1);
-}
-.mt-1\.5 {
-  margin-top: calc(var(--spacing) * 1.5);
-}
-.mt-2 {
-  margin-top: calc(var(--spacing) * 2);
-}
-.mt-6 {
-  margin-top: calc(var(--spacing) * 6);
-}
-.-mr-3 {
-  margin-right: calc(var(--spacing) * -3);
-}
-.mr-2 {
-  margin-right: calc(var(--spacing) * 2);
-}
-.mb-1 {
-  margin-bottom: calc(var(--spacing) * 1);
-}
-.mb-2 {
-  margin-bottom: calc(var(--spacing) * 2);
-}
-.mb-2\.5 {
-  margin-bottom: calc(var(--spacing) * 2.5);
-}
-.mb-4 {
-  margin-bottom: calc(var(--spacing) * 4);
-}
-.mb-6 {
-  margin-bottom: calc(var(--spacing) * 6);
-}
-.ml-0\.5 {
-  margin-left: calc(var(--spacing) * 0.5);
-}
-.ml-3 {
-  margin-left: calc(var(--spacing) * 3);
-}
-.ml-\[27px\] {
-  margin-left: 27px;
-}
-.ml-auto {
-  margin-left: auto;
-}
-.block {
-  display: block;
-}
-.flex {
-  display: flex;
-}
-.grid {
-  display: grid;
-}
-.hidden {
-  display: none;
-}
-.inline-block {
-  display: inline-block;
-}
-.inline-flex {
-  display: inline-flex;
-}
-.table {
-  display: table;
-}
-.h-2 {
-  height: calc(var(--spacing) * 2);
-}
-.h-4 {
-  height: calc(var(--spacing) * 4);
-}
-.h-6 {
-  height: calc(var(--spacing) * 6);
-}
-.h-8 {
-  height: calc(var(--spacing) * 8);
-}
-.h-9 {
-  height: calc(var(--spacing) * 9);
-}
-.h-10 {
-  height: calc(var(--spacing) * 10);
-}
-.h-11 {
-  height: calc(var(--spacing) * 11);
-}
-.h-14 {
-  height: calc(var(--spacing) * 14);
-}
-.h-16 {
-  height: calc(var(--spacing) * 16);
-}
-.h-\[26px\] {
-  height: 26px;
-}
-.h-\[34px\] {
-  height: 34px;
-}
-.h-\[52px\] {
-  height: 52px;
-}
-.h-\[90px\] {
-  height: 90px;
-}
-.h-auto {
-  height: auto;
-}
-.h-full {
-  height: 100%;
-}
-.h-screen {
-  height: 100vh;
-}
-.max-h-60 {
-  max-height: calc(var(--spacing) * 60);
-}
-.max-h-\[75vh\] {
-  max-height: 75vh;
-}
-.max-h-\[360px\] {
-  max-height: 360px;
-}
-.max-h-\[calc\(100vh-64px\)\] {
-  max-height: calc(100vh - 64px);
-}
-.min-h-0 {
-  min-height: calc(var(--spacing) * 0);
-}
-.min-h-10 {
-  min-height: calc(var(--spacing) * 10);
-}
-.min-h-full {
-  min-height: 100%;
-}
-.w-4 {
-  width: calc(var(--spacing) * 4);
-}
-.w-6 {
-  width: calc(var(--spacing) * 6);
-}
-.w-8 {
-  width: calc(var(--spacing) * 8);
-}
-.w-9 {
-  width: calc(var(--spacing) * 9);
-}
-.w-10 {
-  width: calc(var(--spacing) * 10);
-}
-.w-11 {
-  width: calc(var(--spacing) * 11);
-}
-.w-16 {
-  width: calc(var(--spacing) * 16);
-}
-.w-20 {
-  width: calc(var(--spacing) * 20);
-}
-.w-\[50px\] {
-  width: 50px;
-}
-.w-\[220px\] {
-  width: 220px;
-}
-.w-\[296px\] {
-  width: 296px;
-}
-.w-\[360px\] {
-  width: 360px;
-}
-.w-\[calc\(100\%-32px\)\] {
-  width: calc(100% - 32px);
-}
-.w-full {
-  width: 100%;
-}
-.max-w-\[86vw\] {
-  max-width: 86vw;
-}
-.max-w-\[96px\] {
-  max-width: 96px;
-}
-.max-w-\[168px\] {
-  max-width: 168px;
-}
-.max-w-\[560px\] {
-  max-width: 560px;
-}
-.max-w-\[640px\] {
-  max-width: 640px;
-}
-.max-w-\[calc\(100vw-16px\)\] {
-  max-width: calc(100vw - 16px);
-}
-.min-w-0 {
-  min-width: calc(var(--spacing) * 0);
-}
-.min-w-9 {
-  min-width: calc(var(--spacing) * 9);
-}
-.min-w-10 {
-  min-width: calc(var(--spacing) * 10);
-}
-.min-w-\[20px\] {
-  min-width: 20px;
-}
-.min-w-\[44px\] {
-  min-width: 44px;
-}
-.min-w-\[100\%\] {
-  min-width: 100%;
-}
-.flex-1 {
-  flex: 1;
-}
-.shrink-0 {
-  flex-shrink: 0;
-}
-.table-fixed {
-  table-layout: fixed;
-}
-.caption-bottom {
-  caption-side: bottom;
-}
-.border-collapse {
-  border-collapse: collapse;
-}
-.-translate-x-1\/2 {
-  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
-.translate-x-1 {
-  --tw-translate-x: calc(var(--spacing) * 1);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
-.translate-x-6 {
-  --tw-translate-x: calc(var(--spacing) * 6);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
-.translate-x-\[100\%\] {
-  --tw-translate-x: 100%;
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
-.-translate-y-1\/2 {
-  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
-.rotate-180 {
-  rotate: 180deg;
-}
-.transform {
-  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
-}
-.cursor-default {
-  cursor: default;
-}
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
-.cursor-pointer {
-  cursor: pointer;
-}
-.cursor-text {
-  cursor: text;
-}
-.resize {
-  resize: both;
-}
-.grid-cols-\[repeat\(auto-fit\,minmax\(260px\,1fr\)\)\] {
-  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
-}
-.flex-col {
-  flex-direction: column;
-}
-.flex-col-reverse {
-  flex-direction: column-reverse;
-}
-.flex-wrap {
-  flex-wrap: wrap;
-}
-.items-center {
-  align-items: center;
-}
-.justify-between {
-  justify-content: space-between;
-}
-.justify-center {
-  justify-content: center;
-}
-.justify-end {
-  justify-content: flex-end;
-}
-.gap-0\.5 {
-  gap: calc(var(--spacing) * 0.5);
-}
-.gap-1 {
-  gap: calc(var(--spacing) * 1);
-}
-.gap-2 {
-  gap: calc(var(--spacing) * 2);
-}
-.gap-2\.5 {
-  gap: calc(var(--spacing) * 2.5);
-}
-.gap-3 {
-  gap: calc(var(--spacing) * 3);
-}
-.gap-4 {
-  gap: calc(var(--spacing) * 4);
-}
-.gap-\[3px\] {
-  gap: 3px;
-}
-.gap-x-8 {
-  column-gap: calc(var(--spacing) * 8);
-}
-.gap-y-2 {
-  row-gap: calc(var(--spacing) * 2);
-}
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.overflow-auto {
-  overflow: auto;
-}
-.overflow-hidden {
-  overflow: hidden;
-}
-.overflow-x-auto {
-  overflow-x: auto;
-}
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-.overflow-y-auto {
-  overflow-y: auto;
-}
-.rounded {
-  border-radius: 0.25rem;
-}
-.rounded-2xl {
-  border-radius: var(--radius-2xl);
-}
-.rounded-\[4px\] {
-  border-radius: 4px;
-}
-.rounded-\[6px\] {
-  border-radius: 6px;
-}
-.rounded-\[8px\] {
-  border-radius: 8px;
-}
-.rounded-\[10px\] {
-  border-radius: 10px;
-}
-.rounded-\[12px\] {
-  border-radius: 12px;
-}
-.rounded-full {
-  border-radius: calc(infinity * 1px);
-}
-.rounded-lg {
-  border-radius: var(--radius-lg);
-}
-.rounded-md {
-  border-radius: var(--radius-md);
-}
-.rounded-sm {
-  border-radius: var(--radius-sm);
-}
-.border {
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-}
-.border-0 {
-  border-style: var(--tw-border-style);
-  border-width: 0px;
-}
-.border-2 {
-  border-style: var(--tw-border-style);
-  border-width: 2px;
-}
-.border-t {
-  border-top-style: var(--tw-border-style);
-  border-top-width: 1px;
-}
-.border-r {
-  border-right-style: var(--tw-border-style);
-  border-right-width: 1px;
-}
-.border-b {
-  border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 1px;
-}
-.border-b-2 {
-  border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 2px;
-}
-.border-l {
-  border-left-style: var(--tw-border-style);
-  border-left-width: 1px;
-}
-.border-dashed {
-  --tw-border-style: dashed;
-  border-style: dashed;
-}
-.border-\[\#e5e5e5\] {
-  border-color: #e5e5e5;
-}
-.border-\[\#e6e6e6\] {
-  border-color: #e6e6e6;
-}
-.border-\[\#fca5a5\] {
-  border-color: #fca5a5;
-}
-.border-\[hsl\(0_0\%_89\.8\%\)\] {
-  border-color: hsl(0 0% 89.8%);
-}
-.border-blue-600 {
-  border-color: var(--color-blue-600);
-}
-.border-gray-200 {
-  border-color: var(--color-gray-200);
-}
-.border-gray-300 {
-  border-color: var(--color-gray-300);
-}
-.border-gray-400 {
-  border-color: var(--color-gray-400);
-}
-.border-jett-line {
-  border-color: var(--color-jett-line);
-}
-.border-jett-line-row {
-  border-color: var(--color-jett-line-row);
-}
-.border-jett-line-soft {
-  border-color: var(--color-jett-line-soft);
-}
-.border-primary {
-  border-color: var(--color-primary);
-}
-.border-red-500 {
-  border-color: var(--color-red-500);
-}
-.border-transparent {
-  border-color: transparent;
-}
-.bg-\[\#F7FAFC\] {
-  background-color: #F7FAFC;
-}
-.bg-\[\#ef4444\] {
-  background-color: #ef4444;
-}
-.bg-\[\#fff\] {
-  background-color: #fff;
-}
-.bg-\[rgba\(17\,24\,39\,0\.4\)\] {
-  background-color: rgba(17, 24, 39, 0.4);
-}
-.bg-\[rgba\(17\,24\,39\,0\.5\)\] {
-  background-color: rgba(17, 24, 39, 0.5);
-}
-.bg-black {
-  background-color: var(--color-black);
-}
-.bg-black\/50 {
-  background-color: color-mix(in srgb, #000 50%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
-  }
-}
-.bg-black\/80 {
-  background-color: color-mix(in srgb, #000 80%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
-  }
-}
-.bg-blue-50 {
-  background-color: var(--color-blue-50);
-}
-.bg-blue-600 {
-  background-color: var(--color-blue-600);
-}
-.bg-gray-50 {
-  background-color: var(--color-gray-50);
-}
-.bg-gray-100 {
-  background-color: var(--color-gray-100);
-}
-.bg-gray-200 {
-  background-color: var(--color-gray-200);
-}
-.bg-gray-300 {
-  background-color: var(--color-gray-300);
-}
-.bg-green-100 {
-  background-color: var(--color-green-100);
-}
-.bg-jett-brand {
-  background-color: var(--color-jett-brand);
-}
-.bg-jett-brand-soft {
-  background-color: var(--color-jett-brand-soft);
-}
-.bg-jett-canvas {
-  background-color: var(--color-jett-canvas);
-}
-.bg-jett-danger-soft {
-  background-color: var(--color-jett-danger-soft);
-}
-.bg-jett-fill {
-  background-color: var(--color-jett-fill);
-}
-.bg-jett-surface {
-  background-color: var(--color-jett-surface);
-}
-.bg-primary {
-  background-color: var(--color-primary);
-}
-.bg-red-50 {
-  background-color: var(--color-red-50);
-}
-.bg-red-100 {
-  background-color: var(--color-red-100);
-}
-.bg-red-600 {
-  background-color: var(--color-red-600);
-}
-.bg-transparent {
-  background-color: transparent;
-}
-.bg-white {
-  background-color: var(--color-white);
-}
-.bg-yellow-100 {
-  background-color: var(--color-yellow-100);
-}
-.object-contain {
-  object-fit: contain;
-}
-.p-0 {
-  padding: calc(var(--spacing) * 0);
-}
-.p-1\.5 {
-  padding: calc(var(--spacing) * 1.5);
-}
-.p-2 {
-  padding: calc(var(--spacing) * 2);
-}
-.p-2\.5 {
-  padding: calc(var(--spacing) * 2.5);
-}
-.p-4 {
-  padding: calc(var(--spacing) * 4);
-}
-.p-6 {
-  padding: calc(var(--spacing) * 6);
-}
-.\!px-2\.5 {
-  padding-inline: calc(var(--spacing) * 2.5) !important;
-}
-.px-0 {
-  padding-inline: calc(var(--spacing) * 0);
-}
-.px-2 {
-  padding-inline: calc(var(--spacing) * 2);
-}
-.px-2\.5 {
-  padding-inline: calc(var(--spacing) * 2.5);
-}
-.px-3 {
-  padding-inline: calc(var(--spacing) * 3);
-}
-.px-4 {
-  padding-inline: calc(var(--spacing) * 4);
-}
-.px-5 {
-  padding-inline: calc(var(--spacing) * 5);
-}
-.px-6 {
-  padding-inline: calc(var(--spacing) * 6);
-}
-.px-\[5px\] {
-  padding-inline: 5px;
-}
-.px-\[7px\] {
-  padding-inline: 7px;
-}
-.\!py-\[7px\] {
-  padding-block: 7px !important;
-}
-.py-0\.5 {
-  padding-block: calc(var(--spacing) * 0.5);
-}
-.py-1 {
-  padding-block: calc(var(--spacing) * 1);
-}
-.py-2 {
-  padding-block: calc(var(--spacing) * 2);
-}
-.py-2\.5 {
-  padding-block: calc(var(--spacing) * 2.5);
-}
-.py-3 {
-  padding-block: calc(var(--spacing) * 3);
-}
-.py-4 {
-  padding-block: calc(var(--spacing) * 4);
-}
-.py-6 {
-  padding-block: calc(var(--spacing) * 6);
-}
-.py-\[6px\] {
-  padding-block: 6px;
-}
-.py-\[7px\] {
-  padding-block: 7px;
-}
-.py-\[9px\] {
-  padding-block: 9px;
-}
-.py-\[11px\] {
-  padding-block: 11px;
-}
-.py-px {
-  padding-block: 1px;
-}
-.pt-1\.5 {
-  padding-top: calc(var(--spacing) * 1.5);
-}
-.pt-2 {
-  padding-top: calc(var(--spacing) * 2);
-}
-.pt-3 {
-  padding-top: calc(var(--spacing) * 3);
-}
-.pr-2 {
-  padding-right: calc(var(--spacing) * 2);
-}
-.pb-1\.5 {
-  padding-bottom: calc(var(--spacing) * 1.5);
-}
-.pb-2 {
-  padding-bottom: calc(var(--spacing) * 2);
-}
-.pb-5 {
-  padding-bottom: calc(var(--spacing) * 5);
-}
-.pl-1 {
-  padding-left: calc(var(--spacing) * 1);
-}
-.pl-2 {
-  padding-left: calc(var(--spacing) * 2);
-}
-.pl-3 {
-  padding-left: calc(var(--spacing) * 3);
-}
-.pl-\[13px\] {
-  padding-left: 13px;
-}
-.text-center {
-  text-align: center;
-}
-.text-left {
-  text-align: left;
-}
-.text-right {
-  text-align: right;
-}
-.font-jett {
-  font-family: var(--font-jett);
-}
-.text-lg {
-  font-size: var(--text-lg);
-  line-height: var(--tw-leading, var(--text-lg--line-height));
-}
-.text-sm {
-  font-size: var(--text-sm);
-  line-height: var(--tw-leading, var(--text-sm--line-height));
-}
-.text-xs {
-  font-size: var(--text-xs);
-  line-height: var(--tw-leading, var(--text-xs--line-height));
-}
-.\!text-\[12px\] {
-  font-size: 12px !important;
-}
-.\!text-\[14px\] {
-  font-size: 14px !important;
-}
-.\!text-\[16px\] {
-  font-size: 16px !important;
-}
-.\!text-\[22px\] {
-  font-size: 22px !important;
-}
-.text-\[11px\] {
-  font-size: 11px;
-}
-.text-\[12px\] {
-  font-size: 12px;
-}
-.text-\[13px\] {
-  font-size: 13px;
-}
-.text-\[14px\] {
-  font-size: 14px;
-}
-.text-\[15px\] {
-  font-size: 15px;
-}
-.leading-5 {
-  --tw-leading: calc(var(--spacing) * 5);
-  line-height: calc(var(--spacing) * 5);
-}
-.leading-6 {
-  --tw-leading: calc(var(--spacing) * 6);
-  line-height: calc(var(--spacing) * 6);
-}
-.leading-\[18px\] {
-  --tw-leading: 18px;
-  line-height: 18px;
-}
-.\!font-medium {
-  --tw-font-weight: var(--font-weight-medium) !important;
-  font-weight: var(--font-weight-medium) !important;
-}
-.\!font-semibold {
-  --tw-font-weight: var(--font-weight-semibold) !important;
-  font-weight: var(--font-weight-semibold) !important;
-}
-.font-\[500\] {
-  --tw-font-weight: 500;
-  font-weight: 500;
-}
-.font-\[600\] {
-  --tw-font-weight: 600;
-  font-weight: 600;
-}
-.font-bold {
-  --tw-font-weight: var(--font-weight-bold);
-  font-weight: var(--font-weight-bold);
-}
-.font-medium {
-  --tw-font-weight: var(--font-weight-medium);
-  font-weight: var(--font-weight-medium);
-}
-.font-semibold {
-  --tw-font-weight: var(--font-weight-semibold);
-  font-weight: var(--font-weight-semibold);
-}
-.tracking-\[-0\.01em\] {
-  --tw-tracking: -0.01em;
-  letter-spacing: -0.01em;
-}
-.tracking-\[0\.06em\] {
-  --tw-tracking: 0.06em;
-  letter-spacing: 0.06em;
-}
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-.text-\[\#737373\] {
-  color: #737373;
-}
-.text-black {
-  color: var(--color-black);
-}
-.text-blue-600 {
-  color: var(--color-blue-600);
-}
-.text-gray-400 {
-  color: var(--color-gray-400);
-}
-.text-gray-500 {
-  color: var(--color-gray-500);
-}
-.text-gray-600 {
-  color: var(--color-gray-600);
-}
-.text-gray-700 {
-  color: var(--color-gray-700);
-}
-.text-gray-900 {
-  color: var(--color-gray-900);
-}
-.text-green-800 {
-  color: var(--color-green-800);
-}
-.text-jett-brand {
-  color: var(--color-jett-brand);
-}
-.text-jett-brand-hover {
-  color: var(--color-jett-brand-hover);
-}
-.text-jett-danger {
-  color: var(--color-jett-danger);
-}
-.text-jett-ink {
-  color: var(--color-jett-ink);
-}
-.text-jett-ink-400 {
-  color: var(--color-jett-ink-400);
-}
-.text-jett-ink-500 {
-  color: var(--color-jett-ink-500);
-}
-.text-jett-ink-600 {
-  color: var(--color-jett-ink-600);
-}
-.text-jett-ink-700 {
-  color: var(--color-jett-ink-700);
-}
-.text-jett-ink-800 {
-  color: var(--color-jett-ink-800);
-}
-.text-red-500 {
-  color: var(--color-red-500);
-}
-.text-red-800 {
-  color: var(--color-red-800);
-}
-.text-white {
-  color: var(--color-white);
-}
-.text-yellow-800 {
-  color: var(--color-yellow-800);
-}
-.uppercase {
-  text-transform: uppercase;
-}
-.opacity-60 {
-  opacity: 60%;
-}
-.shadow {
-  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-  box-shadow:
-    var(--tw-inset-shadow),
-    var(--tw-inset-ring-shadow),
-    var(--tw-ring-offset-shadow),
-    var(--tw-ring-shadow),
-    var(--tw-shadow);
-}
-.shadow-2xl {
-  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
-  box-shadow:
-    var(--tw-inset-shadow),
-    var(--tw-inset-ring-shadow),
-    var(--tw-ring-offset-shadow),
-    var(--tw-ring-shadow),
-    var(--tw-shadow);
-}
-.shadow-lg {
-  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-  box-shadow:
-    var(--tw-inset-shadow),
-    var(--tw-inset-ring-shadow),
-    var(--tw-ring-offset-shadow),
-    var(--tw-ring-shadow),
-    var(--tw-shadow);
-}
-.outline {
-  outline-style: var(--tw-outline-style);
-  outline-width: 1px;
-}
-.outline-offset-2 {
-  outline-offset: 2px;
-}
-.outline-black {
-  outline-color: var(--color-black);
-}
-.transition {
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    outline-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    --tw-gradient-from,
-    --tw-gradient-via,
-    --tw-gradient-to,
-    opacity,
-    box-shadow,
-    transform,
-    translate,
-    scale,
-    rotate,
-    filter,
-    -webkit-backdrop-filter,
-    backdrop-filter,
-    display,
-    content-visibility,
-    overlay,
-    pointer-events;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  transition-duration: var(--tw-duration, var(--default-transition-duration));
-}
-.transition-\[width\,transform\] {
-  transition-property: width, transform;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  transition-duration: var(--tw-duration, var(--default-transition-duration));
-}
-.transition-all {
-  transition-property: all;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  transition-duration: var(--tw-duration, var(--default-transition-duration));
-}
-.transition-colors {
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    outline-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    --tw-gradient-from,
-    --tw-gradient-via,
-    --tw-gradient-to;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  transition-duration: var(--tw-duration, var(--default-transition-duration));
-}
-.transition-transform {
-  transition-property:
-    transform,
-    translate,
-    scale,
-    rotate;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  transition-duration: var(--tw-duration, var(--default-transition-duration));
-}
-.duration-150 {
-  --tw-duration: 150ms;
-  transition-duration: 150ms;
-}
-.duration-200 {
-  --tw-duration: 200ms;
-  transition-duration: 200ms;
-}
-.duration-300 {
-  --tw-duration: 300ms;
-  transition-duration: 300ms;
-}
-.ease-in-out {
-  --tw-ease: var(--ease-in-out);
-  transition-timing-function: var(--ease-in-out);
-}
-.outline-none {
-  --tw-outline-style: none;
-  outline-style: none;
-}
-.select-none {
-  -webkit-user-select: none;
-  user-select: none;
-}
-.peer-checked\:border-primary {
-  &:is(:where(.peer):checked ~ *) {
-    border-color: var(--color-primary);
-  }
-}
-.peer-checked\:bg-primary {
-  &:is(:where(.peer):checked ~ *) {
-    background-color: var(--color-primary);
-  }
-}
-.placeholder\:text-\[14px\] {
-  &::placeholder {
-    font-size: 14px;
-  }
-}
-.placeholder\:font-normal {
-  &::placeholder {
-    --tw-font-weight: var(--font-weight-normal);
-    font-weight: var(--font-weight-normal);
-  }
-}
-.placeholder\:text-\[\#6b7280\] {
-  &::placeholder {
-    color: #6b7280;
-  }
-}
-.placeholder\:text-jett-ink-400 {
-  &::placeholder {
-    color: var(--color-jett-ink-400);
-  }
-}
-.focus-within\:outline-2 {
-  &:focus-within {
-    outline-style: var(--tw-outline-style);
-    outline-width: 2px;
-  }
-}
-.focus-within\:outline-offset-2 {
-  &:focus-within {
-    outline-offset: 2px;
-  }
-}
-.focus-within\:outline-black {
-  &:focus-within {
-    outline-color: var(--color-black);
-  }
-}
-.hover\:border-gray-400 {
-  &:hover {
-    @media (hover: hover) {
-      border-color: var(--color-gray-400);
-    }
-  }
-}
-.hover\:border-jett-line-control {
-  &:hover {
-    @media (hover: hover) {
-      border-color: var(--color-jett-line-control);
-    }
-  }
-}
-.hover\:bg-\[\#F7FAFC\] {
-  &:hover {
-    @media (hover: hover) {
-      background-color: #F7FAFC;
-    }
-  }
-}
-.hover\:bg-gray-50 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--color-gray-50);
-    }
-  }
-}
-.hover\:bg-gray-100 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--color-gray-100);
-    }
-  }
-}
-.hover\:bg-jett-canvas {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--color-jett-canvas);
-    }
-  }
-}
-.hover\:bg-jett-danger-soft {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--color-jett-danger-soft);
-    }
-  }
-}
-.hover\:bg-jett-fill {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--color-jett-fill);
-    }
-  }
-}
-.hover\:bg-red-700 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--color-red-700);
-    }
-  }
-}
-.hover\:text-gray-700 {
-  &:hover {
-    @media (hover: hover) {
-      color: var(--color-gray-700);
-    }
-  }
-}
-.hover\:text-jett-ink {
-  &:hover {
-    @media (hover: hover) {
-      color: var(--color-jett-ink);
-    }
-  }
-}
-.hover\:text-jett-ink-700 {
-  &:hover {
-    @media (hover: hover) {
-      color: var(--color-jett-ink-700);
-    }
-  }
-}
-.focus\:border-black {
-  &:focus {
-    border-color: var(--color-black);
-  }
-}
-.focus\:shadow-none {
-  &:focus {
-    --tw-shadow: 0 0 #0000;
-    box-shadow:
-      var(--tw-inset-shadow),
-      var(--tw-inset-ring-shadow),
-      var(--tw-ring-offset-shadow),
-      var(--tw-ring-shadow),
-      var(--tw-shadow);
-  }
-}
-.focus\:ring-0 {
-  &:focus {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow:
-      var(--tw-inset-shadow),
-      var(--tw-inset-ring-shadow),
-      var(--tw-ring-offset-shadow),
-      var(--tw-ring-shadow),
-      var(--tw-shadow);
-  }
-}
-.focus\:outline-2 {
-  &:focus {
-    outline-style: var(--tw-outline-style);
-    outline-width: 2px;
-  }
-}
-.focus\:outline-offset-2 {
-  &:focus {
-    outline-offset: 2px;
-  }
-}
-.focus\:outline-black {
-  &:focus {
-    outline-color: var(--color-black);
-  }
-}
-.focus\:outline-none {
-  &:focus {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-}
-.disabled\:cursor-not-allowed {
-  &:disabled {
-    cursor: not-allowed;
-  }
-}
-.disabled\:opacity-50 {
-  &:disabled {
-    opacity: 50%;
-  }
-}
-.sm\:flex-row {
-  @media (width >= 40rem) {
-    flex-direction: row;
-  }
-}
-.sm\:justify-end {
-  @media (width >= 40rem) {
-    justify-content: flex-end;
-  }
-}
-.sm\:space-x-2 {
-  @media (width >= 40rem) {
-    :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
-    }
-  }
-}
-.md\:min-w-\[576px\] {
-  @media (width >= 48rem) {
-    min-width: 576px;
-  }
-}
-.dark\:border-\[\#303036\] {
-  &:where(.dark, .dark *) {
-    border-color: #303036;
-  }
-}
-.dark\:bg-\[\#1d1d20\] {
-  &:where(.dark, .dark *) {
-    background-color: #1d1d20;
-  }
-}
-.dark\:bg-\[\#18181b\] {
-  &:where(.dark, .dark *) {
-    background-color: #18181b;
-  }
-}
-.dark\:bg-\[\#27272a\] {
-  &:where(.dark, .dark *) {
-    background-color: #27272a;
-  }
-}
-.dark\:bg-\[\#303036\] {
-  &:where(.dark, .dark *) {
-    background-color: #303036;
-  }
-}
-.dark\:bg-blue-950\/40 {
-  &:where(.dark, .dark *) {
-    background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
-    }
-  }
-}
-.dark\:bg-gray-800 {
-  &:where(.dark, .dark *) {
-    background-color: var(--color-gray-800);
-  }
-}
-.dark\:bg-green-900 {
-  &:where(.dark, .dark *) {
-    background-color: var(--color-green-900);
-  }
-}
-.dark\:bg-primary {
-  &:where(.dark, .dark *) {
-    background-color: var(--color-primary);
-  }
-}
-.dark\:bg-red-900 {
-  &:where(.dark, .dark *) {
-    background-color: var(--color-red-900);
-  }
-}
-.dark\:bg-transparent {
-  &:where(.dark, .dark *) {
-    background-color: transparent;
-  }
-}
-.dark\:bg-yellow-900 {
-  &:where(.dark, .dark *) {
-    background-color: var(--color-yellow-900);
-  }
-}
-.dark\:text-\[\#f4f4f5cc\] {
-  &:where(.dark, .dark *) {
-    color: #f4f4f5cc;
-  }
-}
-.dark\:text-gray-600 {
-  &:where(.dark, .dark *) {
-    color: var(--color-gray-600);
-  }
-}
-.dark\:text-green-100 {
-  &:where(.dark, .dark *) {
-    color: var(--color-green-100);
-  }
-}
-.dark\:text-red-100 {
-  &:where(.dark, .dark *) {
-    color: var(--color-red-100);
-  }
-}
-.dark\:text-white {
-  &:where(.dark, .dark *) {
-    color: var(--color-white);
-  }
-}
-.dark\:text-yellow-100 {
-  &:where(.dark, .dark *) {
-    color: var(--color-yellow-100);
-  }
-}
-.dark\:outline-white {
-  &:where(.dark, .dark *) {
-    outline-color: var(--color-white);
-  }
-}
-.dark\:hover\:bg-\[\#27272a\] {
-  &:where(.dark, .dark *) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #27272a;
-      }
-    }
-  }
-}
-.dark\:hover\:bg-\[\#303036\] {
-  &:where(.dark, .dark *) {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #303036;
-      }
-    }
-  }
-}
-.dark\:hover\:text-white {
-  &:where(.dark, .dark *) {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-white);
-      }
-    }
-  }
-}
-@font-face {
-  font-family: "Inter";
-  src: url("./Inter-Regular-GS5EHSMB.woff2") format("woff2");
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Inter";
-  src: url("./Inter-Medium-5IRUMIHZ.woff2") format("woff2");
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Inter";
-  src: url("./Inter-SemiBold-SVBZ7NC6.woff2") format("woff2");
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Inter";
-  src: url("./Inter-Bold-UGVMS3V6.woff2") format("woff2");
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-body {
-  font-family: "Inter", sans-serif;
-}
-@layer utilities {
-  .scrollbar-hide {
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-  }
-  .scrollbar-hide::-webkit-scrollbar {
-    display: none;
-  }
-}
-@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-rotate-x { syntax: "*"; inherits: false; }
-@property --tw-rotate-y { syntax: "*"; inherits: false; }
-@property --tw-rotate-z { syntax: "*"; inherits: false; }
-@property --tw-skew-x { syntax: "*"; inherits: false; }
-@property --tw-skew-y { syntax: "*"; inherits: false; }
-@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
-@property --tw-leading { syntax: "*"; inherits: false; }
-@property --tw-font-weight { syntax: "*"; inherits: false; }
-@property --tw-tracking { syntax: "*"; inherits: false; }
-@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-@property --tw-shadow-color { syntax: "*"; inherits: false; }
-@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
-@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
-@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
-@property --tw-ring-color { syntax: "*"; inherits: false; }
-@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
-@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-@property --tw-ring-inset { syntax: "*"; inherits: false; }
-@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
-@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
-@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
-@property --tw-duration { syntax: "*"; inherits: false; }
-@property --tw-ease { syntax: "*"; inherits: false; }
-@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
-@layer properties {
-  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
-    *,
-    ::before,
-    ::after,
-    ::backdrop {
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
-      --tw-border-style: solid;
-      --tw-leading: initial;
-      --tw-font-weight: initial;
-      --tw-tracking: initial;
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-color: initial;
-      --tw-shadow-alpha: 100%;
-      --tw-inset-shadow: 0 0 #0000;
-      --tw-inset-shadow-color: initial;
-      --tw-inset-shadow-alpha: 100%;
-      --tw-ring-color: initial;
-      --tw-ring-shadow: 0 0 #0000;
-      --tw-inset-ring-color: initial;
-      --tw-inset-ring-shadow: 0 0 #0000;
-      --tw-ring-inset: initial;
-      --tw-ring-offset-width: 0px;
-      --tw-ring-offset-color: #fff;
-      --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-outline-style: solid;
-      --tw-duration: initial;
-      --tw-ease: initial;
-      --tw-space-x-reverse: 0;
-    }
-  }
-}
-
-/* src/RightSheet/RightSheet.css */
-.sheetPopIn {
-  animation: popIn 50ms ease-in-out forwards;
-}
-.sheetRightSlide {
-  animation: rightSlide 350ms ease-in-out forwards;
-}
-.sheetLeftSlide {
-  animation: sheetLeftSlide 350ms ease-in-out forwards;
-}
-@keyframes sheetLeftSlide {
-  0% {
-    transform: translateX(-100%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-@keyframes rightSlide {
-  0% {
-    transform: translateX(100%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-@keyframes popIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/* dist/index.css */
+@layer properties;
+:root,
+:host {
+  --color-red-50: oklch(97.1% 0.013 17.38);
+  --color-red-100: oklch(93.6% 0.032 17.717);
+  --color-red-500: oklch(63.7% 0.237 25.331);
+  --color-red-600: oklch(57.7% 0.245 27.325);
+  --color-red-700: oklch(50.5% 0.213 27.518);
+  --color-red-800: oklch(44.4% 0.177 26.899);
+  --color-red-900: oklch(39.6% 0.141 25.723);
+  --color-yellow-100: oklch(97.3% 0.071 103.193);
+  --color-yellow-800: oklch(47.6% 0.114 61.907);
+  --color-yellow-900: oklch(42.1% 0.095 57.708);
+  --color-green-100: oklch(96.2% 0.044 156.743);
+  --color-green-800: oklch(44.8% 0.119 151.328);
+  --color-green-900: oklch(39.3% 0.095 152.535);
+  --color-blue-50: oklch(97% 0.014 254.604);
+  --color-blue-600: oklch(54.6% 0.245 262.881);
+  --color-blue-950: oklch(28.2% 0.091 267.935);
+  --color-gray-50: oklch(98.5% 0.002 247.839);
+  --color-gray-100: oklch(96.7% 0.003 264.542);
+  --color-gray-200: oklch(92.8% 0.006 264.531);
+  --color-gray-300: oklch(87.2% 0.01 258.338);
+  --color-gray-400: oklch(70.7% 0.022 261.325);
+  --color-gray-500: oklch(55.1% 0.027 264.364);
+  --color-gray-600: oklch(44.6% 0.03 256.802);
+  --color-gray-700: oklch(37.3% 0.034 259.733);
+  --color-gray-800: oklch(27.8% 0.033 256.848);
+  --color-gray-900: oklch(21% 0.034 264.665);
+  --color-black: #000;
+  --color-white: #fff;
+  --spacing: 0.25rem;
+  --text-xs: 0.75rem;
+  --text-xs--line-height: calc(1 / 0.75);
+  --text-sm: 0.875rem;
+  --text-sm--line-height: calc(1.25 / 0.875);
+  --text-base: 1rem;
+  --text-base--line-height: calc(1.5 / 1);
+  --text-lg: 1.125rem;
+  --text-lg--line-height: calc(1.75 / 1.125);
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-2xl: 1rem;
+  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+  --default-transition-duration: 150ms;
+  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  --color-primary: rgb(63, 63, 70);
+  --font-jett:
+    ui-sans-serif,
+    system-ui,
+    "Segoe UI",
+    sans-serif;
+  --color-jett-surface: #ffffff;
+  --color-jett-canvas: #f9fafb;
+  --color-jett-line: #eceef1;
+  --color-jett-line-row: #f3f4f6;
+  --color-jett-line-control: #d1d5db;
+  --color-jett-line-soft: #e5e7eb;
+  --color-jett-fill: #f3f4f6;
+  --color-jett-ink: #111827;
+  --color-jett-ink-800: #1f2937;
+  --color-jett-ink-700: #374151;
+  --color-jett-ink-600: #4b5563;
+  --color-jett-ink-500: #6b7280;
+  --color-jett-ink-400: #9ca3af;
+  --color-jett-brand: #4f46e5;
+  --color-jett-brand-hover: #4338ca;
+  --color-jett-brand-soft: #eef2ff;
+  --color-jett-danger: #b91c1c;
+  --color-jett-danger-soft: #fef2f2;
+}
+.collapse {
+  visibility: collapse;
+}
+.visible {
+  visibility: visible;
+}
+.absolute {
+  position: absolute;
+}
+.fixed {
+  position: fixed;
+}
+.relative {
+  position: relative;
+}
+.sticky {
+  position: sticky;
+}
+.inset-0 {
+  inset: calc(var(--spacing) * 0);
+}
+.top-0 {
+  top: calc(var(--spacing) * 0);
+}
+.top-1\/2 {
+  top: calc(1/2 * 100%);
+}
+.top-\[12vh\] {
+  top: 12vh;
+}
+.top-full {
+  top: 100%;
+}
+.right-0 {
+  right: calc(var(--spacing) * 0);
+}
+.bottom-0 {
+  bottom: calc(var(--spacing) * 0);
+}
+.left-0 {
+  left: calc(var(--spacing) * 0);
+}
+.left-1\/2 {
+  left: calc(1/2 * 100%);
+}
+.z-10 {
+  z-index: 10;
+}
+.z-40 {
+  z-index: 40;
+}
+.z-50 {
+  z-index: 50;
+}
+.z-\[69\] {
+  z-index: 69;
+}
+.z-\[70\] {
+  z-index: 70;
+}
+.z-\[79\] {
+  z-index: 79;
+}
+.z-\[80\] {
+  z-index: 80;
+}
+.z-\[95\] {
+  z-index: 95;
+}
+.z-\[96\] {
+  z-index: 96;
+}
+.z-\[9999\] {
+  z-index: 9999;
+}
+.z-\[10000\] {
+  z-index: 10000;
+}
+.\!m-0 {
+  margin: calc(var(--spacing) * 0) !important;
+}
+.mx-auto {
+  margin-inline: auto;
+}
+.mt-0\.5 {
+  margin-top: calc(var(--spacing) * 0.5);
+}
+.mt-1 {
+  margin-top: calc(var(--spacing) * 1);
+}
+.mt-1\.5 {
+  margin-top: calc(var(--spacing) * 1.5);
+}
+.mt-2 {
+  margin-top: calc(var(--spacing) * 2);
+}
+.mt-6 {
+  margin-top: calc(var(--spacing) * 6);
+}
+.mt-auto {
+  margin-top: auto;
+}
+.-mr-3 {
+  margin-right: calc(var(--spacing) * -3);
+}
+.mr-2 {
+  margin-right: calc(var(--spacing) * 2);
+}
+.mb-1 {
+  margin-bottom: calc(var(--spacing) * 1);
+}
+.mb-2 {
+  margin-bottom: calc(var(--spacing) * 2);
+}
+.mb-2\.5 {
+  margin-bottom: calc(var(--spacing) * 2.5);
+}
+.mb-3 {
+  margin-bottom: calc(var(--spacing) * 3);
+}
+.mb-4 {
+  margin-bottom: calc(var(--spacing) * 4);
+}
+.mb-6 {
+  margin-bottom: calc(var(--spacing) * 6);
+}
+.ml-0\.5 {
+  margin-left: calc(var(--spacing) * 0.5);
+}
+.ml-2 {
+  margin-left: calc(var(--spacing) * 2);
+}
+.ml-3 {
+  margin-left: calc(var(--spacing) * 3);
+}
+.ml-4 {
+  margin-left: calc(var(--spacing) * 4);
+}
+.ml-8 {
+  margin-left: calc(var(--spacing) * 8);
+}
+.ml-\[20px\] {
+  margin-left: 20px;
+}
+.ml-\[27px\] {
+  margin-left: 27px;
+}
+.ml-auto {
+  margin-left: auto;
+}
+.block {
+  display: block;
+}
+.flex {
+  display: flex;
+}
+.grid {
+  display: grid;
+}
+.hidden {
+  display: none;
+}
+.inline-block {
+  display: inline-block;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.table {
+  display: table;
+}
+.h-2 {
+  height: calc(var(--spacing) * 2);
+}
+.h-4 {
+  height: calc(var(--spacing) * 4);
+}
+.h-6 {
+  height: calc(var(--spacing) * 6);
+}
+.h-8 {
+  height: calc(var(--spacing) * 8);
+}
+.h-9 {
+  height: calc(var(--spacing) * 9);
+}
+.h-10 {
+  height: calc(var(--spacing) * 10);
+}
+.h-11 {
+  height: calc(var(--spacing) * 11);
+}
+.h-14 {
+  height: calc(var(--spacing) * 14);
+}
+.h-16 {
+  height: calc(var(--spacing) * 16);
+}
+.h-\[26px\] {
+  height: 26px;
+}
+.h-\[34px\] {
+  height: 34px;
+}
+.h-\[52px\] {
+  height: 52px;
+}
+.h-\[60px\] {
+  height: 60px;
+}
+.h-\[90px\] {
+  height: 90px;
+}
+.h-auto {
+  height: auto;
+}
+.h-full {
+  height: 100%;
+}
+.h-screen {
+  height: 100vh;
+}
+.max-h-0 {
+  max-height: calc(var(--spacing) * 0);
+}
+.max-h-60 {
+  max-height: calc(var(--spacing) * 60);
+}
+.max-h-\[75vh\] {
+  max-height: 75vh;
+}
+.max-h-\[100vh\] {
+  max-height: 100vh;
+}
+.max-h-\[360px\] {
+  max-height: 360px;
+}
+.max-h-\[1000px\] {
+  max-height: 1000px;
+}
+.max-h-\[calc\(100vh-64px\)\] {
+  max-height: calc(100vh - 64px);
+}
+.min-h-0 {
+  min-height: calc(var(--spacing) * 0);
+}
+.min-h-10 {
+  min-height: calc(var(--spacing) * 10);
+}
+.min-h-\[50px\] {
+  min-height: 50px;
+}
+.min-h-full {
+  min-height: 100%;
+}
+.w-4 {
+  width: calc(var(--spacing) * 4);
+}
+.w-6 {
+  width: calc(var(--spacing) * 6);
+}
+.w-8 {
+  width: calc(var(--spacing) * 8);
+}
+.w-9 {
+  width: calc(var(--spacing) * 9);
+}
+.w-10 {
+  width: calc(var(--spacing) * 10);
+}
+.w-11 {
+  width: calc(var(--spacing) * 11);
+}
+.w-16 {
+  width: calc(var(--spacing) * 16);
+}
+.w-20 {
+  width: calc(var(--spacing) * 20);
+}
+.w-\[50px\] {
+  width: 50px;
+}
+.w-\[220px\] {
+  width: 220px;
+}
+.w-\[296px\] {
+  width: 296px;
+}
+.w-\[320px\] {
+  width: 320px;
+}
+.w-\[360px\] {
+  width: 360px;
+}
+.w-\[calc\(100\%-32px\)\] {
+  width: calc(100% - 32px);
+}
+.w-full {
+  width: 100%;
+}
+.max-w-\[86vw\] {
+  max-width: 86vw;
+}
+.max-w-\[96px\] {
+  max-width: 96px;
+}
+.max-w-\[168px\] {
+  max-width: 168px;
+}
+.max-w-\[560px\] {
+  max-width: 560px;
+}
+.max-w-\[640px\] {
+  max-width: 640px;
+}
+.max-w-\[calc\(100vw-16px\)\] {
+  max-width: calc(100vw - 16px);
+}
+.min-w-0 {
+  min-width: calc(var(--spacing) * 0);
+}
+.min-w-9 {
+  min-width: calc(var(--spacing) * 9);
+}
+.min-w-10 {
+  min-width: calc(var(--spacing) * 10);
+}
+.min-w-\[20px\] {
+  min-width: 20px;
+}
+.min-w-\[44px\] {
+  min-width: 44px;
+}
+.min-w-\[100\%\] {
+  min-width: 100%;
+}
+.flex-1 {
+  flex: 1;
+}
+.shrink-0 {
+  flex-shrink: 0;
+}
+.table-fixed {
+  table-layout: fixed;
+}
+.caption-bottom {
+  caption-side: bottom;
+}
+.border-collapse {
+  border-collapse: collapse;
+}
+.-translate-x-1\/2 {
+  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.-translate-x-full {
+  --tw-translate-x: -100%;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.translate-x-0 {
+  --tw-translate-x: calc(var(--spacing) * 0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.translate-x-1 {
+  --tw-translate-x: calc(var(--spacing) * 1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.translate-x-6 {
+  --tw-translate-x: calc(var(--spacing) * 6);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.translate-x-\[100\%\] {
+  --tw-translate-x: 100%;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.-translate-y-1\/2 {
+  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.rotate-180 {
+  rotate: 180deg;
+}
+.transform {
+  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+}
+.cursor-default {
+  cursor: default;
+}
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.cursor-text {
+  cursor: text;
+}
+.resize {
+  resize: both;
+}
+.grid-cols-\[repeat\(auto-fit\,minmax\(260px\,1fr\)\)\] {
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.items-center {
+  align-items: center;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-end {
+  justify-content: flex-end;
+}
+.gap-0\.5 {
+  gap: calc(var(--spacing) * 0.5);
+}
+.gap-1 {
+  gap: calc(var(--spacing) * 1);
+}
+.gap-2 {
+  gap: calc(var(--spacing) * 2);
+}
+.gap-2\.5 {
+  gap: calc(var(--spacing) * 2.5);
+}
+.gap-3 {
+  gap: calc(var(--spacing) * 3);
+}
+.gap-4 {
+  gap: calc(var(--spacing) * 4);
+}
+.gap-\[3px\] {
+  gap: 3px;
+}
+.gap-x-8 {
+  column-gap: calc(var(--spacing) * 8);
+}
+.gap-y-2 {
+  row-gap: calc(var(--spacing) * 2);
+}
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.overflow-auto {
+  overflow: auto;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-x-auto {
+  overflow-x: auto;
+}
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+.overflow-y-auto {
+  overflow-y: auto;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.rounded-2xl {
+  border-radius: var(--radius-2xl);
+}
+.rounded-\[4px\] {
+  border-radius: 4px;
+}
+.rounded-\[6px\] {
+  border-radius: 6px;
+}
+.rounded-\[8px\] {
+  border-radius: 8px;
+}
+.rounded-\[10px\] {
+  border-radius: 10px;
+}
+.rounded-\[12px\] {
+  border-radius: 12px;
+}
+.rounded-full {
+  border-radius: calc(infinity * 1px);
+}
+.rounded-lg {
+  border-radius: var(--radius-lg);
+}
+.rounded-md {
+  border-radius: var(--radius-md);
+}
+.rounded-sm {
+  border-radius: var(--radius-sm);
+}
+.border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+}
+.border-0 {
+  border-style: var(--tw-border-style);
+  border-width: 0px;
+}
+.border-2 {
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+}
+.border-t {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+}
+.border-r {
+  border-right-style: var(--tw-border-style);
+  border-right-width: 1px;
+}
+.border-b {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+}
+.border-b-2 {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 2px;
+}
+.border-l {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 1px;
+}
+.border-dashed {
+  --tw-border-style: dashed;
+  border-style: dashed;
+}
+.border-\[\#e5e5e5\] {
+  border-color: #e5e5e5;
+}
+.border-\[\#e6e6e6\] {
+  border-color: #e6e6e6;
+}
+.border-\[\#fca5a5\] {
+  border-color: #fca5a5;
+}
+.border-\[hsl\(0_0\%_89\.8\%\)\] {
+  border-color: hsl(0 0% 89.8%);
+}
+.border-blue-600 {
+  border-color: var(--color-blue-600);
+}
+.border-gray-200 {
+  border-color: var(--color-gray-200);
+}
+.border-gray-300 {
+  border-color: var(--color-gray-300);
+}
+.border-gray-400 {
+  border-color: var(--color-gray-400);
+}
+.border-jett-line {
+  border-color: var(--color-jett-line);
+}
+.border-jett-line-row {
+  border-color: var(--color-jett-line-row);
+}
+.border-jett-line-soft {
+  border-color: var(--color-jett-line-soft);
+}
+.border-primary {
+  border-color: var(--color-primary);
+}
+.border-red-500 {
+  border-color: var(--color-red-500);
+}
+.border-transparent {
+  border-color: transparent;
+}
+.bg-\[\#F7FAFC\] {
+  background-color: #F7FAFC;
+}
+.bg-\[\#ef4444\] {
+  background-color: #ef4444;
+}
+.bg-\[\#f4f4f5\] {
+  background-color: #f4f4f5;
+}
+.bg-\[\#fafafa\] {
+  background-color: #fafafa;
+}
+.bg-\[\#fff\] {
+  background-color: #fff;
+}
+.bg-\[rgba\(17\,24\,39\,0\.4\)\] {
+  background-color: rgba(17, 24, 39, 0.4);
+}
+.bg-\[rgba\(17\,24\,39\,0\.5\)\] {
+  background-color: rgba(17, 24, 39, 0.5);
+}
+.bg-black {
+  background-color: var(--color-black);
+}
+.bg-black\/50 {
+  background-color: color-mix(in srgb, #000 50%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+  }
+}
+.bg-black\/80 {
+  background-color: color-mix(in srgb, #000 80%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
+  }
+}
+.bg-blue-50 {
+  background-color: var(--color-blue-50);
+}
+.bg-blue-600 {
+  background-color: var(--color-blue-600);
+}
+.bg-gray-50 {
+  background-color: var(--color-gray-50);
+}
+.bg-gray-100 {
+  background-color: var(--color-gray-100);
+}
+.bg-gray-200 {
+  background-color: var(--color-gray-200);
+}
+.bg-gray-300 {
+  background-color: var(--color-gray-300);
+}
+.bg-green-100 {
+  background-color: var(--color-green-100);
+}
+.bg-jett-brand {
+  background-color: var(--color-jett-brand);
+}
+.bg-jett-brand-soft {
+  background-color: var(--color-jett-brand-soft);
+}
+.bg-jett-canvas {
+  background-color: var(--color-jett-canvas);
+}
+.bg-jett-danger-soft {
+  background-color: var(--color-jett-danger-soft);
+}
+.bg-jett-fill {
+  background-color: var(--color-jett-fill);
+}
+.bg-jett-surface {
+  background-color: var(--color-jett-surface);
+}
+.bg-primary {
+  background-color: var(--color-primary);
+}
+.bg-red-50 {
+  background-color: var(--color-red-50);
+}
+.bg-red-100 {
+  background-color: var(--color-red-100);
+}
+.bg-red-600 {
+  background-color: var(--color-red-600);
+}
+.bg-transparent {
+  background-color: transparent;
+}
+.bg-white {
+  background-color: var(--color-white);
+}
+.bg-yellow-100 {
+  background-color: var(--color-yellow-100);
+}
+.object-contain {
+  object-fit: contain;
+}
+.p-0 {
+  padding: calc(var(--spacing) * 0);
+}
+.p-1\.5 {
+  padding: calc(var(--spacing) * 1.5);
+}
+.p-2 {
+  padding: calc(var(--spacing) * 2);
+}
+.p-2\.5 {
+  padding: calc(var(--spacing) * 2.5);
+}
+.p-4 {
+  padding: calc(var(--spacing) * 4);
+}
+.p-6 {
+  padding: calc(var(--spacing) * 6);
+}
+.\!px-2\.5 {
+  padding-inline: calc(var(--spacing) * 2.5) !important;
+}
+.px-0 {
+  padding-inline: calc(var(--spacing) * 0);
+}
+.px-1\.5 {
+  padding-inline: calc(var(--spacing) * 1.5);
+}
+.px-2 {
+  padding-inline: calc(var(--spacing) * 2);
+}
+.px-2\.5 {
+  padding-inline: calc(var(--spacing) * 2.5);
+}
+.px-3 {
+  padding-inline: calc(var(--spacing) * 3);
+}
+.px-4 {
+  padding-inline: calc(var(--spacing) * 4);
+}
+.px-5 {
+  padding-inline: calc(var(--spacing) * 5);
+}
+.px-6 {
+  padding-inline: calc(var(--spacing) * 6);
+}
+.px-\[5px\] {
+  padding-inline: 5px;
+}
+.px-\[7px\] {
+  padding-inline: 7px;
+}
+.\!py-\[7px\] {
+  padding-block: 7px !important;
+}
+.py-0\.5 {
+  padding-block: calc(var(--spacing) * 0.5);
+}
+.py-1 {
+  padding-block: calc(var(--spacing) * 1);
+}
+.py-1\.5 {
+  padding-block: calc(var(--spacing) * 1.5);
+}
+.py-2 {
+  padding-block: calc(var(--spacing) * 2);
+}
+.py-2\.5 {
+  padding-block: calc(var(--spacing) * 2.5);
+}
+.py-3 {
+  padding-block: calc(var(--spacing) * 3);
+}
+.py-4 {
+  padding-block: calc(var(--spacing) * 4);
+}
+.py-6 {
+  padding-block: calc(var(--spacing) * 6);
+}
+.py-\[6px\] {
+  padding-block: 6px;
+}
+.py-\[7px\] {
+  padding-block: 7px;
+}
+.py-\[9px\] {
+  padding-block: 9px;
+}
+.py-\[11px\] {
+  padding-block: 11px;
+}
+.py-px {
+  padding-block: 1px;
+}
+.pt-1\.5 {
+  padding-top: calc(var(--spacing) * 1.5);
+}
+.pt-2 {
+  padding-top: calc(var(--spacing) * 2);
+}
+.pt-3 {
+  padding-top: calc(var(--spacing) * 3);
+}
+.pt-20 {
+  padding-top: calc(var(--spacing) * 20);
+}
+.pr-2 {
+  padding-right: calc(var(--spacing) * 2);
+}
+.pb-1\.5 {
+  padding-bottom: calc(var(--spacing) * 1.5);
+}
+.pb-2 {
+  padding-bottom: calc(var(--spacing) * 2);
+}
+.pb-5 {
+  padding-bottom: calc(var(--spacing) * 5);
+}
+.pl-1 {
+  padding-left: calc(var(--spacing) * 1);
+}
+.pl-2 {
+  padding-left: calc(var(--spacing) * 2);
+}
+.pl-3 {
+  padding-left: calc(var(--spacing) * 3);
+}
+.pl-\[13px\] {
+  padding-left: 13px;
+}
+.text-center {
+  text-align: center;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.font-jett {
+  font-family: var(--font-jett);
+}
+.text-base {
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+}
+.text-lg {
+  font-size: var(--text-lg);
+  line-height: var(--tw-leading, var(--text-lg--line-height));
+}
+.text-sm {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+}
+.text-xs {
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+}
+.\!text-\[12px\] {
+  font-size: 12px !important;
+}
+.\!text-\[14px\] {
+  font-size: 14px !important;
+}
+.\!text-\[15px\] {
+  font-size: 15px !important;
+}
+.\!text-\[16px\] {
+  font-size: 16px !important;
+}
+.\!text-\[22px\] {
+  font-size: 22px !important;
+}
+.text-\[11px\] {
+  font-size: 11px;
+}
+.text-\[12px\] {
+  font-size: 12px;
+}
+.text-\[13px\] {
+  font-size: 13px;
+}
+.text-\[14px\] {
+  font-size: 14px;
+}
+.text-\[15px\] {
+  font-size: 15px;
+}
+.leading-5 {
+  --tw-leading: calc(var(--spacing) * 5);
+  line-height: calc(var(--spacing) * 5);
+}
+.leading-6 {
+  --tw-leading: calc(var(--spacing) * 6);
+  line-height: calc(var(--spacing) * 6);
+}
+.leading-\[18px\] {
+  --tw-leading: 18px;
+  line-height: 18px;
+}
+.\!font-medium {
+  --tw-font-weight: var(--font-weight-medium) !important;
+  font-weight: var(--font-weight-medium) !important;
+}
+.\!font-normal {
+  --tw-font-weight: var(--font-weight-normal) !important;
+  font-weight: var(--font-weight-normal) !important;
+}
+.\!font-semibold {
+  --tw-font-weight: var(--font-weight-semibold) !important;
+  font-weight: var(--font-weight-semibold) !important;
+}
+.font-\[500\] {
+  --tw-font-weight: 500;
+  font-weight: 500;
+}
+.font-\[600\] {
+  --tw-font-weight: 600;
+  font-weight: 600;
+}
+.font-bold {
+  --tw-font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-bold);
+}
+.font-medium {
+  --tw-font-weight: var(--font-weight-medium);
+  font-weight: var(--font-weight-medium);
+}
+.font-semibold {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
+.tracking-\[-0\.01em\] {
+  --tw-tracking: -0.01em;
+  letter-spacing: -0.01em;
+}
+.tracking-\[0\.06em\] {
+  --tw-tracking: 0.06em;
+  letter-spacing: 0.06em;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.\!text-\[\#000\] {
+  color: #000 !important;
+}
+.\!text-\[\#3f3f46cc\] {
+  color: #3f3f46cc !important;
+}
+.text-\[\#737373\] {
+  color: #737373;
+}
+.text-black {
+  color: var(--color-black);
+}
+.text-blue-600 {
+  color: var(--color-blue-600);
+}
+.text-gray-400 {
+  color: var(--color-gray-400);
+}
+.text-gray-500 {
+  color: var(--color-gray-500);
+}
+.text-gray-600 {
+  color: var(--color-gray-600);
+}
+.text-gray-700 {
+  color: var(--color-gray-700);
+}
+.text-gray-900 {
+  color: var(--color-gray-900);
+}
+.text-green-800 {
+  color: var(--color-green-800);
+}
+.text-jett-brand {
+  color: var(--color-jett-brand);
+}
+.text-jett-brand-hover {
+  color: var(--color-jett-brand-hover);
+}
+.text-jett-danger {
+  color: var(--color-jett-danger);
+}
+.text-jett-ink {
+  color: var(--color-jett-ink);
+}
+.text-jett-ink-400 {
+  color: var(--color-jett-ink-400);
+}
+.text-jett-ink-500 {
+  color: var(--color-jett-ink-500);
+}
+.text-jett-ink-600 {
+  color: var(--color-jett-ink-600);
+}
+.text-jett-ink-700 {
+  color: var(--color-jett-ink-700);
+}
+.text-jett-ink-800 {
+  color: var(--color-jett-ink-800);
+}
+.text-primary {
+  color: var(--color-primary);
+}
+.text-red-500 {
+  color: var(--color-red-500);
+}
+.text-red-800 {
+  color: var(--color-red-800);
+}
+.text-white {
+  color: var(--color-white);
+}
+.text-yellow-800 {
+  color: var(--color-yellow-800);
+}
+.uppercase {
+  text-transform: uppercase;
+}
+.opacity-60 {
+  opacity: 60%;
+}
+.opacity-70 {
+  opacity: 70%;
+}
+.shadow {
+  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
+.shadow-2xl {
+  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
+.shadow-lg {
+  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
+.outline {
+  outline-style: var(--tw-outline-style);
+  outline-width: 1px;
+}
+.outline-offset-2 {
+  outline-offset: 2px;
+}
+.outline-black {
+  outline-color: var(--color-black);
+}
+.transition {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    outline-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    --tw-gradient-from,
+    --tw-gradient-via,
+    --tw-gradient-to,
+    opacity,
+    box-shadow,
+    transform,
+    translate,
+    scale,
+    rotate,
+    filter,
+    -webkit-backdrop-filter,
+    backdrop-filter,
+    display,
+    content-visibility,
+    overlay,
+    pointer-events;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.transition-\[width\,transform\] {
+  transition-property: width, transform;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.transition-all {
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.transition-colors {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    outline-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    --tw-gradient-from,
+    --tw-gradient-via,
+    --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.transition-transform {
+  transition-property:
+    transform,
+    translate,
+    scale,
+    rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.delay-75 {
+  transition-delay: 75ms;
+}
+.delay-100 {
+  transition-delay: 100ms;
+}
+.duration-150 {
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+}
+.duration-200 {
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
+}
+.duration-300 {
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+}
+.ease-in-out {
+  --tw-ease: var(--ease-in-out);
+  transition-timing-function: var(--ease-in-out);
+}
+.outline-none {
+  --tw-outline-style: none;
+  outline-style: none;
+}
+.select-none {
+  -webkit-user-select: none;
+  user-select: none;
+}
+.peer-checked\:border-primary {
+  &:is(:where(.peer):checked ~ *) {
+    border-color: var(--color-primary);
+  }
+}
+.peer-checked\:bg-primary {
+  &:is(:where(.peer):checked ~ *) {
+    background-color: var(--color-primary);
+  }
+}
+.placeholder\:text-\[14px\] {
+  &::placeholder {
+    font-size: 14px;
+  }
+}
+.placeholder\:font-normal {
+  &::placeholder {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+}
+.placeholder\:text-\[\#6b7280\] {
+  &::placeholder {
+    color: #6b7280;
+  }
+}
+.placeholder\:text-jett-ink-400 {
+  &::placeholder {
+    color: var(--color-jett-ink-400);
+  }
+}
+.focus-within\:outline-2 {
+  &:focus-within {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+}
+.focus-within\:outline-offset-2 {
+  &:focus-within {
+    outline-offset: 2px;
+  }
+}
+.focus-within\:outline-black {
+  &:focus-within {
+    outline-color: var(--color-black);
+  }
+}
+.hover\:border-gray-300 {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-gray-300);
+    }
+  }
+}
+.hover\:border-gray-400 {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-gray-400);
+    }
+  }
+}
+.hover\:border-jett-line-control {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-jett-line-control);
+    }
+  }
+}
+.hover\:bg-\[\#F7FAFC\] {
+  &:hover {
+    @media (hover: hover) {
+      background-color: #F7FAFC;
+    }
+  }
+}
+.hover\:bg-\[\#f4f4f5\] {
+  &:hover {
+    @media (hover: hover) {
+      background-color: #f4f4f5;
+    }
+  }
+}
+.hover\:bg-gray-50 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-gray-50);
+    }
+  }
+}
+.hover\:bg-gray-100 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-gray-100);
+    }
+  }
+}
+.hover\:bg-jett-canvas {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-jett-canvas);
+    }
+  }
+}
+.hover\:bg-jett-danger-soft {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-jett-danger-soft);
+    }
+  }
+}
+.hover\:bg-jett-fill {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-jett-fill);
+    }
+  }
+}
+.hover\:bg-red-700 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-red-700);
+    }
+  }
+}
+.hover\:text-gray-700 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-gray-700);
+    }
+  }
+}
+.hover\:text-jett-ink {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-jett-ink);
+    }
+  }
+}
+.hover\:text-jett-ink-700 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-jett-ink-700);
+    }
+  }
+}
+.focus\:border-black {
+  &:focus {
+    border-color: var(--color-black);
+  }
+}
+.focus\:shadow-none {
+  &:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+}
+.focus\:ring-0 {
+  &:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+}
+.focus\:outline-2 {
+  &:focus {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+}
+.focus\:outline-offset-2 {
+  &:focus {
+    outline-offset: 2px;
+  }
+}
+.focus\:outline-black {
+  &:focus {
+    outline-color: var(--color-black);
+  }
+}
+.focus\:outline-none {
+  &:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+}
+.disabled\:cursor-not-allowed {
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+.disabled\:opacity-50 {
+  &:disabled {
+    opacity: 50%;
+  }
+}
+.xs\:max-md\:z-40 {
+  @media (width >= 360px) {
+    @media (width < 48rem) {
+      z-index: 40;
+    }
+  }
+}
+.sm\:flex-row {
+  @media (width >= 40rem) {
+    flex-direction: row;
+  }
+}
+.sm\:justify-end {
+  @media (width >= 40rem) {
+    justify-content: flex-end;
+  }
+}
+.sm\:space-x-2 {
+  @media (width >= 40rem) {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+}
+.md\:relative {
+  @media (width >= 48rem) {
+    position: relative;
+  }
+}
+.md\:block {
+  @media (width >= 48rem) {
+    display: block;
+  }
+}
+.md\:hidden {
+  @media (width >= 48rem) {
+    display: none;
+  }
+}
+.md\:min-w-\[576px\] {
+  @media (width >= 48rem) {
+    min-width: 576px;
+  }
+}
+.md\:translate-x-0 {
+  @media (width >= 48rem) {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.md\:pt-4 {
+  @media (width >= 48rem) {
+    padding-top: calc(var(--spacing) * 4);
+  }
+}
+.md\:max-lg\:w-\[280px\] {
+  @media (width >= 48rem) {
+    @media (width < 64rem) {
+      width: 280px;
+    }
+  }
+}
+.dark\:border-\[\#303036\] {
+  &:where(.dark, .dark *) {
+    border-color: #303036;
+  }
+}
+.dark\:bg-\[\#1d1d20\] {
+  &:where(.dark, .dark *) {
+    background-color: #1d1d20;
+  }
+}
+.dark\:bg-\[\#18181b\] {
+  &:where(.dark, .dark *) {
+    background-color: #18181b;
+  }
+}
+.dark\:bg-\[\#27272a\] {
+  &:where(.dark, .dark *) {
+    background-color: #27272a;
+  }
+}
+.dark\:bg-\[\#303036\] {
+  &:where(.dark, .dark *) {
+    background-color: #303036;
+  }
+}
+.dark\:bg-blue-950\/40 {
+  &:where(.dark, .dark *) {
+    background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
+    }
+  }
+}
+.dark\:bg-gray-800 {
+  &:where(.dark, .dark *) {
+    background-color: var(--color-gray-800);
+  }
+}
+.dark\:bg-green-900 {
+  &:where(.dark, .dark *) {
+    background-color: var(--color-green-900);
+  }
+}
+.dark\:bg-primary {
+  &:where(.dark, .dark *) {
+    background-color: var(--color-primary);
+  }
+}
+.dark\:bg-red-900 {
+  &:where(.dark, .dark *) {
+    background-color: var(--color-red-900);
+  }
+}
+.dark\:bg-transparent {
+  &:where(.dark, .dark *) {
+    background-color: transparent;
+  }
+}
+.dark\:bg-yellow-900 {
+  &:where(.dark, .dark *) {
+    background-color: var(--color-yellow-900);
+  }
+}
+.dark\:\!text-\[\#a1a1aa\] {
+  &:where(.dark, .dark *) {
+    color: #a1a1aa !important;
+  }
+}
+.dark\:text-\[\#71717a\] {
+  &:where(.dark, .dark *) {
+    color: #71717a;
+  }
+}
+.dark\:text-\[\#a1a1aa\] {
+  &:where(.dark, .dark *) {
+    color: #a1a1aa;
+  }
+}
+.dark\:text-\[\#f4f4f5cc\] {
+  &:where(.dark, .dark *) {
+    color: #f4f4f5cc;
+  }
+}
+.dark\:text-gray-400 {
+  &:where(.dark, .dark *) {
+    color: var(--color-gray-400);
+  }
+}
+.dark\:text-gray-500 {
+  &:where(.dark, .dark *) {
+    color: var(--color-gray-500);
+  }
+}
+.dark\:text-gray-600 {
+  &:where(.dark, .dark *) {
+    color: var(--color-gray-600);
+  }
+}
+.dark\:text-green-100 {
+  &:where(.dark, .dark *) {
+    color: var(--color-green-100);
+  }
+}
+.dark\:text-red-100 {
+  &:where(.dark, .dark *) {
+    color: var(--color-red-100);
+  }
+}
+.dark\:text-white {
+  &:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
+}
+.dark\:text-yellow-100 {
+  &:where(.dark, .dark *) {
+    color: var(--color-yellow-100);
+  }
+}
+.dark\:outline-white {
+  &:where(.dark, .dark *) {
+    outline-color: var(--color-white);
+  }
+}
+.dark\:hover\:bg-\[\#27272a\] {
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #27272a;
+      }
+    }
+  }
+}
+.dark\:hover\:bg-\[\#303036\] {
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #303036;
+      }
+    }
+  }
+}
+.dark\:hover\:bg-\[\#323232\] {
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #323232;
+      }
+    }
+  }
+}
+.dark\:hover\:text-white {
+  &:where(.dark, .dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+}
+@font-face {
+  font-family: "Inter";
+  src: url("./Inter-Regular-GS5EHSMB.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Inter";
+  src: url("./Inter-Medium-5IRUMIHZ.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Inter";
+  src: url("./Inter-SemiBold-SVBZ7NC6.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Inter";
+  src: url("./Inter-Bold-UGVMS3V6.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+body {
+  font-family: "Inter", sans-serif;
+}
+@layer utilities {
+  .scrollbar-hide {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+  .scrollbar-hide::-webkit-scrollbar {
+    display: none;
+  }
+}
+@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-rotate-x { syntax: "*"; inherits: false; }
+@property --tw-rotate-y { syntax: "*"; inherits: false; }
+@property --tw-rotate-z { syntax: "*"; inherits: false; }
+@property --tw-skew-x { syntax: "*"; inherits: false; }
+@property --tw-skew-y { syntax: "*"; inherits: false; }
+@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
+@property --tw-leading { syntax: "*"; inherits: false; }
+@property --tw-font-weight { syntax: "*"; inherits: false; }
+@property --tw-tracking { syntax: "*"; inherits: false; }
+@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
+@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
+@property --tw-ring-color { syntax: "*"; inherits: false; }
+@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
+@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-ring-inset { syntax: "*"; inherits: false; }
+@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
+@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
+@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
+@property --tw-duration { syntax: "*"; inherits: false; }
+@property --tw-ease { syntax: "*"; inherits: false; }
+@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *,
+    ::before,
+    ::after,
+    ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-space-x-reverse: 0;
+    }
+  }
+}
+
+/* src/RightSheet/RightSheet.css */
+.sheetPopIn {
+  animation: popIn 50ms ease-in-out forwards;
+}
+.sheetRightSlide {
+  animation: rightSlide 350ms ease-in-out forwards;
+}
+.sheetLeftSlide {
+  animation: sheetLeftSlide 350ms ease-in-out forwards;
+}
+@keyframes sheetLeftSlide {
+  0% {
+    transform: translateX(-100%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes rightSlide {
+  0% {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes popIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */