.input.svelte-15x13vw{--box-shadow:none;--border-color:var(--input-border-color);appearance:none;border:var(--border-width) solid var(--border-color);background:var(--input-bg-color);width:100%;min-height:40px;box-shadow:var(--box-shadow);color:var(--text-primary-color);font-family:inherit;font-size:var(--typo-body);border-radius:6px;margin:0;padding:4px 12px;transition:border-color .2s,box-shadow .2s;display:block;&::placeholder{color:var(--text-meta-color)}&:focus{outline:none}&:hover:not(.error){--border-color:var(--input-border-hover-color)}&:focus:not(.error){--box-shadow:var(--input-outline-box-shadow);--border-color:var(--input-border-focus-color)}&.error{--border-color:var(--input-error-border-color)}&:hover,&:focus{--border-color:var(--input-error-border-hover-color)}&:focus{--box-shadow:var(--input-error-border-focus-ring)}}.compact.svelte-15x13vw{width:5em}.textarea.svelte-15x13vw{resize:vertical;min-height:5.375em}