.input{flex-direction:column;gap:.4rem;width:100%;display:flex}.input__control{border:1px solid var(--color-border);background:var(--color-background);border-radius:4px;padding:1.25rem 1rem 0;display:flex;position:relative}.input__label{pointer-events:none;gap:.25rem;transition:transform .2s,font-size .2s,color .2s,top .2s;display:inline-flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input__label-text{color:var(--color-text-secondary)}.input__required-mark{font-weight:700}.input__field{background:0 0;border:none;width:100%;padding:.75rem 0;font-size:1rem}.input__field:focus-visible{border:none;outline:none}.input__control:focus-within{outline:1px solid var(--color-accent)}.input__field:focus+.input__label,.input__field:not(:placeholder-shown)+.input__label{color:var(--color-text-secondary);font-size:.75rem;top:.35rem;transform:translateY(0)}.input__message{opacity:.75;padding-left:.75rem;font-size:.75rem;display:inline-flex}.input__message--error{color:var(--color-danger)}.input--disabled{opacity:.5}.input--error .input__control{border-color:var(--color-danger);outline-color:var(--color-danger)}
.textarea{flex-direction:column;gap:.4rem;display:flex}.textarea__control{border:1px solid var(--color-border);background:var(--color-background);border-radius:4px;padding:1.25rem 1rem .75rem;display:flex;position:relative}.textarea__label{pointer-events:none;gap:.25rem;transition:transform .2s,font-size .2s,color .2s,top .2s;display:inline-flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.textarea__label-text{color:var(--color-text-secondary)}.textarea__required-mark{font-weight:700}.textarea__field{resize:vertical;background:0 0;border:none;width:100%;min-height:6rem;font-family:inherit;font-size:1rem}.textarea__field:focus-visible{border:none;outline:none}.textarea__control:focus-within{outline:1px solid var(--color-accent)}.textarea__field:focus+.textarea__label,.textarea__field:not(:placeholder-shown)+.textarea__label{color:var(--color-text-secondary);font-size:.75rem;top:.35rem;transform:translateY(0)}.textarea__message{opacity:.75;padding-left:.75rem;font-size:.75rem;display:inline-flex}.textarea__message--error{color:var(--color-danger)}.textarea--disabled{opacity:.5}.textarea--error .textarea__control{border-color:var(--color-danger);outline-color:var(--color-danger)}