.lbi{--fill-on:var(--color-ink);--fill-slab:var(--color-surface);--font-ui:var(--font-sans);--ink:var(--color-ink);--ink-3:var(--color-ink-soft);--ink-4:var(--color-muted);--lbi-ground:var(--color-paper);width:100%;font-family:var(--font-ui);place-items:stretch stretch;padding-top:12px;display:grid;position:relative}.lbi-box{cursor:text;box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--fill-on,#17181a) 32%, var(--fill-slab,#fff));border-radius:var(--lbi-r,24px);corner-shape:squircle;background:0 0;width:100%;transition:border-color .22s;position:relative}.lbi[data-focus=true] .lbi-box{border-color:var(--ink)}.lbi[data-filled=true]:not([data-focus=true]) .lbi-box{border-color:color-mix(in srgb, var(--fill-on,#17181a) 32%, var(--fill-slab,#fff))}.lbi-label{left:var(--lbi-x);z-index:1;letter-spacing:-.01em;white-space:pre;color:var(--ink-4);transform-origin:0;cursor:text;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1;transition:transform .42s cubic-bezier(.22,1,.36,1),color .22s,background-color .22s,padding .22s;position:absolute;top:50%;transform:translateY(-50%)}.lbi[data-up=true] .lbi-label{color:var(--ink-3);background:var(--lbi-ground);margin-left:-5px;padding:0 5px;transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi[data-focus=true] .lbi-label{color:var(--fill-on,var(--ink))}.lbi-label span{display:inline-block}.lbi[data-focus=true] .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 0 0 var(--lbi-x);border-radius:inherit;corner-shape:inherit;font:inherit;letter-spacing:-.01em;color:var(--fill-on,var(--ink));background:0 0;border:0;outline:none;font-size:16px;position:absolute;inset:0}.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{z-index:1;width:30px;height:30px;color:var(--ink-4);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-top:-15px;padding:0;transition:color .16s,scale .16s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:50%;right:10px}.lbi-eye:hover{color:var(--fill-on,var(--ink))}.lbi-eye:active{scale:.96}.lbi-eye svg{grid-area:1/1;transition:opacity .22s,scale .22s cubic-bezier(.22,1,.36,1),filter .22s}.lbi-eye svg:last-child,.lbi-eye[data-show=true] svg:first-child{opacity:0;filter:blur(2px);scale:.7}.lbi-eye[data-show=true] svg:last-child{opacity:1;filter:none;scale:1}@media (prefers-reduced-motion:reduce){.lbi-box,.lbi-label{transition-duration:.16s}.lbi[data-focus=true] .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}}