@layer palettes{:where(:root),:host{--color-red-95: #fff0ef ;--color-red-90: #ffdedc ;--color-red-80: #ffb8b5 ;--color-red-70: #fe8f8d ;--color-red-60: #f56667 ;--color-red-50: #e02c2b ;--color-red-40: #b5051a ;--color-red-30: #900015 ;--color-red-20: #6c000d ;--color-red-10: #450005 ;--color-red-05: #2f0002 ;--color-red: var(--color-red-50);--color-red-key: 50;--color-orange-95: #fff0e4 ;--color-orange-90: #ffe0c8 ;--color-orange-80: #ffbb89 ;--color-orange-70: #ff9342 ;--color-orange-60: #f36d00 ;--color-orange-50: #c94e00 ;--color-orange-40: #9d3800 ;--color-orange-30: #7e2900 ;--color-orange-20: #5e1c00 ;--color-orange-10: #3b0f00 ;--color-orange-05: #280700 ;--color-orange: var(--color-orange-60);--color-orange-key: 60;--color-yellow-95: #fef2bf ;--color-yellow-90: #fde588 ;--color-yellow-80: #f5c24b ;--color-yellow-70: #e9a010 ;--color-yellow-60: #d78000 ;--color-yellow-50: #b26000 ;--color-yellow-40: #8a4700 ;--color-yellow-30: #6e3700 ;--color-yellow-20: #522700 ;--color-yellow-10: #331600 ;--color-yellow-05: #210d00 ;--color-yellow: var(--color-yellow-70);--color-yellow-key: 70;--color-green-95: #d4fce1 ;--color-green-90: #a4f8c2 ;--color-green-80: #6ae095 ;--color-green-70: #44c670 ;--color-green-60: #21ab52 ;--color-green-50: #0d873f ;--color-green-40: #166635 ;--color-green-30: #115029 ;--color-green-20: #0a3a1c ;--color-green-10: #04230f ;--color-green-05: #021608 ;--color-green: var(--color-green-60);--color-green-key: 60;--color-cyan-95: #d8fafc ;--color-cyan-90: #a3f2f7 ;--color-cyan-80: #67dbe2 ;--color-cyan-70: #29c0ca ;--color-cyan-60: #0ca4ae ;--color-cyan-50: #0c828c ;--color-cyan-40: #0a626b ;--color-cyan-30: #084d55 ;--color-cyan-20: #06383f ;--color-cyan-10: #002127 ;--color-cyan-05: #00151b ;--color-cyan: var(--color-cyan-70);--color-cyan-key: 70;--color-blue-95: #e2f6ff ;--color-blue-90: #c0ecff ;--color-blue-80: #7fd4fc ;--color-blue-70: #48b9f4 ;--color-blue-60: #1f9de2 ;--color-blue-50: #007bbc ;--color-blue-40: #005d93 ;--color-blue-30: #004975 ;--color-blue-20: #003558 ;--color-blue-10: #001f36 ;--color-blue-05: #001325 ;--color-blue: var(--color-blue-50);--color-blue-key: 50;--color-indigo-95: #eff2ff ;--color-indigo-90: #e0e5ff ;--color-indigo-80: #bec7ff ;--color-indigo-70: #9da9fc ;--color-indigo-60: #808bf8 ;--color-indigo-50: #6163f0 ;--color-indigo-40: #4a41d4 ;--color-indigo-30: #3b369d ;--color-indigo-20: #2b2872 ;--color-indigo-10: #191748 ;--color-indigo-05: #0e0d31 ;--color-indigo: var(--color-indigo-40);--color-indigo-key: 40;--color-purple-95: #f6f0ff ;--color-purple-90: #eee0ff ;--color-purple-80: #dcbdff ;--color-purple-70: #ca99ff ;--color-purple-60: #b874ff ;--color-purple-50: #9f46ee ;--color-purple-40: #7e2ac2 ;--color-purple-30: #632198 ;--color-purple-20: #4a1574 ;--color-purple-10: #2e094b ;--color-purple-05: #1e0433 ;--color-purple: var(--color-purple-50);--color-purple-key: 50;--color-pink-95: #fdeff7 ;--color-pink-90: #fcdcee ;--color-pink-80: #fab6db ;--color-pink-70: #f78cc4 ;--color-pink-60: #f160a9 ;--color-pink-50: #db2878 ;--color-pink-40: #ab1854 ;--color-pink-30: #851844 ;--color-pink-20: #640e30 ;--color-pink-10: #43001a ;--color-pink-05: #2f000b ;--color-pink: var(--color-pink-50);--color-pink-key: 50;--color-gray-95: #f2f2f3 ;--color-gray-90: #e5e5e8 ;--color-gray-80: #c9c9cc ;--color-gray-70: #aeafb1 ;--color-gray-60: #94959b ;--color-gray-50: #72747d ;--color-gray-40: #565861 ;--color-gray-30: #43454d ;--color-gray-20: #313134 ;--color-gray-10: #1d1d20 ;--color-gray-05: #101113 ;--color-gray: var(--color-gray-40);--color-gray-key: 40}:where(:root),:host{--color-red-gte-60: calc(100% - (clamp(0, 60 - var(--color-red-key), 1)*100%)) ;--color-orange-gte-60: calc(100% - (clamp(0, 60 - var(--color-orange-key), 1)*100%)) ;--color-yellow-gte-60: calc(100% - (clamp(0, 60 - var(--color-yellow-key), 1)*100%)) ;--color-green-gte-60: calc(100% - (clamp(0, 60 - var(--color-green-key), 1)*100%)) ;--color-cyan-gte-60: calc(100% - (clamp(0, 60 - var(--color-cyan-key), 1)*100%)) ;--color-blue-gte-60: calc(100% - (clamp(0, 60 - var(--color-blue-key), 1)*100%)) ;--color-indigo-gte-60: calc(100% - (clamp(0, 60 - var(--color-indigo-key), 1)*100%)) ;--color-purple-gte-60: calc(100% - (clamp(0, 60 - var(--color-purple-key), 1)*100%)) ;--color-pink-gte-60: calc(100% - (clamp(0, 60 - var(--color-pink-key), 1)*100%)) ;--color-gray-gte-60: calc(100% - (clamp(0, 60 - var(--color-gray-key), 1)*100%)) ;--color-red-on: color-mix(in oklab, var(--color-red-10) var(--color-red-gte-60), white);--color-orange-on: color-mix(in oklab, var(--color-orange-10) var(--color-orange-gte-60), white);--color-yellow-on: color-mix(in oklab, var(--color-yellow-10) var(--color-yellow-gte-60), white);--color-green-on: color-mix(in oklab, var(--color-green-10) var(--color-green-gte-60), white);--color-cyan-on: color-mix(in oklab, var(--color-cyan-10) var(--color-cyan-gte-60), white);--color-blue-on: color-mix(in oklab, var(--color-blue-10) var(--color-blue-gte-60), white);--color-indigo-on: color-mix(in oklab, var(--color-indigo-10) var(--color-indigo-gte-60), white);--color-purple-on: color-mix(in oklab, var(--color-purple-10) var(--color-purple-gte-60), white);--color-pink-on: color-mix(in oklab, var(--color-pink-10) var(--color-pink-gte-60), white);--color-gray-on: color-mix(in oklab, var(--color-gray-10) var(--color-gray-gte-60), white)}}@layer brand{:where(:root),:host{--color-brand-95: var(--color-blue-95);--color-brand-90: var(--color-blue-90);--color-brand-80: var(--color-blue-80);--color-brand-70: var(--color-blue-70);--color-brand-60: var(--color-blue-60);--color-brand-50: var(--color-blue-50);--color-brand-40: var(--color-blue-40);--color-brand-30: var(--color-blue-30);--color-brand-20: var(--color-blue-20);--color-brand-10: var(--color-blue-10);--color-brand-05: var(--color-blue-05);--color-brand: var(--color-blue);--color-brand-on: var(--color-blue-on)}}@layer neutral{:where(:root),:host{--color-neutral-95: var(--color-gray-95);--color-neutral-90: var(--color-gray-90);--color-neutral-80: var(--color-gray-80);--color-neutral-70: var(--color-gray-70);--color-neutral-60: var(--color-gray-60);--color-neutral-50: var(--color-gray-50);--color-neutral-40: var(--color-gray-40);--color-neutral-30: var(--color-gray-30);--color-neutral-20: var(--color-gray-20);--color-neutral-10: var(--color-gray-10);--color-neutral-05: var(--color-gray-05);--color-neutral: var(--color-gray);--color-neutral-on: var(--color-gray-on)}}@layer success{:where(:root),:host{--color-success-95: var(--color-green-95);--color-success-90: var(--color-green-90);--color-success-80: var(--color-green-80);--color-success-70: var(--color-green-70);--color-success-60: var(--color-green-60);--color-success-50: var(--color-green-50);--color-success-40: var(--color-green-40);--color-success-30: var(--color-green-30);--color-success-20: var(--color-green-20);--color-success-10: var(--color-green-10);--color-success-05: var(--color-green-05);--color-success: var(--color-green);--color-success-on: var(--color-green-on)}}@layer warning{:where(:root),:host{--color-warning-95: var(--color-yellow-95);--color-warning-90: var(--color-yellow-90);--color-warning-80: var(--color-yellow-80);--color-warning-70: var(--color-yellow-70);--color-warning-60: var(--color-yellow-60);--color-warning-50: var(--color-yellow-50);--color-warning-40: var(--color-yellow-40);--color-warning-30: var(--color-yellow-30);--color-warning-20: var(--color-yellow-20);--color-warning-10: var(--color-yellow-10);--color-warning-05: var(--color-yellow-05);--color-warning: var(--color-yellow);--color-warning-on: var(--color-yellow-on)}}@layer danger{:where(:root),:host{--color-danger-95: var(--color-red-95);--color-danger-90: var(--color-red-90);--color-danger-80: var(--color-red-80);--color-danger-70: var(--color-red-70);--color-danger-60: var(--color-red-60);--color-danger-50: var(--color-red-50);--color-danger-40: var(--color-red-40);--color-danger-30: var(--color-red-30);--color-danger-20: var(--color-red-20);--color-danger-10: var(--color-red-10);--color-danger-05: var(--color-red-05);--color-danger: var(--color-red);--color-danger-on: var(--color-red-on)}}@layer size{:where(:root),:host{--size-scale: 1.5}}@layer border-radius{:where(:root),:host{--border-radius: 4px;--border-radius-sm: 2px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-pill: 9999px;--border-radius-circle: 50%;--border-radius-square: 0px}}@layer font-size{:where(:root),:host{--font-size: 13px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 38px;--font-size-body: var(--font-size);--font-size-heading1: var(--font-size-5xl);--font-size-heading2: var(--font-size-4xl);--font-size-heading3: var(--font-size-3xl);--font-size-heading4: var(--font-size-2xl);--font-size-heading5: var(--font-size-xl);--font-size-heading6: var(--font-size-xl);--font-size-code: var(--font-size-sm);--font-size-tooltip: var(--font-size-sm)}}@layer line-height{:where(:root),:host{--line-height-condensed: 1.1;--line-height-normal: 1.2;--line-height-expanded: 1.6;--line-height-body: var(--line-height-normal)}}@layer space{:where(:root),:host{--space: 12px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px}}@layer padding{:where(:root),:host{--padding: 12px;--padding-xs: 4px;--padding-sm: 8px;--padding-md: 16px;--padding-lg: 24px}}@layer margin{:where(:root),:host{--margin: 12px;--margin-xs: 4px;--margin-sm: 8px;--margin-md: 16px;--margin-lg: 24px}}@layer size{:where(:root),:host{--size-sm: 640px;--size-md: 768px;--size-lg: 1024px;--size-xl: 1280px;--size-full: 100%;--size-screen-width: 100vw;--size-screen-height: 100vh}}body{margin:0;padding:0;width:100%;height:100vh}h1{font-size:var(--font-size-heading1);font-weight:var(--font-weight-heading);line-height:var( --line-height-expandede)}h2{font-size:var(--font-size-heading2);font-weight:var(--font-weight-heading);line-height:var( --line-height-expanded)}h3{font-size:var(--font-size-heading3);font-weight:var(--font-weight-heading);line-height:var( --line-height-normal)}h4{font-size:var(--font-size-heading4);font-weight:var(--font-weight-heading);line-height:var( --line-height-normal)}h5{font-size:var(--font-size-heading5);font-weight:var(--font-weight-heading);line-height:var( --line-height-condensed)}h6{font-size:var(--font-size-heading6);font-weight:var(--font-weight-heading);line-height:var( --line-height-condensed)}p,span,div,ol,li,ul,table{font-size:var(--font-size-body)}code,pre{font-size:var(--font-size-code)}@layer font{:where(:root),:host{font-family:var(--font-family-body);--font-family-body: ui-sans-serif, system-ui, sans-serif;--font-family-heading: var(--font-family-body);--font-family-code: ui-monospace, monospace;--font-family-longform: ui-serif, serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-semibold: 500;--font-weight-bold: 600;--font-weight-body: var(--font-weight-normal);--font-weight-heading: var(--font-weight-bold);--font-weight-code: var(--font-weight-normal);--font-weight-longform: var(--font-weight-normal);--font-weight-action: var(--font-weight-semibold);--link-decoration-default: underline color-mix(in oklab, currentColor 70%, transparent) dotted;--link-decoration-hover: underline}}@layer border{:where(:root),:host{--border-width: 1px;--border-width-md: 2px;--border-width-lg: 4px;--border-style: solid}}@layer component{:where(:root),:host{--color: var(--color-neutral-20);--invalid-color: var(--color-danger-60);--inactive-color: var(--color-neutral-40);--active-color: var(--color-neutral-10);--focus-color: var(--color-brand-70);--hover-color: var(--color-neutral-10);--bg-color: var(--color-neutral-95);--bg-invalid-color: var(--color-danger-70);--bg-active-color: var(--color-neutral-80);--bg-hover-color: var(--color-neutral-90);--border-color: var(--color-neutral-70);--border-hover-color: var(--color-neutral-80);--border-selected-color: var(--color-neutral-70);--border-focus-color: var(--color-brand-70);--border-invalid-color: var(--color-danger-95);--border-active-color: var(--color-neutral-70);--button-color: var(--color);--button-bg-color: transparent;--button-border-color: var(--border-color);--button-hover-color: var(--color-neutral-80);--button-border-radius: var(--border-radius-sm);--button-border-width: var(--border-width, 1px);--button-brand-color: var(--color-brand-on);--button-brand-bg-color: var(--color-brand);--button-brand-border-color: var(--border-color);--button-brand-bg-hover-color: var(--color-brand-60);--button-secondary-color: var(--color-neutral-on);--button-secondary-bg-color: var(--color-neutral);--button-secondary-border-color: var(--border-color);--button-secondary-bg-hover-color: var(--color-neutral-50);--button-warning-color: var(--color-warning-on);--button-warning-bg-color: var(--color-warning);--button-warning-border-color: var(--border-color);--button-warning-bg-hover-color: var(--color-warning-70);--button-success-color: var(--color-success-on);--button-success-bg-color: var(--color-success);--button-success-border-color: var(--border-color);--button-success-bg-hover-color: var(--color-success-70);--button-danger-color: var(--color-danger-on);--button-danger-bg-color: var(--color-danger);--button-danger-border-color: var(--border-color);--button-danger-bg-hover-color: var(--color-danger-70);--form-control-bg-color: transparent;--form-control-color: var(--color);--form-control-border-color: var(--border-color);--form-control-placeholder-color: var(--color-neutral-60);--form-control-bg-hover-color: var(--color-neutral-95);--form-control-border-hover-color: var(--border-hover-color);--form-control-bg-focus-color: var(--color-neutral-90);--form-control-border-focus-color: var(--border-focus-color);--form-control-bg-selected-color: var(--color-neutral-90);--form-control-border-selected-color: var(--border-selected-color);--form-control-bg-invalid-color: var(--color-neutral-70);--form-control-border-invalid-color: var(--border-invalid-color);--link-color: var( --color-brand-60);--link-hover-color: var(--color-brand-70);--divider-display: none;--header-border-color: var(--color-neutral-70);--header-bg-color: var(--color-neutral-90);--shadow-color: var(--color-neutral-70);--divider-color: var(--color-neutral-70)}}@layer theme{:where(:root),:host,.light-theme{color-scheme:light;color:var(--color);background-color:var(--bg-color)}@media (prefers-color-scheme: dark){:host,.system-theme{color-scheme:dark;--color: white;--bg-color: var(--color-neutral-05);--border-color: var(--color-neutral-10)}}:host,.dark-theme{color-scheme:dark;--color: white;--bg-color: var(--color-neutral-05);--border-color: var(--color-neutral-10)}}