.wrapper.svelte-9sh1h6{--input-bg:var(--color-white);--input-color:var(--color-black);--input-border:var(--color-border-ultralight);--input-border-focus:var(--color-border-medium);--input-border-active:var(--color-positive-600);--input-border-error:var(--color-negative-600);--input-outline:var(--color-shadow-80);--input-muted:var(--color-shadow-50);--input-readonly-bg:var(--color-shadow-5);--input-readonly-color:var(--color-shadow-80);align-items:center;display:flex;position:relative}.submenu .wrapper.svelte-9sh1h6{--input-bg:var(--color-shadow-10)}.size-md.svelte-9sh1h6{--input-height:40px;--input-padding:9px 12px;--input-font-size:var(--copy-sm);--input-outline-width:4px;--input-radius:var(--radius-md)}.size-sm.svelte-9sh1h6{--input-height:28px;--input-padding:4px 9px;--input-font-size:var(--copy-xs);--input-outline-width:3px;--input-radius:var(--radius-sm)}.input.svelte-9sh1h6{width:100%;height:var(--input-height);padding:var(--input-padding);border-radius:var(--input-radius);border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--input-color);font-family:var(--font-display);font-size:var(--input-font-size);font-weight:var(--weight-500);outline-width:0;outline-style:solid;outline-color:color-mix(in srgb, var(--input-outline), transparent 90%);transition:border .1s,outline .1s}.input.svelte-9sh1h6::placeholder{color:var(--input-muted)}.input.svelte-9sh1h6.readonly{background-color:var(--input-readonly-bg);color:var(--input-readonly-color)}.wrapper.svelte-9sh1h6:hover .input:where(.svelte-9sh1h6){border-color:var(--input-border-focus)}.wrapper[data-focus=true].svelte-9sh1h6 .input:where(.svelte-9sh1h6):not(.readonly){outline-width:var(--input-outline-width)}.wrapper.svelte-9sh1h6:hover .input:where(.svelte-9sh1h6),.wrapper[data-focus=true].svelte-9sh1h6 .input:where(.svelte-9sh1h6){border-color:var(--input-border-focus)}.wrapper[data-active=true].svelte-9sh1h6 .input:where(.svelte-9sh1h6){border-color:var(--input-border-active);outline-color:color-mix(in srgb, var(--input-border-active), transparent 90%)}.wrapper[data-error=true].svelte-9sh1h6 .input:where(.svelte-9sh1h6){border-color:var(--input-border-error);outline-color:color-mix(in srgb, var(--input-border-error), transparent 90%)}.input.has-icon.svelte-9sh1h6{padding-left:40px}.input.has-action.svelte-9sh1h6{padding-right:40px}.icon.svelte-9sh1h6{aspect-ratio:1;pointer-events:none;justify-content:center;align-items:center;height:1em;display:flex;position:absolute;left:16px}.icon.svelte-9sh1h6>svg{color:var(--input-muted);transition:color .1s}.wrapper[data-focus=true].svelte-9sh1h6 .icon:where(.svelte-9sh1h6) svg,.wrapper.svelte-9sh1h6:hover .icon:where(.svelte-9sh1h6) svg{color:var(--input-color)}.wrapper[data-active=true].svelte-9sh1h6 .icon:where(.svelte-9sh1h6) svg{color:var(--input-border-active)}.wrapper[data-error=true].svelte-9sh1h6 .icon:where(.svelte-9sh1h6) svg{color:var(--input-border-error)}.action.svelte-9sh1h6{pointer-events:none;justify-content:center;align-items:center;height:1em;display:flex;position:absolute;right:6px}.action.svelte-9sh1h6 .input-action-button{pointer-events:auto}