:root{--input-focus: hsl(from var(--color-spot) h s l / .2);--input-border-color: hsl(from var(--gray-13) h s l / .4);--input-bg: var(--gray-15);--input-padding-x: var(--size-3);--input-padding-y: var(--size-1)}.input.svelte-zx71xb{border:1px solid var(--input-border-color);background-color:var(--input-bg);display:flex;height:var(--input-height);width:100%;border-radius:var(--radius-sm);position:relative;outline:2px solid transparent;outline-offset:1px;transition:all .1s ease-in-out;padding:var(--input-padding-y) var(--input-padding-x)}.input.svelte-zx71xb:disabled{opacity:.5;cursor:not-allowed}.input.svelte-zx71xb::-moz-placeholder{color:hsl(from var(--color-fg) h s l / .5)}.input.svelte-zx71xb::placeholder{color:hsl(from var(--color-fg) h s l / .5)}.input.svelte-zx71xb:focus-visible{z-index:1;outline:2px solid var(--input-focus)}.input[data-error].svelte-zx71xb{outline:1px solid var(--color-alert)}