.text-field{flex-direction:column;gap:6px;width:100%;display:flex}.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{align-items:center;display:flex;position:relative}.text-field__input{width:100%;height:var(--size-input-height);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);box-sizing:border-box;outline:none;padding:0 16px;transition:border-color .15s,box-shadow .15s}.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:var(--c-card);box-shadow:0 0 0 4px #5550a01a}.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 #e8557a1a}.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{width:44px;height:44px;color:var(--c-text-3);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;right:14px}.text-field__trailing button{width:44px;height:44px;color:var(--c-text-3);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.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)}