[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]{--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}