@sentio/ui-core 0.1.0

package/dist/index.css

@@ -0,0 +1,3206 @@
+/* src/theme-variables.css */
+.dark {
+  --white:
+    255,
+    255,
+    255;
+  --text-background:
+    32,
+    32,
+    32;
+  --text-foreground:
+    228,
+    228,
+    228;
+  --text-foreground-secondary:
+    166,
+    166,
+    166;
+  --text-foreground-tertiary:
+    143,
+    143,
+    143;
+  --text-foreground-disabled:
+    117,
+    117,
+    117;
+  --border-color: var(--gray-100);
+  --input-border-color: var(--gray-200);
+  --input-background: var(--gray-100);
+  --navbar-foreground: var(--text-foreground-secondary);
+  --navbar-hover-background: var(--sentio-gray-50);
+  --navbar-selected-background: var(--primary-600);
+  --navbar-hover-foreground: var(--text-foreground);
+  --box-gradient-background:
+    linear-gradient(
+      
+      131.26deg,
+      rgba(189, 36, 181, 0.2) 0%,
+      rgba(7, 86, 213, 0.1) 12%,
+      rgba(18, 18, 18, 0) 30%,
+      transparent 100% );
+  --gray-50:
+    32,
+    35,
+    41;
+  --gray-100:
+    66,
+    66,
+    72;
+  --gray-200:
+    93,
+    97,
+    101;
+  --gray-300:
+    113,
+    115,
+    121;
+  --gray-400:
+    152,
+    156,
+    160;
+  --gray-500:
+    181,
+    185,
+    189;
+  --gray-600:
+    216,
+    218,
+    224;
+  --gray-700:
+    228,
+    232,
+    237;
+  --gray-800:
+    235,
+    239,
+    243;
+  --gray-900:
+    247,
+    259,
+    251;
+  --red-50:
+    39,
+    18,
+    17;
+  --red-100:
+    63,
+    22,
+    20;
+  --red-200:
+    84,
+    30,
+    26;
+  --red-300:
+    117,
+    36,
+    29;
+  --red-400:
+    160,
+    45,
+    34;
+  --red-500:
+    204,
+    53,
+    39;
+  --red-600:
+    227,
+    95,
+    78;
+  --red-700:
+    243,
+    141,
+    123;
+  --red-800:
+    248,
+    179,
+    164;
+  --red-900:
+    245,
+    211,
+    201;
+  --orange-50:
+    42,
+    30,
+    15;
+  --orange-100:
+    68,
+    45,
+    14;
+  --orange-200:
+    89,
+    60,
+    14;
+  --orange-300:
+    125,
+    81,
+    12;
+  --orange-400:
+    172,
+    110,
+    10;
+  --orange-500:
+    219,
+    138,
+    7;
+  --orange-600:
+    231,
+    166,
+    43;
+  --orange-700:
+    243,
+    193,
+    84;
+  --orange-800:
+    248,
+    213,
+    125;
+  --orange-900:
+    250,
+    229,
+    165;
+  --yellow-50:
+    42,
+    36,
+    15;
+  --yellow-100:
+    68,
+    57,
+    14;
+  --yellow-200:
+    89,
+    77,
+    14;
+  --yellow-300:
+    125,
+    106,
+    12;
+  --yellow-400:
+    172,
+    145,
+    10;
+  --yellow-500:
+    219,
+    184,
+    7;
+  --yellow-600:
+    231,
+    206,
+    43;
+  --yellow-700:
+    243,
+    227,
+    84;
+  --yellow-800:
+    248,
+    240,
+    125;
+  --yellow-900:
+    250,
+    247,
+    165;
+  --cyan-50:
+    21,
+    31,
+    17;
+  --cyan-100:
+    29,
+    49,
+    19;
+  --cyan-200:
+    40,
+    66,
+    24;
+  --cyan-300:
+    50,
+    90,
+    27;
+  --cyan-400:
+    65,
+    123,
+    30;
+  --cyan-500:
+    79,
+    155,
+    34;
+  --cyan-600:
+    109,
+    174,
+    66;
+  --cyan-700:
+    143,
+    195,
+    104;
+  --cyan-800:
+    176,
+    211,
+    146;
+  --cyan-900:
+    211,
+    229,
+    194;
+  --purple-50:
+    27,
+    15,
+    39;
+  --purple-100:
+    40,
+    14,
+    63;
+  --purple-200:
+    54,
+    15,
+    84;
+  --purple-300:
+    72,
+    14,
+    117;
+  --purple-400:
+    96,
+    12,
+    160;
+  --purple-500:
+    120,
+    10,
+    204;
+  --purple-600:
+    154,
+    44,
+    227;
+  --purple-700:
+    185,
+    85,
+    243;
+  --purple-800:
+    196,
+    120,
+    235;
+  --purple-900:
+    228,
+    170,
+    252;
+  --primary-50:
+    15,
+    22,
+    36;
+  --primary-100:
+    14,
+    29,
+    58;
+  --primary-200:
+    15,
+    38,
+    77;
+  --primary-300:
+    13,
+    49,
+    106;
+  --primary-400:
+    11,
+    62,
+    145;
+  --primary-500:
+    9,
+    76,
+    184;
+  --primary-600:
+    41,
+    110,
+    206;
+  --primary-700:
+    81,
+    147,
+    229;
+  --primary-800:
+    126,
+    184,
+    245;
+  --primary-900:
+    168,
+    210,
+    250;
+  --daybreak-blue-50:
+    17,
+    30,
+    35;
+  --daybreak-blue-100:
+    20,
+    46,
+    56;
+  --daybreak-blue-200:
+    25,
+    63,
+    75;
+  --daybreak-blue-300:
+    28,
+    85,
+    104;
+  --daybreak-blue-400:
+    33,
+    115,
+    142;
+  --daybreak-blue-500:
+    38,
+    145,
+    180;
+  --daybreak-blue-600:
+    74,
+    174,
+    202;
+  --daybreak-blue-700:
+    117,
+    204,
+    224;
+  --daybreak-blue-800:
+    164,
+    228,
+    240;
+  --daybreak-blue-900:
+    206,
+    240,
+    245;
+  --lake-blue-50:
+    16,
+    35,
+    34;
+  --lake-blue-100:
+    17,
+    56,
+    52;
+  --lake-blue-200:
+    21,
+    75,
+    68;
+  --lake-blue-300:
+    22,
+    103,
+    92;
+  --lake-blue-400:
+    24,
+    141,
+    125;
+  --lake-blue-500:
+    26,
+    179,
+    158;
+  --lake-blue-600:
+    59,
+    199,
+    176;
+  --lake-blue-700:
+    100,
+    221,
+    198;
+  --lake-blue-800:
+    145,
+    238,
+    217;
+  --lake-blue-900:
+    192,
+    250,
+    235;
+  --sentio-gray-50:
+    23,
+    23,
+    23;
+  --sentio-gray-100:
+    32,
+    32,
+    32;
+  --sentio-gray-200:
+    37,
+    37,
+    37;
+  --sentio-gray-300:
+    46,
+    46,
+    46;
+  --sentio-gray-400:
+    75,
+    75,
+    75;
+  --sentio-gray-500:
+    103,
+    103,
+    103;
+  --sentio-gray-600:
+    132,
+    132,
+    132;
+  --sentio-gray-700:
+    170,
+    170,
+    170;
+  --sentio-gray-800:
+    208,
+    208,
+    208;
+  --sentio-gray-900:
+    236,
+    236,
+    236;
+  --deep-purple-50:
+    17,
+    16,
+    41;
+  --deep-purple-100:
+    21,
+    17,
+    67;
+  --deep-purple-200:
+    29,
+    21,
+    88;
+  --deep-purple-300:
+    34,
+    22,
+    122;
+  --deep-purple-400:
+    41,
+    24,
+    169;
+  --deep-purple-500:
+    48,
+    26,
+    215;
+  --deep-purple-600:
+    89,
+    64,
+    231;
+  --deep-purple-700:
+    130,
+    105,
+    243;
+  --deep-purple-800:
+    168,
+    146,
+    248;
+  --deep-purple-900:
+    205,
+    190,
+    252;
+  --magenta-50:
+    36,
+    15,
+    30;
+  --magenta-100:
+    58,
+    14,
+    43;
+  --magenta-200:
+    77,
+    15,
+    54;
+  --magenta-300:
+    106,
+    13,
+    72;
+  --magenta-400:
+    145,
+    11,
+    95;
+  --magenta-500:
+    184,
+    9,
+    119;
+  --magenta-600:
+    206,
+    41,
+    140;
+  --magenta-700:
+    229,
+    81,
+    164;
+  --magenta-800:
+    245,
+    126,
+    190;
+  --magenta-900:
+    250,
+    168,
+    209;
+  --sidebar-background:
+    37,
+    37,
+    37;
+}
+body.dark {
+  background: rgba(var(--sentio-gray-50));
+  color: #a6a6a6;
+}
+body.dark :focus-visible {
+  outline: 0;
+}
+.dark .simplebar-scrollbar:before {
+  background-color: #a6a6a6;
+}
+.dark select {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='rgba(181, 185, 189)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+}
+input[type=checkbox]:where(.dark, .dark *),
+[type=radio]:where(.dark, .dark *) {
+  background-color: rgba(var(--sentio-gray-100));
+}
+body {
+  --white:
+    255,
+    255,
+    255;
+  --text-background:
+    255,
+    255,
+    255;
+  --text-foreground: var(--gray-900);
+  --text-foreground-secondary: var(--gray-600);
+  --text-foreground-tertiary: var(--gray-500);
+  --text-foreground-disabled: var(--gray-400);
+  --border-color:
+    235,
+    239,
+    243;
+  --input-border-color: var(--gray-200);
+  --input-background: var(--white);
+  --navbar-foreground: var(--gray-600);
+  --navbar-hover-background:
+    220,
+    230,
+    255;
+  --navbar-selected-background:
+    220,
+    230,
+    255;
+  --navbar-hover-foreground: var(--primary-700);
+  --box-gradient-background:
+    linear-gradient(
+      
+      122.39deg,
+      rgba(249, 238, 255, 1) 0%,
+      rgba(244, 247, 255, 1) 5.6%,
+      rgba(255, 255, 255, 1) 22%,
+      transparent 100% );
+  --gray-50:
+    247,
+    249,
+    251;
+  --gray-100:
+    235,
+    239,
+    243;
+  --gray-200:
+    228,
+    232,
+    237;
+  --gray-300:
+    216,
+    218,
+    224;
+  --gray-400:
+    181,
+    185,
+    189;
+  --gray-500:
+    152,
+    156,
+    160;
+  --gray-600:
+    113,
+    115,
+    121;
+  --gray-700:
+    93,
+    97,
+    101;
+  --gray-800:
+    64,
+    66,
+    72;
+  --gray-900:
+    32,
+    35,
+    41;
+  --red-50:
+    254,
+    247,
+    247;
+  --red-100:
+    251,
+    216,
+    213;
+  --red-200:
+    249,
+    184,
+    179;
+  --red-300:
+    246,
+    153,
+    145;
+  --red-400:
+    243,
+    122,
+    111;
+  --red-500:
+    240,
+    90,
+    77;
+  --red-600:
+    237,
+    59,
+    43;
+  --red-700:
+    212,
+    43,
+    28;
+  --red-800:
+    186,
+    29,
+    15;
+  --red-900:
+    161,
+    18,
+    5;
+  --orange-50:
+    255,
+    251,
+    245;
+  --orange-100:
+    255,
+    236,
+    205;
+  --orange-200:
+    255,
+    221,
+    165;
+  --orange-300:
+    255,
+    205,
+    125;
+  --orange-400:
+    255,
+    190,
+    85;
+  --orange-500:
+    255,
+    175,
+    45;
+  --orange-600:
+    255,
+    159,
+    5;
+  --orange-700:
+    230,
+    120,
+    2;
+  --orange-800:
+    204,
+    106,
+    0;
+  --orange-900:
+    179,
+    92,
+    0;
+  --yellow-50:
+    255,
+    253,
+    245;
+  --yellow-100:
+    255,
+    247,
+    205;
+  --yellow-200:
+    255,
+    240,
+    165;
+  --yellow-300:
+    255,
+    233,
+    125;
+  --yellow-400:
+    255,
+    227,
+    85;
+  --yellow-500:
+    255,
+    220,
+    45;
+  --yellow-600:
+    255,
+    213,
+    5;
+  --yellow-700:
+    229,
+    192,
+    2;
+  --yellow-800:
+    204,
+    171,
+    0;
+  --yellow-900:
+    153,
+    127,
+    0;
+  --cyan-50:
+    248,
+    252,
+    246;
+  --cyan-100:
+    222,
+    239,
+    211;
+  --cyan-200:
+    195,
+    226,
+    176;
+  --cyan-300:
+    168,
+    213,
+    141;
+  --cyan-400:
+    141,
+    200,
+    105;
+  --cyan-500:
+    115,
+    186,
+    70;
+  --cyan-600:
+    88,
+    173,
+    35;
+  --cyan-700:
+    70,
+    148,
+    21;
+  --cyan-800:
+    68,
+    122,
+    34;
+  --cyan-900:
+    53,
+    102,
+    22;
+  --purple-50:
+    250,
+    245,
+    253;
+  --purple-100:
+    231,
+    205,
+    247;
+  --purple-200:
+    211,
+    166,
+    240;
+  --purple-300:
+    192,
+    126,
+    233;
+  --purple-400:
+    173,
+    86,
+    226;
+  --purple-500:
+    153,
+    46,
+    219;
+  --purple-600:
+    138,
+    8,
+    237;
+  --purple-700:
+    112,
+    6,
+    192;
+  --purple-800:
+    91,
+    4,
+    156;
+  --purple-900:
+    74,
+    4,
+    126;
+  --primary-50:
+    245,
+    248,
+    253;
+  --primary-100:
+    205,
+    221,
+    247;
+  --primary-200:
+    166,
+    194,
+    240;
+  --primary-300:
+    126,
+    167,
+    233;
+  --primary-400:
+    86,
+    140,
+    226;
+  --primary-500:
+    46,
+    113,
+    219;
+  --primary-600:
+    7,
+    86,
+    213;
+  --primary-700:
+    5,
+    69,
+    173;
+  --primary-800:
+    4,
+    56,
+    140;
+  --primary-900:
+    4,
+    45,
+    113;
+  --daybreak-blue-50:
+    245,
+    251,
+    253;
+  --daybreak-blue-100:
+    205,
+    235,
+    247;
+  --daybreak-blue-200:
+    166,
+    220,
+    241;
+  --daybreak-blue-300:
+    126,
+    204,
+    235;
+  --daybreak-blue-400:
+    86,
+    188,
+    229;
+  --daybreak-blue-500:
+    46,
+    173,
+    223;
+  --daybreak-blue-600:
+    7,
+    157,
+    217;
+  --daybreak-blue-700:
+    5,
+    127,
+    175;
+  --daybreak-blue-800:
+    4,
+    103,
+    141;
+  --daybreak-blue-900:
+    4,
+    84,
+    114;
+  --lake-blue-50:
+    246,
+    253,
+    252;
+  --lake-blue-100:
+    209,
+    245,
+    241;
+  --lake-blue-200:
+    173,
+    238,
+    229;
+  --lake-blue-300:
+    136,
+    230,
+    217;
+  --lake-blue-400:
+    100,
+    222,
+    206;
+  --lake-blue-500:
+    63,
+    214,
+    194;
+  --lake-blue-600:
+    27,
+    207,
+    183;
+  --lake-blue-700:
+    22,
+    167,
+    149;
+  --lake-blue-800:
+    16,
+    121,
+    109;
+  --lake-blue-900:
+    13,
+    98,
+    88;
+  --sentio-gray-50:
+    250,
+    250,
+    250;
+  --sentio-gray-100:
+    245,
+    245,
+    245;
+  --sentio-gray-200:
+    238,
+    238,
+    238;
+  --sentio-gray-300:
+    224,
+    224,
+    224;
+  --sentio-gray-400:
+    189,
+    189,
+    189;
+  --sentio-gray-500:
+    158,
+    158,
+    158;
+  --sentio-gray-600:
+    117,
+    117,
+    117;
+  --sentio-gray-700:
+    97,
+    97,
+    97;
+  --sentio-gray-800:
+    66,
+    66,
+    66;
+  --sentio-gray-900:
+    33,
+    33,
+    33;
+  --deep-purple-50:
+    247,
+    246,
+    255;
+  --deep-purple-100:
+    215,
+    209,
+    254;
+  --deep-purple-200:
+    182,
+    173,
+    253;
+  --deep-purple-300:
+    150,
+    137,
+    252;
+  --deep-purple-400:
+    118,
+    100,
+    252;
+  --deep-purple-500:
+    86,
+    64,
+    251;
+  --deep-purple-600:
+    53,
+    27,
+    250;
+  --deep-purple-700:
+    43,
+    22,
+    203;
+  --deep-purple-800:
+    35,
+    18,
+    165;
+  --deep-purple-900:
+    28,
+    14,
+    134;
+  --magenta-50:
+    253,
+    245,
+    250;
+  --magenta-100:
+    247,
+    205,
+    231;
+  --magenta-200:
+    240,
+    166,
+    213;
+  --magenta-300:
+    233,
+    126,
+    194;
+  --magenta-400:
+    226,
+    86,
+    175;
+  --magenta-500:
+    220,
+    47,
+    156;
+  --magenta-600:
+    213,
+    7,
+    137;
+  --magenta-700:
+    173,
+    5,
+    111;
+  --magenta-800:
+    140,
+    4,
+    90;
+  --magenta-900:
+    113,
+    4,
+    73;
+  --sidebar-background:
+    234,
+    241,
+    251;
+}
+body.new-theme {
+  background-color: initial;
+  --sidebar-background:
+    246,
+    246,
+    246;
+  --navbar-foreground: var(--gray-600);
+  --navbar-hover-background: var(--sentio-gray-200);
+  --navbar-selected-background:
+    233,
+    233,
+    233;
+  --navbar-hover-foreground: var(--gray-800);
+}
+body.dark.new-theme {
+  background: rgba(var(--sentio-gray-50));
+  --sidebar-background:
+    40,
+    41,
+    44;
+  --navbar-selected-background:
+    64,
+    64,
+    72;
+}
+
+/* src/styles.css */
+*,
+::before,
+::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.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: rgb(59 130 246 / 0.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: ;
+}
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: rgba(var(--border-color));
+}
+::before,
+::after {
+  --tw-content: "";
+}
+html,
+:host {
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  -webkit-tap-highlight-color: transparent;
+}
+body {
+  margin: 0;
+  line-height: inherit;
+}
+hr {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
+}
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+code,
+kbd,
+samp,
+pre {
+  font-family:
+    Menlo,
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  font-size: 1em;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+table {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+input:where([type=button]),
+input:where([type=reset]),
+input:where([type=submit]) {
+  -webkit-appearance: button;
+  background-color: transparent;
+  background-image: none;
+}
+:-moz-focusring {
+  outline: auto;
+}
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+progress {
+  vertical-align: baseline;
+}
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+summary {
+  display: list-item;
+}
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+legend {
+  padding: 0;
+}
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+dialog {
+  padding: 0;
+}
+textarea {
+  resize: vertical;
+}
+input::-moz-placeholder,
+textarea::-moz-placeholder {
+  opacity: 1;
+  color: rgba(var(--gray-400));
+}
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  color: rgba(var(--gray-400));
+}
+button,
+[role=button] {
+  cursor: pointer;
+}
+:disabled {
+  cursor: default;
+}
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle;
+}
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+[hidden]:where(:not([hidden=until-found])) {
+  display: none;
+}
+.btn-primary:not(.btn-disabled) {
+  background-color: rgba(var(--primary-600));
+  color: rgba(var(--white));
+}
+.btn-primary:not(.btn-disabled):hover {
+  background-color: rgba(var(--primary-500));
+}
+.btn-primary:not(.btn-disabled):focus {
+  --tw-ring-color: rgba(var(--primary-700));
+}
+.btn-primary:not(.btn-disabled):active {
+  background-color: rgba(var(--primary-700));
+}
+.btn-primary:not(.btn-disabled):where(.dark, .dark *) {
+  background-color: rgba(var(--primary-500));
+  color: rgba(var(--white));
+}
+.btn-primary:not(.btn-disabled):hover:where(.dark, .dark *) {
+  background-color: rgba(var(--primary-500), 0.9);
+}
+.btn-primary:not(.btn-disabled):focus:where(.dark, .dark *) {
+  --tw-ring-color: rgba(var(--primary-500));
+}
+.btn-primary:not(.btn-disabled):active:where(.dark, .dark *) {
+  background-color: rgba(var(--primary-300));
+}
+.btn-primary.btn-disabled {
+  cursor: not-allowed;
+  background-color: rgba(var(--primary-200));
+  color: rgba(var(--white));
+}
+.btn-primary.btn-disabled:where(.dark, .dark *) {
+  background-color: rgba(var(--primary-200), 0.9);
+}
+.btn-primary.btn-status-danger:not(.btn-disabled) {
+  background-color: rgba(var(--red-600));
+  color: rgba(var(--white));
+}
+.btn-primary.btn-status-danger:not(.btn-disabled):hover {
+  background-color: rgba(var(--red-500));
+}
+.btn-primary.btn-status-danger:not(.btn-disabled):focus {
+  --tw-ring-color: rgba(var(--red-700));
+}
+.btn-primary.btn-status-danger:not(.btn-disabled):active {
+  background-color: rgba(var(--red-700));
+}
+.btn-primary.btn-status-danger.btn-disabled {
+  cursor: not-allowed;
+  background-color: rgba(var(--red-200));
+  color: rgba(var(--white));
+}
+.btn-secondary:not(.btn-disabled) {
+  border-width: 1px;
+  border-color: rgba(var(--gray-300));
+  color: rgba(var(--gray-900));
+}
+.btn-secondary:not(.btn-disabled):hover {
+  border-color: rgba(var(--primary-600));
+  color: rgba(var(--primary-600));
+}
+.btn-secondary:not(.btn-disabled):active {
+  border-color: rgba(var(--primary-800));
+  color: rgba(var(--primary-800));
+}
+.btn-secondary:not(.btn-disabled):where(.dark, .dark *) {
+  border-color: rgba(var(--gray-200));
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
+}
+.btn-secondary:not(.btn-disabled):hover:where(.dark, .dark *) {
+  border-color: rgba(var(--primary-600));
+  background-color: rgba(var(--primary-600));
+  color: rgba(var(--white));
+}
+.btn-secondary.btn-disabled {
+  cursor: not-allowed;
+  border-width: 1px;
+  border-color: rgba(var(--gray-200));
+  color: rgba(var(--gray-400));
+}
+.btn-secondary.btn-disabled:where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(137 137 137 / var(--tw-border-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(137 137 137 / var(--tw-text-opacity, 1));
+}
+.btn-secondary.btn-status-danger:not(.btn-disabled) {
+  border-width: 1px;
+  border-color: rgba(var(--red-600));
+  color: rgba(var(--red-600));
+}
+.btn-secondary.btn-status-danger:not(.btn-disabled):hover {
+  border-color: rgba(var(--red-500));
+  color: rgba(var(--red-500));
+}
+.btn-secondary.btn-status-danger:not(.btn-disabled):focus {
+  --tw-ring-color: rgba(var(--red-700));
+}
+.btn-secondary.btn-status-danger:not(.btn-disabled):active {
+  border-color: rgba(var(--red-700));
+  color: rgba(var(--red-700));
+}
+.btn-secondary.btn-status-danger:not(.btn-disabled):hover:where(.dark, .dark *) {
+  background-color: rgba(var(--red-50));
+}
+.btn-secondary.btn-status-danger.btn-disabled {
+  cursor: not-allowed;
+  border-width: 1px;
+  border-color: rgba(var(--red-200));
+  color: rgba(var(--red-200));
+}
+.btn-dashed:not(.btn-disabled) {
+  border-width: 1px;
+  border-style: dashed;
+  border-color: rgba(var(--gray-300));
+  color: rgba(var(--gray-900));
+}
+.btn-dashed:not(.btn-disabled):hover {
+  border-color: rgba(var(--primary-600));
+  color: rgba(var(--primary-600));
+}
+.btn-dashed:not(.btn-disabled):active {
+  border-color: rgba(var(--primary-700));
+  color: rgba(var(--primary-700));
+}
+.btn-dashed:not(.btn-disabled):where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(93 97 101 / var(--tw-border-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
+}
+.btn-dashed:not(.btn-disabled):hover:where(.dark, .dark *) {
+  border-color: rgba(var(--primary-500));
+  color: rgba(var(--primary-500));
+}
+.btn-dashed.btn-disabled {
+  cursor: not-allowed;
+  border-width: 1px;
+  border-style: dashed;
+  border-color: rgba(var(--gray-200));
+  color: rgba(var(--gray-400));
+}
+.btn-dashed.btn-disabled:where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(137 137 137 / var(--tw-border-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(137 137 137 / var(--tw-text-opacity, 1));
+}
+.btn-dashed.btn-status-danger:not(.btn-disabled) {
+  border-width: 1px;
+  border-style: dashed;
+  border-color: rgba(var(--red-600));
+  color: rgba(var(--red-600));
+}
+.btn-dashed.btn-status-danger:not(.btn-disabled):hover {
+  border-color: rgba(var(--red-500));
+  color: rgba(var(--red-500));
+}
+.btn-dashed.btn-status-danger:not(.btn-disabled):focus {
+  --tw-ring-color: rgba(var(--red-700));
+}
+.btn-dashed.btn-status-danger:not(.btn-disabled):active {
+  border-color: rgba(var(--red-700));
+  color: rgba(var(--red-700));
+}
+.btn-dashed.btn-status-danger.btn-disabled {
+  cursor: not-allowed;
+  border-width: 1px;
+  border-style: dashed;
+  border-color: rgba(var(--red-200));
+  color: rgba(var(--red-200));
+}
+.btn-text:not(.btn-disabled) {
+  color: rgba(var(--gray-900));
+}
+.btn-text:not(.btn-disabled):hover {
+  background-color: rgba(var(--gray-100));
+}
+.btn-text.btn-disabled {
+  cursor: not-allowed;
+  color: rgba(var(--gray-400));
+}
+.btn-text.btn-disabled:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(123 123 123 / var(--tw-text-opacity, 1));
+}
+.btn-text.btn-status-danger:not(.btn-disabled) {
+  color: rgba(var(--red-600));
+}
+.btn-text.btn-status-danger:not(.btn-disabled):hover {
+  background-color: rgba(var(--red-100));
+}
+.btn-text.btn-status-danger.btn-disabled {
+  cursor: not-allowed;
+  color: rgba(var(--red-200));
+}
+.btn-link:not(.btn-disabled) {
+  color: rgba(var(--primary-600));
+}
+.btn-link:not(.btn-disabled):hover {
+  color: rgba(var(--primary-500));
+}
+.btn-link:not(.btn-disabled):focus {
+  --tw-ring-color: rgba(var(--primary-700));
+}
+.btn-link:not(.btn-disabled):active {
+  color: rgba(var(--primary-700));
+}
+.btn-link:not(.btn-disabled):where(.dark, .dark *) {
+  color: rgba(var(--primary-700));
+}
+.btn-link:not(.btn-disabled):hover:where(.dark, .dark *) {
+  color: rgba(var(--primary-800));
+}
+.btn-link:not(.btn-disabled):focus:where(.dark, .dark *) {
+  --tw-ring-color: rgba(var(--primary-800));
+}
+.btn-link:not(.btn-disabled):active:where(.dark, .dark *) {
+  color: rgba(var(--primary-900));
+}
+.btn-link.btn-disabled {
+  cursor: not-allowed;
+  color: rgba(var(--primary-200));
+}
+.btn-link.btn-disabled:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(123 123 123 / var(--tw-text-opacity, 1));
+}
+.btn-link.btn-status-danger:not(.btn-disabled) {
+  color: rgba(var(--red-600));
+}
+.btn-link.btn-status-danger:not(.btn-disabled):hover {
+  color: rgba(var(--red-500));
+}
+.btn-link.btn-status-danger:not(.btn-disabled):focus {
+  --tw-ring-color: rgba(var(--red-700));
+}
+.btn-link.btn-status-danger:not(.btn-disabled):active {
+  color: rgba(var(--red-700));
+}
+.btn-link.btn-status-danger.btn-disabled {
+  cursor: not-allowed;
+  color: rgba(var(--red-200));
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+.pointer-events-none {
+  pointer-events: none;
+}
+.visible {
+  visibility: visible;
+}
+.invisible {
+  visibility: hidden;
+}
+.collapse {
+  visibility: collapse;
+}
+.static {
+  position: static;
+}
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.sticky {
+  position: sticky;
+}
+.inset-0 {
+  inset: 0px;
+}
+.inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
+.bottom-0 {
+  bottom: 0px;
+}
+.left-0 {
+  left: 0px;
+}
+.left-\[50\%\] {
+  left: 50%;
+}
+.right-0 {
+  right: 0px;
+}
+.top-0 {
+  top: 0px;
+}
+.top-\[50\%\] {
+  top: 50%;
+}
+.z-10 {
+  z-index: 10;
+}
+.z-\[1\] {
+  z-index: 1;
+}
+.-my-1\.5 {
+  margin-top: -0.375rem;
+  margin-bottom: -0.375rem;
+}
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+.mb-4 {
+  margin-bottom: 1rem;
+}
+.ml-2 {
+  margin-left: 0.5rem;
+}
+.ml-4 {
+  margin-left: 1rem;
+}
+.mr-1 {
+  margin-right: 0.25rem;
+}
+.mr-1\.5 {
+  margin-right: 0.375rem;
+}
+.mr-2 {
+  margin-right: 0.5rem;
+}
+.mr-4 {
+  margin-right: 1rem;
+}
+.mr-\[19px\] {
+  margin-right: 19px;
+}
+.mt-1 {
+  margin-top: 0.25rem;
+}
+.mt-2 {
+  margin-top: 0.5rem;
+}
+.block {
+  display: block;
+}
+.inline-block {
+  display: inline-block;
+}
+.flex {
+  display: flex;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.table {
+  display: table;
+}
+.contents {
+  display: contents;
+}
+.hidden {
+  display: none;
+}
+.\!h-4 {
+  height: 1rem !important;
+}
+.\!h-5 {
+  height: 1.25rem !important;
+}
+.\!h-\[18px\] {
+  height: 18px !important;
+}
+.h-1 {
+  height: 0.25rem;
+}
+.h-1\.5 {
+  height: 0.375rem;
+}
+.h-10 {
+  height: 2.5rem;
+}
+.h-3 {
+  height: 0.75rem;
+}
+.h-3\.5 {
+  height: 0.875rem;
+}
+.h-4 {
+  height: 1rem;
+}
+.h-4\.5 {
+  height: 1.125rem;
+}
+.h-5 {
+  height: 1.25rem;
+}
+.h-6 {
+  height: 1.5rem;
+}
+.h-7 {
+  height: 1.75rem;
+}
+.h-8 {
+  height: 2rem;
+}
+.h-\[16px\] {
+  height: 16px;
+}
+.h-\[18px\] {
+  height: 18px;
+}
+.h-\[1em\] {
+  height: 1em;
+}
+.h-\[200px\] {
+  height: 200px;
+}
+.h-full {
+  height: 100%;
+}
+.max-h-0 {
+  max-height: 0px;
+}
+.max-h-60 {
+  max-height: 15rem;
+}
+.max-h-96 {
+  max-height: 24rem;
+}
+.max-h-\[2000px\] {
+  max-height: 2000px;
+}
+.min-h-\[24px\] {
+  min-height: 24px;
+}
+.min-h-full {
+  min-height: 100%;
+}
+.min-h-screen {
+  min-height: 100vh;
+}
+.\!w-4 {
+  width: 1rem !important;
+}
+.\!w-5 {
+  width: 1.25rem !important;
+}
+.\!w-\[18px\] {
+  width: 18px !important;
+}
+.w-1\.5 {
+  width: 0.375rem;
+}
+.w-2 {
+  width: 0.5rem;
+}
+.w-3 {
+  width: 0.75rem;
+}
+.w-3\.5 {
+  width: 0.875rem;
+}
+.w-4 {
+  width: 1rem;
+}
+.w-4\.5 {
+  width: 1.125rem;
+}
+.w-48 {
+  width: 12rem;
+}
+.w-5 {
+  width: 1.25rem;
+}
+.w-6 {
+  width: 1.5rem;
+}
+.w-7 {
+  width: 1.75rem;
+}
+.w-8 {
+  width: 2rem;
+}
+.w-\[18px\] {
+  width: 18px;
+}
+.w-\[1em\] {
+  width: 1em;
+}
+.w-\[30px\] {
+  width: 30px;
+}
+.w-\[52px\] {
+  width: 52px;
+}
+.w-\[68px\] {
+  width: 68px;
+}
+.w-\[80vw\] {
+  width: 80vw;
+}
+.w-\[px\] {
+  width: px;
+}
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.w-full {
+  width: 100%;
+}
+.w-max {
+  width: -moz-max-content;
+  width: max-content;
+}
+.w-px {
+  width: 1px;
+}
+.min-w-fit {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+}
+.min-w-full {
+  min-width: 100%;
+}
+.max-w-\[300px\] {
+  max-width: 300px;
+}
+.max-w-xs {
+  max-width: 20rem;
+}
+.flex-1 {
+  flex: 1 1 0%;
+}
+.flex-none {
+  flex: none;
+}
+.flex-shrink {
+  flex-shrink: 1;
+}
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+.shrink-0 {
+  flex-shrink: 0;
+}
+.flex-grow {
+  flex-grow: 1;
+}
+.origin-top {
+  transform-origin: top;
+}
+.-translate-y-6 {
+  --tw-translate-y: -1.5rem;
+  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-\[5px\] {
+  --tw-translate-y: -5px;
+  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-x-0 {
+  --tw-translate-x: 0px;
+  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-x-2 {
+  --tw-translate-x: 0.5rem;
+  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-x-3\.5 {
+  --tw-translate-x: 0.875rem;
+  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-x-7 {
+  --tw-translate-x: 1.75rem;
+  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-x-9 {
+  --tw-translate-x: 2.25rem;
+  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-0 {
+  --tw-translate-y: 0px;
+  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-4 {
+  --tw-translate-y: 1rem;
+  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-180 {
+  --tw-rotate: 180deg;
+  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-90 {
+  --tw-rotate: 90deg;
+  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-100 {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  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-95 {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+  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));
+}
+.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 spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+.cursor-auto {
+  cursor: auto;
+}
+.cursor-col-resize {
+  cursor: col-resize;
+}
+.cursor-default {
+  cursor: default;
+}
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.touch-none {
+  touch-action: none;
+}
+.select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.resize {
+  resize: both;
+}
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.flex-col {
+  flex-direction: column;
+}
+.items-end {
+  align-items: flex-end;
+}
+.items-center {
+  align-items: center;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.gap-2 {
+  gap: 0.5rem;
+}
+.gap-3 {
+  gap: 0.75rem;
+}
+.gap-4 {
+  gap: 1rem;
+}
+.space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+.space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+.space-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}
+.divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
+.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+  border-color: rgba(var(--gray-200));
+}
+.self-center {
+  align-self: center;
+}
+.self-stretch {
+  align-self: stretch;
+}
+.overflow-auto {
+  overflow: auto;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.\!overflow-visible {
+  overflow: visible !important;
+}
+.overflow-y-auto {
+  overflow-y: auto;
+}
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.rounded-full {
+  border-radius: 9999px;
+}
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+.rounded-md {
+  border-radius: 0.375rem;
+}
+.rounded-l-md {
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+.rounded-r-md {
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+.rounded-t {
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+.border {
+  border-width: 1px;
+}
+.border-2 {
+  border-width: 2px;
+}
+.border-b {
+  border-bottom-width: 1px;
+}
+.border-l {
+  border-left-width: 1px;
+}
+.border-t {
+  border-top-width: 1px;
+}
+.border-dashed {
+  border-style: dashed;
+}
+.border-none {
+  border-style: none;
+}
+.border-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
+}
+.border-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
+}
+.border-border-color {
+  border-color: rgba(var(--border-color));
+}
+.border-gray-300 {
+  border-color: rgba(var(--gray-300));
+}
+.border-gray-400 {
+  border-color: rgba(var(--gray-400));
+}
+.border-gray-700 {
+  border-color: rgba(var(--gray-700));
+}
+.border-green-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
+}
+.border-primary {
+  border-color: rgba(var(--primary-600));
+}
+.border-primary-500 {
+  border-color: rgba(var(--primary-500));
+}
+.border-red-300 {
+  border-color: rgba(var(--red-300));
+}
+.border-sentio-gray-300 {
+  border-color: rgba(var(--sentio-gray-300));
+}
+.border-transparent {
+  border-color: transparent;
+}
+.\!bg-gray-400\/50 {
+  background-color: rgba(var(--gray-400), 0.5) !important;
+}
+.\!bg-primary-100 {
+  background-color: rgba(var(--primary-100)) !important;
+}
+.bg-\[\#F6F8FA\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(246 248 250 / var(--tw-bg-opacity, 1));
+}
+.bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
+}
+.bg-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
+}
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+}
+.bg-current {
+  background-color: currentColor;
+}
+.bg-cyan-600\/10 {
+  background-color: rgba(var(--cyan-600), 0.1);
+}
+.bg-gray-100 {
+  background-color: rgba(var(--gray-100));
+}
+.bg-gray-200 {
+  background-color: rgba(var(--gray-200));
+}
+.bg-gray-300\/10 {
+  background-color: rgba(var(--gray-300), 0.1);
+}
+.bg-gray-400\/50 {
+  background-color: rgba(var(--gray-400), 0.5);
+}
+.bg-gray-50 {
+  background-color: rgba(var(--gray-50));
+}
+.bg-gray-500\/30 {
+  background-color: rgba(var(--gray-500), 0.3);
+}
+.bg-gray-500\/75 {
+  background-color: rgba(var(--gray-500), 0.75);
+}
+.bg-gray-600\/10 {
+  background-color: rgba(var(--gray-600), 0.1);
+}
+.bg-gray-800 {
+  background-color: rgba(var(--gray-800));
+}
+.bg-green-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
+}
+.bg-green-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
+}
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
+}
+.bg-orange-600\/10 {
+  background-color: rgba(var(--orange-600), 0.1);
+}
+.bg-primary {
+  background-color: rgba(var(--primary-600));
+}
+.bg-primary-100 {
+  background-color: rgba(var(--primary-100));
+}
+.bg-primary-50 {
+  background-color: rgba(var(--primary-50));
+}
+.bg-primary-600 {
+  background-color: rgba(var(--primary-600));
+}
+.bg-purple-500 {
+  background-color: rgba(var(--purple-500));
+}
+.bg-red-100 {
+  background-color: rgba(var(--red-100));
+}
+.bg-red-500 {
+  background-color: rgba(var(--red-500));
+}
+.bg-red-600\/10 {
+  background-color: rgba(var(--red-600), 0.1);
+}
+.bg-sentio-gray-100 {
+  background-color: rgba(var(--sentio-gray-100));
+}
+.bg-sentio-gray-50 {
+  background-color: rgba(var(--sentio-gray-50));
+}
+.bg-white {
+  background-color: rgba(var(--white));
+}
+.bg-yellow-100 {
+  background-color: rgba(var(--yellow-100));
+}
+.bg-yellow-500 {
+  background-color: rgba(var(--yellow-500));
+}
+.fill-gray {
+  fill: rgba(var(--gray-600));
+}
+.p-1 {
+  padding: 0.25rem;
+}
+.p-16 {
+  padding: 4rem;
+}
+.p-2 {
+  padding: 0.5rem;
+}
+.p-4 {
+  padding: 1rem;
+}
+.p-8 {
+  padding: 2rem;
+}
+.\!px-0 {
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+}
+.\!py-0 {
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.px-2\.5 {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.px-3\.5 {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.py-\[3px\] {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+.py-\[5px\] {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+.py-\[7px\] {
+  padding-top: 7px;
+  padding-bottom: 7px;
+}
+.pb-4 {
+  padding-bottom: 1rem;
+}
+.pl-2 {
+  padding-left: 0.5rem;
+}
+.pl-3 {
+  padding-left: 0.75rem;
+}
+.pl-4 {
+  padding-left: 1rem;
+}
+.pr-10 {
+  padding-right: 2.5rem;
+}
+.pr-2 {
+  padding-right: 0.5rem;
+}
+.pr-3 {
+  padding-right: 0.75rem;
+}
+.pr-4 {
+  padding-right: 1rem;
+}
+.pr-5 {
+  padding-right: 1.25rem;
+}
+.pr-6 {
+  padding-right: 1.5rem;
+}
+.pt-1 {
+  padding-top: 0.25rem;
+}
+.pt-4 {
+  padding-top: 1rem;
+}
+.pt-5 {
+  padding-top: 1.25rem;
+}
+.text-left {
+  text-align: left;
+}
+.text-center {
+  text-align: center;
+}
+.align-middle {
+  vertical-align: middle;
+}
+.align-text-bottom {
+  vertical-align: text-bottom;
+}
+.align-sub {
+  vertical-align: sub;
+}
+.font-mono {
+  font-family:
+    Menlo,
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+}
+.text-\[10px\] {
+  font-size: 10px;
+}
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+.text-icontent {
+  font-size: 0.8125rem;
+  line-height: 1.125rem;
+}
+.text-ilabel {
+  font-size: 0.8125rem;
+  line-height: 1.125rem;
+}
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.font-bold {
+  font-weight: 700;
+}
+.font-icontent {
+  font-weight: 400;
+}
+.font-ilabel {
+  font-weight: 500;
+}
+.font-medium {
+  font-weight: 500;
+}
+.font-normal {
+  font-weight: 400;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.leading-5 {
+  line-height: 1.25rem;
+}
+.leading-6 {
+  line-height: 1.5rem;
+}
+.leading-8 {
+  line-height: 2rem;
+}
+.leading-\[12px\] {
+  line-height: 12px;
+}
+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+}
+.text-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
+}
+.text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
+}
+.text-blue-800 {
+  --tw-text-opacity: 1;
+  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
+}
+.text-blue-900 {
+  --tw-text-opacity: 1;
+  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
+}
+.text-cyan-600 {
+  color: rgba(var(--cyan-600));
+}
+.text-gray {
+  color: rgba(var(--gray-600));
+}
+.text-gray-300 {
+  color: rgba(var(--gray-300));
+}
+.text-gray-400 {
+  color: rgba(var(--gray-400));
+}
+.text-gray-500 {
+  color: rgba(var(--gray-500));
+}
+.text-gray-600 {
+  color: rgba(var(--gray-600));
+}
+.text-gray-800 {
+  color: rgba(var(--gray-800));
+}
+.text-gray\/50 {
+  color: rgba(var(--gray-600), 0.5);
+}
+.text-green-700 {
+  --tw-text-opacity: 1;
+  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
+}
+.text-green-800 {
+  --tw-text-opacity: 1;
+  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
+}
+.text-orange-600 {
+  color: rgba(var(--orange-600));
+}
+.text-primary {
+  color: rgba(var(--primary-600));
+}
+.text-primary-500 {
+  color: rgba(var(--primary-500));
+}
+.text-primary-600 {
+  color: rgba(var(--primary-600));
+}
+.text-primary-700 {
+  color: rgba(var(--primary-700));
+}
+.text-primary-800 {
+  color: rgba(var(--primary-800));
+}
+.text-red-200 {
+  color: rgba(var(--red-200));
+}
+.text-red-400 {
+  color: rgba(var(--red-400));
+}
+.text-red-500 {
+  color: rgba(var(--red-500));
+}
+.text-red-600 {
+  color: rgba(var(--red-600));
+}
+.text-red-900 {
+  color: rgba(var(--red-900));
+}
+.text-text-foreground {
+  color: rgba(var(--text-foreground));
+}
+.text-white {
+  color: rgba(var(--white));
+}
+.text-yellow-500 {
+  color: rgba(var(--yellow-500));
+}
+.text-yellow-800 {
+  color: rgba(var(--yellow-800));
+}
+.placeholder-red-300::-moz-placeholder {
+  color: rgba(var(--red-300));
+}
+.placeholder-red-300::placeholder {
+  color: rgba(var(--red-300));
+}
+.opacity-0 {
+  opacity: 0;
+}
+.opacity-10 {
+  opacity: 0.1;
+}
+.opacity-100 {
+  opacity: 1;
+}
+.opacity-5 {
+  opacity: 0.05;
+}
+.opacity-50 {
+  opacity: 0.5;
+}
+.opacity-75 {
+  opacity: 0.75;
+}
+.shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-xl {
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.ring-0 {
+  --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(0px + 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-1 {
+  --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(1px + 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-red-300 {
+  --tw-ring-color: rgba(var(--red-300)) !important;
+}
+.ring-black {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
+}
+.ring-primary {
+  --tw-ring-color: rgba(var(--primary-600));
+}
+.ring-opacity-5 {
+  --tw-ring-opacity: 0.05;
+}
+.saturate-0 {
+  --tw-saturate: saturate(0);
+  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);
+}
+.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);
+}
+.transition {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-colors {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.duration-100 {
+  transition-duration: 100ms;
+}
+.duration-200 {
+  transition-duration: 200ms;
+}
+.duration-300 {
+  transition-duration: 300ms;
+}
+.duration-75 {
+  transition-duration: 75ms;
+}
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+.placeholder\:text-ilabel::-moz-placeholder {
+  font-size: 0.8125rem;
+  line-height: 1.125rem;
+}
+.placeholder\:text-ilabel::placeholder {
+  font-size: 0.8125rem;
+  line-height: 1.125rem;
+}
+.placeholder\:text-lg::-moz-placeholder {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+.placeholder\:text-lg::placeholder {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+.placeholder\:text-xs::-moz-placeholder {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.placeholder\:text-xs::placeholder {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.placeholder\:font-normal::-moz-placeholder {
+  font-weight: 400;
+}
+.placeholder\:font-normal::placeholder {
+  font-weight: 400;
+}
+.placeholder\:text-red-300::-moz-placeholder {
+  color: rgba(var(--red-300));
+}
+.placeholder\:text-red-300::placeholder {
+  color: rgba(var(--red-300));
+}
+.before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}
+.before\:h-2::before {
+  content: var(--tw-content);
+  height: 0.5rem;
+}
+.before\:w-2::before {
+  content: var(--tw-content);
+  width: 0.5rem;
+}
+.before\:rotate-45::before {
+  content: var(--tw-content);
+  --tw-rotate: 45deg;
+  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));
+}
+.before\:border-l::before {
+  content: var(--tw-content);
+  border-left-width: 1px;
+}
+.before\:border-t::before {
+  content: var(--tw-content);
+  border-top-width: 1px;
+}
+.before\:border-black\/5::before {
+  content: var(--tw-content);
+  border-color: rgb(0 0 0 / 0.05);
+}
+.before\:bg-white::before {
+  content: var(--tw-content);
+  background-color: rgba(var(--white));
+}
+.focus-within\:border-primary-500:focus-within {
+  border-color: rgba(var(--primary-500));
+}
+.focus-within\:ring-1:focus-within {
+  --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(1px + 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-within\:ring-primary-500:focus-within {
+  --tw-ring-color: rgba(var(--primary-500));
+}
+.focus-within\:ring-red-500:focus-within {
+  --tw-ring-color: rgba(var(--red-500));
+}
+.hover\:\!bg-primary-50:hover {
+  background-color: rgba(var(--primary-50)) !important;
+}
+.hover\:bg-blue-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-blue-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-blue-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-gray-100:hover {
+  background-color: rgba(var(--gray-100));
+}
+.hover\:bg-gray-200:hover {
+  background-color: rgba(var(--gray-200));
+}
+.hover\:bg-green-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-green-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-primary-100\/90:hover {
+  background-color: rgba(var(--primary-100), 0.9);
+}
+.hover\:bg-primary-200\/50:hover {
+  background-color: rgba(var(--primary-200), 0.5);
+}
+.hover\:bg-primary-50:hover {
+  background-color: rgba(var(--primary-50));
+}
+.hover\:bg-primary-700:hover {
+  background-color: rgba(var(--primary-700));
+}
+.hover\:bg-purple-600:hover {
+  background-color: rgba(var(--purple-600));
+}
+.hover\:bg-red-600:hover {
+  background-color: rgba(var(--red-600));
+}
+.hover\:bg-sentio-gray-100:hover {
+  background-color: rgba(var(--sentio-gray-100));
+}
+.hover\:bg-yellow-600:hover {
+  background-color: rgba(var(--yellow-600));
+}
+.hover\:fill-primary-500:hover {
+  fill: rgba(var(--primary-500));
+}
+.hover\:text-gray-500:hover {
+  color: rgba(var(--gray-500));
+}
+.hover\:text-primary:hover {
+  color: rgba(var(--primary-600));
+}
+.hover\:text-primary-500:hover {
+  color: rgba(var(--primary-500));
+}
+.hover\:text-text-foreground:hover {
+  color: rgba(var(--text-foreground));
+}
+.hover\:underline:hover {
+  text-decoration-line: underline;
+}
+.focus\:border-primary:focus {
+  border-color: rgba(var(--primary-600));
+}
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.focus\:ring-0: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(0px + 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-1: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(1px + 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-primary:focus {
+  --tw-ring-color: rgba(var(--primary-600));
+}
+.focus\:ring-primary-700:focus {
+  --tw-ring-color: rgba(var(--primary-700));
+}
+.focus-visible\:ring:focus-visible {
+  --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(3px + 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-visible\:ring-2:focus-visible {
+  --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-visible\:ring-primary-500:focus-visible {
+  --tw-ring-color: rgba(var(--primary-500));
+}
+.focus-visible\:ring-white:focus-visible {
+  --tw-ring-color: rgba(var(--white));
+}
+.focus-visible\:ring-opacity-75:focus-visible {
+  --tw-ring-opacity: 0.75;
+}
+.active\:bg-primary-200:active {
+  background-color: rgba(var(--primary-200));
+}
+.active\:text-gray-700:active {
+  color: rgba(var(--gray-700));
+}
+.active\:text-primary-700:active {
+  color: rgba(var(--primary-700));
+}
+.group\/th:hover .group-hover\/th\:visible {
+  visibility: visible;
+}
+.group:hover .group-hover\:visible {
+  visibility: visible;
+}
+.group\/radio:hover .group-hover\/radio\:border-primary-500 {
+  border-color: rgba(var(--primary-500));
+}
+.group:hover .group-hover\:bg-primary-200 {
+  background-color: rgba(var(--primary-200));
+}
+.group:hover .group-hover\:bg-primary-500 {
+  background-color: rgba(var(--primary-500));
+}
+.group\/radio:hover .group-hover\/radio\:text-primary-500 {
+  color: rgba(var(--primary-500));
+}
+.group:hover .group-hover\:text-gray-500 {
+  color: rgba(var(--gray-500));
+}
+.group:focus .group-focus\:visible {
+  visibility: visible;
+}
+@media (min-width: 640px) {
+  .sm\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+  .sm\:w-64 {
+    width: 16rem;
+  }
+  .sm\:w-full {
+    width: 100%;
+  }
+  .sm\:max-w-3xl {
+    max-width: 48rem;
+  }
+  .sm\:max-w-lg {
+    max-width: 32rem;
+  }
+  .sm\:translate-y-0 {
+    --tw-translate-y: 0px;
+    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));
+  }
+  .sm\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    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));
+  }
+  .sm\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+    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));
+  }
+  .sm\:items-center {
+    align-items: center;
+  }
+  .sm\:p-0 {
+    padding: 0px;
+  }
+  .sm\:text-ilabel {
+    font-size: 0.8125rem;
+    line-height: 1.125rem;
+  }
+  .sm\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  .sm\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+  .sm\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+}
+.dark\:divide-sentio-gray-400\/50:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
+  border-color: rgba(var(--sentio-gray-400), 0.5);
+}
+.dark\:\!bg-primary-400:where(.dark, .dark *) {
+  background-color: rgba(var(--primary-400)) !important;
+}
+.dark\:bg-blue-900\/20:where(.dark, .dark *) {
+  background-color: rgb(30 58 138 / 0.2);
+}
+.dark\:bg-gray-100:where(.dark, .dark *) {
+  background-color: rgba(var(--gray-100));
+}
+.dark\:bg-gray-200\/30:where(.dark, .dark *) {
+  background-color: rgba(var(--gray-200), 0.3);
+}
+.dark\:bg-gray-200\/50:where(.dark, .dark *) {
+  background-color: rgba(var(--gray-200), 0.5);
+}
+.dark\:bg-primary-400\/50:where(.dark, .dark *) {
+  background-color: rgba(var(--primary-400), 0.5);
+}
+.dark\:bg-primary-600:where(.dark, .dark *) {
+  background-color: rgba(var(--primary-600));
+}
+.dark\:bg-red-600:where(.dark, .dark *) {
+  background-color: rgba(var(--red-600));
+}
+.dark\:bg-sentio-gray-100:where(.dark, .dark *) {
+  background-color: rgba(var(--sentio-gray-100));
+}
+.dark\:bg-sentio-gray-200:where(.dark, .dark *) {
+  background-color: rgba(var(--sentio-gray-200));
+}
+.dark\:bg-sidebar:where(.dark, .dark *) {
+  background-color: rgba(var(--sidebar-background));
+}
+.dark\:text-gray-400:where(.dark, .dark *) {
+  color: rgba(var(--gray-400));
+}
+.dark\:text-gray-600:where(.dark, .dark *) {
+  color: rgba(var(--gray-600));
+}
+.dark\:text-primary-700:where(.dark, .dark *) {
+  color: rgba(var(--primary-700));
+}
+.dark\:text-red-600\/40:where(.dark, .dark *) {
+  color: rgba(var(--red-600), 0.4);
+}
+.dark\:text-text-foreground-secondary:where(.dark, .dark *) {
+  color: rgba(var(--text-foreground-secondary));
+}
+.dark\:text-white:where(.dark, .dark *) {
+  color: rgba(var(--white));
+}
+.dark\:ring-gray-100:where(.dark, .dark *) {
+  --tw-ring-color: rgba(var(--gray-100));
+}
+.dark\:before\:border-gray-100:where(.dark, .dark *)::before {
+  content: var(--tw-content);
+  border-color: rgba(var(--gray-100));
+}
+.dark\:before\:bg-sentio-gray-200:where(.dark, .dark *)::before {
+  content: var(--tw-content);
+  background-color: rgba(var(--sentio-gray-200));
+}
+.dark\:hover\:\!bg-sentio-gray-300:hover:where(.dark, .dark *) {
+  background-color: rgba(var(--sentio-gray-300)) !important;
+}
+.dark\:hover\:bg-gray-200\/90:hover:where(.dark, .dark *) {
+  background-color: rgba(var(--gray-200), 0.9);
+}
+.dark\:hover\:bg-sentio-gray-100:hover:where(.dark, .dark *) {
+  background-color: rgba(var(--sentio-gray-100));
+}
+.dark\:hover\:bg-sentio-gray-400:hover:where(.dark, .dark *) {
+  background-color: rgba(var(--sentio-gray-400));
+}
+.dark\:hover\:fill-primary-700:hover:where(.dark, .dark *) {
+  fill: rgba(var(--primary-700));
+}
+.dark\:hover\:text-gray-700:hover:where(.dark, .dark *) {
+  color: rgba(var(--gray-700));
+}
+.dark\:focus\:ring-gray-800:focus:where(.dark, .dark *) {
+  --tw-ring-color: rgba(var(--gray-800));
+}
+.dark\:active\:bg-gray-300:active:where(.dark, .dark *) {
+  background-color: rgba(var(--gray-300));
+}
+.dark\:active\:text-gray-800:active:where(.dark, .dark *) {
+  color: rgba(var(--gray-800));
+}
+.group\/radio:hover .group-hover\/radio\:dark\:text-primary-600:where(.dark, .dark *) {
+  color: rgba(var(--primary-600));
+}
+/*# sourceMappingURL=index.css.map */