.input.svelte-1tqly6n{--border-color:var(--color-grey-100);--background-color:var(--color-grey-25);--label-color:var(--color-grey-400);--placeholder-color:var(--color-grey-100);flex-direction:column;display:flex;position:relative}.input.svelte-1tqly6n .error-hint:where(.svelte-1tqly6n){order:3;grid-template-areas:"error hint";gap:4px;margin-top:4px;display:grid}.input.svelte-1tqly6n .error-hint:where(.svelte-1tqly6n) .error:where(.svelte-1tqly6n){color:var(--label-color);grid-area:error;justify-self:start}.input.svelte-1tqly6n .error-hint:where(.svelte-1tqly6n) .hint:where(.svelte-1tqly6n){color:var(--color-grey-400);grid-area:hint;justify-self:end}.input.error.svelte-1tqly6n{--background-color:var(--color-red-50);--border-color:var(--color-red-700);--label-color:var(--color-red-900);--placeholder-color:var(--color-red-500)}.input.error.svelte-1tqly6n label:where(.svelte-1tqly6n){font-weight:500}.input.success.svelte-1tqly6n{--background-color:var(--color-green-20);--border-color:var(--color-green-400);--label-color:var(--color-green-900);--placeholder-color:var(--color-green-400)}.input.success.svelte-1tqly6n label:where(.svelte-1tqly6n){font-weight:500}:is(.input.is-clearable.svelte-1tqly6n input:where(.svelte-1tqly6n):not(:-moz-placeholder-shown),.input.is-clearable.svelte-1tqly6n textarea:where(.svelte-1tqly6n):not(:-moz-placeholder-shown)),:is(.input.is-clearable.svelte-1tqly6n input:where(.svelte-1tqly6n):not(:placeholder-shown),.input.is-clearable.svelte-1tqly6n textarea:where(.svelte-1tqly6n):not(:placeholder-shown)),.input.is-clearable.svelte-1tqly6n input:where(.svelte-1tqly6n):not(:placeholder-shown),.input.is-clearable.svelte-1tqly6n textarea:where(.svelte-1tqly6n):not(:placeholder-shown){padding-right:var(--inputHeight)}:is(.input.is-clearable.svelte-1tqly6n input:where(.svelte-1tqly6n):-moz-placeholder-shown~.clear:where(.svelte-1tqly6n),.input.is-clearable.svelte-1tqly6n textarea:where(.svelte-1tqly6n):-moz-placeholder-shown~.clear:where(.svelte-1tqly6n)),:is(.input.is-clearable.svelte-1tqly6n input:where(.svelte-1tqly6n):placeholder-shown~.clear:where(.svelte-1tqly6n),.input.is-clearable.svelte-1tqly6n textarea:where(.svelte-1tqly6n):placeholder-shown~.clear:where(.svelte-1tqly6n)),.input.is-clearable.svelte-1tqly6n input:where(.svelte-1tqly6n):placeholder-shown~.clear:where(.svelte-1tqly6n),.input.is-clearable.svelte-1tqly6n textarea:where(.svelte-1tqly6n):placeholder-shown~.clear:where(.svelte-1tqly6n){display:none}.input.is-clearable.svelte-1tqly6n .clear:where(.svelte-1tqly6n){width:var(--inputHeight);height:var(--inputHeight);cursor:pointer;background-image:url(../../../img/close.svg);background-position:50%;background-repeat:no-repeat;background-size:50% 50%;position:absolute;bottom:0;right:0}input.svelte-1tqly6n,textarea.svelte-1tqly6n{width:100%;height:var(--inputHeight);border:1px solid var(--border-color);background-color:var(--background-color);border-radius:4px;order:2;padding:10px 12px;font-weight:400;display:block}input.svelte-1tqly6n:focus,textarea.svelte-1tqly6n:focus{--border-color:var(--color-blue-700);outline:none}input.svelte-1tqly6n::-webkit-input-placeholder{color:var(--placeholder-color)}textarea.svelte-1tqly6n::-webkit-input-placeholder{color:var(--placeholder-color)}input.svelte-1tqly6n::-moz-placeholder{color:var(--placeholder-color)}textarea.svelte-1tqly6n::-moz-placeholder{color:var(--placeholder-color)}:is(input.svelte-1tqly6n:-ms-placeholder-shown,textarea.svelte-1tqly6n:-ms-placeholder-shown){color:var(--placeholder-color)}:is(input.svelte-1tqly6n:placeholder-shown,textarea.svelte-1tqly6n:placeholder-shown){color:var(--placeholder-color)}input.svelte-1tqly6n::-moz-placeholder{color:var(--placeholder-color)}textarea.svelte-1tqly6n::-moz-placeholder{color:var(--placeholder-color)}input.svelte-1tqly6n::placeholder,textarea.svelte-1tqly6n::placeholder{color:var(--placeholder-color)}label.svelte-1tqly6n{color:var(--label-color);order:1;margin-bottom:8px}input.svelte-1tqly6n:focus+label:where(.svelte-1tqly6n),textarea.svelte-1tqly6n:focus+label:where(.svelte-1tqly6n){--label-color:var(--color-blue-700)}