@semio/ui 0.0.0

package/dist/index.css

@@ -0,0 +1,4271 @@
+/* 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: #e5e7eb;
+}
+::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:
+    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: #9ca3af;
+}
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+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;
+}
+.container {
+  width: 100%;
+}
+@media (min-width: 375px) {
+  .container {
+    max-width: 375px;
+  }
+}
+@media (min-width: 640px) {
+  .container {
+    max-width: 640px;
+  }
+}
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+@media (min-width: 1024px) {
+  .container {
+    max-width: 1024px;
+  }
+}
+@media (min-width: 1280px) {
+  .container {
+    max-width: 1280px;
+  }
+}
+@media (min-width: 1536px) {
+  .container {
+    max-width: 1536px;
+  }
+}
+.pointer-events-none {
+  pointer-events: none;
+}
+.pointer-events-auto {
+  pointer-events: auto;
+}
+.collapse {
+  visibility: collapse;
+}
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.sticky {
+  position: sticky;
+}
+.bottom-0 {
+  bottom: 0px;
+}
+.left-0 {
+  left: 0px;
+}
+.right-0 {
+  right: 0px;
+}
+.right-3 {
+  right: 0.75rem;
+}
+.top-0 {
+  top: 0px;
+}
+.top-3 {
+  top: 0.75rem;
+}
+.z-\[10\] {
+  z-index: 10;
+}
+.z-\[1\] {
+  z-index: 1;
+}
+.z-\[2147483647\] {
+  z-index: 2147483647;
+}
+.m-0 {
+  margin: 0px;
+}
+.m-1 {
+  margin: 0.25rem;
+}
+.m-\[5px\] {
+  margin: 5px;
+}
+.mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
+.mb-4 {
+  margin-bottom: 1rem;
+}
+.ml-auto {
+  margin-left: auto;
+}
+.mr-2 {
+  margin-right: 0.5rem;
+}
+.mt-1 {
+  margin-top: 0.25rem;
+}
+.mt-2 {
+  margin-top: 0.5rem;
+}
+.box-border {
+  box-sizing: border-box;
+}
+.block {
+  display: block;
+}
+.inline-block {
+  display: inline-block;
+}
+.inline {
+  display: inline;
+}
+.flex {
+  display: flex;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.grid {
+  display: grid;
+}
+.hidden {
+  display: none;
+}
+.size-3 {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+.size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+.size-8 {
+  width: 2rem;
+  height: 2rem;
+}
+.h-0\.5 {
+  height: 0.125rem;
+}
+.h-10 {
+  height: 2.5rem;
+}
+.h-11 {
+  height: 2.75rem;
+}
+.h-2 {
+  height: 0.5rem;
+}
+.h-3 {
+  height: 0.75rem;
+}
+.h-32 {
+  height: 8rem;
+}
+.h-4 {
+  height: 1rem;
+}
+.h-5 {
+  height: 1.25rem;
+}
+.h-6 {
+  height: 1.5rem;
+}
+.h-7 {
+  height: 1.75rem;
+}
+.h-8 {
+  height: 2rem;
+}
+.h-\[100dvh\] {
+  height: 100dvh;
+}
+.h-\[10px\] {
+  height: 10px;
+}
+.h-\[1px\] {
+  height: 1px;
+}
+.h-\[30px\] {
+  height: 30px;
+}
+.h-auto {
+  height: auto;
+}
+.h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
+.h-full {
+  height: 100%;
+}
+.max-h-40 {
+  max-height: 10rem;
+}
+.max-h-\[--radix-dropdown-menu-content-available-height\] {
+  max-height: var(--radix-dropdown-menu-content-available-height);
+}
+.max-h-\[100dvh\] {
+  max-height: 100dvh;
+}
+.max-h-screen {
+  max-height: 100vh;
+}
+.min-h-0 {
+  min-height: 0px;
+}
+.min-h-\[90vh\] {
+  min-height: 90vh;
+}
+.w-1 {
+  width: 0.25rem;
+}
+.w-10 {
+  width: 2.5rem;
+}
+.w-11 {
+  width: 2.75rem;
+}
+.w-12 {
+  width: 3rem;
+}
+.w-20 {
+  width: 5rem;
+}
+.w-3 {
+  width: 0.75rem;
+}
+.w-32 {
+  width: 8rem;
+}
+.w-4 {
+  width: 1rem;
+}
+.w-48 {
+  width: 12rem;
+}
+.w-5 {
+  width: 1.25rem;
+}
+.w-6 {
+  width: 1.5rem;
+}
+.w-64 {
+  width: 16rem;
+}
+.w-7 {
+  width: 1.75rem;
+}
+.w-8 {
+  width: 2rem;
+}
+.w-96 {
+  width: 24rem;
+}
+.w-\[100px\] {
+  width: 100px;
+}
+.w-\[10px\] {
+  width: 10px;
+}
+.w-\[30ch\] {
+  width: 30ch;
+}
+.w-\[30px\] {
+  width: 30px;
+}
+.w-\[390px\] {
+  width: 390px;
+}
+.w-\[55px\] {
+  width: 55px;
+}
+.w-\[60px\] {
+  width: 60px;
+}
+.w-\[80px\] {
+  width: 80px;
+}
+.w-\[calc\(var\(--radix-dropdown-menu-trigger-width\)\+10px\)\] {
+  width: calc(var(--radix-dropdown-menu-trigger-width) + 10px);
+}
+.w-auto {
+  width: auto;
+}
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.w-full {
+  width: 100%;
+}
+.w-screen {
+  width: 100vw;
+}
+.min-w-0 {
+  min-width: 0px;
+}
+.min-w-10 {
+  min-width: 2.5rem;
+}
+.min-w-16 {
+  min-width: 4rem;
+}
+.min-w-72 {
+  min-width: 18rem;
+}
+.min-w-\[10px\] {
+  min-width: 10px;
+}
+.min-w-\[220px\] {
+  min-width: 220px;
+}
+.max-w-24 {
+  max-width: 6rem;
+}
+.max-w-36 {
+  max-width: 9rem;
+}
+.max-w-80 {
+  max-width: 20rem;
+}
+.max-w-\[100vw\] {
+  max-width: 100vw;
+}
+.max-w-\[60\%\] {
+  max-width: 60%;
+}
+.max-w-full {
+  max-width: 100%;
+}
+.max-w-screen-md {
+  max-width: 768px;
+}
+.flex-1 {
+  flex: 1 1 0%;
+}
+.shrink {
+  flex-shrink: 1;
+}
+.flex-grow {
+  flex-grow: 1;
+}
+.grow {
+  flex-grow: 1;
+}
+.origin-center {
+  transform-origin: center;
+}
+.translate-x-0\.5 {
+  --tw-translate-x: 0.125rem;
+  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-1 {
+  --tw-translate-x: 0.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));
+}
+.-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));
+}
+.rotate-0 {
+  --tw-rotate: 0deg;
+  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));
+}
+.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));
+}
+.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-default {
+  cursor: default;
+}
+.cursor-ew-resize {
+  cursor: ew-resize;
+}
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.cursor-text {
+  cursor: text;
+}
+.touch-none {
+  touch-action: none;
+}
+.select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.select-text {
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  user-select: text;
+}
+.resize {
+  resize: both;
+}
+.scroll-mt-10 {
+  scroll-margin-top: 2.5rem;
+}
+.list-none {
+  list-style-type: none;
+}
+.appearance-none {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+.grid-cols-subgrid {
+  grid-template-columns: subgrid;
+}
+.grid-rows-1 {
+  grid-template-rows: repeat(1, minmax(0, 1fr));
+}
+.grid-rows-\[2fr_3fr\] {
+  grid-template-rows: 2fr 3fr;
+}
+.flex-row {
+  flex-direction: row;
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.place-content-center {
+  place-content: center;
+}
+.place-items-center {
+  place-items: center;
+}
+.content-between {
+  align-content: space-between;
+}
+.items-center {
+  align-items: center;
+}
+.items-baseline {
+  align-items: baseline;
+}
+.justify-start {
+  justify-content: flex-start;
+}
+.justify-end {
+  justify-content: flex-end;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.justify-around {
+  justify-content: space-around;
+}
+.justify-items-center {
+  justify-items: center;
+}
+.gap-1 {
+  gap: 0.25rem;
+}
+.gap-2 {
+  gap: 0.5rem;
+}
+.gap-2\.5 {
+  gap: 0.625rem;
+}
+.gap-3 {
+  gap: 0.75rem;
+}
+.gap-5 {
+  gap: 1.25rem;
+}
+.gap-\[6px\] {
+  gap: 6px;
+}
+.gap-x-4 {
+  -moz-column-gap: 1rem;
+  column-gap: 1rem;
+}
+.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-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));
+}
+.divide-x > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(1px * var(--tw-divide-x-reverse));
+  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-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-solid > :not([hidden]) ~ :not([hidden]) {
+  border-style: solid;
+}
+.divide-layout-lightsep\/50 > :not([hidden]) ~ :not([hidden]) {
+  border-color: rgb(163 163 163 / 0.5);
+}
+.self-center {
+  align-self: center;
+}
+.overflow-auto {
+  overflow: auto;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+.overscroll-contain {
+  overscroll-behavior: contain;
+}
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.overflow-ellipsis {
+  text-overflow: ellipsis;
+}
+.text-nowrap {
+  text-wrap: nowrap;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.rounded-full {
+  border-radius: 9999px;
+}
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+.rounded-md {
+  border-radius: 0.375rem;
+}
+.rounded-none {
+  border-radius: 0px;
+}
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+.border {
+  border-width: 1px;
+}
+.border-b {
+  border-bottom-width: 1px;
+}
+.border-l {
+  border-left-width: 1px;
+}
+.border-r {
+  border-right-width: 1px;
+}
+.border-r-2 {
+  border-right-width: 2px;
+}
+.border-t {
+  border-top-width: 1px;
+}
+.border-t-2 {
+  border-top-width: 2px;
+}
+.border-t-4 {
+  border-top-width: 4px;
+}
+.border-solid {
+  border-style: solid;
+}
+.border-none {
+  border-style: none;
+}
+.border-\[--text-color\] {
+  border-color: var(--text-color);
+}
+.border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+}
+.border-default-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
+}
+.border-error-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+}
+.border-error-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
+}
+.border-info-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 198 182 / var(--tw-border-opacity, 1));
+}
+.border-layout-lightsep\/50 {
+  border-color: rgb(163 163 163 / 0.5);
+}
+.border-neutral-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
+}
+.border-primary-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(246 100 22 / var(--tw-border-opacity, 1));
+}
+.border-secondary-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 165 0 / var(--tw-border-opacity, 1));
+}
+.border-slate-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
+}
+.border-success-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
+}
+.border-success-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
+}
+.border-tertiary-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 198 182 / var(--tw-border-opacity, 1));
+}
+.border-transparent {
+  border-color: transparent;
+}
+.border-warning-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
+}
+.border-warning-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
+}
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+}
+.bg-\[\#ccc\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 204 204 / var(--tw-bg-opacity, 1));
+}
+.bg-\[--bg-color\] {
+  background-color: var(--bg-color);
+}
+.bg-black\/5 {
+  background-color: rgb(0 0 0 / 0.05);
+}
+.bg-black\/50 {
+  background-color: rgb(0 0 0 / 0.5);
+}
+.bg-default-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+.bg-default-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1));
+}
+.bg-default-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
+}
+.bg-default-500\/75 {
+  background-color: rgb(115 115 115 / 0.75);
+}
+.bg-default-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.bg-default-800\/75 {
+  background-color: rgb(38 38 38 / 0.75);
+}
+.bg-error-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+}
+.bg-error-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
+.bg-error-600\/75 {
+  background-color: rgb(220 38 38 / 0.75);
+}
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
+}
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
+}
+.bg-info-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 198 182 / var(--tw-bg-opacity, 1));
+}
+.bg-info-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(49 178 165 / var(--tw-bg-opacity, 1));
+}
+.bg-info-800\/75 {
+  background-color: rgb(49 178 165 / 0.75);
+}
+.bg-inherit {
+  background-color: inherit;
+}
+.bg-layout-lightbase {
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 204 204 / var(--tw-bg-opacity, 1));
+}
+.bg-layout-lightinset {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+.bg-layout-lightsep\/50 {
+  background-color: rgb(163 163 163 / 0.5);
+}
+.bg-neutral-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+.bg-neutral-200\/80 {
+  background-color: rgb(229 229 229 / 0.8);
+}
+.bg-neutral-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
+}
+.bg-neutral-300\/50 {
+  background-color: rgb(212 212 212 / 0.5);
+}
+.bg-neutral-50\/10 {
+  background-color: rgb(250 250 250 / 0.1);
+}
+.bg-neutral-50\/20 {
+  background-color: rgb(250 250 250 / 0.2);
+}
+.bg-neutral-50\/50 {
+  background-color: rgb(250 250 250 / 0.5);
+}
+.bg-neutral-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
+}
+.bg-neutral-500\/25 {
+  background-color: rgb(115 115 115 / 0.25);
+}
+.bg-neutral-500\/50 {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.bg-neutral-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.bg-neutral-950 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
+}
+.bg-primary-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(246 100 22 / var(--tw-bg-opacity, 1));
+}
+.bg-primary-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 83 6 / var(--tw-bg-opacity, 1));
+}
+.bg-primary-800\/75 {
+  background-color: rgb(238 83 6 / 0.75);
+}
+.bg-secondary-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 165 0 / var(--tw-bg-opacity, 1));
+}
+.bg-secondary-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 142 0 / var(--tw-bg-opacity, 1));
+}
+.bg-secondary-800\/75 {
+  background-color: rgb(248 142 0 / 0.75);
+}
+.bg-success-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
+}
+.bg-success-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
+}
+.bg-success-600\/75 {
+  background-color: rgb(22 163 74 / 0.75);
+}
+.bg-tertiary-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 198 182 / var(--tw-bg-opacity, 1));
+}
+.bg-tertiary-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 185 171 / var(--tw-bg-opacity, 1));
+}
+.bg-tertiary-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(49 178 165 / var(--tw-bg-opacity, 1));
+}
+.bg-tertiary-800\/75 {
+  background-color: rgb(49 178 165 / 0.75);
+}
+.bg-transparent {
+  background-color: transparent;
+}
+.bg-warning-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
+}
+.bg-warning-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
+}
+.bg-warning-600\/75 {
+  background-color: rgb(202 138 4 / 0.75);
+}
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+.bg-white\/30 {
+  background-color: rgb(255 255 255 / 0.3);
+}
+.bg-white\/50 {
+  background-color: rgb(255 255 255 / 0.5);
+}
+.bg-gradient-to-b {
+  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
+.bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.bg-none {
+  background-image: none;
+}
+.from-default-600 {
+  --tw-gradient-from: #525252 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(82 82 82 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-error-600 {
+  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-info-950 {
+  --tw-gradient-from: #169389 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(22 147 137 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-primary-950 {
+  --tw-gradient-from: #d94600 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(217 70 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-secondary-950 {
+  --tw-gradient-from: #ea8100 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(234 129 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-success-600 {
+  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-tertiary-950 {
+  --tw-gradient-from: #169389 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(22 147 137 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-warning-600 {
+  --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.from-white {
+  --tw-gradient-from: #FFF var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.to-default-400 {
+  --tw-gradient-to: #a3a3a3 var(--tw-gradient-to-position);
+}
+.to-error-400 {
+  --tw-gradient-to: #f87171 var(--tw-gradient-to-position);
+}
+.to-info-50 {
+  --tw-gradient-to: #4DE0D9 var(--tw-gradient-to-position);
+}
+.to-layout-lightbase {
+  --tw-gradient-to: #cccccc var(--tw-gradient-to-position);
+}
+.to-primary-50 {
+  --tw-gradient-to: #FF7F3A var(--tw-gradient-to-position);
+}
+.to-secondary-50 {
+  --tw-gradient-to: #FFC700 var(--tw-gradient-to-position);
+}
+.to-success-400 {
+  --tw-gradient-to: #4ade80 var(--tw-gradient-to-position);
+}
+.to-tertiary-50 {
+  --tw-gradient-to: #4DE0D9 var(--tw-gradient-to-position);
+}
+.to-warning-400 {
+  --tw-gradient-to: #facc15 var(--tw-gradient-to-position);
+}
+.fill-current {
+  fill: currentColor;
+}
+.object-cover {
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+.p-0 {
+  padding: 0px;
+}
+.p-0\.5 {
+  padding: 0.125rem;
+}
+.p-1 {
+  padding: 0.25rem;
+}
+.p-2 {
+  padding: 0.5rem;
+}
+.p-3 {
+  padding: 0.75rem;
+}
+.p-4 {
+  padding: 1rem;
+}
+.p-8 {
+  padding: 2rem;
+}
+.p-\[0\.3rem\] {
+  padding: 0.3rem;
+}
+.p-\[1\] {
+  padding: 1;
+}
+.p-\[5px\] {
+  padding: 5px;
+}
+.p-\[var\(--viewport-padding\)\] {
+  padding: var(--viewport-padding);
+}
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.px-\[4px\] {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+.px-\[5px\] {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.px-\[6px\] {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.px-\[7px\] {
+  padding-left: 7px;
+  padding-right: 7px;
+}
+.py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.py-\[5px\] {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+.pb-0 {
+  padding-bottom: 0px;
+}
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
+.pl-0 {
+  padding-left: 0px;
+}
+.pl-1 {
+  padding-left: 0.25rem;
+}
+.pl-3 {
+  padding-left: 0.75rem;
+}
+.pl-\[20px\] {
+  padding-left: 20px;
+}
+.pl-\[25px\] {
+  padding-left: 25px;
+}
+.pl-\[30px\] {
+  padding-left: 30px;
+}
+.pr-0\.5 {
+  padding-right: 0.125rem;
+}
+.pr-1 {
+  padding-right: 0.25rem;
+}
+.pr-3 {
+  padding-right: 0.75rem;
+}
+.pt-1 {
+  padding-top: 0.25rem;
+}
+.pt-3 {
+  padding-top: 0.75rem;
+}
+.text-left {
+  text-align: left;
+}
+.text-center {
+  text-align: center;
+}
+.text-right {
+  text-align: right;
+}
+.align-middle {
+  vertical-align: middle;
+}
+.font-mono {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+}
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+.text-\[0\.6rem\] {
+  font-size: 0.6rem;
+}
+.text-\[15px\] {
+  font-size: 15px;
+}
+.text-\[7px\] {
+  font-size: 7px;
+}
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+.text-base\/7 {
+  font-size: 1rem;
+  line-height: 1.75rem;
+}
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.text-sm\/6 {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+}
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.font-bold {
+  font-weight: 700;
+}
+.font-medium {
+  font-weight: 500;
+}
+.font-normal {
+  font-weight: 400;
+}
+.font-thin {
+  font-weight: 100;
+}
+.uppercase {
+  text-transform: uppercase;
+}
+.capitalize {
+  text-transform: capitalize;
+}
+.italic {
+  font-style: italic;
+}
+.leading-\[25px\] {
+  line-height: 25px;
+}
+.leading-none {
+  line-height: 1;
+}
+.text-\[--bg-color\] {
+  color: var(--bg-color);
+}
+.text-\[--text-color-75\] {
+  color: var(--text-color-75);
+}
+.text-\[--text-color\] {
+  color: var(--text-color);
+}
+.text-\[--text-deemphasized-color\] {
+  color: var(--text-deemphasized-color);
+}
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.text-black\/50 {
+  color: rgb(0 0 0 / 0.5);
+}
+.text-black\/75 {
+  color: rgb(0 0 0 / 0.75);
+}
+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+}
+.text-default-500 {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+}
+.text-default-700 {
+  --tw-text-opacity: 1;
+  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
+}
+.text-default-800 {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
+}
+.text-default-800\/75 {
+  color: rgb(38 38 38 / 0.75);
+}
+.text-error-400 {
+  --tw-text-opacity: 1;
+  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
+}
+.text-error-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.text-error-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.text-error-600\/75 {
+  color: rgb(220 38 38 / 0.75);
+}
+.text-gray-800 {
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+}
+.text-info {
+  --tw-text-opacity: 1;
+  color: rgb(80 196 182 / var(--tw-text-opacity, 1));
+}
+.text-info-100 {
+  --tw-text-opacity: 1;
+  color: rgb(72 226 206 / var(--tw-text-opacity, 1));
+}
+.text-info-500 {
+  --tw-text-opacity: 1;
+  color: rgb(59 198 182 / var(--tw-text-opacity, 1));
+}
+.text-info-800\/75 {
+  color: rgb(49 178 165 / 0.75);
+}
+.text-info-900 {
+  --tw-text-opacity: 1;
+  color: rgb(42 164 153 / var(--tw-text-opacity, 1));
+}
+.text-inherit {
+  color: inherit;
+}
+.text-neutral-400 {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+}
+.text-neutral-500 {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+}
+.text-neutral-600 {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
+}
+.text-neutral-700 {
+  --tw-text-opacity: 1;
+  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
+}
+.text-neutral-800 {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
+}
+.text-primary-100 {
+  --tw-text-opacity: 1;
+  color: rgb(255 122 44 / var(--tw-text-opacity, 1));
+}
+.text-primary-500 {
+  --tw-text-opacity: 1;
+  color: rgb(246 100 22 / var(--tw-text-opacity, 1));
+}
+.text-primary-800\/75 {
+  color: rgb(238 83 6 / 0.75);
+}
+.text-primary-900 {
+  --tw-text-opacity: 1;
+  color: rgb(236 77 0 / var(--tw-text-opacity, 1));
+}
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.text-secondary-100 {
+  --tw-text-opacity: 1;
+  color: rgb(255 196 0 / var(--tw-text-opacity, 1));
+}
+.text-secondary-500 {
+  --tw-text-opacity: 1;
+  color: rgb(251 165 0 / var(--tw-text-opacity, 1));
+}
+.text-secondary-800\/75 {
+  color: rgb(248 142 0 / 0.75);
+}
+.text-secondary-900 {
+  --tw-text-opacity: 1;
+  color: rgb(247 134 0 / var(--tw-text-opacity, 1));
+}
+.text-success-400 {
+  --tw-text-opacity: 1;
+  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
+}
+.text-success-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+.text-success-600 {
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
+}
+.text-success-600\/75 {
+  color: rgb(22 163 74 / 0.75);
+}
+.text-tertiary-100 {
+  --tw-text-opacity: 1;
+  color: rgb(72 226 206 / var(--tw-text-opacity, 1));
+}
+.text-tertiary-500 {
+  --tw-text-opacity: 1;
+  color: rgb(59 198 182 / var(--tw-text-opacity, 1));
+}
+.text-tertiary-800\/75 {
+  color: rgb(49 178 165 / 0.75);
+}
+.text-tertiary-900 {
+  --tw-text-opacity: 1;
+  color: rgb(42 164 153 / var(--tw-text-opacity, 1));
+}
+.text-warning-400 {
+  --tw-text-opacity: 1;
+  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
+}
+.text-warning-500 {
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
+}
+.text-warning-600 {
+  --tw-text-opacity: 1;
+  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
+}
+.text-warning-600\/75 {
+  color: rgb(202 138 4 / 0.75);
+}
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.text-opacity-75 {
+  --tw-text-opacity: 0.75;
+}
+.caret-\[--text-color\] {
+  caret-color: var(--text-color);
+}
+.caret-default-500 {
+  caret-color: #737373;
+}
+.caret-error-500 {
+  caret-color: #ef4444;
+}
+.caret-info-500 {
+  caret-color: #3BC6B6;
+}
+.caret-primary-500 {
+  caret-color: #F66416;
+}
+.caret-secondary-500 {
+  caret-color: #FBA500;
+}
+.caret-success-500 {
+  caret-color: #22c55e;
+}
+.caret-tertiary-500 {
+  caret-color: #3BC6B6;
+}
+.caret-warning-500 {
+  caret-color: #eab308;
+}
+.opacity-0 {
+  opacity: 0;
+}
+.opacity-100 {
+  opacity: 1;
+}
+.opacity-40 {
+  opacity: 0.4;
+}
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-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-md {
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.outline {
+  outline-style: solid;
+}
+.outline-1 {
+  outline-width: 1px;
+}
+.outline-2 {
+  outline-width: 2px;
+}
+.outline-\[1\.5px\] {
+  outline-width: 1.5px;
+}
+.-outline-offset-4 {
+  outline-offset: -4px;
+}
+.outline-offset-0 {
+  outline-offset: 0px;
+}
+.outline-offset-1 {
+  outline-offset: 1px;
+}
+.outline-offset-2 {
+  outline-offset: 2px;
+}
+.outline-offset-\[-2px\] {
+  outline-offset: -2px;
+}
+.outline-default-300 {
+  outline-color: #d4d4d4;
+}
+.outline-default-400 {
+  outline-color: #a3a3a3;
+}
+.outline-error-500 {
+  outline-color: #ef4444;
+}
+.outline-error-500\/50 {
+  outline-color: rgb(239 68 68 / 0.5);
+}
+.outline-error-600 {
+  outline-color: #dc2626;
+}
+.outline-info {
+  outline-color: #50C4B6;
+}
+.outline-info-500 {
+  outline-color: #3BC6B6;
+}
+.outline-info-500\/50 {
+  outline-color: rgb(59 198 182 / 0.5);
+}
+.outline-neutral-500 {
+  outline-color: #737373;
+}
+.outline-neutral-500\/50 {
+  outline-color: rgb(115 115 115 / 0.5);
+}
+.outline-primary-500 {
+  outline-color: #F66416;
+}
+.outline-primary-500\/50 {
+  outline-color: rgb(246 100 22 / 0.5);
+}
+.outline-secondary-500 {
+  outline-color: #FBA500;
+}
+.outline-secondary-500\/50 {
+  outline-color: rgb(251 165 0 / 0.5);
+}
+.outline-success-500 {
+  outline-color: #22c55e;
+}
+.outline-success-500\/50 {
+  outline-color: rgb(34 197 94 / 0.5);
+}
+.outline-tertiary-500 {
+  outline-color: #3BC6B6;
+}
+.outline-tertiary-500\/50 {
+  outline-color: rgb(59 198 182 / 0.5);
+}
+.outline-warning-500 {
+  outline-color: #eab308;
+}
+.outline-warning-500\/50 {
+  outline-color: rgb(234 179 8 / 0.5);
+}
+.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-2 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.ring-\[1px\] {
+  --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-inset {
+  --tw-ring-inset: inset;
+}
+.ring-neutral-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity, 1));
+}
+.ring-transparent {
+  --tw-ring-color: transparent;
+}
+.blur {
+  --tw-blur: blur(8px);
+  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);
+}
+.drop-shadow-sm {
+  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
+  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);
+}
+.\!invert {
+  --tw-invert: invert(100%) !important;
+  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) !important;
+}
+.invert {
+  --tw-invert: invert(100%);
+  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);
+}
+.backdrop-blur-\[2px\] {
+  --tw-backdrop-blur: blur(2px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+.backdrop-blur-lg {
+  --tw-backdrop-blur: blur(16px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+.backdrop-blur-md {
+  --tw-backdrop-blur: blur(12px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+.backdrop-blur-sm {
+  --tw-backdrop-blur: blur(4px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+.transition {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    -webkit-backdrop-filter;
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    backdrop-filter;
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    backdrop-filter,
+    -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-\[fill-opacity\] {
+  transition-property: fill-opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-\[fill\] {
+  transition-property: fill;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-\[height_300ms_ease-out\] {
+  transition-property: height 300ms ease-out;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-\[outline-color\,background\] {
+  transition-property: outline-color, background;
+  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-150 {
+  transition-duration: 150ms;
+}
+.duration-300 {
+  transition-duration: 300ms;
+}
+.duration-\[160ms\] {
+  transition-duration: 160ms;
+}
+.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);
+}
+.will-change-\[opacity\,transform\] {
+  will-change: opacity, transform;
+}
+.\[--viewport-padding\:_60px\] {
+  --viewport-padding: 60px;
+}
+.PopoverContent {
+  animation-duration: 400ms;
+  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  will-change: transform, opacity;
+}
+.PopoverContent[data-state=open][data-side=top] {
+  animation-name: slideDownAndFade;
+}
+.PopoverContent[data-state=open][data-side=right] {
+  animation-name: slideLeftAndFade;
+}
+.PopoverContent[data-state=open][data-side=bottom] {
+  animation-name: slideUpAndFade;
+}
+.PopoverContent[data-state=open][data-side=left] {
+  animation-name: slideRightAndFade;
+}
+.CollapsibleVerticalContent {
+  overflow: hidden;
+}
+.CollapsibleVerticalContent[data-state=open] {
+  animation: expandDown 200ms ease-out;
+}
+.CollapsibleVerticalContent[data-state=closed] {
+  animation: expandUp 100ms ease-out;
+}
+.CollapsibleHorizontalContent {
+  overflow: hidden;
+}
+.CollapsibleHorizontalContent[data-state=open] {
+  animation: expandRight 200ms ease-out;
+}
+.CollapsibleHorizontalContent[data-state=closed] {
+  animation: expandLeft 100ms ease-out;
+}
+.animate-bounce-spin {
+  animation: bounce-spin 1.5s infinite;
+}
+@keyframes bounce-spin {
+  0% {
+    transform: translateY(0%) rotate(0deg) scale(0.8);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: translateY(-30%) rotate(180deg) scale(1);
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+  100% {
+    transform: translateY(0%) rotate(360deg) scale(0.8);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+}
+@keyframes expandDown {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+  }
+}
+@keyframes expandUp {
+  from {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@keyframes expandLeft {
+  from {
+    width: var(--radix-collapsible-content-width);
+  }
+  to {
+    width: 0;
+  }
+}
+@keyframes expandRight {
+  from {
+    width: 0;
+  }
+  to {
+    width: var(--radix-collapsible-content-width);
+  }
+}
+@keyframes slideUpAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes slideRightAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes slideDownAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes slideLeftAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+[data-state=open] > .radix-accordion-content {
+  height: var(--radix-accordion-content-height);
+}
+@utility hatch-* { background-image: repeating-linear-gradient(calc(--value(integer) * 1deg) in oklab, var(--tw-gradient-from), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
+.selection\:bg-\[--text-color\] *::-moz-selection {
+  background-color: var(--text-color);
+}
+.selection\:bg-\[--text-color\] *::selection {
+  background-color: var(--text-color);
+}
+.selection\:bg-default-500\/50 *::-moz-selection {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.selection\:bg-default-500\/50 *::selection {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.selection\:bg-error-500\/50 *::-moz-selection {
+  background-color: rgb(239 68 68 / 0.5);
+}
+.selection\:bg-error-500\/50 *::selection {
+  background-color: rgb(239 68 68 / 0.5);
+}
+.selection\:bg-info-500\/50 *::-moz-selection {
+  background-color: rgb(59 198 182 / 0.5);
+}
+.selection\:bg-info-500\/50 *::selection {
+  background-color: rgb(59 198 182 / 0.5);
+}
+.selection\:bg-primary-500\/50 *::-moz-selection {
+  background-color: rgb(246 100 22 / 0.5);
+}
+.selection\:bg-primary-500\/50 *::selection {
+  background-color: rgb(246 100 22 / 0.5);
+}
+.selection\:bg-secondary-500\/50 *::-moz-selection {
+  background-color: rgb(251 165 0 / 0.5);
+}
+.selection\:bg-secondary-500\/50 *::selection {
+  background-color: rgb(251 165 0 / 0.5);
+}
+.selection\:bg-success-500\/50 *::-moz-selection {
+  background-color: rgb(34 197 94 / 0.5);
+}
+.selection\:bg-success-500\/50 *::selection {
+  background-color: rgb(34 197 94 / 0.5);
+}
+.selection\:bg-tertiary-500\/50 *::-moz-selection {
+  background-color: rgb(59 198 182 / 0.5);
+}
+.selection\:bg-tertiary-500\/50 *::selection {
+  background-color: rgb(59 198 182 / 0.5);
+}
+.selection\:bg-transparent *::-moz-selection {
+  background-color: transparent;
+}
+.selection\:bg-transparent *::selection {
+  background-color: transparent;
+}
+.selection\:bg-warning-500\/50 *::-moz-selection {
+  background-color: rgb(234 179 8 / 0.5);
+}
+.selection\:bg-warning-500\/50 *::selection {
+  background-color: rgb(234 179 8 / 0.5);
+}
+.selection\:bg-opacity-50 *::-moz-selection {
+  --tw-bg-opacity: 0.5;
+}
+.selection\:bg-opacity-50 *::selection {
+  --tw-bg-opacity: 0.5;
+}
+.selection\:bg-\[--text-color\]::-moz-selection {
+  background-color: var(--text-color);
+}
+.selection\:bg-\[--text-color\]::selection {
+  background-color: var(--text-color);
+}
+.selection\:bg-default-500\/50::-moz-selection {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.selection\:bg-default-500\/50::selection {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.selection\:bg-error-500\/50::-moz-selection {
+  background-color: rgb(239 68 68 / 0.5);
+}
+.selection\:bg-error-500\/50::selection {
+  background-color: rgb(239 68 68 / 0.5);
+}
+.selection\:bg-info-500\/50::-moz-selection {
+  background-color: rgb(59 198 182 / 0.5);
+}
+.selection\:bg-info-500\/50::selection {
+  background-color: rgb(59 198 182 / 0.5);
+}
+.selection\:bg-primary-500\/50::-moz-selection {
+  background-color: rgb(246 100 22 / 0.5);
+}
+.selection\:bg-primary-500\/50::selection {
+  background-color: rgb(246 100 22 / 0.5);
+}
+.selection\:bg-secondary-500\/50::-moz-selection {
+  background-color: rgb(251 165 0 / 0.5);
+}
+.selection\:bg-secondary-500\/50::selection {
+  background-color: rgb(251 165 0 / 0.5);
+}
+.selection\:bg-success-500\/50::-moz-selection {
+  background-color: rgb(34 197 94 / 0.5);
+}
+.selection\:bg-success-500\/50::selection {
+  background-color: rgb(34 197 94 / 0.5);
+}
+.selection\:bg-tertiary-500\/50::-moz-selection {
+  background-color: rgb(59 198 182 / 0.5);
+}
+.selection\:bg-tertiary-500\/50::selection {
+  background-color: rgb(59 198 182 / 0.5);
+}
+.selection\:bg-transparent::-moz-selection {
+  background-color: transparent;
+}
+.selection\:bg-transparent::selection {
+  background-color: transparent;
+}
+.selection\:bg-warning-500\/50::-moz-selection {
+  background-color: rgb(234 179 8 / 0.5);
+}
+.selection\:bg-warning-500\/50::selection {
+  background-color: rgb(234 179 8 / 0.5);
+}
+.selection\:bg-opacity-50::-moz-selection {
+  --tw-bg-opacity: 0.5;
+}
+.selection\:bg-opacity-50::selection {
+  --tw-bg-opacity: 0.5;
+}
+.placeholder\:font-thin::-moz-placeholder {
+  font-weight: 100;
+}
+.placeholder\:font-thin::placeholder {
+  font-weight: 100;
+}
+.placeholder\:text-inherit::-moz-placeholder {
+  color: inherit;
+}
+.placeholder\:text-inherit::placeholder {
+  color: inherit;
+}
+.before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}
+.before\:left-1\/2::before {
+  content: var(--tw-content);
+  left: 50%;
+}
+.before\:top-1\/2::before {
+  content: var(--tw-content);
+  top: 50%;
+}
+.before\:h-full::before {
+  content: var(--tw-content);
+  height: 100%;
+}
+.before\:min-h-\[22px\]::before {
+  content: var(--tw-content);
+  min-height: 22px;
+}
+.before\:w-full::before {
+  content: var(--tw-content);
+  width: 100%;
+}
+.before\:min-w-\[22px\]::before {
+  content: var(--tw-content);
+  min-width: 22px;
+}
+.before\:-translate-x-1\/2::before {
+  content: var(--tw-content);
+  --tw-translate-x: -50%;
+  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\:-translate-y-1\/2::before {
+  content: var(--tw-content);
+  --tw-translate-y: -50%;
+  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\:content-\[\'\'\]::before {
+  --tw-content: "";
+  content: var(--tw-content);
+}
+.autofill\:bg-neutral-200\/80:-webkit-autofill {
+  background-color: rgb(229 229 229 / 0.8);
+}
+.autofill\:bg-neutral-200\/80:autofill {
+  background-color: rgb(229 229 229 / 0.8);
+}
+.focus-within\:bg-neutral-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
+.focus-within\:bg-neutral-50\/20:focus-within {
+  background-color: rgb(250 250 250 / 0.2);
+}
+.focus-within\:outline:focus-within {
+  outline-style: solid;
+}
+.focus-within\:outline-1:focus-within {
+  outline-width: 1px;
+}
+.focus-within\:outline-offset-2:focus-within {
+  outline-offset: 2px;
+}
+.hover\:scale-105:hover {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  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));
+}
+.hover\:scale-\[101\%\]:hover {
+  --tw-scale-x: 101%;
+  --tw-scale-y: 101%;
+  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));
+}
+.hover\:border-2:hover {
+  border-width: 2px;
+}
+.hover\:border-\[--darker-color\]:hover {
+  border-color: var(--darker-color);
+}
+.hover\:border-black:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
+}
+.hover\:border-default-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
+}
+.hover\:border-default-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
+}
+.hover\:border-error-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+}
+.hover\:border-info-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(77 224 217 / var(--tw-border-opacity, 1));
+}
+.hover\:border-info-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 198 182 / var(--tw-border-opacity, 1));
+}
+.hover\:border-primary-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 127 58 / var(--tw-border-opacity, 1));
+}
+.hover\:border-primary-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(246 100 22 / var(--tw-border-opacity, 1));
+}
+.hover\:border-secondary-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 199 0 / var(--tw-border-opacity, 1));
+}
+.hover\:border-secondary-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 165 0 / var(--tw-border-opacity, 1));
+}
+.hover\:border-success-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
+}
+.hover\:border-tertiary-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(77 224 217 / var(--tw-border-opacity, 1));
+}
+.hover\:border-tertiary-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 198 182 / var(--tw-border-opacity, 1));
+}
+.hover\:border-warning-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
+}
+.hover\:bg-\[\#d9d9d9\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-black\/25:hover {
+  background-color: rgb(0 0 0 / 0.25);
+}
+.hover\:bg-black\/75:hover {
+  background-color: rgb(0 0 0 / 0.75);
+}
+.hover\:bg-default-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-default-500\/75:hover {
+  background-color: rgb(115 115 115 / 0.75);
+}
+.hover\:bg-error-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-error-500\/75:hover {
+  background-color: rgb(239 68 68 / 0.75);
+}
+.hover\:bg-gray-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-info-500\/75:hover {
+  background-color: rgb(59 198 182 / 0.75);
+}
+.hover\:bg-neutral-500\/10:hover {
+  background-color: rgb(115 115 115 / 0.1);
+}
+.hover\:bg-primary-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 127 58 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-primary-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(246 100 22 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-primary-500\/75:hover {
+  background-color: rgb(246 100 22 / 0.75);
+}
+.hover\:bg-secondary-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 199 0 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-secondary-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 165 0 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-secondary-500\/75:hover {
+  background-color: rgb(251 165 0 / 0.75);
+}
+.hover\:bg-success-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-success-500\/75:hover {
+  background-color: rgb(34 197 94 / 0.75);
+}
+.hover\:bg-tertiary-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(77 224 217 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-tertiary-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 198 182 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-tertiary-500\/75:hover {
+  background-color: rgb(59 198 182 / 0.75);
+}
+.hover\:bg-tertiary-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(42 164 153 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-warning-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-warning-500\/75:hover {
+  background-color: rgb(234 179 8 / 0.75);
+}
+.hover\:text-\[--darker-color\]:hover {
+  color: var(--darker-color);
+}
+.hover\:text-default-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+}
+.hover\:text-error-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.hover\:text-info-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(77 224 217 / var(--tw-text-opacity, 1));
+}
+.hover\:text-neutral-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
+}
+.hover\:text-primary-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 127 58 / var(--tw-text-opacity, 1));
+}
+.hover\:text-secondary-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 199 0 / var(--tw-text-opacity, 1));
+}
+.hover\:text-success-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+.hover\:text-tertiary-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(77 224 217 / var(--tw-text-opacity, 1));
+}
+.hover\:text-warning-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
+}
+.hover\:outline:hover {
+  outline-style: solid;
+}
+.hover\:outline-default-300:hover {
+  outline-color: #d4d4d4;
+}
+.hover\:outline-error-500:hover {
+  outline-color: #ef4444;
+}
+.hover\:outline-primary-50:hover {
+  outline-color: #FF7F3A;
+}
+.hover\:outline-secondary-50:hover {
+  outline-color: #FFC700;
+}
+.hover\:outline-success-400:hover {
+  outline-color: #4ade80;
+}
+.hover\:outline-tertiary-50:hover {
+  outline-color: #4DE0D9;
+}
+.hover\:outline-warning-400:hover {
+  outline-color: #facc15;
+}
+.hover\:ring-1:hover {
+  --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);
+}
+.hover\:ring-default-500\/25:hover {
+  --tw-ring-color: rgb(115 115 115 / 0.25);
+}
+.hover\:ring-error-500\/25:hover {
+  --tw-ring-color: rgb(239 68 68 / 0.25);
+}
+.hover\:ring-info-500\/25:hover {
+  --tw-ring-color: rgb(59 198 182 / 0.25);
+}
+.hover\:ring-primary-500\/25:hover {
+  --tw-ring-color: rgb(246 100 22 / 0.25);
+}
+.hover\:ring-secondary-500\/25:hover {
+  --tw-ring-color: rgb(251 165 0 / 0.25);
+}
+.hover\:ring-success-500\/25:hover {
+  --tw-ring-color: rgb(34 197 94 / 0.25);
+}
+.hover\:ring-tertiary-500\/25:hover {
+  --tw-ring-color: rgb(59 198 182 / 0.25);
+}
+.hover\:ring-warning-500\/25:hover {
+  --tw-ring-color: rgb(234 179 8 / 0.25);
+}
+.focus\:text-black:focus {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.focus\:placeholder-transparent:focus::-moz-placeholder {
+  color: transparent;
+}
+.focus\:placeholder-transparent:focus::placeholder {
+  color: transparent;
+}
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.focus\:outline:focus {
+  outline-style: solid;
+}
+.focus\:outline-1:focus {
+  outline-width: 1px;
+}
+.focus\:outline-offset-2:focus {
+  outline-offset: 2px;
+}
+.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-error-500\/25:focus {
+  --tw-ring-color: rgb(239 68 68 / 0.25);
+}
+.focus\:ring-info-500\/25:focus {
+  --tw-ring-color: rgb(59 198 182 / 0.25);
+}
+.focus\:ring-primary-500\/25:focus {
+  --tw-ring-color: rgb(246 100 22 / 0.25);
+}
+.focus\:ring-secondary-500\/25:focus {
+  --tw-ring-color: rgb(251 165 0 / 0.25);
+}
+.focus\:ring-success-500\/25:focus {
+  --tw-ring-color: rgb(34 197 94 / 0.25);
+}
+.focus\:ring-tertiary-500\/25:focus {
+  --tw-ring-color: rgb(59 198 182 / 0.25);
+}
+.focus\:ring-warning-500\/25:focus {
+  --tw-ring-color: rgb(234 179 8 / 0.25);
+}
+.disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+.disabled\:border-\[--text-deemphasized-color\]:disabled {
+  border-color: var(--text-deemphasized-color);
+}
+.disabled\:border-default-500\/30:disabled {
+  border-color: rgb(115 115 115 / 0.3);
+}
+.disabled\:border-error-600\/30:disabled {
+  border-color: rgb(220 38 38 / 0.3);
+}
+.disabled\:border-info-500\/30:disabled {
+  border-color: rgb(59 198 182 / 0.3);
+}
+.disabled\:border-primary-500\/30:disabled {
+  border-color: rgb(246 100 22 / 0.3);
+}
+.disabled\:border-secondary-500\/30:disabled {
+  border-color: rgb(251 165 0 / 0.3);
+}
+.disabled\:border-success-600\/30:disabled {
+  border-color: rgb(22 163 74 / 0.3);
+}
+.disabled\:border-tertiary-500\/30:disabled {
+  border-color: rgb(59 198 182 / 0.3);
+}
+.disabled\:border-warning-600\/30:disabled {
+  border-color: rgb(202 138 4 / 0.3);
+}
+.disabled\:bg-default-400\/50:disabled {
+  background-color: rgb(163 163 163 / 0.5);
+}
+.disabled\:bg-error-600\/50:disabled {
+  background-color: rgb(220 38 38 / 0.5);
+}
+.disabled\:bg-neutral-500\/25:disabled {
+  background-color: rgb(115 115 115 / 0.25);
+}
+.disabled\:bg-primary-700\/50:disabled {
+  background-color: rgb(241 88 11 / 0.5);
+}
+.disabled\:bg-secondary-700\/50:disabled {
+  background-color: rgb(249 150 0 / 0.5);
+}
+.disabled\:bg-success-500\/50:disabled {
+  background-color: rgb(34 197 94 / 0.5);
+}
+.disabled\:bg-tertiary-700\/50:disabled {
+  background-color: rgb(52 185 171 / 0.5);
+}
+.disabled\:bg-warning-500\/50:disabled {
+  background-color: rgb(234 179 8 / 0.5);
+}
+.disabled\:text-\[--text-deemphasized-color\]:disabled {
+  color: var(--text-deemphasized-color);
+}
+.disabled\:text-default-500\/30:disabled {
+  color: rgb(115 115 115 / 0.3);
+}
+.disabled\:text-error-600\/30:disabled {
+  color: rgb(220 38 38 / 0.3);
+}
+.disabled\:text-info-500\/30:disabled {
+  color: rgb(59 198 182 / 0.3);
+}
+.disabled\:text-primary-500\/30:disabled {
+  color: rgb(246 100 22 / 0.3);
+}
+.disabled\:text-secondary-500\/30:disabled {
+  color: rgb(251 165 0 / 0.3);
+}
+.disabled\:text-success-600\/30:disabled {
+  color: rgb(22 163 74 / 0.3);
+}
+.disabled\:text-tertiary-500\/30:disabled {
+  color: rgb(59 198 182 / 0.3);
+}
+.disabled\:text-warning-600\/30:disabled {
+  color: rgb(202 138 4 / 0.3);
+}
+.disabled\:opacity-50:disabled {
+  opacity: 0.5;
+}
+.disabled\:outline-primary-500\/50:disabled {
+  outline-color: rgb(246 100 22 / 0.5);
+}
+.disabled\:outline-secondary-500\/50:disabled {
+  outline-color: rgb(251 165 0 / 0.5);
+}
+.disabled\:outline-tertiary-500\/50:disabled {
+  outline-color: rgb(59 198 182 / 0.5);
+}
+.disabled\:hover\:border-\[--text-deemphasized-color\]:hover:disabled {
+  border-color: var(--text-deemphasized-color);
+}
+.disabled\:hover\:border-default-500\/30:hover:disabled {
+  border-color: rgb(115 115 115 / 0.3);
+}
+.disabled\:hover\:border-info-500\/30:hover:disabled {
+  border-color: rgb(59 198 182 / 0.3);
+}
+.disabled\:hover\:border-primary-500\/30:hover:disabled {
+  border-color: rgb(246 100 22 / 0.3);
+}
+.disabled\:hover\:border-secondary-500\/30:hover:disabled {
+  border-color: rgb(251 165 0 / 0.3);
+}
+.disabled\:hover\:border-success-600\/30:hover:disabled {
+  border-color: rgb(22 163 74 / 0.3);
+}
+.disabled\:hover\:border-tertiary-500\/30:hover:disabled {
+  border-color: rgb(59 198 182 / 0.3);
+}
+.disabled\:hover\:border-warning-600\/30:hover:disabled {
+  border-color: rgb(202 138 4 / 0.3);
+}
+.disabled\:hover\:bg-default-400\/50:hover:disabled {
+  background-color: rgb(163 163 163 / 0.5);
+}
+.disabled\:hover\:bg-error-600\/50:hover:disabled {
+  background-color: rgb(220 38 38 / 0.5);
+}
+.disabled\:hover\:bg-primary-700\/50:hover:disabled {
+  background-color: rgb(241 88 11 / 0.5);
+}
+.disabled\:hover\:bg-secondary-700\/50:hover:disabled {
+  background-color: rgb(249 150 0 / 0.5);
+}
+.disabled\:hover\:bg-success-500\/50:hover:disabled {
+  background-color: rgb(34 197 94 / 0.5);
+}
+.disabled\:hover\:bg-tertiary-700\/50:hover:disabled {
+  background-color: rgb(52 185 171 / 0.5);
+}
+.disabled\:hover\:bg-warning-500\/50:hover:disabled {
+  background-color: rgb(234 179 8 / 0.5);
+}
+.disabled\:hover\:text-\[--text-deemphasized-color\]:hover:disabled {
+  color: var(--text-deemphasized-color);
+}
+.disabled\:hover\:text-default-500\/30:hover:disabled {
+  color: rgb(115 115 115 / 0.3);
+}
+.disabled\:hover\:text-info-500\/30:hover:disabled {
+  color: rgb(59 198 182 / 0.3);
+}
+.disabled\:hover\:text-primary-500\/30:hover:disabled {
+  color: rgb(246 100 22 / 0.3);
+}
+.disabled\:hover\:text-secondary-500\/30:hover:disabled {
+  color: rgb(251 165 0 / 0.3);
+}
+.disabled\:hover\:text-success-600\/30:hover:disabled {
+  color: rgb(22 163 74 / 0.3);
+}
+.disabled\:hover\:text-tertiary-500\/30:hover:disabled {
+  color: rgb(59 198 182 / 0.3);
+}
+.disabled\:hover\:text-warning-600\/30:hover:disabled {
+  color: rgb(202 138 4 / 0.3);
+}
+.disabled\:hover\:ring-transparent:hover:disabled {
+  --tw-ring-color: transparent;
+}
+.disabled\:focus\:ring-transparent:focus:disabled {
+  --tw-ring-color: transparent;
+}
+.group:hover .group-hover\:bg-neutral-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+.group:hover .group-hover\:bg-neutral-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.group:hover .group-hover\:text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.group\/button:disabled .group-disabled\/button\:text-neutral-500\/50 {
+  color: rgb(115 115 115 / 0.5);
+}
+.has-\[\:focus\]\:outline:has(:focus) {
+  outline-style: solid;
+}
+.aria-selected\:min-w-\[140px\][aria-selected=true] {
+  min-width: 140px;
+}
+.aria-selected\:bg-error-500\/50[aria-selected=true] {
+  background-color: rgb(239 68 68 / 0.5);
+}
+.aria-selected\:bg-info-500\/50[aria-selected=true] {
+  background-color: rgb(59 198 182 / 0.5);
+}
+.aria-selected\:bg-layout-lightinset[aria-selected=true] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+.aria-selected\:bg-neutral-500\/50[aria-selected=true] {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.aria-selected\:bg-primary-500\/50[aria-selected=true] {
+  background-color: rgb(246 100 22 / 0.5);
+}
+.aria-selected\:bg-secondary-500\/50[aria-selected=true] {
+  background-color: rgb(251 165 0 / 0.5);
+}
+.aria-selected\:bg-success-500\/50[aria-selected=true] {
+  background-color: rgb(34 197 94 / 0.5);
+}
+.aria-selected\:bg-tertiary-500\/50[aria-selected=true] {
+  background-color: rgb(59 198 182 / 0.5);
+}
+.aria-selected\:bg-warning-500\/50[aria-selected=true] {
+  background-color: rgb(234 179 8 / 0.5);
+}
+.aria-selected\:text-neutral-900[aria-selected=true] {
+  --tw-text-opacity: 1;
+  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
+}
+.aria-selected\:text-primary-900[aria-selected=true] {
+  --tw-text-opacity: 1;
+  color: rgb(236 77 0 / var(--tw-text-opacity, 1));
+}
+.aria-selected\:text-secondary-900[aria-selected=true] {
+  --tw-text-opacity: 1;
+  color: rgb(247 134 0 / var(--tw-text-opacity, 1));
+}
+.aria-selected\:text-tertiary-900[aria-selected=true] {
+  --tw-text-opacity: 1;
+  color: rgb(42 164 153 / var(--tw-text-opacity, 1));
+}
+.aria-selected\:ring-neutral-500\/50[aria-selected=true] {
+  --tw-ring-color: rgb(115 115 115 / 0.5);
+}
+.aria-selected\:focus\:outline-black\/50:focus[aria-selected=true] {
+  outline-color: rgb(0 0 0 / 0.5);
+}
+.aria-selected\:has-\[\:focus\]\:outline-black\/50:has(:focus)[aria-selected=true] {
+  outline-color: rgb(0 0 0 / 0.5);
+}
+.group\/button[aria-selected=true] .group-aria-selected\/button\:bg-info-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 198 182 / var(--tw-bg-opacity, 1));
+}
+.group\/button[aria-selected=true] .group-aria-selected\/button\:bg-neutral-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
+}
+.group\/row[aria-selected=true] .group-aria-selected\/row\:bg-neutral-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
+.group\/button[aria-selected=true] .group-aria-selected\/button\:text-neutral-200 {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
+}
+.group\/row[aria-selected=true] .group-aria-selected\/row\:text-error-500\/75 {
+  color: rgb(239 68 68 / 0.75);
+}
+.group\/row[aria-selected=true] .group-aria-selected\/row\:text-info-500\/75 {
+  color: rgb(59 198 182 / 0.75);
+}
+.group\/row[aria-selected=true] .group-aria-selected\/row\:text-neutral-50 {
+  --tw-text-opacity: 1;
+  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
+}
+.group\/row[aria-selected=true] .group-aria-selected\/row\:text-neutral-500\/75 {
+  color: rgb(115 115 115 / 0.75);
+}
+.group\/row[aria-selected=true] .group-aria-selected\/row\:text-primary-500\/75 {
+  color: rgb(246 100 22 / 0.75);
+}
+.group\/row[aria-selected=true] .group-aria-selected\/row\:text-secondary-500\/75 {
+  color: rgb(251 165 0 / 0.75);
+}
+.group\/row[aria-selected=true] .group-aria-selected\/row\:text-success-500\/75 {
+  color: rgb(34 197 94 / 0.75);
+}
+.group\/row[aria-selected=true] .group-aria-selected\/row\:text-tertiary-500\/75 {
+  color: rgb(59 198 182 / 0.75);
+}
+.group\/row[aria-selected=true] .group-aria-selected\/row\:text-warning-500\/75 {
+  color: rgb(234 179 8 / 0.75);
+}
+.data-expanded\:w-48[data-ui~=expanded] {
+  width: 12rem;
+}
+.data-\[disabled\]\:pointer-events-none[data-disabled] {
+  pointer-events: none;
+}
+.data-\[orientation\=horizontal\]\:h-2\.5[data-orientation=horizontal] {
+  height: 0.625rem;
+}
+.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
+  height: 1px;
+}
+.data-\[state\=closed\]\:h-0[data-state=closed] {
+  height: 0px;
+}
+.data-\[state\=open\]\:h-\[var\(--radix-toast-height\)\][data-state=open] {
+  height: var(--radix-toast-height);
+}
+.data-\[orientation\=vertical\]\:w-2\.5[data-orientation=vertical] {
+  width: 0.625rem;
+}
+.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
+  width: 1px;
+}
+.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
+  --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));
+}
+.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
+  --tw-translate-x: var(--radix-toast-swipe-move-x);
+  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 slideUpAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.data-\[side\=bottom\]\:animate-slideUpAndFade[data-side=bottom] {
+  animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes slideRightAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+.data-\[side\=left\]\:animate-slideRightAndFade[data-side=left] {
+  animation: slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes slideLeftAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+.data-\[side\=right\]\:animate-slideLeftAndFade[data-side=right] {
+  animation: slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes slideDownAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.data-\[side\=top\]\:animate-slideDownAndFade[data-side=top] {
+  animation: slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.data-\[state\=closed\]\:animate-fadeOut[data-state=closed] {
+  animation: fadeOut 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes modalDisappear {
+  from {
+    opacity: 1;
+    transform: translateY(0px);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+}
+.data-\[state\=closed\]\:animate-modalDisappear[data-state=closed] {
+  animation: modalDisappear 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes toastSwipeOut {
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+    opacity: 1;
+  }
+  to {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+    opacity: 0;
+  }
+}
+.data-\[state\=closed\]\:animate-toastSwipeOut[data-state=closed] {
+  animation: toastSwipeOut 150ms ease-out forwards;
+}
+@keyframes slideUpAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.data-\[state\=delayed-open\]\:data-\[side\=bottom\]\:animate-slideUpAndFade[data-side=bottom][data-state=delayed-open] {
+  animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes slideRightAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+.data-\[state\=delayed-open\]\:data-\[side\=left\]\:animate-slideRightAndFade[data-side=left][data-state=delayed-open] {
+  animation: slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes slideLeftAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+.data-\[state\=delayed-open\]\:data-\[side\=right\]\:animate-slideLeftAndFade[data-side=right][data-state=delayed-open] {
+  animation: slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes slideDownAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.data-\[state\=delayed-open\]\:data-\[side\=top\]\:animate-slideDownAndFade[data-side=top][data-state=delayed-open] {
+  animation: slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.data-\[state\=open\]\:animate-fadeIn[data-state=open] {
+  animation: fadeIn 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes modalAppear {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0px);
+  }
+}
+.data-\[state\=open\]\:animate-modalAppear[data-state=open] {
+  animation: modalAppear 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes toastSlideIn {
+  from {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+.data-\[state\=open\]\:animate-toastSlideIn[data-state=open] {
+  animation: toastSlideIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes toastSwipeOut {
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+    opacity: 1;
+  }
+  to {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+    opacity: 0;
+  }
+}
+.data-\[swipe\=end\]\:animate-toastSwipeOut[data-swipe=end] {
+  animation: toastSwipeOut 150ms ease-out forwards;
+}
+.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal] {
+  flex-direction: column;
+}
+.data-\[side\=bottom\]\:border-t-2[data-side=bottom] {
+  border-top-width: 2px;
+}
+.data-\[side\=left\]\:border-r-2[data-side=left] {
+  border-right-width: 2px;
+}
+.data-\[side\=right\]\:border-l-2[data-side=right] {
+  border-left-width: 2px;
+}
+.data-\[side\=top\]\:border-b-2[data-side=top] {
+  border-bottom-width: 2px;
+}
+.data-\[deemphasized\=true\]\:border-\[--text-deemphasized-color\][data-deemphasized=true] {
+  border-color: var(--text-deemphasized-color);
+}
+.data-\[checked\]\:bg-default-400[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:bg-error-600[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:bg-primary-500[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(246 100 22 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:bg-secondary-500[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 165 0 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:bg-success-500[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:bg-tertiary-500[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 198 182 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:bg-warning-500[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
+}
+.data-\[highlighted\]\:bg-\[--text-color-50\][data-highlighted] {
+  background-color: var(--text-color-50);
+}
+.data-\[highlighted\]\:bg-default-800\/50[data-highlighted] {
+  background-color: rgb(38 38 38 / 0.5);
+}
+.data-\[highlighted\]\:bg-error-600\/50[data-highlighted] {
+  background-color: rgb(220 38 38 / 0.5);
+}
+.data-\[highlighted\]\:bg-info-800\/50[data-highlighted] {
+  background-color: rgb(49 178 165 / 0.5);
+}
+.data-\[highlighted\]\:bg-primary-800\/50[data-highlighted] {
+  background-color: rgb(238 83 6 / 0.5);
+}
+.data-\[highlighted\]\:bg-secondary-800\/50[data-highlighted] {
+  background-color: rgb(248 142 0 / 0.5);
+}
+.data-\[highlighted\]\:bg-success-600\/50[data-highlighted] {
+  background-color: rgb(22 163 74 / 0.5);
+}
+.data-\[highlighted\]\:bg-tertiary-800\/50[data-highlighted] {
+  background-color: rgb(49 178 165 / 0.5);
+}
+.data-\[highlighted\]\:bg-warning-600\/50[data-highlighted] {
+  background-color: rgb(202 138 4 / 0.5);
+}
+.data-\[deemphasized\=true\]\:text-\[--text-deemphasized-color\][data-deemphasized=true] {
+  color: var(--text-deemphasized-color);
+}
+.data-\[disabled\]\:text-neutral-500\/50[data-disabled] {
+  color: rgb(115 115 115 / 0.5);
+}
+.data-\[highlighted\]\:text-white[data-highlighted] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=checked\]\:text-\[--text-color-75\][data-state=checked] {
+  color: var(--text-color-75);
+}
+.data-\[state\=checked\]\:text-default-800\/75[data-state=checked] {
+  color: rgb(38 38 38 / 0.75);
+}
+.data-\[state\=checked\]\:text-error-600\/75[data-state=checked] {
+  color: rgb(220 38 38 / 0.75);
+}
+.data-\[state\=checked\]\:text-info-800\/75[data-state=checked] {
+  color: rgb(49 178 165 / 0.75);
+}
+.data-\[state\=checked\]\:text-primary-800\/75[data-state=checked] {
+  color: rgb(238 83 6 / 0.75);
+}
+.data-\[state\=checked\]\:text-secondary-800\/75[data-state=checked] {
+  color: rgb(248 142 0 / 0.75);
+}
+.data-\[state\=checked\]\:text-success-600\/75[data-state=checked] {
+  color: rgb(22 163 74 / 0.75);
+}
+.data-\[state\=checked\]\:text-tertiary-800\/75[data-state=checked] {
+  color: rgb(49 178 165 / 0.75);
+}
+.data-\[state\=checked\]\:text-warning-600\/75[data-state=checked] {
+  color: rgb(202 138 4 / 0.75);
+}
+.data-\[state\=on\]\:text-default-700[data-state=on] {
+  --tw-text-opacity: 1;
+  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=on\]\:text-error-500[data-state=on] {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=on\]\:text-info-500[data-state=on] {
+  --tw-text-opacity: 1;
+  color: rgb(59 198 182 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=on\]\:text-primary-500[data-state=on] {
+  --tw-text-opacity: 1;
+  color: rgb(246 100 22 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=on\]\:text-secondary-500[data-state=on] {
+  --tw-text-opacity: 1;
+  color: rgb(251 165 0 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=on\]\:text-success-500[data-state=on] {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=on\]\:text-tertiary-500[data-state=on] {
+  --tw-text-opacity: 1;
+  color: rgb(59 198 182 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=on\]\:text-warning-500[data-state=on] {
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=unchecked\]\:text-\[--text-color-10\][data-state=unchecked] {
+  color: var(--text-color-10);
+}
+.data-\[state\=unchecked\]\:text-default-800\/10[data-state=unchecked] {
+  color: rgb(38 38 38 / 0.1);
+}
+.data-\[state\=unchecked\]\:text-error-600\/10[data-state=unchecked] {
+  color: rgb(220 38 38 / 0.1);
+}
+.data-\[state\=unchecked\]\:text-info-800\/10[data-state=unchecked] {
+  color: rgb(49 178 165 / 0.1);
+}
+.data-\[state\=unchecked\]\:text-primary-800\/10[data-state=unchecked] {
+  color: rgb(238 83 6 / 0.1);
+}
+.data-\[state\=unchecked\]\:text-secondary-800\/10[data-state=unchecked] {
+  color: rgb(248 142 0 / 0.1);
+}
+.data-\[state\=unchecked\]\:text-success-600\/10[data-state=unchecked] {
+  color: rgb(22 163 74 / 0.1);
+}
+.data-\[state\=unchecked\]\:text-tertiary-800\/10[data-state=unchecked] {
+  color: rgb(49 178 165 / 0.1);
+}
+.data-\[state\=unchecked\]\:text-warning-600\/10[data-state=unchecked] {
+  color: rgb(202 138 4 / 0.1);
+}
+.data-\[state\=open\]\:outline[data-state=open] {
+  outline-style: solid;
+}
+.data-\[state\=open\]\:outline-1[data-state=open] {
+  outline-width: 1px;
+}
+.data-\[state\=open\]\:outline-offset-2[data-state=open] {
+  outline-offset: 2px;
+}
+.data-\[checked\]\:outline-default-400[data-checked] {
+  outline-color: #a3a3a3;
+}
+.data-\[checked\]\:outline-error-600[data-checked] {
+  outline-color: #dc2626;
+}
+.data-\[checked\]\:outline-primary-500[data-checked] {
+  outline-color: #F66416;
+}
+.data-\[checked\]\:outline-secondary-500[data-checked] {
+  outline-color: #FBA500;
+}
+.data-\[checked\]\:outline-success-500[data-checked] {
+  outline-color: #22c55e;
+}
+.data-\[checked\]\:outline-tertiary-500[data-checked] {
+  outline-color: #3BC6B6;
+}
+.data-\[checked\]\:outline-warning-500[data-checked] {
+  outline-color: #eab308;
+}
+.data-\[state\=on\]\:ring-1[data-state=on] {
+  --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);
+}
+.data-\[state\=on\]\:ring-default-700\/50[data-state=on] {
+  --tw-ring-color: rgb(64 64 64 / 0.5);
+}
+.data-\[state\=on\]\:ring-error-500\/50[data-state=on] {
+  --tw-ring-color: rgb(239 68 68 / 0.5);
+}
+.data-\[state\=on\]\:ring-info-500\/50[data-state=on] {
+  --tw-ring-color: rgb(59 198 182 / 0.5);
+}
+.data-\[state\=on\]\:ring-primary-500\/50[data-state=on] {
+  --tw-ring-color: rgb(246 100 22 / 0.5);
+}
+.data-\[state\=on\]\:ring-secondary-500\/50[data-state=on] {
+  --tw-ring-color: rgb(251 165 0 / 0.5);
+}
+.data-\[state\=on\]\:ring-success-500\/50[data-state=on] {
+  --tw-ring-color: rgb(34 197 94 / 0.5);
+}
+.data-\[state\=on\]\:ring-tertiary-500\/50[data-state=on] {
+  --tw-ring-color: rgb(59 198 182 / 0.5);
+}
+.data-\[state\=on\]\:ring-warning-500\/50[data-state=on] {
+  --tw-ring-color: rgb(234 179 8 / 0.5);
+}
+.data-\[swipe\=cancel\]\:transition-\[transform_200ms_ease-out\][data-swipe=cancel] {
+  transition-property: transform 200ms ease-out;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.data-\[deemphasized\=true\]\:hover\:border-\[--darker-deemphasized-color\]:hover[data-deemphasized=true] {
+  border-color: var(--darker-deemphasized-color);
+}
+.data-\[checked\]\:hover\:bg-default-300:hover[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:hover\:bg-error-500:hover[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:hover\:bg-primary-50:hover[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 127 58 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:hover\:bg-secondary-50:hover[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 199 0 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:hover\:bg-success-400:hover[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:hover\:bg-tertiary-50:hover[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(77 224 217 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:hover\:bg-warning-400:hover[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
+}
+.data-\[deemphasized\=true\]\:hover\:text-\[--darker-deemphasized-color\]:hover[data-deemphasized=true] {
+  color: var(--darker-deemphasized-color);
+}
+.data-\[checked\]\:hover\:outline-default-300:hover[data-checked] {
+  outline-color: #d4d4d4;
+}
+.data-\[checked\]\:hover\:outline-error-500:hover[data-checked] {
+  outline-color: #ef4444;
+}
+.data-\[checked\]\:hover\:outline-primary-50:hover[data-checked] {
+  outline-color: #FF7F3A;
+}
+.data-\[checked\]\:hover\:outline-secondary-50:hover[data-checked] {
+  outline-color: #FFC700;
+}
+.data-\[checked\]\:hover\:outline-success-400:hover[data-checked] {
+  outline-color: #4ade80;
+}
+.data-\[checked\]\:hover\:outline-tertiary-50:hover[data-checked] {
+  outline-color: #4DE0D9;
+}
+.data-\[checked\]\:hover\:outline-warning-400:hover[data-checked] {
+  outline-color: #facc15;
+}
+.data-\[checked\]\:disabled\:cursor-not-allowed:disabled[data-checked] {
+  cursor: not-allowed;
+}
+.data-\[checked\]\:disabled\:bg-default-400\/50:disabled[data-checked] {
+  background-color: rgb(163 163 163 / 0.5);
+}
+.data-\[checked\]\:disabled\:bg-error-600\/50:disabled[data-checked] {
+  background-color: rgb(220 38 38 / 0.5);
+}
+.data-\[checked\]\:disabled\:bg-primary-700\/50:disabled[data-checked] {
+  background-color: rgb(241 88 11 / 0.5);
+}
+.data-\[checked\]\:disabled\:bg-secondary-700\/50:disabled[data-checked] {
+  background-color: rgb(249 150 0 / 0.5);
+}
+.data-\[checked\]\:disabled\:bg-success-500\/50:disabled[data-checked] {
+  background-color: rgb(34 197 94 / 0.5);
+}
+.data-\[checked\]\:disabled\:bg-tertiary-700\/50:disabled[data-checked] {
+  background-color: rgb(52 185 171 / 0.5);
+}
+.data-\[checked\]\:disabled\:bg-warning-500\/50:disabled[data-checked] {
+  background-color: rgb(234 179 8 / 0.5);
+}
+.data-\[checked\]\:disabled\:hover\:bg-default-400\/50:hover:disabled[data-checked] {
+  background-color: rgb(163 163 163 / 0.5);
+}
+.data-\[checked\]\:disabled\:hover\:bg-error-600\/50:hover:disabled[data-checked] {
+  background-color: rgb(220 38 38 / 0.5);
+}
+.data-\[checked\]\:disabled\:hover\:bg-primary-700\/50:hover:disabled[data-checked] {
+  background-color: rgb(241 88 11 / 0.5);
+}
+.data-\[checked\]\:disabled\:hover\:bg-secondary-700\/50:hover:disabled[data-checked] {
+  background-color: rgb(249 150 0 / 0.5);
+}
+.data-\[checked\]\:disabled\:hover\:bg-success-500\/50:hover:disabled[data-checked] {
+  background-color: rgb(34 197 94 / 0.5);
+}
+.data-\[checked\]\:disabled\:hover\:bg-tertiary-700\/50:hover:disabled[data-checked] {
+  background-color: rgb(52 185 171 / 0.5);
+}
+.data-\[checked\]\:disabled\:hover\:bg-warning-500\/50:hover:disabled[data-checked] {
+  background-color: rgb(234 179 8 / 0.5);
+}
+.group\/menu[data-ui~=expanded] .group-data-expanded\/menu\:w-48 {
+  width: 12rem;
+}
+.group\/menu[data-ui~=expanded] .group-data-expanded\/menu\:origin-left {
+  transform-origin: left;
+}
+.group\/menu[data-ui~=expanded] .group-data-expanded\/menu\:opacity-100 {
+  opacity: 1;
+}
+.group[data-checked] .group-data-\[checked\]\:translate-x-11 {
+  --tw-translate-x: 2.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));
+}
+.group[data-checked] .group-data-\[checked\]\:translate-x-6 {
+  --tw-translate-x: 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));
+}
+.group[data-checked] .group-data-\[checked\]\:translate-x-\[18px\] {
+  --tw-translate-x: 18px;
+  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));
+}
+.group[data-state=closed] .group-data-\[state\=closed\]\:-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));
+}
+.group[data-state=open] .group-data-\[state\=open\]\:rotate-0 {
+  --tw-rotate: 0deg;
+  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));
+}
+.group[data-disabled] .group-data-\[disabled\]\:text-neutral-500\/50 {
+  color: rgb(115 115 115 / 0.5);
+}
+.group[data-highlighted] .group-data-\[highlighted\]\:text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+@media (min-width: 768px) {
+  .md\:h-fit {
+    height: -moz-fit-content;
+    height: fit-content;
+  }
+  .md\:max-h-\[85dvh\] {
+    max-height: 85dvh;
+  }
+  .md\:max-h-\[85vh\] {
+    max-height: 85vh;
+  }
+  .md\:w-3\/5 {
+    width: 60%;
+  }
+  .md\:max-w-\[750px\] {
+    max-width: 750px;
+  }
+  .md\:flex-none {
+    flex: none;
+  }
+  .md\:grid-cols-\[1fr_1fr\] {
+    grid-template-columns: 1fr 1fr;
+  }
+  .md\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+}
+.dark\:divide-layout-darksep\/50:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
+  border-color: rgb(10 10 10 / 0.5);
+}
+.dark\:border:where(.dark, .dark *) {
+  border-width: 1px;
+}
+.dark\:border-layout-darksep\/50:where(.dark, .dark *) {
+  border-color: rgb(10 10 10 / 0.5);
+}
+.dark\:bg-\[\#333\]:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-black:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-black\/30:where(.dark, .dark *) {
+  background-color: rgb(0 0 0 / 0.3);
+}
+.dark\:bg-black\/50:where(.dark, .dark *) {
+  background-color: rgb(0 0 0 / 0.5);
+}
+.dark\:bg-default-200:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-default-200\/75:where(.dark, .dark *) {
+  background-color: rgb(229 229 229 / 0.75);
+}
+.dark\:bg-default-500:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-default-800:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-error-400:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-error-400\/75:where(.dark, .dark *) {
+  background-color: rgb(248 113 113 / 0.75);
+}
+.dark\:bg-info-200:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(69 219 200 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-info-200\/75:where(.dark, .dark *) {
+  background-color: rgb(69 219 200 / 0.75);
+}
+.dark\:bg-layout-darkbase:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-layout-darkinset:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-layout-darksep\/50:where(.dark, .dark *) {
+  background-color: rgb(10 10 10 / 0.5);
+}
+.dark\:bg-neutral-200:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-neutral-50:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-neutral-500\/50:where(.dark, .dark *) {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.dark\:bg-neutral-700:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-neutral-700\/50:where(.dark, .dark *) {
+  background-color: rgb(64 64 64 / 0.5);
+}
+.dark\:bg-neutral-800:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-neutral-800\/80:where(.dark, .dark *) {
+  background-color: rgb(38 38 38 / 0.8);
+}
+.dark\:bg-neutral-950\/10:where(.dark, .dark *) {
+  background-color: rgb(10 10 10 / 0.1);
+}
+.dark\:bg-neutral-950\/20:where(.dark, .dark *) {
+  background-color: rgb(10 10 10 / 0.2);
+}
+.dark\:bg-neutral-950\/50:where(.dark, .dark *) {
+  background-color: rgb(10 10 10 / 0.5);
+}
+.dark\:bg-primary-200:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 116 39 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-primary-200\/75:where(.dark, .dark *) {
+  background-color: rgb(253 116 39 / 0.75);
+}
+.dark\:bg-primary-700:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 88 11 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-secondary-200:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 188 0 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-secondary-200\/75:where(.dark, .dark *) {
+  background-color: rgb(254 188 0 / 0.75);
+}
+.dark\:bg-secondary-700:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 150 0 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-success-400:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-success-400\/75:where(.dark, .dark *) {
+  background-color: rgb(74 222 128 / 0.75);
+}
+.dark\:bg-tertiary-200:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(69 219 200 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-tertiary-200\/75:where(.dark, .dark *) {
+  background-color: rgb(69 219 200 / 0.75);
+}
+.dark\:bg-tertiary-700:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 185 171 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-transparent:where(.dark, .dark *) {
+  background-color: transparent;
+}
+.dark\:bg-warning-400:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
+}
+.dark\:bg-warning-400\/75:where(.dark, .dark *) {
+  background-color: rgb(250 204 21 / 0.75);
+}
+.dark\:bg-white\/5:where(.dark, .dark *) {
+  background-color: rgb(255 255 255 / 0.05);
+}
+.dark\:bg-white\/50:where(.dark, .dark *) {
+  background-color: rgb(255 255 255 / 0.5);
+}
+.dark\:from-black:where(.dark, .dark *) {
+  --tw-gradient-from: #000 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.dark\:to-layout-darkbase:where(.dark, .dark *) {
+  --tw-gradient-to: #333333 var(--tw-gradient-to-position);
+}
+.dark\:text-black:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.dark\:text-default-200:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
+}
+.dark\:text-default-200\/75:where(.dark, .dark *) {
+  color: rgb(229 229 229 / 0.75);
+}
+.dark\:text-default-300:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
+}
+.dark\:text-default-500:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+}
+.dark\:text-error-400:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
+}
+.dark\:text-error-400\/75:where(.dark, .dark *) {
+  color: rgb(248 113 113 / 0.75);
+}
+.dark\:text-error-600:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.dark\:text-info-100:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(72 226 206 / var(--tw-text-opacity, 1));
+}
+.dark\:text-info-200\/75:where(.dark, .dark *) {
+  color: rgb(69 219 200 / 0.75);
+}
+.dark\:text-info-900:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(42 164 153 / var(--tw-text-opacity, 1));
+}
+.dark\:text-neutral-200:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
+}
+.dark\:text-neutral-300:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
+}
+.dark\:text-neutral-400:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+}
+.dark\:text-neutral-600:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
+}
+.dark\:text-primary-100:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 122 44 / var(--tw-text-opacity, 1));
+}
+.dark\:text-primary-200\/75:where(.dark, .dark *) {
+  color: rgb(253 116 39 / 0.75);
+}
+.dark\:text-primary-900:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(236 77 0 / var(--tw-text-opacity, 1));
+}
+.dark\:text-secondary-100:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 196 0 / var(--tw-text-opacity, 1));
+}
+.dark\:text-secondary-200\/75:where(.dark, .dark *) {
+  color: rgb(254 188 0 / 0.75);
+}
+.dark\:text-secondary-900:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(247 134 0 / var(--tw-text-opacity, 1));
+}
+.dark\:text-success-400:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
+}
+.dark\:text-success-400\/75:where(.dark, .dark *) {
+  color: rgb(74 222 128 / 0.75);
+}
+.dark\:text-success-600:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
+}
+.dark\:text-tertiary-100:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(72 226 206 / var(--tw-text-opacity, 1));
+}
+.dark\:text-tertiary-200\/75:where(.dark, .dark *) {
+  color: rgb(69 219 200 / 0.75);
+}
+.dark\:text-tertiary-900:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(42 164 153 / var(--tw-text-opacity, 1));
+}
+.dark\:text-warning-400:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
+}
+.dark\:text-warning-400\/75:where(.dark, .dark *) {
+  color: rgb(250 204 21 / 0.75);
+}
+.dark\:text-warning-600:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
+}
+.dark\:text-white:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.dark\:text-white\/50:where(.dark, .dark *) {
+  color: rgb(255 255 255 / 0.5);
+}
+.dark\:text-white\/75:where(.dark, .dark *) {
+  color: rgb(255 255 255 / 0.75);
+}
+.dark\:outline-default-700:where(.dark, .dark *) {
+  outline-color: #404040;
+}
+.dark\:ring-neutral-800:where(.dark, .dark *) {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity, 1));
+}
+.autofill\:dark\:bg-neutral-800\/80:where(.dark, .dark *):-webkit-autofill {
+  background-color: rgb(38 38 38 / 0.8);
+}
+.autofill\:dark\:bg-neutral-800\/80:where(.dark, .dark *):autofill {
+  background-color: rgb(38 38 38 / 0.8);
+}
+.focus-within\:dark\:bg-neutral-950:where(.dark, .dark *):focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
+}
+.focus-within\:dark\:bg-neutral-950\/20:where(.dark, .dark *):focus-within {
+  background-color: rgb(10 10 10 / 0.2);
+}
+.dark\:hover\:border-default-600:hover:where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
+}
+.dark\:hover\:border-error-700:hover:where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
+}
+.dark\:hover\:border-info-950:hover:where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(22 147 137 / var(--tw-border-opacity, 1));
+}
+.dark\:hover\:border-primary-950:hover:where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(217 70 0 / var(--tw-border-opacity, 1));
+}
+.dark\:hover\:border-secondary-950:hover:where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(234 129 0 / var(--tw-border-opacity, 1));
+}
+.dark\:hover\:border-success-700:hover:where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
+}
+.dark\:hover\:border-tertiary-950:hover:where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(22 147 137 / var(--tw-border-opacity, 1));
+}
+.dark\:hover\:border-warning-700:hover:where(.dark, .dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
+}
+.hover\:dark\:border-\[--lighter-color\]:where(.dark, .dark *):hover {
+  border-color: var(--lighter-color);
+}
+.dark\:hover\:bg-default-600:hover:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:bg-error-700:hover:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:bg-primary-950:hover:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 70 0 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:bg-secondary-950:hover:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 129 0 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:bg-success-600:hover:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:bg-tertiary-950:hover:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 147 137 / var(--tw-bg-opacity, 1));
+}
+.dark\:hover\:bg-warning-600:hover:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
+}
+.hover\:dark\:bg-\[\#2D2D2D\]:where(.dark, .dark *):hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(45 45 45 / var(--tw-bg-opacity, 1));
+}
+.hover\:dark\:bg-white\/25:where(.dark, .dark *):hover {
+  background-color: rgb(255 255 255 / 0.25);
+}
+.hover\:dark\:bg-white\/75:where(.dark, .dark *):hover {
+  background-color: rgb(255 255 255 / 0.75);
+}
+.dark\:hover\:text-default-600:hover:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
+}
+.dark\:hover\:text-error-700:hover:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
+}
+.dark\:hover\:text-info-950:hover:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(22 147 137 / var(--tw-text-opacity, 1));
+}
+.dark\:hover\:text-primary-950:hover:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(217 70 0 / var(--tw-text-opacity, 1));
+}
+.dark\:hover\:text-secondary-950:hover:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(234 129 0 / var(--tw-text-opacity, 1));
+}
+.dark\:hover\:text-success-700:hover:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
+}
+.dark\:hover\:text-tertiary-950:hover:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(22 147 137 / var(--tw-text-opacity, 1));
+}
+.dark\:hover\:text-warning-700:hover:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
+}
+.hover\:dark\:text-\[--lighter-color\]:where(.dark, .dark *):hover {
+  color: var(--lighter-color);
+}
+.hover\:dark\:text-neutral-400:where(.dark, .dark *):hover {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+}
+.dark\:hover\:outline-default-600:hover:where(.dark, .dark *) {
+  outline-color: #525252;
+}
+.dark\:hover\:outline-error-700:hover:where(.dark, .dark *) {
+  outline-color: #b91c1c;
+}
+.dark\:hover\:outline-primary-950:hover:where(.dark, .dark *) {
+  outline-color: #d94600;
+}
+.dark\:hover\:outline-secondary-950:hover:where(.dark, .dark *) {
+  outline-color: #ea8100;
+}
+.dark\:hover\:outline-success-600:hover:where(.dark, .dark *) {
+  outline-color: #16a34a;
+}
+.dark\:hover\:outline-tertiary-950:hover:where(.dark, .dark *) {
+  outline-color: #169389;
+}
+.dark\:hover\:outline-warning-600:hover:where(.dark, .dark *) {
+  outline-color: #ca8a04;
+}
+.focus\:dark\:text-white:where(.dark, .dark *):focus {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.disabled\:dark\:bg-default-500\/50:where(.dark, .dark *):disabled {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.disabled\:hover\:dark\:border-\[--text-deemphasized-color\]:where(.dark, .dark *):hover:disabled {
+  border-color: var(--text-deemphasized-color);
+}
+.disabled\:dark\:hover\:bg-default-500\/50:hover:where(.dark, .dark *):disabled {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.disabled\:hover\:dark\:text-\[--text-deemphasized-color\]:where(.dark, .dark *):hover:disabled {
+  color: var(--text-deemphasized-color);
+}
+.group:hover .group-hover\:dark\:bg-neutral-800:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.group:hover .group-hover\:dark\:text-neutral-200:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
+}
+.group:hover .group-hover\:dark\:text-white:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.dark\:aria-selected\:bg-layout-darkinset[aria-selected=true]:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+.aria-selected\:dark\:text-neutral-100:where(.dark, .dark *)[aria-selected=true] {
+  --tw-text-opacity: 1;
+  color: rgb(245 245 245 / var(--tw-text-opacity, 1));
+}
+.dark\:aria-selected\:text-neutral-100[aria-selected=true]:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(245 245 245 / var(--tw-text-opacity, 1));
+}
+.dark\:aria-selected\:text-primary-100[aria-selected=true]:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 122 44 / var(--tw-text-opacity, 1));
+}
+.dark\:aria-selected\:text-secondary-100[aria-selected=true]:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 196 0 / var(--tw-text-opacity, 1));
+}
+.dark\:aria-selected\:text-tertiary-100[aria-selected=true]:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(72 226 206 / var(--tw-text-opacity, 1));
+}
+.group\/row[aria-selected=true] .dark\:group-aria-selected\/row\:bg-neutral-950:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
+}
+.group\/row[aria-selected=true] .dark\:group-aria-selected\/row\:text-neutral-950:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
+}
+.group\/button[aria-selected=true] .group-aria-selected\/button\:dark\:text-neutral-800:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
+}
+.dark\:data-\[highlighted\]\:bg-default-200\/50[data-highlighted]:where(.dark, .dark *) {
+  background-color: rgb(229 229 229 / 0.5);
+}
+.dark\:data-\[highlighted\]\:bg-error-400\/50[data-highlighted]:where(.dark, .dark *) {
+  background-color: rgb(248 113 113 / 0.5);
+}
+.dark\:data-\[highlighted\]\:bg-info-200\/50[data-highlighted]:where(.dark, .dark *) {
+  background-color: rgb(69 219 200 / 0.5);
+}
+.dark\:data-\[highlighted\]\:bg-primary-200\/50[data-highlighted]:where(.dark, .dark *) {
+  background-color: rgb(253 116 39 / 0.5);
+}
+.dark\:data-\[highlighted\]\:bg-secondary-200\/50[data-highlighted]:where(.dark, .dark *) {
+  background-color: rgb(254 188 0 / 0.5);
+}
+.dark\:data-\[highlighted\]\:bg-success-400\/50[data-highlighted]:where(.dark, .dark *) {
+  background-color: rgb(74 222 128 / 0.5);
+}
+.dark\:data-\[highlighted\]\:bg-tertiary-200\/50[data-highlighted]:where(.dark, .dark *) {
+  background-color: rgb(69 219 200 / 0.5);
+}
+.dark\:data-\[highlighted\]\:bg-warning-400\/50[data-highlighted]:where(.dark, .dark *) {
+  background-color: rgb(250 204 21 / 0.5);
+}
+.data-\[checked\]\:dark\:bg-default-500:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:dark\:bg-primary-700:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 88 11 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:dark\:bg-secondary-700:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 150 0 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:dark\:bg-tertiary-700:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 185 171 / var(--tw-bg-opacity, 1));
+}
+.dark\:data-\[highlighted\]\:text-black[data-highlighted]:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=checked\]\:dark\:text-default-200\/75:where(.dark, .dark *)[data-state=checked] {
+  color: rgb(229 229 229 / 0.75);
+}
+.data-\[state\=checked\]\:dark\:text-error-400\/75:where(.dark, .dark *)[data-state=checked] {
+  color: rgb(248 113 113 / 0.75);
+}
+.data-\[state\=checked\]\:dark\:text-info-200\/75:where(.dark, .dark *)[data-state=checked] {
+  color: rgb(69 219 200 / 0.75);
+}
+.data-\[state\=checked\]\:dark\:text-primary-200\/75:where(.dark, .dark *)[data-state=checked] {
+  color: rgb(253 116 39 / 0.75);
+}
+.data-\[state\=checked\]\:dark\:text-secondary-200\/75:where(.dark, .dark *)[data-state=checked] {
+  color: rgb(254 188 0 / 0.75);
+}
+.data-\[state\=checked\]\:dark\:text-success-400\/75:where(.dark, .dark *)[data-state=checked] {
+  color: rgb(74 222 128 / 0.75);
+}
+.data-\[state\=checked\]\:dark\:text-tertiary-200\/75:where(.dark, .dark *)[data-state=checked] {
+  color: rgb(69 219 200 / 0.75);
+}
+.data-\[state\=checked\]\:dark\:text-warning-400\/75:where(.dark, .dark *)[data-state=checked] {
+  color: rgb(250 204 21 / 0.75);
+}
+.data-\[state\=on\]\:dark\:text-default-300:where(.dark, .dark *)[data-state=on] {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
+}
+.data-\[state\=unchecked\]\:dark\:text-default-200\/10:where(.dark, .dark *)[data-state=unchecked] {
+  color: rgb(229 229 229 / 0.1);
+}
+.data-\[state\=unchecked\]\:dark\:text-error-400\/10:where(.dark, .dark *)[data-state=unchecked] {
+  color: rgb(248 113 113 / 0.1);
+}
+.data-\[state\=unchecked\]\:dark\:text-info-200\/10:where(.dark, .dark *)[data-state=unchecked] {
+  color: rgb(69 219 200 / 0.1);
+}
+.data-\[state\=unchecked\]\:dark\:text-primary-200\/10:where(.dark, .dark *)[data-state=unchecked] {
+  color: rgb(253 116 39 / 0.1);
+}
+.data-\[state\=unchecked\]\:dark\:text-secondary-200\/10:where(.dark, .dark *)[data-state=unchecked] {
+  color: rgb(254 188 0 / 0.1);
+}
+.data-\[state\=unchecked\]\:dark\:text-success-400\/10:where(.dark, .dark *)[data-state=unchecked] {
+  color: rgb(74 222 128 / 0.1);
+}
+.data-\[state\=unchecked\]\:dark\:text-tertiary-200\/10:where(.dark, .dark *)[data-state=unchecked] {
+  color: rgb(69 219 200 / 0.1);
+}
+.data-\[state\=unchecked\]\:dark\:text-warning-400\/10:where(.dark, .dark *)[data-state=unchecked] {
+  color: rgb(250 204 21 / 0.1);
+}
+.data-\[state\=on\]\:dark\:ring-default-300\/50:where(.dark, .dark *)[data-state=on] {
+  --tw-ring-color: rgb(212 212 212 / 0.5);
+}
+.data-\[deemphasized\=true\]\:hover\:dark\:border-\[--lighter-deemphasized-color\]:where(.dark, .dark *):hover[data-deemphasized=true] {
+  border-color: var(--lighter-deemphasized-color);
+}
+.data-\[checked\]\:dark\:hover\:bg-default-600:hover:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:dark\:hover\:bg-error-700:hover:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:dark\:hover\:bg-primary-950:hover:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 70 0 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:dark\:hover\:bg-secondary-950:hover:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 129 0 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:dark\:hover\:bg-success-600:hover:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:dark\:hover\:bg-tertiary-950:hover:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 147 137 / var(--tw-bg-opacity, 1));
+}
+.data-\[checked\]\:dark\:hover\:bg-warning-600:hover:where(.dark, .dark *)[data-checked] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
+}
+.data-\[deemphasized\=true\]\:hover\:dark\:text-\[--lighter-deemphasized-color\]:where(.dark, .dark *):hover[data-deemphasized=true] {
+  color: var(--lighter-deemphasized-color);
+}
+.data-\[checked\]\:dark\:hover\:outline-default-600:hover:where(.dark, .dark *)[data-checked] {
+  outline-color: #525252;
+}
+.data-\[checked\]\:dark\:hover\:outline-error-700:hover:where(.dark, .dark *)[data-checked] {
+  outline-color: #b91c1c;
+}
+.data-\[checked\]\:dark\:hover\:outline-primary-950:hover:where(.dark, .dark *)[data-checked] {
+  outline-color: #d94600;
+}
+.data-\[checked\]\:dark\:hover\:outline-secondary-950:hover:where(.dark, .dark *)[data-checked] {
+  outline-color: #ea8100;
+}
+.data-\[checked\]\:dark\:hover\:outline-success-600:hover:where(.dark, .dark *)[data-checked] {
+  outline-color: #16a34a;
+}
+.data-\[checked\]\:dark\:hover\:outline-tertiary-950:hover:where(.dark, .dark *)[data-checked] {
+  outline-color: #169389;
+}
+.data-\[checked\]\:dark\:hover\:outline-warning-600:hover:where(.dark, .dark *)[data-checked] {
+  outline-color: #ca8a04;
+}
+.data-\[checked\]\:disabled\:dark\:bg-default-500\/50:where(.dark, .dark *):disabled[data-checked] {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.data-\[checked\]\:disabled\:dark\:hover\:bg-default-500\/50:hover:where(.dark, .dark *):disabled[data-checked] {
+  background-color: rgb(115 115 115 / 0.5);
+}
+.group[data-highlighted] .dark\:group-data-\[highlighted\]\:text-black:where(.dark, .dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+
+/* src/inputs/color-picker-input.css */
+.react-colorful__saturation {
+  border-radius: 0px !important;
+}
+.react-colorful__hue {
+  border-radius: 0px !important;
+}
+.react-colorful__saturation-pointer {
+  width: 16px !important;
+  height: 16px !important;
+  border-radius: 0px !important;
+}
+.react-colorful__hue-pointer {
+  border-radius: 0px !important;
+  width: 10px !important;
+}
+
+/* src/inputs/color-picker-popover.css */