@heal-dev/heal-playwright-tracer 1.0.0 → 1.0.8

package/tracer-viewer-bundle/assets/index-CIRSNBm6.css

@@ -0,0 +1,4792 @@
+:root {
+  --separator-border: rgba(128, 128, 128, 0.35);
+  --sash-hover-transition-duration: 0.1s;
+}
+.allotment-module_splitView__L-yRc {
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.allotment-module_splitView__L-yRc > .allotment-module_sashContainer__fzwJF {
+  height: 100%;
+  pointer-events: none;
+  position: absolute;
+  width: 100%;
+}
+.allotment-module_splitView__L-yRc
+  > .allotment-module_sashContainer__fzwJF
+  > .allotment-module_sash__QA-2t {
+  pointer-events: auto;
+}
+.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa {
+  height: 100%;
+  position: relative;
+  white-space: nowrap;
+  width: 100%;
+}
+.allotment-module_splitView__L-yRc
+  > .allotment-module_splitViewContainer__rQnVa
+  > .allotment-module_splitViewView__MGZ6O {
+  overflow: hidden;
+  position: absolute;
+  white-space: initial;
+}
+.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa
+  > .allotment-module_splitViewContainer__rQnVa
+  > .allotment-module_splitViewView__MGZ6O {
+  width: 100%;
+}
+.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8
+  > .allotment-module_splitViewContainer__rQnVa
+  > .allotment-module_splitViewView__MGZ6O {
+  height: 100%;
+}
+.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS
+  > .allotment-module_splitViewContainer__rQnVa
+  > .allotment-module_splitViewView__MGZ6O:not(:first-child):before {
+  background-color: var(--separator-border);
+  content: ' ';
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  z-index: 5;
+}
+.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_vertical__WSwwa
+  > .allotment-module_splitViewContainer__rQnVa
+  > .allotment-module_splitViewView__MGZ6O:not(:first-child):before {
+  height: 1px;
+  width: 100%;
+}
+.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_horizontal__7doS8
+  > .allotment-module_splitViewContainer__rQnVa
+  > .allotment-module_splitViewView__MGZ6O:not(:first-child):before {
+  height: 100%;
+  width: 1px;
+}
+:root {
+  --focus-border: #007fd4;
+  --sash-size: 8px;
+  --sash-hover-size: 4px;
+}
+.sash-module_sash__K-9lB {
+  position: absolute;
+  z-index: 35;
+  touch-action: none;
+  pointer-events: auto;
+  text-align: initial;
+}
+.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx {
+  pointer-events: none;
+}
+.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_vertical__pB-rs {
+  cursor: col-resize;
+}
+.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_minimum__-UKxp {
+  cursor: e-resize;
+}
+.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_maximum__TCWxD {
+  cursor: w-resize;
+}
+.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_horizontal__kFbiw {
+  cursor: row-resize;
+}
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_minimum__-UKxp {
+  cursor: s-resize;
+}
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_maximum__TCWxD {
+  cursor: n-resize;
+}
+.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx {
+  cursor: default !important;
+  pointer-events: none !important;
+}
+.sash-module_sash__K-9lB.sash-module_vertical__pB-rs {
+  cursor: ew-resize;
+  top: 0;
+  width: var(--sash-size);
+  height: 100%;
+}
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw {
+  cursor: ns-resize;
+  left: 0;
+  width: 100%;
+  height: var(--sash-size);
+}
+.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx)
+  > .sash-module_orthogonal-drag-handle__Yii2- {
+  content: ' ';
+  height: calc(var(--sash-size) * 2);
+  width: calc(var(--sash-size) * 2);
+  z-index: 100;
+  display: block;
+  cursor: all-scroll;
+  position: absolute;
+}
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(
+    .sash-module_disabled__Hm-wx
+  )
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk,
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(
+    .sash-module_disabled__Hm-wx
+  )
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
+  cursor: nwse-resize;
+}
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(
+    .sash-module_disabled__Hm-wx
+  )
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R,
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(
+    .sash-module_disabled__Hm-wx
+  )
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
+  cursor: nesw-resize;
+}
+.sash-module_sash__K-9lB.sash-module_vertical__pB-rs
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
+  left: calc(var(--sash-size) * -0.5);
+  top: calc(var(--sash-size) * -1);
+}
+.sash-module_sash__K-9lB.sash-module_vertical__pB-rs
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
+  left: calc(var(--sash-size) * -0.5);
+  bottom: calc(var(--sash-size) * -1);
+}
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
+  top: calc(var(--sash-size) * -0.5);
+  left: calc(var(--sash-size) * -1);
+}
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw
+  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
+  top: calc(var(--sash-size) * -0.5);
+  right: calc(var(--sash-size) * -1);
+}
+.sash-module_sash__K-9lB:before {
+  content: '';
+  pointer-events: none;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  transition: background-color var(--sash-hover-transition-duration) ease-out;
+  background: transparent;
+}
+.sash-module_sash__K-9lB.sash-module_vertical__pB-rs:before {
+  width: var(--sash-hover-size);
+  left: calc(50% - (var(--sash-hover-size) / 2));
+}
+.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw:before {
+  height: var(--sash-hover-size);
+  top: calc(50% - (var(--sash-hover-size) / 2));
+}
+.sash-module_sash__K-9lB.sash-module_hover__80W6I:before,
+.sash-module_sash__K-9lB.sash-module_active__bJspD:before {
+  background: var(--focus-border);
+} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
+    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *,
+    :before,
+    :after,
+    ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
+      --tw-divide-x-reverse: 0;
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: '';
+    }
+  }
+}
+@layer theme {
+  :root,
+  :host {
+    --font-sans:
+      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+      'Segoe UI Symbol', 'Noto Color Emoji';
+    --font-mono: 'Source Code Pro', Menlo, Monaco, Consolas, 'Courier New', monospace;
+    --color-black: #000;
+    --color-white: #fff;
+    --spacing: 0.25rem;
+    --container-xs: 20rem;
+    --container-sm: 24rem;
+    --container-md: 28rem;
+    --container-lg: 32rem;
+    --container-xl: 36rem;
+    --container-2xl: 42rem;
+    --container-5xl: 64rem;
+    --text-xs: 0.75rem;
+    --text-xs--line-height: calc(1 / 0.75);
+    --text-sm: 0.875rem;
+    --text-sm--line-height: calc(1.25 / 0.875);
+    --text-base: var(--font-size-base, 16px);
+    --text-base--line-height: 1.5;
+    --text-lg: 1.125rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --tracking-tight: -0.025em;
+    --tracking-wide: 0.025em;
+    --tracking-wider: 0.05em;
+    --tracking-widest: 0.1em;
+    --leading-snug: 1.375;
+    --leading-relaxed: 1.625;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --animate-spin: spin 1s linear infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --blur-sm: 8px;
+    --aspect-video: 16 / 9;
+    --default-transition-duration: 0.15s;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --text-h1: calc(var(--font-size-base, 16px) * 3);
+    --text-h1--line-height: 1;
+    --text-h1--font-weight: 600;
+    --text-h1--letter-spacing: -0.012em;
+    --text-h2: calc(var(--font-size-base, 16px) * 1.875);
+    --text-h2--line-height: 1.2;
+    --text-h2--font-weight: 500;
+    --text-h2--letter-spacing: -0.0075em;
+    --text-h3: calc(var(--font-size-base, 16px) * 1.5);
+    --text-h3--line-height: 1.33333;
+    --text-h3--font-weight: 500;
+    --text-h3--letter-spacing: -0.006em;
+    --text-h4: calc(var(--font-size-base, 16px) * 1.25);
+    --text-h4--line-height: 1.4;
+    --text-h4--font-weight: 500;
+    --text-h4--letter-spacing: -0.005em;
+    --text-h5: calc(var(--font-size-base, 16px) * 1.125);
+    --text-h5--line-height: 1.4;
+    --text-h5--font-weight: 500;
+    --text-h5--letter-spacing: -0.005em;
+    --text-p: calc(var(--font-size-base, 16px) * 1);
+    --text-p--line-height: 1.75;
+    --text-p--font-weight: 400;
+    --text-p-ui: calc(var(--font-size-base, 16px) * 1);
+    --text-p-ui--line-height: 1.5;
+    --text-p-ui--font-weight: 400;
+    --text-p-ui-medium: calc(var(--font-size-base, 16px) * 1);
+    --text-p-ui-medium--line-height: 1.5;
+    --text-p-ui-medium--font-weight: 500;
+    --text-blockquote: calc(var(--font-size-base, 16px) * 1);
+    --text-blockquote--line-height: 1.5;
+    --text-blockquote--font-weight: 400;
+    --text-list: calc(var(--font-size-base, 16px) * 1);
+    --text-list--line-height: 1.5;
+    --text-list--font-weight: 400;
+    --text-code: calc(var(--font-size-base, 16px) * 0.875);
+    --text-code--line-height: 1.4286;
+    --text-code--font-weight: 500;
+    --text-lead: calc(var(--font-size-base, 16px) * 1.25);
+    --text-lead--line-height: 1.4;
+    --text-lead--font-weight: 400;
+    --text-large: calc(var(--font-size-base, 16px) * 1.125);
+    --text-large--line-height: 1.5556;
+    --text-large--font-weight: 500;
+    --text-small: calc(var(--font-size-base, 16px) * 0.875);
+    --text-small--line-height: 1;
+    --text-small--font-weight: 500;
+    --text-subtle: calc(var(--font-size-base, 16px) * 0.875);
+    --text-subtle--line-height: 1.4286;
+    --text-subtle--font-weight: 300;
+    --text-subtle-medium: calc(var(--font-size-base, 16px) * 0.875);
+    --text-subtle-medium--line-height: 1.4286;
+    --text-subtle-medium--font-weight: 400;
+    --text-body: calc(var(--font-size-base, 16px) * 0.875);
+    --text-body--line-height: 1.7143;
+    --text-body--font-weight: 400;
+    --text-body-medium: calc(var(--font-size-base, 16px) * 0.875);
+    --text-body-medium--line-height: 1.7143;
+    --text-body-medium--font-weight: 500;
+    --text-detail: calc(var(--font-size-base, 16px) * 0.875);
+    --text-detail--line-height: 1.6667;
+    --text-detail--font-weight: 500;
+    --animate-accordion-down: accordion-down 0.5s ease-out;
+    --animate-accordion-up: accordion-up 0.5s ease-out;
+    --animate-ping-slow: ping-slow 10.5s cubic-bezier(0, 0, 0.2, 1) infinite;
+    --color-background: var(--app-v2-background);
+    --color-surface: var(--app-v2-surface);
+    --color-surface-elevated: var(--app-v2-surface-elevated);
+    --color-foreground: var(--app-v2-foreground);
+    --color-card: var(--app-card);
+    --color-card-foreground: var(--app-card-foreground);
+    --color-popover: var(--app-popover);
+    --color-popover-foreground: var(--app-popover-foreground);
+    --color-primary: var(--app-primary);
+    --color-primary-foreground: var(--app-primary-foreground);
+    --color-secondary: var(--app-secondary);
+    --color-secondary-foreground: var(--app-secondary-foreground);
+    --color-muted: var(--app-v2-muted);
+    --color-muted-foreground: var(--app-v2-muted-foreground);
+    --color-accent: var(--app-accent);
+    --color-accent-foreground: var(--app-accent-foreground);
+    --color-destructive: var(--app-destructive);
+    --color-border: var(--app-border);
+    --color-input: var(--app-input);
+    --color-ring: var(--app-ring);
+  }
+}
+@layer base {
+  *,
+  :after,
+  :before,
+  ::backdrop {
+    box-sizing: border-box;
+    border: 0 solid;
+    margin: 0;
+    padding: 0;
+  }
+  ::file-selector-button {
+    box-sizing: border-box;
+    border: 0 solid;
+    margin: 0;
+    padding: 0;
+  }
+  html,
+  :host {
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    line-height: 1.5;
+    font-family: var(
+      --default-font-family,
+      ui-sans-serif,
+      system-ui,
+      sans-serif,
+      'Apple Color Emoji',
+      'Segoe UI Emoji',
+      'Segoe UI Symbol',
+      'Noto Color Emoji'
+    );
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  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;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family: var(
+      --default-mono-font-family,
+      ui-monospace,
+      SFMono-Regular,
+      Menlo,
+      Monaco,
+      Consolas,
+      'Liberation Mono',
+      'Courier New',
+      monospace
+    );
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub,
+  sup {
+    vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol,
+  ul,
+  menu {
+    list-style: none;
+  }
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
+    vertical-align: middle;
+    display: block;
+  }
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
+  button,
+  input,
+  select,
+  optgroup,
+  textarea {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
+  }
+  ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentColor;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      ::placeholder {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-year-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-month-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-day-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-hour-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-minute-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-second-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-millisecond-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button,
+  input:where([type='button'], [type='reset'], [type='submit']) {
+    appearance: button;
+  }
+  ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button {
+    height: auto;
+  }
+  ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden='until-found'])) {
+    display: none !important;
+  }
+  html {
+    font-family: Satoshi, Inter, system-ui, sans-serif;
+  }
+  :root {
+    --heal-green-raw: #4cb782;
+    --heal-green-50: oklch(96.9% 0.037 158.96);
+    --heal-green-100: oklch(92.8% 0.093 159.03);
+    --heal-green-200: oklch(86.9% 0.157 158.98);
+    --heal-green-300: oklch(80.9% 0.146 159.02);
+    --heal-green-400: oklch(75.9% 0.137 159.06);
+    --heal-green-500: oklch(70.3% 0.127 158.89);
+    --heal-green-600: oklch(59.2% 0.107 158.88);
+    --heal-green-700: oklch(47.3% 0.085 159.06);
+    --heal-green-800: oklch(36.2% 0.065 159.13);
+    --heal-green-900: oklch(24.6% 0.045 157.78);
+    --heal-green-950: oklch(19.3% 0.034 159.94);
+    --heal-yellow-raw: #f2c94c;
+    --heal-yellow-50: oklch(98.3% 0.014 84.55);
+    --heal-yellow-100: oklch(96.5% 0.029 80.65);
+    --heal-yellow-200: oklch(94% 0.055 83.99);
+    --heal-yellow-300: oklch(90.5% 0.096 86.9);
+    --heal-yellow-400: oklch(88% 0.135 89.38);
+    --heal-yellow-500: oklch(85% 0.146 90.48);
+    --heal-yellow-600: oklch(70.8% 0.122 90.21);
+    --heal-yellow-700: oklch(56.1% 0.096 90.72);
+    --heal-yellow-800: oklch(42.3% 0.073 90.58);
+    --heal-yellow-900: oklch(27.7% 0.048 90.81);
+    --heal-yellow-950: oklch(20.8% 0.037 91.17);
+    --heal-blue-raw: #5e6ad2;
+    --heal-blue-50: oklch(95.8% 0.015 282.02);
+    --heal-blue-100: oklch(91.5% 0.028 283.68);
+    --heal-blue-200: oklch(82.3% 0.063 280.94);
+    --heal-blue-300: oklch(73.8% 0.094 279.76);
+    --heal-blue-400: oklch(65.4% 0.128 278.21);
+    --heal-blue-500: oklch(56.7% 0.158 275.21);
+    --heal-blue-600: oklch(48.6% 0.175 272.01);
+    --heal-blue-700: oklch(39.7% 0.143 272.2);
+    --heal-blue-800: oklch(31.1% 0.11 272.16);
+    --heal-blue-900: oklch(23% 0.083 272.28);
+    --heal-blue-950: oklch(18% 0.066 272.66);
+    --heal-red-raw: #eb5757;
+    --heal-red-50: oklch(96.7% 0.012 17.51);
+    --heal-red-100: oklch(92.5% 0.029 17.74);
+    --heal-red-200: oklch(86.1% 0.057 18.35);
+    --heal-red-300: oklch(78.6% 0.094 19.41);
+    --heal-red-400: oklch(72.3% 0.133 20.88);
+    --heal-red-500: oklch(65.3% 0.184 23.68);
+    --heal-red-600: oklch(55.7% 0.187 25.71);
+    --heal-red-700: oklch(44.9% 0.151 25.77);
+    --heal-red-800: oklch(35% 0.118 25.71);
+    --heal-red-900: oklch(24.1% 0.081 25.78);
+    --heal-red-950: oklch(19.7% 0.066 25.73);
+    --heal-gray-raw: #8a8f98;
+    --heal-gray-50: oklch(96.5% 0.003 286.81);
+    --heal-gray-100: oklch(93.1% 0.003 264.69);
+    --heal-gray-200: oklch(86.3% 0.006 255.49);
+    --heal-gray-300: oklch(79.4% 0.01 258.36);
+    --heal-gray-400: oklch(71.5% 0.014 266.69);
+    --heal-gray-500: oklch(64.9% 0.015 262.37);
+    --heal-gray-600: oklch(54.4% 0.012 261.78);
+    --heal-gray-700: oklch(44.9% 0.01 264.48);
+    --heal-gray-800: oklch(34.4% 0.007 264.49);
+    --heal-gray-900: oklch(24.2% 0.005 248.01);
+    --heal-gray-950: oklch(18.6% 0.004 264.48);
+    --heal-primary-raw: #a855f7;
+    --heal-primary-50: oklch(95.8% 0.022 303.02);
+    --heal-primary-100: oklch(92.6% 0.04 301.34);
+    --heal-primary-200: oklch(84.3% 0.089 302.99);
+    --heal-primary-300: oklch(77.2% 0.134 302.91);
+    --heal-primary-400: oklch(70% 0.182 303.67);
+    --heal-primary-500: oklch(62.7% 0.233 303.91);
+    --heal-primary-600: oklch(54.3% 0.266 304.22);
+    --heal-primary-700: oklch(44.2% 0.216 304.15);
+    --heal-primary-800: oklch(34.1% 0.166 304.7);
+    --heal-primary-900: oklch(24.9% 0.122 304.08);
+    --heal-primary-950: oklch(18.9% 0.092 303.61);
+    --shadcn-raw-background: oklch(100% 0 0);
+    --shadcn-raw-foreground: oklch(14.5% 0 0);
+    --shadcn-raw-card: oklch(100% 0 0);
+    --shadcn-raw-card-foreground: oklch(14.5% 0 0);
+    --shadcn-raw-popover: oklch(100% 0 0);
+    --shadcn-raw-popover-foreground: oklch(14.5% 0 0);
+    --shadcn-raw-primary: oklch(20.5% 0 0);
+    --shadcn-raw-primary-foreground: oklch(98.5% 0 0);
+    --shadcn-raw-secondary: oklch(97% 0 0);
+    --shadcn-raw-secondary-foreground: oklch(20.5% 0 0);
+    --shadcn-raw-muted: oklch(97% 0 0);
+    --shadcn-raw-muted-foreground: oklch(55.6% 0 0);
+    --shadcn-raw-accent: oklch(97% 0 0);
+    --shadcn-raw-accent-foreground: oklch(20.5% 0 0);
+    --shadcn-raw-destructive: oklch(57.7% 0.245 27.325);
+    --shadcn-raw-border: oklch(92.2% 0 0);
+    --shadcn-raw-input: oklch(92.2% 0 0);
+    --shadcn-raw-ring: oklch(70.8% 0 0);
+    --app-raw-background: oklch(99% 0.004 280);
+    --app-raw-surface: oklch(97% 0.004 280);
+    --app-raw-surface-elevated: oklch(95% 0.004 280);
+    --app-raw-foreground: oklch(17.3% 0.006 280);
+    --app-raw-muted-foreground: oklch(52.5% 0.013 280);
+    --app-raw-muted: oklch(92% 0.004 280);
+    --app-raw-border-elevated: oklch(86% 0.004 280);
+  }
+  .dark {
+    color-scheme: dark;
+    --shadcn-raw-background: oklch(14.5% 0 0);
+    --shadcn-raw-foreground: oklch(98.5% 0 0);
+    --shadcn-raw-card: oklch(20.5% 0 0);
+    --shadcn-raw-card-foreground: oklch(98.5% 0 0);
+    --shadcn-raw-popover: oklch(20.5% 0 0);
+    --shadcn-raw-popover-foreground: oklch(98.5% 0 0);
+    --shadcn-raw-primary: oklch(92.2% 0 0);
+    --shadcn-raw-primary-foreground: oklch(20.5% 0 0);
+    --shadcn-raw-secondary: oklch(26.9% 0 0);
+    --shadcn-raw-secondary-foreground: oklch(98.5% 0 0);
+    --shadcn-raw-muted: oklch(26.9% 0 0);
+    --shadcn-raw-muted-foreground: oklch(70.8% 0 0);
+    --shadcn-raw-accent: oklch(26.9% 0 0);
+    --shadcn-raw-accent-foreground: oklch(98.5% 0 0);
+    --shadcn-raw-destructive: oklch(70.4% 0.191 22.216);
+    --shadcn-raw-border: oklch(100% 0 0/0.1);
+    --shadcn-raw-input: oklch(100% 0 0/0.15);
+    --shadcn-raw-ring: oklch(55.6% 0 0);
+    --app-raw-background: oklch(15.5% 0 0);
+    --app-raw-surface: oklch(21% 0 0);
+    --app-raw-surface-elevated: oklch(26.9% 0 0);
+    --app-raw-foreground: oklch(96% 0 0);
+    --app-raw-muted-foreground: oklch(70% 0 0);
+    --app-raw-muted: oklch(26.9% 0 0);
+  }
+  :root {
+    --app-brand-50: var(--heal-primary-50);
+    --app-brand-100: var(--heal-primary-100);
+    --app-brand-200: var(--heal-primary-200);
+    --app-brand-300: var(--heal-primary-300);
+    --app-brand-400: var(--heal-primary-400);
+    --app-brand-500: var(--heal-primary-500);
+    --app-brand-600: var(--heal-primary-600);
+    --app-brand-700: var(--heal-primary-700);
+    --app-brand-800: var(--heal-primary-800);
+    --app-brand-900: var(--heal-primary-900);
+    --app-brand-950: var(--heal-primary-950);
+    --app-brand-subtle: var(--app-brand-50);
+    --app-brand-subtle-hover: var(--app-brand-100);
+    --app-brand-subtle-border: var(--app-brand-300);
+    --app-brand-subtle-foreground: var(--app-brand-700);
+    --app-brand-subtle-contrast: var(--app-brand-950);
+    --app-brand-solid: var(--app-brand-500);
+    --app-brand-solid-hover: var(--app-brand-600);
+    --app-brand-solid-border: var(--app-brand-600);
+    --app-brand-solid-contrast: #fff;
+  }
+  .dark {
+    --app-brand-subtle: var(--app-brand-950);
+    --app-brand-subtle-hover: var(--app-brand-900);
+    --app-brand-subtle-border: var(--app-brand-700);
+    --app-brand-subtle-foreground: var(--app-brand-300);
+    --app-brand-subtle-contrast: var(--app-brand-50);
+    --app-brand-solid: var(--app-brand-500);
+    --app-brand-solid-hover: var(--app-brand-400);
+    --app-brand-solid-border: var(--app-brand-400);
+    --app-brand-solid-contrast: #fff;
+  }
+  :root {
+    --app-success-50: var(--heal-green-50);
+    --app-success-100: var(--heal-green-100);
+    --app-success-200: var(--heal-green-200);
+    --app-success-300: var(--heal-green-300);
+    --app-success-400: var(--heal-green-400);
+    --app-success-500: var(--heal-green-500);
+    --app-success-600: var(--heal-green-600);
+    --app-success-700: var(--heal-green-700);
+    --app-success-800: var(--heal-green-800);
+    --app-success-900: var(--heal-green-900);
+    --app-success-950: var(--heal-green-950);
+    --app-success-subtle: var(--app-success-50);
+    --app-success-subtle-hover: var(--app-success-100);
+    --app-success-subtle-border: var(--app-success-300);
+    --app-success-subtle-foreground: var(--app-success-700);
+    --app-success-subtle-contrast: var(--app-success-950);
+    --app-success-solid: var(--app-success-500);
+    --app-success-solid-hover: var(--app-success-600);
+    --app-success-solid-border: var(--app-success-600);
+    --app-success-solid-contrast: #fff;
+  }
+  .dark {
+    --app-success-subtle: var(--app-success-950);
+    --app-success-subtle-hover: var(--app-success-900);
+    --app-success-subtle-border: var(--app-success-700);
+    --app-success-subtle-foreground: var(--app-success-300);
+    --app-success-subtle-contrast: var(--app-success-50);
+    --app-success-solid: var(--app-success-500);
+    --app-success-solid-hover: var(--app-success-400);
+    --app-success-solid-border: var(--app-success-400);
+    --app-success-solid-contrast: #fff;
+  }
+  :root {
+    --app-danger-50: var(--heal-red-50);
+    --app-danger-100: var(--heal-red-100);
+    --app-danger-200: var(--heal-red-200);
+    --app-danger-300: var(--heal-red-300);
+    --app-danger-400: var(--heal-red-400);
+    --app-danger-500: var(--heal-red-500);
+    --app-danger-600: var(--heal-red-600);
+    --app-danger-700: var(--heal-red-700);
+    --app-danger-800: var(--heal-red-800);
+    --app-danger-900: var(--heal-red-900);
+    --app-danger-950: var(--heal-red-950);
+    --app-danger-subtle: var(--app-danger-50);
+    --app-danger-subtle-hover: var(--app-danger-100);
+    --app-danger-subtle-border: var(--app-danger-300);
+    --app-danger-subtle-foreground: var(--app-danger-700);
+    --app-danger-subtle-contrast: var(--app-danger-950);
+    --app-danger-solid: var(--app-danger-500);
+    --app-danger-solid-hover: var(--app-danger-600);
+    --app-danger-solid-border: var(--app-danger-600);
+    --app-danger-solid-contrast: #fff;
+  }
+  .dark {
+    --app-danger-subtle: var(--app-danger-950);
+    --app-danger-subtle-hover: var(--app-danger-900);
+    --app-danger-subtle-border: var(--app-danger-700);
+    --app-danger-subtle-foreground: var(--app-danger-300);
+    --app-danger-subtle-contrast: var(--app-danger-50);
+    --app-danger-solid: var(--app-danger-500);
+    --app-danger-solid-hover: var(--app-danger-400);
+    --app-danger-solid-border: var(--app-danger-400);
+    --app-danger-solid-contrast: #fff;
+  }
+  :root {
+    --app-warning-50: var(--heal-yellow-50);
+    --app-warning-100: var(--heal-yellow-100);
+    --app-warning-200: var(--heal-yellow-200);
+    --app-warning-300: var(--heal-yellow-300);
+    --app-warning-400: var(--heal-yellow-400);
+    --app-warning-500: var(--heal-yellow-500);
+    --app-warning-600: var(--heal-yellow-600);
+    --app-warning-700: var(--heal-yellow-700);
+    --app-warning-800: var(--heal-yellow-800);
+    --app-warning-900: var(--heal-yellow-900);
+    --app-warning-950: var(--heal-yellow-950);
+    --app-warning-subtle: var(--app-warning-50);
+    --app-warning-subtle-hover: var(--app-warning-100);
+    --app-warning-subtle-border: var(--app-warning-300);
+    --app-warning-subtle-foreground: var(--app-warning-700);
+    --app-warning-subtle-contrast: var(--app-warning-950);
+    --app-warning-solid: var(--app-warning-500);
+    --app-warning-solid-hover: var(--app-warning-600);
+    --app-warning-solid-border: var(--app-warning-600);
+    --app-warning-solid-contrast: #fff;
+  }
+  .dark {
+    --app-warning-subtle: var(--app-warning-950);
+    --app-warning-subtle-hover: var(--app-warning-900);
+    --app-warning-subtle-border: var(--app-warning-700);
+    --app-warning-subtle-foreground: var(--app-warning-300);
+    --app-warning-subtle-contrast: var(--app-warning-50);
+    --app-warning-solid: var(--app-warning-500);
+    --app-warning-solid-hover: var(--app-warning-400);
+    --app-warning-solid-border: var(--app-warning-400);
+    --app-warning-solid-contrast: #fff;
+  }
+  :root {
+    --app-info-50: var(--heal-blue-50);
+    --app-info-100: var(--heal-blue-100);
+    --app-info-200: var(--heal-blue-200);
+    --app-info-300: var(--heal-blue-300);
+    --app-info-400: var(--heal-blue-400);
+    --app-info-500: var(--heal-blue-500);
+    --app-info-600: var(--heal-blue-600);
+    --app-info-700: var(--heal-blue-700);
+    --app-info-800: var(--heal-blue-800);
+    --app-info-900: var(--heal-blue-900);
+    --app-info-950: var(--heal-blue-950);
+    --app-info-subtle: var(--app-info-50);
+    --app-info-subtle-hover: var(--app-info-100);
+    --app-info-subtle-border: var(--app-info-300);
+    --app-info-subtle-foreground: var(--app-info-700);
+    --app-info-subtle-contrast: var(--app-info-950);
+    --app-info-solid: var(--app-info-500);
+    --app-info-solid-hover: var(--app-info-600);
+    --app-info-solid-border: var(--app-info-600);
+    --app-info-solid-contrast: #fff;
+  }
+  .dark {
+    --app-info-subtle: var(--app-info-950);
+    --app-info-subtle-hover: var(--app-info-900);
+    --app-info-subtle-border: var(--app-info-700);
+    --app-info-subtle-foreground: var(--app-info-300);
+    --app-info-subtle-contrast: var(--app-info-50);
+    --app-info-solid: var(--app-info-500);
+    --app-info-solid-hover: var(--app-info-400);
+    --app-info-solid-border: var(--app-info-400);
+    --app-info-solid-contrast: #fff;
+  }
+  :root {
+    --app-neutral-50: var(--heal-gray-50);
+    --app-neutral-100: var(--heal-gray-100);
+    --app-neutral-200: var(--heal-gray-200);
+    --app-neutral-300: var(--heal-gray-300);
+    --app-neutral-400: var(--heal-gray-400);
+    --app-neutral-500: var(--heal-gray-500);
+    --app-neutral-600: var(--heal-gray-600);
+    --app-neutral-700: var(--heal-gray-700);
+    --app-neutral-800: var(--heal-gray-800);
+    --app-neutral-900: var(--heal-gray-900);
+    --app-neutral-950: var(--heal-gray-950);
+    --app-neutral-subtle: var(--app-neutral-50);
+    --app-neutral-subtle-hover: var(--app-neutral-100);
+    --app-neutral-subtle-border: var(--app-neutral-300);
+    --app-neutral-subtle-foreground: var(--app-neutral-700);
+    --app-neutral-subtle-contrast: var(--app-neutral-950);
+    --app-neutral-solid: var(--app-neutral-500);
+    --app-neutral-solid-hover: var(--app-neutral-600);
+    --app-neutral-solid-border: var(--app-neutral-600);
+    --app-neutral-solid-contrast: #fff;
+  }
+  .dark {
+    --app-neutral-subtle: var(--app-neutral-950);
+    --app-neutral-subtle-hover: var(--app-neutral-900);
+    --app-neutral-subtle-border: var(--app-neutral-700);
+    --app-neutral-subtle-foreground: var(--app-neutral-300);
+    --app-neutral-subtle-contrast: var(--app-neutral-50);
+    --app-neutral-solid: var(--app-neutral-500);
+    --app-neutral-solid-hover: var(--app-neutral-400);
+    --app-neutral-solid-border: var(--app-neutral-400);
+    --app-neutral-solid-contrast: #fff;
+  }
+  :root {
+    --app-background: var(--shadcn-raw-background);
+    --app-foreground: var(--shadcn-raw-foreground);
+    --app-card: var(--shadcn-raw-card);
+    --app-card-foreground: var(--shadcn-raw-card-foreground);
+    --app-popover: var(--shadcn-raw-popover);
+    --app-popover-foreground: var(--shadcn-raw-popover-foreground);
+    --app-primary: var(--shadcn-raw-primary);
+    --app-primary-foreground: var(--shadcn-raw-primary-foreground);
+    --app-secondary: var(--shadcn-raw-secondary);
+    --app-secondary-foreground: var(--shadcn-raw-secondary-foreground);
+    --app-muted: var(--shadcn-raw-muted);
+    --app-muted-foreground: var(--shadcn-raw-muted-foreground);
+    --app-accent: var(--shadcn-raw-accent);
+    --app-accent-foreground: var(--shadcn-raw-accent-foreground);
+    --app-destructive: var(--shadcn-raw-destructive);
+    --app-border: var(--shadcn-raw-border);
+    --app-input: var(--shadcn-raw-input);
+    --app-ring: var(--shadcn-raw-ring);
+    --app-v2-background: var(--app-raw-background);
+    --app-v2-surface: var(--app-raw-surface);
+    --app-v2-surface-elevated: var(--app-raw-surface-elevated);
+    --app-v2-foreground: var(--app-raw-foreground);
+    --app-v2-muted-foreground: var(--app-raw-muted-foreground);
+    --app-v2-muted: var(--app-raw-muted);
+  }
+  * {
+    border-color: var(--app-border);
+    outline-color: var(--app-ring);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    * {
+      outline-color: color-mix(in oklab, var(--app-ring) 50%, transparent);
+    }
+  }
+  body {
+    background-color: var(--app-v2-background);
+    color: var(--app-v2-foreground);
+  }
+  html {
+    background-color: var(--app-v2-background);
+  }
+}
+@layer components {
+  html {
+    font-size: var(--text-body);
+    line-height: var(--tw-leading, var(--text-body--line-height));
+    font-weight: var(--tw-font-weight, var(--text-body--font-weight));
+    font-variation-settings: 'opsz' 32;
+  }
+}
+@layer utilities {
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
+  .pointer-events-none {
+    pointer-events: none;
+  }
+  .invisible {
+    visibility: hidden;
+  }
+  .visible {
+    visibility: visible;
+  }
+  .sr-only {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .relative {
+    position: relative;
+  }
+  .sticky {
+    position: sticky;
+  }
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
+  .inset-y-0 {
+    inset-block: calc(var(--spacing) * 0);
+  }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
+  .-top-1 {
+    top: calc(var(--spacing) * -1);
+  }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .top-1\/2 {
+    top: 50%;
+  }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+  .top-3 {
+    top: calc(var(--spacing) * 3);
+  }
+  .top-4 {
+    top: calc(var(--spacing) * 4);
+  }
+  .top-\[50\%\] {
+    top: 50%;
+  }
+  .-right-1 {
+    right: calc(var(--spacing) * -1);
+  }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+  .right-1 {
+    right: calc(var(--spacing) * 1);
+  }
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+  .right-4 {
+    right: calc(var(--spacing) * 4);
+  }
+  .-bottom-1 {
+    bottom: calc(var(--spacing) * -1);
+  }
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
+  .bottom-1 {
+    bottom: calc(var(--spacing) * 1);
+  }
+  .bottom-2 {
+    bottom: calc(var(--spacing) * 2);
+  }
+  .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
+  .-left-1 {
+    left: calc(var(--spacing) * -1);
+  }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
+  .left-1 {
+    left: calc(var(--spacing) * 1);
+  }
+  .left-1\.5 {
+    left: calc(var(--spacing) * 1.5);
+  }
+  .left-1\/2 {
+    left: 50%;
+  }
+  .left-2 {
+    left: calc(var(--spacing) * 2);
+  }
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+  .left-\[50\%\] {
+    left: 50%;
+  }
+  .z-10 {
+    z-index: 10;
+  }
+  .z-50 {
+    z-index: 50;
+  }
+  .z-60 {
+    z-index: 60;
+  }
+  .z-100 {
+    z-index: 100;
+  }
+  .col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+  .col-span-15 {
+    grid-column: span 15 / span 15;
+  }
+  .col-span-16 {
+    grid-column: span 16 / span 16;
+  }
+  .col-span-full {
+    grid-column: 1/-1;
+  }
+  .col-start-1 {
+    grid-column-start: 1;
+  }
+  .col-start-2 {
+    grid-column-start: 2;
+  }
+  .col-start-3 {
+    grid-column-start: 3;
+  }
+  .col-start-18 {
+    grid-column-start: 18;
+  }
+  .container {
+    width: 100%;
+  }
+  @media (min-width: 40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+  @media (min-width: 48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+  @media (min-width: 64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+  @media (min-width: 80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+  @media (min-width: 96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+  .m-0 {
+    margin: calc(var(--spacing) * 0);
+  }
+  .-mx-1 {
+    margin-inline: calc(var(--spacing) * -1);
+  }
+  .mx-1 {
+    margin-inline: calc(var(--spacing) * 1);
+  }
+  .my-1 {
+    margin-block: calc(var(--spacing) * 1);
+  }
+  .my-10 {
+    margin-block: calc(var(--spacing) * 10);
+  }
+  .mt-0 {
+    margin-top: calc(var(--spacing) * 0);
+  }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
+  .mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5);
+  }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
+  .mr-0 {
+    margin-right: calc(var(--spacing) * 0);
+  }
+  .mr-1 {
+    margin-right: calc(var(--spacing) * 1);
+  }
+  .mr-1\.5 {
+    margin-right: calc(var(--spacing) * 1.5);
+  }
+  .mr-2 {
+    margin-right: calc(var(--spacing) * 2);
+  }
+  .-mb-px {
+    margin-bottom: -1px;
+  }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
+  .mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
+  .ml-1 {
+    margin-left: calc(var(--spacing) * 1);
+  }
+  .ml-1\.5 {
+    margin-left: calc(var(--spacing) * 1.5);
+  }
+  .ml-2 {
+    margin-left: calc(var(--spacing) * 2);
+  }
+  .ml-4 {
+    margin-left: calc(var(--spacing) * 4);
+  }
+  .ml-\[120px\] {
+    margin-left: 120px;
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
+  .block {
+    display: block;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .hidden {
+    display: none;
+  }
+  .inline {
+    display: inline;
+  }
+  .inline-block {
+    display: inline-block;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .table {
+    display: table;
+  }
+  .aspect-video {
+    aspect-ratio: var(--aspect-video);
+  }
+  .size-0\.5 {
+    width: calc(var(--spacing) * 0.5);
+    height: calc(var(--spacing) * 0.5);
+  }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  .size-3 {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+  .size-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .size-full {
+    width: 100%;
+    height: 100%;
+  }
+  .h-\(--radix-select-trigger-height\) {
+    height: var(--radix-select-trigger-height);
+  }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
+  .h-2\.5 {
+    height: calc(var(--spacing) * 2.5);
+  }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+  .h-11 {
+    height: calc(var(--spacing) * 11);
+  }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
+  .h-\[1em\] {
+    height: 1em;
+  }
+  .h-\[28px\] {
+    height: 28px;
+  }
+  .h-\[125px\] {
+    height: 125px;
+  }
+  .h-auto {
+    height: auto;
+  }
+  .h-full {
+    height: 100%;
+  }
+  .h-px {
+    height: 1px;
+  }
+  .h-screen {
+    height: 100vh;
+  }
+  .max-h-\(--radix-dropdown-menu-content-available-height\) {
+    max-height: var(--radix-dropdown-menu-content-available-height);
+  }
+  .max-h-\(--radix-select-content-available-height\) {
+    max-height: var(--radix-select-content-available-height);
+  }
+  .max-h-\[75vh\] {
+    max-height: 75vh;
+  }
+  .max-h-\[300px\] {
+    max-height: 300px;
+  }
+  .max-h-screen {
+    max-height: 100vh;
+  }
+  .min-h-0 {
+    min-height: calc(var(--spacing) * 0);
+  }
+  .min-h-7 {
+    min-height: calc(var(--spacing) * 7);
+  }
+  .min-h-\[28px\] {
+    min-height: 28px;
+  }
+  .min-h-\[42px\] {
+    min-height: 42px;
+  }
+  .min-h-\[48px\] {
+    min-height: 48px;
+  }
+  .min-h-\[60px\] {
+    min-height: 60px;
+  }
+  .min-h-\[72px\] {
+    min-height: 72px;
+  }
+  .min-h-\[80px\] {
+    min-height: 80px;
+  }
+  .min-h-\[96px\] {
+    min-height: 96px;
+  }
+  .min-h-\[400px\] {
+    min-height: 400px;
+  }
+  .min-h-full {
+    min-height: 100%;
+  }
+  .w-0 {
+    width: calc(var(--spacing) * 0);
+  }
+  .w-0\.5 {
+    width: calc(var(--spacing) * 0.5);
+  }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+  .w-8 {
+    width: calc(var(--spacing) * 8);
+  }
+  .w-9 {
+    width: calc(var(--spacing) * 9);
+  }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
+  .w-80 {
+    width: calc(var(--spacing) * 80);
+  }
+  .w-\[1\.2em\] {
+    width: 1.2em;
+  }
+  .w-\[5ch\] {
+    width: 5ch;
+  }
+  .w-\[100px\] {
+    width: 100px;
+  }
+  .w-\[120px\] {
+    width: 120px;
+  }
+  .w-\[180px\] {
+    width: 180px;
+  }
+  .w-\[200px\] {
+    width: 200px;
+  }
+  .w-\[220px\] {
+    width: 220px;
+  }
+  .w-\[250px\] {
+    width: 250px;
+  }
+  .w-\[400px\] {
+    width: 400px;
+  }
+  .w-\[480px\] {
+    width: 480px;
+  }
+  .w-\[520px\] {
+    width: 520px;
+  }
+  .w-\[600px\] {
+    width: 600px;
+  }
+  .w-\[700px\] {
+    width: 700px;
+  }
+  .w-auto {
+    width: auto;
+  }
+  .w-fit {
+    width: fit-content;
+  }
+  .w-full {
+    width: 100%;
+  }
+  .w-px {
+    width: 1px;
+  }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
+  .max-w-5xl {
+    max-width: var(--container-5xl);
+  }
+  .max-w-\[100px\] {
+    max-width: 100px;
+  }
+  .max-w-\[200px\] {
+    max-width: 200px;
+  }
+  .max-w-\[220px\] {
+    max-width: 220px;
+  }
+  .max-w-\[300px\] {
+    max-width: 300px;
+  }
+  .max-w-full {
+    max-width: 100%;
+  }
+  .max-w-lg {
+    max-width: var(--container-lg);
+  }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
+  .max-w-sm {
+    max-width: var(--container-sm);
+  }
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
+  .min-w-\(--radix-select-trigger-width\) {
+    min-width: var(--radix-select-trigger-width);
+  }
+  .min-w-0 {
+    min-width: calc(var(--spacing) * 0);
+  }
+  .min-w-6 {
+    min-width: calc(var(--spacing) * 6);
+  }
+  .min-w-44 {
+    min-width: calc(var(--spacing) * 44);
+  }
+  .min-w-64 {
+    min-width: calc(var(--spacing) * 64);
+  }
+  .min-w-\[5ch\] {
+    min-width: 5ch;
+  }
+  .min-w-\[8rem\] {
+    min-width: 8rem;
+  }
+  .min-w-\[11rem\] {
+    min-width: 11rem;
+  }
+  .min-w-full {
+    min-width: 100%;
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+  .caption-bottom {
+    caption-side: bottom;
+  }
+  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
+    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+  }
+  .origin-\(--radix-select-content-transform-origin\) {
+    transform-origin: var(--radix-select-content-transform-origin);
+  }
+  .-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-\[-50\%\] {
+    --tw-translate-x: -50%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-full {
+    --tw-translate-y: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-\[-50\%\] {
+    --tw-translate-y: -50%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-px {
+    --tw-translate-y: 1px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
+      var(--tw-skew-y,);
+  }
+  .animate-\[hourglass_2s_ease-in-out_infinite\] {
+    animation: 2s ease-in-out infinite hourglass;
+  }
+  .animate-accordion-down {
+    animation: var(--animate-accordion-down);
+  }
+  .animate-accordion-up {
+    animation: var(--animate-accordion-up);
+  }
+  .animate-ping-slow {
+    animation: var(--animate-ping-slow);
+  }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+  .cursor-col-resize {
+    cursor: col-resize;
+  }
+  .cursor-default {
+    cursor: default;
+  }
+  .cursor-ew-resize {
+    cursor: ew-resize;
+  }
+  .cursor-help {
+    cursor: help;
+  }
+  .cursor-ne-resize {
+    cursor: ne-resize;
+  }
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
+  .cursor-ns-resize {
+    cursor: ns-resize;
+  }
+  .cursor-nw-resize {
+    cursor: nw-resize;
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .cursor-se-resize {
+    cursor: se-resize;
+  }
+  .cursor-sw-resize {
+    cursor: sw-resize;
+  }
+  .cursor-zoom-in {
+    cursor: zoom-in;
+  }
+  .resize {
+    resize: both;
+  }
+  .resize-none {
+    resize: none;
+  }
+  .scroll-my-1 {
+    scroll-margin-block: calc(var(--spacing) * 1);
+  }
+  .list-none {
+    list-style-type: none;
+  }
+  .auto-rows-min {
+    grid-auto-rows: min-content;
+  }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .grid-cols-18 {
+    grid-template-columns: repeat(18, minmax(0, 1fr));
+  }
+  .grid-cols-subgrid {
+    grid-template-columns: subgrid;
+  }
+  .grid-rows-\[0fr\] {
+    grid-template-rows: 0fr;
+  }
+  .grid-rows-\[1fr\] {
+    grid-template-rows: 1fr;
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .flex-row {
+    flex-direction: row;
+  }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .items-baseline {
+    align-items: baseline;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-end {
+    align-items: flex-end;
+  }
+  .items-start {
+    align-items: flex-start;
+  }
+  .items-stretch {
+    align-items: stretch;
+  }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .justify-end {
+    justify-content: flex-end;
+  }
+  .justify-start {
+    justify-content: flex-start;
+  }
+  .gap-0 {
+    gap: calc(var(--spacing) * 0);
+  }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
+  :where(.space-y-0\.5 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-1 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-1\.5 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-2 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-3 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-4 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-6 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-8 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  .gap-x-1 {
+    column-gap: calc(var(--spacing) * 1);
+  }
+  .gap-x-2 {
+    column-gap: calc(var(--spacing) * 2);
+  }
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
+  :where(.space-x-2 > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+  }
+  :where(.space-x-4 > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+  }
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
+  :where(.divide-x > :not(:last-child)) {
+    --tw-divide-x-reverse: 0;
+    border-inline-style: var(--tw-border-style);
+    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+  :where(.divide-border > :not(:last-child)) {
+    border-color: var(--app-border);
+  }
+  .truncate {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+  .overflow-auto {
+    overflow: auto;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .overflow-visible {
+    overflow: visible;
+  }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+  .overflow-y-scroll {
+    overflow-y: scroll;
+  }
+  .rounded {
+    border-radius: 0.25rem;
+  }
+  .rounded-2xl {
+    border-radius: calc(var(--radius) + 8px);
+  }
+  .rounded-3xl {
+    border-radius: calc(var(--radius) + 12px);
+  }
+  .rounded-full {
+    border-radius: 3.40282e38px;
+  }
+  .rounded-lg {
+    border-radius: var(--radius);
+  }
+  .rounded-md {
+    border-radius: calc(var(--radius) - 2px);
+  }
+  .rounded-none {
+    border-radius: 0;
+  }
+  .rounded-sm {
+    border-radius: calc(var(--radius) - 4px);
+  }
+  .rounded-xl {
+    border-radius: calc(var(--radius) + 4px);
+  }
+  .rounded-t-md {
+    border-top-left-radius: calc(var(--radius) - 2px);
+    border-top-right-radius: calc(var(--radius) - 2px);
+  }
+  .rounded-b-none {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0;
+  }
+  .border-2,
+  .border-\[2px\] {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .border-\[3px\] {
+    border-style: var(--tw-border-style);
+    border-width: 3px;
+  }
+  .border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+  .border-t-0 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 0;
+  }
+  .border-r {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .border-b-0 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0;
+  }
+  .border-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
+  .border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
+  .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+  .\!border-destructive\/30 {
+    border-color: var(--app-destructive) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .\!border-destructive\/30 {
+      border-color: color-mix(in oklab, var(--app-destructive) 30%, transparent) !important;
+    }
+  }
+  .border-border,
+  .border-border\/30 {
+    border-color: var(--app-border);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-border\/30 {
+      border-color: color-mix(in oklab, var(--app-border) 30%, transparent);
+    }
+  }
+  .border-border\/50 {
+    border-color: var(--app-border);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-border\/50 {
+      border-color: color-mix(in oklab, var(--app-border) 50%, transparent);
+    }
+  }
+  .border-brand-solid {
+    border-color: var(--app-brand-solid);
+  }
+  .border-brand-solid-border {
+    border-color: var(--app-brand-solid-border);
+  }
+  .border-brand-solid\/40 {
+    border-color: var(--app-brand-solid);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-brand-solid\/40 {
+      border-color: color-mix(in oklab, var(--app-brand-solid) 40%, transparent);
+    }
+  }
+  .border-brand-subtle-border {
+    border-color: var(--app-brand-subtle-border);
+  }
+  .border-danger-solid {
+    border-color: var(--app-danger-solid);
+  }
+  .border-danger-solid-border {
+    border-color: var(--app-danger-solid-border);
+  }
+  .border-danger-solid\/10 {
+    border-color: var(--app-danger-solid);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-danger-solid\/10 {
+      border-color: color-mix(in oklab, var(--app-danger-solid) 10%, transparent);
+    }
+  }
+  .border-danger-solid\/40 {
+    border-color: var(--app-danger-solid);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-danger-solid\/40 {
+      border-color: color-mix(in oklab, var(--app-danger-solid) 40%, transparent);
+    }
+  }
+  .border-danger-subtle-border {
+    border-color: var(--app-danger-subtle-border);
+  }
+  .border-destructive\/30 {
+    border-color: var(--app-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-destructive\/30 {
+      border-color: color-mix(in oklab, var(--app-destructive) 30%, transparent);
+    }
+  }
+  .border-destructive\/50 {
+    border-color: var(--app-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-destructive\/50 {
+      border-color: color-mix(in oklab, var(--app-destructive) 50%, transparent);
+    }
+  }
+  .border-foreground {
+    border-color: var(--app-v2-foreground);
+  }
+  .border-info-solid {
+    border-color: var(--app-info-solid);
+  }
+  .border-info-solid-border {
+    border-color: var(--app-info-solid-border);
+  }
+  .border-info-solid\/40 {
+    border-color: var(--app-info-solid);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-info-solid\/40 {
+      border-color: color-mix(in oklab, var(--app-info-solid) 40%, transparent);
+    }
+  }
+  .border-info-subtle-border {
+    border-color: var(--app-info-subtle-border);
+  }
+  .border-input {
+    border-color: var(--app-input);
+  }
+  .border-muted {
+    border-color: var(--app-v2-muted);
+  }
+  .border-muted-foreground,
+  .border-muted-foreground\/35 {
+    border-color: var(--app-v2-muted-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-muted-foreground\/35 {
+      border-color: color-mix(in oklab, var(--app-v2-muted-foreground) 35%, transparent);
+    }
+  }
+  .border-neutral-solid {
+    border-color: var(--app-neutral-solid);
+  }
+  .border-neutral-solid-border {
+    border-color: var(--app-neutral-solid-border);
+  }
+  .border-neutral-subtle-border {
+    border-color: var(--app-neutral-subtle-border);
+  }
+  .border-primary {
+    border-color: var(--app-primary);
+  }
+  .border-success-solid {
+    border-color: var(--app-success-solid);
+  }
+  .border-success-solid-border {
+    border-color: var(--app-success-solid-border);
+  }
+  .border-success-solid\/40 {
+    border-color: var(--app-success-solid);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-success-solid\/40 {
+      border-color: color-mix(in oklab, var(--app-success-solid) 40%, transparent);
+    }
+  }
+  .border-success-subtle-border {
+    border-color: var(--app-success-subtle-border);
+  }
+  .border-transparent {
+    border-color: #0000;
+  }
+  .border-warning-solid {
+    border-color: var(--app-warning-solid);
+  }
+  .border-warning-solid-border {
+    border-color: var(--app-warning-solid-border);
+  }
+  .border-warning-solid\/40 {
+    border-color: var(--app-warning-solid);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-warning-solid\/40 {
+      border-color: color-mix(in oklab, var(--app-warning-solid) 40%, transparent);
+    }
+  }
+  .border-warning-subtle-border {
+    border-color: var(--app-warning-subtle-border);
+  }
+  .border-t-transparent {
+    border-top-color: #0000;
+  }
+  .border-b-surface {
+    border-bottom-color: var(--app-v2-surface);
+  }
+  .border-l-brand-solid {
+    border-left-color: var(--app-brand-solid);
+  }
+  .border-l-danger-solid {
+    border-left-color: var(--app-danger-solid);
+  }
+  .border-l-danger-subtle-border {
+    border-left-color: var(--app-danger-subtle-border);
+  }
+  .border-l-info-solid {
+    border-left-color: var(--app-info-solid);
+  }
+  .border-l-success-solid {
+    border-left-color: var(--app-success-solid);
+  }
+  .border-l-transparent {
+    border-left-color: #0000;
+  }
+  .border-l-warning-solid {
+    border-left-color: var(--app-warning-solid);
+  }
+  .bg-background,
+  .bg-background\/80 {
+    background-color: var(--app-v2-background);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-background\/80 {
+      background-color: color-mix(in oklab, var(--app-v2-background) 80%, transparent);
+    }
+  }
+  .bg-black {
+    background-color: var(--color-black);
+  }
+  .bg-black\/5 {
+    background-color: #0000000d;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-black\/5 {
+      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+    }
+  }
+  .bg-black\/40 {
+    background-color: #0006;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-black\/40 {
+      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+    }
+  }
+  .bg-black\/50 {
+    background-color: #00000080;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-black\/50 {
+      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+    }
+  }
+  .bg-border {
+    background-color: var(--app-border);
+  }
+  .bg-brand-50 {
+    background-color: var(--app-brand-50);
+  }
+  .bg-brand-100 {
+    background-color: var(--app-brand-100);
+  }
+  .bg-brand-200 {
+    background-color: var(--app-brand-200);
+  }
+  .bg-brand-300 {
+    background-color: var(--app-brand-300);
+  }
+  .bg-brand-400 {
+    background-color: var(--app-brand-400);
+  }
+  .bg-brand-500 {
+    background-color: var(--app-brand-500);
+  }
+  .bg-brand-600 {
+    background-color: var(--app-brand-600);
+  }
+  .bg-brand-700 {
+    background-color: var(--app-brand-700);
+  }
+  .bg-brand-800 {
+    background-color: var(--app-brand-800);
+  }
+  .bg-brand-900 {
+    background-color: var(--app-brand-900);
+  }
+  .bg-brand-950 {
+    background-color: var(--app-brand-950);
+  }
+  .bg-brand-solid {
+    background-color: var(--app-brand-solid);
+  }
+  .bg-brand-solid-border {
+    background-color: var(--app-brand-solid-border);
+  }
+  .bg-brand-solid-contrast {
+    background-color: var(--app-brand-solid-contrast);
+  }
+  .bg-brand-solid-hover {
+    background-color: var(--app-brand-solid-hover);
+  }
+  .bg-brand-subtle {
+    background-color: var(--app-brand-subtle);
+  }
+  .bg-brand-subtle-border {
+    background-color: var(--app-brand-subtle-border);
+  }
+  .bg-brand-subtle-contrast {
+    background-color: var(--app-brand-subtle-contrast);
+  }
+  .bg-brand-subtle-foreground {
+    background-color: var(--app-brand-subtle-foreground);
+  }
+  .bg-brand-subtle-hover {
+    background-color: var(--app-brand-subtle-hover);
+  }
+  .bg-danger-50 {
+    background-color: var(--app-danger-50);
+  }
+  .bg-danger-100 {
+    background-color: var(--app-danger-100);
+  }
+  .bg-danger-200 {
+    background-color: var(--app-danger-200);
+  }
+  .bg-danger-300 {
+    background-color: var(--app-danger-300);
+  }
+  .bg-danger-400 {
+    background-color: var(--app-danger-400);
+  }
+  .bg-danger-500 {
+    background-color: var(--app-danger-500);
+  }
+  .bg-danger-600 {
+    background-color: var(--app-danger-600);
+  }
+  .bg-danger-700 {
+    background-color: var(--app-danger-700);
+  }
+  .bg-danger-800 {
+    background-color: var(--app-danger-800);
+  }
+  .bg-danger-900 {
+    background-color: var(--app-danger-900);
+  }
+  .bg-danger-950 {
+    background-color: var(--app-danger-950);
+  }
+  .bg-danger-solid {
+    background-color: var(--app-danger-solid);
+  }
+  .bg-danger-solid-border {
+    background-color: var(--app-danger-solid-border);
+  }
+  .bg-danger-solid-contrast {
+    background-color: var(--app-danger-solid-contrast);
+  }
+  .bg-danger-solid-hover {
+    background-color: var(--app-danger-solid-hover);
+  }
+  .bg-danger-subtle {
+    background-color: var(--app-danger-subtle);
+  }
+  .bg-danger-subtle-border {
+    background-color: var(--app-danger-subtle-border);
+  }
+  .bg-danger-subtle-contrast {
+    background-color: var(--app-danger-subtle-contrast);
+  }
+  .bg-danger-subtle-foreground {
+    background-color: var(--app-danger-subtle-foreground);
+  }
+  .bg-danger-subtle-hover {
+    background-color: var(--app-danger-subtle-hover);
+  }
+  .bg-danger-subtle\/30 {
+    background-color: var(--app-danger-subtle);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-danger-subtle\/30 {
+      background-color: color-mix(in oklab, var(--app-danger-subtle) 30%, transparent);
+    }
+  }
+  .bg-destructive\/10 {
+    background-color: var(--app-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-destructive\/10 {
+      background-color: color-mix(in oklab, var(--app-destructive) 10%, transparent);
+    }
+  }
+  .bg-foreground,
+  .bg-foreground\/10 {
+    background-color: var(--app-v2-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-foreground\/10 {
+      background-color: color-mix(in oklab, var(--app-v2-foreground) 10%, transparent);
+    }
+  }
+  .bg-info-50 {
+    background-color: var(--app-info-50);
+  }
+  .bg-info-100 {
+    background-color: var(--app-info-100);
+  }
+  .bg-info-200 {
+    background-color: var(--app-info-200);
+  }
+  .bg-info-300 {
+    background-color: var(--app-info-300);
+  }
+  .bg-info-400 {
+    background-color: var(--app-info-400);
+  }
+  .bg-info-500 {
+    background-color: var(--app-info-500);
+  }
+  .bg-info-600 {
+    background-color: var(--app-info-600);
+  }
+  .bg-info-700 {
+    background-color: var(--app-info-700);
+  }
+  .bg-info-800 {
+    background-color: var(--app-info-800);
+  }
+  .bg-info-900 {
+    background-color: var(--app-info-900);
+  }
+  .bg-info-950 {
+    background-color: var(--app-info-950);
+  }
+  .bg-info-solid {
+    background-color: var(--app-info-solid);
+  }
+  .bg-info-solid-border {
+    background-color: var(--app-info-solid-border);
+  }
+  .bg-info-solid-contrast {
+    background-color: var(--app-info-solid-contrast);
+  }
+  .bg-info-solid-hover {
+    background-color: var(--app-info-solid-hover);
+  }
+  .bg-info-subtle {
+    background-color: var(--app-info-subtle);
+  }
+  .bg-info-subtle-border {
+    background-color: var(--app-info-subtle-border);
+  }
+  .bg-info-subtle-contrast {
+    background-color: var(--app-info-subtle-contrast);
+  }
+  .bg-info-subtle-foreground {
+    background-color: var(--app-info-subtle-foreground);
+  }
+  .bg-info-subtle-hover {
+    background-color: var(--app-info-subtle-hover);
+  }
+  .bg-muted {
+    background-color: var(--app-v2-muted);
+  }
+  .bg-muted-foreground,
+  .bg-muted-foreground\/10 {
+    background-color: var(--app-v2-muted-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-muted-foreground\/10 {
+      background-color: color-mix(in oklab, var(--app-v2-muted-foreground) 10%, transparent);
+    }
+  }
+  .bg-muted-foreground\/15 {
+    background-color: var(--app-v2-muted-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-muted-foreground\/15 {
+      background-color: color-mix(in oklab, var(--app-v2-muted-foreground) 15%, transparent);
+    }
+  }
+  .bg-muted-foreground\/30 {
+    background-color: var(--app-v2-muted-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-muted-foreground\/30 {
+      background-color: color-mix(in oklab, var(--app-v2-muted-foreground) 30%, transparent);
+    }
+  }
+  .bg-muted\/30 {
+    background-color: var(--app-v2-muted);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-muted\/30 {
+      background-color: color-mix(in oklab, var(--app-v2-muted) 30%, transparent);
+    }
+  }
+  .bg-muted\/40 {
+    background-color: var(--app-v2-muted);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-muted\/40 {
+      background-color: color-mix(in oklab, var(--app-v2-muted) 40%, transparent);
+    }
+  }
+  .bg-muted\/50 {
+    background-color: var(--app-v2-muted);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-muted\/50 {
+      background-color: color-mix(in oklab, var(--app-v2-muted) 50%, transparent);
+    }
+  }
+  .bg-neutral-50 {
+    background-color: var(--app-neutral-50);
+  }
+  .bg-neutral-100 {
+    background-color: var(--app-neutral-100);
+  }
+  .bg-neutral-200 {
+    background-color: var(--app-neutral-200);
+  }
+  .bg-neutral-300 {
+    background-color: var(--app-neutral-300);
+  }
+  .bg-neutral-400 {
+    background-color: var(--app-neutral-400);
+  }
+  .bg-neutral-500 {
+    background-color: var(--app-neutral-500);
+  }
+  .bg-neutral-600 {
+    background-color: var(--app-neutral-600);
+  }
+  .bg-neutral-700 {
+    background-color: var(--app-neutral-700);
+  }
+  .bg-neutral-800 {
+    background-color: var(--app-neutral-800);
+  }
+  .bg-neutral-900 {
+    background-color: var(--app-neutral-900);
+  }
+  .bg-neutral-950 {
+    background-color: var(--app-neutral-950);
+  }
+  .bg-neutral-solid {
+    background-color: var(--app-neutral-solid);
+  }
+  .bg-neutral-solid-border {
+    background-color: var(--app-neutral-solid-border);
+  }
+  .bg-neutral-solid-contrast {
+    background-color: var(--app-neutral-solid-contrast);
+  }
+  .bg-neutral-solid-hover {
+    background-color: var(--app-neutral-solid-hover);
+  }
+  .bg-neutral-subtle {
+    background-color: var(--app-neutral-subtle);
+  }
+  .bg-neutral-subtle-border {
+    background-color: var(--app-neutral-subtle-border);
+  }
+  .bg-neutral-subtle-contrast {
+    background-color: var(--app-neutral-subtle-contrast);
+  }
+  .bg-neutral-subtle-foreground {
+    background-color: var(--app-neutral-subtle-foreground);
+  }
+  .bg-neutral-subtle-hover {
+    background-color: var(--app-neutral-subtle-hover);
+  }
+  .bg-popover {
+    background-color: var(--app-popover);
+  }
+  .bg-primary {
+    background-color: var(--app-primary);
+  }
+  .bg-secondary {
+    background-color: var(--app-secondary);
+  }
+  .bg-success-50 {
+    background-color: var(--app-success-50);
+  }
+  .bg-success-100 {
+    background-color: var(--app-success-100);
+  }
+  .bg-success-200 {
+    background-color: var(--app-success-200);
+  }
+  .bg-success-300 {
+    background-color: var(--app-success-300);
+  }
+  .bg-success-400 {
+    background-color: var(--app-success-400);
+  }
+  .bg-success-500 {
+    background-color: var(--app-success-500);
+  }
+  .bg-success-600 {
+    background-color: var(--app-success-600);
+  }
+  .bg-success-700 {
+    background-color: var(--app-success-700);
+  }
+  .bg-success-800 {
+    background-color: var(--app-success-800);
+  }
+  .bg-success-900 {
+    background-color: var(--app-success-900);
+  }
+  .bg-success-950 {
+    background-color: var(--app-success-950);
+  }
+  .bg-success-solid {
+    background-color: var(--app-success-solid);
+  }
+  .bg-success-solid-border {
+    background-color: var(--app-success-solid-border);
+  }
+  .bg-success-solid-contrast {
+    background-color: var(--app-success-solid-contrast);
+  }
+  .bg-success-solid-hover {
+    background-color: var(--app-success-solid-hover);
+  }
+  .bg-success-subtle {
+    background-color: var(--app-success-subtle);
+  }
+  .bg-success-subtle-border {
+    background-color: var(--app-success-subtle-border);
+  }
+  .bg-success-subtle-contrast {
+    background-color: var(--app-success-subtle-contrast);
+  }
+  .bg-success-subtle-foreground {
+    background-color: var(--app-success-subtle-foreground);
+  }
+  .bg-success-subtle-hover {
+    background-color: var(--app-success-subtle-hover);
+  }
+  .bg-surface {
+    background-color: var(--app-v2-surface);
+  }
+  .bg-surface-elevated {
+    background-color: var(--app-v2-surface-elevated);
+  }
+  .bg-transparent {
+    background-color: #0000;
+  }
+  .bg-warning-50 {
+    background-color: var(--app-warning-50);
+  }
+  .bg-warning-100 {
+    background-color: var(--app-warning-100);
+  }
+  .bg-warning-200 {
+    background-color: var(--app-warning-200);
+  }
+  .bg-warning-300 {
+    background-color: var(--app-warning-300);
+  }
+  .bg-warning-400 {
+    background-color: var(--app-warning-400);
+  }
+  .bg-warning-500 {
+    background-color: var(--app-warning-500);
+  }
+  .bg-warning-600 {
+    background-color: var(--app-warning-600);
+  }
+  .bg-warning-700 {
+    background-color: var(--app-warning-700);
+  }
+  .bg-warning-800 {
+    background-color: var(--app-warning-800);
+  }
+  .bg-warning-900 {
+    background-color: var(--app-warning-900);
+  }
+  .bg-warning-950 {
+    background-color: var(--app-warning-950);
+  }
+  .bg-warning-solid {
+    background-color: var(--app-warning-solid);
+  }
+  .bg-warning-solid-border {
+    background-color: var(--app-warning-solid-border);
+  }
+  .bg-warning-solid-contrast {
+    background-color: var(--app-warning-solid-contrast);
+  }
+  .bg-warning-solid-hover {
+    background-color: var(--app-warning-solid-hover);
+  }
+  .bg-warning-subtle {
+    background-color: var(--app-warning-subtle);
+  }
+  .bg-warning-subtle-border {
+    background-color: var(--app-warning-subtle-border);
+  }
+  .bg-warning-subtle-contrast {
+    background-color: var(--app-warning-subtle-contrast);
+  }
+  .bg-warning-subtle-foreground {
+    background-color: var(--app-warning-subtle-foreground);
+  }
+  .bg-warning-subtle-hover {
+    background-color: var(--app-warning-subtle-hover);
+  }
+  .bg-warning-subtle\/30 {
+    background-color: var(--app-warning-subtle);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-warning-subtle\/30 {
+      background-color: color-mix(in oklab, var(--app-warning-subtle) 30%, transparent);
+    }
+  }
+  .bg-white {
+    background-color: var(--color-white);
+  }
+  .fill-current {
+    fill: currentColor;
+  }
+  .object-contain {
+    object-fit: contain;
+  }
+  .object-cover {
+    object-fit: cover;
+  }
+  .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
+  .p-0\.5 {
+    padding: calc(var(--spacing) * 0.5);
+  }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+  .p-6 {
+    padding: calc(var(--spacing) * 6);
+  }
+  .p-8 {
+    padding: calc(var(--spacing) * 8);
+  }
+  .px-0 {
+    padding-inline: calc(var(--spacing) * 0);
+  }
+  .px-0\.5 {
+    padding-inline: calc(var(--spacing) * 0.5);
+  }
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .px-5 {
+    padding-inline: calc(var(--spacing) * 5);
+  }
+  .px-8 {
+    padding-inline: calc(var(--spacing) * 8);
+  }
+  .px-10 {
+    padding-inline: calc(var(--spacing) * 10);
+  }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5);
+  }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
+  .py-14 {
+    padding-block: calc(var(--spacing) * 14);
+  }
+  .py-px {
+    padding-block: 1px;
+  }
+  .pt-0 {
+    padding-top: calc(var(--spacing) * 0);
+  }
+  .pt-0\.5 {
+    padding-top: calc(var(--spacing) * 0.5);
+  }
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
+  .pt-1\.5 {
+    padding-top: calc(var(--spacing) * 1.5);
+  }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+  .pt-6 {
+    padding-top: calc(var(--spacing) * 6);
+  }
+  .pr-0 {
+    padding-right: calc(var(--spacing) * 0);
+  }
+  .pr-2 {
+    padding-right: calc(var(--spacing) * 2);
+  }
+  .pr-3 {
+    padding-right: calc(var(--spacing) * 3);
+  }
+  .pr-4 {
+    padding-right: calc(var(--spacing) * 4);
+  }
+  .pr-8 {
+    padding-right: calc(var(--spacing) * 8);
+  }
+  .pr-10 {
+    padding-right: calc(var(--spacing) * 10);
+  }
+  .pb-0 {
+    padding-bottom: calc(var(--spacing) * 0);
+  }
+  .pb-0\.5 {
+    padding-bottom: calc(var(--spacing) * 0.5);
+  }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
+  .pb-1\.5 {
+    padding-bottom: calc(var(--spacing) * 1.5);
+  }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
+  .pb-2\.5 {
+    padding-bottom: calc(var(--spacing) * 2.5);
+  }
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+  .pb-\[50px\] {
+    padding-bottom: 50px;
+  }
+  .pl-1 {
+    padding-left: calc(var(--spacing) * 1);
+  }
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+  .pl-2\.5 {
+    padding-left: calc(var(--spacing) * 2.5);
+  }
+  .pl-3 {
+    padding-left: calc(var(--spacing) * 3);
+  }
+  .pl-6 {
+    padding-left: calc(var(--spacing) * 6);
+  }
+  .pl-7 {
+    padding-left: calc(var(--spacing) * 7);
+  }
+  .pl-8 {
+    padding-left: calc(var(--spacing) * 8);
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-left {
+    text-align: left;
+  }
+  .text-right {
+    text-align: right;
+  }
+  .align-middle {
+    vertical-align: middle;
+  }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
+  .text-h1 {
+    font-size: var(--text-h1);
+    line-height: var(--tw-leading, var(--text-h1--line-height));
+    letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
+    font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
+  }
+  .text-h2 {
+    font-size: var(--text-h2);
+    line-height: var(--tw-leading, var(--text-h2--line-height));
+    letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
+    font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
+  }
+  .text-h3 {
+    font-size: var(--text-h3);
+    line-height: var(--tw-leading, var(--text-h3--line-height));
+    letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
+    font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
+  }
+  .text-h4 {
+    font-size: var(--text-h4);
+    line-height: var(--tw-leading, var(--text-h4--line-height));
+    letter-spacing: var(--tw-tracking, var(--text-h4--letter-spacing));
+    font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
+  }
+  .text-h5 {
+    font-size: var(--text-h5);
+    line-height: var(--tw-leading, var(--text-h5--line-height));
+    letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
+    font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
+  }
+  .text-blockquote {
+    font-size: var(--text-blockquote);
+    line-height: var(--tw-leading, var(--text-blockquote--line-height));
+    font-weight: var(--tw-font-weight, var(--text-blockquote--font-weight));
+  }
+  .text-body {
+    font-size: var(--text-body);
+    line-height: var(--tw-leading, var(--text-body--line-height));
+    font-weight: var(--tw-font-weight, var(--text-body--font-weight));
+  }
+  .text-body-medium {
+    font-size: var(--text-body-medium);
+    line-height: var(--tw-leading, var(--text-body-medium--line-height));
+    font-weight: var(--tw-font-weight, var(--text-body-medium--font-weight));
+  }
+  .text-code {
+    font-size: var(--text-code);
+    line-height: var(--tw-leading, var(--text-code--line-height));
+    font-weight: var(--tw-font-weight, var(--text-code--font-weight));
+  }
+  .text-detail {
+    font-size: var(--text-detail);
+    line-height: var(--tw-leading, var(--text-detail--line-height));
+    font-weight: var(--tw-font-weight, var(--text-detail--font-weight));
+  }
+  .text-large {
+    font-size: var(--text-large);
+    line-height: var(--tw-leading, var(--text-large--line-height));
+    font-weight: var(--tw-font-weight, var(--text-large--font-weight));
+  }
+  .text-lead {
+    font-size: var(--text-lead);
+    line-height: var(--tw-leading, var(--text-lead--line-height));
+    font-weight: var(--tw-font-weight, var(--text-lead--font-weight));
+  }
+  .text-list {
+    font-size: var(--text-list);
+    line-height: var(--tw-leading, var(--text-list--line-height));
+    font-weight: var(--tw-font-weight, var(--text-list--font-weight));
+  }
+  .text-p {
+    font-size: var(--text-p);
+    line-height: var(--tw-leading, var(--text-p--line-height));
+    font-weight: var(--tw-font-weight, var(--text-p--font-weight));
+  }
+  .text-p-ui {
+    font-size: var(--text-p-ui);
+    line-height: var(--tw-leading, var(--text-p-ui--line-height));
+    font-weight: var(--tw-font-weight, var(--text-p-ui--font-weight));
+  }
+  .text-p-ui-medium {
+    font-size: var(--text-p-ui-medium);
+    line-height: var(--tw-leading, var(--text-p-ui-medium--line-height));
+    font-weight: var(--tw-font-weight, var(--text-p-ui-medium--font-weight));
+  }
+  .text-small {
+    font-size: var(--text-small);
+    line-height: var(--tw-leading, var(--text-small--line-height));
+    font-weight: var(--tw-font-weight, var(--text-small--font-weight));
+  }
+  .text-subtle {
+    font-size: var(--text-subtle);
+    line-height: var(--tw-leading, var(--text-subtle--line-height));
+    font-weight: var(--tw-font-weight, var(--text-subtle--font-weight));
+  }
+  .text-subtle-medium {
+    font-size: var(--text-subtle-medium);
+    line-height: var(--tw-leading, var(--text-subtle-medium--line-height));
+    font-weight: var(--tw-font-weight, var(--text-subtle-medium--font-weight));
+  }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+  .text-lg {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  .text-sm {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  .text-\[8px\] {
+    font-size: 8px;
+  }
+  .text-\[9px\] {
+    font-size: 9px;
+  }
+  .text-\[10px\] {
+    font-size: 10px;
+  }
+  .text-\[11px\] {
+    font-size: 11px;
+  }
+  .text-\[13px\] {
+    font-size: 13px;
+  }
+  .leading-5 {
+    --tw-leading: calc(var(--spacing) * 5);
+    line-height: calc(var(--spacing) * 5);
+  }
+  .leading-6 {
+    --tw-leading: calc(var(--spacing) * 6);
+    line-height: calc(var(--spacing) * 6);
+  }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .leading-snug {
+    --tw-leading: var(--leading-snug);
+    line-height: var(--leading-snug);
+  }
+  .font-bold {
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+  }
+  .font-medium {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+  .tracking-tight {
+    --tw-tracking: var(--tracking-tight);
+    letter-spacing: var(--tracking-tight);
+  }
+  .tracking-wide {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
+  .tracking-wider {
+    --tw-tracking: var(--tracking-wider);
+    letter-spacing: var(--tracking-wider);
+  }
+  .tracking-widest {
+    --tw-tracking: var(--tracking-widest);
+    letter-spacing: var(--tracking-widest);
+  }
+  .wrap-break-word {
+    overflow-wrap: break-word;
+  }
+  .break-all {
+    word-break: break-all;
+  }
+  .whitespace-normal {
+    white-space: normal;
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .whitespace-pre {
+    white-space: pre;
+  }
+  .whitespace-pre-line {
+    white-space: pre-line;
+  }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+  .text-background {
+    color: var(--app-v2-background);
+  }
+  .text-brand-solid {
+    color: var(--app-brand-solid);
+  }
+  .text-brand-solid-contrast {
+    color: var(--app-brand-solid-contrast);
+  }
+  .text-brand-subtle-contrast {
+    color: var(--app-brand-subtle-contrast);
+  }
+  .text-brand-subtle-foreground {
+    color: var(--app-brand-subtle-foreground);
+  }
+  .text-current {
+    color: currentColor;
+  }
+  .text-danger-solid {
+    color: var(--app-danger-solid);
+  }
+  .text-danger-solid-contrast {
+    color: var(--app-danger-solid-contrast);
+  }
+  .text-danger-subtle-contrast {
+    color: var(--app-danger-subtle-contrast);
+  }
+  .text-danger-subtle-foreground {
+    color: var(--app-danger-subtle-foreground);
+  }
+  .text-destructive {
+    color: var(--app-destructive);
+  }
+  .text-foreground,
+  .text-foreground\/60 {
+    color: var(--app-v2-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-foreground\/60 {
+      color: color-mix(in oklab, var(--app-v2-foreground) 60%, transparent);
+    }
+  }
+  .text-info-solid {
+    color: var(--app-info-solid);
+  }
+  .text-info-solid-contrast {
+    color: var(--app-info-solid-contrast);
+  }
+  .text-info-subtle-contrast {
+    color: var(--app-info-subtle-contrast);
+  }
+  .text-info-subtle-foreground {
+    color: var(--app-info-subtle-foreground);
+  }
+  .text-muted-foreground,
+  .text-muted-foreground\/40 {
+    color: var(--app-v2-muted-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-muted-foreground\/40 {
+      color: color-mix(in oklab, var(--app-v2-muted-foreground) 40%, transparent);
+    }
+  }
+  .text-muted-foreground\/50 {
+    color: var(--app-v2-muted-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-muted-foreground\/50 {
+      color: color-mix(in oklab, var(--app-v2-muted-foreground) 50%, transparent);
+    }
+  }
+  .text-muted-foreground\/60 {
+    color: var(--app-v2-muted-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-muted-foreground\/60 {
+      color: color-mix(in oklab, var(--app-v2-muted-foreground) 60%, transparent);
+    }
+  }
+  .text-neutral-solid {
+    color: var(--app-neutral-solid);
+  }
+  .text-neutral-solid-contrast {
+    color: var(--app-neutral-solid-contrast);
+  }
+  .text-neutral-subtle-contrast {
+    color: var(--app-neutral-subtle-contrast);
+  }
+  .text-neutral-subtle-foreground {
+    color: var(--app-neutral-subtle-foreground);
+  }
+  .text-popover-foreground {
+    color: var(--app-popover-foreground);
+  }
+  .text-primary {
+    color: var(--app-primary);
+  }
+  .text-primary-foreground {
+    color: var(--app-primary-foreground);
+  }
+  .text-secondary-foreground {
+    color: var(--app-secondary-foreground);
+  }
+  .text-success-solid {
+    color: var(--app-success-solid);
+  }
+  .text-success-solid-contrast {
+    color: var(--app-success-solid-contrast);
+  }
+  .text-success-subtle-contrast {
+    color: var(--app-success-subtle-contrast);
+  }
+  .text-success-subtle-foreground {
+    color: var(--app-success-subtle-foreground);
+  }
+  .text-warning-solid {
+    color: var(--app-warning-solid);
+  }
+  .text-warning-solid-contrast {
+    color: var(--app-warning-solid-contrast);
+  }
+  .text-warning-subtle-contrast {
+    color: var(--app-warning-subtle-contrast);
+  }
+  .text-warning-subtle-foreground {
+    color: var(--app-warning-subtle-foreground);
+  }
+  .text-white {
+    color: var(--color-white);
+  }
+  .text-white\/40 {
+    color: #fff6;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-white\/40 {
+      color: color-mix(in oklab, var(--color-white) 40%, transparent);
+    }
+  }
+  .text-white\/70 {
+    color: #ffffffb3;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-white\/70 {
+      color: color-mix(in oklab, var(--color-white) 70%, transparent);
+    }
+  }
+  .text-white\/80 {
+    color: #fffc;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-white\/80 {
+      color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    }
+  }
+  .capitalize {
+    text-transform: capitalize;
+  }
+  .normal-case {
+    text-transform: none;
+  }
+  .uppercase {
+    text-transform: uppercase;
+  }
+  .italic {
+    font-style: italic;
+  }
+  .tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
+      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
+  .no-underline\! {
+    text-decoration-line: none !important;
+  }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
+  .underline-offset-4 {
+    text-underline-offset: 4px;
+  }
+  .opacity-0 {
+    opacity: 0;
+  }
+  .opacity-50 {
+    opacity: 0.5;
+  }
+  .opacity-60 {
+    opacity: 0.6;
+  }
+  .opacity-70 {
+    opacity: 0.7;
+  }
+  .opacity-100 {
+    opacity: 1;
+  }
+  .shadow-\[0_0_4px_rgba\(0\,0\,0\,0\.5\)\] {
+    --tw-shadow: 0 0 4px var(--tw-shadow-color, #00000080);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-bottom {
+    --tw-shadow: 0 4px 6px 0 var(--tw-shadow-color, #0000001a);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-lg {
+    --tw-shadow:
+      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
+      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-md {
+    --tw-shadow:
+      0 4px 6px -1px var(--tw-shadow-color, #0000001a),
+      0 2px 4px -2px var(--tw-shadow-color, #0000001a);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-sm {
+    --tw-shadow:
+      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
+      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xl {
+    --tw-shadow:
+      0 20px 25px -5px var(--tw-shadow-color, #0000001a),
+      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-black\/5 {
+    --tw-ring-color: #0000000d;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-black\/5 {
+      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+    }
+  }
+  .ring-brand-solid\/30 {
+    --tw-ring-color: var(--app-brand-solid);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-brand-solid\/30 {
+      --tw-ring-color: color-mix(in oklab, var(--app-brand-solid) 30%, transparent);
+    }
+  }
+  .ring-offset-background {
+    --tw-ring-offset-color: var(--app-v2-background);
+  }
+  .outline-hidden {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  @media (forced-colors: active) {
+    .outline-hidden {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .outline-0 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0;
+  }
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(var(--blur-sm));
+    -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,
+      outline-color,
+      text-decoration-color,
+      fill,
+      stroke,
+      --tw-gradient-from,
+      --tw-gradient-via,
+      --tw-gradient-to,
+      opacity,
+      box-shadow,
+      transform,
+      translate,
+      scale,
+      rotate,
+      filter,
+      -webkit-backdrop-filter,
+      backdrop-filter,
+      display,
+      content-visibility,
+      overlay,
+      pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[box-shadow\,border-color\,background-color\] {
+    transition-property: box-shadow, border-color, background-color;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[color\,box-shadow\] {
+    transition-property: color, box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[grid-template-rows\,opacity\] {
+    transition-property: grid-template-rows, opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[grid-template-rows\] {
+    transition-property: grid-template-rows;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-colors {
+    transition-property:
+      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
+      --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .duration-100 {
+    --tw-duration: 0.1s;
+    transition-duration: 0.1s;
+  }
+  .duration-200 {
+    --tw-duration: 0.2s;
+    transition-duration: 0.2s;
+  }
+  .duration-300 {
+    --tw-duration: 0.3s;
+    transition-duration: 0.3s;
+  }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  .\[animation-duration\:2\.5s\] {
+    animation-duration: 2.5s;
+  }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
+  .\[writing-mode\:vertical-lr\] {
+    writing-mode: vertical-lr;
+  }
+  .not-last\:border-0\!:not(:last-child) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0 !important;
+  }
+  .not-last\:border-b:not(:last-child) {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  @media (hover: hover) {
+    .group-hover\:opacity-100:is(:where(.group):hover *) {
+      opacity: 1;
+    }
+  }
+  .group-aria-expanded\/accordion-trigger\:hidden:is(
+    :where(.group\/accordion-trigger)[aria-expanded='true'] *
+  ) {
+    display: none;
+  }
+  .group-aria-expanded\/accordion-trigger\:inline:is(
+    :where(.group\/accordion-trigger)[aria-expanded='true'] *
+  ) {
+    display: inline;
+  }
+  .group-data-fullscreen\:min-h-0:is(:where(.group)[data-fullscreen] *) {
+    min-height: calc(var(--spacing) * 0);
+  }
+  .group-data-fullscreen\:flex-1:is(:where(.group)[data-fullscreen] *) {
+    flex: 1;
+  }
+  .group-data-fullscreen\:shrink:is(:where(.group)[data-fullscreen] *) {
+    flex-shrink: 1;
+  }
+  .group-data-fullscreen\:shrink-0:is(:where(.group)[data-fullscreen] *) {
+    flex-shrink: 0;
+  }
+  .group-\[\.destructive\]\:border-danger-subtle-border:is(:where(.group).destructive *) {
+    border-color: var(--app-danger-subtle-border);
+  }
+  .group-\[\.destructive\]\:text-danger-solid:is(:where(.group).destructive *) {
+    color: var(--app-danger-solid);
+  }
+  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
+    cursor: not-allowed;
+  }
+  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
+    opacity: 0.7;
+  }
+  .file\:border-0::file-selector-button {
+    border-style: var(--tw-border-style);
+    border-width: 0;
+  }
+  .file\:bg-transparent::file-selector-button {
+    background-color: #0000;
+  }
+  .file\:text-sm::file-selector-button {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .file\:font-medium::file-selector-button {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+  .placeholder\:text-muted-foreground::placeholder {
+    color: var(--app-v2-muted-foreground);
+  }
+  .last\:border-0:last-child {
+    border-style: var(--tw-border-style);
+    border-width: 0;
+  }
+  @media (hover: hover) {
+    .hover\:scale-\[1\.01\]:hover {
+      scale: 1.01;
+    }
+    .hover\:border:hover {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+    .hover\:border-brand-solid:hover {
+      border-color: var(--app-brand-solid);
+    }
+    .hover\:border-brand-subtle-border:hover {
+      border-color: var(--app-brand-subtle-border);
+    }
+    .hover\:border-danger-solid-border:hover {
+      border-color: var(--app-danger-solid-border);
+    }
+    .hover\:border-destructive:hover {
+      border-color: var(--app-destructive);
+    }
+    .hover\:border-foreground\/20:hover {
+      border-color: var(--app-v2-foreground);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:border-foreground\/20:hover {
+        border-color: color-mix(in oklab, var(--app-v2-foreground) 20%, transparent);
+      }
+    }
+    .hover\:bg-accent:hover {
+      background-color: var(--app-accent);
+    }
+    .hover\:bg-brand-subtle-hover:hover {
+      background-color: var(--app-brand-subtle-hover);
+    }
+    .hover\:bg-danger-solid-hover:hover {
+      background-color: var(--app-danger-solid-hover);
+    }
+    .hover\:bg-danger-subtle-hover:hover {
+      background-color: var(--app-danger-subtle-hover);
+    }
+    .hover\:bg-destructive:hover {
+      background-color: var(--app-destructive);
+    }
+    .hover\:bg-foreground\/90:hover {
+      background-color: var(--app-v2-foreground);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-foreground\/90:hover {
+        background-color: color-mix(in oklab, var(--app-v2-foreground) 90%, transparent);
+      }
+    }
+    .hover\:bg-info-subtle-hover:hover {
+      background-color: var(--app-info-subtle-hover);
+    }
+    .hover\:bg-muted:hover {
+      background-color: var(--app-v2-muted);
+    }
+    .hover\:bg-muted-foreground\/15:hover {
+      background-color: var(--app-v2-muted-foreground);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-muted-foreground\/15:hover {
+        background-color: color-mix(in oklab, var(--app-v2-muted-foreground) 15%, transparent);
+      }
+    }
+    .hover\:bg-muted-foreground\/20:hover {
+      background-color: var(--app-v2-muted-foreground);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-muted-foreground\/20:hover {
+        background-color: color-mix(in oklab, var(--app-v2-muted-foreground) 20%, transparent);
+      }
+    }
+    .hover\:bg-muted\/30:hover {
+      background-color: var(--app-v2-muted);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-muted\/30:hover {
+        background-color: color-mix(in oklab, var(--app-v2-muted) 30%, transparent);
+      }
+    }
+    .hover\:bg-muted\/40:hover {
+      background-color: var(--app-v2-muted);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-muted\/40:hover {
+        background-color: color-mix(in oklab, var(--app-v2-muted) 40%, transparent);
+      }
+    }
+    .hover\:bg-muted\/50:hover {
+      background-color: var(--app-v2-muted);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-muted\/50:hover {
+        background-color: color-mix(in oklab, var(--app-v2-muted) 50%, transparent);
+      }
+    }
+    .hover\:bg-muted\/60:hover {
+      background-color: var(--app-v2-muted);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-muted\/60:hover {
+        background-color: color-mix(in oklab, var(--app-v2-muted) 60%, transparent);
+      }
+    }
+    .hover\:bg-neutral-200:hover {
+      background-color: var(--app-neutral-200);
+    }
+    .hover\:bg-primary\/90:hover {
+      background-color: var(--app-primary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-primary\/90:hover {
+        background-color: color-mix(in oklab, var(--app-primary) 90%, transparent);
+      }
+    }
+    .hover\:bg-secondary\/80:hover {
+      background-color: var(--app-secondary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-secondary\/80:hover {
+        background-color: color-mix(in oklab, var(--app-secondary) 80%, transparent);
+      }
+    }
+    .hover\:bg-success-subtle-hover:hover {
+      background-color: var(--app-success-subtle-hover);
+    }
+    .hover\:bg-surface-elevated:hover,
+    .hover\:bg-surface-elevated\/90:hover {
+      background-color: var(--app-v2-surface-elevated);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-surface-elevated\/90:hover {
+        background-color: color-mix(in oklab, var(--app-v2-surface-elevated) 90%, transparent);
+      }
+    }
+    .hover\:bg-surface\/50:hover {
+      background-color: var(--app-v2-surface);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-surface\/50:hover {
+        background-color: color-mix(in oklab, var(--app-v2-surface) 50%, transparent);
+      }
+    }
+    .hover\:bg-transparent:hover {
+      background-color: #0000;
+    }
+    .hover\:text-accent-foreground:hover {
+      color: var(--app-accent-foreground);
+    }
+    .hover\:text-brand-solid:hover {
+      color: var(--app-brand-solid);
+    }
+    .hover\:text-danger-solid\/80:hover {
+      color: var(--app-danger-solid);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:text-danger-solid\/80:hover {
+        color: color-mix(in oklab, var(--app-danger-solid) 80%, transparent);
+      }
+    }
+    .hover\:text-foreground:hover,
+    .hover\:text-foreground\/80:hover {
+      color: var(--app-v2-foreground);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:text-foreground\/80:hover {
+        color: color-mix(in oklab, var(--app-v2-foreground) 80%, transparent);
+      }
+    }
+    .hover\:text-muted-foreground:hover {
+      color: var(--app-v2-muted-foreground);
+    }
+    .hover\:text-success-solid\/80:hover {
+      color: var(--app-success-solid);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:text-success-solid\/80:hover {
+        color: color-mix(in oklab, var(--app-success-solid) 80%, transparent);
+      }
+    }
+    .hover\:underline:hover {
+      text-decoration-line: underline;
+    }
+    .hover\:opacity-80:hover {
+      opacity: 0.8;
+    }
+    .hover\:opacity-90:hover {
+      opacity: 0.9;
+    }
+    .hover\:opacity-100:hover {
+      opacity: 1;
+    }
+    .hover\:shadow-md:hover {
+      --tw-shadow:
+        0 4px 6px -1px var(--tw-shadow-color, #0000001a),
+        0 2px 4px -2px var(--tw-shadow-color, #0000001a);
+      box-shadow:
+        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+        var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    .group-\[\.destructive\]\:hover\:border-danger-solid-border:is(
+        :where(.group).destructive *
+      ):hover {
+      border-color: var(--app-danger-solid-border);
+    }
+    .group-\[\.destructive\]\:hover\:bg-danger-subtle-hover:is(:where(.group).destructive *):hover {
+      background-color: var(--app-danger-subtle-hover);
+    }
+    .group-\[\.destructive\]\:hover\:text-danger-solid:is(:where(.group).destructive *):hover {
+      color: var(--app-danger-solid);
+    }
+    .group-\[\.destructive\]\:hover\:text-danger-subtle-contrast:is(
+        :where(.group).destructive *
+      ):hover {
+      color: var(--app-danger-subtle-contrast);
+    }
+  }
+  .focus\:bg-accent:focus {
+    background-color: var(--app-accent);
+  }
+  .focus\:text-accent-foreground:focus {
+    color: var(--app-accent-foreground);
+  }
+  .focus\:underline:focus {
+    text-decoration-line: underline;
+  }
+  .focus\:opacity-100:focus {
+    opacity: 1;
+  }
+  .focus\:ring-2:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .focus\:ring-brand-solid:focus {
+    --tw-ring-color: var(--app-brand-solid);
+  }
+  .focus\:ring-ring:focus {
+    --tw-ring-color: var(--app-ring);
+  }
+  .focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
+      var(--tw-ring-offset-color);
+  }
+  .focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
+      var(--tw-ring-offset-color);
+  }
+  .focus\:ring-offset-surface:focus {
+    --tw-ring-offset-color: var(--app-v2-surface);
+  }
+  .focus\:outline-none:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .group-\[\.destructive\]\:focus\:ring-danger-solid:is(:where(.group).destructive *):focus {
+    --tw-ring-color: var(--app-danger-solid);
+  }
+  .focus-visible\:border-brand-subtle-border:focus-visible {
+    border-color: var(--app-brand-subtle-border);
+  }
+  .focus-visible\:border-ring:focus-visible {
+    border-color: var(--app-ring);
+  }
+  .focus-visible\:border-transparent:focus-visible {
+    border-color: #0000;
+  }
+  .focus-visible\:ring-0:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .focus-visible\:ring-1:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .focus-visible\:ring-2:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .focus-visible\:ring-3:focus-visible,
+  .focus-visible\:ring-\[3px\]:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .focus-visible\:ring-brand-solid:focus-visible,
+  .focus-visible\:ring-brand-solid\/20:focus-visible {
+    --tw-ring-color: var(--app-brand-solid);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:ring-brand-solid\/20:focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--app-brand-solid) 20%, transparent);
+    }
+  }
+  .focus-visible\:ring-foreground\/40:focus-visible {
+    --tw-ring-color: var(--app-v2-foreground);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:ring-foreground\/40:focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--app-v2-foreground) 40%, transparent);
+    }
+  }
+  .focus-visible\:ring-ring:focus-visible,
+  .focus-visible\:ring-ring\/50:focus-visible {
+    --tw-ring-color: var(--app-ring);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:ring-ring\/50:focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--app-ring) 50%, transparent);
+    }
+  }
+  .focus-visible\:ring-offset-0:focus-visible {
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
+      var(--tw-ring-offset-color);
+  }
+  .focus-visible\:ring-offset-1:focus-visible {
+    --tw-ring-offset-width: 1px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
+      var(--tw-ring-offset-color);
+  }
+  .focus-visible\:ring-offset-2:focus-visible {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
+      var(--tw-ring-offset-color);
+  }
+  .focus-visible\:ring-offset-background:focus-visible {
+    --tw-ring-offset-color: var(--app-v2-background);
+  }
+  .focus-visible\:ring-offset-surface:focus-visible {
+    --tw-ring-offset-color: var(--app-v2-surface);
+  }
+  .focus-visible\:outline-none:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .focus-visible\:ring-inset:focus-visible {
+    --tw-ring-inset: inset;
+  }
+  .focus-visible\:after\:border-ring:focus-visible:after {
+    content: var(--tw-content);
+    border-color: var(--app-ring);
+  }
+  .disabled\:pointer-events-auto:disabled {
+    pointer-events: auto;
+  }
+  .disabled\:pointer-events-none:disabled {
+    pointer-events: none;
+  }
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+  .disabled\:text-muted-foreground:disabled {
+    color: var(--app-v2-muted-foreground);
+  }
+  .disabled\:opacity-40:disabled {
+    opacity: 0.4;
+  }
+  .disabled\:opacity-50:disabled {
+    opacity: 0.5;
+  }
+  @media (hover: hover) {
+    .disabled\:hover\:border-danger-solid:disabled:hover {
+      border-color: var(--app-danger-solid);
+    }
+    .disabled\:hover\:border-muted:disabled:hover {
+      border-color: var(--app-v2-muted);
+    }
+    .disabled\:hover\:bg-danger-solid:disabled:hover {
+      background-color: var(--app-danger-solid);
+    }
+    .disabled\:hover\:bg-surface-elevated:disabled:hover {
+      background-color: var(--app-v2-surface-elevated);
+    }
+    .disabled\:hover\:bg-transparent:disabled:hover {
+      background-color: #0000;
+    }
+  }
+  .aria-invalid\:border-destructive[aria-invalid='true'] {
+    border-color: var(--app-destructive);
+  }
+  .aria-invalid\:ring-destructive\/20[aria-invalid='true'] {
+    --tw-ring-color: var(--app-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .aria-invalid\:ring-destructive\/20[aria-invalid='true'] {
+      --tw-ring-color: color-mix(in oklab, var(--app-destructive) 20%, transparent);
+    }
+  }
+  .aria-selected\:bg-accent[aria-selected='true'] {
+    background-color: var(--app-accent);
+  }
+  .aria-selected\:text-accent-foreground[aria-selected='true'] {
+    color: var(--app-accent-foreground);
+  }
+  .data-closed\:animate-accordion-up[data-closed] {
+    animation: var(--animate-accordion-up);
+  }
+  .data-disabled\:pointer-events-none[data-disabled] {
+    pointer-events: none;
+  }
+  .data-disabled\:opacity-50[data-disabled] {
+    opacity: 0.5;
+  }
+  .data-open\:animate-accordion-down[data-open] {
+    animation: var(--animate-accordion-down);
+  }
+  .data-\[disabled\]\:pointer-events-none[data-disabled] {
+    pointer-events: none;
+  }
+  .data-\[disabled\]\:opacity-50[data-disabled] {
+    opacity: 0.5;
+  }
+  .data-\[disabled\=true\]\:pointer-events-none[data-disabled='true'] {
+    pointer-events: none;
+  }
+  .data-\[disabled\=true\]\:opacity-50[data-disabled='true'] {
+    opacity: 0.5;
+  }
+  .data-\[inset\]\:pl-8[data-inset] {
+    padding-left: calc(var(--spacing) * 8);
+  }
+  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
+    color: var(--app-v2-muted-foreground);
+  }
+  .data-\[side\=bottom\]\:translate-y-1[data-side='bottom'] {
+    --tw-translate-y: calc(var(--spacing) * 1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[side\=left\]\:-translate-x-1[data-side='left'] {
+    --tw-translate-x: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[side\=right\]\:translate-x-1[data-side='right'] {
+    --tw-translate-x: calc(var(--spacing) * 1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[side\=top\]\:-translate-y-1[data-side='top'] {
+    --tw-translate-y: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[size\=default\]\:h-9[data-size='default'] {
+    height: calc(var(--spacing) * 9);
+  }
+  .data-\[size\=sm\]\:h-8[data-size='sm'] {
+    height: calc(var(--spacing) * 8);
+  }
+  :is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto *)[data-slot='accordion-trigger-icon'] {
+    margin-left: auto;
+  }
+  :is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 *)[data-slot='accordion-trigger-icon'] {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  :is(
+    .\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground *
+  )[data-slot='accordion-trigger-icon'] {
+    color: var(--app-v2-muted-foreground);
+  }
+  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot='select-value'] {
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden;
+  }
+  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot='select-value'] {
+    display: flex;
+  }
+  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot='select-value'] {
+    align-items: center;
+  }
+  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot='select-value'] {
+    gap: calc(var(--spacing) * 2);
+  }
+  .data-\[state\=active\]\:-mb-px[data-state='active'] {
+    margin-bottom: -1px;
+  }
+  .data-\[state\=active\]\:border-brand-solid[data-state='active'] {
+    border-color: var(--app-brand-solid);
+  }
+  .data-\[state\=active\]\:bg-background[data-state='active'] {
+    background-color: var(--app-v2-background);
+  }
+  .data-\[state\=active\]\:bg-transparent[data-state='active'] {
+    background-color: #0000;
+  }
+  .data-\[state\=active\]\:text-foreground[data-state='active'] {
+    color: var(--app-v2-foreground);
+  }
+  .data-\[state\=active\]\:shadow-none[data-state='active'] {
+    --tw-shadow: 0 0 #0000;
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .data-\[state\=active\]\:shadow-sm[data-state='active'] {
+    --tw-shadow:
+      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
+      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .data-\[state\=checked\]\:bg-primary[data-state='checked'] {
+    background-color: var(--app-primary);
+  }
+  .data-\[state\=checked\]\:text-primary-foreground[data-state='checked'] {
+    color: var(--app-primary-foreground);
+  }
+  .data-\[state\=inactive\]\:bg-muted[data-state='inactive'] {
+    background-color: var(--app-v2-muted);
+  }
+  .data-\[state\=inactive\]\:bg-transparent[data-state='inactive'] {
+    background-color: #0000;
+  }
+  .data-\[state\=inactive\]\:text-muted-foreground[data-state='inactive'] {
+    color: var(--app-v2-muted-foreground);
+  }
+  @media (hover: hover) {
+    .data-\[state\=inactive\]\:hover\:bg-muted[data-state='inactive']:hover {
+      background-color: var(--app-v2-muted);
+    }
+    .data-\[state\=inactive\]\:hover\:text-foreground[data-state='inactive']:hover {
+      color: var(--app-v2-foreground);
+    }
+  }
+  .data-\[state\=on\]\:bg-accent[data-state='on'] {
+    background-color: var(--app-accent);
+  }
+  .data-\[state\=on\]\:text-accent-foreground[data-state='on'] {
+    color: var(--app-accent-foreground);
+  }
+  .data-\[state\=open\]\:cursor-help[data-state='open'] {
+    cursor: help;
+  }
+  .data-\[state\=open\]\:bg-accent[data-state='open'] {
+    background-color: var(--app-accent);
+  }
+  .data-\[state\=open\]\:text-accent-foreground[data-state='open'] {
+    color: var(--app-accent-foreground);
+  }
+  .data-\[state\=open\]\:text-muted-foreground[data-state='open'] {
+    color: var(--app-v2-muted-foreground);
+  }
+  .data-\[state\=selected\]\:bg-muted[data-state='selected'] {
+    background-color: var(--app-v2-muted);
+  }
+  .data-\[swipe\=cancel\]\:translate-x-0[data-swipe='cancel'] {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[swipe\=end\]\:translate-x-\(--radix-toast-swipe-end-x\)[data-swipe='end'] {
+    --tw-translate-x: var(--radix-toast-swipe-end-x);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[swipe\=move\]\:translate-x-\(--radix-toast-swipe-move-x\)[data-swipe='move'] {
+    --tw-translate-x: var(--radix-toast-swipe-move-x);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[swipe\=move\]\:transition-none[data-swipe='move'] {
+    transition-property: none;
+  }
+  .data-\[variant\=destructive\]\:text-destructive[data-variant='destructive'] {
+    color: var(--app-destructive);
+  }
+  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant='destructive']:focus {
+    background-color: var(--app-destructive);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant='destructive']:focus {
+      background-color: color-mix(in oklab, var(--app-destructive) 10%, transparent);
+    }
+  }
+  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant='destructive']:focus {
+    color: var(--app-destructive);
+  }
+  @media (min-width: 40rem) {
+    .sm\:max-w-sm {
+      max-width: var(--container-sm);
+    }
+    .sm\:flex-row {
+      flex-direction: row;
+    }
+    .sm\:justify-end {
+      justify-content: flex-end;
+    }
+    :where(.sm\:space-x-2 > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+    .sm\:rounded-lg {
+      border-radius: var(--radius);
+    }
+    .sm\:text-left {
+      text-align: left;
+    }
+  }
+  @media (min-width: 48rem) {
+    .md\:h-9 {
+      height: calc(var(--spacing) * 9);
+    }
+    .md\:w-full {
+      width: 100%;
+    }
+    .md\:max-w-\[420px\] {
+      max-width: 420px;
+    }
+    .md\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  @media (min-width: 64rem) {
+    .lg\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .dark\:border-danger-subtle-border {
+      border-color: var(--app-danger-subtle-border);
+    }
+    .dark\:border-destructive {
+      border-color: var(--app-destructive);
+    }
+    .dark\:bg-danger-subtle {
+      background-color: var(--app-danger-subtle);
+    }
+    .dark\:bg-input\/30 {
+      background-color: var(--app-input);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:bg-input\/30 {
+        background-color: color-mix(in oklab, var(--app-input) 30%, transparent);
+      }
+    }
+    .dark\:bg-transparent {
+      background-color: #0000;
+    }
+    .dark\:text-danger-solid-contrast {
+      color: var(--app-danger-solid-contrast);
+    }
+    @media (hover: hover) {
+      .dark\:hover\:bg-input\/50:hover {
+        background-color: var(--app-input);
+      }
+      @supports (color: color-mix(in lab, red, red)) {
+        .dark\:hover\:bg-input\/50:hover {
+          background-color: color-mix(in oklab, var(--app-input) 50%, transparent);
+        }
+      }
+      .dark\:hover\:bg-muted:hover {
+        background-color: var(--app-v2-muted);
+      }
+      .dark\:hover\:bg-transparent:hover {
+        background-color: #0000;
+      }
+    }
+    .dark\:aria-invalid\:ring-destructive\/40[aria-invalid='true'] {
+      --tw-ring-color: var(--app-destructive);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:aria-invalid\:ring-destructive\/40[aria-invalid='true'] {
+        --tw-ring-color: color-mix(in oklab, var(--app-destructive) 40%, transparent);
+      }
+    }
+    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant='destructive']:focus {
+      background-color: var(--app-destructive);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant='destructive']:focus {
+        background-color: color-mix(in oklab, var(--app-destructive) 20%, transparent);
+      }
+    }
+  }
+  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0
+    [cmdk-group]:not([hidden])
+    ~ [cmdk-group] {
+    padding-top: calc(var(--spacing) * 0);
+  }
+  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
+    height: calc(var(--spacing) * 5);
+  }
+  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
+    width: calc(var(--spacing) * 5);
+  }
+  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
+    height: calc(var(--spacing) * 5);
+  }
+  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
+    width: calc(var(--spacing) * 5);
+  }
+  .\[\&_a\]\:underline a {
+    text-decoration-line: underline;
+  }
+  .\[\&_a\]\:underline-offset-3 a {
+    text-underline-offset: 3px;
+  }
+  @media (hover: hover) {
+    .\[\&_a\]\:hover\:text-foreground a:hover {
+      color: var(--app-v2-foreground);
+    }
+  }
+  .\[\&_p\]\:leading-relaxed p {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+  .\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child) {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+  .\[\&_svg\]\:pointer-events-none svg {
+    pointer-events: none;
+  }
+  .\[\&_svg\]\:shrink-0 svg {
+    flex-shrink: 0;
+  }
+  .\[\&_svg\:not\(\.tcsb-wave_svg\)\]\:size-3 svg:not(.tcsb-wave svg) {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+  .\[\&_svg\:not\(\.tcsb-wave_svg\)\]\:size-3\.5 svg:not(.tcsb-wave svg) {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+  .\[\&_svg\:not\(\.tcsb-wave_svg\)\]\:size-4 svg:not(.tcsb-wave svg),
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) {
+    color: var(--app-v2-muted-foreground);
+  }
+  .\[\&_tr\]\:border-b tr {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
+    border-style: var(--tw-border-style);
+    border-width: 0;
+  }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+    display: none;
+  }
+  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role='checkbox']) {
+    padding-right: calc(var(--spacing) * 0);
+  }
+  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 *)[cmdk-group-heading] {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-xs *)[cmdk-group-heading] {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *)[cmdk-group-heading] {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground *)[cmdk-group-heading] {
+    color: var(--app-v2-muted-foreground);
+  }
+  :is(.\*\*\:\[\[cmdk-group\]\]\:px-2 *)[cmdk-group] {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  :is(.\*\*\:\[\[cmdk-input\]\]\:h-12 *)[cmdk-input] {
+    height: calc(var(--spacing) * 12);
+  }
+  :is(.\*\*\:\[\[cmdk-item\]\]\:px-2 *)[cmdk-item] {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  :is(.\*\*\:\[\[cmdk-item\]\]\:py-3 *)[cmdk-item] {
+    padding-block: calc(var(--spacing) * 3);
+  }
+  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
+    display: flex;
+  }
+  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
+    align-items: center;
+  }
+  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
+    gap: calc(var(--spacing) * 2);
+  }
+  :is(
+    .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant='destructive'] > *
+  ):is(svg),
+  .\[\&\>\[data-icon\]\]\:\!text-destructive > [data-icon] {
+    color: var(--app-destructive) !important;
+  }
+  .\[\&\>svg\]\:absolute > svg {
+    position: absolute;
+  }
+  .\[\&\>svg\]\:top-4 > svg {
+    top: calc(var(--spacing) * 4);
+  }
+  .\[\&\>svg\]\:left-4 > svg {
+    left: calc(var(--spacing) * 4);
+  }
+  .\[\&\>svg\]\:text-destructive > svg {
+    color: var(--app-destructive);
+  }
+  .\[\&\>svg\]\:text-foreground > svg {
+    color: var(--app-v2-foreground);
+  }
+  .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
+    --tw-translate-y: -3px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
+    padding-left: calc(var(--spacing) * 7);
+  }
+}
+:root {
+  --radius: 0.625rem;
+  --font-size-base: 16px;
+  color-scheme: light;
+}
+.dark {
+  color-scheme: dark;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-Variable.woff2) format('woff2-variations');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-VariableItalic.woff2) format('woff2-variations');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-Light.woff2) format('woff2');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-LightItalic.woff2) format('woff2');
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-Regular.woff2) format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-Italic.woff2) format('woff2');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-Medium.woff2) format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-MediumItalic.woff2) format('woff2');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-Bold.woff2) format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-BoldItalic.woff2) format('woff2');
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-Black.woff2) format('woff2');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: Satoshi;
+  src: url(/fonts/Satoshi-BlackItalic.woff2) format('woff2');
+  font-weight: 900;
+  font-style: italic;
+  font-display: swap;
+}
+@keyframes accordion-down {
+  0% {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+@keyframes accordion-up {
+  0% {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@keyframes hourglass {
+  0%,
+  to {
+    opacity: 1;
+    transform: rotate(0);
+  }
+  40% {
+    opacity: 1;
+    transform: rotate(0);
+  }
+  50% {
+    opacity: 0.5;
+    transform: rotate(180deg);
+  }
+  90% {
+    opacity: 1;
+    transform: rotate(180deg);
+  }
+}
+@keyframes ping-slow {
+  0%,
+  4.76% {
+    opacity: 0.75;
+    transform: scale(1);
+  }
+  2.38% {
+    opacity: 0;
+    transform: scale(2);
+  }
+  4.76%,
+  to {
+    opacity: 0;
+    transform: scale(1);
+  }
+}
+@property --tw-translate-x {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-rotate-x {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-space-y-reverse {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-space-x-reverse {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-divide-x-reverse {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: '*';
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-leading {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-tracking {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-ordinal {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: '<percentage>';
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: '<percentage>';
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-ring-offset-color {
+  syntax: '*';
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: '*';
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-backdrop-blur {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-content {
+  syntax: '*';
+  inherits: false;
+  initial-value: '';
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}