.lbi{width:100%;font-family:var(--font-ui);--lbi-err:var(--danger,#e5484d);padding-top:12px;display:block;position:relative}.lbi-box{cursor:text;background:0 0;width:100%;position:relative}.lbi-ring{pointer-events:none;position:absolute;inset:0;overflow:visible}.lbi-ring path{fill:none;stroke:color-mix(in srgb, var(--fill-on,#17181a) 32%, var(--fill-slab,#fff));stroke-width:1px;stroke-linecap:butt;transition:stroke .22s,stroke-width .22s}.lbi[data-focus=true] .lbi-ring path{stroke:var(--ink);stroke-width:1.5px}.lbi[data-filled=true]:not([data-focus=true]) .lbi-ring path{stroke:color-mix(in srgb, var(--fill-on,#17181a) 32%, var(--fill-slab,#fff))}.lbi[data-error] .lbi-ring path{stroke:var(--lbi-err)}.lbi[data-error][data-focus=true] .lbi-ring path{stroke-width:1.5px}.lbi-gap{stroke-dasharray:1 2;stroke-dashoffset:0;transition:stroke .22s,stroke-width .22s,stroke-dashoffset .42s cubic-bezier(.22,1,.36,1)}.lbi[data-up=true] .lbi-gap{stroke-dashoffset:-1px}.lbi-label{left:var(--lbi-x);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;position:absolute;top:50%;transform:translateY(-50%)}.lbi[data-up=true] .lbi-label{color:var(--ink-3);transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi[data-focus=true] .lbi-label{color:var(--fill-on,var(--ink))}.lbi[data-error] .lbi-label{color:var(--lbi-err)}.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;font:inherit;letter-spacing:-.01em;color:var(--fill-on,var(--ink));caret-color:var(--ink);background:0 0;border:0;outline:none;font-size:16px;position:absolute;inset:0}.lbi-field:disabled{opacity:.55;cursor:not-allowed}.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-box[data-shake]{animation:.38s cubic-bezier(.36,.07,.19,.97) lbi-shake}.lbi-eye{width:40px;height:40px;color:var(--ink-4);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-top:-20px;padding:0;transition:color .16s,scale .16s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:50%;right:6px}.lbi-eye:hover:not(:disabled){color:var(--fill-on,var(--ink))}.lbi-eye:active:not(:disabled){scale:.96}.lbi-eye:disabled{opacity:.5;cursor:not-allowed}.lbi-eye:focus-visible{color:var(--fill-on,var(--ink));box-shadow:0 0 0 2px var(--signal,var(--ink-4));outline:none}.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}.lbi-ok{opacity:0;pointer-events:none;margin-top:-8px;transition:opacity .22s,scale .22s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:50%;right:14px;scale:.7}.lbi-ok[data-on]{opacity:1;scale:1}.lbi-ok circle{fill:#0000;stroke:var(--ok,#1d7f5c);stroke-width:1.5px;transition:fill .22s}.lbi-ok path{fill:none;stroke:var(--on-ink,#fff);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .22s cubic-bezier(.22,1,.36,1) 90ms}.lbi-ok[data-on] circle{fill:var(--ok,#1d7f5c)}.lbi-ok[data-on] path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.lbi-ring path,.lbi-gap,.lbi-label,.lbi-ok,.lbi-ok circle,.lbi-ok path{transition-duration:.16s}.lbi[data-focus=true] .lbi-label span,.lbi-field,.lbi-box[data-shake]{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}}@keyframes lbi-shake{20%{translate:-6px}40%{translate:5px}60%{translate:-3px}80%{translate:1.5px}}