.group_2ovb4Lsu{margin:1em 0;position:relative}.input-2ovb4Lsu{width:100%;font:inherit;color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.6em .75em;transition:border-color .12s,box-shadow .12s;&:hover{border-color:var(--text-muted)}&:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}&::placeholder{color:#0000}&:focus+.label-2ovb4Lsu,&:not(:placeholder-shown)+.label-2ovb4Lsu{background:var(--surface-raised);font-size:.8em;top:0}&:focus-visible+.label-2ovb4Lsu{color:var(--accent)}&:required+.label-2ovb4Lsu:after{content:" *";color:var(--red)}&:not(:placeholder-shown):invalid{border-color:var(--red)}&:not(:placeholder-shown):invalid+.label-2ovb4Lsu{color:var(--red)}&:not(:placeholder-shown):valid{border-color:var(--green)}}.label-2ovb4Lsu{pointer-events:none;color:var(--text-muted);border-radius:3px;padding:0 .3em;transition:top .15s ease-out,font-size .15s ease-out;position:absolute;top:50%;left:.75em;transform:translateY(-50%)}