@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:where(ul,ol){padding-left:1.25rem}:root{--ui-ref-blur-dropdown: 22.4px;--ui-ref-color-alpha-brand-10: #497afd1a;--ui-ref-color-alpha-brand-15: #497afd26;--ui-ref-color-alpha-brand-20: #497afd33;--ui-ref-color-alpha-error-10: #d8334e1a;--ui-ref-color-alpha-error-15: #d8334e26;--ui-ref-color-alpha-error-20: #d8334e33;--ui-ref-color-alpha-neutral-12: #0000001f;--ui-ref-color-alpha-neutral-24: #0000003d;--ui-ref-color-alpha-neutral-40: #00000066;--ui-ref-color-alpha-neutral-8: #00000014;--ui-ref-color-alpha-success-15: #44c12b26;--ui-ref-color-alpha-warning-15: #ffb72026;--ui-ref-color-brand-primary-500: #497afd;--ui-ref-color-brand-primary-600: #3f68d9;--ui-ref-color-brand-primary-700: #3458ba;--ui-ref-color-neutral-0: #ffffff;--ui-ref-color-neutral-100: #e8e8e8;--ui-ref-color-neutral-1000: #000000;--ui-ref-color-neutral-200: #dadada;--ui-ref-color-neutral-250: #c8c8cc;--ui-ref-color-neutral-400: #9b9aa2;--ui-ref-color-neutral-50: #f8f8f8;--ui-ref-color-neutral-500: #73727a;--ui-ref-color-neutral-600: #676767;--ui-ref-color-neutral-75: #eeeeee;--ui-ref-color-neutral-800: #525456;--ui-ref-color-neutral-850: #252628;--ui-ref-color-neutral-875: #1b1c1e;--ui-ref-color-neutral-900: #17181a;--ui-ref-color-neutral-950: #121315;--ui-ref-color-status-error-50: #fff6f7;--ui-ref-color-status-error-500: #d8334e;--ui-ref-color-status-info-50: #f5f8ff;--ui-ref-color-status-info-500: #497afd;--ui-ref-color-status-success-50: #f4fff2;--ui-ref-color-status-success-500: #44c12b;--ui-ref-color-status-warning-50: #fffbf2;--ui-ref-color-status-warning-500: #ffb720;--ui-ref-color-tag-brick: #c95a9e;--ui-ref-color-tag-green: #53ac6f;--ui-ref-color-tag-sky: #448cda;--ui-ref-color-tag-turquoise: #31aa9a;--ui-ref-color-tag-violet: #7251c6;--ui-ref-elevation-card-light: 0 4px 12.1px rgba(6, 7, 9, .24);--ui-ref-elevation-dropdown-dark: 0 4px 12.1px rgba(6, 7, 9, .63);--ui-ref-elevation-dropdown-light: 0 4px 12.1px rgba(16, 16, 16, .12);--ui-ref-elevation-none: none;--ui-ref-elevation-sm: 0 .5px 0 rgba(0, 0, 0, .15);--ui-ref-focus-ring-offset: 2px;--ui-ref-focus-ring-width: 3px;--ui-ref-motion-duration-fast: .12s;--ui-ref-motion-duration-instant: 0ms;--ui-ref-motion-duration-normal: .2s;--ui-ref-motion-duration-slow: .28s;--ui-ref-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1.2);--ui-ref-motion-easing-linear: linear;--ui-ref-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--ui-ref-radius-0: 0px;--ui-ref-radius-12: 12px;--ui-ref-radius-16: 16px;--ui-ref-radius-20: 20px;--ui-ref-radius-4: 4px;--ui-ref-radius-8: 8px;--ui-ref-radius-999: 999px;--ui-ref-space-0: 0px;--ui-ref-space-10: 10px;--ui-ref-space-12: 12px;--ui-ref-space-14: 14px;--ui-ref-space-16: 16px;--ui-ref-space-2: 2px;--ui-ref-space-20: 20px;--ui-ref-space-24: 24px;--ui-ref-space-28: 28px;--ui-ref-space-32: 32px;--ui-ref-space-4: 4px;--ui-ref-space-40: 40px;--ui-ref-space-48: 48px;--ui-ref-space-56: 56px;--ui-ref-space-6: 6px;--ui-ref-space-64: 64px;--ui-ref-space-8: 8px;--ui-ref-typography-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--ui-ref-typography-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--ui-ref-typography-letter-spacing-none: 0em;--ui-ref-typography-weight-bold: 700;--ui-ref-typography-weight-medium: 500;--ui-ref-typography-weight-regular: 400;--ui-ref-typography-weight-semibold: 600;--ui-ref-z-base: 0;--ui-ref-z-dropdown: 100;--ui-ref-z-modal: 400;--ui-ref-z-overlay: 300;--ui-ref-z-sticky: 200;--ui-ref-z-toast: 500;--ui-ref-z-tooltip: 600}:root{--ui-sys-color-border-default: var(--ui-ref-color-neutral-200);--ui-sys-color-border-disabled: var(--ui-ref-color-neutral-100);--ui-sys-color-border-focus: var(--ui-ref-color-brand-primary-500);--ui-sys-color-border-strong: var(--ui-ref-color-neutral-400);--ui-sys-color-border-subtle: var(--ui-ref-color-neutral-100);--ui-sys-color-focus-ring: var(--ui-ref-color-brand-primary-500);--ui-sys-color-icon-disabled: var(--ui-sys-color-text-disabled);--ui-sys-color-icon-inverse: var(--ui-sys-color-text-inverse);--ui-sys-color-icon-primary: var(--ui-sys-color-text-primary);--ui-sys-color-icon-secondary: var(--ui-sys-color-text-secondary);--ui-sys-color-icon-tertiary: var(--ui-sys-color-text-tertiary);--ui-sys-color-interactive-brand-subtle-bg-active: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-interactive-brand-subtle-bg-default: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-interactive-brand-subtle-bg-disabled: var(--ui-ref-color-neutral-75);--ui-sys-color-interactive-brand-subtle-bg-focus: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-interactive-brand-subtle-bg-hover: var(--ui-ref-color-alpha-brand-15);--ui-sys-color-interactive-brand-subtle-border-active: var(--ui-ref-color-brand-primary-600);--ui-sys-color-interactive-brand-subtle-border-default: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-interactive-brand-subtle-border-disabled: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-brand-subtle-border-focus: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-border-hover: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-brand-subtle-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-icon-active: var(--ui-ref-color-brand-primary-700);--ui-sys-color-interactive-brand-subtle-icon-default: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-brand-subtle-icon-focus: var(--ui-ref-color-brand-primary-600);--ui-sys-color-interactive-brand-subtle-icon-hover: var(--ui-ref-color-brand-primary-600);--ui-sys-color-interactive-brand-subtle-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-bg-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-danger-bg-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-danger-border-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-fg-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-danger-fg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-focus-ring-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-danger-focus-ring-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-danger-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-bg-active: var(--ui-ref-color-alpha-error-20);--ui-sys-color-interactive-danger-subtle-bg-default: var(--ui-ref-color-alpha-error-10);--ui-sys-color-interactive-danger-subtle-bg-disabled: var(--ui-ref-color-neutral-75);--ui-sys-color-interactive-danger-subtle-bg-focus: var(--ui-ref-color-alpha-error-10);--ui-sys-color-interactive-danger-subtle-bg-hover: var(--ui-ref-color-alpha-error-15);--ui-sys-color-interactive-danger-subtle-border-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-border-default: var(--ui-ref-color-alpha-error-20);--ui-sys-color-interactive-danger-subtle-border-disabled: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-danger-subtle-border-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-border-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-danger-subtle-focus-ring-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-danger-subtle-icon-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-bg-active: transparent;--ui-sys-color-interactive-ghost-bg-default: transparent;--ui-sys-color-interactive-ghost-bg-disabled: transparent;--ui-sys-color-interactive-ghost-bg-focus: transparent;--ui-sys-color-interactive-ghost-bg-hover: transparent;--ui-sys-color-interactive-ghost-border-active: transparent;--ui-sys-color-interactive-ghost-border-default: transparent;--ui-sys-color-interactive-ghost-border-disabled: transparent;--ui-sys-color-interactive-ghost-border-focus: transparent;--ui-sys-color-interactive-ghost-border-hover: transparent;--ui-sys-color-interactive-ghost-fg-active: #121315;--ui-sys-color-interactive-ghost-fg-default: #121315;--ui-sys-color-interactive-ghost-fg-disabled: #9b9aa2;--ui-sys-color-interactive-ghost-fg-focus: #121315;--ui-sys-color-interactive-ghost-fg-hover: #121315;--ui-sys-color-interactive-ghost-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-ghost-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-icon-active: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-ghost-icon-default: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-ghost-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-ghost-icon-focus: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-ghost-icon-hover: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-ghost-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-bg-active: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-neutral-solid-bg-default: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-neutral-solid-bg-disabled: var(--ui-ref-color-neutral-75);--ui-sys-color-interactive-neutral-solid-bg-focus: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-neutral-solid-bg-hover: var(--ui-ref-color-neutral-100);--ui-sys-color-interactive-neutral-solid-border-active: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-neutral-solid-border-default: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-neutral-solid-border-disabled: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-neutral-solid-border-focus: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-neutral-solid-border-hover: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-neutral-solid-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-neutral-solid-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-icon-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-neutral-solid-icon-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-neutral-solid-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-neutral-solid-icon-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-neutral-solid-icon-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-neutral-solid-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-bg-active: #252628;--ui-sys-color-interactive-primary-bg-default: #121315;--ui-sys-color-interactive-primary-bg-disabled: #9b9aa2;--ui-sys-color-interactive-primary-bg-focus: #121315;--ui-sys-color-interactive-primary-bg-hover: #252628;--ui-sys-color-interactive-primary-border-active: #252628;--ui-sys-color-interactive-primary-border-default: #121315;--ui-sys-color-interactive-primary-border-disabled: #9b9aa2;--ui-sys-color-interactive-primary-border-focus: #121315;--ui-sys-color-interactive-primary-border-hover: #252628;--ui-sys-color-interactive-primary-fg-active: #ffffff;--ui-sys-color-interactive-primary-fg-default: #ffffff;--ui-sys-color-interactive-primary-fg-disabled: #e8e8e8;--ui-sys-color-interactive-primary-fg-focus: #ffffff;--ui-sys-color-interactive-primary-fg-hover: #ffffff;--ui-sys-color-interactive-primary-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-primary-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-icon-active: #ffffff;--ui-sys-color-interactive-primary-icon-default: #ffffff;--ui-sys-color-interactive-primary-icon-disabled: #e8e8e8;--ui-sys-color-interactive-primary-icon-focus: #ffffff;--ui-sys-color-interactive-primary-icon-hover: #ffffff;--ui-sys-color-interactive-primary-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-hover: 0px 0px 10px 0px rgba(0, 0, 0, .21);--ui-sys-color-interactive-secondary-bg-active: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-secondary-bg-default: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-secondary-bg-disabled: var(--ui-ref-color-neutral-75);--ui-sys-color-interactive-secondary-bg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-secondary-bg-hover: var(--ui-ref-color-neutral-100);--ui-sys-color-interactive-secondary-border-active: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-secondary-border-default: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-secondary-border-disabled: var(--ui-ref-color-neutral-100);--ui-sys-color-interactive-secondary-border-focus: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-border-hover: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-fg-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-secondary-fg-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-secondary-fg-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-fg-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-secondary-fg-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-secondary-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-secondary-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-icon-active: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-secondary-icon-default: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-icon-focus: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-secondary-icon-hover: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-secondary-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-bg-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-success-bg-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-success-border-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-fg-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-success-fg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-focus-ring-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-success-focus-ring-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-success-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-bg-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-warning-bg-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-warning-border-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-fg-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-warning-fg-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-focus-ring-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-warning-focus-ring-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-icon-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-warning-icon-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-selection-bg: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-status-error-bg-subtle: var(--ui-ref-color-alpha-error-10);--ui-sys-color-status-error-border: var(--ui-ref-color-alpha-error-20);--ui-sys-color-status-error-fg: var(--ui-ref-color-status-error-500);--ui-sys-color-status-info-bg-subtle: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-status-info-border: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-status-info-fg: var(--ui-ref-color-brand-primary-500);--ui-sys-color-status-success-bg-subtle: var(--ui-ref-color-alpha-success-15);--ui-sys-color-status-success-border: var(--ui-ref-color-alpha-success-15);--ui-sys-color-status-success-fg: var(--ui-ref-color-status-success-500);--ui-sys-color-status-warning-bg-subtle: var(--ui-ref-color-alpha-warning-15);--ui-sys-color-status-warning-border: var(--ui-ref-color-alpha-warning-15);--ui-sys-color-status-warning-fg: var(--ui-ref-color-status-warning-500);--ui-sys-color-surface-canvas: var(--ui-ref-color-neutral-0);--ui-sys-color-surface-canvas-alt: var(--ui-ref-color-neutral-50);--ui-sys-color-surface-inverse: var(--ui-ref-color-neutral-900);--ui-sys-color-surface-overlay: var(--ui-ref-color-alpha-neutral-40);--ui-sys-color-surface-raised: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-brick-bg: var(--ui-ref-color-tag-brick);--ui-sys-color-tag-brick-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-green-bg: var(--ui-ref-color-tag-green);--ui-sys-color-tag-green-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-sky-bg: var(--ui-ref-color-tag-sky);--ui-sys-color-tag-sky-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-turquoise-bg: var(--ui-ref-color-tag-turquoise);--ui-sys-color-tag-turquoise-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-violet-bg: var(--ui-ref-color-tag-violet);--ui-sys-color-tag-violet-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-text-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-text-inverse: var(--ui-ref-color-neutral-0);--ui-sys-color-text-link: var(--ui-ref-color-brand-primary-600);--ui-sys-color-text-link-active: var(--ui-ref-color-brand-primary-700);--ui-sys-color-text-link-hover: var(--ui-ref-color-brand-primary-700);--ui-sys-color-text-primary: var(--ui-ref-color-neutral-900);--ui-sys-color-text-secondary: var(--ui-ref-color-neutral-500);--ui-sys-color-text-tertiary: var(--ui-ref-color-neutral-400);--ui-sys-elevation-dropdown: var(--ui-ref-elevation-dropdown-light);--ui-sys-elevation-dropdown-blur: var(--ui-ref-blur-dropdown);--ui-sys-elevation-interactive-active: var(--ui-ref-elevation-none);--ui-sys-elevation-interactive-default: var(--ui-ref-elevation-none);--ui-sys-elevation-interactive-hover: var(--ui-ref-elevation-sm);--ui-sys-elevation-none: var(--ui-ref-elevation-none);--ui-sys-elevation-overlay: var(--ui-ref-elevation-card-light);--ui-sys-elevation-surface: var(--ui-ref-elevation-sm);--ui-sys-focus-ring-offset: var(--ui-ref-focus-ring-offset);--ui-sys-focus-ring-width: var(--ui-ref-focus-ring-width);--ui-sys-motion-duration-fast: var(--ui-ref-motion-duration-fast);--ui-sys-motion-duration-instant: var(--ui-ref-motion-duration-instant);--ui-sys-motion-duration-normal: var(--ui-ref-motion-duration-normal);--ui-sys-motion-duration-slow: var(--ui-ref-motion-duration-slow);--ui-sys-motion-easing-emphasized: var(--ui-ref-motion-easing-emphasized);--ui-sys-motion-easing-linear: var(--ui-ref-motion-easing-linear);--ui-sys-motion-easing-standard: var(--ui-ref-motion-easing-standard);--ui-sys-radius-0: var(--ui-ref-radius-0);--ui-sys-radius-12: var(--ui-ref-radius-12);--ui-sys-radius-16: var(--ui-ref-radius-16);--ui-sys-radius-20: var(--ui-ref-radius-20);--ui-sys-radius-4: var(--ui-ref-radius-4);--ui-sys-radius-8: var(--ui-ref-radius-8);--ui-sys-radius-999: var(--ui-ref-radius-999);--ui-sys-space-0: var(--ui-ref-space-0);--ui-sys-space-10: var(--ui-ref-space-10);--ui-sys-space-12: var(--ui-ref-space-12);--ui-sys-space-14: var(--ui-ref-space-14);--ui-sys-space-16: var(--ui-ref-space-16);--ui-sys-space-2: var(--ui-ref-space-2);--ui-sys-space-20: var(--ui-ref-space-20);--ui-sys-space-24: var(--ui-ref-space-24);--ui-sys-space-28: var(--ui-ref-space-28);--ui-sys-space-32: var(--ui-ref-space-32);--ui-sys-space-4: var(--ui-ref-space-4);--ui-sys-space-40: var(--ui-ref-space-40);--ui-sys-space-48: var(--ui-ref-space-48);--ui-sys-space-56: var(--ui-ref-space-56);--ui-sys-space-6: var(--ui-ref-space-6);--ui-sys-space-64: var(--ui-ref-space-64);--ui-sys-space-8: var(--ui-ref-space-8);--ui-sys-z-base: var(--ui-ref-z-base);--ui-sys-z-dropdown: var(--ui-ref-z-dropdown);--ui-sys-z-modal: var(--ui-ref-z-modal);--ui-sys-z-overlay: var(--ui-ref-z-overlay);--ui-sys-z-sticky: var(--ui-ref-z-sticky);--ui-sys-z-toast: var(--ui-ref-z-toast);--ui-sys-z-tooltip: var(--ui-ref-z-tooltip)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--ui-sys-color-border-default: var(--ui-ref-color-neutral-800);--ui-sys-color-border-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-border-focus: var(--ui-ref-color-brand-primary-500);--ui-sys-color-border-strong: var(--ui-ref-color-neutral-500);--ui-sys-color-border-subtle: var(--ui-ref-color-neutral-850);--ui-sys-color-focus-ring: var(--ui-ref-color-brand-primary-500);--ui-sys-color-icon-disabled: var(--ui-sys-color-text-disabled);--ui-sys-color-icon-inverse: var(--ui-sys-color-text-inverse);--ui-sys-color-icon-primary: var(--ui-sys-color-text-primary);--ui-sys-color-icon-secondary: var(--ui-sys-color-text-secondary);--ui-sys-color-icon-tertiary: var(--ui-sys-color-text-tertiary);--ui-sys-color-interactive-brand-subtle-bg-active: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-interactive-brand-subtle-bg-default: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-interactive-brand-subtle-bg-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-brand-subtle-bg-focus: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-interactive-brand-subtle-bg-hover: var(--ui-ref-color-alpha-brand-15);--ui-sys-color-interactive-brand-subtle-border-active: var(--ui-ref-color-brand-primary-600);--ui-sys-color-interactive-brand-subtle-border-default: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-interactive-brand-subtle-border-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-brand-subtle-border-focus: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-border-hover: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-disabled: var( --ui-sys-color-border-disabled );--ui-sys-color-interactive-brand-subtle-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-icon-active: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-icon-default: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-brand-subtle-icon-focus: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-icon-hover: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-bg-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-danger-bg-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-danger-border-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-fg-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-danger-fg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-focus-ring-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-danger-focus-ring-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-danger-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-bg-active: var(--ui-ref-color-alpha-error-20);--ui-sys-color-interactive-danger-subtle-bg-default: var(--ui-ref-color-alpha-error-10);--ui-sys-color-interactive-danger-subtle-bg-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-danger-subtle-bg-focus: var(--ui-ref-color-alpha-error-10);--ui-sys-color-interactive-danger-subtle-bg-hover: var(--ui-ref-color-alpha-error-15);--ui-sys-color-interactive-danger-subtle-border-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-border-default: var(--ui-ref-color-alpha-error-20);--ui-sys-color-interactive-danger-subtle-border-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-danger-subtle-border-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-border-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-active: var( --ui-ref-color-status-error-500 );--ui-sys-color-interactive-danger-subtle-focus-ring-default: var( --ui-ref-color-status-error-500 );--ui-sys-color-interactive-danger-subtle-focus-ring-disabled: var( --ui-sys-color-border-disabled );--ui-sys-color-interactive-danger-subtle-focus-ring-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-danger-subtle-icon-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-bg-active: transparent;--ui-sys-color-interactive-ghost-bg-default: transparent;--ui-sys-color-interactive-ghost-bg-disabled: transparent;--ui-sys-color-interactive-ghost-bg-focus: transparent;--ui-sys-color-interactive-ghost-bg-hover: transparent;--ui-sys-color-interactive-ghost-border-active: transparent;--ui-sys-color-interactive-ghost-border-default: transparent;--ui-sys-color-interactive-ghost-border-disabled: transparent;--ui-sys-color-interactive-ghost-border-focus: transparent;--ui-sys-color-interactive-ghost-border-hover: transparent;--ui-sys-color-interactive-ghost-fg-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-fg-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-fg-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-ghost-fg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-fg-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-ghost-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-icon-default: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-ghost-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-ghost-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-bg-active: var(--ui-ref-color-neutral-600);--ui-sys-color-interactive-neutral-solid-bg-default: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-neutral-solid-bg-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-neutral-solid-bg-focus: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-neutral-solid-bg-hover: var(--ui-ref-color-neutral-800);--ui-sys-color-interactive-neutral-solid-border-active: var(--ui-ref-color-neutral-600);--ui-sys-color-interactive-neutral-solid-border-default: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-neutral-solid-border-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-neutral-solid-border-focus: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-neutral-solid-border-hover: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-neutral-solid-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-disabled: var( --ui-sys-color-border-disabled );--ui-sys-color-interactive-neutral-solid-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-icon-active: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-neutral-solid-icon-default: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-neutral-solid-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-neutral-solid-icon-focus: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-neutral-solid-icon-hover: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-neutral-solid-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-bg-active: #dddfe3;--ui-sys-color-interactive-primary-bg-default: #ffffff;--ui-sys-color-interactive-primary-bg-disabled: #76787b;--ui-sys-color-interactive-primary-bg-focus: #ffffff;--ui-sys-color-interactive-primary-bg-hover: #dddfe3;--ui-sys-color-interactive-primary-border-active: #dddfe3;--ui-sys-color-interactive-primary-border-default: #ffffff;--ui-sys-color-interactive-primary-border-disabled: #76787b;--ui-sys-color-interactive-primary-border-focus: #ffffff;--ui-sys-color-interactive-primary-border-hover: #dddfe3;--ui-sys-color-interactive-primary-fg-active: #121213;--ui-sys-color-interactive-primary-fg-default: #121213;--ui-sys-color-interactive-primary-fg-disabled: #2d2d2f;--ui-sys-color-interactive-primary-fg-focus: #121213;--ui-sys-color-interactive-primary-fg-hover: #121213;--ui-sys-color-interactive-primary-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-primary-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-icon-active: #121213;--ui-sys-color-interactive-primary-icon-default: #121213;--ui-sys-color-interactive-primary-icon-disabled: #2d2d2f;--ui-sys-color-interactive-primary-icon-focus: #121213;--ui-sys-color-interactive-primary-icon-hover: #121213;--ui-sys-color-interactive-primary-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-hover: 0px 0px 14.5px 0px rgba(255, 255, 255, .5);--ui-sys-color-interactive-secondary-bg-active: var(--ui-ref-color-neutral-800);--ui-sys-color-interactive-secondary-bg-default: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-secondary-bg-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-secondary-bg-focus: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-secondary-bg-hover: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-secondary-border-active: var(--ui-ref-color-neutral-600);--ui-sys-color-interactive-secondary-border-default: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-secondary-border-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-secondary-border-focus: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-secondary-border-hover: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-secondary-fg-active: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-secondary-fg-default: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-secondary-fg-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-secondary-fg-focus: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-secondary-fg-hover: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-secondary-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-secondary-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-secondary-icon-default: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-secondary-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-secondary-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-bg-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-success-bg-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-success-border-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-fg-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-success-fg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-focus-ring-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-success-focus-ring-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-success-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-bg-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-warning-bg-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-warning-border-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-fg-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-warning-fg-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-focus-ring-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-warning-focus-ring-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-icon-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-warning-icon-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-selection-bg: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-status-error-bg-subtle: var(--ui-ref-color-alpha-error-10);--ui-sys-color-status-error-border: var(--ui-ref-color-alpha-error-20);--ui-sys-color-status-error-fg: var(--ui-ref-color-status-error-500);--ui-sys-color-status-info-bg-subtle: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-status-info-border: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-status-info-fg: var(--ui-ref-color-brand-primary-500);--ui-sys-color-status-success-bg-subtle: var(--ui-ref-color-alpha-success-15);--ui-sys-color-status-success-border: var(--ui-ref-color-alpha-success-15);--ui-sys-color-status-success-fg: var(--ui-ref-color-status-success-500);--ui-sys-color-status-warning-bg-subtle: var(--ui-ref-color-alpha-warning-15);--ui-sys-color-status-warning-border: var(--ui-ref-color-alpha-warning-15);--ui-sys-color-status-warning-fg: var(--ui-ref-color-status-warning-500);--ui-sys-color-surface-canvas: var(--ui-ref-color-neutral-900);--ui-sys-color-surface-canvas-alt: var(--ui-ref-color-neutral-875);--ui-sys-color-surface-inverse: var(--ui-ref-color-neutral-0);--ui-sys-color-surface-overlay: var(--ui-ref-color-alpha-neutral-40);--ui-sys-color-surface-raised: var(--ui-ref-color-neutral-850);--ui-sys-color-tag-brick-bg: var(--ui-ref-color-tag-brick);--ui-sys-color-tag-brick-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-green-bg: var(--ui-ref-color-tag-green);--ui-sys-color-tag-green-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-sky-bg: var(--ui-ref-color-tag-sky);--ui-sys-color-tag-sky-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-turquoise-bg: var(--ui-ref-color-tag-turquoise);--ui-sys-color-tag-turquoise-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-violet-bg: var(--ui-ref-color-tag-violet);--ui-sys-color-tag-violet-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-text-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-text-inverse: var(--ui-ref-color-neutral-900);--ui-sys-color-text-link: var(--ui-ref-color-brand-primary-500);--ui-sys-color-text-link-active: var(--ui-ref-color-brand-primary-700);--ui-sys-color-text-link-hover: var(--ui-ref-color-brand-primary-600);--ui-sys-color-text-primary: var(--ui-ref-color-neutral-50);--ui-sys-color-text-secondary: var(--ui-ref-color-neutral-250);--ui-sys-color-text-tertiary: var(--ui-ref-color-neutral-400);--ui-sys-elevation-dropdown: var(--ui-ref-elevation-dropdown-dark);--ui-sys-elevation-dropdown-blur: var(--ui-ref-blur-dropdown);--ui-sys-elevation-interactive-active: var(--ui-ref-elevation-none);--ui-sys-elevation-interactive-default: var(--ui-ref-elevation-none);--ui-sys-elevation-interactive-hover: var(--ui-ref-elevation-sm);--ui-sys-elevation-none: var(--ui-ref-elevation-none);--ui-sys-elevation-overlay: var(--ui-ref-elevation-dropdown-dark);--ui-sys-elevation-surface: var(--ui-ref-elevation-sm);--ui-sys-focus-ring-offset: var(--ui-ref-focus-ring-offset);--ui-sys-focus-ring-width: var(--ui-ref-focus-ring-width);--ui-sys-motion-duration-fast: var(--ui-ref-motion-duration-fast);--ui-sys-motion-duration-instant: var(--ui-ref-motion-duration-instant);--ui-sys-motion-duration-normal: var(--ui-ref-motion-duration-normal);--ui-sys-motion-duration-slow: var(--ui-ref-motion-duration-slow);--ui-sys-motion-easing-emphasized: var(--ui-ref-motion-easing-emphasized);--ui-sys-motion-easing-linear: var(--ui-ref-motion-easing-linear);--ui-sys-motion-easing-standard: var(--ui-ref-motion-easing-standard);--ui-sys-radius-0: var(--ui-ref-radius-0);--ui-sys-radius-12: var(--ui-ref-radius-12);--ui-sys-radius-16: var(--ui-ref-radius-16);--ui-sys-radius-20: var(--ui-ref-radius-20);--ui-sys-radius-4: var(--ui-ref-radius-4);--ui-sys-radius-8: var(--ui-ref-radius-8);--ui-sys-radius-999: var(--ui-ref-radius-999);--ui-sys-space-0: var(--ui-ref-space-0);--ui-sys-space-10: var(--ui-ref-space-10);--ui-sys-space-12: var(--ui-ref-space-12);--ui-sys-space-14: var(--ui-ref-space-14);--ui-sys-space-16: var(--ui-ref-space-16);--ui-sys-space-2: var(--ui-ref-space-2);--ui-sys-space-20: var(--ui-ref-space-20);--ui-sys-space-24: var(--ui-ref-space-24);--ui-sys-space-28: var(--ui-ref-space-28);--ui-sys-space-32: var(--ui-ref-space-32);--ui-sys-space-4: var(--ui-ref-space-4);--ui-sys-space-40: var(--ui-ref-space-40);--ui-sys-space-48: var(--ui-ref-space-48);--ui-sys-space-56: var(--ui-ref-space-56);--ui-sys-space-6: var(--ui-ref-space-6);--ui-sys-space-64: var(--ui-ref-space-64);--ui-sys-space-8: var(--ui-ref-space-8);--ui-sys-z-base: var(--ui-ref-z-base);--ui-sys-z-dropdown: var(--ui-ref-z-dropdown);--ui-sys-z-modal: var(--ui-ref-z-modal);--ui-sys-z-overlay: var(--ui-ref-z-overlay);--ui-sys-z-sticky: var(--ui-ref-z-sticky);--ui-sys-z-toast: var(--ui-ref-z-toast);--ui-sys-z-tooltip: var(--ui-ref-z-tooltip)}}html[data-theme=light]{--ui-sys-color-border-default: var(--ui-ref-color-neutral-200);--ui-sys-color-border-disabled: var(--ui-ref-color-neutral-100);--ui-sys-color-border-focus: var(--ui-ref-color-brand-primary-500);--ui-sys-color-border-strong: var(--ui-ref-color-neutral-400);--ui-sys-color-border-subtle: var(--ui-ref-color-neutral-100);--ui-sys-color-focus-ring: var(--ui-ref-color-brand-primary-500);--ui-sys-color-icon-disabled: var(--ui-sys-color-text-disabled);--ui-sys-color-icon-inverse: var(--ui-sys-color-text-inverse);--ui-sys-color-icon-primary: var(--ui-sys-color-text-primary);--ui-sys-color-icon-secondary: var(--ui-sys-color-text-secondary);--ui-sys-color-icon-tertiary: var(--ui-sys-color-text-tertiary);--ui-sys-color-interactive-brand-subtle-bg-active: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-interactive-brand-subtle-bg-default: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-interactive-brand-subtle-bg-disabled: var(--ui-ref-color-neutral-75);--ui-sys-color-interactive-brand-subtle-bg-focus: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-interactive-brand-subtle-bg-hover: var(--ui-ref-color-alpha-brand-15);--ui-sys-color-interactive-brand-subtle-border-active: var(--ui-ref-color-brand-primary-600);--ui-sys-color-interactive-brand-subtle-border-default: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-interactive-brand-subtle-border-disabled: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-brand-subtle-border-focus: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-border-hover: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-brand-subtle-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-icon-active: var(--ui-ref-color-brand-primary-700);--ui-sys-color-interactive-brand-subtle-icon-default: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-brand-subtle-icon-focus: var(--ui-ref-color-brand-primary-600);--ui-sys-color-interactive-brand-subtle-icon-hover: var(--ui-ref-color-brand-primary-600);--ui-sys-color-interactive-brand-subtle-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-bg-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-danger-bg-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-danger-border-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-fg-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-danger-fg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-focus-ring-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-danger-focus-ring-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-danger-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-bg-active: var(--ui-ref-color-alpha-error-20);--ui-sys-color-interactive-danger-subtle-bg-default: var(--ui-ref-color-alpha-error-10);--ui-sys-color-interactive-danger-subtle-bg-disabled: var(--ui-ref-color-neutral-75);--ui-sys-color-interactive-danger-subtle-bg-focus: var(--ui-ref-color-alpha-error-10);--ui-sys-color-interactive-danger-subtle-bg-hover: var(--ui-ref-color-alpha-error-15);--ui-sys-color-interactive-danger-subtle-border-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-border-default: var(--ui-ref-color-alpha-error-20);--ui-sys-color-interactive-danger-subtle-border-disabled: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-danger-subtle-border-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-border-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-danger-subtle-focus-ring-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-danger-subtle-icon-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-bg-active: transparent;--ui-sys-color-interactive-ghost-bg-default: transparent;--ui-sys-color-interactive-ghost-bg-disabled: transparent;--ui-sys-color-interactive-ghost-bg-focus: transparent;--ui-sys-color-interactive-ghost-bg-hover: transparent;--ui-sys-color-interactive-ghost-border-active: transparent;--ui-sys-color-interactive-ghost-border-default: transparent;--ui-sys-color-interactive-ghost-border-disabled: transparent;--ui-sys-color-interactive-ghost-border-focus: transparent;--ui-sys-color-interactive-ghost-border-hover: transparent;--ui-sys-color-interactive-ghost-fg-active: #121315;--ui-sys-color-interactive-ghost-fg-default: #121315;--ui-sys-color-interactive-ghost-fg-disabled: #9b9aa2;--ui-sys-color-interactive-ghost-fg-focus: #121315;--ui-sys-color-interactive-ghost-fg-hover: #121315;--ui-sys-color-interactive-ghost-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-ghost-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-icon-active: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-ghost-icon-default: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-ghost-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-ghost-icon-focus: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-ghost-icon-hover: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-ghost-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-bg-active: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-neutral-solid-bg-default: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-neutral-solid-bg-disabled: var(--ui-ref-color-neutral-75);--ui-sys-color-interactive-neutral-solid-bg-focus: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-neutral-solid-bg-hover: var(--ui-ref-color-neutral-100);--ui-sys-color-interactive-neutral-solid-border-active: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-neutral-solid-border-default: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-neutral-solid-border-disabled: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-neutral-solid-border-focus: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-neutral-solid-border-hover: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-neutral-solid-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-neutral-solid-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-icon-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-neutral-solid-icon-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-neutral-solid-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-neutral-solid-icon-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-neutral-solid-icon-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-neutral-solid-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-bg-active: #252628;--ui-sys-color-interactive-primary-bg-default: #121315;--ui-sys-color-interactive-primary-bg-disabled: #9b9aa2;--ui-sys-color-interactive-primary-bg-focus: #121315;--ui-sys-color-interactive-primary-bg-hover: #252628;--ui-sys-color-interactive-primary-border-active: #252628;--ui-sys-color-interactive-primary-border-default: #121315;--ui-sys-color-interactive-primary-border-disabled: #9b9aa2;--ui-sys-color-interactive-primary-border-focus: #121315;--ui-sys-color-interactive-primary-border-hover: #252628;--ui-sys-color-interactive-primary-fg-active: #ffffff;--ui-sys-color-interactive-primary-fg-default: #ffffff;--ui-sys-color-interactive-primary-fg-disabled: #e8e8e8;--ui-sys-color-interactive-primary-fg-focus: #ffffff;--ui-sys-color-interactive-primary-fg-hover: #ffffff;--ui-sys-color-interactive-primary-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-primary-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-icon-active: #ffffff;--ui-sys-color-interactive-primary-icon-default: #ffffff;--ui-sys-color-interactive-primary-icon-disabled: #e8e8e8;--ui-sys-color-interactive-primary-icon-focus: #ffffff;--ui-sys-color-interactive-primary-icon-hover: #ffffff;--ui-sys-color-interactive-primary-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-hover: 0px 0px 10px 0px rgba(0, 0, 0, .21);--ui-sys-color-interactive-secondary-bg-active: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-secondary-bg-default: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-secondary-bg-disabled: var(--ui-ref-color-neutral-75);--ui-sys-color-interactive-secondary-bg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-secondary-bg-hover: var(--ui-ref-color-neutral-100);--ui-sys-color-interactive-secondary-border-active: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-secondary-border-default: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-secondary-border-disabled: var(--ui-ref-color-neutral-100);--ui-sys-color-interactive-secondary-border-focus: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-border-hover: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-fg-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-secondary-fg-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-secondary-fg-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-fg-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-secondary-fg-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-secondary-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-secondary-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-icon-active: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-secondary-icon-default: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-icon-focus: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-secondary-icon-hover: var(--ui-ref-color-neutral-950);--ui-sys-color-interactive-secondary-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-bg-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-success-bg-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-success-border-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-fg-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-success-fg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-focus-ring-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-success-focus-ring-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-success-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-bg-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-warning-bg-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-disabled: var(--ui-ref-color-neutral-200);--ui-sys-color-interactive-warning-border-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-fg-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-warning-fg-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-focus-ring-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-warning-focus-ring-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-icon-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-warning-icon-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-selection-bg: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-status-error-bg-subtle: var(--ui-ref-color-alpha-error-10);--ui-sys-color-status-error-border: var(--ui-ref-color-alpha-error-20);--ui-sys-color-status-error-fg: var(--ui-ref-color-status-error-500);--ui-sys-color-status-info-bg-subtle: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-status-info-border: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-status-info-fg: var(--ui-ref-color-brand-primary-500);--ui-sys-color-status-success-bg-subtle: var(--ui-ref-color-alpha-success-15);--ui-sys-color-status-success-border: var(--ui-ref-color-alpha-success-15);--ui-sys-color-status-success-fg: var(--ui-ref-color-status-success-500);--ui-sys-color-status-warning-bg-subtle: var(--ui-ref-color-alpha-warning-15);--ui-sys-color-status-warning-border: var(--ui-ref-color-alpha-warning-15);--ui-sys-color-status-warning-fg: var(--ui-ref-color-status-warning-500);--ui-sys-color-surface-canvas: var(--ui-ref-color-neutral-0);--ui-sys-color-surface-canvas-alt: var(--ui-ref-color-neutral-50);--ui-sys-color-surface-inverse: var(--ui-ref-color-neutral-900);--ui-sys-color-surface-overlay: var(--ui-ref-color-alpha-neutral-40);--ui-sys-color-surface-raised: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-brick-bg: var(--ui-ref-color-tag-brick);--ui-sys-color-tag-brick-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-green-bg: var(--ui-ref-color-tag-green);--ui-sys-color-tag-green-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-sky-bg: var(--ui-ref-color-tag-sky);--ui-sys-color-tag-sky-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-turquoise-bg: var(--ui-ref-color-tag-turquoise);--ui-sys-color-tag-turquoise-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-violet-bg: var(--ui-ref-color-tag-violet);--ui-sys-color-tag-violet-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-text-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-text-inverse: var(--ui-ref-color-neutral-0);--ui-sys-color-text-link: var(--ui-ref-color-brand-primary-600);--ui-sys-color-text-link-active: var(--ui-ref-color-brand-primary-700);--ui-sys-color-text-link-hover: var(--ui-ref-color-brand-primary-700);--ui-sys-color-text-primary: var(--ui-ref-color-neutral-900);--ui-sys-color-text-secondary: var(--ui-ref-color-neutral-500);--ui-sys-color-text-tertiary: var(--ui-ref-color-neutral-400);--ui-sys-elevation-dropdown: var(--ui-ref-elevation-dropdown-light);--ui-sys-elevation-dropdown-blur: var(--ui-ref-blur-dropdown);--ui-sys-elevation-interactive-active: var(--ui-ref-elevation-none);--ui-sys-elevation-interactive-default: var(--ui-ref-elevation-none);--ui-sys-elevation-interactive-hover: var(--ui-ref-elevation-sm);--ui-sys-elevation-none: var(--ui-ref-elevation-none);--ui-sys-elevation-overlay: var(--ui-ref-elevation-card-light);--ui-sys-elevation-surface: var(--ui-ref-elevation-sm);--ui-sys-focus-ring-offset: var(--ui-ref-focus-ring-offset);--ui-sys-focus-ring-width: var(--ui-ref-focus-ring-width);--ui-sys-motion-duration-fast: var(--ui-ref-motion-duration-fast);--ui-sys-motion-duration-instant: var(--ui-ref-motion-duration-instant);--ui-sys-motion-duration-normal: var(--ui-ref-motion-duration-normal);--ui-sys-motion-duration-slow: var(--ui-ref-motion-duration-slow);--ui-sys-motion-easing-emphasized: var(--ui-ref-motion-easing-emphasized);--ui-sys-motion-easing-linear: var(--ui-ref-motion-easing-linear);--ui-sys-motion-easing-standard: var(--ui-ref-motion-easing-standard);--ui-sys-radius-0: var(--ui-ref-radius-0);--ui-sys-radius-12: var(--ui-ref-radius-12);--ui-sys-radius-16: var(--ui-ref-radius-16);--ui-sys-radius-20: var(--ui-ref-radius-20);--ui-sys-radius-4: var(--ui-ref-radius-4);--ui-sys-radius-8: var(--ui-ref-radius-8);--ui-sys-radius-999: var(--ui-ref-radius-999);--ui-sys-space-0: var(--ui-ref-space-0);--ui-sys-space-10: var(--ui-ref-space-10);--ui-sys-space-12: var(--ui-ref-space-12);--ui-sys-space-14: var(--ui-ref-space-14);--ui-sys-space-16: var(--ui-ref-space-16);--ui-sys-space-2: var(--ui-ref-space-2);--ui-sys-space-20: var(--ui-ref-space-20);--ui-sys-space-24: var(--ui-ref-space-24);--ui-sys-space-28: var(--ui-ref-space-28);--ui-sys-space-32: var(--ui-ref-space-32);--ui-sys-space-4: var(--ui-ref-space-4);--ui-sys-space-40: var(--ui-ref-space-40);--ui-sys-space-48: var(--ui-ref-space-48);--ui-sys-space-56: var(--ui-ref-space-56);--ui-sys-space-6: var(--ui-ref-space-6);--ui-sys-space-64: var(--ui-ref-space-64);--ui-sys-space-8: var(--ui-ref-space-8);--ui-sys-z-base: var(--ui-ref-z-base);--ui-sys-z-dropdown: var(--ui-ref-z-dropdown);--ui-sys-z-modal: var(--ui-ref-z-modal);--ui-sys-z-overlay: var(--ui-ref-z-overlay);--ui-sys-z-sticky: var(--ui-ref-z-sticky);--ui-sys-z-toast: var(--ui-ref-z-toast);--ui-sys-z-tooltip: var(--ui-ref-z-tooltip)}html[data-theme=dark]{--ui-sys-color-border-default: var(--ui-ref-color-neutral-800);--ui-sys-color-border-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-border-focus: var(--ui-ref-color-brand-primary-500);--ui-sys-color-border-strong: var(--ui-ref-color-neutral-500);--ui-sys-color-border-subtle: var(--ui-ref-color-neutral-850);--ui-sys-color-focus-ring: var(--ui-ref-color-brand-primary-500);--ui-sys-color-icon-disabled: var(--ui-sys-color-text-disabled);--ui-sys-color-icon-inverse: var(--ui-sys-color-text-inverse);--ui-sys-color-icon-primary: var(--ui-sys-color-text-primary);--ui-sys-color-icon-secondary: var(--ui-sys-color-text-secondary);--ui-sys-color-icon-tertiary: var(--ui-sys-color-text-tertiary);--ui-sys-color-interactive-brand-subtle-bg-active: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-interactive-brand-subtle-bg-default: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-interactive-brand-subtle-bg-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-brand-subtle-bg-focus: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-interactive-brand-subtle-bg-hover: var(--ui-ref-color-alpha-brand-15);--ui-sys-color-interactive-brand-subtle-border-active: var(--ui-ref-color-brand-primary-600);--ui-sys-color-interactive-brand-subtle-border-default: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-interactive-brand-subtle-border-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-brand-subtle-border-focus: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-border-hover: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-brand-subtle-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-brand-subtle-icon-active: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-icon-default: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-brand-subtle-icon-focus: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-icon-hover: var(--ui-ref-color-brand-primary-500);--ui-sys-color-interactive-brand-subtle-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-brand-subtle-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-bg-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-danger-bg-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-bg-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-danger-border-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-border-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-fg-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-danger-fg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-fg-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-focus-ring-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-danger-focus-ring-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-focus-ring-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-danger-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-danger-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-bg-active: var(--ui-ref-color-alpha-error-20);--ui-sys-color-interactive-danger-subtle-bg-default: var(--ui-ref-color-alpha-error-10);--ui-sys-color-interactive-danger-subtle-bg-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-danger-subtle-bg-focus: var(--ui-ref-color-alpha-error-10);--ui-sys-color-interactive-danger-subtle-bg-hover: var(--ui-ref-color-alpha-error-15);--ui-sys-color-interactive-danger-subtle-border-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-border-default: var(--ui-ref-color-alpha-error-20);--ui-sys-color-interactive-danger-subtle-border-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-danger-subtle-border-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-border-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-danger-subtle-focus-ring-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-focus-ring-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-active: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-default: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-danger-subtle-icon-focus: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-icon-hover: var(--ui-ref-color-status-error-500);--ui-sys-color-interactive-danger-subtle-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-danger-subtle-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-bg-active: transparent;--ui-sys-color-interactive-ghost-bg-default: transparent;--ui-sys-color-interactive-ghost-bg-disabled: transparent;--ui-sys-color-interactive-ghost-bg-focus: transparent;--ui-sys-color-interactive-ghost-bg-hover: transparent;--ui-sys-color-interactive-ghost-border-active: transparent;--ui-sys-color-interactive-ghost-border-default: transparent;--ui-sys-color-interactive-ghost-border-disabled: transparent;--ui-sys-color-interactive-ghost-border-focus: transparent;--ui-sys-color-interactive-ghost-border-hover: transparent;--ui-sys-color-interactive-ghost-fg-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-fg-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-fg-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-ghost-fg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-fg-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-ghost-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-ghost-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-icon-default: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-ghost-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-ghost-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-ghost-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-ghost-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-bg-active: var(--ui-ref-color-neutral-600);--ui-sys-color-interactive-neutral-solid-bg-default: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-neutral-solid-bg-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-neutral-solid-bg-focus: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-neutral-solid-bg-hover: var(--ui-ref-color-neutral-800);--ui-sys-color-interactive-neutral-solid-border-active: var(--ui-ref-color-neutral-600);--ui-sys-color-interactive-neutral-solid-border-default: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-neutral-solid-border-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-neutral-solid-border-focus: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-neutral-solid-border-hover: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-neutral-solid-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-neutral-solid-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-neutral-solid-icon-active: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-neutral-solid-icon-default: var(--ui-ref-color-neutral-250);--ui-sys-color-interactive-neutral-solid-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-neutral-solid-icon-focus: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-neutral-solid-icon-hover: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-neutral-solid-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-neutral-solid-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-bg-active: #dddfe3;--ui-sys-color-interactive-primary-bg-default: #ffffff;--ui-sys-color-interactive-primary-bg-disabled: #76787b;--ui-sys-color-interactive-primary-bg-focus: #ffffff;--ui-sys-color-interactive-primary-bg-hover: #dddfe3;--ui-sys-color-interactive-primary-border-active: #dddfe3;--ui-sys-color-interactive-primary-border-default: #ffffff;--ui-sys-color-interactive-primary-border-disabled: #76787b;--ui-sys-color-interactive-primary-border-focus: #ffffff;--ui-sys-color-interactive-primary-border-hover: #dddfe3;--ui-sys-color-interactive-primary-fg-active: #121213;--ui-sys-color-interactive-primary-fg-default: #121213;--ui-sys-color-interactive-primary-fg-disabled: #2d2d2f;--ui-sys-color-interactive-primary-fg-focus: #121213;--ui-sys-color-interactive-primary-fg-hover: #121213;--ui-sys-color-interactive-primary-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-primary-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-primary-icon-active: #121213;--ui-sys-color-interactive-primary-icon-default: #121213;--ui-sys-color-interactive-primary-icon-disabled: #2d2d2f;--ui-sys-color-interactive-primary-icon-focus: #121213;--ui-sys-color-interactive-primary-icon-hover: #121213;--ui-sys-color-interactive-primary-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-primary-shadow-hover: 0px 0px 14.5px 0px rgba(255, 255, 255, .5);--ui-sys-color-interactive-secondary-bg-active: var(--ui-ref-color-neutral-800);--ui-sys-color-interactive-secondary-bg-default: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-secondary-bg-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-secondary-bg-focus: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-secondary-bg-hover: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-secondary-border-active: var(--ui-ref-color-neutral-600);--ui-sys-color-interactive-secondary-border-default: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-secondary-border-disabled: var(--ui-ref-color-neutral-875);--ui-sys-color-interactive-secondary-border-focus: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-secondary-border-hover: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-secondary-fg-active: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-secondary-fg-default: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-secondary-fg-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-secondary-fg-focus: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-secondary-fg-hover: var(--ui-ref-color-neutral-50);--ui-sys-color-interactive-secondary-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-secondary-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-sys-color-interactive-secondary-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-secondary-icon-default: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-icon-disabled: var(--ui-ref-color-neutral-400);--ui-sys-color-interactive-secondary-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-secondary-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-secondary-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-secondary-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-bg-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-success-bg-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-bg-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-success-border-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-border-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-fg-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-success-fg-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-fg-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-focus-ring-active: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-default: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-success-focus-ring-focus: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-focus-ring-hover: var(--ui-ref-color-status-success-500);--ui-sys-color-interactive-success-icon-active: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-default: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-success-icon-focus: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-icon-hover: var(--ui-ref-color-neutral-0);--ui-sys-color-interactive-success-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-success-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-bg-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-warning-bg-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-bg-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-disabled: var(--ui-ref-color-neutral-850);--ui-sys-color-interactive-warning-border-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-border-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-fg-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-warning-fg-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-fg-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-focus-ring-active: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-default: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-sys-color-interactive-warning-focus-ring-focus: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-focus-ring-hover: var(--ui-ref-color-status-warning-500);--ui-sys-color-interactive-warning-icon-active: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-default: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-interactive-warning-icon-focus: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-icon-hover: var(--ui-ref-color-neutral-900);--ui-sys-color-interactive-warning-shadow-active: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-default: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-disabled: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-focus: var(--ui-sys-elevation-none);--ui-sys-color-interactive-warning-shadow-hover: var(--ui-sys-elevation-none);--ui-sys-color-selection-bg: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-status-error-bg-subtle: var(--ui-ref-color-alpha-error-10);--ui-sys-color-status-error-border: var(--ui-ref-color-alpha-error-20);--ui-sys-color-status-error-fg: var(--ui-ref-color-status-error-500);--ui-sys-color-status-info-bg-subtle: var(--ui-ref-color-alpha-brand-10);--ui-sys-color-status-info-border: var(--ui-ref-color-alpha-brand-20);--ui-sys-color-status-info-fg: var(--ui-ref-color-brand-primary-500);--ui-sys-color-status-success-bg-subtle: var(--ui-ref-color-alpha-success-15);--ui-sys-color-status-success-border: var(--ui-ref-color-alpha-success-15);--ui-sys-color-status-success-fg: var(--ui-ref-color-status-success-500);--ui-sys-color-status-warning-bg-subtle: var(--ui-ref-color-alpha-warning-15);--ui-sys-color-status-warning-border: var(--ui-ref-color-alpha-warning-15);--ui-sys-color-status-warning-fg: var(--ui-ref-color-status-warning-500);--ui-sys-color-surface-canvas: var(--ui-ref-color-neutral-900);--ui-sys-color-surface-canvas-alt: var(--ui-ref-color-neutral-875);--ui-sys-color-surface-inverse: var(--ui-ref-color-neutral-0);--ui-sys-color-surface-overlay: var(--ui-ref-color-alpha-neutral-40);--ui-sys-color-surface-raised: var(--ui-ref-color-neutral-850);--ui-sys-color-tag-brick-bg: var(--ui-ref-color-tag-brick);--ui-sys-color-tag-brick-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-green-bg: var(--ui-ref-color-tag-green);--ui-sys-color-tag-green-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-sky-bg: var(--ui-ref-color-tag-sky);--ui-sys-color-tag-sky-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-turquoise-bg: var(--ui-ref-color-tag-turquoise);--ui-sys-color-tag-turquoise-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-tag-violet-bg: var(--ui-ref-color-tag-violet);--ui-sys-color-tag-violet-fg: var(--ui-ref-color-neutral-0);--ui-sys-color-text-disabled: var(--ui-ref-color-neutral-500);--ui-sys-color-text-inverse: var(--ui-ref-color-neutral-900);--ui-sys-color-text-link: var(--ui-ref-color-brand-primary-500);--ui-sys-color-text-link-active: var(--ui-ref-color-brand-primary-700);--ui-sys-color-text-link-hover: var(--ui-ref-color-brand-primary-600);--ui-sys-color-text-primary: var(--ui-ref-color-neutral-50);--ui-sys-color-text-secondary: var(--ui-ref-color-neutral-250);--ui-sys-color-text-tertiary: var(--ui-ref-color-neutral-400);--ui-sys-elevation-dropdown: var(--ui-ref-elevation-dropdown-dark);--ui-sys-elevation-dropdown-blur: var(--ui-ref-blur-dropdown);--ui-sys-elevation-interactive-active: var(--ui-ref-elevation-none);--ui-sys-elevation-interactive-default: var(--ui-ref-elevation-none);--ui-sys-elevation-interactive-hover: var(--ui-ref-elevation-sm);--ui-sys-elevation-none: var(--ui-ref-elevation-none);--ui-sys-elevation-overlay: var(--ui-ref-elevation-dropdown-dark);--ui-sys-elevation-surface: var(--ui-ref-elevation-sm);--ui-sys-focus-ring-offset: var(--ui-ref-focus-ring-offset);--ui-sys-focus-ring-width: var(--ui-ref-focus-ring-width);--ui-sys-motion-duration-fast: var(--ui-ref-motion-duration-fast);--ui-sys-motion-duration-instant: var(--ui-ref-motion-duration-instant);--ui-sys-motion-duration-normal: var(--ui-ref-motion-duration-normal);--ui-sys-motion-duration-slow: var(--ui-ref-motion-duration-slow);--ui-sys-motion-easing-emphasized: var(--ui-ref-motion-easing-emphasized);--ui-sys-motion-easing-linear: var(--ui-ref-motion-easing-linear);--ui-sys-motion-easing-standard: var(--ui-ref-motion-easing-standard);--ui-sys-radius-0: var(--ui-ref-radius-0);--ui-sys-radius-12: var(--ui-ref-radius-12);--ui-sys-radius-16: var(--ui-ref-radius-16);--ui-sys-radius-20: var(--ui-ref-radius-20);--ui-sys-radius-4: var(--ui-ref-radius-4);--ui-sys-radius-8: var(--ui-ref-radius-8);--ui-sys-radius-999: var(--ui-ref-radius-999);--ui-sys-space-0: var(--ui-ref-space-0);--ui-sys-space-10: var(--ui-ref-space-10);--ui-sys-space-12: var(--ui-ref-space-12);--ui-sys-space-14: var(--ui-ref-space-14);--ui-sys-space-16: var(--ui-ref-space-16);--ui-sys-space-2: var(--ui-ref-space-2);--ui-sys-space-20: var(--ui-ref-space-20);--ui-sys-space-24: var(--ui-ref-space-24);--ui-sys-space-28: var(--ui-ref-space-28);--ui-sys-space-32: var(--ui-ref-space-32);--ui-sys-space-4: var(--ui-ref-space-4);--ui-sys-space-40: var(--ui-ref-space-40);--ui-sys-space-48: var(--ui-ref-space-48);--ui-sys-space-56: var(--ui-ref-space-56);--ui-sys-space-6: var(--ui-ref-space-6);--ui-sys-space-64: var(--ui-ref-space-64);--ui-sys-space-8: var(--ui-ref-space-8);--ui-sys-z-base: var(--ui-ref-z-base);--ui-sys-z-dropdown: var(--ui-ref-z-dropdown);--ui-sys-z-modal: var(--ui-ref-z-modal);--ui-sys-z-overlay: var(--ui-ref-z-overlay);--ui-sys-z-sticky: var(--ui-ref-z-sticky);--ui-sys-z-toast: var(--ui-ref-z-toast);--ui-sys-z-tooltip: var(--ui-ref-z-tooltip)}:root{--ui-sys-typography-family-sans: var(--ui-ref-typography-family-sans);--ui-sys-typography-family-mono: var(--ui-ref-typography-family-mono);--ui-sys-typography-weight-regular: var(--ui-ref-typography-weight-regular);--ui-sys-typography-weight-medium: var(--ui-ref-typography-weight-medium);--ui-sys-typography-weight-semibold: var(--ui-ref-typography-weight-semibold);--ui-sys-typography-weight-bold: var(--ui-ref-typography-weight-bold);--ui-sys-typography-body-regular-font-family: var(--ui-sys-typography-family-sans);--ui-sys-typography-body-regular-font-weight: var(--ui-sys-typography-weight-regular);--ui-sys-typography-body-regular-letter-spacing: var(--ui-ref-typography-letter-spacing-none);--ui-sys-typography-body-regular-font-size: 12px;--ui-sys-typography-body-regular-line-height: 1.2;--ui-sys-typography-body-semibold-font-family: var(--ui-sys-typography-family-sans);--ui-sys-typography-body-semibold-font-weight: var(--ui-sys-typography-weight-semibold);--ui-sys-typography-body-semibold-letter-spacing: var(--ui-ref-typography-letter-spacing-none);--ui-sys-typography-body-semibold-font-size: 12px;--ui-sys-typography-body-semibold-line-height: 1.2;--ui-sys-typography-button-semibold-font-family: var(--ui-sys-typography-family-sans);--ui-sys-typography-button-semibold-font-weight: var(--ui-sys-typography-weight-semibold);--ui-sys-typography-button-semibold-letter-spacing: var(--ui-ref-typography-letter-spacing-none);--ui-sys-typography-button-semibold-font-size: 12px;--ui-sys-typography-button-semibold-line-height: 1;--ui-sys-typography-h2-font-family: var(--ui-sys-typography-family-sans);--ui-sys-typography-h2-font-weight: var(--ui-sys-typography-weight-semibold);--ui-sys-typography-h2-letter-spacing: var(--ui-ref-typography-letter-spacing-none);--ui-sys-typography-h2-font-size: 20px;--ui-sys-typography-h2-line-height: 1.2;--ui-sys-typography-h3-font-family: var(--ui-sys-typography-family-sans);--ui-sys-typography-h3-font-weight: var(--ui-sys-typography-weight-semibold);--ui-sys-typography-h3-letter-spacing: var(--ui-ref-typography-letter-spacing-none);--ui-sys-typography-h3-font-size: 14px;--ui-sys-typography-h3-line-height: 1.2;--ui-sys-typography-small-regular-font-family: var(--ui-sys-typography-family-sans);--ui-sys-typography-small-regular-font-weight: var(--ui-sys-typography-weight-regular);--ui-sys-typography-small-regular-letter-spacing: var(--ui-ref-typography-letter-spacing-none);--ui-sys-typography-small-regular-font-size: 10px;--ui-sys-typography-small-regular-line-height: 1.2;--ui-sys-typography-small-semibold-font-family: var(--ui-sys-typography-family-sans);--ui-sys-typography-small-semibold-font-weight: var(--ui-sys-typography-weight-semibold);--ui-sys-typography-small-semibold-letter-spacing: var(--ui-ref-typography-letter-spacing-none);--ui-sys-typography-small-semibold-font-size: 10px;--ui-sys-typography-small-semibold-line-height: 1.2}@media(min-width:960px){:root{--ui-sys-typography-body-regular-font-size: 14px;--ui-sys-typography-body-regular-line-height: 1.2;--ui-sys-typography-body-semibold-font-size: 14px;--ui-sys-typography-body-semibold-line-height: 1.2;--ui-sys-typography-button-semibold-font-size: 12px;--ui-sys-typography-button-semibold-line-height: 1;--ui-sys-typography-h2-font-size: 20px;--ui-sys-typography-h2-line-height: 1.2;--ui-sys-typography-h3-font-size: 16px;--ui-sys-typography-h3-line-height: 1.2;--ui-sys-typography-small-regular-font-size: 12px;--ui-sys-typography-small-regular-line-height: 1.2;--ui-sys-typography-small-semibold-font-size: 12px;--ui-sys-typography-small-semibold-line-height: 1.2}}@media(min-width:1600px){:root{--ui-sys-typography-body-regular-font-size: 14px;--ui-sys-typography-body-regular-line-height: 1.2;--ui-sys-typography-body-semibold-font-size: 14px;--ui-sys-typography-body-semibold-line-height: 1.2;--ui-sys-typography-button-semibold-font-size: 14px;--ui-sys-typography-button-semibold-line-height: 1;--ui-sys-typography-h2-font-size: 20px;--ui-sys-typography-h2-line-height: 1.2;--ui-sys-typography-h3-font-size: 18px;--ui-sys-typography-h3-line-height: 1.2;--ui-sys-typography-small-regular-font-size: 12px;--ui-sys-typography-small-regular-line-height: 1.2;--ui-sys-typography-small-semibold-font-size: 12px;--ui-sys-typography-small-semibold-line-height: 1.2}}@media(min-width:1920px){:root{--ui-sys-typography-body-regular-font-size: 16px;--ui-sys-typography-body-regular-line-height: 1.2;--ui-sys-typography-body-semibold-font-size: 16px;--ui-sys-typography-body-semibold-line-height: 1.2;--ui-sys-typography-button-semibold-font-size: 16px;--ui-sys-typography-button-semibold-line-height: 1;--ui-sys-typography-h2-font-size: 28px;--ui-sys-typography-h2-line-height: 1.2;--ui-sys-typography-h3-font-size: 20px;--ui-sys-typography-h3-line-height: 1.2;--ui-sys-typography-small-regular-font-size: 14px;--ui-sys-typography-small-regular-line-height: 1.2;--ui-sys-typography-small-semibold-font-size: 14px;--ui-sys-typography-small-semibold-line-height: 1.2}}:root{--ui-cmp-alert-error-bg-active: var(--ui-sys-color-status-error-bg-subtle);--ui-cmp-alert-error-bg-default: var(--ui-sys-color-status-error-bg-subtle);--ui-cmp-alert-error-bg-disabled: var(--ui-sys-color-status-error-bg-subtle);--ui-cmp-alert-error-bg-focus: var(--ui-sys-color-status-error-bg-subtle);--ui-cmp-alert-error-bg-hover: var(--ui-sys-color-status-error-bg-subtle);--ui-cmp-alert-error-border-active: var(--ui-sys-color-status-error-border);--ui-cmp-alert-error-border-default: var(--ui-sys-color-status-error-border);--ui-cmp-alert-error-border-disabled: var(--ui-sys-color-status-error-border);--ui-cmp-alert-error-border-focus: var(--ui-sys-color-status-error-border);--ui-cmp-alert-error-border-hover: var(--ui-sys-color-status-error-border);--ui-cmp-alert-error-fg-active: var(--ui-sys-color-status-error-fg);--ui-cmp-alert-error-fg-default: var(--ui-sys-color-status-error-fg);--ui-cmp-alert-error-fg-disabled: var(--ui-sys-color-status-error-fg);--ui-cmp-alert-error-fg-focus: var(--ui-sys-color-status-error-fg);--ui-cmp-alert-error-fg-hover: var(--ui-sys-color-status-error-fg);--ui-cmp-alert-error-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-alert-error-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-alert-error-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-alert-error-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-alert-error-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-alert-error-icon-active: var(--ui-sys-color-status-error-fg);--ui-cmp-alert-error-icon-default: var(--ui-sys-color-status-error-fg);--ui-cmp-alert-error-icon-disabled: var(--ui-sys-color-status-error-fg);--ui-cmp-alert-error-icon-focus: var(--ui-sys-color-status-error-fg);--ui-cmp-alert-error-icon-hover: var(--ui-sys-color-status-error-fg);--ui-cmp-alert-error-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-alert-error-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-alert-error-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-alert-error-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-alert-error-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-alert-info-bg-active: var(--ui-sys-color-status-info-bg-subtle);--ui-cmp-alert-info-bg-default: var(--ui-sys-color-status-info-bg-subtle);--ui-cmp-alert-info-bg-disabled: var(--ui-sys-color-status-info-bg-subtle);--ui-cmp-alert-info-bg-focus: var(--ui-sys-color-status-info-bg-subtle);--ui-cmp-alert-info-bg-hover: var(--ui-sys-color-status-info-bg-subtle);--ui-cmp-alert-info-border-active: var(--ui-sys-color-status-info-border);--ui-cmp-alert-info-border-default: var(--ui-sys-color-status-info-border);--ui-cmp-alert-info-border-disabled: var(--ui-sys-color-status-info-border);--ui-cmp-alert-info-border-focus: var(--ui-sys-color-status-info-border);--ui-cmp-alert-info-border-hover: var(--ui-sys-color-status-info-border);--ui-cmp-alert-info-fg-active: var(--ui-sys-color-status-info-fg);--ui-cmp-alert-info-fg-default: var(--ui-sys-color-status-info-fg);--ui-cmp-alert-info-fg-disabled: var(--ui-sys-color-status-info-fg);--ui-cmp-alert-info-fg-focus: var(--ui-sys-color-status-info-fg);--ui-cmp-alert-info-fg-hover: var(--ui-sys-color-status-info-fg);--ui-cmp-alert-info-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-alert-info-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-alert-info-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-alert-info-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-alert-info-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-alert-info-icon-active: var(--ui-sys-color-status-info-fg);--ui-cmp-alert-info-icon-default: var(--ui-sys-color-status-info-fg);--ui-cmp-alert-info-icon-disabled: var(--ui-sys-color-status-info-fg);--ui-cmp-alert-info-icon-focus: var(--ui-sys-color-status-info-fg);--ui-cmp-alert-info-icon-hover: var(--ui-sys-color-status-info-fg);--ui-cmp-alert-info-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-alert-info-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-alert-info-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-alert-info-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-alert-info-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-alert-success-bg-active: var(--ui-sys-color-status-success-bg-subtle);--ui-cmp-alert-success-bg-default: var(--ui-sys-color-status-success-bg-subtle);--ui-cmp-alert-success-bg-disabled: var(--ui-sys-color-status-success-bg-subtle);--ui-cmp-alert-success-bg-focus: var(--ui-sys-color-status-success-bg-subtle);--ui-cmp-alert-success-bg-hover: var(--ui-sys-color-status-success-bg-subtle);--ui-cmp-alert-success-border-active: var(--ui-sys-color-status-success-border);--ui-cmp-alert-success-border-default: var(--ui-sys-color-status-success-border);--ui-cmp-alert-success-border-disabled: var(--ui-sys-color-status-success-border);--ui-cmp-alert-success-border-focus: var(--ui-sys-color-status-success-border);--ui-cmp-alert-success-border-hover: var(--ui-sys-color-status-success-border);--ui-cmp-alert-success-fg-active: var(--ui-sys-color-status-success-fg);--ui-cmp-alert-success-fg-default: var(--ui-sys-color-status-success-fg);--ui-cmp-alert-success-fg-disabled: var(--ui-sys-color-status-success-fg);--ui-cmp-alert-success-fg-focus: var(--ui-sys-color-status-success-fg);--ui-cmp-alert-success-fg-hover: var(--ui-sys-color-status-success-fg);--ui-cmp-alert-success-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-alert-success-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-alert-success-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-alert-success-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-alert-success-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-alert-success-icon-active: var(--ui-sys-color-status-success-fg);--ui-cmp-alert-success-icon-default: var(--ui-sys-color-status-success-fg);--ui-cmp-alert-success-icon-disabled: var(--ui-sys-color-status-success-fg);--ui-cmp-alert-success-icon-focus: var(--ui-sys-color-status-success-fg);--ui-cmp-alert-success-icon-hover: var(--ui-sys-color-status-success-fg);--ui-cmp-alert-success-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-alert-success-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-alert-success-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-alert-success-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-alert-success-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-alert-warning-bg-active: var(--ui-sys-color-status-warning-bg-subtle);--ui-cmp-alert-warning-bg-default: var(--ui-sys-color-status-warning-bg-subtle);--ui-cmp-alert-warning-bg-disabled: var(--ui-sys-color-status-warning-bg-subtle);--ui-cmp-alert-warning-bg-focus: var(--ui-sys-color-status-warning-bg-subtle);--ui-cmp-alert-warning-bg-hover: var(--ui-sys-color-status-warning-bg-subtle);--ui-cmp-alert-warning-border-active: var(--ui-sys-color-status-warning-border);--ui-cmp-alert-warning-border-default: var(--ui-sys-color-status-warning-border);--ui-cmp-alert-warning-border-disabled: var(--ui-sys-color-status-warning-border);--ui-cmp-alert-warning-border-focus: var(--ui-sys-color-status-warning-border);--ui-cmp-alert-warning-border-hover: var(--ui-sys-color-status-warning-border);--ui-cmp-alert-warning-fg-active: var(--ui-sys-color-status-warning-fg);--ui-cmp-alert-warning-fg-default: var(--ui-sys-color-status-warning-fg);--ui-cmp-alert-warning-fg-disabled: var(--ui-sys-color-status-warning-fg);--ui-cmp-alert-warning-fg-focus: var(--ui-sys-color-status-warning-fg);--ui-cmp-alert-warning-fg-hover: var(--ui-sys-color-status-warning-fg);--ui-cmp-alert-warning-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-alert-warning-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-alert-warning-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-alert-warning-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-alert-warning-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-alert-warning-icon-active: var(--ui-sys-color-status-warning-fg);--ui-cmp-alert-warning-icon-default: var(--ui-sys-color-status-warning-fg);--ui-cmp-alert-warning-icon-disabled: var(--ui-sys-color-status-warning-fg);--ui-cmp-alert-warning-icon-focus: var(--ui-sys-color-status-warning-fg);--ui-cmp-alert-warning-icon-hover: var(--ui-sys-color-status-warning-fg);--ui-cmp-alert-warning-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-alert-warning-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-alert-warning-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-alert-warning-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-alert-warning-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-avatar-default-bg-active: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-avatar-default-bg-default: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-avatar-default-bg-disabled: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-avatar-default-bg-focus: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-avatar-default-bg-hover: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-avatar-default-border-active: var(--ui-sys-color-border-default);--ui-cmp-avatar-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-avatar-default-border-disabled: var(--ui-sys-color-border-default);--ui-cmp-avatar-default-border-focus: var(--ui-sys-color-border-default);--ui-cmp-avatar-default-border-hover: var(--ui-sys-color-border-default);--ui-cmp-avatar-default-fg-active: var(--ui-sys-color-text-secondary);--ui-cmp-avatar-default-fg-default: var(--ui-sys-color-text-secondary);--ui-cmp-avatar-default-fg-disabled: var(--ui-sys-color-text-secondary);--ui-cmp-avatar-default-fg-focus: var(--ui-sys-color-text-secondary);--ui-cmp-avatar-default-fg-hover: var(--ui-sys-color-text-secondary);--ui-cmp-avatar-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-avatar-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-avatar-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-avatar-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-avatar-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-avatar-default-icon-active: var(--ui-sys-color-icon-secondary);--ui-cmp-avatar-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-avatar-default-icon-disabled: var(--ui-sys-color-icon-secondary);--ui-cmp-avatar-default-icon-focus: var(--ui-sys-color-icon-secondary);--ui-cmp-avatar-default-icon-hover: var(--ui-sys-color-icon-secondary);--ui-cmp-avatar-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-avatar-default-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-avatar-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-avatar-default-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-avatar-default-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-badge-error-bg-active: var(--ui-sys-color-status-error-bg-subtle);--ui-cmp-badge-error-bg-default: var(--ui-sys-color-status-error-bg-subtle);--ui-cmp-badge-error-bg-disabled: var(--ui-sys-color-status-error-bg-subtle);--ui-cmp-badge-error-bg-focus: var(--ui-sys-color-status-error-bg-subtle);--ui-cmp-badge-error-bg-hover: var(--ui-sys-color-status-error-bg-subtle);--ui-cmp-badge-error-border-active: var(--ui-sys-color-status-error-border);--ui-cmp-badge-error-border-default: var(--ui-sys-color-status-error-border);--ui-cmp-badge-error-border-disabled: var(--ui-sys-color-status-error-border);--ui-cmp-badge-error-border-focus: var(--ui-sys-color-status-error-border);--ui-cmp-badge-error-border-hover: var(--ui-sys-color-status-error-border);--ui-cmp-badge-error-fg-active: var(--ui-sys-color-status-error-fg);--ui-cmp-badge-error-fg-default: var(--ui-sys-color-status-error-fg);--ui-cmp-badge-error-fg-disabled: var(--ui-sys-color-status-error-fg);--ui-cmp-badge-error-fg-focus: var(--ui-sys-color-status-error-fg);--ui-cmp-badge-error-fg-hover: var(--ui-sys-color-status-error-fg);--ui-cmp-badge-error-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-badge-error-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-badge-error-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-badge-error-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-badge-error-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-badge-error-icon-active: var(--ui-sys-color-status-error-fg);--ui-cmp-badge-error-icon-default: var(--ui-sys-color-status-error-fg);--ui-cmp-badge-error-icon-disabled: var(--ui-sys-color-status-error-fg);--ui-cmp-badge-error-icon-focus: var(--ui-sys-color-status-error-fg);--ui-cmp-badge-error-icon-hover: var(--ui-sys-color-status-error-fg);--ui-cmp-badge-error-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-badge-error-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-badge-error-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-badge-error-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-badge-error-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-badge-info-bg-active: var(--ui-sys-color-status-info-bg-subtle);--ui-cmp-badge-info-bg-default: var(--ui-sys-color-status-info-bg-subtle);--ui-cmp-badge-info-bg-disabled: var(--ui-sys-color-status-info-bg-subtle);--ui-cmp-badge-info-bg-focus: var(--ui-sys-color-status-info-bg-subtle);--ui-cmp-badge-info-bg-hover: var(--ui-sys-color-status-info-bg-subtle);--ui-cmp-badge-info-border-active: var(--ui-sys-color-status-info-border);--ui-cmp-badge-info-border-default: var(--ui-sys-color-status-info-border);--ui-cmp-badge-info-border-disabled: var(--ui-sys-color-status-info-border);--ui-cmp-badge-info-border-focus: var(--ui-sys-color-status-info-border);--ui-cmp-badge-info-border-hover: var(--ui-sys-color-status-info-border);--ui-cmp-badge-info-fg-active: var(--ui-sys-color-status-info-fg);--ui-cmp-badge-info-fg-default: var(--ui-sys-color-status-info-fg);--ui-cmp-badge-info-fg-disabled: var(--ui-sys-color-status-info-fg);--ui-cmp-badge-info-fg-focus: var(--ui-sys-color-status-info-fg);--ui-cmp-badge-info-fg-hover: var(--ui-sys-color-status-info-fg);--ui-cmp-badge-info-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-badge-info-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-badge-info-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-badge-info-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-badge-info-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-badge-info-icon-active: var(--ui-sys-color-status-info-fg);--ui-cmp-badge-info-icon-default: var(--ui-sys-color-status-info-fg);--ui-cmp-badge-info-icon-disabled: var(--ui-sys-color-status-info-fg);--ui-cmp-badge-info-icon-focus: var(--ui-sys-color-status-info-fg);--ui-cmp-badge-info-icon-hover: var(--ui-sys-color-status-info-fg);--ui-cmp-badge-info-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-badge-info-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-badge-info-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-badge-info-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-badge-info-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-badge-success-bg-active: var(--ui-sys-color-status-success-bg-subtle);--ui-cmp-badge-success-bg-default: var(--ui-sys-color-status-success-bg-subtle);--ui-cmp-badge-success-bg-disabled: var(--ui-sys-color-status-success-bg-subtle);--ui-cmp-badge-success-bg-focus: var(--ui-sys-color-status-success-bg-subtle);--ui-cmp-badge-success-bg-hover: var(--ui-sys-color-status-success-bg-subtle);--ui-cmp-badge-success-border-active: var(--ui-sys-color-status-success-border);--ui-cmp-badge-success-border-default: var(--ui-sys-color-status-success-border);--ui-cmp-badge-success-border-disabled: var(--ui-sys-color-status-success-border);--ui-cmp-badge-success-border-focus: var(--ui-sys-color-status-success-border);--ui-cmp-badge-success-border-hover: var(--ui-sys-color-status-success-border);--ui-cmp-badge-success-fg-active: var(--ui-sys-color-status-success-fg);--ui-cmp-badge-success-fg-default: var(--ui-sys-color-status-success-fg);--ui-cmp-badge-success-fg-disabled: var(--ui-sys-color-status-success-fg);--ui-cmp-badge-success-fg-focus: var(--ui-sys-color-status-success-fg);--ui-cmp-badge-success-fg-hover: var(--ui-sys-color-status-success-fg);--ui-cmp-badge-success-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-badge-success-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-badge-success-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-badge-success-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-badge-success-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-badge-success-icon-active: var(--ui-sys-color-status-success-fg);--ui-cmp-badge-success-icon-default: var(--ui-sys-color-status-success-fg);--ui-cmp-badge-success-icon-disabled: var(--ui-sys-color-status-success-fg);--ui-cmp-badge-success-icon-focus: var(--ui-sys-color-status-success-fg);--ui-cmp-badge-success-icon-hover: var(--ui-sys-color-status-success-fg);--ui-cmp-badge-success-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-badge-success-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-badge-success-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-badge-success-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-badge-success-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-badge-warning-bg-active: var(--ui-sys-color-status-warning-bg-subtle);--ui-cmp-badge-warning-bg-default: var(--ui-sys-color-status-warning-bg-subtle);--ui-cmp-badge-warning-bg-disabled: var(--ui-sys-color-status-warning-bg-subtle);--ui-cmp-badge-warning-bg-focus: var(--ui-sys-color-status-warning-bg-subtle);--ui-cmp-badge-warning-bg-hover: var(--ui-sys-color-status-warning-bg-subtle);--ui-cmp-badge-warning-border-active: var(--ui-sys-color-status-warning-border);--ui-cmp-badge-warning-border-default: var(--ui-sys-color-status-warning-border);--ui-cmp-badge-warning-border-disabled: var(--ui-sys-color-status-warning-border);--ui-cmp-badge-warning-border-focus: var(--ui-sys-color-status-warning-border);--ui-cmp-badge-warning-border-hover: var(--ui-sys-color-status-warning-border);--ui-cmp-badge-warning-fg-active: var(--ui-sys-color-status-warning-fg);--ui-cmp-badge-warning-fg-default: var(--ui-sys-color-status-warning-fg);--ui-cmp-badge-warning-fg-disabled: var(--ui-sys-color-status-warning-fg);--ui-cmp-badge-warning-fg-focus: var(--ui-sys-color-status-warning-fg);--ui-cmp-badge-warning-fg-hover: var(--ui-sys-color-status-warning-fg);--ui-cmp-badge-warning-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-badge-warning-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-badge-warning-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-badge-warning-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-badge-warning-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-badge-warning-icon-active: var(--ui-sys-color-status-warning-fg);--ui-cmp-badge-warning-icon-default: var(--ui-sys-color-status-warning-fg);--ui-cmp-badge-warning-icon-disabled: var(--ui-sys-color-status-warning-fg);--ui-cmp-badge-warning-icon-focus: var(--ui-sys-color-status-warning-fg);--ui-cmp-badge-warning-icon-hover: var(--ui-sys-color-status-warning-fg);--ui-cmp-badge-warning-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-badge-warning-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-badge-warning-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-badge-warning-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-badge-warning-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-breadcrumb-default-bg-active: transparent;--ui-cmp-breadcrumb-default-bg-default: transparent;--ui-cmp-breadcrumb-default-bg-disabled: transparent;--ui-cmp-breadcrumb-default-bg-focus: transparent;--ui-cmp-breadcrumb-default-bg-hover: transparent;--ui-cmp-breadcrumb-default-border-active: transparent;--ui-cmp-breadcrumb-default-border-default: transparent;--ui-cmp-breadcrumb-default-border-disabled: transparent;--ui-cmp-breadcrumb-default-border-focus: transparent;--ui-cmp-breadcrumb-default-border-hover: transparent;--ui-cmp-breadcrumb-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-breadcrumb-default-fg-default: var(--ui-sys-color-text-secondary);--ui-cmp-breadcrumb-default-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-breadcrumb-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-breadcrumb-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-breadcrumb-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-breadcrumb-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-breadcrumb-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-breadcrumb-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-breadcrumb-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-breadcrumb-default-icon-active: var(--ui-sys-color-icon-primary);--ui-cmp-breadcrumb-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-breadcrumb-default-icon-disabled: var(--ui-sys-color-icon-disabled);--ui-cmp-breadcrumb-default-icon-focus: var(--ui-sys-color-icon-primary);--ui-cmp-breadcrumb-default-icon-hover: var(--ui-sys-color-icon-primary);--ui-cmp-breadcrumb-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-breadcrumb-default-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-breadcrumb-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-breadcrumb-default-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-breadcrumb-default-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-button-danger-bg-active: var(--ui-sys-color-interactive-danger-bg-active);--ui-cmp-button-danger-bg-default: var(--ui-sys-color-interactive-danger-bg-default);--ui-cmp-button-danger-bg-disabled: var(--ui-sys-color-interactive-danger-bg-disabled);--ui-cmp-button-danger-bg-focus: var(--ui-sys-color-interactive-danger-bg-focus);--ui-cmp-button-danger-bg-hover: var(--ui-sys-color-interactive-danger-bg-hover);--ui-cmp-button-danger-border-active: var(--ui-sys-color-interactive-danger-border-active);--ui-cmp-button-danger-border-default: var(--ui-sys-color-interactive-danger-border-default);--ui-cmp-button-danger-border-disabled: var(--ui-sys-color-interactive-danger-border-disabled);--ui-cmp-button-danger-border-focus: var(--ui-sys-color-interactive-danger-border-focus);--ui-cmp-button-danger-border-hover: var(--ui-sys-color-interactive-danger-border-hover);--ui-cmp-button-danger-fg-active: var(--ui-sys-color-interactive-danger-fg-active);--ui-cmp-button-danger-fg-default: var(--ui-sys-color-interactive-danger-fg-default);--ui-cmp-button-danger-fg-disabled: var(--ui-sys-color-interactive-danger-fg-disabled);--ui-cmp-button-danger-fg-focus: var(--ui-sys-color-interactive-danger-fg-focus);--ui-cmp-button-danger-fg-hover: var(--ui-sys-color-interactive-danger-fg-hover);--ui-cmp-button-danger-focus-ring-active: var( --ui-sys-color-interactive-danger-focus-ring-active );--ui-cmp-button-danger-focus-ring-default: var( --ui-sys-color-interactive-danger-focus-ring-default );--ui-cmp-button-danger-focus-ring-disabled: var( --ui-sys-color-interactive-danger-focus-ring-disabled );--ui-cmp-button-danger-focus-ring-focus: var(--ui-sys-color-interactive-danger-focus-ring-focus);--ui-cmp-button-danger-focus-ring-hover: var(--ui-sys-color-interactive-danger-focus-ring-hover);--ui-cmp-button-danger-icon-active: var(--ui-sys-color-interactive-danger-icon-active);--ui-cmp-button-danger-icon-default: var(--ui-sys-color-interactive-danger-icon-default);--ui-cmp-button-danger-icon-disabled: var(--ui-sys-color-interactive-danger-icon-disabled);--ui-cmp-button-danger-icon-focus: var(--ui-sys-color-interactive-danger-icon-focus);--ui-cmp-button-danger-icon-hover: var(--ui-sys-color-interactive-danger-icon-hover);--ui-cmp-button-danger-shadow-active: var(--ui-sys-color-interactive-danger-shadow-active);--ui-cmp-button-danger-shadow-default: var(--ui-sys-color-interactive-danger-shadow-default);--ui-cmp-button-danger-shadow-disabled: var(--ui-sys-color-interactive-danger-shadow-disabled);--ui-cmp-button-danger-shadow-focus: var(--ui-sys-color-interactive-danger-shadow-focus);--ui-cmp-button-danger-shadow-hover: var(--ui-sys-color-interactive-danger-shadow-hover);--ui-cmp-button-ghost-bg-active: var(--ui-sys-color-interactive-ghost-bg-active);--ui-cmp-button-ghost-bg-default: var(--ui-sys-color-interactive-ghost-bg-default);--ui-cmp-button-ghost-bg-disabled: var(--ui-sys-color-interactive-ghost-bg-disabled);--ui-cmp-button-ghost-bg-focus: var(--ui-sys-color-interactive-ghost-bg-focus);--ui-cmp-button-ghost-bg-hover: var(--ui-sys-color-interactive-ghost-bg-hover);--ui-cmp-button-ghost-border-active: var(--ui-sys-color-interactive-ghost-border-active);--ui-cmp-button-ghost-border-default: var(--ui-sys-color-interactive-ghost-border-default);--ui-cmp-button-ghost-border-disabled: var(--ui-sys-color-interactive-ghost-border-disabled);--ui-cmp-button-ghost-border-focus: var(--ui-sys-color-interactive-ghost-border-focus);--ui-cmp-button-ghost-border-hover: var(--ui-sys-color-interactive-ghost-border-hover);--ui-cmp-button-ghost-fg-active: var(--ui-sys-color-interactive-ghost-fg-active);--ui-cmp-button-ghost-fg-default: var(--ui-sys-color-interactive-ghost-fg-default);--ui-cmp-button-ghost-fg-disabled: var(--ui-sys-color-interactive-ghost-fg-disabled);--ui-cmp-button-ghost-fg-focus: var(--ui-sys-color-interactive-ghost-fg-focus);--ui-cmp-button-ghost-fg-hover: var(--ui-sys-color-interactive-ghost-fg-hover);--ui-cmp-button-ghost-focus-ring-active: var(--ui-sys-color-interactive-ghost-focus-ring-active);--ui-cmp-button-ghost-focus-ring-default: var( --ui-sys-color-interactive-ghost-focus-ring-default );--ui-cmp-button-ghost-focus-ring-disabled: var( --ui-sys-color-interactive-ghost-focus-ring-disabled );--ui-cmp-button-ghost-focus-ring-focus: var(--ui-sys-color-interactive-ghost-focus-ring-focus);--ui-cmp-button-ghost-focus-ring-hover: var(--ui-sys-color-interactive-ghost-focus-ring-hover);--ui-cmp-button-ghost-icon-active: var(--ui-sys-color-interactive-ghost-icon-active);--ui-cmp-button-ghost-icon-default: var(--ui-sys-color-interactive-ghost-icon-default);--ui-cmp-button-ghost-icon-disabled: var(--ui-sys-color-interactive-ghost-icon-disabled);--ui-cmp-button-ghost-icon-focus: var(--ui-sys-color-interactive-ghost-icon-focus);--ui-cmp-button-ghost-icon-hover: var(--ui-sys-color-interactive-ghost-icon-hover);--ui-cmp-button-ghost-shadow-active: var(--ui-sys-color-interactive-ghost-shadow-active);--ui-cmp-button-ghost-shadow-default: var(--ui-sys-color-interactive-ghost-shadow-default);--ui-cmp-button-ghost-shadow-disabled: var(--ui-sys-color-interactive-ghost-shadow-disabled);--ui-cmp-button-ghost-shadow-focus: var(--ui-sys-color-interactive-ghost-shadow-focus);--ui-cmp-button-ghost-shadow-hover: var(--ui-sys-color-interactive-ghost-shadow-hover);--ui-cmp-button-primary-bg-active: var(--ui-sys-color-interactive-primary-bg-active);--ui-cmp-button-primary-bg-default: var(--ui-sys-color-interactive-primary-bg-default);--ui-cmp-button-primary-bg-disabled: var(--ui-sys-color-interactive-primary-bg-disabled);--ui-cmp-button-primary-bg-focus: var(--ui-sys-color-interactive-primary-bg-focus);--ui-cmp-button-primary-bg-hover: var(--ui-sys-color-interactive-primary-bg-hover);--ui-cmp-button-primary-border-active: var(--ui-sys-color-interactive-primary-border-active);--ui-cmp-button-primary-border-default: var(--ui-sys-color-interactive-primary-border-default);--ui-cmp-button-primary-border-disabled: var(--ui-sys-color-interactive-primary-border-disabled);--ui-cmp-button-primary-border-focus: var(--ui-sys-color-interactive-primary-border-focus);--ui-cmp-button-primary-border-hover: var(--ui-sys-color-interactive-primary-border-hover);--ui-cmp-button-primary-fg-active: var(--ui-sys-color-interactive-primary-fg-active);--ui-cmp-button-primary-fg-default: var(--ui-sys-color-interactive-primary-fg-default);--ui-cmp-button-primary-fg-disabled: var(--ui-sys-color-interactive-primary-fg-disabled);--ui-cmp-button-primary-fg-focus: var(--ui-sys-color-interactive-primary-fg-focus);--ui-cmp-button-primary-fg-hover: var(--ui-sys-color-interactive-primary-fg-hover);--ui-cmp-button-primary-focus-ring-active: var( --ui-sys-color-interactive-primary-focus-ring-active );--ui-cmp-button-primary-focus-ring-default: var( --ui-sys-color-interactive-primary-focus-ring-default );--ui-cmp-button-primary-focus-ring-disabled: var( --ui-sys-color-interactive-primary-focus-ring-disabled );--ui-cmp-button-primary-focus-ring-focus: var( --ui-sys-color-interactive-primary-focus-ring-focus );--ui-cmp-button-primary-focus-ring-hover: var( --ui-sys-color-interactive-primary-focus-ring-hover );--ui-cmp-button-primary-icon-active: var(--ui-sys-color-interactive-primary-icon-active);--ui-cmp-button-primary-icon-default: var(--ui-sys-color-interactive-primary-icon-default);--ui-cmp-button-primary-icon-disabled: var(--ui-sys-color-interactive-primary-icon-disabled);--ui-cmp-button-primary-icon-focus: var(--ui-sys-color-interactive-primary-icon-focus);--ui-cmp-button-primary-icon-hover: var(--ui-sys-color-interactive-primary-icon-hover);--ui-cmp-button-primary-shadow-active: var(--ui-sys-color-interactive-primary-shadow-active);--ui-cmp-button-primary-shadow-default: var(--ui-sys-color-interactive-primary-shadow-default);--ui-cmp-button-primary-shadow-disabled: var(--ui-sys-color-interactive-primary-shadow-disabled);--ui-cmp-button-primary-shadow-focus: var(--ui-sys-color-interactive-primary-shadow-focus);--ui-cmp-button-primary-shadow-hover: var(--ui-sys-color-interactive-primary-shadow-hover);--ui-cmp-button-secondary-bg-active: var(--ui-sys-color-interactive-secondary-bg-active);--ui-cmp-button-secondary-bg-default: var(--ui-sys-color-interactive-secondary-bg-default);--ui-cmp-button-secondary-bg-disabled: var(--ui-sys-color-interactive-secondary-bg-disabled);--ui-cmp-button-secondary-bg-focus: var(--ui-sys-color-interactive-secondary-bg-focus);--ui-cmp-button-secondary-bg-hover: var(--ui-sys-color-interactive-secondary-bg-hover);--ui-cmp-button-secondary-border-active: var(--ui-sys-color-interactive-secondary-border-active);--ui-cmp-button-secondary-border-default: var( --ui-sys-color-interactive-secondary-border-default );--ui-cmp-button-secondary-border-disabled: var( --ui-sys-color-interactive-secondary-border-disabled );--ui-cmp-button-secondary-border-focus: var(--ui-sys-color-interactive-secondary-border-focus);--ui-cmp-button-secondary-border-hover: var(--ui-sys-color-interactive-secondary-border-hover);--ui-cmp-button-secondary-fg-active: var(--ui-sys-color-interactive-secondary-fg-active);--ui-cmp-button-secondary-fg-default: var(--ui-sys-color-interactive-secondary-fg-default);--ui-cmp-button-secondary-fg-disabled: var(--ui-sys-color-interactive-secondary-fg-disabled);--ui-cmp-button-secondary-fg-focus: var(--ui-sys-color-interactive-secondary-fg-focus);--ui-cmp-button-secondary-fg-hover: var(--ui-sys-color-interactive-secondary-fg-hover);--ui-cmp-button-secondary-focus-ring-active: var( --ui-sys-color-interactive-secondary-focus-ring-active );--ui-cmp-button-secondary-focus-ring-default: var( --ui-sys-color-interactive-secondary-focus-ring-default );--ui-cmp-button-secondary-focus-ring-disabled: var( --ui-sys-color-interactive-secondary-focus-ring-disabled );--ui-cmp-button-secondary-focus-ring-focus: var( --ui-sys-color-interactive-secondary-focus-ring-focus );--ui-cmp-button-secondary-focus-ring-hover: var( --ui-sys-color-interactive-secondary-focus-ring-hover );--ui-cmp-button-secondary-icon-active: var(--ui-sys-color-interactive-secondary-icon-active);--ui-cmp-button-secondary-icon-default: var(--ui-sys-color-interactive-secondary-icon-default);--ui-cmp-button-secondary-icon-disabled: var(--ui-sys-color-interactive-secondary-icon-disabled);--ui-cmp-button-secondary-icon-focus: var(--ui-sys-color-interactive-secondary-icon-focus);--ui-cmp-button-secondary-icon-hover: var(--ui-sys-color-interactive-secondary-icon-hover);--ui-cmp-button-secondary-shadow-active: var(--ui-sys-color-interactive-secondary-shadow-active);--ui-cmp-button-secondary-shadow-default: var( --ui-sys-color-interactive-secondary-shadow-default );--ui-cmp-button-secondary-shadow-disabled: var( --ui-sys-color-interactive-secondary-shadow-disabled );--ui-cmp-button-secondary-shadow-focus: var(--ui-sys-color-interactive-secondary-shadow-focus);--ui-cmp-button-secondary-shadow-hover: var(--ui-sys-color-interactive-secondary-shadow-hover);--ui-cmp-button-success-bg-active: var(--ui-sys-color-interactive-success-bg-active);--ui-cmp-button-success-bg-default: var(--ui-sys-color-interactive-success-bg-default);--ui-cmp-button-success-bg-disabled: var(--ui-sys-color-interactive-success-bg-disabled);--ui-cmp-button-success-bg-focus: var(--ui-sys-color-interactive-success-bg-focus);--ui-cmp-button-success-bg-hover: var(--ui-sys-color-interactive-success-bg-hover);--ui-cmp-button-success-border-active: var(--ui-sys-color-interactive-success-border-active);--ui-cmp-button-success-border-default: var(--ui-sys-color-interactive-success-border-default);--ui-cmp-button-success-border-disabled: var(--ui-sys-color-interactive-success-border-disabled);--ui-cmp-button-success-border-focus: var(--ui-sys-color-interactive-success-border-focus);--ui-cmp-button-success-border-hover: var(--ui-sys-color-interactive-success-border-hover);--ui-cmp-button-success-fg-active: var(--ui-sys-color-interactive-success-fg-active);--ui-cmp-button-success-fg-default: var(--ui-sys-color-interactive-success-fg-default);--ui-cmp-button-success-fg-disabled: var(--ui-sys-color-interactive-success-fg-disabled);--ui-cmp-button-success-fg-focus: var(--ui-sys-color-interactive-success-fg-focus);--ui-cmp-button-success-fg-hover: var(--ui-sys-color-interactive-success-fg-hover);--ui-cmp-button-success-focus-ring-active: var( --ui-sys-color-interactive-success-focus-ring-active );--ui-cmp-button-success-focus-ring-default: var( --ui-sys-color-interactive-success-focus-ring-default );--ui-cmp-button-success-focus-ring-disabled: var( --ui-sys-color-interactive-success-focus-ring-disabled );--ui-cmp-button-success-focus-ring-focus: var( --ui-sys-color-interactive-success-focus-ring-focus );--ui-cmp-button-success-focus-ring-hover: var( --ui-sys-color-interactive-success-focus-ring-hover );--ui-cmp-button-success-icon-active: var(--ui-sys-color-interactive-success-icon-active);--ui-cmp-button-success-icon-default: var(--ui-sys-color-interactive-success-icon-default);--ui-cmp-button-success-icon-disabled: var(--ui-sys-color-interactive-success-icon-disabled);--ui-cmp-button-success-icon-focus: var(--ui-sys-color-interactive-success-icon-focus);--ui-cmp-button-success-icon-hover: var(--ui-sys-color-interactive-success-icon-hover);--ui-cmp-button-success-shadow-active: var(--ui-sys-color-interactive-success-shadow-active);--ui-cmp-button-success-shadow-default: var(--ui-sys-color-interactive-success-shadow-default);--ui-cmp-button-success-shadow-disabled: var(--ui-sys-color-interactive-success-shadow-disabled);--ui-cmp-button-success-shadow-focus: var(--ui-sys-color-interactive-success-shadow-focus);--ui-cmp-button-success-shadow-hover: var(--ui-sys-color-interactive-success-shadow-hover);--ui-cmp-button-warning-bg-active: var(--ui-sys-color-interactive-warning-bg-active);--ui-cmp-button-warning-bg-default: var(--ui-sys-color-interactive-warning-bg-default);--ui-cmp-button-warning-bg-disabled: var(--ui-sys-color-interactive-warning-bg-disabled);--ui-cmp-button-warning-bg-focus: var(--ui-sys-color-interactive-warning-bg-focus);--ui-cmp-button-warning-bg-hover: var(--ui-sys-color-interactive-warning-bg-hover);--ui-cmp-button-warning-border-active: var(--ui-sys-color-interactive-warning-border-active);--ui-cmp-button-warning-border-default: var(--ui-sys-color-interactive-warning-border-default);--ui-cmp-button-warning-border-disabled: var(--ui-sys-color-interactive-warning-border-disabled);--ui-cmp-button-warning-border-focus: var(--ui-sys-color-interactive-warning-border-focus);--ui-cmp-button-warning-border-hover: var(--ui-sys-color-interactive-warning-border-hover);--ui-cmp-button-warning-fg-active: var(--ui-sys-color-interactive-warning-fg-active);--ui-cmp-button-warning-fg-default: var(--ui-sys-color-interactive-warning-fg-default);--ui-cmp-button-warning-fg-disabled: var(--ui-sys-color-interactive-warning-fg-disabled);--ui-cmp-button-warning-fg-focus: var(--ui-sys-color-interactive-warning-fg-focus);--ui-cmp-button-warning-fg-hover: var(--ui-sys-color-interactive-warning-fg-hover);--ui-cmp-button-warning-focus-ring-active: var( --ui-sys-color-interactive-warning-focus-ring-active );--ui-cmp-button-warning-focus-ring-default: var( --ui-sys-color-interactive-warning-focus-ring-default );--ui-cmp-button-warning-focus-ring-disabled: var( --ui-sys-color-interactive-warning-focus-ring-disabled );--ui-cmp-button-warning-focus-ring-focus: var( --ui-sys-color-interactive-warning-focus-ring-focus );--ui-cmp-button-warning-focus-ring-hover: var( --ui-sys-color-interactive-warning-focus-ring-hover );--ui-cmp-button-warning-icon-active: var(--ui-sys-color-interactive-warning-icon-active);--ui-cmp-button-warning-icon-default: var(--ui-sys-color-interactive-warning-icon-default);--ui-cmp-button-warning-icon-disabled: var(--ui-sys-color-interactive-warning-icon-disabled);--ui-cmp-button-warning-icon-focus: var(--ui-sys-color-interactive-warning-icon-focus);--ui-cmp-button-warning-icon-hover: var(--ui-sys-color-interactive-warning-icon-hover);--ui-cmp-button-warning-shadow-active: var(--ui-sys-color-interactive-warning-shadow-active);--ui-cmp-button-warning-shadow-default: var(--ui-sys-color-interactive-warning-shadow-default);--ui-cmp-button-warning-shadow-disabled: var(--ui-sys-color-interactive-warning-shadow-disabled);--ui-cmp-button-warning-shadow-focus: var(--ui-sys-color-interactive-warning-shadow-focus);--ui-cmp-button-warning-shadow-hover: var(--ui-sys-color-interactive-warning-shadow-hover);--ui-cmp-card-default-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-card-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-card-default-bg-disabled: var(--ui-sys-color-surface-raised);--ui-cmp-card-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-card-default-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-card-default-border-active: var(--ui-sys-color-border-default);--ui-cmp-card-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-card-default-border-disabled: var(--ui-sys-color-border-default);--ui-cmp-card-default-border-focus: var(--ui-sys-color-border-default);--ui-cmp-card-default-border-hover: var(--ui-sys-color-border-default);--ui-cmp-card-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-card-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-card-default-fg-disabled: var(--ui-sys-color-text-primary);--ui-cmp-card-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-card-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-card-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-card-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-card-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-card-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-card-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-card-default-icon-active: var(--ui-sys-color-icon-secondary);--ui-cmp-card-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-card-default-icon-disabled: var(--ui-sys-color-icon-secondary);--ui-cmp-card-default-icon-focus: var(--ui-sys-color-icon-secondary);--ui-cmp-card-default-icon-hover: var(--ui-sys-color-icon-secondary);--ui-cmp-card-default-shadow-active: var(--ui-sys-elevation-surface);--ui-cmp-card-default-shadow-default: var(--ui-sys-elevation-surface);--ui-cmp-card-default-shadow-disabled: var(--ui-sys-elevation-surface);--ui-cmp-card-default-shadow-focus: var(--ui-sys-elevation-surface);--ui-cmp-card-default-shadow-hover: var(--ui-sys-elevation-surface);--ui-cmp-checkbox-default-bg-active: var(--ui-sys-color-interactive-primary-bg-active);--ui-cmp-checkbox-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-checkbox-default-bg-disabled: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-checkbox-default-bg-focus: var(--ui-sys-color-interactive-primary-bg-default);--ui-cmp-checkbox-default-bg-hover: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-checkbox-default-border-active: var(--ui-sys-color-interactive-primary-border-active);--ui-cmp-checkbox-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-checkbox-default-border-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-checkbox-default-border-focus: var(--ui-sys-color-border-focus);--ui-cmp-checkbox-default-border-hover: var(--ui-sys-color-border-strong);--ui-cmp-checkbox-default-fg-active: var(--ui-sys-color-text-inverse);--ui-cmp-checkbox-default-fg-default: var(--ui-sys-color-text-inverse);--ui-cmp-checkbox-default-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-checkbox-default-fg-focus: var(--ui-sys-color-text-inverse);--ui-cmp-checkbox-default-fg-hover: var(--ui-sys-color-text-inverse);--ui-cmp-checkbox-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-checkbox-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-checkbox-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-checkbox-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-checkbox-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-checkbox-default-icon-active: var(--ui-sys-color-icon-inverse);--ui-cmp-checkbox-default-icon-default: var(--ui-sys-color-icon-inverse);--ui-cmp-checkbox-default-icon-disabled: var(--ui-sys-color-icon-disabled);--ui-cmp-checkbox-default-icon-focus: var(--ui-sys-color-icon-inverse);--ui-cmp-checkbox-default-icon-hover: var(--ui-sys-color-icon-inverse);--ui-cmp-checkbox-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-checkbox-default-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-checkbox-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-checkbox-default-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-checkbox-default-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-chip-default-bg-active: var(--ui-sys-color-interactive-secondary-bg-active);--ui-cmp-chip-default-bg-default: var(--ui-sys-color-interactive-secondary-bg-default);--ui-cmp-chip-default-bg-disabled: var(--ui-sys-color-interactive-secondary-bg-disabled);--ui-cmp-chip-default-bg-focus: var(--ui-sys-color-interactive-secondary-bg-focus);--ui-cmp-chip-default-bg-hover: var(--ui-sys-color-interactive-secondary-bg-hover);--ui-cmp-chip-default-border-active: var(--ui-sys-color-interactive-secondary-border-active);--ui-cmp-chip-default-border-default: var(--ui-sys-color-interactive-secondary-border-default);--ui-cmp-chip-default-border-disabled: var(--ui-sys-color-interactive-secondary-border-disabled);--ui-cmp-chip-default-border-focus: var(--ui-sys-color-interactive-secondary-border-focus);--ui-cmp-chip-default-border-hover: var(--ui-sys-color-interactive-secondary-border-hover);--ui-cmp-chip-default-fg-active: var(--ui-sys-color-interactive-secondary-fg-active);--ui-cmp-chip-default-fg-default: var(--ui-sys-color-interactive-secondary-fg-default);--ui-cmp-chip-default-fg-disabled: var(--ui-sys-color-interactive-secondary-fg-disabled);--ui-cmp-chip-default-fg-focus: var(--ui-sys-color-interactive-secondary-fg-focus);--ui-cmp-chip-default-fg-hover: var(--ui-sys-color-interactive-secondary-fg-hover);--ui-cmp-chip-default-focus-ring-active: var( --ui-sys-color-interactive-secondary-focus-ring-active );--ui-cmp-chip-default-focus-ring-default: var( --ui-sys-color-interactive-secondary-focus-ring-default );--ui-cmp-chip-default-focus-ring-disabled: var( --ui-sys-color-interactive-secondary-focus-ring-disabled );--ui-cmp-chip-default-focus-ring-focus: var( --ui-sys-color-interactive-secondary-focus-ring-focus );--ui-cmp-chip-default-focus-ring-hover: var( --ui-sys-color-interactive-secondary-focus-ring-hover );--ui-cmp-chip-default-icon-active: var(--ui-sys-color-interactive-secondary-icon-active);--ui-cmp-chip-default-icon-default: var(--ui-sys-color-interactive-secondary-icon-default);--ui-cmp-chip-default-icon-disabled: var(--ui-sys-color-interactive-secondary-icon-disabled);--ui-cmp-chip-default-icon-focus: var(--ui-sys-color-interactive-secondary-icon-focus);--ui-cmp-chip-default-icon-hover: var(--ui-sys-color-interactive-secondary-icon-hover);--ui-cmp-chip-default-shadow-active: var(--ui-sys-color-interactive-secondary-shadow-active);--ui-cmp-chip-default-shadow-default: var(--ui-sys-color-interactive-secondary-shadow-default);--ui-cmp-chip-default-shadow-disabled: var(--ui-sys-color-interactive-secondary-shadow-disabled);--ui-cmp-chip-default-shadow-focus: var(--ui-sys-color-interactive-secondary-shadow-focus);--ui-cmp-chip-default-shadow-hover: var(--ui-sys-color-interactive-secondary-shadow-hover);--ui-cmp-dropdown-default-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-dropdown-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-dropdown-default-bg-disabled: var(--ui-sys-color-surface-raised);--ui-cmp-dropdown-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-dropdown-default-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-dropdown-default-border-active: var(--ui-sys-color-border-default);--ui-cmp-dropdown-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-dropdown-default-border-disabled: var(--ui-sys-color-border-default);--ui-cmp-dropdown-default-border-focus: var(--ui-sys-color-border-default);--ui-cmp-dropdown-default-border-hover: var(--ui-sys-color-border-default);--ui-cmp-dropdown-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-dropdown-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-dropdown-default-fg-disabled: var(--ui-sys-color-text-primary);--ui-cmp-dropdown-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-dropdown-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-dropdown-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-dropdown-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-dropdown-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-dropdown-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-dropdown-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-dropdown-default-icon-active: var(--ui-sys-color-icon-secondary);--ui-cmp-dropdown-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-dropdown-default-icon-disabled: var(--ui-sys-color-icon-secondary);--ui-cmp-dropdown-default-icon-focus: var(--ui-sys-color-icon-secondary);--ui-cmp-dropdown-default-icon-hover: var(--ui-sys-color-icon-secondary);--ui-cmp-dropdown-default-shadow-active: var(--ui-sys-elevation-dropdown);--ui-cmp-dropdown-default-shadow-default: var(--ui-sys-elevation-dropdown);--ui-cmp-dropdown-default-shadow-disabled: var(--ui-sys-elevation-dropdown);--ui-cmp-dropdown-default-shadow-focus: var(--ui-sys-elevation-dropdown);--ui-cmp-dropdown-default-shadow-hover: var(--ui-sys-elevation-dropdown);--ui-cmp-icon-button-brand-subtle-bg-active: var( --ui-sys-color-interactive-brand-subtle-bg-active );--ui-cmp-icon-button-brand-subtle-bg-default: var( --ui-sys-color-interactive-brand-subtle-bg-default );--ui-cmp-icon-button-brand-subtle-bg-disabled: var( --ui-sys-color-interactive-brand-subtle-bg-disabled );--ui-cmp-icon-button-brand-subtle-bg-focus: var(--ui-sys-color-interactive-brand-subtle-bg-focus);--ui-cmp-icon-button-brand-subtle-bg-hover: var(--ui-sys-color-interactive-brand-subtle-bg-hover);--ui-cmp-icon-button-brand-subtle-border-active: var( --ui-sys-color-interactive-brand-subtle-border-active );--ui-cmp-icon-button-brand-subtle-border-default: var( --ui-sys-color-interactive-brand-subtle-border-default );--ui-cmp-icon-button-brand-subtle-border-disabled: var( --ui-sys-color-interactive-brand-subtle-border-disabled );--ui-cmp-icon-button-brand-subtle-border-focus: var( --ui-sys-color-interactive-brand-subtle-border-focus );--ui-cmp-icon-button-brand-subtle-border-hover: var( --ui-sys-color-interactive-brand-subtle-border-hover );--ui-cmp-icon-button-brand-subtle-focus-ring-active: var( --ui-sys-color-interactive-brand-subtle-focus-ring-active );--ui-cmp-icon-button-brand-subtle-focus-ring-default: var( --ui-sys-color-interactive-brand-subtle-focus-ring-default );--ui-cmp-icon-button-brand-subtle-focus-ring-disabled: var( --ui-sys-color-interactive-brand-subtle-focus-ring-disabled );--ui-cmp-icon-button-brand-subtle-focus-ring-focus: var( --ui-sys-color-interactive-brand-subtle-focus-ring-focus );--ui-cmp-icon-button-brand-subtle-focus-ring-hover: var( --ui-sys-color-interactive-brand-subtle-focus-ring-hover );--ui-cmp-icon-button-brand-subtle-icon-active: var( --ui-sys-color-interactive-brand-subtle-icon-active );--ui-cmp-icon-button-brand-subtle-icon-default: var( --ui-sys-color-interactive-brand-subtle-icon-default );--ui-cmp-icon-button-brand-subtle-icon-disabled: var( --ui-sys-color-interactive-brand-subtle-icon-disabled );--ui-cmp-icon-button-brand-subtle-icon-focus: var( --ui-sys-color-interactive-brand-subtle-icon-focus );--ui-cmp-icon-button-brand-subtle-icon-hover: var( --ui-sys-color-interactive-brand-subtle-icon-hover );--ui-cmp-icon-button-brand-subtle-shadow-active: var( --ui-sys-color-interactive-brand-subtle-shadow-active );--ui-cmp-icon-button-brand-subtle-shadow-default: var( --ui-sys-color-interactive-brand-subtle-shadow-default );--ui-cmp-icon-button-brand-subtle-shadow-disabled: var( --ui-sys-color-interactive-brand-subtle-shadow-disabled );--ui-cmp-icon-button-brand-subtle-shadow-focus: var( --ui-sys-color-interactive-brand-subtle-shadow-focus );--ui-cmp-icon-button-brand-subtle-shadow-hover: var( --ui-sys-color-interactive-brand-subtle-shadow-hover );--ui-cmp-icon-button-danger-subtle-bg-active: var( --ui-sys-color-interactive-danger-subtle-bg-active );--ui-cmp-icon-button-danger-subtle-bg-default: var( --ui-sys-color-interactive-danger-subtle-bg-default );--ui-cmp-icon-button-danger-subtle-bg-disabled: var( --ui-sys-color-interactive-danger-subtle-bg-disabled );--ui-cmp-icon-button-danger-subtle-bg-focus: var( --ui-sys-color-interactive-danger-subtle-bg-focus );--ui-cmp-icon-button-danger-subtle-bg-hover: var( --ui-sys-color-interactive-danger-subtle-bg-hover );--ui-cmp-icon-button-danger-subtle-border-active: var( --ui-sys-color-interactive-danger-subtle-border-active );--ui-cmp-icon-button-danger-subtle-border-default: var( --ui-sys-color-interactive-danger-subtle-border-default );--ui-cmp-icon-button-danger-subtle-border-disabled: var( --ui-sys-color-interactive-danger-subtle-border-disabled );--ui-cmp-icon-button-danger-subtle-border-focus: var( --ui-sys-color-interactive-danger-subtle-border-focus );--ui-cmp-icon-button-danger-subtle-border-hover: var( --ui-sys-color-interactive-danger-subtle-border-hover );--ui-cmp-icon-button-danger-subtle-focus-ring-active: var( --ui-sys-color-interactive-danger-subtle-focus-ring-active );--ui-cmp-icon-button-danger-subtle-focus-ring-default: var( --ui-sys-color-interactive-danger-subtle-focus-ring-default );--ui-cmp-icon-button-danger-subtle-focus-ring-disabled: var( --ui-sys-color-interactive-danger-subtle-focus-ring-disabled );--ui-cmp-icon-button-danger-subtle-focus-ring-focus: var( --ui-sys-color-interactive-danger-subtle-focus-ring-focus );--ui-cmp-icon-button-danger-subtle-focus-ring-hover: var( --ui-sys-color-interactive-danger-subtle-focus-ring-hover );--ui-cmp-icon-button-danger-subtle-icon-active: var( --ui-sys-color-interactive-danger-subtle-icon-active );--ui-cmp-icon-button-danger-subtle-icon-default: var( --ui-sys-color-interactive-danger-subtle-icon-default );--ui-cmp-icon-button-danger-subtle-icon-disabled: var( --ui-sys-color-interactive-danger-subtle-icon-disabled );--ui-cmp-icon-button-danger-subtle-icon-focus: var( --ui-sys-color-interactive-danger-subtle-icon-focus );--ui-cmp-icon-button-danger-subtle-icon-hover: var( --ui-sys-color-interactive-danger-subtle-icon-hover );--ui-cmp-icon-button-danger-subtle-shadow-active: var( --ui-sys-color-interactive-danger-subtle-shadow-active );--ui-cmp-icon-button-danger-subtle-shadow-default: var( --ui-sys-color-interactive-danger-subtle-shadow-default );--ui-cmp-icon-button-danger-subtle-shadow-disabled: var( --ui-sys-color-interactive-danger-subtle-shadow-disabled );--ui-cmp-icon-button-danger-subtle-shadow-focus: var( --ui-sys-color-interactive-danger-subtle-shadow-focus );--ui-cmp-icon-button-danger-subtle-shadow-hover: var( --ui-sys-color-interactive-danger-subtle-shadow-hover );--ui-cmp-icon-button-neutral-solid-bg-active: var( --ui-sys-color-interactive-neutral-solid-bg-active );--ui-cmp-icon-button-neutral-solid-bg-default: var( --ui-sys-color-interactive-neutral-solid-bg-default );--ui-cmp-icon-button-neutral-solid-bg-disabled: var( --ui-sys-color-interactive-neutral-solid-bg-disabled );--ui-cmp-icon-button-neutral-solid-bg-focus: var( --ui-sys-color-interactive-neutral-solid-bg-focus );--ui-cmp-icon-button-neutral-solid-bg-hover: var( --ui-sys-color-interactive-neutral-solid-bg-hover );--ui-cmp-icon-button-neutral-solid-border-active: var( --ui-sys-color-interactive-neutral-solid-border-active );--ui-cmp-icon-button-neutral-solid-border-default: var( --ui-sys-color-interactive-neutral-solid-border-default );--ui-cmp-icon-button-neutral-solid-border-disabled: var( --ui-sys-color-interactive-neutral-solid-border-disabled );--ui-cmp-icon-button-neutral-solid-border-focus: var( --ui-sys-color-interactive-neutral-solid-border-focus );--ui-cmp-icon-button-neutral-solid-border-hover: var( --ui-sys-color-interactive-neutral-solid-border-hover );--ui-cmp-icon-button-neutral-solid-focus-ring-active: var( --ui-sys-color-interactive-neutral-solid-focus-ring-active );--ui-cmp-icon-button-neutral-solid-focus-ring-default: var( --ui-sys-color-interactive-neutral-solid-focus-ring-default );--ui-cmp-icon-button-neutral-solid-focus-ring-disabled: var( --ui-sys-color-interactive-neutral-solid-focus-ring-disabled );--ui-cmp-icon-button-neutral-solid-focus-ring-focus: var( --ui-sys-color-interactive-neutral-solid-focus-ring-focus );--ui-cmp-icon-button-neutral-solid-focus-ring-hover: var( --ui-sys-color-interactive-neutral-solid-focus-ring-hover );--ui-cmp-icon-button-neutral-solid-icon-active: var( --ui-sys-color-interactive-neutral-solid-icon-active );--ui-cmp-icon-button-neutral-solid-icon-default: var( --ui-sys-color-interactive-neutral-solid-icon-default );--ui-cmp-icon-button-neutral-solid-icon-disabled: var( --ui-sys-color-interactive-neutral-solid-icon-disabled );--ui-cmp-icon-button-neutral-solid-icon-focus: var( --ui-sys-color-interactive-neutral-solid-icon-focus );--ui-cmp-icon-button-neutral-solid-icon-hover: var( --ui-sys-color-interactive-neutral-solid-icon-hover );--ui-cmp-icon-button-neutral-solid-shadow-active: var( --ui-sys-color-interactive-neutral-solid-shadow-active );--ui-cmp-icon-button-neutral-solid-shadow-default: var( --ui-sys-color-interactive-neutral-solid-shadow-default );--ui-cmp-icon-button-neutral-solid-shadow-disabled: var( --ui-sys-color-interactive-neutral-solid-shadow-disabled );--ui-cmp-icon-button-neutral-solid-shadow-focus: var( --ui-sys-color-interactive-neutral-solid-shadow-focus );--ui-cmp-icon-button-neutral-solid-shadow-hover: var( --ui-sys-color-interactive-neutral-solid-shadow-hover );--ui-cmp-icon-button-neutral-subtle-bg-active: var( --ui-sys-color-interactive-secondary-bg-active );--ui-cmp-icon-button-neutral-subtle-bg-default: var( --ui-sys-color-interactive-secondary-bg-default );--ui-cmp-icon-button-neutral-subtle-bg-disabled: var( --ui-sys-color-interactive-secondary-bg-disabled );--ui-cmp-icon-button-neutral-subtle-bg-focus: var(--ui-sys-color-interactive-secondary-bg-focus);--ui-cmp-icon-button-neutral-subtle-bg-hover: var(--ui-sys-color-interactive-secondary-bg-hover);--ui-cmp-icon-button-neutral-subtle-border-active: var( --ui-sys-color-interactive-secondary-border-active );--ui-cmp-icon-button-neutral-subtle-border-default: var( --ui-sys-color-interactive-secondary-border-default );--ui-cmp-icon-button-neutral-subtle-border-disabled: var( --ui-sys-color-interactive-secondary-border-disabled );--ui-cmp-icon-button-neutral-subtle-border-focus: var( --ui-sys-color-interactive-secondary-border-focus );--ui-cmp-icon-button-neutral-subtle-border-hover: var( --ui-sys-color-interactive-secondary-border-hover );--ui-cmp-icon-button-neutral-subtle-focus-ring-active: var( --ui-sys-color-interactive-secondary-focus-ring-active );--ui-cmp-icon-button-neutral-subtle-focus-ring-default: var( --ui-sys-color-interactive-secondary-focus-ring-default );--ui-cmp-icon-button-neutral-subtle-focus-ring-disabled: var( --ui-sys-color-interactive-secondary-focus-ring-disabled );--ui-cmp-icon-button-neutral-subtle-focus-ring-focus: var( --ui-sys-color-interactive-secondary-focus-ring-focus );--ui-cmp-icon-button-neutral-subtle-focus-ring-hover: var( --ui-sys-color-interactive-secondary-focus-ring-hover );--ui-cmp-icon-button-neutral-subtle-icon-active: var( --ui-sys-color-interactive-secondary-icon-active );--ui-cmp-icon-button-neutral-subtle-icon-default: var( --ui-sys-color-interactive-secondary-icon-default );--ui-cmp-icon-button-neutral-subtle-icon-disabled: var( --ui-sys-color-interactive-secondary-icon-disabled );--ui-cmp-icon-button-neutral-subtle-icon-focus: var( --ui-sys-color-interactive-secondary-icon-focus );--ui-cmp-icon-button-neutral-subtle-icon-hover: var( --ui-sys-color-interactive-secondary-icon-hover );--ui-cmp-icon-button-neutral-subtle-shadow-active: var( --ui-sys-color-interactive-secondary-shadow-active );--ui-cmp-icon-button-neutral-subtle-shadow-default: var( --ui-sys-color-interactive-secondary-shadow-default );--ui-cmp-icon-button-neutral-subtle-shadow-disabled: var( --ui-sys-color-interactive-secondary-shadow-disabled );--ui-cmp-icon-button-neutral-subtle-shadow-focus: var( --ui-sys-color-interactive-secondary-shadow-focus );--ui-cmp-icon-button-neutral-subtle-shadow-hover: var( --ui-sys-color-interactive-secondary-shadow-hover );--ui-cmp-input-default-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-input-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-input-default-bg-disabled: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-input-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-input-default-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-input-default-border-active: var(--ui-sys-color-border-strong);--ui-cmp-input-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-input-default-border-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-input-default-border-focus: var(--ui-sys-color-border-focus);--ui-cmp-input-default-border-hover: var(--ui-sys-color-border-strong);--ui-cmp-input-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-input-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-input-default-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-input-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-input-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-input-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-input-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-input-default-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-input-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-input-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-input-default-icon-active: var(--ui-sys-color-icon-primary);--ui-cmp-input-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-input-default-icon-disabled: var(--ui-sys-color-icon-disabled);--ui-cmp-input-default-icon-focus: var(--ui-sys-color-icon-primary);--ui-cmp-input-default-icon-hover: var(--ui-sys-color-icon-primary);--ui-cmp-input-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-input-default-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-input-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-input-default-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-input-default-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-link-inline-bg-active: transparent;--ui-cmp-link-inline-bg-default: transparent;--ui-cmp-link-inline-bg-disabled: transparent;--ui-cmp-link-inline-bg-focus: transparent;--ui-cmp-link-inline-bg-hover: transparent;--ui-cmp-link-inline-border-active: transparent;--ui-cmp-link-inline-border-default: transparent;--ui-cmp-link-inline-border-disabled: transparent;--ui-cmp-link-inline-border-focus: transparent;--ui-cmp-link-inline-border-hover: transparent;--ui-cmp-link-inline-fg-active: var(--ui-sys-color-text-link-active);--ui-cmp-link-inline-fg-default: var(--ui-sys-color-text-link);--ui-cmp-link-inline-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-link-inline-fg-focus: var(--ui-sys-color-text-link);--ui-cmp-link-inline-fg-hover: var(--ui-sys-color-text-link-hover);--ui-cmp-link-inline-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-link-inline-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-link-inline-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-link-inline-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-link-inline-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-link-inline-icon-active: var(--ui-sys-color-text-link-active);--ui-cmp-link-inline-icon-default: var(--ui-sys-color-text-link);--ui-cmp-link-inline-icon-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-link-inline-icon-focus: var(--ui-sys-color-text-link);--ui-cmp-link-inline-icon-hover: var(--ui-sys-color-text-link-hover);--ui-cmp-link-inline-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-link-inline-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-link-inline-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-link-inline-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-link-inline-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-modal-default-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-modal-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-modal-default-bg-disabled: var(--ui-sys-color-surface-raised);--ui-cmp-modal-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-modal-default-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-modal-default-border-active: var(--ui-sys-color-border-default);--ui-cmp-modal-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-modal-default-border-disabled: var(--ui-sys-color-border-default);--ui-cmp-modal-default-border-focus: var(--ui-sys-color-border-default);--ui-cmp-modal-default-border-hover: var(--ui-sys-color-border-default);--ui-cmp-modal-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-modal-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-modal-default-fg-disabled: var(--ui-sys-color-text-primary);--ui-cmp-modal-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-modal-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-modal-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-modal-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-modal-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-modal-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-modal-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-modal-default-icon-active: var(--ui-sys-color-icon-secondary);--ui-cmp-modal-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-modal-default-icon-disabled: var(--ui-sys-color-icon-secondary);--ui-cmp-modal-default-icon-focus: var(--ui-sys-color-icon-secondary);--ui-cmp-modal-default-icon-hover: var(--ui-sys-color-icon-secondary);--ui-cmp-modal-default-shadow-active: var(--ui-sys-elevation-overlay);--ui-cmp-modal-default-shadow-default: var(--ui-sys-elevation-overlay);--ui-cmp-modal-default-shadow-disabled: var(--ui-sys-elevation-overlay);--ui-cmp-modal-default-shadow-focus: var(--ui-sys-elevation-overlay);--ui-cmp-modal-default-shadow-hover: var(--ui-sys-elevation-overlay);--ui-cmp-pagination-default-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-pagination-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-pagination-default-bg-disabled: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-pagination-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-pagination-default-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-pagination-default-border-active: var(--ui-sys-color-border-strong);--ui-cmp-pagination-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-pagination-default-border-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-pagination-default-border-focus: var(--ui-sys-color-border-focus);--ui-cmp-pagination-default-border-hover: var(--ui-sys-color-border-strong);--ui-cmp-pagination-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-pagination-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-pagination-default-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-pagination-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-pagination-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-pagination-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-pagination-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-pagination-default-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-pagination-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-pagination-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-pagination-default-icon-active: var(--ui-sys-color-icon-primary);--ui-cmp-pagination-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-pagination-default-icon-disabled: var(--ui-sys-color-icon-disabled);--ui-cmp-pagination-default-icon-focus: var(--ui-sys-color-icon-primary);--ui-cmp-pagination-default-icon-hover: var(--ui-sys-color-icon-primary);--ui-cmp-pagination-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-pagination-default-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-pagination-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-pagination-default-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-pagination-default-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-radio-default-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-radio-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-radio-default-bg-disabled: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-radio-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-radio-default-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-radio-default-border-active: var(--ui-sys-color-border-strong);--ui-cmp-radio-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-radio-default-border-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-radio-default-border-focus: var(--ui-sys-color-border-focus);--ui-cmp-radio-default-border-hover: var(--ui-sys-color-border-strong);--ui-cmp-radio-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-radio-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-radio-default-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-radio-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-radio-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-radio-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-radio-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-radio-default-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-radio-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-radio-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-radio-default-icon-active: var(--ui-sys-color-icon-primary);--ui-cmp-radio-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-radio-default-icon-disabled: var(--ui-sys-color-icon-disabled);--ui-cmp-radio-default-icon-focus: var(--ui-sys-color-icon-primary);--ui-cmp-radio-default-icon-hover: var(--ui-sys-color-icon-primary);--ui-cmp-radio-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-radio-default-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-radio-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-radio-default-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-radio-default-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-select-default-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-select-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-select-default-bg-disabled: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-select-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-select-default-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-select-default-border-active: var(--ui-sys-color-border-strong);--ui-cmp-select-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-select-default-border-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-select-default-border-focus: var(--ui-sys-color-border-focus);--ui-cmp-select-default-border-hover: var(--ui-sys-color-border-strong);--ui-cmp-select-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-select-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-select-default-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-select-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-select-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-select-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-select-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-select-default-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-select-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-select-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-select-default-icon-active: var(--ui-sys-color-icon-primary);--ui-cmp-select-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-select-default-icon-disabled: var(--ui-sys-color-icon-disabled);--ui-cmp-select-default-icon-focus: var(--ui-sys-color-icon-primary);--ui-cmp-select-default-icon-hover: var(--ui-sys-color-icon-primary);--ui-cmp-select-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-select-default-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-select-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-select-default-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-select-default-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-sidebar-default-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-sidebar-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-sidebar-default-bg-disabled: var(--ui-sys-color-surface-raised);--ui-cmp-sidebar-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-sidebar-default-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-sidebar-default-border-active: var(--ui-sys-color-border-default);--ui-cmp-sidebar-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-sidebar-default-border-disabled: var(--ui-sys-color-border-default);--ui-cmp-sidebar-default-border-focus: var(--ui-sys-color-border-default);--ui-cmp-sidebar-default-border-hover: var(--ui-sys-color-border-default);--ui-cmp-sidebar-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-sidebar-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-sidebar-default-fg-disabled: var(--ui-sys-color-text-primary);--ui-cmp-sidebar-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-sidebar-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-sidebar-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-sidebar-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-sidebar-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-sidebar-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-sidebar-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-sidebar-default-icon-active: var(--ui-sys-color-icon-secondary);--ui-cmp-sidebar-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-sidebar-default-icon-disabled: var(--ui-sys-color-icon-secondary);--ui-cmp-sidebar-default-icon-focus: var(--ui-sys-color-icon-secondary);--ui-cmp-sidebar-default-icon-hover: var(--ui-sys-color-icon-secondary);--ui-cmp-sidebar-default-shadow-active: var(--ui-sys-elevation-surface);--ui-cmp-sidebar-default-shadow-default: var(--ui-sys-elevation-surface);--ui-cmp-sidebar-default-shadow-disabled: var(--ui-sys-elevation-surface);--ui-cmp-sidebar-default-shadow-focus: var(--ui-sys-elevation-surface);--ui-cmp-sidebar-default-shadow-hover: var(--ui-sys-elevation-surface);--ui-cmp-switch-default-bg-active: var(--ui-sys-color-interactive-primary-bg-active);--ui-cmp-switch-default-bg-default: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-switch-default-bg-disabled: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-switch-default-bg-focus: var(--ui-sys-color-interactive-primary-bg-default);--ui-cmp-switch-default-bg-hover: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-switch-default-border-active: var(--ui-sys-color-interactive-primary-border-active);--ui-cmp-switch-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-switch-default-border-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-switch-default-border-focus: var(--ui-sys-color-border-focus);--ui-cmp-switch-default-border-hover: var(--ui-sys-color-border-strong);--ui-cmp-switch-default-fg-active: var(--ui-sys-color-text-inverse);--ui-cmp-switch-default-fg-default: var(--ui-sys-color-text-inverse);--ui-cmp-switch-default-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-switch-default-fg-focus: var(--ui-sys-color-text-inverse);--ui-cmp-switch-default-fg-hover: var(--ui-sys-color-text-inverse);--ui-cmp-switch-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-switch-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-switch-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-switch-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-switch-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-switch-default-icon-active: var(--ui-sys-color-icon-inverse);--ui-cmp-switch-default-icon-default: var(--ui-sys-color-icon-inverse);--ui-cmp-switch-default-icon-disabled: var(--ui-sys-color-icon-disabled);--ui-cmp-switch-default-icon-focus: var(--ui-sys-color-icon-inverse);--ui-cmp-switch-default-icon-hover: var(--ui-sys-color-icon-inverse);--ui-cmp-switch-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-switch-default-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-switch-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-switch-default-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-switch-default-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-table-default-bg-active: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-table-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-table-default-bg-disabled: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-table-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-table-default-bg-hover: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-table-default-border-active: var(--ui-sys-color-border-default);--ui-cmp-table-default-border-default: var(--ui-sys-color-border-subtle);--ui-cmp-table-default-border-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-table-default-border-focus: var(--ui-sys-color-border-focus);--ui-cmp-table-default-border-hover: var(--ui-sys-color-border-default);--ui-cmp-table-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-table-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-table-default-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-table-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-table-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-table-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-table-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-table-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-table-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-table-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-table-default-icon-active: var(--ui-sys-color-icon-primary);--ui-cmp-table-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-table-default-icon-disabled: var(--ui-sys-color-icon-disabled);--ui-cmp-table-default-icon-focus: var(--ui-sys-color-icon-primary);--ui-cmp-table-default-icon-hover: var(--ui-sys-color-icon-primary);--ui-cmp-table-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-table-default-shadow-default: var(--ui-sys-elevation-surface);--ui-cmp-table-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-table-default-shadow-focus: var(--ui-sys-elevation-surface);--ui-cmp-table-default-shadow-hover: var(--ui-sys-elevation-surface);--ui-cmp-tabs-default-bg-active: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-tabs-default-bg-default: transparent;--ui-cmp-tabs-default-bg-disabled: transparent;--ui-cmp-tabs-default-bg-focus: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-tabs-default-bg-hover: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-tabs-default-border-active: var(--ui-sys-color-border-focus);--ui-cmp-tabs-default-border-default: transparent;--ui-cmp-tabs-default-border-disabled: transparent;--ui-cmp-tabs-default-border-focus: var(--ui-sys-color-border-focus);--ui-cmp-tabs-default-border-hover: var(--ui-sys-color-border-subtle);--ui-cmp-tabs-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-tabs-default-fg-default: var(--ui-sys-color-text-secondary);--ui-cmp-tabs-default-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-tabs-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-tabs-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-tabs-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-tabs-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-tabs-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-tabs-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-tabs-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-tabs-default-icon-active: var(--ui-sys-color-icon-primary);--ui-cmp-tabs-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-tabs-default-icon-disabled: var(--ui-sys-color-icon-disabled);--ui-cmp-tabs-default-icon-focus: var(--ui-sys-color-icon-primary);--ui-cmp-tabs-default-icon-hover: var(--ui-sys-color-icon-primary);--ui-cmp-tabs-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-tabs-default-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-tabs-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-tabs-default-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-tabs-default-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-tag-brick-bg-active: var(--ui-sys-color-tag-brick-bg);--ui-cmp-tag-brick-bg-default: var(--ui-sys-color-tag-brick-bg);--ui-cmp-tag-brick-bg-disabled: var(--ui-sys-color-tag-brick-bg);--ui-cmp-tag-brick-bg-focus: var(--ui-sys-color-tag-brick-bg);--ui-cmp-tag-brick-bg-hover: var(--ui-sys-color-tag-brick-bg);--ui-cmp-tag-brick-border-active: transparent;--ui-cmp-tag-brick-border-default: transparent;--ui-cmp-tag-brick-border-disabled: transparent;--ui-cmp-tag-brick-border-focus: transparent;--ui-cmp-tag-brick-border-hover: transparent;--ui-cmp-tag-brick-fg-active: var(--ui-sys-color-tag-brick-fg);--ui-cmp-tag-brick-fg-default: var(--ui-sys-color-tag-brick-fg);--ui-cmp-tag-brick-fg-disabled: var(--ui-sys-color-tag-brick-fg);--ui-cmp-tag-brick-fg-focus: var(--ui-sys-color-tag-brick-fg);--ui-cmp-tag-brick-fg-hover: var(--ui-sys-color-tag-brick-fg);--ui-cmp-tag-brick-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-tag-brick-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-tag-brick-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-tag-brick-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-tag-brick-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-tag-brick-icon-active: var(--ui-sys-color-tag-brick-fg);--ui-cmp-tag-brick-icon-default: var(--ui-sys-color-tag-brick-fg);--ui-cmp-tag-brick-icon-disabled: var(--ui-sys-color-tag-brick-fg);--ui-cmp-tag-brick-icon-focus: var(--ui-sys-color-tag-brick-fg);--ui-cmp-tag-brick-icon-hover: var(--ui-sys-color-tag-brick-fg);--ui-cmp-tag-brick-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-tag-brick-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-tag-brick-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-tag-brick-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-tag-brick-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-tag-green-bg-active: var(--ui-sys-color-tag-green-bg);--ui-cmp-tag-green-bg-default: var(--ui-sys-color-tag-green-bg);--ui-cmp-tag-green-bg-disabled: var(--ui-sys-color-tag-green-bg);--ui-cmp-tag-green-bg-focus: var(--ui-sys-color-tag-green-bg);--ui-cmp-tag-green-bg-hover: var(--ui-sys-color-tag-green-bg);--ui-cmp-tag-green-border-active: transparent;--ui-cmp-tag-green-border-default: transparent;--ui-cmp-tag-green-border-disabled: transparent;--ui-cmp-tag-green-border-focus: transparent;--ui-cmp-tag-green-border-hover: transparent;--ui-cmp-tag-green-fg-active: var(--ui-sys-color-tag-green-fg);--ui-cmp-tag-green-fg-default: var(--ui-sys-color-tag-green-fg);--ui-cmp-tag-green-fg-disabled: var(--ui-sys-color-tag-green-fg);--ui-cmp-tag-green-fg-focus: var(--ui-sys-color-tag-green-fg);--ui-cmp-tag-green-fg-hover: var(--ui-sys-color-tag-green-fg);--ui-cmp-tag-green-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-tag-green-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-tag-green-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-tag-green-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-tag-green-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-tag-green-icon-active: var(--ui-sys-color-tag-green-fg);--ui-cmp-tag-green-icon-default: var(--ui-sys-color-tag-green-fg);--ui-cmp-tag-green-icon-disabled: var(--ui-sys-color-tag-green-fg);--ui-cmp-tag-green-icon-focus: var(--ui-sys-color-tag-green-fg);--ui-cmp-tag-green-icon-hover: var(--ui-sys-color-tag-green-fg);--ui-cmp-tag-green-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-tag-green-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-tag-green-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-tag-green-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-tag-green-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-tag-sky-bg-active: var(--ui-sys-color-tag-sky-bg);--ui-cmp-tag-sky-bg-default: var(--ui-sys-color-tag-sky-bg);--ui-cmp-tag-sky-bg-disabled: var(--ui-sys-color-tag-sky-bg);--ui-cmp-tag-sky-bg-focus: var(--ui-sys-color-tag-sky-bg);--ui-cmp-tag-sky-bg-hover: var(--ui-sys-color-tag-sky-bg);--ui-cmp-tag-sky-border-active: transparent;--ui-cmp-tag-sky-border-default: transparent;--ui-cmp-tag-sky-border-disabled: transparent;--ui-cmp-tag-sky-border-focus: transparent;--ui-cmp-tag-sky-border-hover: transparent;--ui-cmp-tag-sky-fg-active: var(--ui-sys-color-tag-sky-fg);--ui-cmp-tag-sky-fg-default: var(--ui-sys-color-tag-sky-fg);--ui-cmp-tag-sky-fg-disabled: var(--ui-sys-color-tag-sky-fg);--ui-cmp-tag-sky-fg-focus: var(--ui-sys-color-tag-sky-fg);--ui-cmp-tag-sky-fg-hover: var(--ui-sys-color-tag-sky-fg);--ui-cmp-tag-sky-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-tag-sky-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-tag-sky-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-tag-sky-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-tag-sky-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-tag-sky-icon-active: var(--ui-sys-color-tag-sky-fg);--ui-cmp-tag-sky-icon-default: var(--ui-sys-color-tag-sky-fg);--ui-cmp-tag-sky-icon-disabled: var(--ui-sys-color-tag-sky-fg);--ui-cmp-tag-sky-icon-focus: var(--ui-sys-color-tag-sky-fg);--ui-cmp-tag-sky-icon-hover: var(--ui-sys-color-tag-sky-fg);--ui-cmp-tag-sky-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-tag-sky-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-tag-sky-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-tag-sky-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-tag-sky-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-tag-turquoise-bg-active: var(--ui-sys-color-tag-turquoise-bg);--ui-cmp-tag-turquoise-bg-default: var(--ui-sys-color-tag-turquoise-bg);--ui-cmp-tag-turquoise-bg-disabled: var(--ui-sys-color-tag-turquoise-bg);--ui-cmp-tag-turquoise-bg-focus: var(--ui-sys-color-tag-turquoise-bg);--ui-cmp-tag-turquoise-bg-hover: var(--ui-sys-color-tag-turquoise-bg);--ui-cmp-tag-turquoise-border-active: transparent;--ui-cmp-tag-turquoise-border-default: transparent;--ui-cmp-tag-turquoise-border-disabled: transparent;--ui-cmp-tag-turquoise-border-focus: transparent;--ui-cmp-tag-turquoise-border-hover: transparent;--ui-cmp-tag-turquoise-fg-active: var(--ui-sys-color-tag-turquoise-fg);--ui-cmp-tag-turquoise-fg-default: var(--ui-sys-color-tag-turquoise-fg);--ui-cmp-tag-turquoise-fg-disabled: var(--ui-sys-color-tag-turquoise-fg);--ui-cmp-tag-turquoise-fg-focus: var(--ui-sys-color-tag-turquoise-fg);--ui-cmp-tag-turquoise-fg-hover: var(--ui-sys-color-tag-turquoise-fg);--ui-cmp-tag-turquoise-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-tag-turquoise-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-tag-turquoise-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-tag-turquoise-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-tag-turquoise-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-tag-turquoise-icon-active: var(--ui-sys-color-tag-turquoise-fg);--ui-cmp-tag-turquoise-icon-default: var(--ui-sys-color-tag-turquoise-fg);--ui-cmp-tag-turquoise-icon-disabled: var(--ui-sys-color-tag-turquoise-fg);--ui-cmp-tag-turquoise-icon-focus: var(--ui-sys-color-tag-turquoise-fg);--ui-cmp-tag-turquoise-icon-hover: var(--ui-sys-color-tag-turquoise-fg);--ui-cmp-tag-turquoise-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-tag-turquoise-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-tag-turquoise-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-tag-turquoise-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-tag-turquoise-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-tag-violet-bg-active: var(--ui-sys-color-tag-violet-bg);--ui-cmp-tag-violet-bg-default: var(--ui-sys-color-tag-violet-bg);--ui-cmp-tag-violet-bg-disabled: var(--ui-sys-color-tag-violet-bg);--ui-cmp-tag-violet-bg-focus: var(--ui-sys-color-tag-violet-bg);--ui-cmp-tag-violet-bg-hover: var(--ui-sys-color-tag-violet-bg);--ui-cmp-tag-violet-border-active: transparent;--ui-cmp-tag-violet-border-default: transparent;--ui-cmp-tag-violet-border-disabled: transparent;--ui-cmp-tag-violet-border-focus: transparent;--ui-cmp-tag-violet-border-hover: transparent;--ui-cmp-tag-violet-fg-active: var(--ui-sys-color-tag-violet-fg);--ui-cmp-tag-violet-fg-default: var(--ui-sys-color-tag-violet-fg);--ui-cmp-tag-violet-fg-disabled: var(--ui-sys-color-tag-violet-fg);--ui-cmp-tag-violet-fg-focus: var(--ui-sys-color-tag-violet-fg);--ui-cmp-tag-violet-fg-hover: var(--ui-sys-color-tag-violet-fg);--ui-cmp-tag-violet-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-tag-violet-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-tag-violet-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-tag-violet-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-tag-violet-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-tag-violet-icon-active: var(--ui-sys-color-tag-violet-fg);--ui-cmp-tag-violet-icon-default: var(--ui-sys-color-tag-violet-fg);--ui-cmp-tag-violet-icon-disabled: var(--ui-sys-color-tag-violet-fg);--ui-cmp-tag-violet-icon-focus: var(--ui-sys-color-tag-violet-fg);--ui-cmp-tag-violet-icon-hover: var(--ui-sys-color-tag-violet-fg);--ui-cmp-tag-violet-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-tag-violet-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-tag-violet-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-tag-violet-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-tag-violet-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-textarea-default-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-textarea-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-textarea-default-bg-disabled: var(--ui-sys-color-surface-canvas-alt);--ui-cmp-textarea-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-textarea-default-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-textarea-default-border-active: var(--ui-sys-color-border-strong);--ui-cmp-textarea-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-textarea-default-border-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-textarea-default-border-focus: var(--ui-sys-color-border-focus);--ui-cmp-textarea-default-border-hover: var(--ui-sys-color-border-strong);--ui-cmp-textarea-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-textarea-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-textarea-default-fg-disabled: var(--ui-sys-color-text-disabled);--ui-cmp-textarea-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-textarea-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-textarea-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-textarea-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-textarea-default-focus-ring-disabled: var(--ui-sys-color-border-disabled);--ui-cmp-textarea-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-textarea-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-textarea-default-icon-active: var(--ui-sys-color-icon-primary);--ui-cmp-textarea-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-textarea-default-icon-disabled: var(--ui-sys-color-icon-disabled);--ui-cmp-textarea-default-icon-focus: var(--ui-sys-color-icon-primary);--ui-cmp-textarea-default-icon-hover: var(--ui-sys-color-icon-primary);--ui-cmp-textarea-default-shadow-active: var(--ui-sys-elevation-none);--ui-cmp-textarea-default-shadow-default: var(--ui-sys-elevation-none);--ui-cmp-textarea-default-shadow-disabled: var(--ui-sys-elevation-none);--ui-cmp-textarea-default-shadow-focus: var(--ui-sys-elevation-none);--ui-cmp-textarea-default-shadow-hover: var(--ui-sys-elevation-none);--ui-cmp-toast-error-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-toast-error-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-toast-error-bg-disabled: var(--ui-sys-color-surface-raised);--ui-cmp-toast-error-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-toast-error-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-toast-error-border-active: var(--ui-sys-color-border-default);--ui-cmp-toast-error-border-default: var(--ui-sys-color-border-default);--ui-cmp-toast-error-border-disabled: var(--ui-sys-color-border-default);--ui-cmp-toast-error-border-focus: var(--ui-sys-color-border-default);--ui-cmp-toast-error-border-hover: var(--ui-sys-color-border-default);--ui-cmp-toast-error-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-toast-error-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-toast-error-fg-disabled: var(--ui-sys-color-text-primary);--ui-cmp-toast-error-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-toast-error-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-toast-error-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-toast-error-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-toast-error-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-toast-error-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-toast-error-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-toast-error-icon-active: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-error-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-error-icon-disabled: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-error-icon-focus: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-error-icon-hover: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-error-shadow-active: var(--ui-sys-elevation-surface);--ui-cmp-toast-error-shadow-default: var(--ui-sys-elevation-surface);--ui-cmp-toast-error-shadow-disabled: var(--ui-sys-elevation-surface);--ui-cmp-toast-error-shadow-focus: var(--ui-sys-elevation-surface);--ui-cmp-toast-error-shadow-hover: var(--ui-sys-elevation-surface);--ui-cmp-toast-info-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-toast-info-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-toast-info-bg-disabled: var(--ui-sys-color-surface-raised);--ui-cmp-toast-info-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-toast-info-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-toast-info-border-active: var(--ui-sys-color-border-default);--ui-cmp-toast-info-border-default: var(--ui-sys-color-border-default);--ui-cmp-toast-info-border-disabled: var(--ui-sys-color-border-default);--ui-cmp-toast-info-border-focus: var(--ui-sys-color-border-default);--ui-cmp-toast-info-border-hover: var(--ui-sys-color-border-default);--ui-cmp-toast-info-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-toast-info-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-toast-info-fg-disabled: var(--ui-sys-color-text-primary);--ui-cmp-toast-info-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-toast-info-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-toast-info-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-toast-info-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-toast-info-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-toast-info-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-toast-info-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-toast-info-icon-active: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-info-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-info-icon-disabled: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-info-icon-focus: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-info-icon-hover: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-info-shadow-active: var(--ui-sys-elevation-surface);--ui-cmp-toast-info-shadow-default: var(--ui-sys-elevation-surface);--ui-cmp-toast-info-shadow-disabled: var(--ui-sys-elevation-surface);--ui-cmp-toast-info-shadow-focus: var(--ui-sys-elevation-surface);--ui-cmp-toast-info-shadow-hover: var(--ui-sys-elevation-surface);--ui-cmp-toast-success-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-toast-success-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-toast-success-bg-disabled: var(--ui-sys-color-surface-raised);--ui-cmp-toast-success-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-toast-success-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-toast-success-border-active: var(--ui-sys-color-border-default);--ui-cmp-toast-success-border-default: var(--ui-sys-color-border-default);--ui-cmp-toast-success-border-disabled: var(--ui-sys-color-border-default);--ui-cmp-toast-success-border-focus: var(--ui-sys-color-border-default);--ui-cmp-toast-success-border-hover: var(--ui-sys-color-border-default);--ui-cmp-toast-success-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-toast-success-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-toast-success-fg-disabled: var(--ui-sys-color-text-primary);--ui-cmp-toast-success-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-toast-success-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-toast-success-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-toast-success-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-toast-success-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-toast-success-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-toast-success-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-toast-success-icon-active: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-success-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-success-icon-disabled: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-success-icon-focus: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-success-icon-hover: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-success-shadow-active: var(--ui-sys-elevation-surface);--ui-cmp-toast-success-shadow-default: var(--ui-sys-elevation-surface);--ui-cmp-toast-success-shadow-disabled: var(--ui-sys-elevation-surface);--ui-cmp-toast-success-shadow-focus: var(--ui-sys-elevation-surface);--ui-cmp-toast-success-shadow-hover: var(--ui-sys-elevation-surface);--ui-cmp-toast-warning-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-toast-warning-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-toast-warning-bg-disabled: var(--ui-sys-color-surface-raised);--ui-cmp-toast-warning-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-toast-warning-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-toast-warning-border-active: var(--ui-sys-color-border-default);--ui-cmp-toast-warning-border-default: var(--ui-sys-color-border-default);--ui-cmp-toast-warning-border-disabled: var(--ui-sys-color-border-default);--ui-cmp-toast-warning-border-focus: var(--ui-sys-color-border-default);--ui-cmp-toast-warning-border-hover: var(--ui-sys-color-border-default);--ui-cmp-toast-warning-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-toast-warning-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-toast-warning-fg-disabled: var(--ui-sys-color-text-primary);--ui-cmp-toast-warning-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-toast-warning-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-toast-warning-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-toast-warning-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-toast-warning-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-toast-warning-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-toast-warning-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-toast-warning-icon-active: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-warning-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-warning-icon-disabled: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-warning-icon-focus: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-warning-icon-hover: var(--ui-sys-color-icon-secondary);--ui-cmp-toast-warning-shadow-active: var(--ui-sys-elevation-surface);--ui-cmp-toast-warning-shadow-default: var(--ui-sys-elevation-surface);--ui-cmp-toast-warning-shadow-disabled: var(--ui-sys-elevation-surface);--ui-cmp-toast-warning-shadow-focus: var(--ui-sys-elevation-surface);--ui-cmp-toast-warning-shadow-hover: var(--ui-sys-elevation-surface);--ui-cmp-tooltip-default-bg-active: var(--ui-sys-color-surface-inverse);--ui-cmp-tooltip-default-bg-default: var(--ui-sys-color-surface-inverse);--ui-cmp-tooltip-default-bg-disabled: var(--ui-sys-color-surface-inverse);--ui-cmp-tooltip-default-bg-focus: var(--ui-sys-color-surface-inverse);--ui-cmp-tooltip-default-bg-hover: var(--ui-sys-color-surface-inverse);--ui-cmp-tooltip-default-border-active: var(--ui-sys-color-surface-inverse);--ui-cmp-tooltip-default-border-default: var(--ui-sys-color-surface-inverse);--ui-cmp-tooltip-default-border-disabled: var(--ui-sys-color-surface-inverse);--ui-cmp-tooltip-default-border-focus: var(--ui-sys-color-surface-inverse);--ui-cmp-tooltip-default-border-hover: var(--ui-sys-color-surface-inverse);--ui-cmp-tooltip-default-fg-active: var(--ui-sys-color-text-inverse);--ui-cmp-tooltip-default-fg-default: var(--ui-sys-color-text-inverse);--ui-cmp-tooltip-default-fg-disabled: var(--ui-sys-color-text-inverse);--ui-cmp-tooltip-default-fg-focus: var(--ui-sys-color-text-inverse);--ui-cmp-tooltip-default-fg-hover: var(--ui-sys-color-text-inverse);--ui-cmp-tooltip-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-tooltip-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-tooltip-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-tooltip-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-tooltip-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-tooltip-default-icon-active: var(--ui-sys-color-icon-inverse);--ui-cmp-tooltip-default-icon-default: var(--ui-sys-color-icon-inverse);--ui-cmp-tooltip-default-icon-disabled: var(--ui-sys-color-icon-inverse);--ui-cmp-tooltip-default-icon-focus: var(--ui-sys-color-icon-inverse);--ui-cmp-tooltip-default-icon-hover: var(--ui-sys-color-icon-inverse);--ui-cmp-tooltip-default-shadow-active: var(--ui-sys-elevation-overlay);--ui-cmp-tooltip-default-shadow-default: var(--ui-sys-elevation-overlay);--ui-cmp-tooltip-default-shadow-disabled: var(--ui-sys-elevation-overlay);--ui-cmp-tooltip-default-shadow-focus: var(--ui-sys-elevation-overlay);--ui-cmp-tooltip-default-shadow-hover: var(--ui-sys-elevation-overlay);--ui-cmp-topbar-default-bg-active: var(--ui-sys-color-surface-raised);--ui-cmp-topbar-default-bg-default: var(--ui-sys-color-surface-raised);--ui-cmp-topbar-default-bg-disabled: var(--ui-sys-color-surface-raised);--ui-cmp-topbar-default-bg-focus: var(--ui-sys-color-surface-raised);--ui-cmp-topbar-default-bg-hover: var(--ui-sys-color-surface-raised);--ui-cmp-topbar-default-border-active: var(--ui-sys-color-border-default);--ui-cmp-topbar-default-border-default: var(--ui-sys-color-border-default);--ui-cmp-topbar-default-border-disabled: var(--ui-sys-color-border-default);--ui-cmp-topbar-default-border-focus: var(--ui-sys-color-border-default);--ui-cmp-topbar-default-border-hover: var(--ui-sys-color-border-default);--ui-cmp-topbar-default-fg-active: var(--ui-sys-color-text-primary);--ui-cmp-topbar-default-fg-default: var(--ui-sys-color-text-primary);--ui-cmp-topbar-default-fg-disabled: var(--ui-sys-color-text-primary);--ui-cmp-topbar-default-fg-focus: var(--ui-sys-color-text-primary);--ui-cmp-topbar-default-fg-hover: var(--ui-sys-color-text-primary);--ui-cmp-topbar-default-focus-ring-active: var(--ui-sys-color-focus-ring);--ui-cmp-topbar-default-focus-ring-default: var(--ui-sys-color-focus-ring);--ui-cmp-topbar-default-focus-ring-disabled: var(--ui-sys-color-focus-ring);--ui-cmp-topbar-default-focus-ring-focus: var(--ui-sys-color-focus-ring);--ui-cmp-topbar-default-focus-ring-hover: var(--ui-sys-color-focus-ring);--ui-cmp-topbar-default-icon-active: var(--ui-sys-color-icon-secondary);--ui-cmp-topbar-default-icon-default: var(--ui-sys-color-icon-secondary);--ui-cmp-topbar-default-icon-disabled: var(--ui-sys-color-icon-secondary);--ui-cmp-topbar-default-icon-focus: var(--ui-sys-color-icon-secondary);--ui-cmp-topbar-default-icon-hover: var(--ui-sys-color-icon-secondary);--ui-cmp-topbar-default-shadow-active: var(--ui-sys-elevation-surface);--ui-cmp-topbar-default-shadow-default: var(--ui-sys-elevation-surface);--ui-cmp-topbar-default-shadow-disabled: var(--ui-sys-elevation-surface);--ui-cmp-topbar-default-shadow-focus: var(--ui-sys-elevation-surface);--ui-cmp-topbar-default-shadow-hover: var(--ui-sys-elevation-surface)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._root_ham6t_1{--icon-button-bg-default: transparent;--icon-button-bg-hover: transparent;--icon-button-bg-active: transparent;--icon-button-bg-disabled: transparent;--icon-button-border-default: transparent;--icon-button-border-hover: transparent;--icon-button-border-active: transparent;--icon-button-border-disabled: transparent;--icon-button-icon-default: currentColor;--icon-button-icon-hover: currentColor;--icon-button-icon-active: currentColor;--icon-button-icon-disabled: currentColor;--icon-button-shadow-default: none;--icon-button-shadow-hover: none;--icon-button-shadow-active: none;--icon-button-shadow-disabled: none;--icon-button-focus-ring: var(--ui-sys-color-focus-ring);display:inline-flex;align-items:center;justify-content:center;line-height:0;border-radius:var(--ui-sys-radius-4);border:1px solid var(--icon-button-border-default);background:var(--icon-button-bg-default);box-shadow:var(--icon-button-shadow-default);color:var(--icon-button-icon-default);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-sys-motion-duration-fast) var(--ui-sys-motion-easing-standard),color var(--ui-sys-motion-duration-fast) var(--ui-sys-motion-easing-standard),border-color var(--ui-sys-motion-duration-fast) var(--ui-sys-motion-easing-standard),box-shadow var(--ui-sys-motion-duration-fast) var(--ui-sys-motion-easing-standard)}._root_ham6t_1:hover:not(:disabled):not([aria-disabled=true]),._root_ham6t_1[data-force-state=hover]:not(:disabled):not([aria-disabled=true]){background:var(--icon-button-bg-hover);border-color:var(--icon-button-border-hover);box-shadow:var(--icon-button-shadow-hover);color:var(--icon-button-icon-hover)}._root_ham6t_1:active:not(:disabled):not([aria-disabled=true]),._root_ham6t_1[data-force-state=pressed]:not(:disabled):not([aria-disabled=true]){background:var(--icon-button-bg-active);border-color:var(--icon-button-border-active);box-shadow:var(--icon-button-shadow-active);color:var(--icon-button-icon-active)}._root_ham6t_1:focus-visible{outline:var(--ui-sys-focus-ring-width) solid var(--icon-button-focus-ring);outline-offset:var(--ui-sys-focus-ring-offset)}._root_ham6t_1:disabled,._root_ham6t_1[aria-disabled=true]{cursor:not-allowed;background:var(--icon-button-bg-disabled);border-color:var(--icon-button-border-disabled);box-shadow:var(--icon-button-shadow-disabled);color:var(--icon-button-icon-disabled)}._icon_ham6t_63{display:inline-flex;align-items:center;justify-content:center;line-height:0}._sizeSm_ham6t_70{width:24px;height:24px}._sizeMd_ham6t_75{width:32px;height:32px}._sizeLg_ham6t_80{width:40px;height:40px}._variantBrand_ham6t_85{--icon-button-bg-default: var(--ui-cmp-icon-button-brand-subtle-bg-default);--icon-button-bg-hover: var(--ui-cmp-icon-button-brand-subtle-bg-hover);--icon-button-bg-active: var(--ui-cmp-icon-button-brand-subtle-bg-active);--icon-button-bg-disabled: var(--ui-cmp-icon-button-brand-subtle-bg-disabled);--icon-button-border-default: var(--ui-cmp-icon-button-brand-subtle-border-default);--icon-button-border-hover: var(--ui-cmp-icon-button-brand-subtle-border-hover);--icon-button-border-active: var(--ui-cmp-icon-button-brand-subtle-border-active);--icon-button-border-disabled: var(--ui-cmp-icon-button-brand-subtle-border-disabled);--icon-button-icon-default: var(--ui-cmp-icon-button-brand-subtle-icon-default);--icon-button-icon-hover: var(--ui-cmp-icon-button-brand-subtle-icon-hover);--icon-button-icon-active: var(--ui-cmp-icon-button-brand-subtle-icon-active);--icon-button-icon-disabled: var(--ui-cmp-icon-button-brand-subtle-icon-disabled);--icon-button-shadow-default: var(--ui-cmp-icon-button-brand-subtle-shadow-default);--icon-button-shadow-hover: var(--ui-cmp-icon-button-brand-subtle-shadow-hover);--icon-button-shadow-active: var(--ui-cmp-icon-button-brand-subtle-shadow-active);--icon-button-shadow-disabled: var(--ui-cmp-icon-button-brand-subtle-shadow-disabled);--icon-button-focus-ring: var(--ui-cmp-icon-button-brand-subtle-focus-ring-focus)}._variantNeutral_ham6t_105{--icon-button-bg-default: var(--ui-cmp-icon-button-neutral-subtle-bg-default);--icon-button-bg-hover: var(--ui-cmp-icon-button-neutral-subtle-bg-hover);--icon-button-bg-active: var(--ui-cmp-icon-button-neutral-subtle-bg-active);--icon-button-bg-disabled: var(--ui-cmp-icon-button-neutral-subtle-bg-disabled);--icon-button-border-default: var(--ui-cmp-icon-button-neutral-subtle-border-default);--icon-button-border-hover: var(--ui-cmp-icon-button-neutral-subtle-border-hover);--icon-button-border-active: var(--ui-cmp-icon-button-neutral-subtle-border-active);--icon-button-border-disabled: var(--ui-cmp-icon-button-neutral-subtle-border-disabled);--icon-button-icon-default: var(--ui-cmp-icon-button-neutral-subtle-icon-default);--icon-button-icon-hover: var(--ui-cmp-icon-button-neutral-subtle-icon-hover);--icon-button-icon-active: var(--ui-cmp-icon-button-neutral-subtle-icon-active);--icon-button-icon-disabled: var(--ui-cmp-icon-button-neutral-subtle-icon-disabled);--icon-button-shadow-default: var(--ui-cmp-icon-button-neutral-subtle-shadow-default);--icon-button-shadow-hover: var(--ui-cmp-icon-button-neutral-subtle-shadow-hover);--icon-button-shadow-active: var(--ui-cmp-icon-button-neutral-subtle-shadow-active);--icon-button-shadow-disabled: var(--ui-cmp-icon-button-neutral-subtle-shadow-disabled);--icon-button-focus-ring: var(--ui-cmp-icon-button-neutral-subtle-focus-ring-focus)}._variantDanger_ham6t_125{--icon-button-bg-default: var(--ui-cmp-icon-button-danger-subtle-bg-default);--icon-button-bg-hover: var(--ui-cmp-icon-button-danger-subtle-bg-hover);--icon-button-bg-active: var(--ui-cmp-icon-button-danger-subtle-bg-active);--icon-button-bg-disabled: var(--ui-cmp-icon-button-danger-subtle-bg-disabled);--icon-button-border-default: var(--ui-cmp-icon-button-danger-subtle-border-default);--icon-button-border-hover: var(--ui-cmp-icon-button-danger-subtle-border-hover);--icon-button-border-active: var(--ui-cmp-icon-button-danger-subtle-border-active);--icon-button-border-disabled: var(--ui-cmp-icon-button-danger-subtle-border-disabled);--icon-button-icon-default: var(--ui-cmp-icon-button-danger-subtle-icon-default);--icon-button-icon-hover: var(--ui-cmp-icon-button-danger-subtle-icon-hover);--icon-button-icon-active: var(--ui-cmp-icon-button-danger-subtle-icon-active);--icon-button-icon-disabled: var(--ui-cmp-icon-button-danger-subtle-icon-disabled);--icon-button-shadow-default: var(--ui-cmp-icon-button-danger-subtle-shadow-default);--icon-button-shadow-hover: var(--ui-cmp-icon-button-danger-subtle-shadow-hover);--icon-button-shadow-active: var(--ui-cmp-icon-button-danger-subtle-shadow-active);--icon-button-shadow-disabled: var(--ui-cmp-icon-button-danger-subtle-shadow-disabled);--icon-button-focus-ring: var(--ui-cmp-icon-button-danger-subtle-focus-ring-focus)}._variantNeutralSolid_ham6t_145{--icon-button-bg-default: var(--ui-cmp-icon-button-neutral-solid-bg-default);--icon-button-bg-hover: var(--ui-cmp-icon-button-neutral-solid-bg-hover);--icon-button-bg-active: var(--ui-cmp-icon-button-neutral-solid-bg-active);--icon-button-bg-disabled: var(--ui-cmp-icon-button-neutral-solid-bg-disabled);--icon-button-border-default: var(--ui-cmp-icon-button-neutral-solid-border-default);--icon-button-border-hover: var(--ui-cmp-icon-button-neutral-solid-border-hover);--icon-button-border-active: var(--ui-cmp-icon-button-neutral-solid-border-active);--icon-button-border-disabled: var(--ui-cmp-icon-button-neutral-solid-border-disabled);--icon-button-icon-default: var(--ui-cmp-icon-button-neutral-solid-icon-default);--icon-button-icon-hover: var(--ui-cmp-icon-button-neutral-solid-icon-hover);--icon-button-icon-active: var(--ui-cmp-icon-button-neutral-solid-icon-active);--icon-button-icon-disabled: var(--ui-cmp-icon-button-neutral-solid-icon-disabled);--icon-button-shadow-default: var(--ui-cmp-icon-button-neutral-solid-shadow-default);--icon-button-shadow-hover: var(--ui-cmp-icon-button-neutral-solid-shadow-hover);--icon-button-shadow-active: var(--ui-cmp-icon-button-neutral-solid-shadow-active);--icon-button-shadow-disabled: var(--ui-cmp-icon-button-neutral-solid-shadow-disabled);--icon-button-focus-ring: var(--ui-cmp-icon-button-neutral-solid-focus-ring-focus)}._sheet-overlay_1woki_3{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--ui-ref-color-neutral-1000) 50%,transparent)}._sheet-overlay_1woki_3[data-state=open]{animation:_sheet-overlay-fade-in_1woki_1 .15s ease-out}._sheet-overlay_1woki_3[data-state=closed]{animation:_sheet-overlay-fade-out_1woki_1 .15s ease-in}@keyframes _sheet-overlay-fade-in_1woki_1{0%{opacity:0}to{opacity:1}}@keyframes _sheet-overlay-fade-out_1woki_1{0%{opacity:1}to{opacity:0}}._sheet-content_1woki_35{position:fixed;z-index:50;display:flex;flex-direction:column;gap:16px;background-color:var(--ui-sys-color-surface-raised);color:var(--ui-sys-color-text-primary);box-shadow:var(--ui-sys-elevation-overlay)}._sheet-content_1woki_35[data-state=open]{animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:both}._sheet-content_1woki_35[data-state=closed]{animation-duration:.3s;animation-timing-function:ease-in-out;animation-fill-mode:both}._side-right_1woki_60{inset-block:0;right:0;height:100%;width:75vw;border-left:1px solid var(--ui-sys-color-border-default)}._side-left_1woki_68{inset-block:0;left:0;height:100%;width:75vw;border-right:1px solid var(--ui-sys-color-border-default)}._side-top_1woki_76{inset-inline:0;top:0;height:auto;border-bottom:1px solid var(--ui-sys-color-border-default)}._side-bottom_1woki_83{inset-inline:0;bottom:0;height:auto;border-top:1px solid var(--ui-sys-color-border-default)}@media(min-width:640px){._side-right_1woki_60,._side-left_1woki_68{max-width:384px}}._side-right_1woki_60[data-state=open]{animation-name:_sheet-slide-in-right_1woki_1}._side-right_1woki_60[data-state=closed]{animation-name:_sheet-slide-out-right_1woki_1}._side-left_1woki_68[data-state=open]{animation-name:_sheet-slide-in-left_1woki_1}._side-left_1woki_68[data-state=closed]{animation-name:_sheet-slide-out-left_1woki_1}._side-top_1woki_76[data-state=open]{animation-name:_sheet-slide-in-top_1woki_1}._side-top_1woki_76[data-state=closed]{animation-name:_sheet-slide-out-top_1woki_1}._side-bottom_1woki_83[data-state=open]{animation-name:_sheet-slide-in-bottom_1woki_1}._side-bottom_1woki_83[data-state=closed]{animation-name:_sheet-slide-out-bottom_1woki_1}@keyframes _sheet-slide-in-right_1woki_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _sheet-slide-out-right_1woki_1{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes _sheet-slide-in-left_1woki_1{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes _sheet-slide-out-left_1woki_1{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes _sheet-slide-in-top_1woki_1{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes _sheet-slide-out-top_1woki_1{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes _sheet-slide-in-bottom_1woki_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _sheet-slide-out-bottom_1woki_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._sheet-close-button_1woki_194{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;padding:4px;border:0;background:transparent;border-radius:2px;opacity:.7;color:var(--ui-sys-color-icon-secondary);cursor:pointer;transition:opacity .15s ease,color .15s ease,background-color .15s ease}._sheet-close-button_1woki_194:hover{opacity:1;color:var(--ui-sys-color-icon-primary);background-color:var(--ui-sys-color-surface-canvas-alt)}._sheet-close-button_1woki_194:disabled{pointer-events:none;opacity:.5}._sheet-close-button_1woki_194:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-sys-color-border-strong),0 0 0 4px var(--ui-sys-color-surface-raised)}._sheet-close-icon_1woki_227{width:16px;height:16px}._sheet-header_1woki_233{display:flex;flex-direction:column;gap:6px;padding:16px}._sheet-footer_1woki_240{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:16px}._sheet-title_1woki_249{color:var(--ui-sys-color-text-primary);font-weight:600}._sheet-description_1woki_254{color:var(--ui-sys-color-text-secondary);font-size:14px;line-height:20px}._root_a11v9_1{background-color:var(--ui-sys-color-surface-canvas-alt);border-radius:6px;animation:_skeleton-pulse_a11v9_1 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){._root_a11v9_1{animation:none}}@keyframes _skeleton-pulse_a11v9_1{0%,to{opacity:1}50%{opacity:.5}}._tooltip-content_13f0p_2{z-index:50;width:400px;background-color:var(--tooltip-bg);border-width:1px;border-style:solid;border-color:var(--border-3);color:var(--fg-0);line-height:130%;transform-origin:var(--radix-tooltip-content-transform-origin);border-radius:.375rem;padding:20px;font-size:14px;text-wrap:balance;overflow-wrap:anywhere;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}._tooltip-content_13f0p_2[data-state=closed]{animation-name:_tooltip-out_13f0p_1;animation-timing-function:ease-in}._tooltip-content_13f0p_2[data-state=delayed-open][data-side=top],._tooltip-content_13f0p_2[data-state=instant-open][data-side=top]{animation-name:_tooltip-top-in_13f0p_1}._tooltip-content_13f0p_2[data-state=delayed-open][data-side=bottom],._tooltip-content_13f0p_2[data-state=instant-open][data-side=bottom]{animation-name:_tooltip-bottom-in_13f0p_1}._tooltip-content_13f0p_2[data-state=delayed-open][data-side=left],._tooltip-content_13f0p_2[data-state=instant-open][data-side=left]{animation-name:_tooltip-left-in_13f0p_1}._tooltip-content_13f0p_2[data-state=delayed-open][data-side=right],._tooltip-content_13f0p_2[data-state=instant-open][data-side=right]{animation-name:_tooltip-right-in_13f0p_1}@media(prefers-reduced-motion:reduce){._tooltip-content_13f0p_2{animation:none}}@keyframes _tooltip-out_13f0p_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes _tooltip-top-in_13f0p_1{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _tooltip-bottom-in_13f0p_1{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _tooltip-left-in_13f0p_1{0%{opacity:0;transform:translate(8px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes _tooltip-right-in_13f0p_1{0%{opacity:0;transform:translate(-8px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}._tooltip-arrow_13f0p_107{z-index:50;width:.625rem;height:.625rem;background-color:var(--tooltip-bg);fill:var(--tooltip-bg);transform:translateY(calc(-50% - 2px)) rotate(45deg);border-radius:2px}._wrapper_latv6_2{display:flex;min-height:100svh;width:100%}._sidebar-static_latv6_8{background-color:var(--sidebar);color:var(--sidebar-foreground);display:flex;flex-direction:column;height:100%;width:var(--sidebar-width)}._sidebar-sheet-content_latv6_17{background-color:var(--sidebar);color:var(--sidebar-foreground);width:var(--sidebar-width);padding:0}._sidebar-sheet-content_latv6_17>button{display:none}._sidebar-mobile-inner_latv6_27{display:flex;flex-direction:column;height:100%;width:100%}._sidebar-root_latv6_34{color:var(--sidebar-foreground-muted);background-color:var(--sidebar-background);display:none}@media(min-width:768px){._sidebar-root_latv6_34{display:block}}._sidebar-gap_latv6_45{position:relative;width:var(--sidebar-width);background-color:transparent;transition:width .2s linear}._sidebar-root_latv6_34[data-collapsible=offcanvas] ._sidebar-gap_latv6_45{width:0}._sidebar-root_latv6_34[data-side=right] ._sidebar-gap_latv6_45{transform:rotate(180deg)}._sidebar-root_latv6_34[data-collapsible=icon] ._sidebar-gap_latv6_45{width:var(--sidebar-width-icon)}._sidebar-root_latv6_34[data-collapsible=icon][data-variant=floating] ._sidebar-gap_latv6_45,._sidebar-root_latv6_34[data-collapsible=icon][data-variant=inset] ._sidebar-gap_latv6_45{width:calc(var(--sidebar-width-icon) + 16px)}._sidebar-container_latv6_69{position:fixed;top:0;bottom:0;z-index:10;display:none;height:100svh;width:var(--sidebar-width);background-color:var(--sidebar);transition:left .2s linear,right .2s linear,width .2s linear}@media(min-width:768px){._sidebar-container_latv6_69{display:flex}}._sidebar-root_latv6_34[data-side=left] ._sidebar-container_latv6_69{left:0;right:auto}._sidebar-root_latv6_34[data-side=right] ._sidebar-container_latv6_69{right:0;left:auto}._sidebar-root_latv6_34[data-collapsible=offcanvas][data-side=left] ._sidebar-container_latv6_69{left:calc(var(--sidebar-width) * -1)}._sidebar-root_latv6_34[data-collapsible=offcanvas][data-side=right] ._sidebar-container_latv6_69{right:calc(var(--sidebar-width) * -1)}._sidebar-root_latv6_34[data-variant=floating] ._sidebar-container_latv6_69,._sidebar-root_latv6_34[data-variant=inset] ._sidebar-container_latv6_69{padding:40px}._sidebar-root_latv6_34[data-collapsible=icon] ._sidebar-container_latv6_69{width:var(--sidebar-width-icon)}._sidebar-root_latv6_34[data-collapsible=icon][data-variant=floating] ._sidebar-container_latv6_69,._sidebar-root_latv6_34[data-collapsible=icon][data-variant=inset] ._sidebar-container_latv6_69{width:calc(var(--sidebar-width-icon) + 16px + 2px)}._sidebar-root_latv6_34[data-variant=sidebar][data-side=left] ._sidebar-container_latv6_69{border-right:1px solid var(--sidebar-border);padding:0;box-shadow:0 0 19.4px #00000040}._sidebar-root_latv6_34[data-variant=sidebar][data-side=right] ._sidebar-container_latv6_69{padding:0;border-left:1px solid var(--sidebar-border);box-shadow:0 0 19.4px #00000040}._sidebar-inner_latv6_130{display:flex;flex-direction:column;height:100%;width:100%;gap:0;background-color:var(--sidebar)}._sidebar-root_latv6_34[data-variant=floating] ._sidebar-inner_latv6_130{border-radius:8px;border:1px solid var(--sidebar-border);box-shadow:0 1px 2px #0f172a14}._sidebar-rail_latv6_146{position:absolute;top:0;bottom:0;z-index:20;display:none;width:16px;transform:translate(-50%);transition:all .15s linear}@media(min-width:640px){._sidebar-rail_latv6_146{display:flex}}._sidebar-rail_latv6_146:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:transparent}._sidebar-rail_latv6_146:hover:after{background-color:var(--sidebar-border)}._sidebar-root_latv6_34[data-side=left] ._sidebar-rail_latv6_146{right:-16px;left:auto}._sidebar-root_latv6_34[data-side=right] ._sidebar-rail_latv6_146{left:0;right:auto}[data-side=left] ._sidebar-rail_latv6_146{cursor:w-resize}[data-side=right] ._sidebar-rail_latv6_146,[data-side=left][data-state=collapsed] ._sidebar-rail_latv6_146{cursor:e-resize}[data-side=right][data-state=collapsed] ._sidebar-rail_latv6_146{cursor:w-resize}._sidebar-root_latv6_34[data-collapsible=offcanvas] ._sidebar-rail_latv6_146{transform:translate(0)}._sidebar-root_latv6_34[data-collapsible=offcanvas] ._sidebar-rail_latv6_146:hover{background-color:var(--sidebar)}._sidebar-root_latv6_34[data-collapsible=offcanvas] ._sidebar-rail_latv6_146:after{left:100%}[data-side=left][data-collapsible=offcanvas] ._sidebar-rail_latv6_146{right:-8px}[data-side=right][data-collapsible=offcanvas] ._sidebar-rail_latv6_146{left:-8px}._sidebar-inset_latv6_236{position:relative;display:flex;flex-direction:column;width:100%;flex:1 1 0}@media(min-width:768px){._sidebar-root_latv6_34[data-variant=inset]+._sidebar-inset_latv6_236{margin-left:0;border-radius:12px;box-shadow:0 1px 2px #0f172a14}._sidebar-root_latv6_34[data-variant=inset][data-state=collapsed]+._sidebar-inset_latv6_236{margin-left:8px}}._sidebar-menu_skxql_3{display:flex;flex-direction:column;width:100%;min-width:0;gap:15px}._sidebar-menu-item_skxql_11{position:relative}._sidebar-menu-button_skxql_16{display:flex;align-items:center;width:100%;gap:10px;padding:10px 15px;overflow:hidden;border-radius:6px;text-align:left;font-size:14px;outline:none}._sidebar-menu-button_skxql_16:focus-visible{outline:2px solid var(--sidebar-ring)}._sidebar-menu-button_skxql_16{transition:width .15s ease-in-out,height .15s ease-in-out,padding .15s ease-in-out background-color .15s ease-in-out border-color .15s ease-in-out}._sidebar-menu-button_skxql_16:hover{background-color:var(--sidebar-accent);border:1px solid var(--sidebar-border)}._sidebar-menu-button_skxql_16:active{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}._sidebar-menu-button_skxql_16:disabled{pointer-events:none;opacity:.5}._sidebar-menu-button_skxql_16[aria-disabled=true]{pointer-events:none;opacity:.5}._sidebar-menu-button_skxql_16>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._sidebar-menu-button_skxql_16>svg{width:24px;height:24px;flex-shrink:0}._sidebar-menu-item_skxql_11:has([data-state=open]) ._sidebar-menu-button_skxql_16{color:var(--sidebar-foreground);background-color:var(--sidebar-accent);border:1px solid var(--sidebar-border)}._sidebar-menu-button_skxql_16[data-active=true]{position:relative;background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground);border:1px solid var(--sidebar-border);overflow:visible}._sidebar-menu-button_skxql_16[data-active=true]:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:90%;width:1px;background:linear-gradient(to bottom,#242527 0%,var(--turquoise) 50%,#242527 100%);box-shadow:0 0 8px var(--turquoise)}._sidebar-menu-button_skxql_16[data-state=open]:hover{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}[data-slot=sidebar][data-collapsible=icon] ._sidebar-menu-button_skxql_16{width:32px;height:32px;padding:8px}._sidebar-menu-button-variant-outline_skxql_130{background-color:var(--sidebar-background);box-shadow:0 0 0 1px var(--sidebar-border)}._sidebar-menu-button-variant-outline_skxql_130:hover{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground);box-shadow:0 0 0 1px var(--sidebar-accent)}._sidebar-menu-button-size-default_skxql_140{height:50px;font-size:18px}._sidebar-menu-button-size-sm_skxql_145{height:28px;font-size:12px}._sidebar-menu-button-size-lg_skxql_150{height:48px;font-size:14px}[data-slot=sidebar][data-collapsible=icon] ._sidebar-menu-button_skxql_16._sidebar-menu-button-size-lg_skxql_150{padding:0}._sidebar-menu-action_skxql_161{position:absolute;top:6px;right:4px;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:20px;border-radius:6px;padding:0;color:var(--sidebar-foreground-muted);outline:none;transition:transform .3s ease}._sidebar-menu-action_skxql_161:focus-visible{outline:2px solid var(--sidebar-ring)}._sidebar-menu-action_skxql_161:hover{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}._sidebar-menu-action_skxql_161>svg{width:16px;height:16px;flex-shrink:0}._sidebar-menu-action_skxql_161:after{content:"";position:absolute;inset:-8px}@media(min-width:768px){._sidebar-menu-action_skxql_161:after{display:none}}[data-slot=sidebar][data-collapsible=icon] ._sidebar-menu-action_skxql_161{display:none}[data-slot=sidebar-menu-button][data-size=sm]+._sidebar-menu-action_skxql_161{top:4px}[data-slot=sidebar-menu-button][data-size=default]+._sidebar-menu-action_skxql_161{top:16px}[data-slot=sidebar-menu-button][data-size=lg]+._sidebar-menu-action_skxql_161{top:10px}[data-slot=sidebar-menu-button][data-active=true]+._sidebar-menu-action_skxql_161{color:var(--sidebar-accent-foreground)}@media(min-width:768px){._sidebar-menu-action-show-on-hover_skxql_235{opacity:0}}._sidebar-menu-item_skxql_11:hover ._sidebar-menu-action_skxql_161._sidebar-menu-action-show-on-hover_skxql_235,._sidebar-menu-item_skxql_11:focus-within ._sidebar-menu-action_skxql_161._sidebar-menu-action-show-on-hover_skxql_235{opacity:1}._sidebar-menu-action_skxql_161._sidebar-menu-action-show-on-hover_skxql_235[data-state=open]{opacity:1}._sidebar-menu-badge_skxql_256{position:absolute;right:4px;display:flex;align-items:center;justify-content:center;height:20px;min-width:20px;border-radius:6px;padding-inline:4px;font-size:12px;font-weight:500;color:var(--sidebar-foreground);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}._sidebar-menu-item_skxql_11:hover ._sidebar-menu-badge_skxql_256{color:var(--sidebar-accent-foreground)}[data-slot=sidebar-menu-button][data-active=true]~._sidebar-menu-badge_skxql_256{color:var(--sidebar-accent-foreground)}[data-slot=sidebar-menu-button][data-size=sm]~._sidebar-menu-badge_skxql_256{top:4px}[data-slot=sidebar-menu-button][data-size=default]~._sidebar-menu-badge_skxql_256{top:6px}[data-slot=sidebar-menu-button][data-size=lg]~._sidebar-menu-badge_skxql_256{top:10px}[data-slot=sidebar][data-collapsible=icon] ._sidebar-menu-badge_skxql_256{display:none}._sidebar-menu-skeleton_skxql_304{display:flex;align-items:center;height:32px;gap:8px;border-radius:6px;padding-inline:8px}._sidebar-menu-skeleton-icon_skxql_313{width:16px;height:16px;border-radius:6px}._sidebar-menu-skeleton-text_skxql_319{height:16px;max-width:var(--skeleton-width);flex:1 1 0}._sidebar-menu-sub_skxql_326{display:flex;flex-direction:column;min-width:0;gap:20px;padding-inline:10px;border-left-width:1px;border-style:solid;border-color:var(--sidebar-border);margin-top:20px}[data-slot=sidebar][data-collapsible=icon] ._sidebar-menu-sub_skxql_326{display:none}._sidebar-menu-sub-item_skxql_344{position:relative}._sidebar-menu-sub-button_skxql_349{display:flex;align-items:center;min-width:0;transform:translate(-1px);gap:8px;padding-inline:8px;border-radius:6px;color:var(--sidebar-foreground);overflow:hidden;text-decoration:none;outline:none}._sidebar-menu-sub-button_skxql_349:focus-visible{outline:2px solid var(--sidebar-ring)}._sidebar-menu-sub-button_skxql_349:active{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}._sidebar-menu-sub-button_skxql_349:disabled{pointer-events:none;opacity:.5}._sidebar-menu-sub-button_skxql_349[aria-disabled=true]{pointer-events:none;opacity:.5}._sidebar-menu-sub-button_skxql_349>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._sidebar-menu-sub-button_skxql_349>svg{width:16px;height:16px;flex-shrink:0;color:var(--sidebar-accent-foreground)}._sidebar-menu-sub-button_skxql_349[data-active=true]{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}._sidebar-menu-sub-button-size-sm_skxql_412{font-size:12px}._sidebar-menu-sub-button-size-md_skxql_416{font-size:18px}[data-slot=sidebar][data-collapsible=icon] ._sidebar-menu-sub-button_skxql_349{display:none}._sidebar-trigger_1bp2n_2{width:28px;height:28px}._sidebar-input_1bp2n_7{background-color:var(--background);height:32px;width:100%;box-shadow:none}._sidebar-header_1bp2n_14,._sidebar-footer_1bp2n_20{display:flex;flex-direction:column;gap:8px}._sidebar-separator_1bp2n_27{background-color:var(--sidebar-border);margin-inline:8px}._sidebar-content_1bp2n_34{display:flex;flex-direction:column;min-height:0;flex:1 1 0;gap:8px;overflow:auto}[data-slot=sidebar][data-collapsible=icon] ._sidebar-content_1bp2n_34{overflow:hidden}._sidebar-group_1bp2n_49{position:relative;display:flex;flex-direction:column;width:100%;min-width:0}._sidebar-group-label_1bp2n_58{display:flex;align-items:center;height:32px;flex-shrink:0;padding-inline:8px;border-radius:6px;font-size:12px;font-weight:500;color:color-mix(in oklch,var(--sidebar-foreground) 9 0%,transparent);outline:none;transition:margin .2s linear,opacity .2s linear}._sidebar-group-label_1bp2n_58:focus-visible{outline:2px solid var(--sidebar-ring)}._sidebar-group-label_1bp2n_58>svg{width:16px;height:16px;flex-shrink:0}[data-slot=sidebar][data-collapsible=icon] ._sidebar-group-label_1bp2n_58{margin-top:-32px;opacity:0}._sidebar-group-content_1bp2n_92{width:100%;font-size:14px}._sidebar-group-action_1bp2n_99{position:absolute;top:14px;right:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border-radius:6px;background:transparent;color:var(--sidebar-foreground);outline:none;transition:transform .2s ease,background-color .15s ease,color .15s ease}._sidebar-group-action_1bp2n_99:focus-visible{outline:2px solid var(--sidebar-ring)}._sidebar-group-action_1bp2n_99>svg{width:16px;height:16px;flex-shrink:0}@media(hover:hover){._sidebar-group-action_1bp2n_99:hover{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}}._sidebar-group-action_1bp2n_99:after{content:"";position:absolute;inset:-8px}@media(min-width:768px){._sidebar-group-action_1bp2n_99:after{display:none}}[data-slot=sidebar][data-collapsible=icon] ._sidebar-group-action_1bp2n_99{display:none}[data-slot=sidebar-inner]{--sidebar: #191a1c;--sidebar-background: #191a1c;--sidebar-foreground: #ffffff;--sidebar-foreground-muted: #9f9f9f;--sidebar-foreground-subtle: #676767;--sidebar-border: #252628;--sidebar-ring: var(--ui-ref-color-brand-primary-500);--sidebar-accent: #252628;--sidebar-accent-foreground: #ffffff;--sidebar-section-button-bg: #191a1c;--sidebar-section-button-border: #414245;--sidebar-section-button-fg: #ffffff;--sidebar-avatar-bg: #525456}._header_1alza_17{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:80px;padding:20px;border-bottom:1px solid var(--sidebar-border);background:var(--sidebar-background)}._profile_1alza_28{display:flex;align-items:center;min-height:70px;padding:10px 20px;border-bottom:1px solid var(--sidebar-border);background:var(--sidebar-background)}._avatar_1alza_37{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--sidebar-avatar-bg);flex-shrink:0}._profileMeta_1alza_48{min-width:0}._profileName_1alza_52{color:var(--sidebar-foreground);font-size:16px;line-height:1.2}._profileRole_1alza_58{color:var(--sidebar-foreground-subtle);font-size:14px;line-height:1.2}._content_1alza_64{padding:30px 0;background:var(--sidebar-background)}._logoLink_1alza_69{display:inline-flex;align-items:center;min-width:0;transition:opacity .2s ease,width .2s ease}._logo_1alza_69{width:128px;height:34px}._trigger_1alza_81{flex-shrink:0;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;color:var(--sidebar-foreground-muted);border-color:transparent;background:transparent;box-shadow:none;border-radius:0}._trigger_1alza_81:hover,._trigger_1alza_81:focus-visible,._trigger_1alza_81[data-force-state=hover]{color:var(--sidebar-foreground);border-color:transparent;background:transparent;box-shadow:none}[data-slot=sidebar][data-state=collapsed][data-collapsible=icon] ._header_1alza_17{justify-content:center;padding:20px}[data-slot=sidebar][data-state=collapsed][data-collapsible=icon] ._profile_1alza_28{display:none}[data-slot=sidebar][data-state=collapsed][data-collapsible=icon] ._profileMeta_1alza_48,[data-slot=sidebar][data-state=collapsed][data-collapsible=icon] ._logoLink_1alza_69{width:0;opacity:0;overflow:hidden;pointer-events:none}[data-slot=sidebar][data-state=collapsed][data-collapsible=icon] ._content_1alza_64{padding:0}[data-slot=sidebar][data-state=collapsed][data-collapsible=icon] ._content_1alza_64>*{display:none}