:root{--surface-color:#fff;--surface-border:#e2e8f0;--surface-border-strong:#0f172a}.floating-label-input{background:#0000;position:relative}.floating-label-input input:-webkit-autofill,.floating-label-input input:-webkit-autofill:active,.floating-label-input input:-webkit-autofill:focus,.floating-label-input input:-webkit-autofill:hover{-webkit-background-clip:text}.input-text{background:#fff;border:1px solid #94a3b859;border-radius:14px;box-shadow:0 4px 12px #0f172a0a;font-size:15px;height:52px;line-height:1.4;padding:0 1.05rem;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.input-text::placeholder{opacity:0}.floating-label-input>label{background:#fff;color:#9aa4b2;cursor:text;left:1.05rem;padding:0 .35rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .16s ease}.input-text:focus+label,.input-text:not(:placeholder-shown)+label{background:#fff;color:#64748b;font-size:12px;font-weight:500;left:.9rem;letter-spacing:.02em;top:-9px}.input-text:focus+label{color:#0f172a}.input-text:focus{background:#fff;border-color:#0f172a80;box-shadow:0 0 0 3px #0f172a14;outline:none}.input-text:disabled{background:#f8fafc99;color:#94a3b8;cursor:not-allowed}.floating-label-select{background:#0000;position:relative}.select-box{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #94a3b859;border-radius:14px;box-shadow:0 4px 12px #0f172a0a;color:#64748b;height:52px;padding:0 1.05rem;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.select-box:focus{background:#fff;border-color:#0f172a80;box-shadow:0 0 0 3px #0f172a14;outline:none}.floating-label-select.active select,.select-box:focus{color:#0f172a}.floating-label-select>label{background:#fff;color:#94a3b8;left:1em;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-out}.floating-label-select.active>label{font-size:.8em;font-weight:500;left:.8em;opacity:1;padding:0 .5em;top:0}.select-box:focus+label{color:#0f172a}