.input{font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);appearance:none;border-radius:var(--border-radius-md);width:100%;min-height:1lh;padding:var(--space-350);background-color:var(--color-neutral-100);color:var(--color-neutral-900);border:none}.input:focus-visible{outline:var(--border-width-2) solid var(--color-focus-ring);outline-offset:-2px}.input:not(:disabled):focus:placeholder-shown::placeholder,.input:not(:disabled):focus-visible:placeholder-shown::placeholder{color:var(--color-neutral-900)}@media (hover:hover){.input:not(:disabled):hover:placeholder-shown::placeholder{color:var(--color-neutral-900)}}.input__wrapper{gap:var(--space-200);flex-direction:column;display:flex;position:relative}.input__field{align-items:center;width:100%;display:flex;position:relative}.input__suffix{font-family:var(--font-sans-serif);font-size:var(--ui-1-font-size);line-height:var(--ui-1-line-height);font-weight:var(--ui-1-font-weight);letter-spacing:var(--ui-1-letter-spacing);text-transform:uppercase;font-weight:var(--font-weight-medium);color:var(--color-neutral-750);align-items:center;display:flex;position:absolute;inset-inline-end:var(--space-350)}.input--textarea{resize:vertical;display:block}.input--has-suffix{padding-inline-end:calc(var(--space-350) * 2 + var(--space-1400))}.input::placeholder{color:var(--color-neutral-900-68);transition:color var(--animation-duration-150) var(--animation-easing-out)}