.text-field{display:flex;flex-direction:column;gap:6px;width:100%}.text-field__label{font-family:var(--font-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-semi);color:var(--c-text-2);line-height:var(--line-height-normal)}.text-field__control{position:relative;display:flex;align-items:center}.text-field__input{width:100%;height:var(--size-input-height);padding:0 16px;border:1.5px solid var(--c-line);border-radius:var(--radius-input);background:var(--c-muted);font-family:var(--font-body);font-size:var(--font-size-medium);font-weight:var(--font-weight-regular);color:var(--c-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.text-field__input::placeholder{color:var(--c-text-3)}.text-field__input:hover{border-color:var(--c-primary-light)}.text-field__input:focus{border-color:var(--c-primary);background:#fff;box-shadow:0 0 0 4px rgba(85,80,160,.1)}.text-field--filled .text-field__input:not(:focus){border-color:var(--c-primary-light)}.text-field--error .text-field__input{border-color:var(--c-heart)}.text-field--error .text-field__input:focus{border-color:var(--c-heart);box-shadow:0 0 0 4px rgba(232,85,122,.1)}.text-field__input:-moz-read-only{background:var(--c-muted);opacity:.7}.text-field--disabled .text-field__input,.text-field__input:read-only{background:var(--c-muted);opacity:.7}.text-field__control:has(.text-field__trailing) .text-field__input{padding-right:52px}.text-field__trailing{position:absolute;right:14px}.text-field__trailing,.text-field__trailing button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--c-text-3);cursor:pointer}.text-field__trailing button{border:none;background:transparent;padding:0;border-radius:50%}.text-field__trailing button:hover{color:var(--c-text)}.text-field__helper{font-family:var(--font-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--c-heart);line-height:var(--line-height-normal)}