.lbi{--ink:#183b32;--ink-rgb:24, 59, 50;--ink-3:rgba(var(--ink-rgb), .8);--ink-4:rgba(var(--ink-rgb), .7);--fill-on:var(--ink);--font-ui:inherit;--danger:#b3412b;width:100%;font-family:var(--font-ui);padding-top:10px;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:rgba(var(--ink-rgb), .18);stroke-width:1px;stroke-linecap:butt;transition:stroke .24s,stroke-width .24s}.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:rgba(var(--ink-rgb), .3)}.lbi[data-invalid=true] .lbi-ring path{stroke:var(--danger)}.lbi-gap{stroke-dasharray:1 2;stroke-dashoffset:0;transition:stroke .24s,stroke-width .24s,stroke-dashoffset .32s cubic-bezier(.22,1,.36,1)}.lbi[data-up=true] .lbi-gap{stroke-dashoffset:-1px}.lbi-label{left:var(--lbi-x);letter-spacing:-.005em;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 .2s;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-invalid=true] .lbi-label{color:var(--danger)}.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:-.005em;color:var(--fill-on,var(--ink));background:0 0;border:0;outline:none;font-size:16px;position:absolute;inset:0}.lbi:has(.lbi-field:-webkit-autofill) .lbi-label{color:var(--ink-3);transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi:has(.lbi-field:-webkit-autofill) .lbi-gap{stroke-dashoffset:-1px}.lbi:has(.lbi-field:autofill) .lbi-label{color:var(--ink-3);transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi:has(.lbi-field:autofill) .lbi-gap{stroke-dashoffset:-1px}.lbi-field:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 99999s ease-out}.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{width:44px;height:44px;color:var(--ink-4);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-top:-22px;padding:0;transition:color .16s,scale .13s cubic-bezier(.3,.9,.4,1);display:grid;position:absolute;top:50%;right:4px}.lbi-eye:hover{color:var(--fill-on,var(--ink))}.lbi-eye:active{scale:.9}.lbi-eye:focus-visible{outline-offset:-2px;outline:2px solid #c96f52}.lbi-eye svg{grid-area:1/1;transition:opacity .2s,scale .26s cubic-bezier(.22,1,.36,1),filter .2s}.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-note{color:var(--ink-4);margin:6px 0 0;padding:0 2px;font-size:12px;line-height:1.4}.lbi[data-invalid=true] .lbi-note{color:var(--danger)}.lbi[data-disabled=true]{opacity:.6}.lbi[data-disabled=true] .lbi-box,.lbi[data-disabled=true] .lbi-label,.lbi[data-disabled=true] .lbi-eye{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.lbi-ring path,.lbi-gap,.lbi-label{transition-duration:1ms}.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}}