[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) * 10);--input-padding-x:calc(var(--ui-base-spacing) * 4);--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) * 5)}.input{align-items:center;display:inline-flex;position:relative}.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]),.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,.input__field--error:hover:not(:disabled):not([aria-disabled=true]):not(:focus),.input__field--error:active:not(:disabled):not([aria-disabled=true]),.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{left:var(--input-padding-x);width:var(--input-icon-size);height:var(--input-icon-size);color:var(--input-icon-color);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.input__clear{right:var(--input-padding-x);width:var(--input-icon-size);height:var(--input-icon-size);color:var(--input-clear-color);cursor:pointer;border-radius:var(--ui-base-radius);transition:color var(--input-transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.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)}:is(.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]{--field-gap:calc(var(--ui-base-spacing) * 3);--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) * 4);--field-set-gap:calc(var(--ui-base-spacing) * 4);--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{gap:var(--field-gap);font-family:var(--field-font-family);flex-direction:column;display:inline-flex}.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:calc(var(--ui-base-spacing) * .5)}.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{gap:var(--field-group-gap);align-items:flex-start;display:flex}.field-group--row{flex-direction:row}.field-group--column{flex-direction:column}.field-set{gap:var(--field-set-gap);border:none;flex-direction:column;min-inline-size:0;margin:0;padding:0;display:flex}.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);margin-bottom:var(--field-set-gap);padding:0}.field-separator{border:none;border-top:var(--field-separator-width) solid var(--field-separator-color);margin:0}