mautourco-components 0.2.3 → 0.2.4

package/dist/components/atoms/Button/Button.css

@@ -1,4 +1,2079 @@
-@import "src/styles/tokens/tokens.css";
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --color-atoll-green-100: #f0fdfb;
+  --color-atoll-green-200: #ccfbf6;
+  --color-atoll-green-300: #99f6ed;
+  --color-atoll-green-400: #5eeae2;
+  --color-atoll-green-500: #2ed3cf;
+  --color-atoll-green-600: #15b7b6;
+  --color-atoll-green-700: #0d9394;
+  --color-atoll-green-800: #0f7173;
+  --color-atoll-green-900: #115b5e;
+  --color-atoll-green-950: #042c2f;
+  --color-sandy-brown-100: #fff6ed;
+  --color-sandy-brown-200: #ffebd4;
+  --color-sandy-brown-300: #ffd3a9;
+  --color-sandy-brown-400: #ffab63;
+  --color-sandy-brown-500: #fe8839;
+  --color-sandy-brown-600: #fc6613;
+  --color-sandy-brown-700: #ed4c09;
+  --color-sandy-brown-800: #c53709;
+  --color-sandy-brown-900: #7e2710;
+  --color-sandy-brown-950: #441106;
+  --color-white: #ffffff;
+  --color-black: #000000;
+  --color-transparent: rgba(255, 255, 255, 0);
+  --color-amber-50: #fffbeb;
+  --color-amber-100: #fef3c7;
+  --color-amber-200: #fde68a;
+  --color-amber-300: #fcd34d;
+  --color-amber-400: #fbbf24;
+  --color-amber-500: #f59e0b;
+  --color-amber-600: #d97706;
+  --color-amber-700: #b45309;
+  --color-amber-800: #92400e;
+  --color-amber-900: #78350f;
+  --color-amber-950: #451a03;
+  --color-blue-50: #eff6ff;
+  --color-blue-100: #dbeafe;
+  --color-blue-200: #bfdbfe;
+  --color-blue-300: #93c5fd;
+  --color-blue-400: #60a5fa;
+  --color-blue-500: #3b82f6;
+  --color-blue-600: #2563eb;
+  --color-blue-700: #1d4ed8;
+  --color-blue-800: #1e40af;
+  --color-blue-900: #1e3a8a;
+  --color-blue-950: #172554;
+  --color-cyan-50: #ecfeff;
+  --color-cyan-100: #cffafe;
+  --color-cyan-200: #a5f3fc;
+  --color-cyan-300: #67e8f9;
+  --color-cyan-400: #22d3ee;
+  --color-cyan-500: #06b6d4;
+  --color-cyan-600: #0891b2;
+  --color-cyan-700: #0e7490;
+  --color-cyan-800: #155e75;
+  --color-cyan-900: #164e63;
+  --color-cyan-950: #083344;
+  --color-emerald-50: #ecfdf5;
+  --color-emerald-100: #d1fae5;
+  --color-emerald-200: #a7f3d0;
+  --color-emerald-300: #6ee7b7;
+  --color-emerald-400: #34d399;
+  --color-emerald-500: #10b981;
+  --color-emerald-600: #059669;
+  --color-emerald-700: #047857;
+  --color-emerald-800: #065f46;
+  --color-emerald-900: #064e3b;
+  --color-emerald-950: #022c22;
+  --color-fuchsia-50: #fdf4ff;
+  --color-fuchsia-100: #fae8ff;
+  --color-fuchsia-200: #f5d0fe;
+  --color-fuchsia-300: #f0abfc;
+  --color-fuchsia-400: #e879f9;
+  --color-fuchsia-500: #d946ef;
+  --color-fuchsia-600: #c026d3;
+  --color-fuchsia-700: #a21caf;
+  --color-fuchsia-800: #86198f;
+  --color-fuchsia-900: #701a75;
+  --color-fuchsia-950: #4a044e;
+  --color-gray-50: #f9fafb;
+  --color-gray-100: #f3f4f6;
+  --color-gray-200: #e5e7eb;
+  --color-gray-300: #d1d5db;
+  --color-gray-400: #9ca3af;
+  --color-gray-500: #6b7280;
+  --color-gray-600: #4b5563;
+  --color-gray-700: #374151;
+  --color-gray-800: #1f2937;
+  --color-gray-900: #111827;
+  --color-gray-950: #030712;
+  --color-green-50: #f0fdf4;
+  --color-green-100: #dcfce7;
+  --color-green-200: #bbf7d0;
+  --color-green-300: #86efac;
+  --color-green-400: #4ade80;
+  --color-green-500: #22c55e;
+  --color-green-600: #16a34a;
+  --color-green-700: #15803d;
+  --color-green-800: #166534;
+  --color-green-900: #14532d;
+  --color-green-950: #052e16;
+  --color-indigo-50: #eef2ff;
+  --color-indigo-100: #e0e7ff;
+  --color-indigo-200: #c7d2fe;
+  --color-indigo-300: #a5b4fc;
+  --color-indigo-400: #818cf8;
+  --color-indigo-500: #6366f1;
+  --color-indigo-600: #4f46e5;
+  --color-indigo-700: #4338ca;
+  --color-indigo-800: #3730a3;
+  --color-indigo-900: #312e81;
+  --color-indigo-950: #1e1b4b;
+  --color-lime-50: #f7fee7;
+  --color-lime-100: #ecfccb;
+  --color-lime-200: #d9f99d;
+  --color-lime-300: #bef264;
+  --color-lime-400: #a3e635;
+  --color-lime-500: #84cc16;
+  --color-lime-600: #65a30d;
+  --color-lime-700: #4d7c0f;
+  --color-lime-800: #3f6212;
+  --color-lime-900: #365314;
+  --color-lime-950: #1a2e05;
+  --color-neutral-50: #fafafa;
+  --color-neutral-100: #f5f5f5;
+  --color-neutral-200: #e5e5e5;
+  --color-neutral-300: #d4d4d4;
+  --color-neutral-400: #a3a3a3;
+  --color-neutral-500: #737373;
+  --color-neutral-600: #525252;
+  --color-neutral-700: #404040;
+  --color-neutral-800: #262626;
+  --color-neutral-900: #171717;
+  --color-neutral-950: #0a0a0a;
+  --color-orange-50: #fff7ed;
+  --color-orange-100: #ffedd5;
+  --color-orange-200: #fed7aa;
+  --color-orange-300: #fdba74;
+  --color-orange-400: #fb923c;
+  --color-orange-500: #f97316;
+  --color-orange-600: #ea580c;
+  --color-orange-700: #c2410c;
+  --color-orange-800: #9a3412;
+  --color-orange-900: #7c2d12;
+  --color-orange-950: #431407;
+  --color-pink-50: #fdf2f8;
+  --color-pink-100: #fce7f3;
+  --color-pink-200: #fbcfe8;
+  --color-pink-300: #f9a8d4;
+  --color-pink-400: #f472b6;
+  --color-pink-500: #ec4899;
+  --color-pink-600: #db2777;
+  --color-pink-700: #be185d;
+  --color-pink-800: #9d174d;
+  --color-pink-900: #831843;
+  --color-pink-950: #500724;
+  --color-purple-50: #faf5ff;
+  --color-purple-100: #f3e8ff;
+  --color-purple-200: #e9d5ff;
+  --color-purple-300: #d8b4fe;
+  --color-purple-400: #c084fc;
+  --color-purple-500: #a855f7;
+  --color-purple-600: #9333ea;
+  --color-purple-700: #7e22ce;
+  --color-purple-800: #6b21a8;
+  --color-purple-900: #581c87;
+  --color-purple-950: #3b0764;
+  --color-red-50: #fef2f2;
+  --color-red-100: #fee2e2;
+  --color-red-200: #fecaca;
+  --color-red-300: #fca5a5;
+  --color-red-400: #f87171;
+  --color-red-500: #ef4444;
+  --color-red-600: #dc2626;
+  --color-red-700: #b91c1c;
+  --color-red-800: #991b1b;
+  --color-red-900: #7f1d1d;
+  --color-red-950: #450a0a;
+  --color-rose-50: #fff1f2;
+  --color-rose-100: #ffe4e6;
+  --color-rose-200: #fecdd3;
+  --color-rose-300: #fda4af;
+  --color-rose-400: #fb7185;
+  --color-rose-500: #f43f5e;
+  --color-rose-600: #e11d48;
+  --color-rose-700: #be123c;
+  --color-rose-800: #9f1239;
+  --color-rose-900: #881337;
+  --color-rose-950: #4c0519;
+  --color-sky-50: #f0f9ff;
+  --color-sky-100: #e0f2fe;
+  --color-sky-200: #bae6fd;
+  --color-sky-300: #7dd3fc;
+  --color-sky-400: #38bdf8;
+  --color-sky-500: #0ea5e9;
+  --color-sky-600: #0284c7;
+  --color-sky-700: #0369a1;
+  --color-sky-800: #075985;
+  --color-sky-900: #0c4a6e;
+  --color-sky-950: #082f49;
+  --color-slate-50: #f8fafc;
+  --color-slate-100: #f1f5f9;
+  --color-slate-200: #e2e8f0;
+  --color-slate-300: #cbd5e1;
+  --color-slate-400: #94a3b8;
+  --color-slate-500: #64748b;
+  --color-slate-600: #475569;
+  --color-slate-700: #334155;
+  --color-slate-800: #1e293b;
+  --color-slate-900: #0f172a;
+  --color-slate-950: #020617;
+  --color-stone-50: #fafaf9;
+  --color-stone-100: #f5f5f4;
+  --color-stone-200: #e7e5e4;
+  --color-stone-300: #d6d3d1;
+  --color-stone-400: #a8a29e;
+  --color-stone-500: #78716c;
+  --color-stone-600: #57534e;
+  --color-stone-700: #44403c;
+  --color-stone-800: #292524;
+  --color-stone-900: #1c1917;
+  --color-stone-950: #0c0a09;
+  --color-teal-50: #f0fdfa;
+  --color-teal-100: #ccfbf1;
+  --color-teal-200: #99f6e4;
+  --color-teal-300: #5eead4;
+  --color-teal-400: #2dd4bf;
+  --color-teal-500: #14b8a6;
+  --color-teal-600: #0d9488;
+  --color-teal-700: #0f766e;
+  --color-teal-800: #115e59;
+  --color-teal-900: #134e4a;
+  --color-teal-950: #042f2e;
+  --color-violet-50: #f5f3ff;
+  --color-violet-100: #ede9fe;
+  --color-violet-200: #ddd6fe;
+  --color-violet-300: #c4b5fd;
+  --color-violet-400: #a78bfa;
+  --color-violet-500: #8b5cf6;
+  --color-violet-600: #7c3aed;
+  --color-violet-700: #6d28d9;
+  --color-violet-800: #5b21b6;
+  --color-violet-900: #4c1d95;
+  --color-violet-950: #2e1065;
+  --color-yellow-50: #fefce8;
+  --color-yellow-100: #fef9c3;
+  --color-yellow-200: #fef08a;
+  --color-yellow-300: #fde047;
+  --color-yellow-400: #facc15;
+  --color-yellow-500: #eab308;
+  --color-yellow-600: #ca8a04;
+  --color-yellow-700: #a16207;
+  --color-yellow-800: #854d0e;
+  --color-yellow-900: #713f12;
+  --color-yellow-950: #422006;
+  --color-zinc-50: #fafafa;
+  --color-zinc-100: #f4f4f5;
+  --color-zinc-200: #e4e4e7;
+  --color-zinc-300: #d4d4d8;
+  --color-zinc-400: #a1a1aa;
+  --color-zinc-500: #71717a;
+  --color-zinc-600: #52525b;
+  --color-zinc-700: #3f3f46;
+  --color-zinc-800: #27272a;
+  --color-zinc-900: #18181b;
+  --color-zinc-950: #09090b;
+  --color-coral-red-50: #fff8f8;
+  --color-coral-red-100: #fff1f1;
+  --color-coral-red-200: #ffe1e1;
+  --color-coral-red-300: #ffc7c7;
+  --color-coral-red-400: #ffa0a0;
+  --color-coral-red-500: #ff5050;
+  --color-coral-red-600: #f83b3b;
+  --color-coral-red-700: #e51d1d;
+  --color-coral-red-800: #c11414;
+  --color-coral-red-900: #a01414;
+  --color-coral-red-950: #480707;
+  --color-surface-50: #fbfbfb;
+  --color-surface-100: #f7f7f7;
+  --color-surface-200: #ededed;
+  --color-surface-300: #d9d9d9;
+  --color-surface-400: #c8c8c8;
+  --color-surface-500: #adadad;
+  --color-surface-600: #999999;
+  --color-surface-700: #888888;
+  --color-surface-800: #7b7b7b;
+  --color-surface-900: #676767;
+  --color-surface-950: #363636;
+  --color-merino-50: #fcfbfa;
+  --color-merino-100: #f8f7f4;
+  --color-merino-200: #edeae1;
+  --color-merino-300: #ded9cb;
+  --color-merino-400: #c9c0a9;
+  --color-merino-500: #b2a386;
+  --color-merino-600: #a28e6e;
+  --color-merino-700: #947e62;
+  --color-merino-800: #7b6752;
+  --color-merino-900: #655546;
+  --color-merino-950: #2b231e;
+  --color-tuna-50: #fcfcfc;
+  --color-tuna-100: #f9f9f9;
+  --color-tuna-200: #e9eaed;
+  --color-tuna-300: #d4d6db;
+  --color-tuna-400: #aaaeb8;
+  --color-tuna-500: #7f8594;
+  --color-tuna-600: #555d71;
+  --color-tuna-700: #303642;
+  --color-tuna-800: #242831;
+  --color-tuna-900: #15181f;
+  --color-tuna-950: #040508;
+  --color-soft-blue-50: #e1ecf9;
+  --color-soft-blue-100: #d6e1f6;
+  --color-soft-blue-200: #afc4ec;
+  --color-soft-blue-300: #86a6e1;
+  --color-soft-blue-400: #5d89d7;
+  --color-soft-blue-500: #4874cc;
+  --color-soft-blue-600: #3a5ca3;
+  --color-soft-blue-700: #2e4780;
+  --color-soft-blue-800: #23355f;
+  --color-soft-blue-900: #1a2645;
+  --color-soft-blue-950: #10162a;
+  --color-bay-leaf-50: #f1f5f0;
+  --color-bay-leaf-100: #dde8db;
+  --color-bay-leaf-200: #c2d5be;
+  --color-bay-leaf-300: #a4c0a0;
+  --color-bay-leaf-400: #8aaa89;
+  --color-bay-leaf-500: #769a6f;
+  --color-bay-leaf-600: #5f7c59;
+  --color-bay-leaf-700: #4a6045;
+  --color-bay-leaf-800: #384733;
+  --color-bay-leaf-900: #283225;
+  --color-bay-leaf-950: #171f16;
+  --color-primary-interaction: #fc6613;
+  --color-primary-on-interaction: #7e2710;
+  --color-primary-brand: #fe8839;
+  --color-primary-on-brand: #441106;
+  --color-text-default: #262626;
+  --color-text-inverted: #ffffff;
+  --color-text-subtle: #303642;
+  --color-text-light: #7f8594;
+  --color-text-brand: #ed4c09;
+  --color-text-accent: #0f7173;
+  --color-text-state-default: #737373;
+  --color-text-state-hover: #404040;
+  --color-text-state-filled: #262626;
+  --color-text-state-disabled: #a3a3a3;
+  --color-text-state-error: #dc2626;
+  --color-text-state-success: #15803d;
+  --color-border-subtle: #e5e5e5;
+  --color-border-medium: #a3a3a3;
+  --color-border-accent: #fc6613;
+  --color-border-accent-secondary: #0f7173;
+  --color-border-focus-default: #686fc8;
+  --color-border-input-default: #7f8594;
+  --color-border-input-active: #262626;
+  --color-border-input-hover: #262626;
+  --color-border-input-filled: #262626;
+  --color-border-input-focused: #262626;
+  --color-border-input-disabled: #d1d5db;
+  --color-border-input-inverted: #ffffff;
+  --color-border-input-success: #15803d;
+  --color-border-input-success-copy: #dc2626;
+  --color-border-button-background-primary-default: #fe8839;
+  --color-border-button-background-primary-hover: #fc6613;
+  --color-border-button-background-primary-focused: #ed4c09;
+  --color-border-button-background-primary-pressed: #ed4c09;
+  --color-border-button-background-primary-disabled: #a3a3a3;
+  --color-border-button-background-secondary-default: #0d9394;
+  --color-border-button-background-secondary-hover: #0f7173;
+  --color-border-button-background-secondary-pressed: #042c2f;
+  --color-border-button-background-secondary-focused: #042c2f;
+  --color-border-button-background-secondary-disabled: #a3a3a3;
+  --color-border-active-default: #0f7173;
+  --color-border-active-hover: #115b5e;
+  --color-border-active-pressed: #042c2f;
+  --color-border-active-focused: #042c2f;
+  --color-secondary-interaction: #15b7b6;
+  --color-secondary-on-interaction: #042c2f;
+  --color-secondary-brand: #2ed3cf;
+  --color-secondary-on-brand: #042c2f;
+  --color-button-brand-background-primary-default: #fe8839;
+  --color-button-brand-background-primary-hover: #fc6613;
+  --color-button-brand-background-primary-focused: #ed4c09;
+  --color-button-brand-background-primary-disabled: #f5f5f5;
+  --color-button-brand-background-primary-pressed: #ed4c09;
+  --color-button-brand-background-secondary-default: #0d9394;
+  --color-button-brand-background-secondary-hover: #0f7173;
+  --color-button-brand-background-secondary-pressed: #042c2f;
+  --color-button-brand-background-secondary-focused: #042c2f;
+  --color-button-brand-background-secondary-disabled: #f5f5f5;
+  --color-button-brand-background-tertiary-default: #f5f5f5;
+  --color-button-brand-background-tertiary-hover: #ededed;
+  --color-button-brand-background-tertiary-pressed: #f5f5f5;
+  --color-button-brand-background-tertiary-focused: #f5f5f5;
+  --color-button-brand-background-tertiary-disabled: #f5f5f5;
+  --color-button-brand-foreground-primary-default: #ffffff;
+  --color-button-brand-foreground-primary-disabled: #a3a3a3;
+  --color-button-brand-foreground-secondary-default: #ffffff;
+  --color-button-brand-foreground-secondary-disabled: #a3a3a3;
+  --color-button-ghost-background-default: rgba(255, 255, 255, 0);
+  --color-button-ghost-background-hover: rgba(255, 255, 255, 0);
+  --color-button-ghost-background-pressed: rgba(255, 255, 255, 0);
+  --color-button-ghost-background-focused: rgba(255, 255, 255, 0);
+  --color-button-ghost-background-disabled: rgba(255, 255, 255, 0);
+  --color-button-ghost-foreground-default: #78716c;
+  --color-button-ghost-foreground-hover: #44403c;
+  --color-button-ghost-foreground-pressed: #1c1917;
+  --color-button-ghost-foreground-focused: #1c1917;
+  --color-button-ghost-foreground-disabled: #a8a29e;
+  --color-button-destructive-background-default: #dc2626;
+  --color-button-destructive-background-hover: #991b1b;
+  --color-button-destructive-background-pressed: #450a0a;
+  --color-button-destructive-background-focused: #450a0a;
+  --color-button-destructive-background-disabled: #f5f5f5;
+  --color-button-destructive-foreground-default: #ffffff;
+  --color-button-destructive-foreground-hover: #ffffff;
+  --color-button-destructive-foreground-pressed: #ffffff;
+  --color-button-destructive-foreground-focused: #ffffff;
+  --color-button-destructive-foreground-disabled: #a3a3a3;
+  --color-button-outline-background-primary-default: #ffffff;
+  --color-button-outline-background-primary-hover: #fff6ed;
+  --color-button-outline-background-primary-focused: #ffebd4;
+  --color-button-outline-background-primary-pressed: #ffffff;
+  --color-button-outline-background-primary-disabled: #ffffff;
+  --color-button-outline-background-secondary-default: #ffffff;
+  --color-button-outline-background-secondary-hover: #f0fdfb;
+  --color-button-outline-background-secondary-pressed: #ccfbf6;
+  --color-button-outline-background-secondary-focused: #ffffff;
+  --color-button-outline-background-secondary-disabled: #ffffff;
+  --color-button-outline-foreground-primary-default: #fe8839;
+  --color-button-outline-foreground-primary-hover: #fc6613;
+  --color-button-outline-foreground-primary-pressed: #ed4c09;
+  --color-button-outline-foreground-primary-focused: #ed4c09;
+  --color-button-outline-foreground-primary-disabled: #a3a3a3;
+  --color-button-outline-foreground-secondary-default: #0d9394;
+  --color-button-outline-foreground-secondary-hover: #0f7173;
+  --color-button-outline-foreground-secondary-pressed: #115b5e;
+  --color-button-outline-foreground-secondary-focused: #115b5e;
+  --color-button-outline-foreground-secondary-disabled: #a3a3a3;
+  --color-button-segmented-background-default: #fafafa;
+  --color-button-segmented-background-hover: #e5e5e5;
+  --color-button-segmented-background-focus: #fafafa;
+  --color-button-segmented-background-selected: #fe8839;
+  --color-button-segmented-background-disabled: rgba(255, 255, 255, 0);
+  --color-button-segmented-foreground-default: #303642;
+  --color-button-segmented-foreground-hover: #303642;
+  --color-button-segmented-foreground-focus: #303642;
+  --color-button-segmented-foreground-selected: #ffffff;
+  --color-button-segmented-foreground-disabled: #a3a3a3;
+  --color-button-segmented-border-default: #a3a3a3;
+  --color-button-segmented-border-hover: #a3a3a3;
+  --color-button-segmented-border-focus: #a3a3a3;
+  --color-button-segmented-border-selected: #fe8839;
+  --color-button-segmented-border-disabled: #e5e5e5;
+  --color-icon-default: #000000;
+  --color-icon-subtle: #303642;
+  --color-icon-inverted: #ffffff;
+  --color-icon-branded: #0f7173;
+  --color-icon-disabled: #aaaeb8;
+  --color-elevation-base: rgba(255, 255, 255, 0);
+  --color-elevation-level-1: #ffffff;
+  --color-elevation-level-2: #f5f5f5;
+  --color-elevation-accent: #042c2f;
+  --color-elevation-state-disabled: #fbfbfb;
+  --color-elevation-state-hover: #d9d9d9;
+  --color-elevation-state-pressed: #c8c8c8;
+  --color-elevation-state-pressed-subtle: #d9d9d9;
+  --color-elevation-state-hover-subtle: #ededed;
+  --color-elevation-alt-default: #edeae1;
+  --color-elevation-alt-card: #fafafa;
+  --color-elevation-brand-default: #fc6613;
+  --color-elevation-brand-dark: #ed4c09;
+  --color-elevation-brand-subtle: #fe8839;
+  --color-positive-default: #22c55e;
+  --color-positive-subtle: #f0fdf4;
+  --color-negative-default: #f83b3b;
+  --color-negative-subtle: #fff1f1;
+  --color-negative-light: #fff8f8;
+  --color-selected-background-default: #ccfbf6;
+  --color-selected-background-inverted: #0f7173;
+  --color-selected-background-hover: #115b5e;
+  --color-selected-background-pressed: #042c2f;
+  --color-selected-foreground-default: #0f7173;
+  --color-selected-foreground-inverted: #ccfbf6;
+  --color-selected-foreground-hover: #115b5e;
+  --color-selected-foreground-pressed: #042c2f;
+  --color-info-default: #2563eb;
+  --color-info-subtle: #eff6ff;
+  --color-page-background-default: #ffffff;
+  --color-page-background-alternative: #ffffff;
+  --color-messaging-warning-background: #fff6ed;
+  --color-messaging-warning-foreground: #fc6613;
+  --color-messaging-danger-background: #ffc7c7;
+  --color-messaging-danger-foreground: #a01414;
+  --color-messaging-info-background: #dbeafe;
+  --color-messaging-info-foreground: #1e40af;
+  --color-messaging-success-background: #dcfce7;
+  --color-messaging-success-foreground: #166534;
+  --color-highlight-light: #ffebd4;
+  --color-highlight-default: #fc6613;
+  --color-highlight-inverted: #7e2710;
+  --color-highlight-hover: #c53709;
+  --color-highlight-pressed: #7e2710;
+  --color-link-normal-default: #303642;
+  --color-link-normal-hover: #242831;
+  --color-link-normal-visited: #555d71;
+  --color-link-normal-focused: #15181f;
+  --color-link-inverted-default: #ffffff;
+  --color-link-inverted-hover: #d4d6db;
+  --color-link-inverted-visited: #e9eaed;
+  --color-link-inverted-focused: #f9f9f9;
+  --color-link-brand-default: #0f7173;
+  --color-link-brand-hover: #115b5e;
+  --color-link-brand-visited: #5eeae2;
+  --color-link-brand-focused: #115b5e;
+  --border-radius-rounded: 4px;
+  --border-radius-rounded-2xl: 16px;
+  --border-radius-rounded-3xl: 24px;
+  --border-radius-rounded-bl: 4px;
+  --border-radius-rounded-bl-2xl: 16px;
+  --border-radius-rounded-bl-3xl: 24px;
+  --border-radius-rounded-bl-full: 9999px;
+  --border-radius-rounded-bl-lg: 8px;
+  --border-radius-rounded-bl-md: 6px;
+  --border-radius-rounded-bl-none: 0px;
+  --border-radius-rounded-bl-xl: 12px;
+  --border-radius-rounded-br: 4px;
+  --border-radius-rounded-br-2xl: 16px;
+  --border-radius-rounded-br-3xl: 24px;
+  --border-radius-rounded-br-full: 9999px;
+  --border-radius-rounded-br-lg: 8px;
+  --border-radius-rounded-br-md: 6px;
+  --border-radius-rounded-br-none: 0px;
+  --border-radius-rounded-br-xl: 12px;
+  --border-radius-rounded-full: 9999px;
+  --border-radius-rounded-lg: 8px;
+  --border-radius-rounded-md: 6px;
+  --border-radius-rounded-none: 0px;
+  --border-radius-rounded-sm: 2px;
+  --border-radius-rounded-tl: 4px;
+  --border-radius-rounded-tl-2xl: 16px;
+  --border-radius-rounded-tl-3xl: 24px;
+  --border-radius-rounded-tl-full: 9999px;
+  --border-radius-rounded-tl-lg: 8px;
+  --border-radius-rounded-tl-md: 6px;
+  --border-radius-rounded-tl-none: 0px;
+  --border-radius-rounded-tl-sm: 2px;
+  --border-radius-rounded-tl-xl: 12px;
+  --border-radius-rounded-tr: 4px;
+  --border-radius-rounded-tr-2xl: 16px;
+  --border-radius-rounded-tr-3xl: 24px;
+  --border-radius-rounded-tr-full: 9999px;
+  --border-radius-rounded-tr-lg: 8px;
+  --border-radius-rounded-tr-md: 6px;
+  --border-radius-rounded-tr-none: 0px;
+  --border-radius-rounded-tr-xl: 12px;
+  --border-radius-rounded-xl: 12px;
+  --font-weight-font-black: 900px;
+  --font-weight-font-bold: 700px;
+  --font-weight-font-extrabold: 800px;
+  --font-weight-font-extralight: 200px;
+  --font-weight-font-light: 300px;
+  --font-weight-font-medium: 500px;
+  --font-weight-font-normal: 400px;
+  --font-weight-font-semibold: 600px;
+  --font-weight-font-thin: 100px;
+  --font-leading-leading-base: 16px;
+  --font-leading-leading-xxs: 14px;
+  --font-leading-leading-xxxs: 12px;
+  --font-leading-leading-xs: 18px;
+  --font-leading-leading-sm: 20px;
+  --font-leading-leading-md: 24px;
+  --font-leading-leading-lg: 28px;
+  --font-leading-leading-xl: 32px;
+  --font-leading-leading-2xl: 36px;
+  --font-leading-leading-3xl: 40px;
+  --font-leading-leading-4xl: 44px;
+  --font-leading-leading-5xl: 52px;
+  --font-leading-leading-6xl: 64px;
+  --font-leading-leading-7xl: 72px;
+  --font-leading-leading-8xl: 96px;
+  --font-leading-leading-9xl: 128px;
+  --font-size-text-2xl: 24px;
+  --font-size-text-3xl: 30px;
+  --font-size-text-4xl: 36px;
+  --font-size-text-5xl: 48px;
+  --font-size-text-6xl: 60px;
+  --font-size-text-7xl: 72px;
+  --font-size-text-8xl: 96px;
+  --font-size-text-9xl: 128px;
+  --font-size-text-base: 16px;
+  --font-size-text-lg: 18px;
+  --font-size-text-sm: 14px;
+  --font-size-text-xl: 20px;
+  --font-size-text-xs: 12px;
+  --font-tracking-tracking-normal: 0px;
+  --font-tracking-tracking-tight: -2.5rem;
+  --font-tracking-tracking-tighter: -5rem;
+  --font-tracking-tracking-wide: 2.5px;
+  --font-tracking-tracking-wider: 5px;
+  --font-tracking-tracking-widest: 10px;
+  --font-font-family-heading: satoshi;
+  --font-font-family-body: satoshi;
+  --opacity-opacity-0: 0px;
+  --opacity-opacity-10: 10px;
+  --opacity-opacity-100: 100px;
+  --opacity-opacity-15: 15px;
+  --opacity-opacity-20: 20px;
+  --opacity-opacity-25: 25px;
+  --opacity-opacity-30: 30px;
+  --opacity-opacity-35: 35px;
+  --opacity-opacity-40: 40px;
+  --opacity-opacity-45: 45px;
+  --opacity-opacity-5: 5px;
+  --opacity-opacity-50: 50px;
+  --opacity-opacity-55: 55px;
+  --opacity-opacity-60: 60px;
+  --opacity-opacity-65: 65px;
+  --opacity-opacity-70: 70px;
+  --opacity-opacity-75: 75px;
+  --opacity-opacity-80: 80px;
+  --opacity-opacity-85: 85px;
+  --opacity-opacity-90: 90px;
+  --opacity-opacity-95: 95px;
+  --spacing-gap-gap-0: 0px;
+  --spacing-gap-gap-0-5: 2px;
+  --spacing-gap-gap-1: 4px;
+  --spacing-gap-gap-1-5: 6px;
+  --spacing-gap-gap-10: 40px;
+  --spacing-gap-gap-11: 44px;
+  --spacing-gap-gap-12: 48px;
+  --spacing-gap-gap-14: 56px;
+  --spacing-gap-gap-16: 64px;
+  --spacing-gap-gap-2: 8px;
+  --spacing-gap-gap-2-5: 10px;
+  --spacing-gap-gap-20: 80px;
+  --spacing-gap-gap-24: 96px;
+  --spacing-gap-gap-28: 112px;
+  --spacing-gap-gap-3: 12px;
+  --spacing-gap-gap-3-5: 14px;
+  --spacing-gap-gap-32: 128px;
+  --spacing-gap-gap-36: 144px;
+  --spacing-gap-gap-4: 16px;
+  --spacing-gap-gap-40: 160px;
+  --spacing-gap-gap-44: 176px;
+  --spacing-gap-gap-48: 192px;
+  --spacing-gap-gap-5: 20px;
+  --spacing-gap-gap-52: 208px;
+  --spacing-gap-gap-56: 224px;
+  --spacing-gap-gap-6: 24px;
+  --spacing-gap-gap-60: 224px;
+  --spacing-gap-gap-64: 256px;
+  --spacing-gap-gap-7: 28px;
+  --spacing-gap-gap-72: 288px;
+  --spacing-gap-gap-8: 32px;
+  --spacing-gap-gap-80: 320px;
+  --spacing-gap-gap-9: 36px;
+  --spacing-gap-gap-96: 384px;
+  --spacing-gap-gap-px: 1px;
+  --spacing-gap-gap-x-0: 0px;
+  --spacing-gap-gap-y-0: 0px;
+  --spacing-margin-mx-0: 0px;
+  --spacing-margin-mx-0-5: 2px;
+  --spacing-margin-mx-1: 4px;
+  --spacing-margin-mx-1-5: 6px;
+  --spacing-margin-mx-10: 40px;
+  --spacing-margin-mx-11: 44px;
+  --spacing-margin-mx-12: 48px;
+  --spacing-margin-mx-14: 56px;
+  --spacing-margin-mx-16: 64px;
+  --spacing-margin-mx-18: 72px;
+  --spacing-margin-mx-2: 8px;
+  --spacing-margin-mx-2-5: 10px;
+  --spacing-margin-mx-20: 80px;
+  --spacing-margin-mx-24: 96px;
+  --spacing-margin-mx-28: 112px;
+  --spacing-margin-mx-3: 12px;
+  --spacing-margin-mx-3-5: 14px;
+  --spacing-margin-mx-32: 128px;
+  --spacing-margin-mx-36: 144px;
+  --spacing-margin-mx-4: 16px;
+  --spacing-margin-mx-40: 160px;
+  --spacing-margin-mx-44: 176px;
+  --spacing-margin-mx-48: 192px;
+  --spacing-margin-mx-5: 20px;
+  --spacing-margin-mx-52: 208px;
+  --spacing-margin-mx-56: 224px;
+  --spacing-margin-mx-6: 24px;
+  --spacing-margin-mx-60: 240px;
+  --spacing-margin-mx-64: 256px;
+  --spacing-margin-mx-7: 28px;
+  --spacing-margin-mx-72: 288px;
+  --spacing-margin-mx-8: 32px;
+  --spacing-margin-mx-80: 320px;
+  --spacing-margin-mx-9: 36px;
+  --spacing-margin-mx-96: 384px;
+  --spacing-margin-mx-px: 1px;
+  --spacing-margin-my-0: 0px;
+  --spacing-margin-my-0-5: 2px;
+  --spacing-margin-my-1: 4px;
+  --spacing-margin-my-1-5: 6px;
+  --spacing-margin-my-10: 40px;
+  --spacing-margin-my-12: 48px;
+  --spacing-margin-my-16: 64px;
+  --spacing-margin-my-18: 72px;
+  --spacing-margin-my-2: 8px;
+  --spacing-margin-my-2-5: 10px;
+  --spacing-margin-my-20: 80px;
+  --spacing-margin-my-24: 96px;
+  --spacing-margin-my-28: 112px;
+  --spacing-margin-my-3: 12px;
+  --spacing-margin-my-3-5: 14px;
+  --spacing-margin-my-32: 128px;
+  --spacing-margin-my-36: 144px;
+  --spacing-margin-my-4: 16px;
+  --spacing-margin-my-40: 160px;
+  --spacing-margin-my-44: 176px;
+  --spacing-margin-my-48: 192px;
+  --spacing-margin-my-5: 20px;
+  --spacing-margin-my-52: 208px;
+  --spacing-margin-my-56: 224px;
+  --spacing-margin-my-6: 24px;
+  --spacing-margin-my-60: 240px;
+  --spacing-margin-my-64: 256px;
+  --spacing-margin-my-72: 288px;
+  --spacing-margin-my-8: 32px;
+  --spacing-margin-my-80: 320px;
+  --spacing-margin-my-9: 36px;
+  --spacing-margin-my-96: 384px;
+  --spacing-margin-my-px: 1px;
+  --spacing-padding-px-0: 0px;
+  --spacing-padding-px-0-5: 2px;
+  --spacing-padding-px-1: 4px;
+  --spacing-padding-px-1-5: 6px;
+  --spacing-padding-px-10: 40px;
+  --spacing-padding-px-11: 44px;
+  --spacing-padding-px-12: 48px;
+  --spacing-padding-px-14: 56px;
+  --spacing-padding-px-16: 64px;
+  --spacing-padding-px-18: 72px;
+  --spacing-padding-px-2: 8px;
+  --spacing-padding-px-2-5: 10px;
+  --spacing-padding-px-20: 80px;
+  --spacing-padding-px-24: 96px;
+  --spacing-padding-px-28: 112px;
+  --spacing-padding-px-3: 12px;
+  --spacing-padding-px-3-5: 14px;
+  --spacing-padding-px-32: 128px;
+  --spacing-padding-px-36: 144px;
+  --spacing-padding-px-4: 16px;
+  --spacing-padding-px-40: 160px;
+  --spacing-padding-px-44: 176px;
+  --spacing-padding-px-48: 192px;
+  --spacing-padding-px-5: 20px;
+  --spacing-padding-px-52: 208px;
+  --spacing-padding-px-56: 224px;
+  --spacing-padding-px-6: 24px;
+  --spacing-padding-px-60: 240px;
+  --spacing-padding-px-64: 256px;
+  --spacing-padding-px-7: 28px;
+  --spacing-padding-px-72: 288px;
+  --spacing-padding-px-8: 32px;
+  --spacing-padding-px-80: 320px;
+  --spacing-padding-px-9: 36px;
+  --spacing-padding-px-96: 384px;
+  --spacing-padding-px-px: 1px;
+  --spacing-padding-py-0: 0px;
+  --spacing-padding-py-0-5: 2px;
+  --spacing-padding-py-1: 4px;
+  --spacing-padding-py-1-5: 6px;
+  --spacing-padding-py-10: 40px;
+  --spacing-padding-py-12: 48px;
+  --spacing-padding-py-16: 64px;
+  --spacing-padding-py-18: 72px;
+  --spacing-padding-py-2: 8px;
+  --spacing-padding-py-2-5: 10px;
+  --spacing-padding-py-20: 80px;
+  --spacing-padding-py-24: 96px;
+  --spacing-padding-py-28: 112px;
+  --spacing-padding-py-3: 12px;
+  --spacing-padding-py-3-5: 14px;
+  --spacing-padding-py-32: 128px;
+  --spacing-padding-py-36: 144px;
+  --spacing-padding-py-4: 16px;
+  --spacing-padding-py-40: 160px;
+  --spacing-padding-py-44: 176px;
+  --spacing-padding-py-48: 192px;
+  --spacing-padding-py-5: 20px;
+  --spacing-padding-py-52: 208px;
+  --spacing-padding-py-56: 224px;
+  --spacing-padding-py-6: 24px;
+  --spacing-padding-py-60: 240px;
+  --spacing-padding-py-64: 256px;
+  --spacing-padding-py-72: 288px;
+  --spacing-padding-py-8: 32px;
+  --spacing-padding-py-80: 320px;
+  --spacing-padding-py-9: 36px;
+  --spacing-padding-py-96: 384px;
+  --spacing-padding-py-px: 1px;
+  --spacing-space-x-space-x-0: 0px;
+  --spacing-space-x-space-x-0-5: 2px;
+  --spacing-space-x-space-x-1: 4px;
+  --spacing-space-x-space-x-1-5: 6px;
+  --spacing-space-x-space-x-10: 40px;
+  --spacing-space-x-space-x-11: 44px;
+  --spacing-space-x-space-x-12: 48px;
+  --spacing-space-x-space-x-14: 56px;
+  --spacing-space-x-space-x-16: 64px;
+  --spacing-space-x-space-x-2: 8px;
+  --spacing-space-x-space-x-2-5: 10px;
+  --spacing-space-x-space-x-20: 80px;
+  --spacing-space-x-space-x-24: 96px;
+  --spacing-space-x-space-x-28: 112px;
+  --spacing-space-x-space-x-3: 12px;
+  --spacing-space-x-space-x-3-5: 14px;
+  --spacing-space-x-space-x-32: 128px;
+  --spacing-space-x-space-x-36: 144px;
+  --spacing-space-x-space-x-4: 16px;
+  --spacing-space-x-space-x-40: 160px;
+  --spacing-space-x-space-x-44: 176px;
+  --spacing-space-x-space-x-48: 192px;
+  --spacing-space-x-space-x-5: 20px;
+  --spacing-space-x-space-x-52: 208px;
+  --spacing-space-x-space-x-56: 224px;
+  --spacing-space-x-space-x-6: 24px;
+  --spacing-space-x-space-x-60: 240px;
+  --spacing-space-x-space-x-64: 256px;
+  --spacing-space-x-space-x-7: 28px;
+  --spacing-space-x-space-x-72: 288px;
+  --spacing-space-x-space-x-8: 32px;
+  --spacing-space-x-space-x-80: 320px;
+  --spacing-space-x-space-x-9: 36px;
+  --spacing-space-x-space-x-96: 384px;
+  --spacing-space-y-space-y-0: 0px;
+  --spacing-space-y-space-y-0-5: 2px;
+  --spacing-space-y-space-y-1: 4px;
+  --spacing-space-y-space-y-1-5: 6px;
+  --spacing-space-y-space-y-10: 40px;
+  --spacing-space-y-space-y-11: 44px;
+  --spacing-space-y-space-y-12: 48px;
+  --spacing-space-y-space-y-14: 56px;
+  --spacing-space-y-space-y-16: 64px;
+  --spacing-space-y-space-y-2: 8px;
+  --spacing-space-y-space-y-2-5: 10px;
+  --spacing-space-y-space-y-20: 80px;
+  --spacing-space-y-space-y-24: 96px;
+  --spacing-space-y-space-y-28: 112px;
+  --spacing-space-y-space-y-3: 12px;
+  --spacing-space-y-space-y-3-5: 14px;
+  --spacing-space-y-space-y-32: 128px;
+  --spacing-space-y-space-y-36: 144px;
+  --spacing-space-y-space-y-4: 16px;
+  --spacing-space-y-space-y-40: 160px;
+  --spacing-space-y-space-y-44: 176px;
+  --spacing-space-y-space-y-48: 192px;
+  --spacing-space-y-space-y-5: 20px;
+  --spacing-space-y-space-y-52: 208px;
+  --spacing-space-y-space-y-56: 224px;
+  --spacing-space-y-space-y-6: 24px;
+  --spacing-space-y-space-y-60: 240px;
+  --spacing-space-y-space-y-64: 256px;
+  --spacing-space-y-space-y-7: 28px;
+  --spacing-space-y-space-y-72: 288px;
+  --spacing-space-y-space-y-8: 32px;
+  --spacing-space-y-space-y-80: 320px;
+  --spacing-space-y-space-y-9: 36px;
+  --spacing-space-y-space-y-96: 384px;
+  --spacing-base-0: 0px;
+  --spacing-base-1: 4px;
+  --spacing-base-2: 8px;
+  --spacing-base-3: 12px;
+  --spacing-base-4: 16px;
+  --spacing-base-5: 20px;
+  --spacing-base-6: 24px;
+  --spacing-base-7: 28px;
+  --spacing-base-8: 32px;
+  --spacing-base-9: 36px;
+  --spacing-base-10: 40px;
+  --spacing-base-11: 44px;
+  --spacing-base-12: 48px;
+  --spacing-base-14: 56px;
+  --spacing-base-16: 64px;
+  --spacing-base-20: 80px;
+  --spacing-base-24: 96px;
+  --spacing-base-28: 112px;
+  --spacing-base-32: 128px;
+  --spacing-base-36: 144px;
+  --spacing-base-40: 160px;
+  --spacing-base-44: 176px;
+  --spacing-base-48: 192px;
+  --spacing-base-52: 208px;
+  --spacing-base-56: 224px;
+  --spacing-base-60: 240px;
+  --spacing-base-64: 256px;
+  --spacing-base-72: 288px;
+  --spacing-base-80: 320px;
+  --spacing-base-96: 384px;
+  --spacing-base-3-5: 14px;
+  --spacing-base-0-5: 2px;
+  --spacing-base-px: 1px;
+  --spacing-base-1-5: 6px;
+  --spacing-base-2-5: 10px;
+  --spacing-space-half-unit: 2px;
+  --spacing-space-base-unit: 4px;
+  --spacing-button-sm-padding-x: 12px;
+  --spacing-button-sm-padding-y: 12px;
+  --spacing-button-sm-gap: 4px;
+  --border-border: 1px;
+  --border-border-0: 0px;
+  --border-border-0-5: 0.5px;
+  --border-border-2: 2px;
+  --border-border-4: 4px;
+  --border-border-8: 8px;
+  --border-border-b: 1px;
+  --border-border-b-0: 0.5px;
+  --border-border-b-2: 2px;
+  --border-border-b-4: 4px;
+  --border-border-b-8: 8px;
+  --border-border-l: 1px;
+  --border-border-l-0: 0.5px;
+  --border-border-l-2: 2px;
+  --border-border-l-4: 4px;
+  --border-border-l-8: 8px;
+  --border-border-r: 1px;
+  --border-border-r-0: 0.5px;
+  --border-border-r-2: 2px;
+  --border-border-r-4: 4px;
+  --border-border-r-8: 8px;
+  --border-border-t: 1px;
+  --border-border-t-0: 0.5px;
+  --border-border-t-2: 2px;
+  --border-border-t-4: 8px;
+  --border-border-t-8: 8px;
+  --border-border-x: 1px;
+  --border-border-x-0: 0.5px;
+  --border-border-x-2: 2px;
+  --border-border-x-4: 4px;
+  --border-border-x-8: 8px;
+  --border-border-y: 1px;
+  --border-border-y-0: 0.5px;
+  --border-border-y-2: 2px;
+  --border-border-y-4: 4px;
+  --border-border-y-8: 8px;
+  --border-spacing-item-padding-x: 0px;
+  --border-spacing-item-padding-y: 0px;
+  --border-spacing-item-gap: 8px;
+  --border-spacing-container-padding-x: 0px;
+  --border-spacing-container-padding-y: 0px;
+  --border-spacing-container-gap: 8px;
+  --dimension-height-h-0: 0px;
+  --dimension-height-h-0-5: 2px;
+  --dimension-height-h-1: 4px;
+  --dimension-height-h-10: 40px;
+  --dimension-height-h-12: 48px;
+  --dimension-height-h-14: 56px;
+  --dimension-height-h-16: 64px;
+  --dimension-height-h-18: 72px;
+  --dimension-height-h-2: 8px;
+  --dimension-height-h-2-5: 10px;
+  --dimension-height-h-20: 80px;
+  --dimension-height-h-24: 96px;
+  --dimension-height-h-3: 12px;
+  --dimension-height-h-3-5: 14px;
+  --dimension-height-h-4: 16px;
+  --dimension-height-h-48: 192px;
+  --dimension-height-h-5: 20px;
+  --dimension-height-h-6: 24px;
+  --dimension-height-h-7: 28px;
+  --dimension-height-h-72: 288px;
+  --dimension-height-h-8: 32px;
+  --dimension-height-h-9: 36px;
+  --dimension-height-h-96: 384px;
+  --dimension-height-h-px: 1px;
+  --dimension-max-h-max-h-0: 0px;
+  --dimension-max-h-max-h-0-5: 2px;
+  --dimension-max-h-max-h-1: 4px;
+  --dimension-max-h-max-h-1-5: 6px;
+  --dimension-max-h-max-h-10: 40px;
+  --dimension-max-h-max-h-11: 44px;
+  --dimension-max-h-max-h-12: 48px;
+  --dimension-max-h-max-h-14: 56px;
+  --dimension-max-h-max-h-16: 64px;
+  --dimension-max-h-max-h-2: 8px;
+  --dimension-max-h-max-h-2-5: 10px;
+  --dimension-max-h-max-h-20: 80px;
+  --dimension-max-h-max-h-24: 96px;
+  --dimension-max-h-max-h-28: 112px;
+  --dimension-max-h-max-h-3: 12px;
+  --dimension-max-h-max-h-3-5: 14px;
+  --dimension-max-h-max-h-32: 128px;
+  --dimension-max-h-max-h-36: 144px;
+  --dimension-max-h-max-h-4: 16px;
+  --dimension-max-h-max-h-40: 160px;
+  --dimension-max-h-max-h-44: 176px;
+  --dimension-max-h-max-h-48: 192px;
+  --dimension-max-h-max-h-5: 20px;
+  --dimension-max-h-max-h-52: 208px;
+  --dimension-max-h-max-h-56: 224px;
+  --dimension-max-h-max-h-6: 24px;
+  --dimension-max-h-max-h-60: 240px;
+  --dimension-max-h-max-h-64: 256px;
+  --dimension-max-h-max-h-7: 28px;
+  --dimension-max-h-max-h-72: 288px;
+  --dimension-max-h-max-h-8: 32px;
+  --dimension-max-h-max-h-80: 320px;
+  --dimension-max-h-max-h-9: 36px;
+  --dimension-max-h-max-h-96: 384px;
+  --dimension-max-h-max-h-px: 1px;
+  --dimension-max-w-max-w-0: 0px;
+  --dimension-max-w-max-w-0-5: 2px;
+  --dimension-max-w-max-w-1: 4px;
+  --dimension-max-w-max-w-1-5: 6px;
+  --dimension-max-w-max-w-10: 40px;
+  --dimension-max-w-max-w-11: 44px;
+  --dimension-max-w-max-w-12: 48px;
+  --dimension-max-w-max-w-14: 56px;
+  --dimension-max-w-max-w-16: 64px;
+  --dimension-max-w-max-w-2: 8px;
+  --dimension-max-w-max-w-2-5: 10px;
+  --dimension-max-w-max-w-20: 80px;
+  --dimension-max-w-max-w-24: 96px;
+  --dimension-max-w-max-w-28: 112px;
+  --dimension-max-w-max-w-2xl: 672px;
+  --dimension-max-w-max-w-3: 12px;
+  --dimension-max-w-max-w-32: 128px;
+  --dimension-max-w-max-w-36: 144px;
+  --dimension-max-w-max-w-3xl: 768px;
+  --dimension-max-w-max-w-4: 16px;
+  --dimension-max-w-max-w-40: 160px;
+  --dimension-max-w-max-w-44: 176px;
+  --dimension-max-w-max-w-48: 192px;
+  --dimension-max-w-max-w-4xl: 896px;
+  --dimension-max-w-max-w-5: 20px;
+  --dimension-max-w-max-w-52: 208px;
+  --dimension-max-w-max-w-56: 224px;
+  --dimension-max-w-max-w-5xl: 1024px;
+  --dimension-max-w-max-w-6: 24px;
+  --dimension-max-w-max-w-60: 240px;
+  --dimension-max-w-max-w-64: 256px;
+  --dimension-max-w-max-w-6xl: 1152px;
+  --dimension-max-w-max-w-7: 28px;
+  --dimension-max-w-max-w-72: 288px;
+  --dimension-max-w-max-w-7xl: 1280px;
+  --dimension-max-w-max-w-8: 32px;
+  --dimension-max-w-max-w-80: 320px;
+  --dimension-max-w-max-w-9: 36px;
+  --dimension-max-w-max-w-96: 384px;
+  --dimension-max-w-max-w-lg: 512px;
+  --dimension-max-w-max-w-md: 448px;
+  --dimension-max-w-max-w-px: 1px;
+  --dimension-max-w-max-w-screen-2xl: 1536px;
+  --dimension-max-w-max-w-screen-lg: 1024px;
+  --dimension-max-w-max-w-screen-md: 768px;
+  --dimension-max-w-max-w-screen-sm: 640px;
+  --dimension-max-w-max-w-screen-xl: 1280px;
+  --dimension-max-w-max-w-sm: 384px;
+  --dimension-max-w-max-w-xl: 576px;
+  --dimension-max-w-max-w-xs: 384px;
+  --dimension-width-w-0: 0px;
+  --dimension-width-w-0-5: 2px;
+  --dimension-width-w-1: 4px;
+  --dimension-width-w-10: 40px;
+  --dimension-width-w-12: 48px;
+  --dimension-width-w-14: 56px;
+  --dimension-width-w-16: 64px;
+  --dimension-width-w-18: 72px;
+  --dimension-width-w-2: 8px;
+  --dimension-width-w-2-5: 10px;
+  --dimension-width-w-20: 80px;
+  --dimension-width-w-24: 96px;
+  --dimension-width-w-3: 12px;
+  --dimension-width-w-3-5: 14px;
+  --dimension-width-w-4: 16px;
+  --dimension-width-w-48: 192px;
+  --dimension-width-w-5: 20px;
+  --dimension-width-w-6: 24px;
+  --dimension-width-w-7: 28px;
+  --dimension-width-w-72: 288px;
+  --dimension-width-w-8: 32px;
+  --dimension-width-w-9: 36px;
+  --dimension-width-w-96: 384px;
+  --dimension-width-w-px: 1px;
+  --backdrop-blur-backdrop-blur: 8px;
+  --backdrop-blur-backdrop-blur-2xl: 40px;
+  --backdrop-blur-backdrop-blur-3xl: 64px;
+  --backdrop-blur-backdrop-blur-lg: 16px;
+  --backdrop-blur-backdrop-blur-md: 12px;
+  --backdrop-blur-backdrop-blur-none: 0px;
+  --backdrop-blur-backdrop-blur-sm: 4px;
+  --backdrop-blur-backdrop-blur-xl: 24px;
+  --heading-3xl-light: 300px 72px/72px satoshi;
+  --heading-3xl-regular: 400px 72px/72px satoshi;
+  --heading-3xl-medium: 500px 72px/72px satoshi;
+  --heading-3xl-bold: 700px 72px/72px satoshi;
+  --heading-3xl-black: 900px 72px/72px satoshi;
+  --heading-2xl-light: 300px 60px/64px satoshi;
+  --heading-2xl-regular: 400px 60px/64px satoshi;
+  --heading-2xl-medium: 500px 60px/64px satoshi;
+  --heading-2xl-bold: 700px 60px/64px satoshi;
+  --heading-2xl-black: 900px 60px/64px satoshi;
+  --heading-xl-light: 300px 48px/52px satoshi;
+  --heading-xl-regular: 400px 48px/52px satoshi;
+  --heading-xl-medium: 500px 48px/52px satoshi;
+  --heading-xl-bold: 700px 48px/52px satoshi;
+  --heading-xl-black: 900px 48px/52px satoshi;
+  --heading-lg-light: 300px 36px/40px satoshi;
+  --heading-lg-regular: 400px 36px/40px satoshi;
+  --heading-lg-medium: 500px 36px/40px satoshi;
+  --heading-lg-bold: 700px 36px/40px satoshi;
+  --heading-lg-black: 900px 36px/40px satoshi;
+  --heading-md-light: 300px 30px/36px satoshi;
+  --heading-md-regular: 400px 30px/36px satoshi;
+  --heading-md-medium: 500px 30px/36px satoshi;
+  --heading-md-bold: 700px 30px/36px satoshi;
+  --heading-md-black: 900px 30px/36px satoshi;
+  --heading-md-leading-none-light: 300px 18px/32px satoshi;
+  --heading-md-leading-none-regular: 400px 18px/32px satoshi;
+  --heading-md-leading-none-medium: 500px 18px/32px satoshi;
+  --heading-md-leading-none-bold: 700px 18px/32px satoshi;
+  --heading-md-leading-none-black: 900px 18px/32px satoshi;
+  --heading-md-leading-6-light: 300px 18px/24px satoshi;
+  --heading-md-leading-6-regular: 400px 18px/24px satoshi;
+  --heading-md-leading-6-medium: 500px 18px/24px satoshi;
+  --heading-md-leading-6-bold: 700px 18px/24px satoshi;
+  --heading-md-leading-6-black: 900px 18px/24px satoshi;
+  --heading-md-leading-7-light: 300px 18px/28px satoshi;
+  --heading-md-leading-7-regular: 400px 18px/28px satoshi;
+  --heading-md-leading-7-medium: 500px 18px/28px satoshi;
+  --heading-md-leading-7-bold: 700px 18px/28px satoshi;
+  --heading-md-leading-7-black: 900px 18px/28px satoshi;
+  --heading-sm-light: 300px 24px/32px satoshi;
+  --heading-sm-regular: 400px 24px/32px satoshi;
+  --heading-sm-medium: 500px 24px/32px satoshi;
+  --heading-sm-bold: 700px 24px/32px satoshi;
+  --heading-sm-black: 900px 24px/32px satoshi;
+  --body-lg-leading-none-light: 300px 18px/18px satoshi;
+  --body-lg-leading-none-regular: 400px 18px/18px satoshi;
+  --body-lg-leading-none-medium: 500px 18px/18px satoshi;
+  --body-lg-leading-none-bold: 700px 18px/18px satoshi;
+  --body-lg-leading-none-black: 900px 18px/18px satoshi;
+  --body-lg-leading-6-light: 300px 18px/24px satoshi;
+  --body-lg-leading-6-regular: 400px 18px/24px satoshi;
+  --body-lg-leading-6-medium: 500px 18px/24px satoshi;
+  --body-lg-leading-6-bold: 700px 18px/24px satoshi;
+  --body-lg-leading-6-black: 900px 18px/24px satoshi;
+  --body-lg-leading-7-light: 300px 18px/28px satoshi;
+  --body-lg-leading-7-regular: 400px 18px/28px satoshi;
+  --body-lg-leading-7-medium: 500px 18px/28px satoshi;
+  --body-lg-leading-7-bold: 700px 18px/28px satoshi;
+  --body-lg-leading-7-black: 900px 18px/28px satoshi;
+  --body-md-leading-none-light: 300px 16px/16px satoshi;
+  --body-md-leading-none-regular: 400px 16px/16px satoshi;
+  --body-md-leading-none-medium: 500px 16px/16px satoshi;
+  --body-md-leading-none-bold: 700px 16px/16px satoshi;
+  --body-md-leading-none-black: 900px 16px/16px satoshi;
+  --body-md-leading-6-light: 300px 16px/24px satoshi;
+  --body-md-leading-6-regular: 400px 16px/24px satoshi;
+  --body-md-leading-6-medium: 500px 16px/24px satoshi;
+  --body-md-leading-6-bold: 700px 16px/24px satoshi;
+  --body-md-leading-6-black: 900px 16px/24px satoshi;
+  --body-md-leading-7-light: 300px 16px/28px satoshi;
+  --body-md-leading-7-regular: 400px 16px/28px satoshi;
+  --body-md-leading-7-medium: 500px 16px/28px satoshi;
+  --body-md-leading-7-bold: 700px 16px/28px satoshi;
+  --body-md-leading-7-black: 900px 16px/28px satoshi;
+  --heading-xs-light: 300px 24px/32px satoshi;
+  --heading-xs-regular: 400px 24px/32px satoshi;
+  --heading-xs-medium: 500px 24px/32px satoshi;
+  --heading-xs-bold: 700px 24px/32px satoshi;
+  --heading-xs-black: 900px 24px/32px satoshi;
+  --body-sm-leading-none-light: 300px 14px/14px satoshi;
+  --body-sm-leading-none-regular: 400px 14px/14px satoshi;
+  --body-sm-leading-none-medium: 500px 14px/14px satoshi;
+  --body-sm-leading-none-bold: 700px 14px/14px satoshi;
+  --body-sm-leading-none-black: 900px 14px/14px satoshi;
+  --body-sm-leading-5-light: 300px 14px/20px satoshi;
+  --body-sm-leading-5-regular: 400px 14px/20px satoshi;
+  --body-sm-leading-5-medium: 500px 14px/20px satoshi;
+  --body-sm-leading-5-bold: 700px 14px/20px satoshi;
+  --body-sm-leading-5-black: 900px 14px/20px satoshi;
+  --body-sm-leading-6-light: 300px 14px/24px satoshi;
+  --body-sm-leading-6-regular: 400px 14px/24px satoshi;
+  --body-sm-leading-6-medium: 500px 14px/24px satoshi;
+  --body-sm-leading-6-bold: 700px 14px/24px satoshi;
+  --body-sm-leading-6-black: 900px 14px/24px satoshi;
+  --body-xs-leading-none-light: 300px 12px/12px satoshi;
+  --body-xs-leading-none-regular: 400px 12px/12px satoshi;
+  --body-xs-leading-none-medium: 500px 12px/12px satoshi;
+  --body-xs-leading-none-bold: 700px 12px/12px satoshi;
+  --body-xs-leading-none-black: 900px 12px/12px satoshi;
+  --body-xs-leading-4-light: 300px 12px/16px satoshi;
+  --body-xs-leading-4-regular: 400px 12px/16px satoshi;
+  --body-xs-leading-4-medium: 500px 12px/16px satoshi;
+  --body-xs-leading-4-bold: 700px 12px/16px satoshi;
+  --body-xs-leading-4-black: 900px 12px/16px satoshi;
+  --body-xs-leading-5-light: 300px 12px/20px satoshi;
+  --body-xs-leading-5-regular: 400px 12px/20px satoshi;
+  --body-xs-leading-5-medium: 500px 12px/20px satoshi;
+  --body-xs-leading-5-bold: 700px 12px/20px satoshi;
+  --body-xs-leading-5-black: 900px 12px/20px satoshi;
+  --radii-input: 8px;
+  --radii-date-input: 12px;
+  --radii-button: 9999px;
+  --radii-card: 24px;
+  --border-width-input: 1px;
+  --border-width-decoration: 0.5px;
+  --border-width-focus: 2px;
+  --badge-color-background: #a01414;
+  --badge-color-foreground: #ffffff;
+  --badge-size-small-width: 20px;
+  --badge-size-small-height: 20px;
+  --badge-size-large-width: 24px;
+  --badge-size-large-height: 24px;
+  --badge-border-radius-default: 9999px;
+  --badge-spacing-gap: 0px;
+  --badge-spacing-padding-x: 0px;
+  --badge-spacing-padding-y: 0px;
+  --component-button-color-brand-primary-background-default: #fe8839;
+  --component-button-color-brand-primary-background-hover: #fc6613;
+  --component-button-color-brand-primary-background-pressed: #ed4c09;
+  --component-button-color-brand-primary-background-focused: #ed4c09;
+  --component-button-color-brand-primary-background-disabled: #f5f5f5;
+  --component-button-color-brand-primary-foreground-default: #ffffff;
+  --component-button-color-brand-primary-foreground-hover: #ffffff;
+  --component-button-color-brand-primary-foreground-pressed: #ffffff;
+  --component-button-color-brand-primary-foreground-focused: #ffffff;
+  --component-button-color-brand-primary-foreground-disabled: #a3a3a3;
+  --component-button-color-brand-secondary-background-default: #0d9394;
+  --component-button-color-brand-secondary-background-hover: #0f7173;
+  --component-button-color-brand-secondary-background-pressed: #042c2f;
+  --component-button-color-brand-secondary-background-focused: #042c2f;
+  --component-button-color-brand-secondary-background-disabled: #f5f5f5;
+  --component-button-color-brand-secondary-foreground-default: #ffffff;
+  --component-button-color-brand-secondary-foreground-hover: #ffffff;
+  --component-button-color-brand-secondary-foreground-pressed: #ffffff;
+  --component-button-color-brand-secondary-foreground-focused: #ffffff;
+  --component-button-color-brand-secondary-foreground-disabled: #a3a3a3;
+  --component-button-color-brand-tertiary-background-default: #f5f5f5;
+  --component-button-color-brand-tertiary-background-hover: #ededed;
+  --component-button-color-brand-tertiary-background-pressed: #f5f5f5;
+  --component-button-color-brand-tertiary-background-focused: #f5f5f5;
+  --component-button-color-brand-tertiary-background-disabled: #f5f5f5;
+  --component-button-color-brand-tertiary-foreground-default: #303642;
+  --component-button-color-brand-tertiary-foreground-hover: #000000;
+  --component-button-color-brand-tertiary-foreground-pressed: #000000;
+  --component-button-color-brand-tertiary-foreground-focused: #000000;
+  --component-button-color-brand-tertiary-foreground-disabled: #aaaeb8;
+  --component-button-color-brand-tertiary-border-default: #e5e5e5;
+  --component-button-color-brand-tertiary-border-hover: #e5e5e5;
+  --component-button-color-brand-tertiary-border-pressed: #e5e5e5;
+  --component-button-color-brand-tertiary-border-focused: #e5e5e5;
+  --component-button-color-brand-tertiary-border-disabled: #f5f5f5;
+  --component-button-color-outline-primary-background-default: #ffffff;
+  --component-button-color-outline-primary-background-hover: #fff6ed;
+  --component-button-color-outline-primary-background-pressed: #ffffff;
+  --component-button-color-outline-primary-background-focused: #ffebd4;
+  --component-button-color-outline-primary-background-disabled: #ffffff;
+  --component-button-color-outline-primary-foreground-default: #fe8839;
+  --component-button-color-outline-primary-foreground-hover: #fe8839;
+  --component-button-color-outline-primary-foreground-pressed: #fe8839;
+  --component-button-color-outline-primary-foreground-focused: #fe8839;
+  --component-button-color-outline-primary-foreground-disabled: #a3a3a3;
+  --component-button-color-outline-secondary-background-default: #ffffff;
+  --component-button-color-outline-secondary-background-hover: #f0fdfb;
+  --component-button-color-outline-secondary-background-pressed: #ccfbf6;
+  --component-button-color-outline-secondary-background-focused: #ffffff;
+  --component-button-color-outline-secondary-background-disabled: #ffffff;
+  --component-button-color-outline-secondary-foreground-default: #0d9394;
+  --component-button-color-outline-secondary-foreground-hover: #0d9394;
+  --component-button-color-outline-secondary-foreground-pressed: #0d9394;
+  --component-button-color-outline-secondary-foreground-focused: #0d9394;
+  --component-button-color-outline-secondary-foreground-disabled: #a3a3a3;
+  --component-button-color-ghost-background-default: rgba(255, 255, 255, 0);
+  --component-button-color-ghost-background-hover: rgba(255, 255, 255, 0);
+  --component-button-color-ghost-background-pressed: rgba(255, 255, 255, 0);
+  --component-button-color-ghost-background-focused: rgba(255, 255, 255, 0);
+  --component-button-color-ghost-background-disabled: rgba(255, 255, 255, 0);
+  --component-button-color-ghost-foreground-default: #78716c;
+  --component-button-color-ghost-foreground-hover: #78716c;
+  --component-button-color-ghost-foreground-pressed: #78716c;
+  --component-button-color-ghost-foreground-focused: #78716c;
+  --component-button-color-ghost-foreground-disabled: #a8a29e;
+  --component-button-color-destructive-background-default: #dc2626;
+  --component-button-color-destructive-background-hover: #991b1b;
+  --component-button-color-destructive-background-pressed: #450a0a;
+  --component-button-color-destructive-background-focused: #450a0a;
+  --component-button-color-destructive-background-disabled: #f5f5f5;
+  --component-button-color-destructive-foreground-default: #dc2626;
+  --component-button-color-destructive-foreground-hover: #dc2626;
+  --component-button-color-destructive-foreground-pressed: #dc2626;
+  --component-button-color-destructive-foreground-focused: #dc2626;
+  --component-button-color-destructive-foreground-disabled: #f5f5f5;
+  --component-button-border-width-primary-focused: 0px;
+  --component-button-corner-radius-default: 9999px;
+  --component-button-spacing-sm-padding-x: 12px;
+  --component-button-spacing-sm-padding-y: 8px;
+  --component-button-spacing-sm-gap: 4px;
+  --component-button-spacing-md-padding-x: 14px;
+  --component-button-spacing-md-padding-y: 10px;
+  --component-button-spacing-md-gap: 10px;
+  --component-button-spacing-lg-padding-x: 64px;
+  --component-button-spacing-lg-padding-y: 10px;
+  --component-button-spacing-lg-gap: 6px;
+  --component-button-spacing-xl-padding-x: 16px;
+  --component-button-spacing-xl-padding-y: 12px;
+  --component-button-spacing-xl-gap: 6px;
+  --component-button-spacing-ghost-sm-padding-x: 0px;
+  --component-button-spacing-ghost-sm-padding-y: 0px;
+  --component-button-spacing-ghost-sm-gap: 6px;
+  --component-button-spacing-ghost-md-padding-x: 0px;
+  --component-button-spacing-ghost-md-padding-y: 0px;
+  --component-button-spacing-ghost-md-gap: 6px;
+  --component-button-spacing-ghost-lg-padding-x: 0px;
+  --component-button-spacing-ghost-lg-padding-y: 0px;
+  --component-button-spacing-ghost-lg-gap: 6px;
+  --component-button-spacing-ghost-xl-padding-x: 0px;
+  --component-button-spacing-ghost-xl-padding-y: 0px;
+  --component-button-spacing-ghost-xl-gap: 6px;
+  --checkbox-color-text-default: #303642;
+  --checkbox-color-checkbox-background-default: #ffffff;
+  --checkbox-color-checkbox-background-hover: #d9d9d9;
+  --checkbox-color-checkbox-background-pressed: #c8c8c8;
+  --checkbox-color-checkbox-background-focused: #ffffff;
+  --checkbox-color-checkbox-background-disabled: #fbfbfb;
+  --checkbox-color-checkbox-background-error: #fff1f1;
+  --checkbox-color-checkbox-border-default-default: #7f8594;
+  --checkbox-color-checkbox-border-default-hover: #262626;
+  --checkbox-color-checkbox-border-default-pressed: #262626;
+  --checkbox-color-checkbox-border-default-focused: #7f8594;
+  --checkbox-color-checkbox-border-default-disabled: #d1d5db;
+  --checkbox-color-checkbox-border-default-error: #f83b3b;
+  --checkbox-color-checkbox-border-selected-default: #0f7173;
+  --checkbox-color-checkbox-border-selected-hover: #115b5e;
+  --checkbox-color-checkbox-border-selected-pressed: #042c2f;
+  --checkbox-color-checkbox-border-selected-focused: #0f7173;
+  --checkbox-color-checkbox-border-selected-disabled: #d1d5db;
+  --checkbox-color-checkbox-border-selected-error: #f83b3b;
+  --checkbox-color-checkbox-checked-default: #0f7173;
+  --checkbox-color-checkbox-checked-hover: #115b5e;
+  --checkbox-color-checkbox-checked-pressed: #042c2f;
+  --checkbox-color-checkbox-checked-focused: #0f7173;
+  --checkbox-color-checkbox-checked-disabled: #d1d5db;
+  --checkbox-color-checkbox-checked-error: #f83b3b;
+  --checkbox-border-radius-default: 2px;
+  --checkbox-border-width-default: 1px;
+  --checkbox-spacing-container-gap: 8px;
+  --checkbox-spacing-container-padding-x: 0px;
+  --checkbox-spacing-container-padding-y: 0px;
+  --checkbox-spacing-box-gap: 0px;
+  --checkbox-spacing-box-padding-x: 4px;
+  --checkbox-spacing-box-padding-y: 4px;
+  --input-color-background: [object Object];
+  --input-color-foreground: [object Object];
+  --input-color-border: [object Object];
+  --input-color-icon-default: #6b7280;
+  --input-color-icon-error: #f83b3b;
+  --input-color-icon-sucess: #22c55e;
+  --input-color-label-default: #262626;
+  --input-color-label-disabled: #a3a3a3;
+  --input-color-help-text-default: #262626;
+  --input-border-width-default: 1px;
+  --input-border-radius-default: 8px;
+  --input-spacing-container-gap: 8px;
+  --input-spacing-container-padding-x: 0px;
+  --input-spacing-container-padding-y: 0px;
+  --input-spacing-input-gap: 0px;
+  --input-spacing-input-padding-x: 16px;
+  --input-spacing-input-padding-y: 12px;
+  --input-spacing-content-gap: 4px;
+  --input-spacing-content-padding-x: 0px;
+  --input-spacing-content-padding-y: 0px;
+  --radio-button-color-text-default: #303642;
+  --radio-button-color-radio-background-default: #ffffff;
+  --radio-button-color-radio-background-hover: #d9d9d9;
+  --radio-button-color-radio-background-pressed: #c8c8c8;
+  --radio-button-color-radio-background-focused: #ffffff;
+  --radio-button-color-radio-background-disabled: #fbfbfb;
+  --radio-button-color-radio-border-default-default: #7f8594;
+  --radio-button-color-radio-border-default-hover: #262626;
+  --radio-button-color-radio-border-default-pressed: #262626;
+  --radio-button-color-radio-border-default-focused: #7f8594;
+  --radio-button-color-radio-border-default-disabled: #d1d5db;
+  --radio-button-color-radio-border-selected-default: #0f7173;
+  --radio-button-color-radio-border-selected-hover: #115b5e;
+  --radio-button-color-radio-border-selected-pressed: #042c2f;
+  --radio-button-color-radio-border-selected-focused: #0f7173;
+  --radio-button-color-radio-border-selected-disabled: #d1d5db;
+  --radio-button-color-radio-selected-default: #0f7173;
+  --radio-button-color-radio-selected-hover: #115b5e;
+  --radio-button-color-radio-selected-pressed: #042c2f;
+  --radio-button-color-radio-selected-focused: #0f7173;
+  --radio-button-color-radio-selected-disabled: #d1d5db;
+  --radio-button-border-radius-default: 9999px;
+  --radio-button-border-width-default: 1px;
+  --toast-border-width-border: 1px;
+  --toast-border-width-block: 8px;
+  --toast-color-warning-background: #fff6ed;
+  --toast-color-warning-foreground: #fc6613;
+  --toast-color-danger-background: #ffc7c7;
+  --toast-color-danger-foreground: #a01414;
+  --toast-color-info-background: #dbeafe;
+  --toast-color-info-foreground: #1e40af;
+  --toast-color-success-background: #dcfce7;
+  --toast-color-success-foreground: #166534;
+  --toast-border-radius-default: 4px;
+  --toast-spacing-toast-gap: 0px;
+  --toast-spacing-toast-padding-x: 0px;
+  --toast-spacing-toast-padding-y: 0px;
+  --toast-spacing-container-gap: 8px;
+  --toast-spacing-container-padding-x: 8px;
+  --toast-spacing-container-padding-y: 12px;
+  --calender-color-day-default: #7f8594;
+  --calender-color-day-hover: #ed4c09;
+  --calender-color-date-highlighted-background-default: #ffebd4;
+  --calender-color-date-highlighted-background-selected: #fc6613;
+  --calender-color-date-highlighted-foreground-default: #262626;
+  --calender-color-date-highlighted-foreground-inverted: #ffffff;
+  --calender-color-date-background-default: rgba(255, 255, 255, 0);
+  --calender-color-date-background-hover: #d9d9d9;
+  --calender-color-date-background-disabled: rgba(255, 255, 255, 0);
+  --calender-color-date-background-selected: #fc6613;
+  --calender-color-date-foreground-default: #262626;
+  --calender-color-date-foreground-inverted: #ffffff;
+  --calender-spacing-container-calender-gap: 8px;
+  --calender-spacing-container-calender-padding-x: 0px;
+  --calender-spacing-container-calender-padding-y: 0px;
+  --calender-spacing-container-calender-days-gap: 0px;
+  --calender-spacing-container-calender-days-padding-x: 0px;
+  --calender-spacing-container-calender-days-padding-y: 0px;
+  --calender-spacing-container-calender-dates-gap: 0px;
+  --calender-spacing-container-calender-dates-padding-x: 0px;
+  --calender-spacing-container-calender-dates-padding-y: 0px;
+  --calender-spacing-container-calender-column-gap: 2px;
+  --calender-spacing-container-calender-column-padding-x: 0px;
+  --calender-spacing-container-calender-column-padding-y: 0px;
+  --calender-spacing-container-global-gap: 24px;
+  --calender-spacing-container-global-padding-x: 0px;
+  --calender-spacing-container-global-padding-y: 0px;
+  --calender-spacing-date-highlighted-padding-x: 0px;
+  --calender-spacing-date-highlighted-padding-y: 0px;
+  --calender-spacing-date-highlighted-gap: 0px;
+  --calender-spacing-date-highlighted-date-padding-x: 0px;
+  --calender-spacing-date-highlighted-date-padding-y: 0px;
+  --calender-spacing-date-highlighted-date-gap: 0px;
+  --calender-spacing-date-padding-x: 0px;
+  --calender-spacing-date-padding-y: 0px;
+  --calender-spacing-date-gap: 0px;
+  --calender-spacing-month-padding-x: 0px;
+  --calender-spacing-month-padding-y: 0px;
+  --calender-spacing-month-gap: 0px;
+  --calender-dimension-date-highlighted-date-width: 32px;
+  --calender-dimension-date-highlighted-date-height: 32px;
+  --calender-dimension-container-width: 32px;
+  --calender-dimension-container-height: 32px;
+  --calender-border-radius-global: 0px;
+  --calender-border-radius-date-highlighted-none: 0px;
+  --calender-border-radius-date-highlighted-rounded: 16px;
+  --calender-border-radius-date-highlighted-full: 9999px;
+  --calender-border-radius-date-none: 0px;
+  --calender-border-radius-date-full: 9999px;
+  --calender-border-radius-date-item-full: 9999px;
+  --calender-border-radius-month-none: 0px;
+  --text-area-color-background: [object Object];
+  --text-area-color-foreground: [object Object];
+  --text-area-color-border: [object Object];
+  --text-area-color-icon-default: #6b7280;
+  --text-area-color-icon-error: #f83b3b;
+  --text-area-color-icon-sucess: #22c55e;
+  --text-area-color-label-default: #374151;
+  --text-area-color-help-text-default: #6b7280;
+  --text-area-border-width-default: 1px;
+  --text-area-border-radius-default: 8px;
+  --text-area-spacing-container-gap: 8px;
+  --text-area-spacing-container-padding-x: 0px;
+  --text-area-spacing-container-padding-y: 0px;
+  --text-area-spacing-input-gap: 0px;
+  --text-area-spacing-input-padding-x: 8px;
+  --text-area-spacing-input-padding-y: 16px;
+  --text-area-spacing-content-gap: 0px;
+  --text-area-spacing-content-padding-x: 8px;
+  --text-area-spacing-content-padding-y: 16px;
+  --date-input-color-background-default: #ffffff;
+  --date-input-color-background-active: #0f7173;
+  --date-input-color-background-hover: #ffffff;
+  --date-input-color-background-warning: #fff1f1;
+  --date-input-color-background-disabled: #fbfbfb;
+  --date-input-color-foreground-default: #737373;
+  --date-input-color-foreground-active: #ffffff;
+  --date-input-color-foreground-hover: #115b5e;
+  --date-input-color-foreground-warning: #f83b3b;
+  --date-input-color-foreground-disabled: #fbfbfb;
+  --date-input-border-radius-default: 8px;
+  --date-input-border-width-default: 1px;
+  --date-input-spacing-input-padding-x: 16px;
+  --date-input-spacing-input-padding-y: 8px;
+  --date-input-spacing-input-gap: 0px;
+  --date-input-spacing-content-padding-x: 16px;
+  --date-input-spacing-content-padding-y: 8px;
+  --date-input-spacing-content-gap: 0px;
+  --divider-color-default: #d9d9d9;
+  --divider-border-width-default: 1px;
+  --dropdown-selector-color-filled-background-default: #ffffff;
+  --dropdown-selector-color-filled-background-hover: #edeae1;
+  --dropdown-selector-color-filled-background-typing: #edeae1;
+  --dropdown-selector-color-filled-background-selected: #0f7173;
+  --dropdown-selector-color-filled-background-focused: #edeae1;
+  --dropdown-selector-color-filled-background-error: #fff1f1;
+  --dropdown-selector-color-filled-background-disabled: #fbfbfb;
+  --dropdown-selector-color-filled-foreground-default: #737373;
+  --dropdown-selector-color-filled-foreground-hover: #404040;
+  --dropdown-selector-color-filled-foreground-typing: #404040;
+  --dropdown-selector-color-filled-foreground-selected: #ffffff;
+  --dropdown-selector-color-filled-foreground-focused: #262626;
+  --dropdown-selector-color-filled-foreground-warning: #f83b3b;
+  --dropdown-selector-color-filled-foreground-disabled: #fbfbfb;
+  --dropdown-selector-color-filled-border-default: #7f8594;
+  --dropdown-selector-color-filled-border-hover: #0f7173;
+  --dropdown-selector-color-filled-border-typing: #0f7173;
+  --dropdown-selector-color-filled-border-selected: #262626;
+  --dropdown-selector-color-filled-border-focused: #0f7173;
+  --dropdown-selector-color-filled-border-warning: #f83b3b;
+  --dropdown-selector-color-filled-border-disabled: #fbfbfb;
+  --dropdown-selector-color-filled-icon-default: #000000;
+  --dropdown-selector-color-filled-icon-selected: #0f7173;
+  --dropdown-selector-color-filled-icon-error: #f83b3b;
+  --dropdown-selector-color-filled-icon-disabled: #a3a3a3;
+  --dropdown-selector-color-select-background: #ffffff;
+  --dropdown-selector-color-select-border: #7f8594;
+  --dropdown-selector-color-outlined-background-default: #ffffff;
+  --dropdown-selector-color-outlined-background-hover: #edeae1;
+  --dropdown-selector-color-outlined-background-typing: #edeae1;
+  --dropdown-selector-color-outlined-background-selected: #ffffff;
+  --dropdown-selector-color-outlined-background-focused: #edeae1;
+  --dropdown-selector-color-outlined-background-error: #ffffff;
+  --dropdown-selector-color-outlined-background-disabled: #ffffff;
+  --dropdown-selector-color-outlined-foreground-default: #737373;
+  --dropdown-selector-color-outlined-foreground-hover: #404040;
+  --dropdown-selector-color-outlined-foreground-typing: #404040;
+  --dropdown-selector-color-outlined-foreground-selected: #ffffff;
+  --dropdown-selector-color-outlined-foreground-focused: #262626;
+  --dropdown-selector-color-outlined-foreground-error: #f83b3b;
+  --dropdown-selector-color-outlined-foreground-disabled: #a3a3a3;
+  --dropdown-selector-color-outlined-border-default: #7f8594;
+  --dropdown-selector-color-outlined-border-hover: #0f7173;
+  --dropdown-selector-color-outlined-border-typing: #0f7173;
+  --dropdown-selector-color-outlined-border-selected: #262626;
+  --dropdown-selector-color-outlined-border-focused: #0f7173;
+  --dropdown-selector-color-outlined-border-warning: #f83b3b;
+  --dropdown-selector-color-outlined-border-disabled: #a3a3a3;
+  --dropdown-selector-color-outlined-icon-default: #000000;
+  --dropdown-selector-color-outlined-icon-selected: #0f7173;
+  --dropdown-selector-color-outlined-icon-error: #f83b3b;
+  --dropdown-selector-color-outlined-icon-disabled: #a3a3a3;
+  --dropdown-selector-color-select-item-background-default: #ffffff;
+  --dropdown-selector-color-select-item-background-hover: #115b5e;
+  --dropdown-selector-color-select-item-background-selected: #0f7173;
+  --dropdown-selector-color-select-item-background-focused: #115b5e;
+  --dropdown-selector-color-select-item-background-disabled: #fbfbfb;
+  --dropdown-selector-border-radius-default: 8px;
+  --dropdown-selector-border-radius-content: 0px;
+  --dropdown-selector-border-radius-input: 0px;
+  --dropdown-selector-border-radius-rounded: 12px;
+  --dropdown-selector-border-radius-full: 9999px;
+  --dropdown-selector-border-radius-select-item: 8px;
+  --dropdown-selector-border-width-default: 1px;
+  --dropdown-selector-border-width-focused: 2px;
+  --dropdown-selector-spacing-container-padding-x: 16px;
+  --dropdown-selector-spacing-container-padding-y: 8px;
+  --dropdown-selector-spacing-container-gap: 8px;
+  --dropdown-selector-spacing-content-padding-x: 0px;
+  --dropdown-selector-spacing-content-padding-y: 0px;
+  --dropdown-selector-spacing-content-gap: 0px;
+  --dropdown-selector-spacing-select-item-padding-x: 16px;
+  --dropdown-selector-spacing-select-item-padding-y: 8px;
+  --dropdown-selector-spacing-select-item-gap: 8px;
+  --dropdown-selector-spacing-select-item-text-padding-x: 0px;
+  --dropdown-selector-spacing-select-item-text-padding-y: 0px;
+  --dropdown-selector-spacing-select-item-text-gap: 4px;
+  --stepper-color-counter: #ffffff;
+  --stepper-color-cta-background-default: #ffffff;
+  --stepper-color-cta-background-hover: #115b5e;
+  --stepper-color-cta-background-pressed: #042c2f;
+  --stepper-color-cta-background-disabled: #fbfbfb;
+  --stepper-color-cta-foreground-default: #000000;
+  --stepper-color-cta-foreground-hover: #ffffff;
+  --stepper-color-cta-foreground-pressed: #ffffff;
+  --stepper-color-cta-foreground-disabled: #aaaeb8;
+  --stepper-border-radius-counter: 8px;
+  --stepper-border-radius-cta: 9999px;
+  --stepper-spacing-counter-gap: 0px;
+  --stepper-spacing-counter-padding-x: 0px;
+  --stepper-spacing-counter-padding-y: 4px;
+  --stepper-spacing-cta-gap: 0px;
+  --stepper-spacing-cta-padding-x: 0px;
+  --stepper-spacing-cta-padding-y: 0px;
+  --stepper-spacing-controller-gap: 8px;
+  --stepper-spacing-controller-padding-x: 0px;
+  --stepper-spacing-controller-padding-y: 0px;
+  --stepper-spacing-multiple-gap: 16px;
+  --stepper-spacing-multiple-padding-x: 0px;
+  --stepper-spacing-multiple-padding-y: 0px;
+  --stepper-dimension-counter-width: 72px;
+  --stepper-dimension-cta-width: 32px;
+  --stepper-dimension-cta-height: 32px;
+  --link-color-normal-default: #303642;
+  --link-color-normal-hover: #242831;
+  --link-color-normal-visited: #555d71;
+  --link-color-normal-focused: #15181f;
+  --link-color-inverted-default: #ffffff;
+  --link-color-inverted-hover: #d4d6db;
+  --link-color-inverted-visited: #e9eaed;
+  --link-color-inverted-focused: #f9f9f9;
+  --link-color-brand-default: #0f7173;
+  --link-color-brand-hover: #115b5e;
+  --link-color-brand-visited: #5eeae2;
+  --link-color-brand-focused: #115b5e;
+  --link-spacing-gap: 8px;
+  --link-spacing-padding-x: 0px;
+  --link-spacing-padding-y: 0px;
+  --footer-color-background-default: #042c2f;
+  --card-color-background-default: #fafafa;
+  --card-color-border-default: #a3a3a3;
+  --card-border-radius-default: 24px;
+  --card-spacing-compact-padding-x: 8px;
+  --card-spacing-compact-padding-y: 8px;
+  --card-spacing-normal-padding-x: 12px;
+  --card-spacing-normal-padding-y: 12px;
+  --card-spacing-relaxed-padding-x: 16px;
+  --card-spacing-relaxed-padding-y: 16px;
+  --card-spacing-chill-padding-x: 24px;
+  --card-spacing-chill-padding-y: 24px;
+  --card-border-width-default: 1px;
+  --chip-border-width-default: 1px;
+  --chip-spacing-sm-padding-x: 8px;
+  --chip-spacing-sm-padding-y: 4px;
+  --chip-spacing-sm-gap: 4px;
+  --chip-spacing-md-padding-x: 12px;
+  --chip-spacing-md-padding-y: 4px;
+  --chip-spacing-md-gap: 4px;
+  --chip-spacing-lg-padding-x: 16px;
+  --chip-spacing-lg-padding-y: 4px;
+  --chip-spacing-lg-gap: 4px;
+  --chip-color-brand-filled-background: #ed4c09;
+  --chip-color-brand-filled-foreground: #ffffff;
+  --chip-color-brand-outline-background: rgba(255, 255, 255, 0);
+  --chip-color-brand-outline-foreground: #ed4c09;
+  --chip-color-accent-filled-background: #0f7173;
+  --chip-color-accent-filled-foreground: #ffffff;
+  --chip-color-accent-outline-background: rgba(255, 255, 255, 0);
+  --chip-color-accent-outline-foreground: #0f7173;
+  --chip-color-blue-filled-background: #2e4780;
+  --chip-color-blue-filled-foreground: #ffffff;
+  --chip-color-blue-outline-background: rgba(255, 255, 255, 0);
+  --chip-color-blue-outline-foreground: #2e4780;
+  --chip-color-green-filled-background: #dde8db;
+  --chip-color-green-filled-foreground: #384733;
+  --chip-color-green-outline-background: rgba(255, 255, 255, 0);
+  --chip-color-green-outline-foreground: #4a6045;
+  --chip-color-yellow-filled-background: #eab308;
+  --chip-color-yellow-filled-foreground: #ffffff;
+  --chip-color-yellow-outline-background: rgba(255, 255, 255, 0);
+  --chip-color-yellow-outline-foreground: #eab308;
+  --chip-color-red-filled-background: #991b1b;
+  --chip-color-red-filled-foreground: #ffffff;
+  --chip-color-red-outline-background: rgba(255, 255, 255, 0);
+  --chip-color-red-outline-foreground: #991b1b;
+  --chip-color-neutral-filled-background: #e5e7eb;
+  --chip-color-neutral-filled-foreground: #262626;
+  --chip-color-neutral-outline-background: rgba(255, 255, 255, 0);
+  --chip-color-neutral-outline-foreground: #9ca3af;
+  --chip-color-neutral-outline-text: #262626;
+  --chip-border-radius-pill: 9999px;
+  --chip-policy-border-width-default: 1px;
+  --chip-policy-spacing-sm-padding-x: 8px;
+  --chip-policy-spacing-sm-padding-y: 4px;
+  --chip-policy-spacing-sm-gap: 16px;
+  --chip-policy-spacing-md-padding-x: 12px;
+  --chip-policy-spacing-md-padding-y: 4px;
+  --chip-policy-spacing-md-gap: 16px;
+  --chip-policy-spacing-lg-padding-x: 16px;
+  --chip-policy-spacing-lg-padding-y: 4px;
+  --chip-policy-spacing-lg-gap: 16px;
+  --chip-policy-spacing-content-padding-x: 0px;
+  --chip-policy-spacing-content-padding-y: 0px;
+  --chip-policy-spacing-content-gap: 4px;
+  --chip-policy-spacing-room-type-padding-x: 0px;
+  --chip-policy-spacing-room-type-padding-y: 0px;
+  --chip-policy-spacing-room-type-gap: 8px;
+  --chip-policy-border-radius-pill: 9999px;
+  --chip-policy-color-background: rgba(255, 255, 255, 0);
+  --chip-policy-color-foreground: #303642;
+  --chip-policy-color-border: #fc6613;
+  --chip-client-type-border-width-default: 1px;
+  --chip-client-type-spacing-sm-padding-x: 8px;
+  --chip-client-type-spacing-sm-padding-y: 4px;
+  --chip-client-type-spacing-sm-gap: 8px;
+  --chip-client-type-spacing-md-padding-x: 12px;
+  --chip-client-type-spacing-md-padding-y: 4px;
+  --chip-client-type-spacing-md-gap: 8px;
+  --chip-client-type-spacing-lg-padding-x: 16px;
+  --chip-client-type-spacing-lg-padding-y: 4px;
+  --chip-client-type-spacing-lg-gap: 8px;
+  --chip-client-type-spacing-content-padding-x: 0px;
+  --chip-client-type-spacing-content-padding-y: 0px;
+  --chip-client-type-spacing-content-gap: 4px;
+  --chip-client-type-spacing-room-type-padding-x: 0px;
+  --chip-client-type-spacing-room-type-padding-y: 0px;
+  --chip-client-type-spacing-room-type-gap: 8px;
+  --chip-client-type-border-radius-pill: 9999px;
+  --chip-client-type-border-radius-none: 0px;
+  --chip-client-type-color-background: rgba(255, 255, 255, 0);
+  --chip-client-type-color-foreground: #303642;
+  --chip-client-type-color-border: #fc6613;
+  --price-total-border-width-border: 1px;
+  --price-total-border-width-none: 0px;
+  --price-total-spacing-padding-x: 64px;
+  --price-total-spacing-padding-y: 0px;
+  --price-total-spacing-gap: 0px;
+  --price-total-spacing-content-padding-x: 0px;
+  --price-total-spacing-content-padding-y: 0px;
+  --price-total-spacing-content-gap: 12px;
+  --price-total-color-foreground: #262626;
+  --price-total-color-border: #a3a3a3;
+  --rating-star-color-default: #d1d5db;
+  --rating-star-color-selected: #ca8a04;
+  --rating-star-spacing-padding-x: 0px;
+  --rating-star-spacing-padding-y: 0px;
+  --rating-star-spacing-gap: 4px;
+  --rating-star-border-radius-default: 0px;
+  --tab-spacing-container-padding-x: 8px;
+  --tab-spacing-container-padding-y: 8px;
+  --tab-spacing-container-gap: 0px;
+  --tab-spacing-content-padding-x: 12px;
+  --tab-spacing-content-padding-y: 8px;
+  --tab-spacing-content-gap: 8px;
+  --tab-border-width-default: 4px;
+  --tab-border-radius-default: 0px;
+  --tab-color-normal-default-background: #ffffff;
+  --tab-color-normal-default-border: #e5e5e5;
+  --tab-color-normal-hover-background: #ededed;
+  --tab-color-normal-hover-border: #e5e5e5;
+  --tab-color-normal-pressed-background: #d9d9d9;
+  --tab-color-normal-pressed-border: #e5e5e5;
+  --tab-color-normal-focused-background: #ffffff;
+  --tab-color-normal-focused-border: #e5e5e5;
+  --tab-color-active-default-background: #ffffff;
+  --tab-color-active-default-border: #0f7173;
+  --tab-color-active-hover-background: #ffffff;
+  --tab-color-active-hover-border: #115b5e;
+  --tab-color-active-pressed-background: #ffffff;
+  --tab-color-active-pressed-border: #042c2f;
+  --tab-color-active-focused-background: #ffffff;
+  --tab-color-active-focused-border: #042c2f;
+  --avatar-color-background-neutral: #fcfbfa;
+  --avatar-color-background-blue: #2563eb;
+  --avatar-color-background-pink: #be185d;
+  --avatar-color-background-orange: #c2410c;
+  --avatar-color-background-orange-copy: #166534;
+  --avatar-color-foreground-default: #262626;
+  --avatar-color-foreground-inverse: #ffffff;
+  --avatar-dimension-sm-width: 16px;
+  --avatar-dimension-sm-height: 16px;
+  --avatar-dimension-md-width: 24px;
+  --avatar-dimension-md-height: 24px;
+  --avatar-dimension-xl-width: 48px;
+  --avatar-dimension-xl-height: 48px;
+  --avatar-spacing-gap: 8px;
+  --service-selector-color-dropdown-item-background-default: rgba(255, 255, 255, 0);
+  --service-selector-color-dropdown-item-background-hover: #f5f5f5;
+  --service-selector-color-dropdown-item-background-active: #042c2f;
+  --service-selector-color-dropdown-item-foreground-default: #737373;
+  --service-selector-color-dropdown-item-foreground-hover: #404040;
+  --service-selector-color-dropdown-item-foreground-active: #ffffff;
+  --service-selector-color-service-selector-background-default: #ffffff;
+  --service-selector-color-service-selector-background-hover: #ccfbf6;
+  --service-selector-color-service-selector-background-active: #042c2f;
+  --service-selector-color-service-selector-foreground-default: #0f7173;
+  --service-selector-color-service-selector-foreground-hover: #0f7173;
+  --service-selector-color-service-selector-foreground-active: #ffffff;
+  --service-selector-color-service-selector-border-default: #a3a3a3;
+  --service-selector-color-service-selector-border-hover: #0f7173;
+  --service-selector-spacing-dropdown-item-padding-x: 24px;
+  --service-selector-spacing-dropdown-item-padding-y: 12px;
+  --service-selector-spacing-dropdown-item-gap: 12px;
+  --service-selector-spacing-service-selector-padding-x: 24px;
+  --service-selector-spacing-service-selector-padding-y: 12px;
+  --service-selector-spacing-service-selector-gap: 40px;
+  --service-selector-boder-radius-dropdown-item-default: 12px;
+  --service-selector-boder-radius-dropdown-item-pill: 9999px;
+  --service-selector-border-width-default: 1px;
+  --tag-color-background-default: #ffffff;
+  --tag-color-background-hover: #ffffff;
+  --tag-color-background-focus: #ffffff;
+  --tag-color-border-default: #0f7173;
+  --tag-color-border-hover: #115b5e;
+  --tag-color-border-focus: #042c2f;
+  --tag-color-foreground-default: #262626;
+  --tag-color-foreground-hover: #262626;
+  --tag-color-foreground-focus: #262626;
+  --tag-spacing-padding-x: 16px;
+  --tag-spacing-padding-y: 8px;
+  --tag-spacing-gap: 8px;
+  --tag-border-width-border: 1px;
+  --tag-border-radius-default: 24px;
+  --slider-color-background: #f5f5f5;
+  --slider-color-foreground: #525252;
+  --slider-size-height: 8px;
+  --slider-size-width-large: 8px;
+  --panel-button-color-default-background: #ffffff;
+  --panel-button-color-default-foreground: #262626;
+  --panel-button-color-default-border: #a3a3a3;
+  --panel-button-color-hover-background: #ededed;
+  --panel-button-color-hover-foreground: #262626;
+  --panel-button-color-hover-border: #a3a3a3;
+  --panel-button-color-active-background: #ededed;
+  --panel-button-color-active-foreground: #0f7173;
+  --panel-button-color-active-border: #a3a3a3;
+  --top-navigation-color-menu-item-normal-default-background: #ffffff;
+  --top-navigation-color-menu-item-normal-default-foreground: #262626;
+  --top-navigation-color-menu-item-normal-hover-background: #ededed;
+  --top-navigation-color-menu-item-normal-hover-foreground: #262626;
+  --top-navigation-color-menu-item-normal-pressed-background: #d9d9d9;
+  --top-navigation-color-menu-item-normal-pressed-foreground: #262626;
+  --top-navigation-color-menu-item-normal-focused-background: #d9d9d9;
+  --top-navigation-color-menu-item-normal-focused-foreground: #262626;
+  --top-navigation-color-menu-item-active-default-background: #ffffff;
+  --top-navigation-color-menu-item-active-default-foreground: #ed4c09;
+  --top-navigation-color-menu-item-active-default-border: #fc6613;
+  --top-navigation-color-menu-item-active-hover-background: #ededed;
+  --top-navigation-color-menu-item-active-hover-foreground: #ed4c09;
+  --top-navigation-color-menu-item-active-hover-border: #fc6613;
+  --top-navigation-color-menu-item-active-pressed-background: #d9d9d9;
+  --top-navigation-color-menu-item-active-pressed-foreground: #ed4c09;
+  --top-navigation-color-menu-item-active-pressed-border: #fc6613;
+  --top-navigation-color-menu-item-active-focused-background: #d9d9d9;
+  --top-navigation-color-menu-item-active-focused-foreground: #ed4c09;
+  --top-navigation-color-menu-item-active-focused-border: #fc6613;
+  --top-navigation-spacing-menu-padding-x: 0px;
+  --top-navigation-spacing-menu-padding-y: 0px;
+  --top-navigation-spacing-menu-gap: 0px;
+  --top-navigation-spacing-menu-group-padding-x: 0px;
+  --top-navigation-spacing-menu-group-padding-y: 0px;
+  --top-navigation-spacing-menu-group-gap: 32px;
+  --top-navigation-spacing-full-screen-container-log-in-padding-x: 0px;
+  --top-navigation-spacing-full-screen-container-log-in-padding-y: 0px;
+  --top-navigation-spacing-full-screen-container-log-in-gap: 16px;
+  --top-navigation-spacing-full-screen-container-log-out-padding-x: 24px;
+  --top-navigation-spacing-full-screen-container-log-out-padding-y: 24px;
+  --top-navigation-spacing-full-screen-container-log-out-gap: 16px;
+  --top-navigation-spacing-full-screen-container-desktop-padding-x: 96px;
+  --top-navigation-spacing-full-screen-container-desktop-padding-y: 12px;
+  --top-navigation-spacing-full-screen-container-tablet-padding-x: 16px;
+  --top-navigation-spacing-full-screen-container-tablet-padding-y: 0px;
+  --top-navigation-spacing-menu-item-content-padding-x: 12px;
+  --top-navigation-spacing-menu-item-content-padding-y: 8px;
+  --top-navigation-spacing-menu-item-content-gap: 8px;
+  --top-navigation-spacing-menu-item-padding-x: 8px;
+  --top-navigation-spacing-menu-item-padding-x-large: 16px;
+  --top-navigation-spacing-menu-item-padding-y: 8px;
+  --top-navigation-spacing-menu-item-gap: 8px;
+  --top-navigation-spacing-menu-item-content-alt-padding-x: 0px;
+  --top-navigation-spacing-menu-item-content-alt-padding-y: 8px;
+  --top-navigation-spacing-menu-item-content-alt-gap: 8px;
+  --top-navigation-spacing-action-padding-x: 0px;
+  --top-navigation-spacing-action-padding-y: 0px;
+  --top-navigation-spacing-action-gap: 56px;
+  --top-navigation-spacing-action-details-padding-x: 0px;
+  --top-navigation-spacing-action-details-padding-y: 0px;
+  --top-navigation-spacing-action-details-gap-md: 24px;
+  --top-navigation-spacing-action-details-gap-sm: 16px;
+  --top-navigation-border-radius-default: 0px;
+  --top-navigation-border-radius-square: 4px;
+  --radio-button-selector-color-default-background: #ffffff;
+  --radio-button-selector-color-default-foreground: #262626;
+  --radio-button-selector-color-default-foreground-alt: #303642;
+  --radio-button-selector-color-positive-background: #f0fdf4;
+  --radio-button-selector-color-positive-foreground: #262626;
+  --radio-button-selector-color-positive-foreground-alt: #303642;
+  --radio-button-selector-color-active-background: #ffffff;
+  --radio-button-selector-color-active-foreground: #262626;
+  --radio-button-selector-color-active-foreground-alt: #303642;
+  --radio-button-selector-color-active-foreground-alt-copy: #042c2f;
+  --radio-button-selector-color-focus-background: #ffffff;
+  --radio-button-selector-color-focus-foreground: #262626;
+  --radio-button-selector-color-focus-foreground-alt: #303642;
+  --radio-button-selector-color-focus-foreground-alt-copy: #042c2f;
+  --radio-button-selector-color-error-background: #ffc7c7;
+  --radio-button-selector-color-error-foreground: #262626;
+  --radio-button-selector-color-error-foreground-alt: #a01414;
+  --radio-button-selector-spacing-item-padding-x: 16px;
+  --radio-button-selector-spacing-item-padding-y: 8px;
+  --radio-button-selector-spacing-item-gap: 0px;
+  --radio-button-selector-spacing-container-padding-x: 0px;
+  --radio-button-selector-spacing-container-padding-y: 0px;
+  --radio-button-selector-spacing-container-gap: 8px;
+  --radio-button-selector-spacing-content-padding-x: 0px;
+  --radio-button-selector-spacing-content-padding-y: 0px;
+  --radio-button-selector-spacing-content-gap: 4px;
+  --radio-button-selector-spacing-row-padding-x: 0px;
+  --radio-button-selector-spacing-row-padding-y: 0px;
+  --radio-button-selector-spacing-row-gap: 4px;
+  --radio-button-selector-border-radius-default: 12px;
+  --radio-button-selector-border-width-border: 1px;
+  --rating-tab-color-background-default: #ffffff;
+  --rating-tab-color-background-hover: #d9d9d9;
+  --rating-tab-color-background-active: #d9d9d9;
+  --rating-tab-color-background-focused: #d9d9d9;
+  --rating-tab-color-background-disabled: #fbfbfb;
+  --rating-tab-color-border-default: #a3a3a3;
+  --rating-tab-color-border-hover: #a3a3a3;
+  --rating-tab-color-border-active: #a3a3a3;
+  --rating-tab-color-border-focused: #a3a3a3;
+  --rating-tab-color-border-disabled: #d1d5db;
+  --rating-tab-spacing-padding-x: 16px;
+  --rating-tab-spacing-padding-y: 12px;
+  --rating-tab-border-border: 1px;
+  --rating-tab-border-radius-default: 12px;
+  --tooltip-color-background-default: #0f7173;
+  --tooltip-color-foreground-default: #ffffff;
+  --tooltip-border-radius-default: 8px;
+  --tooltip-spacing-padding-x: 0px;
+  --tooltip-spacing-padding-y: 0px;
+  --tooltip-spacing-gap: 0px;
+  --tooltip-spacing-container-padding-x: 8px;
+  --tooltip-spacing-container-padding-y: 4px;
+  --tooltip-spacing-container-gap: 0px;
+  --breadcrumbs-color-foreground-default: #a3a3a3;
+  --breadcrumbs-color-item-foreground-default: #303642;
+  --breadcrumbs-color-item-foreground-hover: #115b5e;
+  --breadcrumbs-color-item-foreground-pressed: #042c2f;
+  --breadcrumbs-color-item-foreground-active: #0f7173;
+  --breadcrumbs-border-radius-default: 0px;
+  --price-slider-spacing-input-padding-x: 0px;
+  --price-slider-spacing-input-padding-y: 0px;
+  --price-slider-spacing-input-gap: 0px;
+  --price-slider-spacing-container-padding-x: 0px;
+  --price-slider-spacing-container-padding-y: 0px;
+  --price-slider-spacing-container-gap: 16px;
+  --price-slider-color-slider-background-default: #e5e5e5;
+  --price-slider-color-slider-foreground-default: #0f7173;
+  --image-container-spacing-desktop-padding-x: 0px;
+  --image-container-spacing-desktop-padding-y: 0px;
+  --image-container-spacing-desktop-gap: 20px;
+  --image-container-spacing-tablet-padding-x: 0px;
+  --image-container-spacing-tablet-padding-y: 0px;
+  --image-container-spacing-tablet-gap: 20px;
+  --image-container-spacing-mobile-padding-x: 0px;
+  --image-container-spacing-mobile-padding-y: 0px;
+  --image-container-spacing-mobile-gap: 8px;
+  --image-container-color-overlay: rgba(0, 0, 0, 0.5);
+  --image-container-border-radius-default: 16px;
+  --inline-message-color-success-background: #dcfce7;
+  --inline-message-color-success-foreground: #262626;
+  --inline-message-color-error-background: #ffc7c7;
+  --inline-message-color-error-foreground: #262626;
+  --inline-message-color-information-background: #dbeafe;
+  --inline-message-color-information-foreground: #262626;
+  --inline-message-color-neutral-background: #f5f5f5;
+  --inline-message-color-neutral-foreground: #262626;
+  --inline-message-spacing-padding-x: 12px;
+  --inline-message-spacing-padding-y: 12px;
+  --inline-message-spacing-content-padding-x: 0px;
+  --inline-message-spacing-content-padding-y: 0px;
+  --inline-message-spacing-content-gap: 8px;
+  --inline-message-border-radius-default: 8px;
+  --accordion-color-header-normal-background-default: #ffffff;
+  --accordion-color-header-normal-background-hover: #f5f5f5;
+  --accordion-color-header-normal-background-pressed: #d9d9d9;
+  --accordion-color-header-normal-background-focused: #ffffff;
+  --accordion-color-header-normal-foreground-default: #262626;
+  --accordion-color-header-normal-border-default: #a3a3a3;
+  --accordion-color-header-normal-border-hover: #115b5e;
+  --accordion-color-header-normal-border-pressed: #042c2f;
+  --accordion-color-header-normal-border-focused: #042c2f;
+  --accordion-color-header-brand-background-default: #ffffff;
+  --accordion-color-header-brand-background-hover: #f5f5f5;
+  --accordion-color-header-brand-background-pressed: #d9d9d9;
+  --accordion-color-header-brand-background-focused: #ffffff;
+  --accordion-color-header-brand-foreground-default: #0f7173;
+  --accordion-color-header-brand-border-default: #a3a3a3;
+  --accordion-color-header-brand-border-hover: #115b5e;
+  --accordion-color-header-brand-border-pressed: #042c2f;
+  --accordion-color-header-brand-border-focused: #042c2f;
+  --accordion-border-radius-default: 8px;
+  --accordion-border-radius-none: 0px;
+  --accordion-spacing-body-padding-x: 8px;
+  --accordion-spacing-body-padding-y: 16px;
+  --accordion-spacing-body-gap: 10px;
+  --accordion-spacing-body-gap-none: 0px;
+  --accordion-spacing-header-padding-x: 12px;
+  --accordion-spacing-header-padding-y: 12px;
+  --accordion-spacing-title-padding-x: 0px;
+  --accordion-spacing-title-padding-y: 0px;
+  --accordion-spacing-title-gap: 8px;
+  --accordion-border-width-default: 1px;
+  --accordion-border-width-thin: 0.5px;
+  --segmented-button-color-background-default: #fafafa;
+  --segmented-button-color-background-hover: #e5e5e5;
+  --segmented-button-color-background-focus: #fafafa;
+  --segmented-button-color-background-selected: #fe8839;
+  --segmented-button-color-background-disabled: rgba(255, 255, 255, 0);
+  --segmented-button-color-foreground-default: #303642;
+  --segmented-button-color-foreground-hover: #303642;
+  --segmented-button-color-foreground-focus: #303642;
+  --segmented-button-color-foreground-selected: #ffffff;
+  --segmented-button-color-foreground-disabled: #a3a3a3;
+  --segmented-button-color-border-default: #a3a3a3;
+  --segmented-button-color-border-hover: #a3a3a3;
+  --segmented-button-color-border-focus: #a3a3a3;
+  --segmented-button-color-border-selected: #fe8839;
+  --segmented-button-color-border-disabled: #e5e5e5;
+  --segmented-button-border-radius-none: 0px;
+  --segmented-button-border-radius-border: 6px;
+  --segmented-button-border-width-default: 0.5px;
+  --segmented-button-border-width-none: 0px;
+  --segmented-button-spacing-container-padding-x: 0px;
+  --segmented-button-spacing-container-padding-y: 0px;
+  --segmented-button-spacing-container-gap: 0px;
+  --segmented-button-spacing-content-padding-x: 12px;
+  --segmented-button-spacing-content-padding-y: 8px;
+  --segmented-button-spacing-content-gap: 4px;
+  --tag-action-color-background-default: #ffffff;
+  --tag-action-color-background-hover: #d9d9d9;
+  --tag-action-color-background-focus: #ffffff;
+  --tag-action-color-background-active: #ffffff;
+  --tag-action-color-foreground-default: #262626;
+  --tag-action-color-foreground-hover: #262626;
+  --tag-action-color-foreground-focus: #262626;
+  --tag-action-color-foreground-active: #262626;
+  --tag-action-border-radius-full: 9999px;
+  --tag-action-spacing-sm-padding-x: 14px;
+  --tag-action-spacing-sm-padding-y: 6px;
+  --tag-action-spacing-sm-gap: 4px;
+  --desktop-responsive-viewport: 1440px;
+  --desktop-global-spacing-inline-xs: 4px;
+  --desktop-global-spacing-inline-sm: 8px;
+  --desktop-global-spacing-block-sm: 16px;
+  --desktop-global-spacing-block-md: 24px;
+  --desktop-global-spacing-block-lg: 32px;
+  --desktop-global-spacing-block-xl: 40px;
+  --desktop-global-spacing-page-padding: 40px;
+  --desktop-global-spacing-grid-gutter: 16px;
+  --desktop-global-spacing-section-gap-md: 40px;
+  --desktop-global-spacing-section-gap-lg: 64px;
+  --desktop-global-spacing-section-gap-xl: 80px;
+  --responsive-viewport: 834px;
+  --tablet-global-spacing-inline-xs: 4px;
+  --tablet-global-spacing-inline-sm: 8px;
+  --tablet-global-spacing-block-sm: 16px;
+  --tablet-global-spacing-block-md: 20px;
+  --tablet-global-spacing-block-lg: 24px;
+  --tablet-global-spacing-block-xl: 32px;
+  --tablet-global-spacing-page-padding: 32px;
+  --tablet-global-spacing-grid-gutter: 12px;
+  --tablet-global-spacing-section-gap-md: 32px;
+  --tablet-global-spacing-section-gap-lg: 48px;
+  --tablet-global-spacing-section-gap-xl: 64px;
+  --tablet-responsive-copy-viewport: 834px;
+  --mobile-responsive-viewport: 375px;
+  --mobile-global-spacing-inline-xs: 4px;
+  --mobile-global-spacing-inline-sm: 8px;
+  --mobile-global-spacing-block-sm: 12px;
+  --mobile-global-spacing-block-md: 16px;
+  --mobile-global-spacing-block-lg: 20px;
+  --mobile-global-spacing-block-xl: 24px;
+  --mobile-global-spacing-page-padding: 16px;
+  --mobile-global-spacing-grid-gutter: 8px;
+  --mobile-global-spacing-section-gap-md: 24px;
+  --mobile-global-spacing-section-gap-lg: 32px;
+  --mobile-global-spacing-section-gap-xl: 40px;
+}
+
 
 .button {
   display: inline-flex;