.floating-field{display:flex;flex-direction:column;gap:.35rem}.floating-field>.user-label{font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--on-color-2);padding-left:2px}.floating-field>.user-label span{opacity:.6;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.floating-field>.input{width:100%;padding:.85rem 1rem;font-size:.95rem;line-height:1.4;color:var(--on-color-2);background:var(--color-2);border:1.5px solid var(--border-color);border-radius:10px;outline:none;box-sizing:border-box;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}.floating-field>.input::placeholder{color:var(--on-color-2);opacity:.3;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.floating-field>.input:focus{border-color:var(--color-4);background:color-mix(in srgb,var(--color-2) 96%,var(--color-3))}.floating-field>.input:focus::placeholder{opacity:.45}.floating-field>.input:focus~.user-label span{opacity:1}.floating-field>.input:disabled{opacity:.45;cursor:not-allowed}.floating-field>select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.floating-field>select.input:disabled{cursor:not-allowed}.floating-field:has(select.input):after{content:"▾";position:absolute;right:1rem;bottom:.9rem;pointer-events:none;color:var(--on-color-2);opacity:.4;font-size:.8em}.floating-field>textarea.input{resize:vertical;min-height:100px;font-family:inherit}.floating-field>.input.has-error{border-color:var(--bad)}.floating-field>.input.has-error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 10%,transparent)}.error-message{color:var(--bad);font-size:.8rem;margin-top:.375rem;padding-left:.25rem}.eye-button{position:absolute;right:.85rem;top:1.8rem;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.4rem;font-size:1.1rem;z-index:1;opacity:.4;display:flex;justify-content:center;align-items:center;color:var(--on-color-2);transition:opacity .2s cubic-bezier(.4,0,.2,1)}.eye-button:hover{opacity:1}