div.textField{display:flex;flex-direction:column;--border:var(--default-interactable-border);--border-hover:var(--default-interactable-hover-border);--focus-border:var(--accent);--focus-border-hover:var(--accent-40)}div.textField.accent{--border:var(--accent);--border-hover:var(--accent-40);--focus-border:var(--accent-55);--focus-border-hover:var(--accent-60)}div.textField label{font-size:.9em;color:var(--text-40);margin-bottom:.2rem;margin-left:.2rem;font-weight:500}div.textField .infoContainer{display:flex;align-items:center;gap:.2rem}div.textField .infoContainer button{color:var(--text-60);border-radius:50%;padding:.3rem}div.textField .infoContainer button:hover{color:var(--text-20);background-color:var(--transparent-gray-10)}div.textField .errorContainer{display:flex;flex-direction:column;width:100%}div.textField .errorContainer p.error{font-size:.9rem;color:#e89200;font-weight:500;text-align:end;margin-right:.2rem}div.textField .errorContainer p.error.max{color:var(--bad)}div.textField input{border-radius:.3rem;border:2px solid var(--border);padding:.5rem .3rem;max-width:40ch;width:100%;font-size:inherit}div.textField input:not([disabled]):not(:focus-visible):hover{border-color:var(--border-hover)}div.textField input:focus-visible{outline:none;border-color:var(--focus-border)}div.textField input:focus-visible:hover{border-color:var(--focus-border-hover)}div.textField input[disabled]{color:var(--text-50);cursor:auto}