.lbi{--lbi-rest:var(--line-strong);--lbi-on:var(--ink);--lbi-label:var(--ink-muted);padding-top:10px;position:relative}.lbi[data-error]{--lbi-rest:var(--danger);--lbi-on:var(--danger)}.lbi-box{cursor:text;background:0 0;height:52px;position:relative}.lbi-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lbi-ring path{fill:none;stroke:var(--lbi-rest);stroke-width:1px;stroke-linecap:butt;transition:stroke .22s,stroke-width .22s}.lbi-box:hover .lbi-ring path{stroke:var(--ink-muted)}.lbi:focus-within .lbi-ring path,.lbi:focus-within .lbi-box:hover .lbi-ring path{stroke:var(--lbi-on);stroke-width:1.5px}.lbi[data-error] .lbi-box:hover .lbi-ring path{stroke:var(--danger)}.lbi-gap{stroke-dasharray:1 2;stroke-dashoffset:0;transition:stroke .22s ease, stroke-width .22s ease, stroke-dashoffset .42s var(--ease-out)}.lbi:focus-within .lbi-gap{stroke-dashoffset:-1px}.lbi:has(.lbi-field:not(:placeholder-shown)) .lbi-gap{stroke-dashoffset:-1px}.lbi:has(.lbi-field:autofill) .lbi-gap{stroke-dashoffset:-1px}.lbi-label{left:var(--lbi-x);letter-spacing:-.01em;white-space:pre;color:var(--lbi-label);transform-origin:0;transition:transform .42s var(--ease-out);cursor:text;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lbi:focus-within .lbi-label{transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi:has(.lbi-field:not(:placeholder-shown)) .lbi-label{transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi:has(.lbi-field:autofill) .lbi-label{transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi:focus-within .lbi-label{color:var(--lbi-on)}.lbi[data-error] .lbi-label{color:var(--danger)}.lbi-label span{display:inline-block}.lbi:focus-within .lbi-label span{animation:.46s cubic-bezier(.3,.7,.3,1) both lbi-hop;animation-delay:calc(var(--i) * 24ms)}.lbi-field{width:100%;height:100%;padding:0 var(--lbi-pr) 0 var(--lbi-x);border-radius:inherit;font:inherit;letter-spacing:-.01em;color:var(--ink);background:0 0;border:0;font-size:16px;position:absolute;inset:0;outline:none!important}.lbi-field::placeholder{color:var(--ink-muted);opacity:0;transition:opacity .16s}.lbi-field:focus::placeholder{opacity:1}.lbi-field[data-flip="1"]{animation:.26s ease-out lbi-flip-a}.lbi-field[data-flip="0"]{animation:.26s ease-out lbi-flip-b}.lbi-eye{border-radius:var(--radius-full);width:30px;height:30px;color:var(--ink-muted);cursor:pointer;transition:transform .16s var(--ease-out);background:0 0;border:0;place-items:center;margin-top:-15px;padding:0;display:grid;position:absolute;top:50%;right:10px}.lbi-eye:after{content:"";position:absolute;inset:-7px}.lbi-eye:hover{color:var(--ink)}.lbi-eye:active{transform:scale(.96)}.lbi-eye:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.lbi-eye svg{transition:opacity .22s ease, transform .22s var(--ease-out), filter .22s ease;grid-area:1/1}.lbi-eye svg:last-child,.lbi-eye[data-show=true] svg:first-child{opacity:0;filter:blur(2px);transform:scale(.7)}.lbi-eye[data-show=true] svg:last-child{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.lbi-ring path,.lbi-gap,.lbi-label{transition-duration:.16s}.lbi:focus-within .lbi-label span,.lbi-field{animation:none}}@keyframes lbi-hop{0%{transform:translateY(0)}38%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes lbi-flip-a{0%{filter:blur(3px);opacity:.5}}@keyframes lbi-flip-b{0%{filter:blur(3px);opacity:.5}}