[data-theme]{--button-color-primary: var(--ui-primary);--button-color-primary-foreground: var(--ui-primary-foreground);--button-color-secondary: var(--ui-secondary);--button-color-secondary-foreground: var(--ui-secondary-foreground);--button-color-accent: var(--ui-accent);--button-color-accent-foreground: var(--ui-accent-foreground);--button-color-success: var(--ui-success);--button-color-success-foreground: var(--ui-success-foreground);--button-color-danger: var(--ui-danger);--button-color-danger-foreground: var(--ui-danger-foreground);--button-color-warning: var(--ui-warning);--button-color-warning-foreground: var(--ui-warning-foreground);--button-color-info: var(--ui-info);--button-color-info-foreground: var(--ui-info-foreground);--button-color-neutral: var(--ui-neutral);--button-color-neutral-foreground: var(--ui-neutral-foreground);--button-mix-hover: var(--ui-hover-mix);--button-mix-hover-amount: var(--ui-hover-amount);--button-mix-active: var(--ui-hover-mix);--button-mix-active-amount: var(--ui-active-amount);--button-secondary-text: var(--ui-surface-foreground);--button-disabled-bg: color-mix(in oklch, var(--ui-neutral), transparent 80%);--button-disabled-text: color-mix(in oklch, var(--ui-surface-foreground), transparent 50%);--button-disabled-border: var(--ui-border);--button-sm-height: calc(var(--ui-base-spacing) * 4);--button-sm-padding-x: calc(var(--ui-base-spacing) * 1.5);--button-sm-padding-y: calc(var(--ui-base-spacing) * .75);--button-sm-font-size: var(--ui-text-sm);--button-sm-gap: calc(var(--ui-base-spacing) * .75);--button-md-height: calc(var(--ui-base-spacing) * 5);--button-md-padding-x: calc(var(--ui-base-spacing) * 2);--button-md-padding-y: var(--ui-base-spacing);--button-md-font-size: var(--ui-text-base);--button-md-gap: var(--ui-base-spacing);--button-lg-height: calc(var(--ui-base-spacing) * 6);--button-lg-padding-x: calc(var(--ui-base-spacing) * 3);--button-lg-padding-y: calc(var(--ui-base-spacing) * 1.25);--button-lg-font-size: var(--ui-text-lg);--button-lg-gap: calc(var(--ui-base-spacing) * 1.25);--button-font-family: var(--ui-font-sans);--button-font-weight: var(--ui-weight-medium);--button-line-height: var(--ui-leading-tight);--button-border-width: var(--ui-border-width);--button-border-radius: var(--ui-base-radius);--button-shadow: var(--ui-depth);--button-shadow-hover: var(--ui-depth);--button-shadow-active: var(--ui-depth);--button-shadow-disabled: none;--button-focus-ring-width: var(--ui-ring-width);--button-focus-ring-offset: var(--ui-ring-offset);--button-transition: var(--ui-base-duration) var(--ui-base-easing);--button-opacity-disabled: .6;--button-opacity-loading: .7;--button-soft-text-mix-amount: 10%;--button-outline-hover-alpha: 92%;--button-outline-active-alpha: 85%;--button-ghost-hover-alpha: 90%;--button-ghost-active-alpha: 82%;--button-soft-bg-alpha: 85%;--button-soft-hover-alpha: 78%;--button-soft-active-alpha: 70%;--button-dash-hover-alpha: 92%;--button-dash-active-alpha: 85%;--button-cursor-default: pointer;--button-cursor-disabled: not-allowed;--button-icon-sm-size: calc(var(--ui-base-spacing) * 4);--button-icon-md-size: calc(var(--ui-base-spacing) * 5);--button-icon-lg-size: calc(var(--ui-base-spacing) * 6)}.button{--_color: var(--button-color-primary);--_foreground: var(--button-color-primary-foreground);display:inline-flex;align-items:center;justify-content:center;gap:var(--button-md-gap);font-family:var(--button-font-family);font-weight:var(--button-font-weight);line-height:var(--button-line-height);border-style:solid;border-width:var(--button-border-width);border-radius:var(--button-border-radius);cursor:var(--button-cursor-default);transition:background-color var(--button-transition),border-color var(--button-transition),color var(--button-transition),box-shadow var(--button-transition),opacity var(--button-transition);text-decoration:none}.button:focus-visible{outline:var(--button-focus-ring-width) solid color-mix(in oklch,var(--_color),transparent 70%);outline-offset:var(--button-focus-ring-offset)}.button:disabled,.button[aria-disabled=true]{cursor:var(--button-cursor-disabled);opacity:var(--button-opacity-disabled);box-shadow:var(--button-shadow-disabled);pointer-events:none}.button--primary{--_color: var(--button-color-primary);--_foreground: var(--button-color-primary-foreground)}.button--secondary{--_color: var(--button-color-secondary);--_foreground: var(--button-color-secondary-foreground)}.button--accent{--_color: var(--button-color-accent);--_foreground: var(--button-color-accent-foreground)}.button--success{--_color: var(--button-color-success);--_foreground: var(--button-color-success-foreground)}.button--danger{--_color: var(--button-color-danger);--_foreground: var(--button-color-danger-foreground)}.button--warning{--_color: var(--button-color-warning);--_foreground: var(--button-color-warning-foreground)}.button--info{--_color: var(--button-color-info);--_foreground: var(--button-color-info-foreground)}.button--neutral{--_color: var(--button-color-neutral);--_foreground: var(--button-color-neutral-foreground)}.button--sm{height:var(--button-sm-height);padding:var(--button-sm-padding-y) var(--button-sm-padding-x);font-size:var(--button-sm-font-size);gap:var(--button-sm-gap)}.button--md{height:var(--button-md-height);padding:var(--button-md-padding-y) var(--button-md-padding-x);font-size:var(--button-md-font-size);gap:var(--button-md-gap)}.button--lg{height:var(--button-lg-height);padding:var(--button-lg-padding-y) var(--button-lg-padding-x);font-size:var(--button-lg-font-size);gap:var(--button-lg-gap)}.button--icon.button--sm{width:var(--button-icon-sm-size);height:var(--button-icon-sm-size);padding:0}.button--icon.button--md{width:var(--button-icon-md-size);height:var(--button-icon-md-size);padding:0}.button--icon.button--lg{width:var(--button-icon-lg-size);height:var(--button-icon-lg-size);padding:0}.button--filled{background-color:var(--_color);color:var(--_foreground);border-color:var(--_color);box-shadow:var(--button-shadow)}.button--filled:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--_color),var(--button-mix-hover) var(--button-mix-hover-amount));border-color:color-mix(in oklch,var(--_color),var(--button-mix-hover) var(--button-mix-hover-amount));box-shadow:var(--button-shadow-hover)}.button--filled:active:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--_color),var(--button-mix-active) var(--button-mix-active-amount));border-color:color-mix(in oklch,var(--_color),var(--button-mix-active) var(--button-mix-active-amount));box-shadow:var(--button-shadow-active)}.button--filled:disabled,.button--filled[aria-disabled=true]{background-color:var(--button-disabled-bg);color:var(--button-disabled-text);border-color:var(--button-disabled-border)}.button--outline{background-color:color-mix(in oklch,var(--_color),transparent 100%);color:var(--_color);border-color:var(--_color)}.button--outline.button--secondary{color:var(--button-secondary-text);border-color:color-mix(in oklch,var(--_color),transparent 50%)}.button--outline:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--_color),transparent var(--button-outline-hover-alpha));color:color-mix(in oklch,var(--_color),var(--button-mix-hover) var(--button-mix-hover-amount));border-color:color-mix(in oklch,var(--_color),var(--button-mix-hover) 10%)}.button--outline:active:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--_color),transparent var(--button-outline-active-alpha));color:color-mix(in oklch,var(--_color),var(--button-mix-active) var(--button-mix-active-amount));border-color:color-mix(in oklch,var(--_color),var(--button-mix-active) 20%)}.button--outline:disabled,.button--outline[aria-disabled=true]{background-color:color-mix(in oklch,var(--_color),transparent 100%);color:var(--button-disabled-text);border-color:var(--button-disabled-border)}.button--ghost{background-color:color-mix(in oklch,var(--_color),transparent 100%);color:var(--_color);border-color:transparent}.button--ghost.button--secondary{color:var(--button-secondary-text)}.button--ghost:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--_color),transparent var(--button-ghost-hover-alpha));color:color-mix(in oklch,var(--_color),var(--button-mix-hover) var(--button-mix-hover-amount))}.button--ghost:active:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--_color),transparent var(--button-ghost-active-alpha));color:color-mix(in oklch,var(--_color),var(--button-mix-active) var(--button-mix-active-amount))}.button--ghost:disabled,.button--ghost[aria-disabled=true]{background-color:color-mix(in oklch,var(--_color),transparent 100%);color:var(--button-disabled-text)}.button--soft{background-color:color-mix(in oklch,var(--_color),transparent var(--button-soft-bg-alpha));color:color-mix(in oklch,var(--_color),var(--button-mix-hover) var(--button-soft-text-mix-amount));border-color:transparent}.button--soft:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--_color),transparent var(--button-soft-hover-alpha));color:color-mix(in oklch,var(--_color),var(--button-mix-hover) var(--button-mix-hover-amount))}.button--soft:active:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--_color),transparent var(--button-soft-active-alpha));color:color-mix(in oklch,var(--_color),var(--button-mix-active) var(--button-mix-active-amount))}.button--soft:disabled,.button--soft[aria-disabled=true]{background-color:var(--button-disabled-bg);color:var(--button-disabled-text)}.button--link{background-color:color-mix(in oklch,var(--_color),transparent 100%);color:var(--_color);border-color:transparent;text-decoration:none;box-shadow:none}.button--link.button--secondary{color:var(--button-secondary-text)}.button--link:hover:not(:disabled):not([aria-disabled=true]){color:color-mix(in oklch,var(--_color),var(--button-mix-hover) var(--button-mix-hover-amount));text-decoration:underline}.button--link:active:not(:disabled):not([aria-disabled=true]){color:color-mix(in oklch,var(--_color),var(--button-mix-active) var(--button-mix-active-amount))}.button--link:disabled,.button--link[aria-disabled=true]{color:var(--button-disabled-text)}.button--dash{background-color:color-mix(in oklch,var(--_color),transparent 100%);color:var(--_color);border-color:color-mix(in oklch,var(--_color),transparent 40%);border-style:dashed}.button--dash.button--secondary{color:var(--button-secondary-text)}.button--dash:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--_color),transparent var(--button-dash-hover-alpha));color:color-mix(in oklch,var(--_color),var(--button-mix-hover) var(--button-mix-hover-amount));border-color:color-mix(in oklch,var(--_color),transparent 20%)}.button--dash:active:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--_color),transparent var(--button-dash-active-alpha));color:color-mix(in oklch,var(--_color),var(--button-mix-active) var(--button-mix-active-amount));border-color:var(--_color)}.button--dash:disabled,.button--dash[aria-disabled=true]{background-color:color-mix(in oklch,var(--_color),transparent 100%);color:var(--button-disabled-text);border-color:var(--button-disabled-border)}.button--full-width{width:100%}.button--loading{position:relative}.button__content{display:inline-flex;align-items:center;gap:inherit}.button__content--hidden{visibility:hidden}.button--loading .button__content:not(.button__content--hidden){opacity:var(--button-opacity-loading)}.button__loader{display:inline-flex;align-items:center;justify-content:center}.button--icon .button__loader{position:absolute;inset:0;display:flex}[data-theme]{--spinner-sm-size: calc(var(--ui-base-spacing) * 2);--spinner-md-size: calc(var(--ui-base-spacing) * 3);--spinner-lg-size: calc(var(--ui-base-spacing) * 4);--spinner-default-size: 1em;--spinner-sm-border-width: calc(var(--ui-border-width) * 2);--spinner-md-border-width: calc(var(--ui-border-width) * 3);--spinner-lg-border-width: calc(var(--ui-border-width) * 4);--spinner-default-border-width: .125em;--spinner-border-radius: 9999px;--spinner-track-color: var(--ui-border);--spinner-color-primary: var(--ui-primary);--spinner-color-secondary: var(--ui-secondary);--spinner-color-accent: var(--ui-accent);--spinner-color-success: var(--ui-success);--spinner-color-warning: var(--ui-warning);--spinner-color-danger: var(--ui-danger);--spinner-color-info: var(--ui-info);--spinner-color-neutral: var(--ui-neutral);--spinner-duration: calc(var(--ui-base-duration) * 4);--spinner-reduced-motion-duration: 2s;--spinner-timing: linear}.spinner{position:relative;display:inline-block;width:var(--spinner-default-size);height:var(--spinner-default-size)}.spinner--sm{width:var(--spinner-sm-size);height:var(--spinner-sm-size)}.spinner--md{width:var(--spinner-md-size);height:var(--spinner-md-size)}.spinner--lg{width:var(--spinner-lg-size);height:var(--spinner-lg-size)}.spinner__track,.spinner__indicator{position:absolute;inset:0;border-style:solid;border-radius:var(--spinner-border-radius)}.spinner__track{border-width:var(--spinner-default-border-width);border-color:currentColor;opacity:.25}.spinner--sm .spinner__track,.spinner--md .spinner__track,.spinner--lg .spinner__track{opacity:1;border-color:var(--spinner-track-color)}.spinner--sm .spinner__track{border-width:var(--spinner-sm-border-width)}.spinner--md .spinner__track{border-width:var(--spinner-md-border-width)}.spinner--lg .spinner__track{border-width:var(--spinner-lg-border-width)}.spinner__indicator{border-width:var(--spinner-default-border-width);border-color:transparent;border-top-color:currentColor;animation:spinner-rotate var(--spinner-duration) var(--spinner-timing) infinite}.spinner--sm .spinner__indicator,.spinner--md .spinner__indicator,.spinner--lg .spinner__indicator{border-top-color:currentColor}.spinner--sm .spinner__indicator{border-width:var(--spinner-sm-border-width)}.spinner--md .spinner__indicator{border-width:var(--spinner-md-border-width)}.spinner--lg .spinner__indicator{border-width:var(--spinner-lg-border-width)}.spinner--primary .spinner__indicator{border-top-color:var(--spinner-color-primary)}.spinner--secondary .spinner__indicator{border-top-color:var(--spinner-color-secondary)}.spinner--accent .spinner__indicator{border-top-color:var(--spinner-color-accent)}.spinner--success .spinner__indicator{border-top-color:var(--spinner-color-success)}.spinner--warning .spinner__indicator{border-top-color:var(--spinner-color-warning)}.spinner--danger .spinner__indicator{border-top-color:var(--spinner-color-danger)}.spinner--info .spinner__indicator{border-top-color:var(--spinner-color-info)}.spinner--neutral .spinner__indicator{border-top-color:var(--spinner-color-neutral)}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner__indicator{animation-duration:var(--spinner-reduced-motion-duration)}}.spinner__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme]{--input-bg: var(--ui-surface);--input-fg: var(--ui-surface-foreground);--input-border: var(--ui-border);--input-border-width: var(--ui-border-width);--input-placeholder: color-mix(in oklch, var(--ui-surface-foreground), transparent 55%);--input-focus-color: var(--ui-primary);--input-focus-ring-width: var(--ui-ring-width);--input-focus-ring-offset: var(--ui-ring-offset);--input-error-color: var(--ui-danger);--input-disabled-bg: color-mix(in oklch, var(--ui-neutral), transparent 80%);--input-disabled-fg: color-mix(in oklch, var(--ui-surface-foreground), transparent 50%);--input-disabled-border: var(--ui-border);--input-hover-border: color-mix( in oklch, var(--ui-border), var(--ui-hover-mix) var(--ui-hover-amount) );--input-height: calc(var(--ui-base-spacing) * 5);--input-padding-x: calc(var(--ui-base-spacing) * 2);--input-font-size: var(--ui-text-base);--input-font-family: var(--ui-font-sans);--input-font-weight: var(--ui-weight-normal);--input-line-height: var(--ui-leading-normal);--input-border-radius: var(--ui-base-radius);--input-transition: var(--ui-base-duration) var(--ui-base-easing);--input-icon-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 40%);--input-clear-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 40%);--input-clear-hover-color: var(--ui-surface-foreground);--input-icon-size: calc(var(--ui-base-spacing) * 2.5)}.input{position:relative;display:inline-flex;align-items:center}.input--full-width{width:100%}.input__field{height:var(--input-height);padding:0 var(--input-padding-x);background-color:var(--input-bg);color:var(--input-fg);border:var(--input-border-width) solid var(--input-border);border-radius:var(--input-border-radius);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);line-height:var(--input-line-height);outline:var(--input-focus-ring-width) solid transparent;outline-offset:var(--input-focus-ring-offset);transition:border-color var(--input-transition),background-color var(--input-transition)}.input__field--full-width{width:100%}.input__field--has-icon{padding-left:calc(var(--input-padding-x) + var(--input-icon-size) + var(--ui-base-spacing))}.input__field--has-clear{padding-right:calc(var(--input-padding-x) + var(--input-icon-size) + var(--ui-base-spacing))}.input__field::placeholder{color:var(--input-placeholder)}.input__field:hover:not(:disabled):not([aria-disabled=true]):not(:focus){border-color:var(--input-hover-border)}.input__field:active:not(:disabled):not([aria-disabled=true]){border-color:var(--input-focus-color)}.input__field:focus{border-color:var(--input-focus-color)}.input__field:focus-visible{outline-color:color-mix(in oklch,var(--input-focus-color),transparent 70%)}.input__field--error{border-color:var(--input-error-color)}.input__field--error:hover:not(:disabled):not([aria-disabled=true]):not(:focus),.input__field--error:active:not(:disabled):not([aria-disabled=true]){border-color:var(--input-error-color)}.input__field--error:focus{border-color:var(--input-error-color)}.input__field--error:focus-visible{outline-color:color-mix(in oklch,var(--input-error-color),transparent 70%)}.input__field:disabled,.input__field[aria-disabled=true]{background-color:var(--input-disabled-bg);color:var(--input-disabled-fg);border-color:var(--input-disabled-border);cursor:not-allowed}.input__field:disabled::placeholder,.input__field[aria-disabled=true]::placeholder{color:var(--input-disabled-fg)}.input__icon{position:absolute;left:var(--input-padding-x);display:flex;align-items:center;justify-content:center;width:var(--input-icon-size);height:var(--input-icon-size);color:var(--input-icon-color);pointer-events:none}.input__clear{position:absolute;right:var(--input-padding-x);display:flex;align-items:center;justify-content:center;width:var(--input-icon-size);height:var(--input-icon-size);padding:0;border:none;background:none;color:var(--input-clear-color);cursor:pointer;border-radius:var(--ui-base-radius);transition:color var(--input-transition)}.input__clear:hover{color:var(--input-clear-hover-color)}.input__clear:active{color:var(--input-focus-color)}.input__clear:focus-visible{outline:var(--input-focus-ring-width) solid color-mix(in oklch,var(--input-focus-color),transparent 70%);outline-offset:var(--input-focus-ring-offset)}.input:has(.input__field:disabled) .input__icon,.input:has(.input__field[aria-disabled=true]) .input__icon{color:var(--input-disabled-fg)}@media(prefers-reduced-motion:reduce){.input__field,.input__clear{transition:none}}[data-theme]{--textarea-bg: var(--ui-surface);--textarea-fg: var(--ui-surface-foreground);--textarea-border: var(--ui-border);--textarea-border-width: var(--ui-border-width);--textarea-placeholder: color-mix(in oklch, var(--ui-surface-foreground), transparent 55%);--textarea-focus-color: var(--ui-primary);--textarea-focus-ring-width: var(--ui-ring-width);--textarea-focus-ring-offset: var(--ui-ring-offset);--textarea-error-color: var(--ui-danger);--textarea-disabled-bg: color-mix(in oklch, var(--ui-neutral), transparent 80%);--textarea-disabled-fg: color-mix(in oklch, var(--ui-surface-foreground), transparent 50%);--textarea-disabled-border: var(--ui-border);--textarea-hover-border: color-mix( in oklch, var(--ui-border), var(--ui-hover-mix) var(--ui-hover-amount) );--textarea-padding-x: calc(var(--ui-base-spacing) * 2);--textarea-padding-y: calc(var(--ui-base-spacing) * 1.5);--textarea-font-size: var(--ui-text-base);--textarea-font-family: var(--ui-font-sans);--textarea-font-weight: var(--ui-weight-normal);--textarea-line-height: var(--ui-leading-normal);--textarea-border-radius: var(--ui-base-radius);--textarea-transition: var(--ui-base-duration) var(--ui-base-easing);--textarea-min-height: calc(var(--ui-base-spacing) * 10)}.textarea__field{background-color:var(--textarea-bg);color:var(--textarea-fg);border:var(--textarea-border-width) solid var(--textarea-border);border-radius:var(--textarea-border-radius);font-family:var(--textarea-font-family);font-weight:var(--textarea-font-weight);line-height:var(--textarea-line-height);outline:var(--textarea-focus-ring-width) solid transparent;outline-offset:var(--textarea-focus-ring-offset);min-height:var(--textarea-min-height);transition:border-color var(--textarea-transition),background-color var(--textarea-transition)}.textarea__field{padding:var(--textarea-padding-y) var(--textarea-padding-x);font-size:var(--textarea-font-size)}.textarea__field--full-width{width:100%}.textarea__field::placeholder{color:var(--textarea-placeholder)}.textarea__field:hover:not(:disabled):not([aria-disabled=true]):not(:focus){border-color:var(--textarea-hover-border)}.textarea__field:active:not(:disabled):not([aria-disabled=true]){border-color:var(--textarea-focus-color)}.textarea__field:focus{border-color:var(--textarea-focus-color)}.textarea__field:focus-visible{outline-color:color-mix(in oklch,var(--textarea-focus-color),transparent 70%)}.textarea__field--error{border-color:var(--textarea-error-color)}.textarea__field--error:hover:not(:disabled):not([aria-disabled=true]):not(:focus),.textarea__field--error:active:not(:disabled):not([aria-disabled=true]){border-color:var(--textarea-error-color)}.textarea__field--error:focus{border-color:var(--textarea-error-color)}.textarea__field--error:focus-visible{outline-color:color-mix(in oklch,var(--textarea-error-color),transparent 70%)}.textarea__field:disabled,.textarea__field[aria-disabled=true]{background-color:var(--textarea-disabled-bg);color:var(--textarea-disabled-fg);border-color:var(--textarea-disabled-border);cursor:not-allowed}.textarea__field:disabled::placeholder,.textarea__field[aria-disabled=true]::placeholder{color:var(--textarea-disabled-fg)}[data-theme]{--select-bg: var(--ui-surface);--select-fg: var(--ui-surface-foreground);--select-border: var(--ui-border);--select-border-width: var(--ui-border-width);--select-placeholder: color-mix(in oklch, var(--ui-surface-foreground), transparent 55%);--select-focus-color: var(--ui-primary);--select-focus-ring-width: var(--ui-ring-width);--select-focus-ring-offset: var(--ui-ring-offset);--select-error-color: var(--ui-danger);--select-disabled-bg: color-mix(in oklch, var(--ui-neutral), transparent 80%);--select-disabled-fg: color-mix(in oklch, var(--ui-surface-foreground), transparent 50%);--select-disabled-border: var(--ui-border);--select-hover-border: color-mix( in oklch, var(--ui-border), var(--ui-hover-mix) var(--ui-hover-amount) );--select-height: calc(var(--ui-base-spacing) * 5);--select-padding-x: calc(var(--ui-base-spacing) * 2);--select-font-size: var(--ui-text-base);--select-font-family: var(--ui-font-sans);--select-font-weight: var(--ui-weight-normal);--select-border-radius: var(--ui-base-radius);--select-transition: var(--ui-base-duration) var(--ui-base-easing);--select-chevron-size: calc(var(--ui-base-spacing) * 2);--select-chevron-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 35%);--select-listbox-bg: var(--ui-surface-overlay);--select-listbox-fg: var(--ui-surface-overlay-foreground);--select-listbox-border: var(--ui-border);--select-listbox-shadow: var(--ui-depth);--select-listbox-padding: calc(var(--ui-base-spacing) * .5);--select-listbox-max-height: calc(var(--ui-base-spacing) * 40);--select-listbox-z-index: var(--ui-z-overlay);--select-listbox-enter-offset: var(--ui-enter-offset);--select-option-height: calc(var(--ui-base-spacing) * 5);--select-option-padding-x: calc(var(--ui-base-spacing) * 1.5);--select-option-font-size: var(--ui-text-sm);--select-option-border-radius: calc(var(--ui-base-radius) * .5);--select-option-hover-bg: color-mix(in oklch, var(--ui-neutral), transparent 90%);--select-option-selected-bg: color-mix(in oklch, var(--ui-primary), transparent 90%);--select-option-selected-hover-bg: color-mix(in oklch, var(--ui-primary), transparent 84%);--select-option-selected-fg: var(--ui-primary);--select-option-check-size: calc(var(--ui-base-spacing) * 2);--select-option-disabled-opacity: .5}.select{display:inline-flex}.select--full-width{display:flex;width:100%}.select__trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--ui-base-spacing) * 1);width:100%;background-color:var(--select-bg);color:var(--select-fg);border:var(--select-border-width) solid var(--select-border);border-radius:var(--select-border-radius);font-family:var(--select-font-family);font-weight:var(--select-font-weight);cursor:pointer;outline:var(--select-focus-ring-width) solid transparent;outline-offset:var(--select-focus-ring-offset);transition:border-color var(--select-transition),background-color var(--select-transition),outline-color var(--select-transition);white-space:nowrap;text-align:left}.select__trigger{height:var(--select-height);padding:0 var(--select-padding-x);font-size:var(--select-font-size)}.select__trigger:hover:not(:disabled):not([aria-disabled=true]):not(.select__trigger--open){border-color:var(--select-hover-border)}.select__trigger:focus-visible,.select__trigger--open:not(:disabled):not([aria-disabled=true]){border-color:var(--select-focus-color);outline-color:color-mix(in oklch,var(--select-focus-color),transparent 70%)}.select__trigger--error{border-color:var(--select-error-color)}.select__trigger--error:hover:not(:disabled):not([aria-disabled=true]):not(.select__trigger--open){border-color:var(--select-error-color)}.select__trigger--error:focus-visible,.select__trigger--error.select__trigger--open:not(:disabled):not([aria-disabled=true]){border-color:var(--select-error-color);outline-color:color-mix(in oklch,var(--select-error-color),transparent 70%)}.select__trigger:disabled,.select__trigger[aria-disabled=true]{background-color:var(--select-disabled-bg);color:var(--select-disabled-fg);border-color:var(--select-disabled-border);cursor:not-allowed}.select__value-wrapper{display:grid;flex:1;overflow:hidden;min-width:0}.select__value-wrapper>span{grid-area:1 / 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__value-sizer{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.select__value--placeholder{color:var(--select-placeholder)}.select__chevron{flex-shrink:0;width:var(--select-chevron-size);height:var(--select-chevron-size);color:var(--select-chevron-color);transition:transform var(--select-transition)}.select__chevron--open{transform:rotate(180deg)}.select__listbox{position:fixed;top:0;left:0;z-index:var(--select-listbox-z-index);max-height:var(--select-listbox-max-height);overflow-y:auto;padding:var(--select-listbox-padding);background:var(--select-listbox-bg);color:var(--select-listbox-fg);border:var(--select-border-width) solid var(--select-listbox-border);border-radius:var(--select-border-radius);box-shadow:var(--select-listbox-shadow);opacity:0;transform:translateY(var(--select-listbox-enter-offset));animation:panel-enter var(--select-transition) forwards}.select__option{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--ui-base-spacing) * 1.5);min-height:var(--select-option-height);padding:0 var(--select-option-padding-x);font-family:var(--select-font-family);font-size:var(--select-option-font-size);border-radius:var(--select-option-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--select-transition)}.select__option:not(.select__option--disabled):hover,.select__option--active:not(.select__option--disabled){background:var(--select-option-hover-bg)}.select__option--selected{background:var(--select-option-selected-bg);color:var(--select-option-selected-fg)}.select__option--selected:not(.select__option--disabled):hover,.select__option--selected.select__option--active:not(.select__option--disabled){background:var(--select-option-selected-hover-bg)}.select__option--disabled{opacity:var(--select-option-disabled-opacity);cursor:not-allowed}.select__option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__option-check{flex-shrink:0;width:var(--select-option-check-size);height:var(--select-option-check-size)}[data-theme]{--file-input-bg: var(--ui-surface);--file-input-fg: var(--ui-surface-foreground);--file-input-border: var(--ui-border);--file-input-border-width: var(--ui-border-width);--file-input-border-style: dashed;--file-input-border-radius: var(--ui-base-radius);--file-input-focus-color: var(--ui-primary);--file-input-focus-ring-width: var(--ui-ring-width);--file-input-focus-ring-offset: var(--ui-ring-offset);--file-input-hover-bg: color-mix(in oklch, var(--ui-primary), transparent 96%);--file-input-hover-border: color-mix( in oklch, var(--ui-border), var(--ui-hover-mix) var(--ui-hover-amount) );--file-input-drag-bg: color-mix(in oklch, var(--ui-primary), transparent 90%);--file-input-drag-border: var(--ui-primary);--file-input-error-color: var(--ui-danger);--file-input-success-color: var(--ui-success);--file-input-disabled-bg: color-mix(in oklch, var(--ui-neutral), transparent 80%);--file-input-disabled-fg: color-mix(in oklch, var(--ui-surface-foreground), transparent 50%);--file-input-disabled-border: var(--ui-border);--file-input-hint-fg: color-mix(in oklch, var(--ui-surface-foreground), transparent 45%);--file-input-icon-fg: var(--ui-neutral);--file-input-file-bg: var(--ui-surface-raised);--file-input-file-border: var(--ui-border);--file-input-file-name-fg: var(--ui-surface-foreground);--file-input-file-size-fg: var(--ui-secondary);--file-input-remove-fg: var(--ui-neutral);--file-input-remove-hover-fg: var(--ui-danger);--file-input-padding-y: calc(var(--ui-base-spacing) * 3);--file-input-padding-x: calc(var(--ui-base-spacing) * 3);--file-input-font-size: var(--ui-text-base);--file-input-font-family: var(--ui-font-sans);--file-input-font-weight: var(--ui-weight-normal);--file-input-transition: var(--ui-base-duration) var(--ui-base-easing);--file-input-gap: calc(var(--ui-base-spacing) * 1)}.file-input{display:inline-flex;flex-direction:column;gap:var(--file-input-gap)}.file-input--full-width{display:flex;width:100%}.file-input__native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.file-input__zone{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--ui-base-spacing) * .75);width:100%;background-color:var(--file-input-bg);color:var(--file-input-fg);border:var(--file-input-border-width) var(--file-input-border-style) var(--file-input-border);border-radius:var(--file-input-border-radius);font-family:var(--file-input-font-family);font-weight:var(--file-input-font-weight);cursor:pointer;text-align:center;outline:var(--file-input-focus-ring-width) solid transparent;outline-offset:var(--file-input-focus-ring-offset);transition:border-color var(--file-input-transition),background-color var(--file-input-transition),outline-color var(--file-input-transition)}.file-input__zone{padding:var(--file-input-padding-y) var(--file-input-padding-x);font-size:var(--file-input-font-size)}.file-input__zone:hover:not(.file-input__zone--disabled){background-color:var(--file-input-hover-bg);border-color:var(--file-input-hover-border)}.file-input__zone:focus-visible{border-color:var(--file-input-focus-color);outline-color:color-mix(in oklch,var(--file-input-focus-color),transparent 70%)}.file-input__zone--drag-over{background-color:var(--file-input-drag-bg);border-color:var(--file-input-drag-border);border-style:solid}.file-input__zone--error{border-color:var(--file-input-error-color);border-style:solid}.file-input__zone--error:hover:not(.file-input__zone--disabled){border-color:var(--file-input-error-color)}.file-input__zone--error:focus-visible{border-color:var(--file-input-error-color);outline-color:color-mix(in oklch,var(--file-input-error-color),transparent 70%)}.file-input__zone--success{border-color:var(--file-input-success-color);border-style:solid}.file-input__zone--success:hover:not(.file-input__zone--disabled){border-color:var(--file-input-success-color)}.file-input__zone--success:focus-visible{border-color:var(--file-input-success-color);outline-color:color-mix(in oklch,var(--file-input-success-color),transparent 70%)}.file-input__zone--disabled{background-color:var(--file-input-disabled-bg);color:var(--file-input-disabled-fg);border-color:var(--file-input-disabled-border);cursor:not-allowed}.file-input__zone[aria-disabled=true]{cursor:default;opacity:.6;pointer-events:none}.file-input__icon{color:var(--file-input-icon-fg);flex-shrink:0}.file-input__placeholder{font-weight:var(--ui-weight-medium)}.file-input__hint{font-size:var(--ui-text-sm);color:var(--file-input-hint-fg);line-height:var(--ui-leading-normal)}.file-input__file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--ui-base-spacing) * .5)}.file-input__file-item{box-sizing:border-box;display:flex;align-items:center;gap:calc(var(--ui-base-spacing) * 1.5);padding:calc(var(--ui-base-spacing) * 1) calc(var(--ui-base-spacing) * 1.5);background-color:var(--file-input-file-bg);border:var(--file-input-border-width) solid var(--file-input-file-border);border-radius:var(--file-input-border-radius);font-family:var(--file-input-font-family);font-size:var(--ui-text-sm)}.file-input__file-icon{color:var(--file-input-icon-fg);flex-shrink:0}.file-input__file-name{flex:1;color:var(--file-input-file-name-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.file-input__file-size{color:var(--file-input-file-size-fg);font-size:var(--ui-text-xs);flex-shrink:0}.file-input__file-remove{all:unset;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--file-input-remove-fg);cursor:pointer;border-radius:calc(var(--ui-base-radius) * .5);transition:color var(--file-input-transition)}.file-input__file-remove:hover{color:var(--file-input-remove-hover-fg)}.file-input__file-remove:focus-visible{outline:var(--file-input-focus-ring-width) solid var(--file-input-focus-color);outline-offset:2px}[data-theme]{--field-gap: calc(var(--ui-base-spacing) * 1.5);--field-font-family: var(--ui-font-sans);--field-label-font-size: var(--ui-text-sm);--field-label-font-weight: var(--ui-weight-medium);--field-label-color: var(--ui-surface-foreground);--field-label-line-height: var(--ui-leading-tight);--field-required-color: var(--ui-danger);--field-description-font-size: var(--ui-text-sm);--field-description-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 45%);--field-description-error-color: var(--ui-danger);--field-description-line-height: var(--ui-leading-tight);--field-group-gap: calc(var(--ui-base-spacing) * 2);--field-set-gap: calc(var(--ui-base-spacing) * 2);--field-legend-font-size: var(--ui-text-base);--field-legend-font-weight: var(--ui-weight-medium);--field-legend-color: var(--ui-surface-foreground);--field-legend-line-height: var(--ui-leading-tight);--field-separator-color: var(--ui-border);--field-separator-width: var(--ui-border-width)}.field{display:inline-flex;flex-direction:column;gap:var(--field-gap);font-family:var(--field-font-family)}.field--full-width{width:100%}.field--inline{flex-direction:row;align-items:center}.field-label{font-size:var(--field-label-font-size);font-weight:var(--field-label-font-weight);color:var(--field-label-color);line-height:var(--field-label-line-height)}.field-label__required{color:var(--field-required-color);margin-inline-start:2px}.field-description{font-size:var(--field-description-font-size);color:var(--field-description-color);line-height:var(--field-description-line-height);margin:0}.field-description--error{color:var(--field-description-error-color)}.field-group{display:flex;gap:var(--field-group-gap);align-items:flex-start}.field-group--row{flex-direction:row}.field-group--column{flex-direction:column}.field-set{display:flex;flex-direction:column;gap:var(--field-set-gap);border:none;padding:0;margin:0;min-inline-size:0}.field-legend{font-size:var(--field-legend-font-size);font-weight:var(--field-legend-font-weight);color:var(--field-legend-color);line-height:var(--field-legend-line-height);padding:0;margin-bottom:var(--field-set-gap)}.field-separator{border:none;border-top:var(--field-separator-width) solid var(--field-separator-color);margin:0}[data-theme]{--card-bg: var(--ui-surface-raised);--card-foreground: var(--ui-surface-raised-foreground);--card-border-color: var(--ui-border);--card-border-width: var(--ui-border-width);--card-radius: var(--ui-base-radius);--card-divider-color: var(--ui-border);--card-shadow: var(--ui-depth);--card-padding-sm: calc(var(--ui-base-spacing) * 2);--card-padding-md: calc(var(--ui-base-spacing) * 4);--card-padding-lg: calc(var(--ui-base-spacing) * 6);--card-footer-gap: calc(var(--ui-base-spacing) * 2)}.card{background-color:var(--card-bg);color:var(--card-foreground);border-radius:var(--card-radius);padding:var(--_pad, var(--card-padding-md));display:flex;flex-direction:column;overflow:hidden}.card:has(.card__header,.card__body,.card__footer){padding:0}.card--default{border:var(--card-border-width) solid var(--card-border-color)}.card--outlined{border:calc(var(--card-border-width) * 2) solid var(--card-border-color)}.card--elevated{box-shadow:var(--card-shadow)}.card--pad-none{--_pad: 0}.card--pad-sm{--_pad: var(--card-padding-sm)}.card--pad-md{--_pad: var(--card-padding-md)}.card--pad-lg{--_pad: var(--card-padding-lg)}.card__header,.card__body,.card__footer{padding:var(--_pad)}.card__header+.card__body,.card__header+.card__footer,.card__body+.card__footer{border-top:var(--card-border-width) solid var(--card-divider-color)}.card__footer{display:flex;align-items:center;gap:var(--card-footer-gap)}[data-theme]{--typography-color: var(--ui-surface-foreground);--typography-color-muted: color-mix(in oklch, var(--ui-surface-foreground), transparent 40%);--typography-color-primary: var(--ui-primary);--typography-color-secondary: var(--ui-secondary);--typography-color-success: var(--ui-success);--typography-color-danger: var(--ui-danger);--typography-color-warning: var(--ui-warning);--typography-color-info: var(--ui-info);--typography-h1-size: var(--ui-text-4xl);--typography-h1-weight: var(--ui-weight-bold);--typography-h1-leading: var(--ui-leading-tight);--typography-h1-tracking: -.025em;--typography-h2-size: var(--ui-text-3xl);--typography-h2-weight: var(--ui-weight-bold);--typography-h2-leading: var(--ui-leading-tight);--typography-h2-tracking: -.02em;--typography-h3-size: var(--ui-text-2xl);--typography-h3-weight: var(--ui-weight-semibold);--typography-h3-leading: var(--ui-leading-tight);--typography-h3-tracking: -.015em;--typography-h4-size: var(--ui-text-xl);--typography-h4-weight: var(--ui-weight-semibold);--typography-h4-leading: var(--ui-leading-tight);--typography-h4-tracking: -.01em;--typography-h5-size: var(--ui-text-lg);--typography-h5-weight: var(--ui-weight-semibold);--typography-h5-leading: var(--ui-leading-tight);--typography-h5-tracking: 0;--typography-h6-size: var(--ui-text-base);--typography-h6-weight: var(--ui-weight-semibold);--typography-h6-leading: var(--ui-leading-tight);--typography-h6-tracking: 0;--typography-body-lg-size: var(--ui-text-lg);--typography-body-base-size: var(--ui-text-base);--typography-body-sm-size: var(--ui-text-sm);--typography-body-xs-size: var(--ui-text-xs);--typography-body-weight: var(--ui-weight-normal);--typography-body-leading: var(--ui-leading-normal);--typography-label-lg-size: var(--ui-text-base);--typography-label-base-size: var(--ui-text-sm);--typography-label-sm-size: var(--ui-text-xs);--typography-label-weight: var(--ui-weight-medium);--typography-label-leading: var(--ui-leading-tight);--typography-code-font: var(--ui-font-mono);--typography-code-bg: color-mix(in oklch, var(--ui-neutral), transparent 85%);--typography-code-radius: calc(var(--ui-base-radius) * .5);--typography-code-padding-x: calc(var(--ui-base-spacing) * .75);--typography-code-padding-y: calc(var(--ui-base-spacing) * .25);--typography-code-size: .875em;--typography-weight-normal: var(--ui-weight-normal);--typography-weight-medium: var(--ui-weight-medium);--typography-weight-semibold: var(--ui-weight-semibold);--typography-weight-bold: var(--ui-weight-bold);--typography-font-family: var(--ui-font-sans)}.typography{font-family:var(--typography-font-family);color:var(--typography-color);margin:0}.typography--h1{font-size:var(--typography-h1-size);font-weight:var(--typography-h1-weight);line-height:var(--typography-h1-leading);letter-spacing:var(--typography-h1-tracking)}.typography--h2{font-size:var(--typography-h2-size);font-weight:var(--typography-h2-weight);line-height:var(--typography-h2-leading);letter-spacing:var(--typography-h2-tracking)}.typography--h3{font-size:var(--typography-h3-size);font-weight:var(--typography-h3-weight);line-height:var(--typography-h3-leading);letter-spacing:var(--typography-h3-tracking)}.typography--h4{font-size:var(--typography-h4-size);font-weight:var(--typography-h4-weight);line-height:var(--typography-h4-leading);letter-spacing:var(--typography-h4-tracking)}.typography--h5{font-size:var(--typography-h5-size);font-weight:var(--typography-h5-weight);line-height:var(--typography-h5-leading);letter-spacing:var(--typography-h5-tracking)}.typography--h6{font-size:var(--typography-h6-size);font-weight:var(--typography-h6-weight);line-height:var(--typography-h6-leading);letter-spacing:var(--typography-h6-tracking)}.typography--body-lg{font-size:var(--typography-body-lg-size);font-weight:var(--typography-body-weight);line-height:var(--typography-body-leading)}.typography--body{font-size:var(--typography-body-base-size);font-weight:var(--typography-body-weight);line-height:var(--typography-body-leading)}.typography--body-sm{font-size:var(--typography-body-sm-size);font-weight:var(--typography-body-weight);line-height:var(--typography-body-leading)}.typography--body-xs{font-size:var(--typography-body-xs-size);font-weight:var(--typography-body-weight);line-height:var(--typography-body-leading)}.typography--label-lg{font-size:var(--typography-label-lg-size);font-weight:var(--typography-label-weight);line-height:var(--typography-label-leading)}.typography--label{font-size:var(--typography-label-base-size);font-weight:var(--typography-label-weight);line-height:var(--typography-label-leading)}.typography--label-sm{font-size:var(--typography-label-sm-size);font-weight:var(--typography-label-weight);line-height:var(--typography-label-leading)}.typography--code{font-family:var(--typography-code-font);font-size:var(--typography-code-size);background:var(--typography-code-bg);border-radius:var(--typography-code-radius);padding:var(--typography-code-padding-y) var(--typography-code-padding-x)}.typography--muted{color:var(--typography-color-muted)}.typography--primary{color:var(--typography-color-primary)}.typography--secondary{color:var(--typography-color-secondary)}.typography--success{color:var(--typography-color-success)}.typography--danger{color:var(--typography-color-danger)}.typography--warning{color:var(--typography-color-warning)}.typography--info{color:var(--typography-color-info)}.typography--weight-normal{font-weight:var(--typography-weight-normal)}.typography--weight-medium{font-weight:var(--typography-weight-medium)}.typography--weight-semibold{font-weight:var(--typography-weight-semibold)}.typography--weight-bold{font-weight:var(--typography-weight-bold)}.typography--align-left{text-align:left}.typography--align-center{text-align:center}.typography--align-right{text-align:right}.typography--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography--italic{font-style:italic}[data-theme]{--avatar-size-sm: calc(var(--ui-base-spacing) * 3);--avatar-size-md: calc(var(--ui-base-spacing) * 4);--avatar-size-lg: calc(var(--ui-base-spacing) * 6);--avatar-size-xl: calc(var(--ui-base-spacing) * 8);--avatar-font-size-sm: var(--ui-text-xs);--avatar-font-size-md: var(--ui-text-sm);--avatar-font-size-lg: var(--ui-text-base);--avatar-font-size-xl: var(--ui-text-lg);--avatar-radius-circle: 9999px;--avatar-radius-square: var(--ui-base-radius);--avatar-bg-primary: var(--ui-primary);--avatar-fg-primary: var(--ui-primary-foreground);--avatar-bg-secondary: var(--ui-secondary);--avatar-fg-secondary: var(--ui-secondary-foreground);--avatar-bg-neutral: color-mix(in oklch, var(--ui-neutral), transparent 70%);--avatar-fg-neutral: var(--ui-surface-foreground);--avatar-border-width: var(--ui-border-width);--avatar-border-color: var(--ui-border);--avatar-status-size: calc(var(--ui-base-spacing) * 1.5);--avatar-status-border-width: calc(var(--ui-border-width) * 2);--avatar-status-border-color: var(--ui-surface);--avatar-status-online: var(--ui-success);--avatar-status-offline: color-mix(in oklch, var(--ui-neutral), transparent 40%);--avatar-status-away: var(--ui-warning);--avatar-status-busy: var(--ui-danger)}.avatar-wrapper{position:relative;display:inline-flex;flex-shrink:0}.avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:var(--avatar-border-width) solid var(--avatar-border-color);font-weight:var(--ui-weight-medium);font-family:var(--ui-font-sans);-webkit-user-select:none;user-select:none}.avatar--sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm);font-size:var(--avatar-font-size-sm)}.avatar--md{width:var(--avatar-size-md);height:var(--avatar-size-md);font-size:var(--avatar-font-size-md)}.avatar--lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg);font-size:var(--avatar-font-size-lg)}.avatar--xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl);font-size:var(--avatar-font-size-xl)}.avatar--circle{border-radius:var(--avatar-radius-circle)}.avatar--square{border-radius:var(--avatar-radius-square)}.avatar--primary{background-color:var(--avatar-bg-primary);color:var(--avatar-fg-primary)}.avatar--secondary{background-color:var(--avatar-bg-secondary);color:var(--avatar-fg-secondary)}.avatar--neutral{background-color:var(--avatar-bg-neutral);color:var(--avatar-fg-neutral)}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__initials{line-height:var(--ui-leading-none);letter-spacing:.02em}.avatar__status{position:absolute;bottom:0;right:0;width:var(--avatar-status-size);height:var(--avatar-status-size);border-radius:9999px;border:var(--avatar-status-border-width) solid var(--avatar-status-border-color)}.avatar__status--online{background-color:var(--avatar-status-online)}.avatar__status--offline{background-color:var(--avatar-status-offline)}.avatar__status--away{background-color:var(--avatar-status-away)}.avatar__status--busy{background-color:var(--avatar-status-busy)}[data-theme]{--badge-bg: color-mix(in oklch, var(--ui-primary), transparent 88%);--badge-fg: var(--ui-primary);--badge-border: color-mix(in oklch, var(--ui-primary), transparent 75%);--badge-border-width: var(--ui-border-width);--badge-remove-hover-bg: color-mix(in oklch, var(--ui-primary), transparent 70%);--badge-height-sm: calc(var(--ui-base-spacing) * 3);--badge-height-md: calc(var(--ui-base-spacing) * 3.5);--badge-height-lg: calc(var(--ui-base-spacing) * 4);--badge-padding-x-sm: calc(var(--ui-base-spacing) * 1.25);--badge-padding-x-md: calc(var(--ui-base-spacing) * 1.5);--badge-padding-x-lg: calc(var(--ui-base-spacing) * 2);--badge-font-size-sm: var(--ui-text-xs);--badge-font-size-md: var(--ui-text-sm);--badge-font-size-lg: var(--ui-text-base);--badge-border-radius: calc(var(--ui-base-radius) * 10);--badge-remove-size: calc(var(--ui-base-spacing) * 2.5);--badge-transition: var(--ui-base-duration) var(--ui-base-easing)}[data-theme] .badge--secondary{--badge-bg: color-mix(in oklch, var(--ui-secondary), transparent 88%);--badge-fg: var(--ui-secondary);--badge-border: color-mix(in oklch, var(--ui-secondary), transparent 75%);--badge-remove-hover-bg: color-mix(in oklch, var(--ui-secondary), transparent 70%)}[data-theme] .badge--accent{--badge-bg: color-mix(in oklch, var(--ui-accent), transparent 88%);--badge-fg: var(--ui-accent);--badge-border: color-mix(in oklch, var(--ui-accent), transparent 75%);--badge-remove-hover-bg: color-mix(in oklch, var(--ui-accent), transparent 70%)}[data-theme] .badge--success{--badge-bg: color-mix(in oklch, var(--ui-success), transparent 88%);--badge-fg: var(--ui-success);--badge-border: color-mix(in oklch, var(--ui-success), transparent 75%);--badge-remove-hover-bg: color-mix(in oklch, var(--ui-success), transparent 70%)}[data-theme] .badge--danger{--badge-bg: color-mix(in oklch, var(--ui-danger), transparent 88%);--badge-fg: var(--ui-danger);--badge-border: color-mix(in oklch, var(--ui-danger), transparent 75%);--badge-remove-hover-bg: color-mix(in oklch, var(--ui-danger), transparent 70%)}[data-theme] .badge--warning{--badge-bg: color-mix(in oklch, var(--ui-warning), transparent 88%);--badge-fg: color-mix(in oklch, var(--ui-warning), transparent 10%);--badge-border: color-mix(in oklch, var(--ui-warning), transparent 75%);--badge-remove-hover-bg: color-mix(in oklch, var(--ui-warning), transparent 70%)}[data-theme] .badge--info{--badge-bg: color-mix(in oklch, var(--ui-info), transparent 88%);--badge-fg: var(--ui-info);--badge-border: color-mix(in oklch, var(--ui-info), transparent 75%);--badge-remove-hover-bg: color-mix(in oklch, var(--ui-info), transparent 70%)}[data-theme] .badge--neutral{--badge-bg: color-mix(in oklch, var(--ui-neutral), transparent 88%);--badge-fg: var(--ui-surface-foreground);--badge-border: color-mix(in oklch, var(--ui-neutral), transparent 70%);--badge-remove-hover-bg: color-mix(in oklch, var(--ui-neutral), transparent 65%)}.badge{display:inline-flex;align-items:center;gap:calc(var(--ui-base-spacing) * .5);max-width:100%;background-color:var(--badge-bg);color:var(--badge-fg);border:var(--badge-border-width) solid var(--badge-border);border-radius:var(--badge-border-radius);font-family:var(--ui-font-sans);font-weight:var(--ui-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--sm{height:var(--badge-height-sm);padding:0 var(--badge-padding-x-sm);font-size:var(--badge-font-size-sm)}.badge--md{height:var(--badge-height-md);padding:0 var(--badge-padding-x-md);font-size:var(--badge-font-size-md)}.badge--lg{height:var(--badge-height-lg);padding:0 var(--badge-padding-x-lg);font-size:var(--badge-font-size-lg)}.badge--has-remove.badge--sm{padding-right:calc(var(--badge-padding-x-sm) * .5)}.badge--has-remove.badge--md{padding-right:calc(var(--badge-padding-x-md) * .5)}.badge--has-remove.badge--lg{padding-right:calc(var(--badge-padding-x-lg) * .5)}.badge--disabled{opacity:.5;cursor:not-allowed}.badge__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge__remove{all:unset;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--badge-remove-size);height:var(--badge-remove-size);border-radius:50%;color:inherit;cursor:pointer;transition:background-color var(--badge-transition)}.badge__remove:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--badge-remove-hover-bg)}.badge__remove:focus-visible{outline:var(--ui-ring-width) solid currentColor;outline-offset:1px}.badge__remove:disabled,.badge__remove[aria-disabled=true]{cursor:not-allowed}[data-theme]{--alert-bg-info: color-mix(in oklch, var(--ui-info), transparent 88%);--alert-bg-success: color-mix(in oklch, var(--ui-success), transparent 88%);--alert-bg-warning: color-mix(in oklch, var(--ui-warning), transparent 88%);--alert-bg-danger: color-mix(in oklch, var(--ui-danger), transparent 88%);--alert-border-info: color-mix(in oklch, var(--ui-info), transparent 60%);--alert-border-success: color-mix(in oklch, var(--ui-success), transparent 60%);--alert-border-warning: color-mix(in oklch, var(--ui-warning), transparent 60%);--alert-border-danger: color-mix(in oklch, var(--ui-danger), transparent 60%);--alert-icon-info: var(--ui-info);--alert-icon-success: var(--ui-success);--alert-icon-warning: var(--ui-warning);--alert-icon-danger: var(--ui-danger);--alert-title-color: var(--ui-surface-foreground);--alert-content-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 20%);--alert-radius: var(--ui-base-radius);--alert-padding-x: calc(var(--ui-base-spacing) * 4);--alert-padding-y: calc(var(--ui-base-spacing) * 3);--alert-border-width: var(--ui-border-width);--alert-gap: calc(var(--ui-base-spacing) * 3);--alert-dismiss-margin-top: calc(var(--ui-base-spacing) * -.75);--alert-dismiss-margin-right: calc(var(--ui-base-spacing) * -1)}.alert{display:flex;align-items:flex-start;gap:var(--alert-gap);padding:var(--alert-padding-y) var(--alert-padding-x);border-radius:var(--alert-radius);border-width:var(--alert-border-width);border-style:solid;font-size:var(--ui-text-sm);line-height:var(--ui-leading-normal)}.alert--info{background-color:var(--alert-bg-info);border-color:var(--alert-border-info);--_icon-color: var(--alert-icon-info)}.alert--success{background-color:var(--alert-bg-success);border-color:var(--alert-border-success);--_icon-color: var(--alert-icon-success)}.alert--warning{background-color:var(--alert-bg-warning);border-color:var(--alert-border-warning);--_icon-color: var(--alert-icon-warning)}.alert--danger{background-color:var(--alert-bg-danger);border-color:var(--alert-border-danger);--_icon-color: var(--alert-icon-danger)}.alert__icon{display:flex;flex-shrink:0;color:var(--_icon-color);margin-top:1px}.alert__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--ui-base-spacing) * 1)}.alert__title{margin:0;font-weight:var(--ui-weight-semibold);color:var(--alert-title-color);line-height:var(--ui-leading-tight)}.alert__content{color:var(--alert-content-color)}.alert__content:only-child{color:var(--alert-title-color)}.alert__dismiss{display:flex;flex-shrink:0;margin-top:var(--alert-dismiss-margin-top);margin-right:var(--alert-dismiss-margin-right)}[data-theme]{--breadcrumbs-font-size: var(--ui-text-sm);--breadcrumbs-gap: calc(var(--ui-base-spacing) * 1.5);--breadcrumbs-link-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 45%);--breadcrumbs-link-hover-color: var(--ui-surface-foreground);--breadcrumbs-current-color: var(--ui-surface-foreground);--breadcrumbs-separator-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 60%);--breadcrumbs-focus-color: var(--ui-primary);--breadcrumbs-focus-ring-width: var(--ui-ring-width);--breadcrumbs-focus-ring-offset: var(--ui-ring-offset);--breadcrumbs-focus-radius: calc(var(--ui-base-radius) * .25);--breadcrumbs-transition: var(--ui-base-duration) var(--ui-base-easing)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--breadcrumbs-gap);list-style:none;margin:0;padding:0;font-family:var(--ui-font-sans);font-size:var(--breadcrumbs-font-size);line-height:var(--ui-leading-none)}.breadcrumbs__item{display:flex;align-items:center;gap:var(--breadcrumbs-gap)}.breadcrumbs__item:first-child .breadcrumbs__separator{display:none}.breadcrumbs__separator{display:flex;align-items:center;flex-shrink:0;color:var(--breadcrumbs-separator-color);-webkit-user-select:none;user-select:none}.breadcrumbs__link,.breadcrumbs__current{font-weight:var(--ui-weight-medium);white-space:nowrap}.breadcrumbs__link{color:var(--breadcrumbs-link-color);text-decoration:none;transition:color var(--breadcrumbs-transition)}.breadcrumbs__link:hover{color:var(--breadcrumbs-link-hover-color)}.breadcrumbs__link:active{color:color-mix(in oklch,var(--breadcrumbs-link-hover-color),transparent 20%)}.breadcrumbs__link:focus-visible{outline:var(--breadcrumbs-focus-ring-width) solid color-mix(in oklch,var(--breadcrumbs-focus-color),transparent 70%);outline-offset:var(--breadcrumbs-focus-ring-offset);border-radius:var(--breadcrumbs-focus-radius)}.breadcrumbs__current{color:var(--breadcrumbs-current-color)}[data-theme]{--tabs-border: var(--ui-border);--tabs-border-width: var(--ui-border-width);--tabs-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 40%);--tabs-color-active: var(--ui-primary);--tabs-color-hover: var(--ui-surface-foreground);--tabs-indicator: var(--ui-primary);--tabs-indicator-width: calc(var(--ui-border-width) * 2);--tabs-bg-active: color-mix(in oklch, var(--ui-primary), transparent 88%);--tabs-bg-active-press: color-mix(in oklch, var(--ui-primary), transparent 82%);--tabs-bg-hover: color-mix(in oklch, var(--ui-neutral), transparent 90%);--tabs-bg-hover-press: color-mix(in oklch, var(--ui-neutral), transparent 84%);--tabs-bg-enclosed: var(--ui-surface-raised);--tabs-bg-enclosed-list: color-mix(in oklch, var(--ui-neutral), transparent 88%);--tabs-font-family: var(--ui-font-sans);--tabs-radius: var(--ui-base-radius);--tabs-duration: var(--ui-base-duration);--tabs-easing: var(--ui-base-easing);--tabs-gap: calc(var(--ui-base-spacing) * .5);--tabs-sm-height: calc(var(--ui-base-spacing) * 4);--tabs-sm-padding-x: calc(var(--ui-base-spacing) * 1.5);--tabs-sm-font-size: var(--ui-text-xs);--tabs-md-height: calc(var(--ui-base-spacing) * 5);--tabs-md-padding-x: calc(var(--ui-base-spacing) * 2);--tabs-md-font-size: var(--ui-text-sm);--tabs-lg-height: calc(var(--ui-base-spacing) * 6);--tabs-lg-padding-x: calc(var(--ui-base-spacing) * 3);--tabs-lg-font-size: var(--ui-text-base);--tabs-panel-padding: calc(var(--ui-base-spacing) * 2)}.tabs{display:flex;flex-direction:column}.tabs__list{display:flex;gap:var(--tabs-gap);position:relative}.tabs--underline>.tabs__list{border-bottom:var(--tabs-border-width) solid var(--tabs-border);gap:0}.tabs--pills>.tabs__list{gap:var(--tabs-gap)}.tabs--enclosed>.tabs__list{background:var(--tabs-bg-enclosed-list);border-radius:var(--tabs-radius);padding:calc(var(--ui-base-spacing) * .5);gap:calc(var(--ui-base-spacing) * .5)}.tabs--full-width>.tabs__list{width:100%}.tabs--full-width .tabs__tab{flex:1;justify-content:center}.tabs__tab{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--ui-base-spacing) * .75);white-space:nowrap;font-family:var(--tabs-font-family);font-weight:var(--ui-weight-medium);color:var(--tabs-color);background:none;border:none;cursor:pointer;position:relative;transition:color var(--tabs-duration) var(--tabs-easing),background-color var(--tabs-duration) var(--tabs-easing)}.tabs__tab--sm{height:var(--tabs-sm-height);padding:0 var(--tabs-sm-padding-x);font-size:var(--tabs-sm-font-size)}.tabs__tab--md{height:var(--tabs-md-height);padding:0 var(--tabs-md-padding-x);font-size:var(--tabs-md-font-size)}.tabs__tab--lg{height:var(--tabs-lg-height);padding:0 var(--tabs-lg-padding-x);font-size:var(--tabs-lg-font-size)}.tabs--underline .tabs__tab{margin-bottom:calc(var(--tabs-border-width) * -1);border-bottom:var(--tabs-indicator-width) solid transparent}.tabs--underline .tabs__tab:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-hover)}.tabs--underline .tabs__tab--active{color:var(--tabs-color-active);border-bottom-color:var(--tabs-indicator)}.tabs--underline .tabs__tab:active:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-active)}.tabs--underline .tabs__tab--active:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-active);border-bottom-color:var(--tabs-indicator)}.tabs--pills .tabs__tab{border-radius:var(--tabs-radius)}.tabs--pills .tabs__tab:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-hover);background-color:var(--tabs-bg-hover)}.tabs--pills .tabs__tab:active:not(:disabled):not([aria-disabled=true]){background-color:var(--tabs-bg-hover-press)}.tabs--pills .tabs__tab--active{color:var(--tabs-color-active);background-color:var(--tabs-bg-active)}.tabs--pills .tabs__tab--active:active:not(:disabled):not([aria-disabled=true]){background-color:var(--tabs-bg-active-press)}.tabs--pills .tabs__tab--active:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-active);background-color:var(--tabs-bg-active)}.tabs--enclosed .tabs__tab{border-radius:calc(var(--tabs-radius) * .75)}.tabs--enclosed .tabs__tab:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-hover);background-color:var(--tabs-bg-hover)}.tabs--enclosed .tabs__tab:active:not(:disabled):not([aria-disabled=true]){background-color:var(--tabs-bg-hover-press)}.tabs--enclosed .tabs__tab--active{color:var(--tabs-color-active);background-color:var(--tabs-bg-enclosed);box-shadow:var(--ui-depth)}.tabs--enclosed .tabs__tab--active:active:not(:disabled):not([aria-disabled=true]){background-color:var(--tabs-bg-enclosed);box-shadow:none}.tabs--enclosed .tabs__tab--active:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-active);background-color:var(--tabs-bg-enclosed)}.tabs__tab:disabled,.tabs__tab[aria-disabled=true]{opacity:.45;cursor:not-allowed}.tabs__tab:focus-visible{outline:var(--ui-ring-width) solid var(--ui-primary);outline-offset:var(--ui-ring-offset);border-radius:var(--tabs-radius);z-index:1}.tabs__panel{padding:var(--tabs-panel-padding) 0}@keyframes panel-enter{to{opacity:1;transform:translateY(0)}}[data-theme]{--dropdown-surface: var(--ui-surface-overlay);--dropdown-surface-foreground: var(--ui-surface-overlay-foreground);--dropdown-border: var(--ui-border);--dropdown-border-width: var(--ui-border-width);--dropdown-border-radius: var(--ui-base-radius);--dropdown-shadow: var(--ui-depth);--dropdown-padding: calc(var(--ui-base-spacing) * .5);--dropdown-min-width: calc(var(--ui-base-spacing) * 23);--dropdown-max-height: calc(var(--ui-base-spacing) * 40);--dropdown-item-height: calc(var(--ui-base-spacing) * 5);--dropdown-item-padding-x: calc(var(--ui-base-spacing) * 1.5);--dropdown-item-padding-y: calc(var(--ui-base-spacing) * .75);--dropdown-item-gap: calc(var(--ui-base-spacing) * 1);--dropdown-item-font-size: var(--ui-text-sm);--dropdown-item-font-weight: var(--ui-weight-normal);--dropdown-item-line-height: var(--ui-leading-tight);--dropdown-item-border-radius: calc(var(--ui-base-radius) * .5);--dropdown-item-hover-bg: color-mix(in oklch, var(--ui-neutral), transparent 90%);--dropdown-item-active-bg: color-mix(in oklch, var(--ui-neutral), transparent 82%);--dropdown-item-selected-bg: color-mix(in oklch, var(--ui-primary), transparent 90%);--dropdown-item-selected-hover-bg: color-mix(in oklch, var(--ui-primary), transparent 84%);--dropdown-item-selected-color: var(--ui-primary);--dropdown-item-disabled-opacity: .5;--dropdown-item-destructive-color: var(--ui-danger);--dropdown-item-destructive-hover-bg: color-mix(in oklch, var(--ui-danger), transparent 90%);--dropdown-item-destructive-active-bg: color-mix(in oklch, var(--ui-danger), transparent 82%);--dropdown-divider-color: var(--ui-border);--dropdown-divider-margin: calc(var(--ui-base-spacing) * .5);--dropdown-focus-color: var(--ui-primary);--dropdown-focus-ring-width: var(--ui-ring-width);--dropdown-focus-ring-offset: var(--ui-ring-offset);--dropdown-transition: var(--ui-base-duration) var(--ui-base-easing);--dropdown-z-index: var(--ui-z-overlay);--dropdown-enter-offset: var(--ui-enter-offset)}.dropdown{position:relative;display:inline-block}.dropdown--full-width{display:block;width:100%}.dropdown--full-width .dropdown__trigger{display:flex;width:100%}.dropdown__trigger{display:inline-flex}.dropdown__menu{position:fixed;top:0;left:0;z-index:var(--dropdown-z-index);min-width:var(--dropdown-min-width);max-height:var(--dropdown-max-height);overflow-y:auto;padding:var(--dropdown-padding);background:var(--dropdown-surface);color:var(--dropdown-surface-foreground);border:var(--dropdown-border-width) solid var(--dropdown-border);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-shadow);opacity:0;transform:translateY(var(--dropdown-enter-offset));animation:panel-enter var(--dropdown-transition) forwards}.dropdown-item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:var(--dropdown-item-gap);width:100%;min-height:var(--dropdown-item-height);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);font-family:var(--ui-font-sans);font-size:var(--dropdown-item-font-size);font-weight:var(--dropdown-item-font-weight);line-height:var(--dropdown-item-line-height);color:var(--dropdown-surface-foreground);background:color-mix(in oklch,var(--ui-neutral),transparent 100%);border-radius:var(--dropdown-item-border-radius);cursor:pointer;transition:background var(--dropdown-transition),color var(--dropdown-transition)}.dropdown-item:hover:not(.dropdown-item--disabled){background:var(--dropdown-item-hover-bg)}.dropdown-item:active:not(.dropdown-item--disabled){background:var(--dropdown-item-active-bg)}.dropdown-item:focus-visible{outline:var(--dropdown-focus-ring-width) solid color-mix(in oklch,var(--dropdown-focus-color),transparent 70%);outline-offset:calc(var(--dropdown-focus-ring-offset) * -1);background:var(--dropdown-item-hover-bg)}.dropdown-item--selected{background:var(--dropdown-item-selected-bg);color:var(--dropdown-item-selected-color)}.dropdown-item--selected:hover:not(.dropdown-item--disabled){background:var(--dropdown-item-selected-hover-bg)}.dropdown-item--selected:active:not(.dropdown-item--disabled){background:color-mix(in oklch,var(--ui-primary),transparent 78%)}.dropdown-item--destructive{color:var(--dropdown-item-destructive-color)}.dropdown-item--destructive:focus-visible{outline-color:color-mix(in oklch,var(--ui-danger),transparent 70%);background:var(--dropdown-item-destructive-hover-bg)}.dropdown-item--destructive:hover:not(.dropdown-item--disabled){background:var(--dropdown-item-destructive-hover-bg)}.dropdown-item--destructive:active:not(.dropdown-item--disabled){background:var(--dropdown-item-destructive-active-bg)}.dropdown-item--disabled,.dropdown-item[aria-disabled=true]{opacity:var(--dropdown-item-disabled-opacity);cursor:not-allowed;pointer-events:none}.dropdown-item__icon,.dropdown-item__trailing{display:flex;align-items:center;flex-shrink:0}.dropdown-item__content{flex:1;text-align:left}.dropdown-item__trailing{margin-left:auto}.dropdown-divider{height:var(--dropdown-border-width);margin:var(--dropdown-divider-margin) 0;background-color:var(--dropdown-divider-color)}[data-theme]{--toast-width: 360px;--toast-gap: calc(var(--ui-base-spacing) * 1);--toast-z-index: var(--ui-z-tooltip)}.toaster__anchor{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:-1}.toaster__anchor[data-position^=bottom]{top:auto;bottom:0}.toaster__anchor[data-position$=right]{left:auto;right:0}.toaster__anchor[data-position$=center]{left:50%}.toaster{display:flex;flex-direction:column;gap:var(--toast-gap);width:var(--toast-width);max-width:calc(100vw - 32px);z-index:var(--toast-z-index);pointer-events:none}.toaster[data-position^=bottom]{flex-direction:column}.toaster[data-position^=top]{flex-direction:column-reverse}@keyframes toast-enter-from-right{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-enter-from-left{0%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-enter-from-bottom{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-enter-from-top{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit-to-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes toast-exit-to-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-120%)}}@keyframes toast-exit-to-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes toast-exit-to-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}[data-theme]{--toast-surface: var(--ui-surface-overlay);--toast-foreground: var(--ui-surface-overlay-foreground);--toast-border: var(--ui-border);--toast-border-width: var(--ui-border-width);--toast-border-radius: var(--ui-base-radius);--toast-shadow: var(--ui-depth);--toast-padding-x: calc(var(--ui-base-spacing) * 2);--toast-padding-y: calc(var(--ui-base-spacing) * 1.5);--toast-icon-size: calc(var(--ui-base-spacing) * 2);--toast-gap-inner: calc(var(--ui-base-spacing) * 1.5);--toast-message-size: var(--ui-text-sm);--toast-message-weight: var(--ui-weight-medium);--toast-description-size: var(--ui-text-xs);--toast-dismiss-size: calc(var(--ui-base-spacing) * 3);--toast-dismiss-hover-bg: color-mix( in oklch, transparent, var(--ui-hover-mix) var(--ui-hover-amount) );--toast-dismiss-active-bg: color-mix( in oklch, transparent, var(--ui-hover-mix) var(--ui-active-amount) );--toast-transition-enter: var(--ui-base-duration) var(--ui-base-easing);--toast-transition-exit: var(--ui-base-duration) var(--ui-base-easing);--toast-accent: var(--ui-neutral);--toast-icon-color: var(--ui-surface-foreground)}.toast{position:relative;display:flex;align-items:flex-start;gap:var(--toast-gap-inner);padding:var(--toast-padding-y) var(--toast-padding-x);background:var(--toast-surface);color:var(--toast-foreground);border:var(--toast-border-width) solid var(--toast-border);border-radius:var(--toast-border-radius);box-shadow:var(--toast-shadow);font-family:var(--ui-font-sans);pointer-events:all;overflow:hidden;max-height:200px;transition:max-height var(--toast-transition-exit),padding var(--toast-transition-exit),margin var(--toast-transition-exit)}.toaster[data-position$=right] .toast{animation:toast-enter-from-right var(--toast-transition-enter) both}.toaster[data-position$=left] .toast{animation:toast-enter-from-left var(--toast-transition-enter) both}.toaster[data-position=bottom-center] .toast{animation:toast-enter-from-bottom var(--toast-transition-enter) both}.toaster[data-position=top-center] .toast{animation:toast-enter-from-top var(--toast-transition-enter) both}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.toast--exiting{max-height:0;padding-top:0;padding-bottom:0;margin:0}.toaster[data-position$=right] .toast--exiting{animation:toast-exit-to-right var(--toast-transition-exit) forwards}.toaster[data-position$=left] .toast--exiting{animation:toast-exit-to-left var(--toast-transition-exit) forwards}.toaster[data-position=bottom-center] .toast--exiting{animation:toast-exit-to-bottom var(--toast-transition-exit) forwards}.toaster[data-position=top-center] .toast--exiting{animation:toast-exit-to-top var(--toast-transition-exit) forwards}@media(prefers-reduced-motion:reduce){.toast--exiting{animation:none;opacity:0}}.toast__progress{position:absolute;bottom:0;left:0;right:0;--progress-track-color: transparent;--progress-fill-neutral: var(--toast-accent);--progress-transition-duration: var(--toast-progress-duration, 4s);--progress-transition-easing: linear}.toast--success{--toast-accent: var(--ui-success);--toast-icon-color: var(--ui-success)}.toast--danger{--toast-accent: var(--ui-danger);--toast-icon-color: var(--ui-danger)}.toast--warning{--toast-accent: var(--ui-warning);--toast-icon-color: var(--ui-warning)}.toast--info{--toast-accent: var(--ui-info);--toast-icon-color: var(--ui-info)}.toast--neutral{--toast-accent: color-mix(in oklch, var(--ui-neutral), transparent 60%);--toast-icon-color: var(--ui-surface-foreground)}.toast--bordered:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background-color:var(--toast-accent);border-radius:var(--toast-border-radius) 0 0 var(--toast-border-radius)}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--toast-icon-color);margin-top:1px}.toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--ui-base-spacing) * .5)}.toast__message{font-size:var(--toast-message-size);font-weight:var(--toast-message-weight);line-height:var(--ui-leading-tight);color:var(--toast-foreground)}.toast__description{font-size:var(--toast-description-size);line-height:var(--ui-leading-normal);color:color-mix(in oklch,var(--toast-foreground),transparent 35%)}.toast__dismiss{all:unset;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--toast-dismiss-size);height:var(--toast-dismiss-size);border-radius:calc(var(--ui-base-radius) * .5);color:color-mix(in oklch,var(--toast-foreground),transparent 40%);cursor:pointer;transition:background-color var(--toast-transition-exit);margin-top:-2px}.toast__dismiss:hover{background-color:var(--toast-dismiss-hover-bg);color:var(--toast-foreground)}.toast__dismiss:active{background-color:var(--toast-dismiss-active-bg)}.toast__dismiss:focus-visible{outline:var(--ui-ring-width) solid var(--toast-accent);outline-offset:1px}[data-theme]{--progress-height-xs: calc(var(--ui-base-spacing) * .25);--progress-height-sm: calc(var(--ui-base-spacing) * .5);--progress-height-md: calc(var(--ui-base-spacing) * 1);--progress-height-lg: calc(var(--ui-base-spacing) * 1.5);--progress-border-radius: 9999px;--progress-track-color: color-mix(in oklch, var(--ui-neutral), transparent 75%);--progress-fill-primary: var(--ui-primary);--progress-fill-accent: var(--ui-accent);--progress-fill-success: var(--ui-success);--progress-fill-danger: var(--ui-danger);--progress-fill-warning: var(--ui-warning);--progress-fill-info: var(--ui-info);--progress-fill-neutral: var(--ui-neutral);--progress-transition-duration: var(--ui-base-duration);--progress-transition-easing: var(--ui-base-easing);--progress-indeterminate-duration: calc(var(--ui-base-duration) * 10);--progress-indeterminate-easing: var(--ui-base-easing);--progress-indeterminate-fill-width: 40%;--progress-value-font-size: var(--ui-text-sm);--progress-value-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 30%);--progress-value-font-weight: var(--ui-weight-medium)}.progress-root{display:flex;flex-direction:column;gap:calc(var(--ui-base-spacing) * .75);width:100%}.progress-value{align-self:flex-end;font-size:var(--progress-value-font-size);font-weight:var(--progress-value-font-weight);color:var(--progress-value-color);font-family:var(--ui-font-mono);line-height:var(--ui-leading-none)}.progress{position:relative;width:100%;height:var(--progress-height-md);background-color:var(--progress-track-color);border-radius:var(--progress-border-radius);overflow:hidden}.progress--xs{height:var(--progress-height-xs)}.progress--sm{height:var(--progress-height-sm)}.progress--md{height:var(--progress-height-md)}.progress--lg{height:var(--progress-height-lg)}.progress__fill{position:absolute;inset-block:0;left:0;border-radius:var(--progress-border-radius);transition:width var(--progress-transition-duration) var(--progress-transition-easing),background-color var(--progress-transition-duration) var(--progress-transition-easing)}.progress--primary .progress__fill{background-color:var(--progress-fill-primary)}.progress--accent .progress__fill{background-color:var(--progress-fill-accent)}.progress--success .progress__fill{background-color:var(--progress-fill-success)}.progress--danger .progress__fill{background-color:var(--progress-fill-danger)}.progress--warning .progress__fill{background-color:var(--progress-fill-warning)}.progress--info .progress__fill{background-color:var(--progress-fill-info)}.progress--neutral .progress__fill{background-color:var(--progress-fill-neutral)}.progress--indeterminate .progress__fill{width:var(--progress-indeterminate-fill-width);animation:progress-indeterminate var(--progress-indeterminate-duration) var(--progress-indeterminate-easing) infinite}@keyframes progress-indeterminate{0%{left:-50%}to{left:110%}}@media(prefers-reduced-motion:reduce){.progress__fill{transition:none}.progress--indeterminate .progress__fill{animation-duration:calc(var(--progress-indeterminate-duration) * 3)}}