.lbi{width:100%;font-family:var(--font-ui);--lbi-line:color-mix(in srgb, var(--ink) 46%, transparent);--lbi-hot:var(--ink);padding-top:8px;display:block;position:relative}.lbi[data-invalid]{--lbi-line:var(--flag);--lbi-hot:var(--flag)}.lbi-box{cursor:text;background:0 0;width:100%;position:relative}.lbi-ring{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.lbi-ring path{fill:none;stroke:var(--lbi-line);stroke-width:1px;stroke-linecap:butt;transition:stroke .22s,stroke-width .22s}.lbi[data-focus=true] .lbi-ring path{stroke:var(--lbi-hot);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{z-index:2;left:var(--lbi-x);max-width:calc(100% - var(--lbi-x) * 2);letter-spacing:-.01em;white-space:pre;color:var(--ink-3);transform-origin:0;pointer-events:none;-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(--ink)}.lbi[data-invalid] .lbi-label{color:var(--flag)}.lbi-word,.lbi-word>span{display:inline-block}.lbi[data-focus=true] .lbi-word>span{animation:.46s cubic-bezier(.3,.7,.3,1) both lbi-hop;animation-delay:calc(var(--i) * 24ms)}.lbi .lbi-field,.lbi .lbi-field:focus{box-shadow:none;outline:none}.lbi .lbi-field{width:100%;height:100%;min-height:0;padding:0 0 0 var(--lbi-x);border-radius:inherit;font:inherit;letter-spacing:-.01em;color:var(--ink);caret-color:var(--ink);appearance:none;background:0 0;border:0;outline:none;margin:0;font-size:16px;transition:none;position:absolute;inset:0}.lbi-field::placeholder{color:var(--ink-4);opacity:0;transition:opacity .22s}.lbi[data-focus=true] .lbi-field::placeholder{opacity:1}.lbi:has(.lbi-field:-webkit-autofill) .lbi-label{transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi:has(.lbi-field:autofill) .lbi-label{transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi:has(.lbi-field:-webkit-autofill) .lbi-label{transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi:has(.lbi-field:-webkit-autofill) .lbi-gap{stroke-dashoffset:-1px}.lbi:has(.lbi-field:autofill) .lbi-gap{stroke-dashoffset:-1px}.lbi:has(.lbi-field:-webkit-autofill) .lbi-gap{stroke-dashoffset:-1px}.lbi-field:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 100000s,color 100000s}.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:3;width:36px;height:36px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-top:-18px;padding:0;transition:color .16s,scale .16s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:50%;right:8px}.lbi-eye:hover{color:var(--ink)}.lbi-eye:active{scale:.96}.lbi-eye:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:999px}.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[data-disabled]{opacity:.55}.lbi[data-disabled] .lbi-box,.lbi[data-disabled] .lbi-field,.lbi[data-disabled] .lbi-eye{cursor:not-allowed}.lbi-msg{color:var(--ink-3);margin:6px 0 0;padding:0 4px 0 18px;font-size:13px;line-height:1.35}.lbi-msg[data-error]{color:var(--flag);animation:.26s cubic-bezier(.22,1,.36,1) lbi-say}.lbi-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.lbi-ring path,.lbi-gap,.lbi-label{transition-duration:.16s}.lbi[data-focus=true] .lbi-word>span,.lbi-field,.lbi-msg[data-error]{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-say{0%{opacity:0;transform:translateY(-3px)}}
