.input{align-items:center;border-style:solid;border-width:.1rem;display:flex;overflow:hidden;width:100%}.input__inner{background:transparent;border:none;display:block;width:100%}.input__inner:disabled,.input_disabled .input__inner{cursor:not-allowed}.input__inner:focus{outline:none}.input:focus-within{outline:var(--outline-set);outline-offset:var(--outline-offset)}.input__controls{display:none;gap:var(--size-x6)}.input_medium .input__inner{font-size:1.6rem;line-height:2rem;padding:var(--size-x3) var(--size-x8)}.input_medium .input__controls{padding:var(--size-x3) var(--size-x8) var(--size-x3) 0}.input_medium .input__clearButton,.input_medium .input__passwordToggle{padding:var(--size-x3) var(--size-x3) var(--size-x3) 0}.input_primary{background:var(--neutral-100);border-color:var(--neutral-500);border-radius:var(--size-x4)}.input_primary:focus-within{border-color:var(--neutral-700)}.input_primary .input__inner{color:var(--text-neutral-700)}.input_primary .input__inner::-moz-placeholder{color:var(--text-neutral-500)}.input_primary .input__inner::placeholder{color:var(--text-neutral-500)}.input_primary.input_error{border-color:var(--dangerous-500)}.input_primary.input_error .input__inner{color:var(--text-dangerous-500)}.input_primary.input_disabled{background:var(--neutral-200);border-color:var(--neutral-500)}.input_primary.input_disabled .input__inner{color:var(--text-neutral-500)}@media (hover:hover){.input_primary:hover:not(.input_disabled){border-color:var(--neutral-700)}}.input_secondary{background:var(--primary-200);border-color:var(--primary-200);border-radius:var(--size-x4)}.input_secondary .input__inner::-moz-placeholder{color:var(--text-neutral-500)}.input_secondary .input__inner::placeholder{color:var(--text-neutral-500)}.input_secondary.input_error{border-color:var(--dangerous-500)}.input_secondary.input_error .input__inner{color:var(--text-dangerous-500)}.input_secondary.input_disabled .input__inner::-moz-placeholder{color:var(--text-neutral-500)}.input_secondary.input_disabled .input__inner,.input_secondary.input_disabled .input__inner::placeholder{color:var(--text-neutral-500)}.input_secondary.input_disabled{background:var(--neutral-200);border-color:var(--neutral-200)}.input_secondary .input__inner{color:var(--text-neutral-800)}@media (hover:hover){.input_secondary:hover:not(.input_disabled){background:var(--primary-100);border-color:var(--primary-100)}}.input:has(.input__inner:focus) .input__controls{display:flex}