@layer base,components;@layer components.hraness-ui.legacy.base,components.hraness-ui.legacy,components.hraness-design-kit.legacy;@layer base,components;@layer components.hraness-ui.legacy;@layer base,components;:root{color-scheme:light;--ui-background: oklch(.985 .004 220);--ui-foreground: oklch(.205 .018 230);--ui-card: oklch(.998 .002 220);--ui-card-foreground: var(--ui-foreground);--ui-popover: oklch(.998 .002 220);--ui-popover-foreground: var(--ui-foreground);--ui-primary: oklch(.405 .09 215);--ui-primary-foreground: oklch(.985 .004 220);--ui-secondary: oklch(.935 .018 215);--ui-secondary-foreground: oklch(.285 .04 222);--ui-muted: oklch(.952 .01 220);--ui-muted-foreground: oklch(.48 .028 225);--ui-accent: oklch(.915 .03 205);--ui-accent-foreground: oklch(.255 .045 220);--ui-destructive: oklch(.57 .205 27);--ui-destructive-foreground: oklch(.985 .004 220);--ui-border: oklch(.855 .02 220);--ui-input: oklch(.64 .025 220);--ui-ring: oklch(.545 .115 215);--ui-success: oklch(.49 .125 155);--ui-success-foreground: oklch(.985 .004 220);--ui-success-soft: oklch(.93 .035 155);--ui-warning: oklch(.525 .125 78);--ui-warning-foreground: oklch(.19 .025 78);--ui-warning-soft: oklch(.94 .045 88);--ui-info: oklch(.49 .12 240);--ui-info-foreground: oklch(.985 .004 220);--ui-info-soft: oklch(.93 .035 240);--ui-chart-1: oklch(.57 .15 35);--ui-chart-2: oklch(.53 .105 170);--ui-chart-3: oklch(.49 .1 235);--ui-chart-4: oklch(.65 .13 90);--ui-chart-5: oklch(.58 .14 315);--ui-font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-font-heading: var(--ui-font-mono);--ui-font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--ui-radius: .75rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--layout-edge-inset: 1.5rem;--layout-chrome-inset: .5rem;--interactive-target-compact: 2.5rem;--interactive-target-min: 3rem;--control-height: 3.25rem;--control-height-primary: 3.5rem;--control-height-transport: 4rem;--text-caption: .75rem;--text-label: .875rem;--text-body: 1rem;--text-control: 1rem;--text-control-glyph: 1.25rem;--text-heading: 1.5rem;--text-title: 2rem;--text-display: 3.5rem;--font-weight-regular: 450;--font-weight-medium: 550;--font-weight-bold: 700;--radius-sharp: 0;--radius-sm: max(0rem, calc(var(--ui-radius) - .5rem));--radius-md: max(0rem, calc(var(--ui-radius) - .25rem));--radius-lg: var(--ui-radius);--radius-round: 999px;--control-radius: 1rem;--motion-duration-instant: 0ms;--motion-duration-fast: .12s;--motion-duration-standard: .18s;--motion-duration-slow: .28s;--motion-distance-rail-enter: 14px;--motion-distance-rail-exit: 10px;--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--motion-easing-emphasized: cubic-bezier(.16, 1, .3, 1);--elevation-none: none;--elevation-low: 0 1px 2px oklch(0 0 0 / .08);--elevation-raised: 0 8px 24px -12px oklch(0 0 0 / .22);--elevation-overlay: 0 18px 48px -18px oklch(0 0 0 / .32);--z-chrome: 50;--z-modal: 2000;--z-tooltip: 3000;--z-skip-link: 4000;--breakpoint-compact: 30rem;--breakpoint-medium: 48rem;--breakpoint-wide: 75rem;--breakpoint-canvas: 90rem}:root[data-theme=dark],[data-theme=dark],.dark{color-scheme:dark;--ui-background: oklch(.15 .014 230);--ui-foreground: oklch(.955 .008 220);--ui-card: oklch(.19 .016 230);--ui-card-foreground: var(--ui-foreground);--ui-popover: oklch(.205 .018 230);--ui-popover-foreground: var(--ui-foreground);--ui-primary: oklch(.755 .105 210);--ui-primary-foreground: oklch(.175 .02 230);--ui-secondary: oklch(.255 .022 225);--ui-secondary-foreground: oklch(.94 .01 220);--ui-muted: oklch(.235 .018 225);--ui-muted-foreground: oklch(.715 .025 220);--ui-accent: oklch(.275 .035 210);--ui-accent-foreground: oklch(.95 .008 220);--ui-destructive: oklch(.68 .19 25);--ui-destructive-foreground: oklch(.16 .025 25);--ui-border: oklch(.32 .025 225);--ui-input: oklch(.48 .03 225);--ui-ring: oklch(.72 .105 210);--ui-success: oklch(.7 .12 155);--ui-success-foreground: oklch(.16 .025 155);--ui-success-soft: oklch(.25 .045 155);--ui-warning: oklch(.78 .12 82);--ui-warning-foreground: oklch(.19 .025 78);--ui-warning-soft: oklch(.27 .045 82);--ui-info: oklch(.72 .11 240);--ui-info-foreground: oklch(.16 .025 240);--ui-info-soft: oklch(.25 .04 240);--ui-chart-1: oklch(.72 .14 35);--ui-chart-2: oklch(.7 .11 170);--ui-chart-3: oklch(.7 .11 235);--ui-chart-4: oklch(.77 .12 90);--ui-chart-5: oklch(.72 .13 315)}:root[data-theme=light],[data-theme=light]{color-scheme:light;--ui-background: oklch(.985 .004 220);--ui-foreground: oklch(.205 .018 230);--ui-card: oklch(.998 .002 220);--ui-card-foreground: var(--ui-foreground);--ui-popover: oklch(.998 .002 220);--ui-popover-foreground: var(--ui-foreground);--ui-primary: oklch(.405 .09 215);--ui-primary-foreground: oklch(.985 .004 220);--ui-secondary: oklch(.935 .018 215);--ui-secondary-foreground: oklch(.285 .04 222);--ui-muted: oklch(.952 .01 220);--ui-muted-foreground: oklch(.48 .028 225);--ui-accent: oklch(.915 .03 205);--ui-accent-foreground: oklch(.255 .045 220);--ui-destructive: oklch(.57 .205 27);--ui-destructive-foreground: oklch(.985 .004 220);--ui-border: oklch(.855 .02 220);--ui-input: oklch(.64 .025 220);--ui-ring: oklch(.545 .115 215);--ui-success: oklch(.49 .125 155);--ui-success-foreground: oklch(.985 .004 220);--ui-success-soft: oklch(.93 .035 155);--ui-warning: oklch(.525 .125 78);--ui-warning-foreground: oklch(.19 .025 78);--ui-warning-soft: oklch(.94 .045 88);--ui-info: oklch(.49 .12 240);--ui-info-foreground: oklch(.985 .004 220);--ui-info-soft: oklch(.93 .035 240);--ui-chart-1: oklch(.57 .15 35);--ui-chart-2: oklch(.53 .105 170);--ui-chart-3: oklch(.49 .1 235);--ui-chart-4: oklch(.65 .13 90);--ui-chart-5: oklch(.58 .14 315)}@media(pointer:coarse){:root{--interactive-target-compact: max(2.75rem, var(--interactive-target-min))}}:root[data-verification-pointer=coarse]{--interactive-target-compact: max(2.75rem, var(--interactive-target-min))}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{min-width:0;min-height:100%;overflow-x:clip}html{background:var(--ui-background);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ui-background);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:16px;font-synthesis:none;font-variant-ligatures:common-ligatures contextual;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code,kbd,pre,samp{font-family:var(--ui-font-mono)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--ui-font-heading)}button,input,select,textarea{font:inherit}:where(button,select,input[type=button],input[type=submit],input[type=reset]){touch-action:manipulation}button:not(:disabled){cursor:pointer}a{color:inherit;text-underline-offset:.2em}:where(blockquote,dd,dt,figcaption,h1,h2,h3,h4,h5,h6,li,p){overflow-wrap:anywhere}:where(canvas,img,picture,svg,video){max-inline-size:100%}:focus-visible{outline:2px solid var(--ui-ring);outline-offset:3px}::selection{background:color-mix(in oklch,var(--ui-primary) 28%,transparent);color:var(--ui-foreground)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:.01ms!important}}@media(forced-colors:active){:focus-visible{outline-color:Highlight}::selection{background:Highlight;color:HighlightText}}}@layer components.hraness-ui.legacy.base{.hraness-field__input::placeholder{color:var(--ui-muted-foreground);opacity:1}.hraness-field__file::file-selector-button{min-height:calc(max(var(--hraness-field-height, var(--interactive-target-compact)),var(--hraness-field-coarse-min, 0px)) - 2px);margin-inline-end:var(--space-3);padding-inline:var(--space-3);border:0;border-inline-end:1px solid var(--ui-border);background:var(--ui-secondary);color:var(--ui-secondary-foreground);font:inherit}:where(.hraness-file-field[data-size=compact]) .hraness-field__file::file-selector-button{min-height:calc(max(var(--hraness-field-height, 2rem),var(--hraness-field-coarse-min, 0px)) - 2px)}:where(.hraness-file-field[data-size=large]) .hraness-field__file::file-selector-button{min-height:calc(max(var(--hraness-field-height, var(--control-height-primary)),var(--hraness-field-coarse-min, 0px)) - 2px)}@media(pointer:coarse){.hraness-field__file::file-selector-button{min-height:calc(var(--interactive-target-min) - 2px)}}.hraness-segmented-control::-webkit-scrollbar{display:none}.hraness-progress__control::-webkit-progress-bar{background:var(--ui-muted)}.hraness-progress__control::-webkit-progress-value{border-radius:inherit;background:var(--ui-primary)}.hraness-progress__control::-moz-progress-bar{border-radius:inherit;background:var(--ui-primary)}:where(.hraness-card,.hraness-pressable-card){--hraness-card-description: var(--_hraness-card-description)}}@layer components.hraness-ui.legacy{:root[data-verification-pointer=coarse]{--hraness-action-coarse-min: var(--interactive-target-min);--hraness-collection-coarse-min: var(--interactive-target-min);--hraness-field-coarse-min: var(--interactive-target-min);--hraness-slider-coarse-min: var(--interactive-target-min);--hraness-list-box-coarse-min: var(--interactive-target-min);--hraness-menu-coarse-min: var(--interactive-target-min);--hraness-dialog-coarse-min: var(--interactive-target-min);--hraness-toast-coarse-min: var(--interactive-target-min);--hraness-pagination-coarse-min: var(--interactive-target-min)}@media(forced-colors:active){.hraness-field__input::placeholder{color:CanvasText;opacity:1}}}:root.hraness-palette[data-theme],.hraness-palette[data-theme],[data-palette][data-theme]{--background: var(--hraness-palette-background);--foreground: var(--hraness-palette-foreground);--muted: var(--hraness-palette-muted);--faint: var(--hraness-palette-faint);--grid: var(--hraness-palette-grid);--line: var(--hraness-palette-line);--control-border: var(--hraness-palette-control-border);--surface: var(--hraness-palette-surface);--surface-raised: var(--hraness-palette-surface-raised);--surface-hover: var(--hraness-palette-surface-hover);--card: var(--hraness-palette-card);--card-foreground: var(--hraness-palette-card-foreground);--popover: var(--hraness-palette-popover);--popover-foreground: var(--hraness-palette-popover-foreground);--primary: var(--hraness-palette-primary);--primary-foreground: var(--hraness-palette-primary-foreground);--primary-soft: var(--hraness-palette-primary-soft);--secondary: var(--hraness-palette-secondary);--secondary-foreground: var(--hraness-palette-secondary-foreground);--accent: var(--hraness-palette-accent);--accent-foreground: var(--hraness-palette-accent-foreground);--focus: var(--hraness-palette-focus);--scrim: var(--hraness-palette-scrim);--disabled: var(--hraness-palette-disabled);--disabled-foreground: var(--hraness-palette-disabled-foreground);--inverse: var(--hraness-palette-inverse);--inverse-foreground: var(--hraness-palette-inverse-foreground);--danger: var(--hraness-palette-danger);--danger-foreground: var(--hraness-palette-danger-foreground);--danger-soft: var(--hraness-palette-danger-soft);--warning: var(--hraness-palette-warning);--warning-foreground: var(--hraness-palette-warning-foreground);--warning-soft: var(--hraness-palette-warning-soft);--success: var(--hraness-palette-success);--success-foreground: var(--hraness-palette-success-foreground);--success-soft: var(--hraness-palette-success-soft);--info: var(--hraness-palette-info);--info-foreground: var(--hraness-palette-info-foreground);--info-soft: var(--hraness-palette-info-soft);--ui-background: var(--hraness-palette-background);--ui-foreground: var(--hraness-palette-foreground);--ui-card: var(--hraness-palette-card);--ui-card-foreground: var(--hraness-palette-card-foreground);--ui-popover: var(--hraness-palette-popover);--ui-popover-foreground: var(--hraness-palette-popover-foreground);--ui-primary: var(--hraness-palette-primary);--ui-primary-foreground: var(--hraness-palette-primary-foreground);--ui-secondary: var(--hraness-palette-secondary);--ui-secondary-foreground: var(--hraness-palette-secondary-foreground);--ui-muted: var(--hraness-palette-surface-raised);--ui-muted-foreground: var(--hraness-palette-muted);--ui-accent: var(--hraness-palette-accent);--ui-accent-foreground: var(--hraness-palette-accent-foreground);--ui-destructive: var(--hraness-palette-danger);--ui-destructive-foreground: var(--hraness-palette-danger-foreground);--ui-destructive-soft: var(--hraness-palette-danger-soft);--ui-border: var(--hraness-palette-line);--ui-input: var(--hraness-palette-control-border);--ui-ring: var(--hraness-palette-focus);--ui-success: var(--hraness-palette-success);--ui-success-foreground: var(--hraness-palette-success-foreground);--ui-success-soft: var(--hraness-palette-success-soft);--ui-warning: var(--hraness-palette-warning);--ui-warning-foreground: var(--hraness-palette-warning-foreground);--ui-warning-soft: var(--hraness-palette-warning-soft);--ui-info: var(--hraness-palette-info);--ui-info-foreground: var(--hraness-palette-info-foreground);--ui-info-soft: var(--hraness-palette-info-soft);--ui-chart-1: var(--hraness-palette-chart1);--ui-chart-2: var(--hraness-palette-chart2);--ui-chart-3: var(--hraness-palette-chart3);--ui-chart-4: var(--hraness-palette-chart4);--ui-chart-5: var(--hraness-palette-chart5);--aurora-rose: var(--hraness-palette-chart1);--aurora-mint: var(--hraness-palette-chart2);--aurora-cyan: var(--hraness-palette-chart3);--aurora-gold: var(--hraness-palette-chart4);--aurora-violet: var(--hraness-palette-chart5);--canvas-background: var(--hraness-palette-background)}.hraness-palette[data-theme=dark]{color-scheme:dark}.hraness-palette[data-theme=light]{color-scheme:light}@media(forced-colors:active){:root.hraness-palette.hraness-palette[data-theme],.hraness-palette.hraness-palette[data-theme]{--hraness-palette-background: Canvas;--hraness-palette-foreground: CanvasText;--hraness-palette-muted: CanvasText;--hraness-palette-surface: Canvas;--hraness-palette-surface-raised: Canvas;--hraness-palette-surface-hover: Canvas;--hraness-palette-card: Canvas;--hraness-palette-card-foreground: CanvasText;--hraness-palette-popover: Canvas;--hraness-palette-popover-foreground: CanvasText;--hraness-palette-line: CanvasText;--hraness-palette-control-border: ButtonText;--hraness-palette-primary: Highlight;--hraness-palette-primary-foreground: HighlightText;--hraness-palette-focus: Highlight}}:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--color-surface: var(--background);--color-surface-raised: var(--surface-raised);--color-surface-input: var(--surface-hover);--color-line: var(--line);--color-control: var(--control-border);--color-ink: var(--foreground);--color-ink-muted: var(--muted);--color-accent: var(--primary);--color-accent-ink: var(--primary-foreground);--color-info: var(--info);--color-attention: var(--warning);--color-danger: var(--danger);--color-danger-ink: var(--danger-foreground)}@layer base{html{background-color:var(--color-surface);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}body{background-color:var(--color-surface);color:var(--color-ink);font-family:var(--font-sans);margin:0;min-height:100dvh;-webkit-text-size-adjust:100%}button,input,textarea,select{font:inherit}input[type=radio],input[type=checkbox]{accent-color:var(--primary)}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(forced-colors:active){:focus-visible{outline-color:Highlight}}}