.input.svelte-3gnoee{position:relative;display:flex;width:100%;max-width:100%;transition:opacity var(--duration-secondary)}.input[data-disabled=true].svelte-3gnoee{opacity:.35;pointer-events:none}.input-label.svelte-3gnoee{position:absolute;top:50%;display:inline-flex;color:var(--text-color-secondary);transform:translateY(-50%);transform-origin:0 50%;transition:top var(--duration-primary),transform var(--duration-primary);pointer-events:none;-webkit-user-select:none;user-select:none}.size--x-small.svelte-3gnoee .input-label:where(.svelte-3gnoee){left:10px;font-size:var(--font-size-sm)}.size--small.svelte-3gnoee .input-label:where(.svelte-3gnoee){left:12px;font-size:var(--font-size-sm)}.size--medium.svelte-3gnoee .input-label:where(.svelte-3gnoee){left:16px;font-size:var(--font-size-md)}.size--large.svelte-3gnoee .input-label:where(.svelte-3gnoee){left:16px;font-size:var(--font-size-lg)}.input:focus-within.size--x-small.svelte-3gnoee .input-label:where(.svelte-3gnoee),.is--filled.size--x-small.svelte-3gnoee .input-label:where(.svelte-3gnoee){top:0;transform:translateY(-50%) scale(.75)}.input:focus-within.size--small.svelte-3gnoee .input-label:where(.svelte-3gnoee),.is--filled.size--small.svelte-3gnoee .input-label:where(.svelte-3gnoee){top:0;transform:translateY(-50%) scale(.75)}.input:focus-within.size--medium.svelte-3gnoee .input-label:where(.svelte-3gnoee),.is--filled.size--medium.svelte-3gnoee .input-label:where(.svelte-3gnoee){top:0;transform:translateY(-50%) scale(.75)}.input:focus-within.size--large.svelte-3gnoee .input-label:where(.svelte-3gnoee),.is--filled.size--large.svelte-3gnoee .input-label:where(.svelte-3gnoee){top:0;transform:translateY(-50%) scale(.6666666667)}.input-label.svelte-3gnoee:after{content:"";position:absolute;top:50%;left:-4px;right:-4px;z-index:-1;display:block;height:8px;background-color:var(--background-color-primary);transform:translateY(-50%)}.input-label-asterisk.svelte-3gnoee{margin-left:2px;color:var(--color-danger);font-size:var(--font-size-xs)}.input-element.svelte-3gnoee{all:unset;width:100%;border-radius:var(--border-radius-md);box-shadow:inset 0 0 0 1px var(--color-secondary);background-color:var(--background-color-primary);color:var(--text-color-primary);text-align:start;transition:color var(--duration-secondary),background-color var(--duration-secondary),box-shadow var(--duration-secondary)}.input-element.svelte-3gnoee:hover,.input-element.svelte-3gnoee:focus{box-shadow:inset 0 0 0 1px var(--color-secondary-hover)}.size--x-small.svelte-3gnoee .input-element:where(.svelte-3gnoee){padding:5.5px 10px;font-size:var(--font-size-sm)}.size--small.svelte-3gnoee .input-element:where(.svelte-3gnoee){padding:7.5px 12px;font-size:var(--font-size-sm)}.size--medium.svelte-3gnoee .input-element:where(.svelte-3gnoee){padding:12px 16px;font-size:var(--font-size-md)}.size--large.svelte-3gnoee .input-element:where(.svelte-3gnoee){padding:16.5px 16px;font-size:var(--font-size-lg)}[data-status=warning].svelte-3gnoee .input-element:where(.svelte-3gnoee){box-shadow:inset 0 0 0 1px var(--color-warning)}[data-status=danger].svelte-3gnoee .input-element:where(.svelte-3gnoee){box-shadow:inset 0 0 0 1px var(--color-danger)}