.prefix.svelte-1swjh3r,.suffix.svelte-1swjh3r{height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex;&.icon{color:var(--color-neutral-solid)}&.text{color:var(--color-neutral-solid);width:auto;padding:0 var(--space-2);display:inline-flex}}[data-odin-input]{color:var(--color-neutral-fg-strong);height:var(--size-8);background:0 0;border:none;outline:none;flex:1 0 0;align-items:center;width:100%;padding:0;display:flex;&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}&[type=number]{appearance:textfield}&::placeholder{color:var(--color-neutral-solid)}}[data-odin-input]:autofill,[data-odin-input]:autofill:hover,[data-odin-input]:autofill:focus,[data-odin-input]:autofill:active{-webkit-text-fill-color:var(--color-neutral-fg-strong);box-shadow:inset 0 0 0 1000px var(--color-info-surface)}.wrapper:has([data-odin-input]:autofill){background:var(--color-info-surface)}.wrapper:has([data-odin-input]:autofill):not(:focus-within):not(.error):not(.borderless){border-color:var(--color-info-surface)}.odin-os-input-textarea,[data-odin-textarea]{color:var(--color-neutral-fg-strong);field-sizing:content;min-height:var(--size-16);padding:var(--space-1-5) 0;resize:none;background:0 0;border:none;outline:none;flex:1 0 0;justify-content:flex-start;align-items:flex-start;width:100%;display:flex;&::placeholder{color:var(--color-neutral-solid)}}:root{--form-input-transition-duration:var(--duration-base)}.wrapper.svelte-l295ld{background:var(--color-neutral-bg);border-radius:var(--radius-md);min-height:var(--size-8);flex:1;align-items:center;display:flex;position:relative;&:not(.borderless){border:var(--border-width-sm) solid var(--color-neutral-bg)}&:hover:not(.borderless){border:var(--border-width-sm) solid var(--color-neutral-border)}&:focus-within:not(.borderless){border:var(--border-width-sm) solid var(--color-info-border-strong)}&.error:not(&:focus-within):not(.borderless){border:var(--border-width-sm) solid var(--color-danger-solid)}&.disabled:not(.borderless){border:var(--border-width-sm) solid var(--color-neutral-bg);opacity:.5}&.auto{flex:none;width:fit-content;& .input:where(.svelte-l295ld) [data-odin-input]{width:auto;field-sizing:content;flex:none;min-inline-size:4ch}}& .input:where(.svelte-l295ld){padding-right:var(--space-3);flex:1;display:flex;&.padding-left{padding-left:var(--space-3)}}}