/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-bricolage, "Fricolage Grotesque"), "Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
    --font-mono: var(--font-fragment-mono, "Fragment Mono"), "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-extrabold: 800;
    --tracking-normal: 0em;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-cta: #7c3aed;
    --color-cta-deep: #6d28d9;
    --color-ink: #281950;
    --color-canvas: #f1f2f9;
    --color-canvas-card: #ffffff;
    --color-hairline: #e7e6f4;
    --color-gradient-pink: #f9a8d4;
    --color-gradient-violet: #a02be4;
    --color-gradient-blue: #4f46e5;
    --color-shadow-violet: #5b21b6;
    --color-footer-text: #a39ac1;
    --color-cta-soft: #e6e0fe;
    --color-app-ink: #22183c;
    --color-app-ink-strong: #121226;
    --color-app-ink-3: #564c73;
    --color-app-mute: #756b93;
    --color-app-faint: #a39ac1;
    --color-app-chevron: #9698b6;
    --color-app-slate: #676b89;
    --color-app-mono-ink: #373953;
    --color-app-page: #f9f9fd;
    --color-app-zebra: #f8f9fc;
    --color-app-subtle: #f4f3fb;
    --color-app-line-2: #e1e4ef;
    --color-app-rule: #f1f2f9;
    --color-app-input-border: #d4ceea;
    --color-app-night: #191034;
    --color-app-scrim-drawer: #0f0a28;
    --color-app-violet-50: #f5f3ff;
    --color-app-violet-100: #ede9fe;
    --color-app-violet-200: #ddd6fe;
    --color-app-violet-300: #c4b5fd;
    --color-app-violet-400: #a78bfa;
    --color-app-violet-500: #8b5cf6;
    --color-app-violet-600: #7c3aed;
    --color-app-violet-700: #6d28d9;
    --color-app-violet-800: #5b21b6;
    --color-app-violet-950: #2e1065;
    --color-app-emerald-50: #ecfdf5;
    --color-app-emerald-100: #d1fae5;
    --color-app-emerald-300: #6ee7b7;
    --color-app-emerald-400: #34d399;
    --color-app-emerald-500: #10b981;
    --color-app-emerald-700: #047857;
    --color-app-green-50: #f0fdf4;
    --color-app-green-300: #86efac;
    --color-app-amber-50: #fffbeb;
    --color-app-amber-100: #fef3c7;
    --color-app-amber-200: #fde68a;
    --color-app-amber-300: #fcd34d;
    --color-app-amber-400: #fbbf24;
    --color-app-amber-500: #f59e0b;
    --color-app-amber-700: #b45309;
    --color-app-rose-50: #fff1f2;
    --color-app-rose-100: #ffe4e6;
    --color-app-rose-200: #fecdd3;
    --color-app-rose-300: #fda4af;
    --color-app-rose-400: #fb7185;
    --color-app-rose-500: #f43f5e;
    --color-app-rose-600: #e11d48;
    --color-app-rose-700: #be123c;
    --color-app-rose-800: #9f1239;
    --color-app-red-400: #f87171;
    --color-app-blue-50: #eff6ff;
    --color-app-blue-100: #dbeafe;
    --color-app-blue-200: #bfdbfe;
    --color-app-blue-300: #93c5fd;
    --color-app-blue-500: #3b82f6;
    --color-app-blue-700: #1d4ed8;
    --color-app-blue-800: #1e40af;
    --color-app-sky-100: #e0f2fe;
    --color-app-indigo-100: #e0e7ff;
    --color-app-teal-500: #14b8a6;
    --color-app-orange-500: #f97316;
    --color-app-pink-400: #f472b6;
    --color-app-pink-500: #ec4899;
    --color-app-loading-bar: #2299dd;
    --color-app-wash-1: #ebdcfd;
    --color-app-wash-2: #efe3fe;
    --color-app-wash-3: #f3eeff;
    --color-app-wash-4: #e6eaff;
    --color-app-wash-5: #fbf7ff;
    --color-violet-100: #ede9fe;
    --color-kicker: #6d5f8f;
    --color-white: #ffffff;
    --color-auth-ink: #110e1a;
    --color-auth-muted: #625c75;
    --color-auth-page: #dcd3f5;
    --color-auth-card-border: #e1e4ef;
    --color-auth-input-border: #d9d0f0;
    --color-auth-input-hover: #b9a7ec;
    --color-auth-placeholder: #9a94ad;
    --color-auth-disabled-text: #8a83a3;
    --color-auth-secondary-hover: #faf9fc;
    --color-auth-link-hover: #5b21b6;
    --color-auth-tag: #f2edff;
    --color-auth-tag-border: #d9ccfa;
    --color-auth-tag-text: #6b33d9;
    --color-auth-danger: #be123c;
    --color-auth-danger-border: #fda4af;
    --color-auth-error-ring: #e11d4840;
    --color-auth-error-text: #be123cbf;
    --color-auth-info-ring: #3b82f640;
    --color-auth-info-title: #1e3a8ae6;
    --color-auth-info-text: #1e3a8ab3;
    --color-auth-warning-ring: #f59e0b59;
    --color-auth-warning-title: #b45309;
    --color-auth-warning-text: #b45309bf;
    --color-auth-success-ring: #10b9814d;
    --color-auth-success-title: #047857;
    --color-auth-success-text: #047857bf;
    --color-system-pill: #4c1d9580;
    --color-system-link-line: #ffffff4d;
    --color-system-inline-line: #ffffff80;
    --radius-full: 9999px;
    --radius-app-paper: 2px;
    --radius-app-control: 6px;
    --radius-app-segment: 7px;
    --radius-app-button: 9px;
    --radius-app-dialog: 12px;
    --font-display: var(--font-mackinac, Mackinac), Mackinac, ui-serif, Georgia, serif;
    --ease-app-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-app-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-app-drawer: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-app-out: cubic-bezier(0, 0, 0.2, 1);
    --blur-app-wash: 100px;
    --border-width-app-drop: 1.5px;
    --tracking-app-caps: 0.6px;
    --text-app-body: 14.5px;
    --text-app-body--line-height: 21.75px;
    --text-app-body--letter-spacing: normal;
    --text-app-body--font-weight: 325;
    --text-app-label: 14.5px;
    --text-app-label--line-height: 21.75px;
    --text-app-label--letter-spacing: normal;
    --text-app-label--font-weight: 450;
    --text-app-label-strong: 14.5px;
    --text-app-label-strong--line-height: 21.75px;
    --text-app-label-strong--letter-spacing: normal;
    --text-app-label-strong--font-weight: 500;
    --text-app-copy: 14px;
    --text-app-copy--line-height: 21px;
    --text-app-copy--letter-spacing: normal;
    --text-app-copy--font-weight: 325;
    --text-app-card-title: 15px;
    --text-app-card-title--line-height: 24px;
    --text-app-card-title--letter-spacing: normal;
    --text-app-card-title--font-weight: 500;
    --text-app-caption: 12px;
    --text-app-caption--line-height: 18px;
    --text-app-caption--letter-spacing: normal;
    --text-app-caption--font-weight: 325;
    --text-app-caption-strong: 12px;
    --text-app-caption-strong--line-height: 18px;
    --text-app-caption-strong--letter-spacing: normal;
    --text-app-caption-strong--font-weight: 450;
    --text-app-overline: 11px;
    --text-app-overline--line-height: 16.5px;
    --text-app-overline--letter-spacing: 0.55px;
    --text-app-overline--font-weight: 500;
    --text-app-micro: 10px;
    --text-app-micro--line-height: 15px;
    --text-app-micro--letter-spacing: 0.5px;
    --text-app-micro--font-weight: 500;
    --text-app-heading: 17px;
    --text-app-heading--line-height: 25.5px;
    --text-app-heading--letter-spacing: normal;
    --text-app-heading--font-weight: 500;
    --text-app-title: 20.5px;
    --text-app-title--line-height: 30.75px;
    --text-app-title--letter-spacing: normal;
    --text-app-title--font-weight: 500;
    --text-app-stat: 24px;
    --text-app-stat--line-height: 31.8px;
    --text-app-stat--letter-spacing: normal;
    --text-app-stat--font-weight: 575;
    --text-app-h1: 30px;
    --text-app-h1--line-height: 39.75px;
    --text-app-h1--letter-spacing: normal;
    --text-app-h1--font-weight: 575;
    --text-app-serif: 24px;
    --text-app-serif--line-height: 31.8px;
    --text-app-serif--letter-spacing: -0.6px;
    --text-app-serif--font-weight: 500;
    --text-app-toast: 16px;
    --text-app-toast--line-height: 24px;
    --text-app-toast--letter-spacing: normal;
    --text-app-toast--font-weight: 450;
    --text-app-query: 16px;
    --text-app-query--line-height: 24px;
    --text-app-query--letter-spacing: normal;
    --text-app-query--font-weight: 325;
    --text-app-button-sm: 13px;
    --text-app-button-sm--line-height: 19.5px;
    --text-app-button-sm--letter-spacing: normal;
    --text-app-button-sm--font-weight: 450;
    --text-app-button-xs: 11px;
    --text-app-button-xs--line-height: 16.5px;
    --text-app-button-xs--letter-spacing: normal;
    --text-app-button-xs--font-weight: 450;
    --text-app-mono: 12px;
    --text-app-mono--line-height: 19.5px;
    --text-app-mono--letter-spacing: normal;
    --text-app-mono--font-weight: 400;
    --text-app-kbd: 11px;
    --text-app-kbd--line-height: 16px;
    --text-app-kbd--letter-spacing: normal;
    --text-app-kbd--font-weight: 400;
    --text-app-subtitle: 13px;
    --text-app-subtitle--line-height: 19.5px;
    --text-app-subtitle--letter-spacing: normal;
    --text-app-subtitle--font-weight: 325;
    --text-auth-title: 36px;
    --text-auth-title--line-height: 45px;
    --text-auth-title--letter-spacing: -0.9px;
    --text-auth-title--font-weight: 500;
    --text-auth-title-sm: 28px;
    --text-auth-title-sm--line-height: 35px;
    --text-auth-title-sm--letter-spacing: -0.7px;
    --text-auth-title-sm--font-weight: 500;
    --text-auth-lead: 15px;
    --text-auth-lead--line-height: 22px;
    --text-auth-lead--letter-spacing: normal;
    --text-auth-lead--font-weight: 325;
    --text-auth-label: 13px;
    --text-auth-label--line-height: 19.5px;
    --text-auth-label--letter-spacing: normal;
    --text-auth-label--font-weight: 450;
    --text-auth-small: 13px;
    --text-auth-small--line-height: 19.5px;
    --text-auth-small--letter-spacing: normal;
    --text-auth-small--font-weight: 325;
    --text-auth-input: 14px;
    --text-auth-input--line-height: 24px;
    --text-auth-input--letter-spacing: normal;
    --text-auth-input--font-weight: 350;
    --text-auth-button: 14px;
    --text-auth-button--line-height: 17px;
    --text-auth-button--letter-spacing: normal;
    --text-auth-button--font-weight: 500;
    --text-auth-button-lg: 15px;
    --text-auth-button-lg--line-height: 18px;
    --text-auth-button-lg--letter-spacing: normal;
    --text-auth-button-lg--font-weight: 500;
    --text-auth-divider: 11px;
    --text-auth-divider--line-height: 16.5px;
    --text-auth-divider--letter-spacing: 0.88px;
    --text-auth-divider--font-weight: 500;
    --text-auth-code: 24px;
    --text-auth-code--line-height: 31px;
    --text-auth-code--letter-spacing: normal;
    --text-auth-code--font-weight: 800;
    --text-system-title: 48px;
    --text-system-title--line-height: 60px;
    --text-system-title--letter-spacing: 0.418px;
    --text-system-title--font-weight: 325;
    --text-system-title-sm: 30px;
    --text-system-title-sm--line-height: 39.75px;
    --text-system-title-sm--letter-spacing: normal;
    --text-system-title-sm--font-weight: 325;
    --text-auth-tag-label: 11px;
    --text-auth-tag-label--line-height: normal;
    --text-auth-tag-label--letter-spacing: normal;
    --text-auth-tag-label--font-weight: 500;
    --text-system-pill-label: 14.5px;
    --text-system-pill-label--line-height: 21.75px;
    --text-system-pill-label--letter-spacing: normal;
    --text-system-pill-label--font-weight: 500;
    --text-system-lead-text: 19px;
    --text-system-lead-text--line-height: 28.5px;
    --text-system-lead-text--letter-spacing: normal;
    --text-system-lead-text--font-weight: 325;
    --text-system-eyebrow-text: 12px;
    --text-system-eyebrow-text--line-height: 18px;
    --text-system-eyebrow-text--letter-spacing: 0.6px;
    --text-system-eyebrow-text--font-weight: 500;
    --ease-button: cubic-bezier(0.25, 0.1, 0.25, 1);
    --animate-app-spin: app-spin 1s linear infinite;
    --animate-app-dot: app-dot 1.4s ease-in-out infinite;
    --animate-app-shimmer: app-shimmer 1.5s linear infinite;
    --animate-app-toast-in: app-toast-in 0.3s var(--ease-app-out) both;
    --animate-app-panel-in: app-panel-in 0.3s var(--ease-app-out) both;
    --animate-app-fade-in: app-fade-in 0.2s var(--ease-app-standard) both;
    --animate-app-drawer-in: app-drawer-in 0.22s var(--ease-app-drawer) both;
    --animate-app-panel-out: app-panel-out 0.2s var(--ease-app-in) both;
    --animate-app-fade-out: app-fade-out 0.2s var(--ease-app-standard) both;
    --animate-app-drawer-out: app-drawer-out 0.22s var(--ease-app-drawer) both;
    --animate-app-toast-out: app-toast-out 0.2s var(--ease-app-in) both;
    --animate-app-sheet-in: app-sheet-in 0.28s var(--ease-app-drawer) both;
    --animate-app-sheet-out: app-sheet-out 0.2s var(--ease-app-in) both;
    --animate-app-step-forward: app-step-forward 0.24s var(--ease-app-out) both;
    --animate-app-step-back: app-step-back 0.24s var(--ease-app-out) both;
    --animate-app-card-in: app-card-in 0.2s var(--ease-app-out) both;
    --animate-app-tick: app-tick 0.3s var(--ease-app-out) both;
    --animate-app-shake: app-shake 0.24s var(--ease-app-standard) both;
    --animate-app-sweep: app-sweep 0.6s var(--ease-app-out) both;
    --animate-app-chip-in: app-fade-in 0.15s var(--ease-app-standard) both;
    --animate-app-doc-in: app-doc-in 0.2s var(--ease-app-out) both;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size !important;
  }
  .pointer-events-none {
    pointer-events: none !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  .visible {
    visibility: visible !important;
  }
  .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  .absolute {
    position: absolute !important;
  }
  .fixed {
    position: fixed !important;
  }
  .relative {
    position: relative !important;
  }
  .sticky {
    position: sticky !important;
  }
  .inset-0 {
    inset: 0px !important;
  }
  .inset-x-0 {
    inset-inline: 0px !important;
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4) !important;
  }
  .inset-x-\[14\%\] {
    inset-inline: 14% !important;
  }
  .inset-y-0 {
    inset-block: 0px !important;
  }
  .inset-y-\[12\%\] {
    inset-block: 12% !important;
  }
  .-top-1 {
    top: calc(var(--spacing) * -1) !important;
  }
  .-top-\[11px\] {
    top: calc(11px * -1) !important;
  }
  .-top-\[18\%\] {
    top: calc(18% * -1) !important;
  }
  .-top-\[22\%\] {
    top: calc(22% * -1) !important;
  }
  .top-0 {
    top: 0px !important;
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5) !important;
  }
  .top-5 {
    top: calc(var(--spacing) * 5) !important;
  }
  .top-5\.5 {
    top: calc(var(--spacing) * 5.5) !important;
  }
  .top-14 {
    top: calc(var(--spacing) * 14) !important;
  }
  .top-\[20\%\] {
    top: 20% !important;
  }
  .top-\[30px\] {
    top: 30px !important;
  }
  .top-\[55\%\] {
    top: 55% !important;
  }
  .top-\[62\%\] {
    top: 62% !important;
  }
  .top-full {
    top: 100% !important;
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5) !important;
  }
  .right-0 {
    right: 0px !important;
  }
  .right-3 {
    right: calc(var(--spacing) * 3) !important;
  }
  .right-4 {
    right: calc(var(--spacing) * 4) !important;
  }
  .right-auto {
    right: auto !important;
  }
  .bottom-0 {
    bottom: 0px !important;
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3) !important;
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4) !important;
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6) !important;
  }
  .bottom-full {
    bottom: 100% !important;
  }
  .-left-\[12\%\] {
    left: calc(12% * -1) !important;
  }
  .-left-\[20\%\] {
    left: calc(20% * -1) !important;
  }
  .left-0 {
    left: 0px !important;
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5) !important;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%) !important;
  }
  .left-4 {
    left: calc(var(--spacing) * 4) !important;
  }
  .left-5\.5 {
    left: calc(var(--spacing) * 5.5) !important;
  }
  .left-\[35\%\] {
    left: 35% !important;
  }
  .left-\[62\%\] {
    left: 62% !important;
  }
  .left-\[70\%\] {
    left: 70% !important;
  }
  .isolate {
    isolation: isolate !important;
  }
  .-z-10 {
    z-index: calc(10 * -1) !important;
  }
  .z-0 {
    z-index: 0 !important;
  }
  .z-10 {
    z-index: 10 !important;
  }
  .z-20 {
    z-index: 20 !important;
  }
  .z-40 {
    z-index: 40 !important;
  }
  .z-50 {
    z-index: 50 !important;
  }
  .col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  .container {
    width: 100% !important;
    @media (width >= 40rem) {
      max-width: 40rem !important;
    }
    @media (width >= 48rem) {
      max-width: 48rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .-m-1 {
    margin: calc(var(--spacing) * -1) !important;
  }
  .m-0 {
    margin: 0px !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1) !important;
  }
  .-mx-2\.5 {
    margin-inline: calc(var(--spacing) * -2.5) !important;
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4) !important;
  }
  .mx-auto {
    margin-inline: auto !important;
  }
  .-my-1 {
    margin-block: calc(var(--spacing) * -1) !important;
  }
  .-my-5 {
    margin-block: calc(var(--spacing) * -5) !important;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5) !important;
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5) !important;
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6) !important;
  }
  .my-auto {
    margin-block: auto !important;
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1) !important;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5) !important;
  }
  .mt-1 {
    margin-top: var(--spacing) !important;
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5) !important;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3) !important;
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6) !important;
  }
  .mt-\[12vh\] {
    margin-top: 12vh !important;
  }
  .mt-px {
    margin-top: 1px !important;
  }
  .mr-1 {
    margin-right: var(--spacing) !important;
  }
  .mr-auto {
    margin-right: auto !important;
  }
  .-mb-px {
    margin-bottom: -1px !important;
  }
  .mb-1 {
    margin-bottom: var(--spacing) !important;
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5) !important;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2) !important;
  }
  .-ml-2\.5 {
    margin-left: calc(var(--spacing) * -2.5) !important;
  }
  .-ml-6 {
    margin-left: calc(var(--spacing) * -6) !important;
  }
  .ml-1 {
    margin-left: var(--spacing) !important;
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2) !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .line-clamp-2 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  .\!inline {
    display: inline !important;
  }
  .block {
    display: block !important;
  }
  .contents {
    display: contents !important;
  }
  .flex {
    display: flex !important;
  }
  .grid {
    display: grid !important;
  }
  .hidden {
    display: none !important;
  }
  .inline {
    display: inline !important;
  }
  .inline-block {
    display: inline-block !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  .table {
    display: table !important;
  }
  .table-row {
    display: table-row !important;
  }
  .aspect-square {
    aspect-ratio: 1 / 1 !important;
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5) !important;
    height: calc(var(--spacing) * 1.5) !important;
  }
  .size-2 {
    width: calc(var(--spacing) * 2) !important;
    height: calc(var(--spacing) * 2) !important;
  }
  .size-3 {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5) !important;
    height: calc(var(--spacing) * 3.5) !important;
  }
  .size-4 {
    width: calc(var(--spacing) * 4) !important;
    height: calc(var(--spacing) * 4) !important;
  }
  .size-4\.5 {
    width: calc(var(--spacing) * 4.5) !important;
    height: calc(var(--spacing) * 4.5) !important;
  }
  .size-5 {
    width: calc(var(--spacing) * 5) !important;
    height: calc(var(--spacing) * 5) !important;
  }
  .size-6 {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }
  .size-7 {
    width: calc(var(--spacing) * 7) !important;
    height: calc(var(--spacing) * 7) !important;
  }
  .size-7\.5 {
    width: calc(var(--spacing) * 7.5) !important;
    height: calc(var(--spacing) * 7.5) !important;
  }
  .size-8 {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
  .size-9 {
    width: calc(var(--spacing) * 9) !important;
    height: calc(var(--spacing) * 9) !important;
  }
  .size-10 {
    width: calc(var(--spacing) * 10) !important;
    height: calc(var(--spacing) * 10) !important;
  }
  .size-11 {
    width: calc(var(--spacing) * 11) !important;
    height: calc(var(--spacing) * 11) !important;
  }
  .size-12 {
    width: calc(var(--spacing) * 12) !important;
    height: calc(var(--spacing) * 12) !important;
  }
  .size-14 {
    width: calc(var(--spacing) * 14) !important;
    height: calc(var(--spacing) * 14) !important;
  }
  .size-18 {
    width: calc(var(--spacing) * 18) !important;
    height: calc(var(--spacing) * 18) !important;
  }
  .size-52 {
    width: calc(var(--spacing) * 52) !important;
    height: calc(var(--spacing) * 52) !important;
  }
  .size-full {
    width: 100% !important;
    height: 100% !important;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5) !important;
  }
  .h-0\.75 {
    height: calc(var(--spacing) * 0.75) !important;
  }
  .h-1 {
    height: var(--spacing) !important;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5) !important;
  }
  .h-1\/2 {
    height: calc(1 / 2 * 100%) !important;
  }
  .h-1\/3 {
    height: calc(1 / 3 * 100%) !important;
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5) !important;
  }
  .h-2\/5 {
    height: calc(2 / 5 * 100%) !important;
  }
  .h-3 {
    height: calc(var(--spacing) * 3) !important;
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5) !important;
  }
  .h-3\/4 {
    height: calc(3 / 4 * 100%) !important;
  }
  .h-3\/5 {
    height: calc(3 / 5 * 100%) !important;
  }
  .h-4 {
    height: calc(var(--spacing) * 4) !important;
  }
  .h-4\.75 {
    height: calc(var(--spacing) * 4.75) !important;
  }
  .h-5 {
    height: calc(var(--spacing) * 5) !important;
  }
  .h-5\.5 {
    height: calc(var(--spacing) * 5.5) !important;
  }
  .h-6 {
    height: calc(var(--spacing) * 6) !important;
  }
  .h-7 {
    height: calc(var(--spacing) * 7) !important;
  }
  .h-7\.5 {
    height: calc(var(--spacing) * 7.5) !important;
  }
  .h-8 {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-8\.5 {
    height: calc(var(--spacing) * 8.5) !important;
  }
  .h-9 {
    height: calc(var(--spacing) * 9) !important;
  }
  .h-9\.5 {
    height: calc(var(--spacing) * 9.5) !important;
  }
  .h-10 {
    height: calc(var(--spacing) * 10) !important;
  }
  .h-10\.5 {
    height: calc(var(--spacing) * 10.5) !important;
  }
  .h-11\.5 {
    height: calc(var(--spacing) * 11.5) !important;
  }
  .h-12 {
    height: calc(var(--spacing) * 12) !important;
  }
  .h-14 {
    height: calc(var(--spacing) * 14) !important;
  }
  .h-16 {
    height: calc(var(--spacing) * 16) !important;
  }
  .h-17 {
    height: calc(var(--spacing) * 17) !important;
  }
  .h-18\.5 {
    height: calc(var(--spacing) * 18.5) !important;
  }
  .h-20 {
    height: calc(var(--spacing) * 20) !important;
  }
  .h-21 {
    height: calc(var(--spacing) * 21) !important;
  }
  .h-24 {
    height: calc(var(--spacing) * 24) !important;
  }
  .h-28 {
    height: calc(var(--spacing) * 28) !important;
  }
  .h-30 {
    height: calc(var(--spacing) * 30) !important;
  }
  .h-36 {
    height: calc(var(--spacing) * 36) !important;
  }
  .h-45 {
    height: calc(var(--spacing) * 45) !important;
  }
  .h-48 {
    height: calc(var(--spacing) * 48) !important;
  }
  .h-56 {
    height: calc(var(--spacing) * 56) !important;
  }
  .h-90 {
    height: calc(var(--spacing) * 90) !important;
  }
  .h-96 {
    height: calc(var(--spacing) * 96) !important;
  }
  .h-120 {
    height: calc(var(--spacing) * 120) !important;
  }
  .h-130 {
    height: calc(var(--spacing) * 130) !important;
  }
  .h-140 {
    height: calc(var(--spacing) * 140) !important;
  }
  .h-150 {
    height: calc(var(--spacing) * 150) !important;
  }
  .h-180 {
    height: calc(var(--spacing) * 180) !important;
  }
  .h-211 {
    height: calc(var(--spacing) * 211) !important;
  }
  .h-\[1em\] {
    height: 1em !important;
  }
  .h-\[20\.8px\] {
    height: 20.8px !important;
  }
  .h-\[29\.75px\] {
    height: 29.75px !important;
  }
  .h-\[35\%\] {
    height: 35% !important;
  }
  .h-\[43px\] {
    height: 43px !important;
  }
  .h-\[50px\] {
    height: 50px !important;
  }
  .h-\[55\%\] {
    height: 55% !important;
  }
  .h-\[60\%\] {
    height: 60% !important;
  }
  .h-\[60vh\] {
    height: 60vh !important;
  }
  .h-\[min\(53\.75rem\,calc\(100vh-8rem\)\)\] {
    height: min(53.75rem, calc(100vh - 8rem)) !important;
  }
  .h-\[min\(704px\,calc\(100dvh-48px\)\)\] {
    height: min(704px, calc(100dvh - 48px)) !important;
  }
  .h-dvh {
    height: 100dvh !important;
  }
  .h-fit {
    height: fit-content !important;
  }
  .h-full {
    height: 100% !important;
  }
  .h-px {
    height: 1px !important;
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64) !important;
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72) !important;
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80) !important;
  }
  .max-h-90 {
    max-height: calc(var(--spacing) * 90) !important;
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96) !important;
  }
  .max-h-\[48dvh\] {
    max-height: 48dvh !important;
  }
  .max-h-\[60vh\] {
    max-height: 60vh !important;
  }
  .max-h-\[calc\(48dvh-24px\)\] {
    max-height: calc(48dvh - 24px) !important;
  }
  .max-h-\[min\(36rem\,calc\(100dvh-6rem\)\)\] {
    max-height: min(36rem, calc(100dvh - 6rem)) !important;
  }
  .max-h-\[min\(640px\,calc\(100vh-96px\)\)\] {
    max-height: min(640px, calc(100vh - 96px)) !important;
  }
  .max-h-full {
    max-height: 100% !important;
  }
  .max-h-none {
    max-height: none !important;
  }
  .min-h-0 {
    min-height: 0px !important;
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8) !important;
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11) !important;
  }
  .min-h-60 {
    min-height: calc(var(--spacing) * 60) !important;
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80) !important;
  }
  .min-h-120 {
    min-height: calc(var(--spacing) * 120) !important;
  }
  .min-h-\[min\(560px\,70vh\)\] {
    min-height: min(560px, 70vh) !important;
  }
  .min-h-dvh {
    min-height: 100dvh !important;
  }
  .min-h-screen {
    min-height: 100vh !important;
  }
  .w-0 {
    width: 0px !important;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5) !important;
  }
  .w-2 {
    width: calc(var(--spacing) * 2) !important;
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5) !important;
  }
  .w-2\/3 {
    width: calc(2 / 3 * 100%) !important;
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5) !important;
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%) !important;
  }
  .w-3\/5 {
    width: calc(3 / 5 * 100%) !important;
  }
  .w-5 {
    width: calc(var(--spacing) * 5) !important;
  }
  .w-7 {
    width: calc(var(--spacing) * 7) !important;
  }
  .w-7\.5 {
    width: calc(var(--spacing) * 7.5) !important;
  }
  .w-8 {
    width: calc(var(--spacing) * 8) !important;
  }
  .w-8\.5 {
    width: calc(var(--spacing) * 8.5) !important;
  }
  .w-9\.5 {
    width: calc(var(--spacing) * 9.5) !important;
  }
  .w-10 {
    width: calc(var(--spacing) * 10) !important;
  }
  .w-12 {
    width: calc(var(--spacing) * 12) !important;
  }
  .w-14 {
    width: calc(var(--spacing) * 14) !important;
  }
  .w-16 {
    width: calc(var(--spacing) * 16) !important;
  }
  .w-19 {
    width: calc(var(--spacing) * 19) !important;
  }
  .w-20 {
    width: calc(var(--spacing) * 20) !important;
  }
  .w-22\.5 {
    width: calc(var(--spacing) * 22.5) !important;
  }
  .w-24 {
    width: calc(var(--spacing) * 24) !important;
  }
  .w-25 {
    width: calc(var(--spacing) * 25) !important;
  }
  .w-27\.5 {
    width: calc(var(--spacing) * 27.5) !important;
  }
  .w-28 {
    width: calc(var(--spacing) * 28) !important;
  }
  .w-30 {
    width: calc(var(--spacing) * 30) !important;
  }
  .w-32 {
    width: calc(var(--spacing) * 32) !important;
  }
  .w-34 {
    width: calc(var(--spacing) * 34) !important;
  }
  .w-36 {
    width: calc(var(--spacing) * 36) !important;
  }
  .w-38 {
    width: calc(var(--spacing) * 38) !important;
  }
  .w-40 {
    width: calc(var(--spacing) * 40) !important;
  }
  .w-44 {
    width: calc(var(--spacing) * 44) !important;
  }
  .w-45 {
    width: calc(var(--spacing) * 45) !important;
  }
  .w-48 {
    width: calc(var(--spacing) * 48) !important;
  }
  .w-52 {
    width: calc(var(--spacing) * 52) !important;
  }
  .w-55 {
    width: calc(var(--spacing) * 55) !important;
  }
  .w-56 {
    width: calc(var(--spacing) * 56) !important;
  }
  .w-60 {
    width: calc(var(--spacing) * 60) !important;
  }
  .w-64 {
    width: calc(var(--spacing) * 64) !important;
  }
  .w-65 {
    width: calc(var(--spacing) * 65) !important;
  }
  .w-66 {
    width: calc(var(--spacing) * 66) !important;
  }
  .w-68 {
    width: calc(var(--spacing) * 68) !important;
  }
  .w-72 {
    width: calc(var(--spacing) * 72) !important;
  }
  .w-72\.5 {
    width: calc(var(--spacing) * 72.5) !important;
  }
  .w-75 {
    width: calc(var(--spacing) * 75) !important;
  }
  .w-77\.5 {
    width: calc(var(--spacing) * 77.5) !important;
  }
  .w-80 {
    width: calc(var(--spacing) * 80) !important;
  }
  .w-95 {
    width: calc(var(--spacing) * 95) !important;
  }
  .w-96 {
    width: calc(var(--spacing) * 96) !important;
  }
  .w-100 {
    width: calc(var(--spacing) * 100) !important;
  }
  .w-\[5\%\] {
    width: 5% !important;
  }
  .w-\[9\.6px\] {
    width: 9.6px !important;
  }
  .w-\[10\%\] {
    width: 10% !important;
  }
  .w-\[15\%\] {
    width: 15% !important;
  }
  .w-\[20\%\] {
    width: 20% !important;
  }
  .w-\[25\%\] {
    width: 25% !important;
  }
  .w-\[30\%\] {
    width: 30% !important;
  }
  .w-\[35\%\] {
    width: 35% !important;
  }
  .w-\[40\%\] {
    width: 40% !important;
  }
  .w-\[45\%\] {
    width: 45% !important;
  }
  .w-\[50\%\] {
    width: 50% !important;
  }
  .w-\[55\%\] {
    width: 55% !important;
  }
  .w-\[60\%\] {
    width: 60% !important;
  }
  .w-\[65\%\] {
    width: 65% !important;
  }
  .w-\[70\%\] {
    width: 70% !important;
  }
  .w-\[75\%\] {
    width: 75% !important;
  }
  .w-\[80\%\] {
    width: 80% !important;
  }
  .w-\[85\%\] {
    width: 85% !important;
  }
  .w-\[90\%\] {
    width: 90% !important;
  }
  .w-\[95\%\] {
    width: 95% !important;
  }
  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem) !important;
  }
  .w-auto {
    width: auto !important;
  }
  .w-fit {
    width: fit-content !important;
  }
  .w-full {
    width: 100% !important;
  }
  .w-px {
    width: 1px !important;
  }
  .w-screen {
    width: 100vw !important;
  }
  .max-w-0 {
    max-width: 0px !important;
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32) !important;
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40) !important;
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48) !important;
  }
  .max-w-56 {
    max-width: calc(var(--spacing) * 56) !important;
  }
  .max-w-60 {
    max-width: calc(var(--spacing) * 60) !important;
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64) !important;
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72) !important;
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80) !important;
  }
  .max-w-90 {
    max-width: calc(var(--spacing) * 90) !important;
  }
  .max-w-97\.5 {
    max-width: calc(var(--spacing) * 97.5) !important;
  }
  .max-w-105 {
    max-width: calc(var(--spacing) * 105) !important;
  }
  .max-w-120 {
    max-width: calc(var(--spacing) * 120) !important;
  }
  .max-w-128 {
    max-width: calc(var(--spacing) * 128) !important;
  }
  .max-w-130 {
    max-width: calc(var(--spacing) * 130) !important;
  }
  .max-w-132 {
    max-width: calc(var(--spacing) * 132) !important;
  }
  .max-w-140 {
    max-width: calc(var(--spacing) * 140) !important;
  }
  .max-w-150 {
    max-width: calc(var(--spacing) * 150) !important;
  }
  .max-w-155 {
    max-width: calc(var(--spacing) * 155) !important;
  }
  .max-w-160 {
    max-width: calc(var(--spacing) * 160) !important;
  }
  .max-w-170 {
    max-width: calc(var(--spacing) * 170) !important;
  }
  .max-w-180 {
    max-width: calc(var(--spacing) * 180) !important;
  }
  .max-w-200 {
    max-width: calc(var(--spacing) * 200) !important;
  }
  .max-w-225 {
    max-width: calc(var(--spacing) * 225) !important;
  }
  .max-w-250 {
    max-width: calc(var(--spacing) * 250) !important;
  }
  .max-w-275 {
    max-width: calc(var(--spacing) * 275) !important;
  }
  .max-w-360 {
    max-width: calc(var(--spacing) * 360) !important;
  }
  .max-w-\[85vw\] {
    max-width: 85vw !important;
  }
  .max-w-full {
    max-width: 100% !important;
  }
  .max-w-md {
    max-width: var(--container-md) !important;
  }
  .max-w-none {
    max-width: none !important;
  }
  .min-w-0 {
    min-width: 0px !important;
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6) !important;
  }
  .min-w-30 {
    min-width: calc(var(--spacing) * 30) !important;
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36) !important;
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40) !important;
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44) !important;
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48) !important;
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60) !important;
  }
  .min-w-64 {
    min-width: calc(var(--spacing) * 64) !important;
  }
  .min-w-140 {
    min-width: calc(var(--spacing) * 140) !important;
  }
  .flex-1 {
    flex: 1 !important;
  }
  .flex-none {
    flex: none !important;
  }
  .shrink-0 {
    flex-shrink: 0 !important;
  }
  .basis-20 {
    flex-basis: calc(var(--spacing) * 20) !important;
  }
  .basis-40 {
    flex-basis: calc(var(--spacing) * 40) !important;
  }
  .basis-60 {
    flex-basis: calc(var(--spacing) * 60) !important;
  }
  .border-collapse {
    border-collapse: collapse !important;
  }
  .origin-left {
    transform-origin: 0 !important;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .scale-x-0 {
    --tw-scale-x: 0% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .scale-x-25 {
    --tw-scale-x: 25% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .scale-x-33 {
    --tw-scale-x: 33% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .scale-x-50 {
    --tw-scale-x: 50% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .scale-x-66 {
    --tw-scale-x: 66% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .scale-x-75 {
    --tw-scale-x: 75% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .scale-x-100 {
    --tw-scale-x: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .-rotate-90 {
    rotate: calc(90deg * -1) !important;
  }
  .rotate-90 {
    rotate: 90deg !important;
  }
  .rotate-180 {
    rotate: 180deg !important;
  }
  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important;
  }
  .animate-app-card-in {
    animation: var(--animate-app-card-in) !important;
  }
  .animate-app-chip-in {
    animation: var(--animate-app-chip-in) !important;
  }
  .animate-app-doc-in {
    animation: var(--animate-app-doc-in) !important;
  }
  .animate-app-dot {
    animation: var(--animate-app-dot) !important;
  }
  .animate-app-drawer-in {
    animation: var(--animate-app-drawer-in) !important;
  }
  .animate-app-drawer-out {
    animation: var(--animate-app-drawer-out) !important;
  }
  .animate-app-fade-in {
    animation: var(--animate-app-fade-in) !important;
  }
  .animate-app-fade-out {
    animation: var(--animate-app-fade-out) !important;
  }
  .animate-app-panel-in {
    animation: var(--animate-app-panel-in) !important;
  }
  .animate-app-panel-out {
    animation: var(--animate-app-panel-out) !important;
  }
  .animate-app-shake {
    animation: var(--animate-app-shake) !important;
  }
  .animate-app-sheet-in {
    animation: var(--animate-app-sheet-in) !important;
  }
  .animate-app-sheet-out {
    animation: var(--animate-app-sheet-out) !important;
  }
  .animate-app-shimmer {
    animation: var(--animate-app-shimmer) !important;
  }
  .animate-app-spin {
    animation: var(--animate-app-spin) !important;
  }
  .animate-app-step-back {
    animation: var(--animate-app-step-back) !important;
  }
  .animate-app-step-forward {
    animation: var(--animate-app-step-forward) !important;
  }
  .animate-app-sweep {
    animation: var(--animate-app-sweep) !important;
  }
  .animate-app-toast-in {
    animation: var(--animate-app-toast-in) !important;
  }
  .animate-app-toast-out {
    animation: var(--animate-app-toast-out) !important;
  }
  .animate-pulse {
    animation: var(--animate-pulse) !important;
  }
  .animate-spin {
    animation: var(--animate-spin) !important;
  }
  .cursor-grab {
    cursor: grab !important;
  }
  .cursor-not-allowed {
    cursor: not-allowed !important;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .cursor-text {
    cursor: text !important;
  }
  .resize-none {
    resize: none !important;
  }
  .scroll-mt-6 {
    scroll-margin-top: calc(var(--spacing) * 6) !important;
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24) !important;
  }
  .list-disc {
    list-style-type: disc !important;
  }
  .list-none {
    list-style-type: none !important;
  }
  .appearance-none {
    appearance: none !important;
  }
  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr) !important;
  }
  .grid-flow-col {
    grid-auto-flow: column !important;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr !important;
  }
  .grid-cols-\[6rem_1fr_auto\] {
    grid-template-columns: 6rem 1fr auto !important;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0,1fr) !important;
  }
  .grid-cols-\[minmax\(0\,1\.4fr\)_10rem_minmax\(0\,1\.4fr\)_4rem\] {
    grid-template-columns: minmax(0,1.4fr) 10rem minmax(0,1.4fr) 4rem !important;
  }
  .grid-cols-\[minmax\(0\,1fr\)_47\.5rem_22\.5rem\] {
    grid-template-columns: minmax(0,1fr) 47.5rem 22.5rem !important;
  }
  .grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr)) !important;
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr !important;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr !important;
  }
  .flex-col {
    flex-direction: column !important;
  }
  .flex-col-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-row {
    flex-direction: row !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .items-baseline {
    align-items: baseline !important;
  }
  .items-center {
    align-items: center !important;
  }
  .items-end {
    align-items: flex-end !important;
  }
  .items-start {
    align-items: flex-start !important;
  }
  .items-stretch {
    align-items: stretch !important;
  }
  .justify-between {
    justify-content: space-between !important;
  }
  .justify-center {
    justify-content: center !important;
  }
  .justify-end {
    justify-content: flex-end !important;
  }
  .justify-start {
    justify-content: flex-start !important;
  }
  .gap-0 {
    gap: 0px !important;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5) !important;
  }
  .gap-1 {
    gap: var(--spacing) !important;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5) !important;
  }
  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25) !important;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5) !important;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3) !important;
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5) !important;
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5) !important;
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7) !important;
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8) !important;
  }
  .gap-9 {
    gap: calc(var(--spacing) * 9) !important;
  }
  .gap-\[0\.2em\] {
    gap: 0.2em !important;
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2) !important;
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5) !important;
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3) !important;
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4) !important;
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5) !important;
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6) !important;
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5) !important;
  }
  .gap-y-1 {
    row-gap: var(--spacing) !important;
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5) !important;
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2) !important;
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3) !important;
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4) !important;
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5) !important;
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0 !important;
    border-bottom-style: var(--tw-border-style) !important;
    border-top-style: var(--tw-border-style) !important;
    border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  }
  :where(.divide-hairline > :not(:last-child)) {
    border-color: var(--color-hairline) !important;
  }
  .self-end {
    align-self: flex-end !important;
  }
  .self-start {
    align-self: flex-start !important;
  }
  .justify-self-center {
    justify-self: center !important;
  }
  .justify-self-end {
    justify-self: flex-end !important;
  }
  .truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .overflow-auto {
    overflow: auto !important;
  }
  .overflow-hidden {
    overflow: hidden !important;
  }
  .overflow-visible {
    overflow: visible !important;
  }
  .overflow-x-auto {
    overflow-x: auto !important;
  }
  .overflow-y-auto {
    overflow-y: auto !important;
  }
  .rounded {
    border-radius: 0.25rem !important;
  }
  .rounded-\[2px\] {
    border-radius: 2px !important;
  }
  .rounded-\[8px\] {
    border-radius: 8px !important;
  }
  .rounded-\[10px\] {
    border-radius: 10px !important;
  }
  .rounded-\[12px\] {
    border-radius: 12px !important;
  }
  .rounded-\[16px\] {
    border-radius: 16px !important;
  }
  .rounded-\[24px\] {
    border-radius: 24px !important;
  }
  .rounded-app-button {
    border-radius: var(--radius-app-button) !important;
  }
  .rounded-app-control {
    border-radius: var(--radius-app-control) !important;
  }
  .rounded-app-dialog {
    border-radius: var(--radius-app-dialog) !important;
  }
  .rounded-app-paper {
    border-radius: var(--radius-app-paper) !important;
  }
  .rounded-app-segment {
    border-radius: var(--radius-app-segment) !important;
  }
  .rounded-full {
    border-radius: var(--radius-full) !important;
  }
  .rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
  .rounded-md {
    border-radius: var(--radius-md) !important;
  }
  .rounded-sm {
    border-radius: var(--radius-sm) !important;
  }
  .rounded-xs {
    border-radius: var(--radius-xs) !important;
  }
  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-2 {
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
  }
  .border-4 {
    border-style: var(--tw-border-style) !important;
    border-width: 4px !important;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style) !important;
    border-width: 1.5px !important;
  }
  .border-app-drop {
    border-style: var(--tw-border-style) !important;
    border-width: var(--border-width-app-drop) !important;
  }
  .border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .border-r {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0px !important;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 2px !important;
  }
  .border-l {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 2px !important;
  }
  .border-l-3 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 3px !important;
  }
  .border-dashed {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }
  .border-app-amber-200 {
    border-color: var(--color-app-amber-200) !important;
  }
  .border-app-blue-200 {
    border-color: var(--color-app-blue-200) !important;
  }
  .border-app-emerald-500\/50 {
    border-color: color-mix(in srgb, #10b981 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-emerald-500) 50%, transparent) !important;
    }
  }
  .border-app-input-border {
    border-color: var(--color-app-input-border) !important;
  }
  .border-app-rose-300 {
    border-color: var(--color-app-rose-300) !important;
  }
  .border-app-rose-400 {
    border-color: var(--color-app-rose-400) !important;
  }
  .border-app-rose-400\/40 {
    border-color: color-mix(in srgb, #fb7185 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-rose-400) 40%, transparent) !important;
    }
  }
  .border-app-rose-400\/45 {
    border-color: color-mix(in srgb, #fb7185 45%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-rose-400) 45%, transparent) !important;
    }
  }
  .border-app-rule {
    border-color: var(--color-app-rule) !important;
  }
  .border-app-subtle {
    border-color: var(--color-app-subtle) !important;
  }
  .border-app-violet-200 {
    border-color: var(--color-app-violet-200) !important;
  }
  .border-app-violet-300 {
    border-color: var(--color-app-violet-300) !important;
  }
  .border-app-violet-300\/60 {
    border-color: color-mix(in srgb, #c4b5fd 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-violet-300) 60%, transparent) !important;
    }
  }
  .border-app-violet-400 {
    border-color: var(--color-app-violet-400) !important;
  }
  .border-app-violet-400\/50 {
    border-color: color-mix(in srgb, #a78bfa 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-violet-400) 50%, transparent) !important;
    }
  }
  .border-app-violet-500 {
    border-color: var(--color-app-violet-500) !important;
  }
  .border-app-violet-600 {
    border-color: var(--color-app-violet-600) !important;
  }
  .border-app-violet-800\/12\.5 {
    border-color: color-mix(in srgb, #5b21b6 12.5%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-violet-800) 12.5%, transparent) !important;
    }
  }
  .border-app-violet-800\/75 {
    border-color: color-mix(in srgb, #5b21b6 75%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-violet-800) 75%, transparent) !important;
    }
  }
  .border-auth-card-border {
    border-color: var(--color-auth-card-border) !important;
  }
  .border-auth-danger-border {
    border-color: var(--color-auth-danger-border) !important;
  }
  .border-auth-input-border {
    border-color: var(--color-auth-input-border) !important;
  }
  .border-auth-tag-border {
    border-color: var(--color-auth-tag-border) !important;
  }
  .border-canvas {
    border-color: var(--color-canvas) !important;
  }
  .border-cta {
    border-color: var(--color-cta) !important;
  }
  .border-cta-soft {
    border-color: var(--color-cta-soft) !important;
  }
  .border-hairline {
    border-color: var(--color-hairline) !important;
  }
  .border-hairline\/70 {
    border-color: color-mix(in srgb, #e7e6f4 70%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-hairline) 70%, transparent) !important;
    }
  }
  .border-transparent {
    border-color: transparent !important;
  }
  .bg-app-amber-50 {
    background-color: var(--color-app-amber-50) !important;
  }
  .bg-app-amber-100 {
    background-color: var(--color-app-amber-100) !important;
  }
  .bg-app-amber-200 {
    background-color: var(--color-app-amber-200) !important;
  }
  .bg-app-amber-200\/55 {
    background-color: color-mix(in srgb, #fde68a 55%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-amber-200) 55%, transparent) !important;
    }
  }
  .bg-app-amber-400 {
    background-color: var(--color-app-amber-400) !important;
  }
  .bg-app-amber-500 {
    background-color: var(--color-app-amber-500) !important;
  }
  .bg-app-blue-50 {
    background-color: var(--color-app-blue-50) !important;
  }
  .bg-app-blue-100 {
    background-color: var(--color-app-blue-100) !important;
  }
  .bg-app-blue-500 {
    background-color: var(--color-app-blue-500) !important;
  }
  .bg-app-emerald-50 {
    background-color: var(--color-app-emerald-50) !important;
  }
  .bg-app-emerald-100 {
    background-color: var(--color-app-emerald-100) !important;
  }
  .bg-app-emerald-500 {
    background-color: var(--color-app-emerald-500) !important;
  }
  .bg-app-faint {
    background-color: var(--color-app-faint) !important;
  }
  .bg-app-green-50 {
    background-color: var(--color-app-green-50) !important;
  }
  .bg-app-input-border {
    background-color: var(--color-app-input-border) !important;
  }
  .bg-app-line-2 {
    background-color: var(--color-app-line-2) !important;
  }
  .bg-app-night {
    background-color: var(--color-app-night) !important;
  }
  .bg-app-night\/50 {
    background-color: color-mix(in srgb, #191034 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-night) 50%, transparent) !important;
    }
  }
  .bg-app-night\/80 {
    background-color: color-mix(in srgb, #191034 80%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-night) 80%, transparent) !important;
    }
  }
  .bg-app-orange-500 {
    background-color: var(--color-app-orange-500) !important;
  }
  .bg-app-page {
    background-color: var(--color-app-page) !important;
  }
  .bg-app-page\/40 {
    background-color: color-mix(in srgb, #f9f9fd 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-page) 40%, transparent) !important;
    }
  }
  .bg-app-page\/60 {
    background-color: color-mix(in srgb, #f9f9fd 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-page) 60%, transparent) !important;
    }
  }
  .bg-app-pink-500 {
    background-color: var(--color-app-pink-500) !important;
  }
  .bg-app-rose-50 {
    background-color: var(--color-app-rose-50) !important;
  }
  .bg-app-rose-100 {
    background-color: var(--color-app-rose-100) !important;
  }
  .bg-app-rose-300\/60 {
    background-color: color-mix(in srgb, #fda4af 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-rose-300) 60%, transparent) !important;
    }
  }
  .bg-app-rose-400 {
    background-color: var(--color-app-rose-400) !important;
  }
  .bg-app-rose-500 {
    background-color: var(--color-app-rose-500) !important;
  }
  .bg-app-rose-600 {
    background-color: var(--color-app-rose-600) !important;
  }
  .bg-app-scrim-drawer\/45 {
    background-color: color-mix(in srgb, #0f0a28 45%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-scrim-drawer) 45%, transparent) !important;
    }
  }
  .bg-app-subtle {
    background-color: var(--color-app-subtle) !important;
  }
  .bg-app-teal-500 {
    background-color: var(--color-app-teal-500) !important;
  }
  .bg-app-violet-50 {
    background-color: var(--color-app-violet-50) !important;
  }
  .bg-app-violet-50\/35 {
    background-color: color-mix(in srgb, #f5f3ff 35%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 35%, transparent) !important;
    }
  }
  .bg-app-violet-50\/40 {
    background-color: color-mix(in srgb, #f5f3ff 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 40%, transparent) !important;
    }
  }
  .bg-app-violet-50\/50 {
    background-color: color-mix(in srgb, #f5f3ff 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 50%, transparent) !important;
    }
  }
  .bg-app-violet-50\/60 {
    background-color: color-mix(in srgb, #f5f3ff 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 60%, transparent) !important;
    }
  }
  .bg-app-violet-50\/70 {
    background-color: color-mix(in srgb, #f5f3ff 70%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 70%, transparent) !important;
    }
  }
  .bg-app-violet-100 {
    background-color: var(--color-app-violet-100) !important;
  }
  .bg-app-violet-400 {
    background-color: var(--color-app-violet-400) !important;
  }
  .bg-app-violet-500 {
    background-color: var(--color-app-violet-500) !important;
  }
  .bg-app-violet-500\/10 {
    background-color: color-mix(in srgb, #8b5cf6 10%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-500) 10%, transparent) !important;
    }
  }
  .bg-app-violet-600 {
    background-color: var(--color-app-violet-600) !important;
  }
  .bg-app-violet-950 {
    background-color: var(--color-app-violet-950) !important;
  }
  .bg-app-wash-1\/55 {
    background-color: color-mix(in srgb, #ebdcfd 55%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-wash-1) 55%, transparent) !important;
    }
  }
  .bg-app-wash-2\/55 {
    background-color: color-mix(in srgb, #efe3fe 55%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-wash-2) 55%, transparent) !important;
    }
  }
  .bg-app-wash-3\/60 {
    background-color: color-mix(in srgb, #f3eeff 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-wash-3) 60%, transparent) !important;
    }
  }
  .bg-app-wash-4\/50 {
    background-color: color-mix(in srgb, #e6eaff 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-wash-4) 50%, transparent) !important;
    }
  }
  .bg-app-wash-5\/35 {
    background-color: color-mix(in srgb, #fbf7ff 35%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-wash-5) 35%, transparent) !important;
    }
  }
  .bg-app-zebra {
    background-color: var(--color-app-zebra) !important;
  }
  .bg-auth-ink {
    background-color: var(--color-auth-ink) !important;
  }
  .bg-auth-input-border {
    background-color: var(--color-auth-input-border) !important;
  }
  .bg-auth-page {
    background-color: var(--color-auth-page) !important;
  }
  .bg-auth-secondary-hover {
    background-color: var(--color-auth-secondary-hover) !important;
  }
  .bg-auth-tag {
    background-color: var(--color-auth-tag) !important;
  }
  .bg-canvas-card {
    background-color: var(--color-canvas-card) !important;
  }
  .bg-canvas-card\/50 {
    background-color: color-mix(in srgb, #ffffff 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-canvas-card) 50%, transparent) !important;
    }
  }
  .bg-canvas-card\/60 {
    background-color: color-mix(in srgb, #ffffff 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-canvas-card) 60%, transparent) !important;
    }
  }
  .bg-canvas-card\/70 {
    background-color: color-mix(in srgb, #ffffff 70%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-canvas-card) 70%, transparent) !important;
    }
  }
  .bg-canvas-card\/75 {
    background-color: color-mix(in srgb, #ffffff 75%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-canvas-card) 75%, transparent) !important;
    }
  }
  .bg-canvas-card\/90 {
    background-color: color-mix(in srgb, #ffffff 90%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-canvas-card) 90%, transparent) !important;
    }
  }
  .bg-cta {
    background-color: var(--color-cta) !important;
  }
  .bg-cta-soft {
    background-color: var(--color-cta-soft) !important;
  }
  .bg-hairline {
    background-color: var(--color-hairline) !important;
  }
  .bg-system-pill {
    background-color: var(--color-system-pill) !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .bg-violet-100 {
    background-color: var(--color-violet-100) !important;
  }
  .bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom !important;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab !important;
    }
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }
  .bg-linear-to-br {
    --tw-gradient-position: to bottom right !important;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom right in oklab !important;
    }
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }
  .bg-linear-to-r {
    --tw-gradient-position: to right !important;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab !important;
    }
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }
  .bg-\(image\:--gradient-auth-notice-error\) {
    background-image: var(--gradient-auth-notice-error) !important;
  }
  .bg-\(image\:--gradient-auth-notice-info\) {
    background-image: var(--gradient-auth-notice-info) !important;
  }
  .bg-\(image\:--gradient-auth-notice-success\) {
    background-image: var(--gradient-auth-notice-success) !important;
  }
  .bg-\(image\:--gradient-auth-notice-warning\) {
    background-image: var(--gradient-auth-notice-warning) !important;
  }
  .bg-\(image\:--gradient-auth-wash\) {
    background-image: var(--gradient-auth-wash) !important;
  }
  .bg-\(image\:--gradient-system-sky\) {
    background-image: var(--gradient-system-sky) !important;
  }
  .bg-\(image\:--gradient-system-sky-shade\) {
    background-image: var(--gradient-system-sky-shade) !important;
  }
  .from-app-amber-50 {
    --tw-gradient-from: var(--color-app-amber-50) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-amber-200\/55 {
    --tw-gradient-from: color-mix(in srgb, #fde68a 55%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-app-amber-200) 55%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-blue-200\/60 {
    --tw-gradient-from: color-mix(in srgb, #bfdbfe 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-app-blue-200) 60%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-emerald-50 {
    --tw-gradient-from: var(--color-app-emerald-50) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-green-300\/50 {
    --tw-gradient-from: color-mix(in srgb, #86efac 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-app-green-300) 50%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-rose-50 {
    --tw-gradient-from: var(--color-app-rose-50) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-rose-200\/60 {
    --tw-gradient-from: color-mix(in srgb, #fecdd3 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-app-rose-200) 60%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-sky-100 {
    --tw-gradient-from: var(--color-app-sky-100) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-subtle {
    --tw-gradient-from: var(--color-app-subtle) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-violet-100 {
    --tw-gradient-from: var(--color-app-violet-100) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-violet-300 {
    --tw-gradient-from: var(--color-app-violet-300) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-app-violet-400 {
    --tw-gradient-from: var(--color-app-violet-400) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-canvas-card\/75 {
    --tw-gradient-from: color-mix(in srgb, #ffffff 75%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-canvas-card) 75%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-gradient-violet {
    --tw-gradient-from: var(--color-gradient-violet) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-hairline {
    --tw-gradient-from: var(--color-hairline) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .via-app-subtle {
    --tw-gradient-via: var(--color-app-subtle) !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }
  .via-gradient-violet\/0 {
    --tw-gradient-via: color-mix(in srgb, #a02be4 0%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-gradient-violet) 0%, transparent) !important;
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }
  .to-app-amber-100 {
    --tw-gradient-to: var(--color-app-amber-100) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-amber-300\/50 {
    --tw-gradient-to: color-mix(in srgb, #fcd34d 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-app-amber-300) 50%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-blue-100 {
    --tw-gradient-to: var(--color-app-blue-100) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-blue-300\/50 {
    --tw-gradient-to: color-mix(in srgb, #93c5fd 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-app-blue-300) 50%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-emerald-100 {
    --tw-gradient-to: var(--color-app-emerald-100) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-emerald-300\/50 {
    --tw-gradient-to: color-mix(in srgb, #6ee7b7 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-app-emerald-300) 50%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-indigo-100 {
    --tw-gradient-to: var(--color-app-indigo-100) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-pink-400 {
    --tw-gradient-to: var(--color-app-pink-400) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-rose-100 {
    --tw-gradient-to: var(--color-app-rose-100) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-rose-300\/50 {
    --tw-gradient-to: color-mix(in srgb, #fda4af 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-app-rose-300) 50%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-violet-100\/75 {
    --tw-gradient-to: color-mix(in srgb, #ede9fe 75%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-app-violet-100) 75%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-app-violet-200 {
    --tw-gradient-to: var(--color-app-violet-200) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-gradient-blue {
    --tw-gradient-to: var(--color-gradient-blue) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-gradient-pink {
    --tw-gradient-to: var(--color-gradient-pink) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-hairline {
    --tw-gradient-to: var(--color-hairline) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .box-decoration-clone {
    -webkit-box-decoration-break: clone !important;
    box-decoration-break: clone !important;
  }
  .bg-size-\[200\%_100\%\] {
    background-size: 200% 100% !important;
  }
  .fill-app-emerald-500 {
    fill: var(--color-app-emerald-500) !important;
  }
  .fill-app-rule {
    fill: var(--color-app-rule) !important;
  }
  .fill-auth-placeholder {
    fill: var(--color-auth-placeholder) !important;
  }
  .stroke-app-amber-500 {
    stroke: var(--color-app-amber-500) !important;
  }
  .stroke-app-blue-500 {
    stroke: var(--color-app-blue-500) !important;
  }
  .stroke-app-emerald-500 {
    stroke: var(--color-app-emerald-500) !important;
  }
  .stroke-app-violet-600 {
    stroke: var(--color-app-violet-600) !important;
  }
  .stroke-hairline {
    stroke: var(--color-hairline) !important;
  }
  .object-contain {
    object-fit: contain !important;
  }
  .object-cover {
    object-fit: cover !important;
  }
  .object-right-bottom {
    object-position: right bottom !important;
  }
  .p-0 {
    padding: 0px !important;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5) !important;
  }
  .p-1 {
    padding: var(--spacing) !important;
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5) !important;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }
  .p-5 {
    padding: calc(var(--spacing) * 5) !important;
  }
  .p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }
  .px-1 {
    padding-inline: var(--spacing) !important;
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }
  .px-1\.25 {
    padding-inline: calc(var(--spacing) * 1.25) !important;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5) !important;
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5) !important;
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5) !important;
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  .px-7\.5 {
    padding-inline: calc(var(--spacing) * 7.5) !important;
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  .px-\[22px\] {
    padding-inline: 22px !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .py-1 {
    padding-block: var(--spacing) !important;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5) !important;
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5) !important;
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5) !important;
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6) !important;
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7) !important;
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8) !important;
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10) !important;
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12) !important;
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16) !important;
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24) !important;
  }
  .py-\[3px\] {
    padding-block: 3px !important;
  }
  .py-px {
    padding-block: 1px !important;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5) !important;
  }
  .pt-1 {
    padding-top: var(--spacing) !important;
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5) !important;
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2) !important;
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5) !important;
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3) !important;
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4) !important;
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5) !important;
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6) !important;
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10) !important;
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20) !important;
  }
  .pt-\[12vh\] {
    padding-top: 12vh !important;
  }
  .pr-1 {
    padding-right: var(--spacing) !important;
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5) !important;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2) !important;
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3) !important;
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4) !important;
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6) !important;
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16) !important;
  }
  .pb-0 {
    padding-bottom: 0px !important;
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5) !important;
  }
  .pb-1 {
    padding-bottom: var(--spacing) !important;
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5) !important;
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4) !important;
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5) !important;
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8) !important;
  }
  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9) !important;
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10) !important;
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16) !important;
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24) !important;
  }
  .pl-0 {
    padding-left: 0px !important;
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5) !important;
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3) !important;
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4) !important;
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5) !important;
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6) !important;
  }
  .pl-6\.5 {
    padding-left: calc(var(--spacing) * 6.5) !important;
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8) !important;
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9) !important;
  }
  .pl-11 {
    padding-left: calc(var(--spacing) * 11) !important;
  }
  .pl-16\.5 {
    padding-left: calc(var(--spacing) * 16.5) !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right !important;
  }
  .align-middle {
    vertical-align: middle !important;
  }
  .font-\(family-name\:--font-newsreader\) {
    font-family: var(--font-newsreader) !important;
  }
  .font-display {
    font-family: var(--font-display) !important;
  }
  .font-mono {
    font-family: var(--font-mono) !important;
  }
  .font-sans {
    font-family: var(--font-sans) !important;
  }
  .text-app-body {
    font-size: var(--text-app-body) !important;
    line-height: var(--tw-leading, var(--text-app-body--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-body--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-body--font-weight)) !important;
  }
  .text-app-button-sm {
    font-size: var(--text-app-button-sm) !important;
    line-height: var(--tw-leading, var(--text-app-button-sm--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-button-sm--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-button-sm--font-weight)) !important;
  }
  .text-app-button-xs {
    font-size: var(--text-app-button-xs) !important;
    line-height: var(--tw-leading, var(--text-app-button-xs--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-button-xs--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-button-xs--font-weight)) !important;
  }
  .text-app-caption {
    font-size: var(--text-app-caption) !important;
    line-height: var(--tw-leading, var(--text-app-caption--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-caption--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-caption--font-weight)) !important;
  }
  .text-app-caption-strong {
    font-size: var(--text-app-caption-strong) !important;
    line-height: var(--tw-leading, var(--text-app-caption-strong--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-caption-strong--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-caption-strong--font-weight)) !important;
  }
  .text-app-card-title {
    font-size: var(--text-app-card-title) !important;
    line-height: var(--tw-leading, var(--text-app-card-title--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-card-title--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-card-title--font-weight)) !important;
  }
  .text-app-copy {
    font-size: var(--text-app-copy) !important;
    line-height: var(--tw-leading, var(--text-app-copy--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-copy--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-copy--font-weight)) !important;
  }
  .text-app-h1 {
    font-size: var(--text-app-h1) !important;
    line-height: var(--tw-leading, var(--text-app-h1--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-h1--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-h1--font-weight)) !important;
  }
  .text-app-heading {
    font-size: var(--text-app-heading) !important;
    line-height: var(--tw-leading, var(--text-app-heading--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-heading--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-heading--font-weight)) !important;
  }
  .text-app-kbd {
    font-size: var(--text-app-kbd) !important;
    line-height: var(--tw-leading, var(--text-app-kbd--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-kbd--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-kbd--font-weight)) !important;
  }
  .text-app-label {
    font-size: var(--text-app-label) !important;
    line-height: var(--tw-leading, var(--text-app-label--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-label--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-label--font-weight)) !important;
  }
  .text-app-label-strong {
    font-size: var(--text-app-label-strong) !important;
    line-height: var(--tw-leading, var(--text-app-label-strong--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-label-strong--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-label-strong--font-weight)) !important;
  }
  .text-app-micro {
    font-size: var(--text-app-micro) !important;
    line-height: var(--tw-leading, var(--text-app-micro--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-micro--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-micro--font-weight)) !important;
  }
  .text-app-mono {
    font-size: var(--text-app-mono) !important;
    line-height: var(--tw-leading, var(--text-app-mono--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-mono--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-mono--font-weight)) !important;
  }
  .text-app-overline {
    font-size: var(--text-app-overline) !important;
    line-height: var(--tw-leading, var(--text-app-overline--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-overline--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-overline--font-weight)) !important;
  }
  .text-app-query {
    font-size: var(--text-app-query) !important;
    line-height: var(--tw-leading, var(--text-app-query--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-query--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-query--font-weight)) !important;
  }
  .text-app-serif {
    font-size: var(--text-app-serif) !important;
    line-height: var(--tw-leading, var(--text-app-serif--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-serif--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-serif--font-weight)) !important;
  }
  .text-app-stat {
    font-size: var(--text-app-stat) !important;
    line-height: var(--tw-leading, var(--text-app-stat--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-stat--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-stat--font-weight)) !important;
  }
  .text-app-subtitle {
    font-size: var(--text-app-subtitle) !important;
    line-height: var(--tw-leading, var(--text-app-subtitle--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-subtitle--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-subtitle--font-weight)) !important;
  }
  .text-app-title {
    font-size: var(--text-app-title) !important;
    line-height: var(--tw-leading, var(--text-app-title--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-title--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-title--font-weight)) !important;
  }
  .text-app-toast {
    font-size: var(--text-app-toast) !important;
    line-height: var(--tw-leading, var(--text-app-toast--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-app-toast--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-app-toast--font-weight)) !important;
  }
  .text-auth-button {
    font-size: var(--text-auth-button) !important;
    line-height: var(--tw-leading, var(--text-auth-button--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-auth-button--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-auth-button--font-weight)) !important;
  }
  .text-auth-button-lg {
    font-size: var(--text-auth-button-lg) !important;
    line-height: var(--tw-leading, var(--text-auth-button-lg--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-auth-button-lg--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-auth-button-lg--font-weight)) !important;
  }
  .text-auth-divider {
    font-size: var(--text-auth-divider) !important;
    line-height: var(--tw-leading, var(--text-auth-divider--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-auth-divider--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-auth-divider--font-weight)) !important;
  }
  .text-auth-input {
    font-size: var(--text-auth-input) !important;
    line-height: var(--tw-leading, var(--text-auth-input--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-auth-input--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-auth-input--font-weight)) !important;
  }
  .text-auth-label {
    font-size: var(--text-auth-label) !important;
    line-height: var(--tw-leading, var(--text-auth-label--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-auth-label--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-auth-label--font-weight)) !important;
  }
  .text-auth-lead {
    font-size: var(--text-auth-lead) !important;
    line-height: var(--tw-leading, var(--text-auth-lead--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-auth-lead--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-auth-lead--font-weight)) !important;
  }
  .text-auth-small {
    font-size: var(--text-auth-small) !important;
    line-height: var(--tw-leading, var(--text-auth-small--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-auth-small--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-auth-small--font-weight)) !important;
  }
  .text-auth-tag-label {
    font-size: var(--text-auth-tag-label) !important;
    line-height: var(--tw-leading, var(--text-auth-tag-label--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-auth-tag-label--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-auth-tag-label--font-weight)) !important;
  }
  .text-auth-title-sm {
    font-size: var(--text-auth-title-sm) !important;
    line-height: var(--tw-leading, var(--text-auth-title-sm--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-auth-title-sm--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-auth-title-sm--font-weight)) !important;
  }
  .text-system-eyebrow-text {
    font-size: var(--text-system-eyebrow-text) !important;
    line-height: var(--tw-leading, var(--text-system-eyebrow-text--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-system-eyebrow-text--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-system-eyebrow-text--font-weight)) !important;
  }
  .text-system-lead-text {
    font-size: var(--text-system-lead-text) !important;
    line-height: var(--tw-leading, var(--text-system-lead-text--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-system-lead-text--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-system-lead-text--font-weight)) !important;
  }
  .text-system-pill-label {
    font-size: var(--text-system-pill-label) !important;
    line-height: var(--tw-leading, var(--text-system-pill-label--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-system-pill-label--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-system-pill-label--font-weight)) !important;
  }
  .text-system-title-sm {
    font-size: var(--text-system-title-sm) !important;
    line-height: var(--tw-leading, var(--text-system-title-sm--line-height)) !important;
    letter-spacing: var(--tw-tracking, var(--text-system-title-sm--letter-spacing)) !important;
    font-weight: var(--tw-font-weight, var(--text-system-title-sm--font-weight)) !important;
  }
  .text-\[0\.3em\] {
    font-size: 0.3em !important;
  }
  .text-\[0\.55em\] {
    font-size: 0.55em !important;
  }
  .text-\[10px\] {
    font-size: 10px !important;
  }
  .text-\[13px\] {
    font-size: 13px !important;
  }
  .text-\[14px\] {
    font-size: 14px !important;
  }
  .text-\[15px\] {
    font-size: 15px !important;
  }
  .text-\[16px\] {
    font-size: 16px !important;
  }
  .text-\[19px\] {
    font-size: 19px !important;
  }
  .text-\[20px\] {
    font-size: 20px !important;
  }
  .text-\[32px\] {
    font-size: 32px !important;
  }
  .text-\[36px\] {
    font-size: 36px !important;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15 !important;
    line-height: 1.15 !important;
  }
  .leading-\[1\.18\] {
    --tw-leading: 1.18 !important;
    line-height: 1.18 !important;
  }
  .leading-\[1\.625\] {
    --tw-leading: 1.625 !important;
    line-height: 1.625 !important;
  }
  .leading-\[15px\] {
    --tw-leading: 15px !important;
    line-height: 15px !important;
  }
  .leading-\[22px\] {
    --tw-leading: 22px !important;
    line-height: 22px !important;
  }
  .leading-\[25px\] {
    --tw-leading: 25px !important;
    line-height: 25px !important;
  }
  .leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .font-\[325\] {
    --tw-font-weight: 325 !important;
    font-weight: 325 !important;
  }
  .font-\[450\] {
    --tw-font-weight: 450 !important;
    font-weight: 450 !important;
  }
  .font-\[575\] {
    --tw-font-weight: 575 !important;
    font-weight: 575 !important;
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold) !important;
    font-weight: var(--font-weight-extrabold) !important;
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .tracking-\[-0\.1px\] {
    --tw-tracking: -0.1px !important;
    letter-spacing: -0.1px !important;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em !important;
    letter-spacing: -0.02em !important;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em !important;
    letter-spacing: 0.08em !important;
  }
  .tracking-\[0\.8px\] {
    --tw-tracking: 0.8px !important;
    letter-spacing: 0.8px !important;
  }
  .tracking-app-caps {
    --tw-tracking: var(--tracking-app-caps) !important;
    letter-spacing: var(--tracking-app-caps) !important;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
  }
  .break-all {
    word-break: break-all !important;
  }
  .whitespace-normal {
    white-space: normal !important;
  }
  .whitespace-nowrap {
    white-space: nowrap !important;
  }
  .whitespace-pre-line {
    white-space: pre-line !important;
  }
  .text-app-amber-400 {
    color: var(--color-app-amber-400) !important;
  }
  .text-app-amber-700 {
    color: var(--color-app-amber-700) !important;
  }
  .text-app-blue-300 {
    color: var(--color-app-blue-300) !important;
  }
  .text-app-blue-500 {
    color: var(--color-app-blue-500) !important;
  }
  .text-app-blue-700 {
    color: var(--color-app-blue-700) !important;
  }
  .text-app-blue-800 {
    color: var(--color-app-blue-800) !important;
  }
  .text-app-chevron {
    color: var(--color-app-chevron) !important;
  }
  .text-app-emerald-400 {
    color: var(--color-app-emerald-400) !important;
  }
  .text-app-emerald-500 {
    color: var(--color-app-emerald-500) !important;
  }
  .text-app-emerald-700 {
    color: var(--color-app-emerald-700) !important;
  }
  .text-app-faint {
    color: var(--color-app-faint) !important;
  }
  .text-app-ink {
    color: var(--color-app-ink) !important;
  }
  .text-app-ink-3 {
    color: var(--color-app-ink-3) !important;
  }
  .text-app-ink-strong {
    color: var(--color-app-ink-strong) !important;
  }
  .text-app-mono-ink {
    color: var(--color-app-mono-ink) !important;
  }
  .text-app-mute {
    color: var(--color-app-mute) !important;
  }
  .text-app-orange-500 {
    color: var(--color-app-orange-500) !important;
  }
  .text-app-pink-500 {
    color: var(--color-app-pink-500) !important;
  }
  .text-app-red-400 {
    color: var(--color-app-red-400) !important;
  }
  .text-app-rose-500 {
    color: var(--color-app-rose-500) !important;
  }
  .text-app-rose-600 {
    color: var(--color-app-rose-600) !important;
  }
  .text-app-rose-700 {
    color: var(--color-app-rose-700) !important;
  }
  .text-app-slate {
    color: var(--color-app-slate) !important;
  }
  .text-app-teal-500 {
    color: var(--color-app-teal-500) !important;
  }
  .text-app-violet-50 {
    color: var(--color-app-violet-50) !important;
  }
  .text-app-violet-100 {
    color: var(--color-app-violet-100) !important;
  }
  .text-app-violet-500 {
    color: var(--color-app-violet-500) !important;
  }
  .text-app-violet-600 {
    color: var(--color-app-violet-600) !important;
  }
  .text-app-violet-700 {
    color: var(--color-app-violet-700) !important;
  }
  .text-app-violet-800 {
    color: var(--color-app-violet-800) !important;
  }
  .text-auth-danger {
    color: var(--color-auth-danger) !important;
  }
  .text-auth-error-text {
    color: var(--color-auth-error-text) !important;
  }
  .text-auth-info-text {
    color: var(--color-auth-info-text) !important;
  }
  .text-auth-info-title {
    color: var(--color-auth-info-title) !important;
  }
  .text-auth-ink {
    color: var(--color-auth-ink) !important;
  }
  .text-auth-muted {
    color: var(--color-auth-muted) !important;
  }
  .text-auth-success-text {
    color: var(--color-auth-success-text) !important;
  }
  .text-auth-success-title {
    color: var(--color-auth-success-title) !important;
  }
  .text-auth-tag-text {
    color: var(--color-auth-tag-text) !important;
  }
  .text-auth-warning-text {
    color: var(--color-auth-warning-text) !important;
  }
  .text-auth-warning-title {
    color: var(--color-auth-warning-title) !important;
  }
  .text-canvas-card {
    color: var(--color-canvas-card) !important;
  }
  .text-canvas-card\/70 {
    color: color-mix(in srgb, #ffffff 70%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-canvas-card) 70%, transparent) !important;
    }
  }
  .text-cta {
    color: var(--color-cta) !important;
  }
  .text-footer-text {
    color: var(--color-footer-text) !important;
  }
  .text-inherit {
    color: inherit !important;
  }
  .text-ink {
    color: var(--color-ink) !important;
  }
  .text-kicker {
    color: var(--color-kicker) !important;
  }
  .text-shadow-violet {
    color: var(--color-shadow-violet) !important;
  }
  .text-transparent {
    color: transparent !important;
  }
  .text-white {
    color: var(--color-white) !important;
  }
  .normal-case {
    text-transform: none !important;
  }
  .uppercase {
    text-transform: uppercase !important;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important;
  }
  .no-underline {
    text-decoration-line: none !important;
  }
  .underline {
    text-decoration-line: underline !important;
  }
  .decoration-system-inline-line {
    text-decoration-color: var(--color-system-inline-line) !important;
  }
  .decoration-system-link-line {
    text-decoration-color: var(--color-system-link-line) !important;
  }
  .decoration-1 {
    text-decoration-thickness: 1px !important;
  }
  .underline-offset-2 {
    text-underline-offset: 2px !important;
  }
  .caret-transparent {
    caret-color: transparent !important;
  }
  .opacity-0 {
    opacity: 0% !important;
  }
  .opacity-45 {
    opacity: 45% !important;
  }
  .opacity-50 {
    opacity: 50% !important;
  }
  .opacity-60 {
    opacity: 60% !important;
  }
  .opacity-70 {
    opacity: 70% !important;
  }
  .opacity-80 {
    opacity: 80% !important;
  }
  .opacity-100 {
    opacity: 100% !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-badge-brand {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(167 139 250 / 0.5)), 0 1px 2px var(--tw-shadow-color, rgb(91 33 182 / 0.08)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-badge-danger {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(251 113 133 / 0.45)), 0 1px 2px var(--tw-shadow-color, rgb(91 33 182 / 0.08)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-badge-info {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(59 130 246 / 0.35)), 0 1px 2px var(--tw-shadow-color, rgb(91 33 182 / 0.08)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-badge-neutral {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #d4ceea), 0 1px 2px var(--tw-shadow-color, rgb(91 33 182 / 0.08)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-badge-success {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(16 185 129 / 0.4)), 0 1px 2px var(--tw-shadow-color, rgb(91 33 182 / 0.08)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-badge-warning {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(245 158 11 / 0.4)), 0 1px 2px var(--tw-shadow-color, rgb(91 33 182 / 0.08)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-bar {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-btn-danger {
    --tw-shadow: inset 0 -2px 6px var(--tw-shadow-color, rgb(253 164 175 / 0.5)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-btn-default {
    --tw-shadow: inset 0 -3px 6px -2px var(--tw-shadow-color, #e7e6f4) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-btn-primary {
    --tw-shadow: inset 0 -2px 6px var(--tw-shadow-color, #6d28d9) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-btn-purple {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgb(221 214 254 / 0.25)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-btn-secondary {
    --tw-shadow: inset 0 -2px 6px var(--tw-shadow-color, rgb(196 181 253 / 0.5)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-callout-error {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(251 113 133 / 0.3)), 0 4px 6px -4px var(--tw-shadow-color, rgb(91 33 182 / 0.075)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-callout-info {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(59 130 246 / 0.3)), 0 4px 6px -4px var(--tw-shadow-color, rgb(91 33 182 / 0.075)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-callout-success {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(16 185 129 / 0.3)), 0 4px 6px -4px var(--tw-shadow-color, rgb(91 33 182 / 0.075)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-callout-warning {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(245 158 11 / 0.3)), 0 4px 6px -4px var(--tw-shadow-color, rgb(91 33 182 / 0.075)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-card {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(91 33 182 / 0.075)), 0 4px 6px -4px var(--tw-shadow-color, rgb(91 33 182 / 0.075)), 0 0 0 1px var(--tw-shadow-color, rgb(91 33 182 / 0.075)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-input {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgb(139 92 246 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-kbd {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, #e7e6f4) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-knob {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgb(0 0 0 / 0.15)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-menu {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(76 29 149 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(76 29 149 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-overlay {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(46 16 101 / 0.25)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-paper {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgb(46 16 101 / 0.08)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-pill {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgb(0 0 0 / 0.05)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-sheet {
    --tw-shadow: -8px 0 40px -8px var(--tw-shadow-color, rgb(46 16 101 / 0.22)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-tile {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(91 33 182 / 0.1)), 0 1px 2px var(--tw-shadow-color, rgb(91 33 182 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-app-toast {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(46 16 101 / 0.5)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-auth-button {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(17 14 26 / 0.12)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-auth-card {
    --tw-shadow: 0 16px 48px 0 var(--tw-shadow-color, rgb(18 13 26 / 0.14)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-auth-focus {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, rgb(124 58 237 / 0.12)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-auth-notice {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(91 33 182 / 0.075)), 0 4px 6px -4px var(--tw-shadow-color, rgb(91 33 182 / 0.075)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring-3 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring-app-ink {
    --tw-ring-color: var(--color-app-ink) !important;
  }
  .ring-app-rose-300 {
    --tw-ring-color: var(--color-app-rose-300) !important;
  }
  .ring-app-violet-400 {
    --tw-ring-color: var(--color-app-violet-400) !important;
  }
  .ring-app-violet-500\/12 {
    --tw-ring-color: color-mix(in srgb, #8b5cf6 12%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-app-violet-500) 12%, transparent) !important;
    }
  }
  .ring-app-violet-500\/15 {
    --tw-ring-color: color-mix(in srgb, #8b5cf6 15%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-app-violet-500) 15%, transparent) !important;
    }
  }
  .ring-auth-error-ring {
    --tw-ring-color: var(--color-auth-error-ring) !important;
  }
  .ring-auth-info-ring {
    --tw-ring-color: var(--color-auth-info-ring) !important;
  }
  .ring-auth-success-ring {
    --tw-ring-color: var(--color-auth-success-ring) !important;
  }
  .ring-auth-warning-ring {
    --tw-ring-color: var(--color-auth-warning-ring) !important;
  }
  .ring-canvas-card {
    --tw-ring-color: var(--color-canvas-card) !important;
  }
  .outline {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .blur {
    --tw-blur: blur(8px) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }
  .blur-app-wash {
    --tw-blur: blur(var(--blur-app-wash)) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }
  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm)) !important;
    -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, ) !important;
    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, ) !important;
  }
  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs)) !important;
    -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, ) !important;
    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, ) !important;
  }
  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color,border-color,box-shadow !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-\[background-color\,border-color\] {
    transition-property: background-color,border-color !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-\[border-color\,box-shadow\] {
    transition-property: border-color,box-shadow !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-\[color\,background-color\,border-color\,box-shadow\] {
    transition-property: color,background-color,border-color,box-shadow !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-\[fill-opacity\] {
    transition-property: fill-opacity !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows,opacity !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-opacity {
    transition-property: opacity !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-shadow {
    transition-property: box-shadow !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .duration-150 {
    --tw-duration: 150ms !important;
    transition-duration: 150ms !important;
  }
  .duration-200 {
    --tw-duration: 200ms !important;
    transition-duration: 200ms !important;
  }
  .duration-240 {
    --tw-duration: 240ms !important;
    transition-duration: 240ms !important;
  }
  .duration-600 {
    --tw-duration: 600ms !important;
    transition-duration: 600ms !important;
  }
  .ease-app-drawer {
    --tw-ease: var(--ease-app-drawer) !important;
    transition-timing-function: var(--ease-app-drawer) !important;
  }
  .ease-app-out {
    --tw-ease: var(--ease-app-out) !important;
    transition-timing-function: var(--ease-app-out) !important;
  }
  .ease-app-standard {
    --tw-ease: var(--ease-app-standard) !important;
    transition-timing-function: var(--ease-app-standard) !important;
  }
  .ease-button {
    --tw-ease: var(--ease-button) !important;
    transition-timing-function: var(--ease-button) !important;
  }
  .ease-in {
    --tw-ease: var(--ease-in) !important;
    transition-timing-function: var(--ease-in) !important;
  }
  .ease-out {
    --tw-ease: var(--ease-out) !important;
    transition-timing-function: var(--ease-out) !important;
  }
  .outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .select-none {
    -webkit-user-select: none !important;
    user-select: none !important;
  }
  .\[--font-display\:var\(--font-mackinac\)\] {
    --font-display: var(--font-mackinac) !important;
  }
  .\[--font-mono\:var\(--font-fragment-mono\)\] {
    --font-mono: var(--font-fragment-mono) !important;
  }
  .\[--font-sans\:var\(--font-bricolage\)\] {
    --font-sans: var(--font-bricolage) !important;
  }
  .\[animation-delay\:0ms\] {
    animation-delay: 0ms !important;
  }
  .\[animation-delay\:160ms\] {
    animation-delay: 160ms !important;
  }
  .\[animation-delay\:320ms\] {
    animation-delay: 320ms !important;
  }
  .\[stop-color\:var\(--color-app-blue-500\)\] {
    stop-color: var(--color-app-blue-500) !important;
  }
  .\[stop-opacity\:0\.18\] {
    stop-opacity: 0.18 !important;
  }
  .\[stop-opacity\:0\] {
    stop-opacity: 0 !important;
  }
  .ring-inset {
    --tw-ring-inset: inset !important;
  }
  :is(.\*\:pointer-events-auto > *) {
    pointer-events: auto !important;
  }
  @media (hover: hover) {
    :is(:where(.group\/item):hover .group-hover\/item\:text-app-violet-700) {
      color: var(--color-app-violet-700) !important;
    }
    :is(:where(.group\/row):hover .group-hover\/row\:text-app-violet-700) {
      color: var(--color-app-violet-700) !important;
    }
  }
  :is(:where(.group\/item)[data-state="hover"] .group-data-\[state\=hover\]\/item\:text-app-violet-700) {
    color: var(--color-app-violet-700) !important;
  }
  :is(:where(.group\/row)[data-state="hover"] .group-data-\[state\=hover\]\/row\:text-app-violet-700) {
    color: var(--color-app-violet-700) !important;
  }
  :is(:where(.peer):checked ~ .peer-checked\:border-app-violet-600) {
    border-color: var(--color-app-violet-600) !important;
  }
  :is(:where(.peer):checked ~ .peer-checked\:bg-app-violet-600) {
    background-color: var(--color-app-violet-600) !important;
  }
  :is(:where(.peer):focus-visible ~ .peer-focus-visible\:ring-3) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  :is(:where(.peer):focus-visible ~ .peer-focus-visible\:ring-app-violet-500\/35) {
    --tw-ring-color: color-mix(in srgb, #8b5cf6 35%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-app-violet-500) 35%, transparent) !important;
    }
  }
  .selection\:bg-transparent ::selection {
    background-color: transparent !important;
  }
  .selection\:bg-transparent::selection {
    background-color: transparent !important;
  }
  .placeholder\:text-app-faint::placeholder {
    color: var(--color-app-faint) !important;
  }
  .placeholder\:text-auth-placeholder::placeholder {
    color: var(--color-auth-placeholder) !important;
  }
  .backdrop\:bg-app-night\/50::backdrop {
    background-color: color-mix(in srgb, #191034 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-night) 50%, transparent) !important;
    }
  }
  .backdrop\:bg-app-scrim-drawer::backdrop {
    background-color: var(--color-app-scrim-drawer) !important;
  }
  .backdrop\:backdrop-blur-xs::backdrop {
    --tw-backdrop-blur: blur(var(--blur-xs)) !important;
    -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, ) !important;
    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, ) !important;
  }
  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
  .first\:pt-0:first-child {
    padding-top: 0px !important;
  }
  .first\:pl-6:first-child {
    padding-left: calc(var(--spacing) * 6) !important;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0px !important;
  }
  .last\:pr-6:last-child {
    padding-right: calc(var(--spacing) * 6) !important;
  }
  .last\:pb-0:last-child {
    padding-bottom: 0px !important;
  }
  .read-only\:bg-auth-secondary-hover:read-only {
    background-color: var(--color-auth-secondary-hover) !important;
  }
  .focus-within\:border-app-violet-500:focus-within {
    border-color: var(--color-app-violet-500) !important;
  }
  .focus-within\:ring-3:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .focus-within\:ring-app-violet-500\/20:focus-within {
    --tw-ring-color: color-mix(in srgb, #8b5cf6 20%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-app-violet-500) 20%, transparent) !important;
    }
  }
  @media (hover: hover) {
    .hover\:border-app-violet-300:hover {
      border-color: var(--color-app-violet-300) !important;
    }
    .hover\:border-app-violet-400\/40:hover {
      border-color: color-mix(in srgb, #a78bfa 40%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-app-violet-400\/40:hover {
        border-color: color-mix(in oklab, var(--color-app-violet-400) 40%, transparent) !important;
      }
    }
    .hover\:border-auth-input-hover:hover {
      border-color: var(--color-auth-input-hover) !important;
    }
    .hover\:bg-app-page:hover {
      background-color: var(--color-app-page) !important;
    }
    .hover\:bg-app-violet-50:hover {
      background-color: var(--color-app-violet-50) !important;
    }
    .hover\:bg-app-violet-50\/40:hover {
      background-color: color-mix(in srgb, #f5f3ff 40%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-app-violet-50\/40:hover {
        background-color: color-mix(in oklab, var(--color-app-violet-50) 40%, transparent) !important;
      }
    }
    .hover\:bg-app-violet-50\/50:hover {
      background-color: color-mix(in srgb, #f5f3ff 50%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-app-violet-50\/50:hover {
        background-color: color-mix(in oklab, var(--color-app-violet-50) 50%, transparent) !important;
      }
    }
    .hover\:bg-app-violet-50\/60:hover {
      background-color: color-mix(in srgb, #f5f3ff 60%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-app-violet-50\/60:hover {
        background-color: color-mix(in oklab, var(--color-app-violet-50) 60%, transparent) !important;
      }
    }
    .hover\:bg-app-violet-50\/70:hover {
      background-color: color-mix(in srgb, #f5f3ff 70%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-app-violet-50\/70:hover {
        background-color: color-mix(in oklab, var(--color-app-violet-50) 70%, transparent) !important;
      }
    }
    .hover\:bg-app-violet-100:hover {
      background-color: var(--color-app-violet-100) !important;
    }
    .hover\:bg-app-violet-200:hover {
      background-color: var(--color-app-violet-200) !important;
    }
    .hover\:bg-auth-secondary-hover:hover {
      background-color: var(--color-auth-secondary-hover) !important;
    }
    .hover\:bg-canvas-card\/10:hover {
      background-color: color-mix(in srgb, #ffffff 10%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-canvas-card\/10:hover {
        background-color: color-mix(in oklab, var(--color-canvas-card) 10%, transparent) !important;
      }
    }
    .hover\:bg-cta-deep:hover {
      background-color: var(--color-cta-deep) !important;
    }
    .hover\:text-app-violet-600:hover {
      color: var(--color-app-violet-600) !important;
    }
    .hover\:text-app-violet-700:hover {
      color: var(--color-app-violet-700) !important;
    }
    .hover\:text-app-violet-800:hover {
      color: var(--color-app-violet-800) !important;
    }
    .hover\:text-auth-ink:hover {
      color: var(--color-auth-ink) !important;
    }
    .hover\:text-auth-link-hover:hover {
      color: var(--color-auth-link-hover) !important;
    }
    .hover\:text-canvas-card:hover {
      color: var(--color-canvas-card) !important;
    }
    .hover\:text-white:hover {
      color: var(--color-white) !important;
    }
    .hover\:underline:hover {
      text-decoration-line: underline !important;
    }
    .hover\:decoration-white:hover {
      text-decoration-color: var(--color-white) !important;
    }
    .hover\:opacity-70:hover {
      opacity: 70% !important;
    }
    .hover\:ring-1:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
    .hover\:ring-app-violet-400\/40:hover {
      --tw-ring-color: color-mix(in srgb, #a78bfa 40%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-app-violet-400\/40:hover {
        --tw-ring-color: color-mix(in oklab, var(--color-app-violet-400) 40%, transparent) !important;
      }
    }
    .hover\:\[fill-opacity\:0\.75\]:hover {
      fill-opacity: 0.75 !important;
    }
  }
  .focus\:border-cta:focus {
    border-color: var(--color-cta) !important;
  }
  .focus\:shadow-auth-focus:focus {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, rgb(124 58 237 / 0.12)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .focus-visible\:bg-app-violet-50\/60:focus-visible {
    background-color: color-mix(in srgb, #f5f3ff 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 60%, transparent) !important;
    }
  }
  .focus-visible\:bg-app-violet-50\/70:focus-visible {
    background-color: color-mix(in srgb, #f5f3ff 70%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 70%, transparent) !important;
    }
  }
  .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) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .focus-visible\:ring-app-violet-500:focus-visible {
    --tw-ring-color: var(--color-app-violet-500) !important;
  }
  .focus-visible\:ring-app-violet-500\/35:focus-visible {
    --tw-ring-color: color-mix(in srgb, #8b5cf6 35%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-app-violet-500) 35%, transparent) !important;
    }
  }
  .focus-visible\:ring-offset-4:focus-visible {
    --tw-ring-offset-width: 4px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px !important;
  }
  .focus-visible\:outline-cta:focus-visible {
    outline-color: var(--color-cta) !important;
  }
  .focus-visible\:outline-white:focus-visible {
    outline-color: var(--color-white) !important;
  }
  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset !important;
  }
  .active\:translate-y-px:active {
    --tw-translate-y: 1px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed !important;
  }
  .disabled\:cursor-progress:disabled {
    cursor: progress !important;
  }
  .disabled\:bg-cta-soft:disabled {
    background-color: var(--color-cta-soft) !important;
  }
  .disabled\:text-app-faint:disabled {
    color: var(--color-app-faint) !important;
  }
  .disabled\:text-auth-disabled-text:disabled {
    color: var(--color-auth-disabled-text) !important;
  }
  .disabled\:opacity-40:disabled {
    opacity: 40% !important;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50% !important;
  }
  .disabled\:opacity-60:disabled {
    opacity: 60% !important;
  }
  .disabled\:opacity-100:disabled {
    opacity: 100% !important;
  }
  .disabled\:shadow-none:disabled {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .disabled\:active\:translate-y-0:disabled:active {
    --tw-translate-y: 0px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .has-checked\:border-app-violet-300:has(:checked) {
    border-color: var(--color-app-violet-300) !important;
  }
  .has-checked\:border-app-violet-500:has(:checked) {
    border-color: var(--color-app-violet-500) !important;
  }
  .has-checked\:bg-app-violet-50:has(:checked) {
    background-color: var(--color-app-violet-50) !important;
  }
  .has-checked\:shadow-none:has(:checked) {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .has-checked\:ring-3:has(:checked) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .has-checked\:ring-app-violet-500\/15:has(:checked) {
    --tw-ring-color: color-mix(in srgb, #8b5cf6 15%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-app-violet-500) 15%, transparent) !important;
    }
  }
  .has-focus-visible\:ring-3:has(:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .has-focus-visible\:ring-app-violet-500\/35:has(:focus-visible) {
    --tw-ring-color: color-mix(in srgb, #8b5cf6 35%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-app-violet-500) 35%, transparent) !important;
    }
  }
  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: 50% !important;
  }
  .aria-expanded\:bg-app-violet-50[aria-expanded="true"] {
    background-color: var(--color-app-violet-50) !important;
  }
  .aria-expanded\:text-app-violet-600[aria-expanded="true"] {
    color: var(--color-app-violet-600) !important;
  }
  .aria-invalid\:border-auth-danger-border[aria-invalid="true"] {
    border-color: var(--color-auth-danger-border) !important;
  }
  .data-\[disabled\=true\]\:border-app-input-border[data-disabled="true"] {
    border-color: var(--color-app-input-border) !important;
  }
  .data-\[disabled\=true\]\:bg-app-subtle[data-disabled="true"] {
    background-color: var(--color-app-subtle) !important;
  }
  .data-\[disabled\=true\]\:ring-0[data-disabled="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .data-\[invalid\=true\]\:border-app-rose-400[data-invalid="true"] {
    border-color: var(--color-app-rose-400) !important;
  }
  .data-\[invalid\=true\]\:ring-3[data-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .data-\[invalid\=true\]\:ring-app-rose-400\/15[data-invalid="true"] {
    --tw-ring-color: color-mix(in srgb, #fb7185 15%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-app-rose-400) 15%, transparent) !important;
    }
  }
  .data-\[state\=expanded\]\:border-b-0[data-state="expanded"] {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0px !important;
  }
  .data-\[state\=expanded\]\:bg-app-violet-50\/35[data-state="expanded"] {
    background-color: color-mix(in srgb, #f5f3ff 35%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 35%, transparent) !important;
    }
  }
  .data-\[state\=focus\]\:border-app-violet-500[data-state="focus"] {
    border-color: var(--color-app-violet-500) !important;
  }
  .data-\[state\=focus\]\:ring-3[data-state="focus"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .data-\[state\=focus\]\:ring-app-violet-500\/20[data-state="focus"] {
    --tw-ring-color: color-mix(in srgb, #8b5cf6 20%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-app-violet-500) 20%, transparent) !important;
    }
  }
  .data-\[state\=hover\]\:border-app-violet-300[data-state="hover"] {
    border-color: var(--color-app-violet-300) !important;
  }
  .data-\[state\=hover\]\:bg-app-violet-50\/50[data-state="hover"] {
    background-color: color-mix(in srgb, #f5f3ff 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 50%, transparent) !important;
    }
  }
  .data-\[state\=selected\]\:bg-app-violet-50[data-state="selected"] {
    background-color: var(--color-app-violet-50) !important;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none !important;
    }
    .motion-reduce\:transition-none {
      transition-property: none !important;
    }
  }
  @media (width < 48rem) {
    .max-md\:bg-transparent {
      background-color: transparent !important;
    }
    .max-md\:shadow-none {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  @media (width < 40rem) {
    .max-sm\:fixed {
      position: fixed !important;
    }
    .max-sm\:inset-x-3 {
      inset-inline: calc(var(--spacing) * 3) !important;
    }
    .max-sm\:top-16 {
      top: calc(var(--spacing) * 16) !important;
    }
    .max-sm\:w-full {
      width: 100% !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:top-7 {
      top: calc(var(--spacing) * 7) !important;
    }
    .sm\:left-8 {
      left: calc(var(--spacing) * 8) !important;
    }
    .sm\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6) !important;
    }
    .sm\:mt-0 {
      margin-top: 0px !important;
    }
    .sm\:ml-auto {
      margin-left: auto !important;
    }
    .sm\:block {
      display: block !important;
    }
    .sm\:flex {
      display: flex !important;
    }
    .sm\:hidden {
      display: none !important;
    }
    .sm\:inline {
      display: inline !important;
    }
    .sm\:inline-flex {
      display: inline-flex !important;
    }
    .sm\:h-14 {
      height: calc(var(--spacing) * 14) !important;
    }
    .sm\:w-60 {
      width: calc(var(--spacing) * 60) !important;
    }
    .sm\:w-72 {
      width: calc(var(--spacing) * 72) !important;
    }
    .sm\:w-80 {
      width: calc(var(--spacing) * 80) !important;
    }
    .sm\:w-100 {
      width: calc(var(--spacing) * 100) !important;
    }
    .sm\:w-120 {
      width: calc(var(--spacing) * 120) !important;
    }
    .sm\:w-auto {
      width: auto !important;
    }
    .sm\:max-w-80 {
      max-width: calc(var(--spacing) * 80) !important;
    }
    .sm\:max-w-120 {
      max-width: calc(var(--spacing) * 120) !important;
    }
    .sm\:flex-1 {
      flex: 1 !important;
    }
    .sm\:flex-none {
      flex: none !important;
    }
    .sm\:shrink-0 {
      flex-shrink: 0 !important;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .sm\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }
    .sm\:grid-cols-\[7rem_1fr_3rem_4\.5rem\] {
      grid-template-columns: 7rem 1fr 3rem 4.5rem !important;
    }
    .sm\:flex-row {
      flex-direction: row !important;
    }
    .sm\:items-baseline {
      align-items: baseline !important;
    }
    .sm\:items-center {
      align-items: center !important;
    }
    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2) !important;
    }
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3) !important;
    }
    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8) !important;
    }
    .sm\:rounded-\[10px\] {
      border-radius: 10px !important;
    }
    .sm\:p-3 {
      padding: calc(var(--spacing) * 3) !important;
    }
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6) !important;
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8) !important;
    }
    .sm\:px-0 {
      padding-inline: 0px !important;
    }
    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2) !important;
    }
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4) !important;
    }
    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5) !important;
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6) !important;
    }
    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10) !important;
    }
    .sm\:px-12 {
      padding-inline: calc(var(--spacing) * 12) !important;
    }
    .sm\:px-14 {
      padding-inline: calc(var(--spacing) * 14) !important;
    }
    .sm\:py-16 {
      padding-block: calc(var(--spacing) * 16) !important;
    }
    .sm\:pt-12 {
      padding-top: calc(var(--spacing) * 12) !important;
    }
    .sm\:pt-13 {
      padding-top: calc(var(--spacing) * 13) !important;
    }
    .sm\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10) !important;
    }
    .sm\:text-auth-code {
      font-size: var(--text-auth-code) !important;
      line-height: var(--tw-leading, var(--text-auth-code--line-height)) !important;
      letter-spacing: var(--tw-tracking, var(--text-auth-code--letter-spacing)) !important;
      font-weight: var(--tw-font-weight, var(--text-auth-code--font-weight)) !important;
    }
    .sm\:text-auth-title {
      font-size: var(--text-auth-title) !important;
      line-height: var(--tw-leading, var(--text-auth-title--line-height)) !important;
      letter-spacing: var(--tw-tracking, var(--text-auth-title--letter-spacing)) !important;
      font-weight: var(--tw-font-weight, var(--text-auth-title--font-weight)) !important;
    }
    .sm\:text-system-title {
      font-size: var(--text-system-title) !important;
      line-height: var(--tw-leading, var(--text-system-title--line-height)) !important;
      letter-spacing: var(--tw-tracking, var(--text-system-title--letter-spacing)) !important;
      font-weight: var(--tw-font-weight, var(--text-system-title--font-weight)) !important;
    }
    .sm\:text-\[40px\] {
      font-size: 40px !important;
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-5 {
      grid-column: span 5 / span 5 !important;
    }
    .md\:col-span-7 {
      grid-column: span 7 / span 7 !important;
    }
    .md\:col-span-12 {
      grid-column: span 12 / span 12 !important;
    }
    .md\:block {
      display: block !important;
    }
    .md\:flex {
      display: flex !important;
    }
    .md\:grid {
      display: grid !important;
    }
    .md\:hidden {
      display: none !important;
    }
    .md\:inline {
      display: inline !important;
    }
    .md\:inline-flex {
      display: inline-flex !important;
    }
    .md\:w-40 {
      width: calc(var(--spacing) * 40) !important;
    }
    .md\:w-44 {
      width: calc(var(--spacing) * 44) !important;
    }
    .md\:w-56 {
      width: calc(var(--spacing) * 56) !important;
    }
    .md\:w-60 {
      width: calc(var(--spacing) * 60) !important;
    }
    .md\:w-64 {
      width: calc(var(--spacing) * 64) !important;
    }
    .md\:w-70 {
      width: calc(var(--spacing) * 70) !important;
    }
    .md\:w-72 {
      width: calc(var(--spacing) * 72) !important;
    }
    .md\:w-75 {
      width: calc(var(--spacing) * 75) !important;
    }
    .md\:max-w-80 {
      max-width: calc(var(--spacing) * 80) !important;
    }
    .md\:max-w-96 {
      max-width: calc(var(--spacing) * 96) !important;
    }
    .md\:shrink-0 {
      flex-shrink: 0 !important;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }
    .md\:grid-cols-\[minmax\(0\,1\.4fr\)_10rem_minmax\(0\,1\.4fr\)_4rem\] {
      grid-template-columns: minmax(0,1.4fr) 10rem minmax(0,1.4fr) 4rem !important;
    }
    .md\:items-center {
      align-items: center !important;
    }
    .md\:gap-3 {
      gap: calc(var(--spacing) * 3) !important;
    }
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4) !important;
    }
    .md\:justify-self-end {
      justify-self: flex-end !important;
    }
    .md\:px-5 {
      padding-inline: calc(var(--spacing) * 5) !important;
    }
    .md\:py-4 {
      padding-block: calc(var(--spacing) * 4) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:sr-only {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip-path: inset(50%) !important;
      white-space: nowrap !important;
      border-width: 0 !important;
    }
    .lg\:sticky {
      position: sticky !important;
    }
    .lg\:top-6 {
      top: calc(var(--spacing) * 6) !important;
    }
    .lg\:block {
      display: block !important;
    }
    .lg\:contents {
      display: contents !important;
    }
    .lg\:flex {
      display: flex !important;
    }
    .lg\:grid {
      display: grid !important;
    }
    .lg\:hidden {
      display: none !important;
    }
    .lg\:inline-flex {
      display: inline-flex !important;
    }
    .lg\:h-9 {
      height: calc(var(--spacing) * 9) !important;
    }
    .lg\:w-auto {
      width: auto !important;
    }
    .lg\:w-px {
      width: 1px !important;
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .lg\:grid-cols-\[14rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 14rem minmax(0,1fr) !important;
    }
    .lg\:grid-cols-\[382px_72px_1fr\] {
      grid-template-columns: 382px 72px 1fr !important;
    }
    .lg\:grid-cols-\[384px_1fr\] {
      grid-template-columns: 384px 1fr !important;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
      grid-template-columns: minmax(0,1fr) 18rem !important;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\] {
      grid-template-columns: minmax(0,1fr) 20rem !important;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
      grid-template-columns: minmax(0,1fr) 22rem !important;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_24rem\] {
      grid-template-columns: minmax(0,1fr) 24rem !important;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,25rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,25rem) !important;
    }
    .lg\:flex-row {
      flex-direction: row !important;
    }
    .lg\:items-center {
      align-items: center !important;
    }
    .lg\:justify-start {
      justify-content: flex-start !important;
    }
    .lg\:gap-0 {
      gap: 0px !important;
    }
    .lg\:rounded-md {
      border-radius: var(--radius-md) !important;
    }
    .lg\:border-t {
      border-top-style: var(--tw-border-style) !important;
      border-top-width: 1px !important;
    }
    .lg\:border-hairline {
      border-color: var(--color-hairline) !important;
    }
    .lg\:bg-canvas-card\/75 {
      background-color: color-mix(in srgb, #ffffff 75%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .lg\:bg-canvas-card\/75 {
        background-color: color-mix(in oklab, var(--color-canvas-card) 75%, transparent) !important;
      }
    }
    .lg\:px-5 {
      padding-inline: calc(var(--spacing) * 5) !important;
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8) !important;
    }
    .lg\:py-4 {
      padding-block: calc(var(--spacing) * 4) !important;
    }
    .lg\:py-6 {
      padding-block: calc(var(--spacing) * 6) !important;
    }
    .lg\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10) !important;
    }
    .lg\:shadow-app-card {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(91 33 182 / 0.075)), 0 4px 6px -4px var(--tw-shadow-color, rgb(91 33 182 / 0.075)), 0 0 0 1px var(--tw-shadow-color, rgb(91 33 182 / 0.075)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  @media (width >= 80rem) {
    .xl\:sticky {
      position: sticky !important;
    }
    .xl\:top-6 {
      top: calc(var(--spacing) * 6) !important;
    }
    .xl\:col-span-3 {
      grid-column: span 3 / span 3 !important;
    }
    .xl\:col-span-4 {
      grid-column: span 4 / span 4 !important;
    }
    .xl\:col-span-5 {
      grid-column: span 5 / span 5 !important;
    }
    .xl\:block {
      display: block !important;
    }
    .xl\:flex {
      display: flex !important;
    }
    .xl\:hidden {
      display: none !important;
    }
    .xl\:table-cell {
      display: table-cell !important;
    }
    .xl\:w-96 {
      width: calc(var(--spacing) * 96) !important;
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .xl\:grid-cols-\[14rem_minmax\(0\,1fr\)_13rem\] {
      grid-template-columns: 14rem minmax(0,1fr) 13rem !important;
    }
    .xl\:grid-cols-\[18rem_minmax\(0\,1fr\)_20rem\] {
      grid-template-columns: 18rem minmax(0,1fr) 20rem !important;
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_22\.5rem\] {
      grid-template-columns: minmax(0,1fr) 22.5rem !important;
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) !important;
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.15fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1.15fr) !important;
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,28rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,28rem) !important;
    }
    .xl\:flex-row {
      flex-direction: row !important;
    }
    .xl\:items-start {
      align-items: flex-start !important;
    }
    .xl\:pr-114 {
      padding-right: calc(var(--spacing) * 114) !important;
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:mx-0 {
      margin-inline: 0px !important;
    }
    .\32 xl\:flex {
      display: flex !important;
    }
    .\32 xl\:hidden {
      display: none !important;
    }
    .\32 xl\:w-44 {
      width: calc(var(--spacing) * 44) !important;
    }
    .\32 xl\:w-full {
      width: 100% !important;
    }
    .\32 xl\:shrink-0 {
      flex-shrink: 0 !important;
    }
    .\32 xl\:flex-col {
      flex-direction: column !important;
    }
    .\32 xl\:flex-row {
      flex-direction: row !important;
    }
    .\32 xl\:items-start {
      align-items: flex-start !important;
    }
    .\32 xl\:gap-0\.5 {
      gap: calc(var(--spacing) * 0.5) !important;
    }
    .\32 xl\:gap-12 {
      gap: calc(var(--spacing) * 12) !important;
    }
    .\32 xl\:overflow-visible {
      overflow: visible !important;
    }
    .\32 xl\:px-0 {
      padding-inline: 0px !important;
    }
  }
  @container (width >= 30rem) {
    .\@\[30rem\]\:flex-row {
      flex-direction: row !important;
    }
    .\@\[30rem\]\:items-center {
      align-items: center !important;
    }
    .\@\[30rem\]\:self-auto {
      align-self: auto !important;
    }
  }
  @container (width >= 36rem) {
    .\@xl\:w-50 {
      width: calc(var(--spacing) * 50) !important;
    }
    .\@xl\:shrink-0 {
      flex-shrink: 0 !important;
    }
    .\@xl\:flex-row {
      flex-direction: row !important;
    }
    .\@xl\:items-start {
      align-items: flex-start !important;
    }
    .\@xl\:gap-5 {
      gap: calc(var(--spacing) * 5) !important;
    }
  }
  @container (width >= 37.5rem) {
    .\@\[37\.5rem\]\:flex {
      display: flex !important;
    }
    .\@\[37\.5rem\]\:hidden {
      display: none !important;
    }
    .\@\[37\.5rem\]\:inline-flex {
      display: inline-flex !important;
    }
  }
  @container (width >= 64rem) {
    .\@5xl\:grid-cols-\[15rem_minmax\(0\,1fr\)_22\.5rem\] {
      grid-template-columns: 15rem minmax(0,1fr) 22.5rem !important;
    }
  }
  @container (width >= 80rem) {
    .\@\[80rem\]\:grid-cols-\[17\.5rem_minmax\(0\,1fr\)_25rem\] {
      grid-template-columns: 17.5rem minmax(0,1fr) 25rem !important;
    }
  }
  @container (width >= 100rem) {
    .\@\[100rem\]\:table-cell {
      display: table-cell !important;
    }
    .\@\[100rem\]\:grid-cols-\[17\.5rem_minmax\(0\,1fr\)_minmax\(25rem\,47\.5rem\)\] {
      grid-template-columns: 17.5rem minmax(0,1fr) minmax(25rem,47.5rem) !important;
    }
  }
  .is-hover\:border-app-amber-400\/60:hover:not(:disabled), .is-hover\:border-app-amber-400\/60[data-state="hover"] {
    border-color: color-mix(in srgb, #fbbf24 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-amber-400) 60%, transparent) !important;
    }
  }
  .is-hover\:border-app-blue-500\/60:hover:not(:disabled), .is-hover\:border-app-blue-500\/60[data-state="hover"] {
    border-color: color-mix(in srgb, #3b82f6 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-blue-500) 60%, transparent) !important;
    }
  }
  .is-hover\:border-app-emerald-500\/60:hover:not(:disabled), .is-hover\:border-app-emerald-500\/60[data-state="hover"] {
    border-color: color-mix(in srgb, #10b981 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-emerald-500) 60%, transparent) !important;
    }
  }
  .is-hover\:border-app-input-border\/60:hover:not(:disabled), .is-hover\:border-app-input-border\/60[data-state="hover"] {
    border-color: color-mix(in srgb, #d4ceea 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-input-border) 60%, transparent) !important;
    }
  }
  .is-hover\:border-app-rose-500\/60:hover:not(:disabled), .is-hover\:border-app-rose-500\/60[data-state="hover"] {
    border-color: color-mix(in srgb, #f43f5e 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-rose-500) 60%, transparent) !important;
    }
  }
  .is-hover\:border-app-violet-400\/40:hover:not(:disabled), .is-hover\:border-app-violet-400\/40[data-state="hover"] {
    border-color: color-mix(in srgb, #a78bfa 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-violet-400) 40%, transparent) !important;
    }
  }
  .is-hover\:bg-app-amber-50:hover:not(:disabled), .is-hover\:bg-app-amber-50[data-state="hover"] {
    background-color: var(--color-app-amber-50) !important;
  }
  .is-hover\:bg-app-blue-50:hover:not(:disabled), .is-hover\:bg-app-blue-50[data-state="hover"] {
    background-color: var(--color-app-blue-50) !important;
  }
  .is-hover\:bg-app-green-50:hover:not(:disabled), .is-hover\:bg-app-green-50[data-state="hover"] {
    background-color: var(--color-app-green-50) !important;
  }
  .is-hover\:bg-app-page:hover:not(:disabled), .is-hover\:bg-app-page[data-state="hover"] {
    background-color: var(--color-app-page) !important;
  }
  .is-hover\:bg-app-rose-50:hover:not(:disabled), .is-hover\:bg-app-rose-50[data-state="hover"] {
    background-color: var(--color-app-rose-50) !important;
  }
  .is-hover\:bg-app-rose-200:hover:not(:disabled), .is-hover\:bg-app-rose-200[data-state="hover"] {
    background-color: var(--color-app-rose-200) !important;
  }
  .is-hover\:bg-app-subtle:hover:not(:disabled), .is-hover\:bg-app-subtle[data-state="hover"] {
    background-color: var(--color-app-subtle) !important;
  }
  .is-hover\:bg-app-violet-50:hover:not(:disabled), .is-hover\:bg-app-violet-50[data-state="hover"] {
    background-color: var(--color-app-violet-50) !important;
  }
  .is-hover\:bg-app-violet-50\/70:hover:not(:disabled), .is-hover\:bg-app-violet-50\/70[data-state="hover"] {
    background-color: color-mix(in srgb, #f5f3ff 70%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 70%, transparent) !important;
    }
  }
  .is-hover\:bg-app-violet-200:hover:not(:disabled), .is-hover\:bg-app-violet-200[data-state="hover"] {
    background-color: var(--color-app-violet-200) !important;
  }
  .is-hover\:bg-app-violet-700:hover:not(:disabled), .is-hover\:bg-app-violet-700[data-state="hover"] {
    background-color: var(--color-app-violet-700) !important;
  }
  .is-hover\:from-gradient-violet\/90:hover:not(:disabled), .is-hover\:from-gradient-violet\/90[data-state="hover"] {
    --tw-gradient-from: color-mix(in srgb, #a02be4 90%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-gradient-violet) 90%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .is-hover\:to-gradient-blue\/90:hover:not(:disabled), .is-hover\:to-gradient-blue\/90[data-state="hover"] {
    --tw-gradient-to: color-mix(in srgb, #4f46e5 90%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-gradient-blue) 90%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .is-hover\:text-app-rose-700:hover:not(:disabled), .is-hover\:text-app-rose-700[data-state="hover"] {
    color: var(--color-app-rose-700) !important;
  }
  .is-hover\:text-app-violet-600:hover:not(:disabled), .is-hover\:text-app-violet-600[data-state="hover"] {
    color: var(--color-app-violet-600) !important;
  }
  .is-hover\:text-app-violet-700:hover:not(:disabled), .is-hover\:text-app-violet-700[data-state="hover"] {
    color: var(--color-app-violet-700) !important;
  }
  .is-hover\:text-app-violet-800:hover:not(:disabled), .is-hover\:text-app-violet-800[data-state="hover"] {
    color: var(--color-app-violet-800) !important;
  }
  .is-hover\:underline:hover:not(:disabled), .is-hover\:underline[data-state="hover"] {
    text-decoration-line: underline !important;
  }
  .is-hover\:shadow-app-btn-default-hover:hover:not(:disabled), .is-hover\:shadow-app-btn-default-hover[data-state="hover"] {
    --tw-shadow: inset 0 0 6px var(--tw-shadow-color, #ddd6fe) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .is-hover\:shadow-app-btn-primary-hover:hover:not(:disabled), .is-hover\:shadow-app-btn-primary-hover[data-state="hover"] {
    --tw-shadow: inset 0 0 6px 3px var(--tw-shadow-color, #5b21b6) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .is-focus\:ring-3:focus-visible, .is-focus\:ring-3[data-state="focus"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .is-focus\:ring-app-violet-500\/35:focus-visible, .is-focus\:ring-app-violet-500\/35[data-state="focus"] {
    --tw-ring-color: color-mix(in srgb, #8b5cf6 35%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-app-violet-500) 35%, transparent) !important;
    }
  }
  .is-pressed\:border-app-violet-400\/50:active:not(:disabled), .is-pressed\:border-app-violet-400\/50[data-state="pressed"] {
    border-color: color-mix(in srgb, #a78bfa 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-app-violet-400) 50%, transparent) !important;
    }
  }
  .is-pressed\:bg-app-rose-200:active:not(:disabled), .is-pressed\:bg-app-rose-200[data-state="pressed"] {
    background-color: var(--color-app-rose-200) !important;
  }
  .is-pressed\:bg-app-violet-50:active:not(:disabled), .is-pressed\:bg-app-violet-50[data-state="pressed"] {
    background-color: var(--color-app-violet-50) !important;
  }
  .is-pressed\:bg-app-violet-50\/60:active:not(:disabled), .is-pressed\:bg-app-violet-50\/60[data-state="pressed"] {
    background-color: color-mix(in srgb, #f5f3ff 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-app-violet-50) 60%, transparent) !important;
    }
  }
  .is-pressed\:bg-app-violet-100:active:not(:disabled), .is-pressed\:bg-app-violet-100[data-state="pressed"] {
    background-color: var(--color-app-violet-100) !important;
  }
  .is-pressed\:bg-app-violet-200:active:not(:disabled), .is-pressed\:bg-app-violet-200[data-state="pressed"] {
    background-color: var(--color-app-violet-200) !important;
  }
  .is-pressed\:bg-app-violet-800:active:not(:disabled), .is-pressed\:bg-app-violet-800[data-state="pressed"] {
    background-color: var(--color-app-violet-800) !important;
  }
  .is-pressed\:from-gradient-violet\/60:active:not(:disabled), .is-pressed\:from-gradient-violet\/60[data-state="pressed"] {
    --tw-gradient-from: color-mix(in srgb, #a02be4 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-gradient-violet) 60%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .is-pressed\:to-gradient-blue\/60:active:not(:disabled), .is-pressed\:to-gradient-blue\/60[data-state="pressed"] {
    --tw-gradient-to: color-mix(in srgb, #4f46e5 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-gradient-blue) 60%, transparent) !important;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .is-pressed\:text-app-rose-800:active:not(:disabled), .is-pressed\:text-app-rose-800[data-state="pressed"] {
    color: var(--color-app-rose-800) !important;
  }
  .is-pressed\:text-app-violet-700:active:not(:disabled), .is-pressed\:text-app-violet-700[data-state="pressed"] {
    color: var(--color-app-violet-700) !important;
  }
  .is-pressed\:text-app-violet-800:active:not(:disabled), .is-pressed\:text-app-violet-800[data-state="pressed"] {
    color: var(--color-app-violet-800) !important;
  }
  .is-pressed\:shadow-app-btn-danger-pressed:active:not(:disabled), .is-pressed\:shadow-app-btn-danger-pressed[data-state="pressed"] {
    --tw-shadow: inset 0 2px 6px var(--tw-shadow-color, rgb(253 164 175 / 0.8)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .is-pressed\:shadow-app-btn-default-pressed:active:not(:disabled), .is-pressed\:shadow-app-btn-default-pressed[data-state="pressed"] {
    --tw-shadow: inset 0 2px 4px var(--tw-shadow-color, #ddd6fe) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .is-pressed\:shadow-app-btn-primary-pressed:active:not(:disabled), .is-pressed\:shadow-app-btn-primary-pressed[data-state="pressed"] {
    --tw-shadow: inset 0 2px 6px var(--tw-shadow-color, #4c1d95) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .is-pressed\:shadow-app-btn-secondary-pressed:active:not(:disabled), .is-pressed\:shadow-app-btn-secondary-pressed[data-state="pressed"] {
    --tw-shadow: inset 0 2px 6px var(--tw-shadow-color, rgb(196 181 253 / 0.7)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .\[\&_\.recharts-brush-slide\]\:\[fill-opacity\:0\.14\] .recharts-brush-slide {
    fill-opacity: 0.14 !important;
  }
  .\[\&_svg\]\:size-3 svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }
  .\[\&_svg\]\:size-3\.5 svg {
    width: calc(var(--spacing) * 3.5) !important;
    height: calc(var(--spacing) * 3.5) !important;
  }
  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4) !important;
    height: calc(var(--spacing) * 4) !important;
  }
  .\[\&_svg\]\:size-4\.5 svg {
    width: calc(var(--spacing) * 4.5) !important;
    height: calc(var(--spacing) * 4.5) !important;
  }
  .\[\&_svg\]\:size-5 svg {
    width: calc(var(--spacing) * 5) !important;
    height: calc(var(--spacing) * 5) !important;
  }
  .\[\&_svg\]\:size-6 svg {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0 !important;
  }
  .\[\&_svg\]\:text-app-faint svg {
    color: var(--color-app-faint) !important;
  }
  .\[\&_svg\]\:text-app-violet-500 svg {
    color: var(--color-app-violet-500) !important;
  }
  .\[\&_svg\]\:text-app-violet-600 svg {
    color: var(--color-app-violet-600) !important;
  }
  .\[\&\:\:-moz-progress-bar\]\:rounded-full::-moz-progress-bar {
    border-radius: var(--radius-full) !important;
  }
  .\[\&\:\:-moz-progress-bar\]\:bg-app-amber-400::-moz-progress-bar {
    background-color: var(--color-app-amber-400) !important;
  }
  .\[\&\:\:-moz-progress-bar\]\:bg-app-emerald-500::-moz-progress-bar {
    background-color: var(--color-app-emerald-500) !important;
  }
  .\[\&\:\:-moz-progress-bar\]\:bg-app-loading-bar::-moz-progress-bar {
    background-color: var(--color-app-loading-bar) !important;
  }
  .\[\&\:\:-moz-progress-bar\]\:bg-app-violet-600::-moz-progress-bar {
    background-color: var(--color-app-violet-600) !important;
  }
  .\[\&\:\:-webkit-progress-bar\]\:bg-app-line-2::-webkit-progress-bar {
    background-color: var(--color-app-line-2) !important;
  }
  .\[\&\:\:-webkit-progress-bar\]\:bg-transparent::-webkit-progress-bar {
    background-color: transparent !important;
  }
  .\[\&\:\:-webkit-progress-value\]\:rounded-full::-webkit-progress-value {
    border-radius: var(--radius-full) !important;
  }
  .\[\&\:\:-webkit-progress-value\]\:bg-app-amber-400::-webkit-progress-value {
    background-color: var(--color-app-amber-400) !important;
  }
  .\[\&\:\:-webkit-progress-value\]\:bg-app-emerald-500::-webkit-progress-value {
    background-color: var(--color-app-emerald-500) !important;
  }
  .\[\&\:\:-webkit-progress-value\]\:bg-app-loading-bar::-webkit-progress-value {
    background-color: var(--color-app-loading-bar) !important;
  }
  .\[\&\:\:-webkit-progress-value\]\:bg-app-violet-600::-webkit-progress-value {
    background-color: var(--color-app-violet-600) !important;
  }
  .\[\&\:\:-webkit-progress-value\]\:shadow-app-loading-bar::-webkit-progress-value {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, rgb(34 153 221 / 0.6)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .\[\&\:\:-webkit-progress-value\]\:transition-\[width\]::-webkit-progress-value {
    transition-property: width !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .\[\&\:\:-webkit-progress-value\]\:duration-200::-webkit-progress-value {
    --tw-duration: 200ms !important;
    transition-duration: 200ms !important;
  }
  .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
    display: none !important;
  }
  .\[\&\>\*\]\:flex-1 > * {
    flex: 1 !important;
  }
  .\[\&\>\*\]\:justify-center > * {
    justify-content: center !important;
  }
  .\[\&\>div\]\:h-40 > div {
    height: calc(var(--spacing) * 40) !important;
  }
  .\[\&\>div\]\:p-0 > div {
    padding: 0px !important;
  }
  @media (width >= 40rem) {
    .sm\:\[\&\>div\]\:p-0 > div {
      padding: 0px !important;
    }
  }
  .\[\&\>label\]\:flex-1 > label {
    flex: 1 !important;
  }
  .\[\&\>path\]\:animate-app-tick > path {
    animation: var(--animate-app-tick) !important;
  }
  .\[\&\>path\]\:\[stroke-dasharray\:24\] > path {
    stroke-dasharray: 24 !important;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\[\&\>path\]\:animate-none > path {
      animation: none !important;
    }
  }
  .\[\&\>section\:first-child\>h2\]\:border-t-0 > section:first-child > h2 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
  .\[\&\>span\]\:invisible > span {
    visibility: hidden !important;
  }
  :is(:where(.peer):checked ~ .peer-checked\:\[\&\>span\]\:visible) > span {
    visibility: visible !important;
  }
  :is(:where(.peer):checked ~ .peer-checked\:\[\&\>span\]\:translate-x-4\.5) > span {
    --tw-translate-x: calc(var(--spacing) * 4.5) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .\[\&\>svg\]\:invisible > svg {
    visibility: hidden !important;
  }
  .\[\&\>svg\]\:hidden > svg {
    display: none !important;
  }
  .\[\&\>svg\]\:size-6\.5 > svg {
    width: calc(var(--spacing) * 6.5) !important;
    height: calc(var(--spacing) * 6.5) !important;
  }
  :is(:where(.peer):checked ~ .peer-checked\:\[\&\>svg\]\:visible) > svg {
    visibility: visible !important;
  }
}
:root {
  --gradient-page-wash: linear-gradient(to bottom, #f1f2f9, #ffffff, #ffffff);
  --gradient-hero-sky: linear-gradient(to bottom, #bac4ff 45%, #b6cff6 60%, #b6d7ef 80%, #c5e8f0);
  --gradient-closing-sky: linear-gradient(to bottom, #bac4ff, #b6cff6 55%, #c5e8f0);
  --gradient-nav-glass: linear-gradient(to right, rgb(251 207 232 / 0.4), rgb(221 214 254 / 0.4), rgb(199 210 254 / 0.4));
  --gradient-hover-underline: linear-gradient(to right, rgb(139 92 246 / 0) 10%, #a78bfa, rgb(139 92 246 / 0) 90%);
  --gradient-hover-glow: linear-gradient(to top, rgb(139 92 246 / 0.2), transparent);
  --gradient-glass-button: linear-gradient(to bottom right, rgb(255 255 255 / 0.075), rgb(255 255 255 / 0.075), rgb(255 255 255 / 0.2));
  --gradient-dark-glow: radial-gradient(55% 75% at 100% 100%, rgb(139 92 246 / 0.35), transparent);
  --gradient-footer-sheen: linear-gradient(to bottom right, rgb(18 18 38 / 0.5), rgb(34 24 60 / 0.5), rgb(25 16 52 / 0.5));
  --gradient-reviews-wash: linear-gradient(to bottom, #f3f4f6, #ffffff, #ffffff);
  --gradient-dots-violet: radial-gradient(circle, #6d28d9 1.4px, transparent 1.5px), radial-gradient(circle, #6d28d9 1.4px, transparent 1.5px);
  --gradient-dots-white: radial-gradient(circle, #ffffff 1.4px, transparent 1.5px), radial-gradient(circle, #ffffff 1.4px, transparent 1.5px);
  --gradient-price-card: linear-gradient(to right, #cffafe, #ede9fe 50%, #fce7f3);
  --gradient-wash-strip: linear-gradient(to left, #6ee7b7, #c4b5fd, #f9a8d4);
  --gradient-wash-strip-band: linear-gradient(to right, #7dd3fc, #a5b4fc, #f9a8d4);
  --gradient-review-band: linear-gradient(to bottom right, #7e22ce, #6d28d9, #4338ca);
  --gradient-button-violet: linear-gradient(to bottom right, #a02be4, transparent);
  --gradient-blog-masthead: linear-gradient(to bottom, #121226, #281950);
  --gradient-product-hero-tint: linear-gradient(100deg, rgb(125 211 252 / 0.1), rgb(165 180 252 / 0.1), rgb(249 168 212 / 0.1));
  --gradient-product-glow: linear-gradient(to left bottom, #edd4fe, #ffffff, #ffffff);
  --gradient-product-band: linear-gradient(to right bottom, #731ca5, #5b21b6, #4c1d95);
  --gradient-providers-hero-art: linear-gradient(to top, rgb(204 251 241 / 0.5), transparent, transparent);
  --gradient-providers-glow: linear-gradient(to left bottom, #fae8ff, #ffffff, #ffffff);
  --gradient-providers-rule: linear-gradient(to right, #a39ac1, rgb(163 154 193 / 0.35) 10%, transparent);
  --gradient-providers-band: linear-gradient(to bottom right, #6d28d9, #5d1985);
  --gradient-providers-card: linear-gradient(to bottom right, #ffffff, #f9f9fd);
  --gradient-contact-sky: linear-gradient(to bottom, #4c38b0, #6a52d0 70%, #f3c5dc);
  --gradient-contact-shade: linear-gradient(to bottom, rgb(77 43 178 / 0.55), rgb(92 56 199 / 0.35) 75%, rgb(92 56 199 / 0));
  --gradient-trust-row-wash: linear-gradient(to left bottom, #edd4fe, #ffffff, #ffffff);
  --gradient-trust-divider: linear-gradient(to right, #9698b6, rgb(150 152 182 / 0.35) 10%, transparent);
  --gradient-hero-shade-dark: linear-gradient(to bottom, rgb(0 0 0 / 0.25), transparent, rgb(0 0 0 / 0.5));
  --gradient-call-card: linear-gradient(to top right, rgb(181 79 243 / 0.1), rgb(139 92 246 / 0.1), rgb(6 182 212 / 0.1));
  --gradient-feature-band: linear-gradient(to bottom right, #731ca5, #5b21b6, #4c1d95);
  --gradient-button-translucent: linear-gradient(to bottom right, rgb(255 255 255 / 0.075), rgb(255 255 255 / 0.075), rgb(255 255 255 / 0.2));
  --gradient-tile-emerald: linear-gradient(to bottom, #ffffff, #d1fae5);
  --gradient-tile-blue: linear-gradient(to bottom, #ffffff, #dbeafe);
  --gradient-tile-orange: linear-gradient(to bottom, #ffffff, #ffedd5);
  --gradient-tile-rose: linear-gradient(to bottom, #ffffff, #ffe4e6);
  --gradient-support-wash-left: linear-gradient(to bottom left, #ddd6fe, transparent, transparent);
  --gradient-support-wash-right: linear-gradient(to bottom right, #e9d5ff, transparent, transparent);
  --gradient-suppliers-sky: linear-gradient(to bottom, #5e47db, #6c45c4 78%, #b468d6 90%, #5e3caa);
  --gradient-docs-glow: radial-gradient(49.63% 57.02% at 58.99% -7.2%, #7c3bed1a 0%, #7c3bed1a 39.4%, #7c3bed00 100%);
  --gradient-docs-dark-glow: radial-gradient(49.63% 57.02% at 58.99% -7.2%, #a78bfa1a 0%, #a78bfa1a 39.4%, #7c3bed00 100%);
  --gradient-auth-wash: radial-gradient(ellipse at center, rgb(255 255 255 / 0.85) 45%, rgb(255 255 255 / 0.35) 100%);
  --gradient-auth-notice-error: linear-gradient(to right bottom, rgb(254 202 202 / 0.75), rgb(253 164 175 / 0.75));
  --gradient-auth-notice-info: linear-gradient(to right bottom, rgb(186 230 253 / 0.75), rgb(199 210 254 / 0.75));
  --gradient-auth-notice-warning: linear-gradient(to right bottom, rgb(253 230 138 / 0.75), rgb(254 215 170 / 0.75));
  --gradient-auth-notice-success: linear-gradient(to right bottom, rgb(134 239 172 / 0.5), rgb(110 231 183 / 0.5));
  --gradient-system-sky: linear-gradient(to bottom, #5a36da 0%, #6b43e0 30%, #8e4ed8 50%, #b247c0 66%, #d244ac 82%, #c33fa6 100%);
  --gradient-system-sky-shade: linear-gradient(to bottom, rgb(25 16 52 / 0) 45%, rgb(25 16 52 / 0.2) 100%);
  --mask-grain: radial-gradient(65% 90% at 100% 100%, #000, transparent);
  --mask-grid: radial-gradient(90% 90% at 80% 40%, #fff, rgb(255 255 255 / 0));
  --mask-marquee: linear-gradient(to right, rgb(0 0 0 / 0) 0%, #000 4rem, #000 calc(100% - 4rem), rgb(0 0 0 / 0) 100%);
  --mask-hero-art: linear-gradient(to bottom, transparent, #000 20%);
  --mask-hero-art-lg: linear-gradient(to right, transparent, #000 12%);
  --mask-dots-hero: radial-gradient(120% 110% at 100% 100%, #000 0%, rgb(0 0 0 / 0.6) 35%, transparent 70%);
  --mask-dots-up: linear-gradient(to top, #000 0%, transparent 55%);
  --mask-product-hero-tint: linear-gradient(to bottom, #fff 75%, rgb(255 255 255 / 0));
  --mask-product-band-grid: radial-gradient(125% 100%, rgb(255 255 255 / 0.024) 25%, #fff);
  --mask-roles-hero: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent), linear-gradient(to bottom, #000 80%, transparent);
  --filter-halo: drop-shadow(0 2px 2px rgb(147 117 189 / 0.1)) drop-shadow(0 1px 0 rgb(147 117 189 / 0.1)) drop-shadow(0 -1px 0 rgb(147 117 189 / 0.1)) drop-shadow(-1px 0 0 rgb(147 117 189 / 0.1)) drop-shadow(1px 0 0 rgb(147 117 189 / 0.1));
  --duration-fast: 150ms;
  --duration-button: 200ms;
  --duration-nav: 300ms;
  --duration-reveal: 900ms;
  --duration-marquee: 60s;
  --duration-step: 6000ms;
}
@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@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-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@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: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@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;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes app-doc-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@keyframes app-card-in {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
}
@keyframes app-tick {
  from {
    stroke-dashoffset: 24;
  }
}
@keyframes app-shake {
  20%, 60% {
    transform: translateX(-4px);
  }
  40%, 80% {
    transform: translateX(4px);
  }
}
@keyframes app-sweep {
  from {
    stroke-dashoffset: 100;
  }
}
@keyframes app-sheet-in {
  from {
    transform: translateX(100%);
  }
}
@keyframes app-sheet-out {
  to {
    transform: translateX(100%);
  }
}
@keyframes app-step-forward {
  from {
    opacity: 0;
    transform: translateX(24px);
  }
}
@keyframes app-step-back {
  from {
    opacity: 0;
    transform: translateX(-24px);
  }
}
@keyframes app-panel-out {
  to {
    opacity: 0;
    transform: translateY(16px) scale(0.95);
  }
}
@keyframes app-fade-out {
  to {
    opacity: 0;
  }
}
@keyframes app-drawer-out {
  to {
    transform: translateX(-100%);
  }
}
@keyframes app-toast-out {
  to {
    opacity: 0;
    transform: translateY(1rem);
  }
}
@keyframes app-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes app-dot {
  0%, 80%, 100% {
    opacity: 0.3;
  }
  40% {
    opacity: 1;
  }
}
@keyframes app-shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
@keyframes app-toast-in {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
}
@keyframes app-panel-in {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.95);
  }
}
@keyframes app-fade-in {
  from {
    opacity: 0;
  }
}
@keyframes app-drawer-in {
  from {
    transform: translateX(-100%);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: block))) 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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --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;
    }
  }
}