.lbi{min-width:0;font-family:var(--font-ui);position:relative}.lbi[data-drawn=true]{padding-top:24px}.lbi-measure{visibility:hidden;white-space:pre;letter-spacing:-.01em;pointer-events:none;font-size:16px;position:absolute}.lbi-measure:before{content:attr(data-text)}.lbi-box{position:relative}.lbi[data-drawn=true] .lbi-box{cursor:text;height:52px}.lbi-ring{pointer-events:none;position:absolute;inset:0;overflow:visible}.lbi-ring path{fill:none;stroke:var(--field-border);stroke-width:1px;stroke-linecap:butt}@media (hover:hover){.lbi[data-drawn=true]:hover .lbi-ring path{stroke:var(--link)}}.lbi[data-focus=true] .lbi-ring path{stroke:var(--focus);stroke-width:2px}.lbi-gap{stroke-dasharray:1 2;stroke-dashoffset:0;transition: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-soft);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);position:absolute;top:50%;transform:translateY(-50%)}.lbi[data-up=true] .lbi-label{transform:translateY(-50%)translateY(-26px)scale(.78)}.lbi[data-focus=true] .lbi-label{color:var(--fill-on)}.lbi-ch{display:inline-block}.lbi[data-focus=true] .lbi-ch{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-x);font:inherit;color:var(--fill-on);background:0 0;border:0;border-radius:12px;outline:none;font-size:16px;position:absolute;inset:0}.lbi .lbi-field:focus-visible{outline:none}.lbi-field:not(:focus)::placeholder{color:#0000}.lbi-field::placeholder{color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){.lbi-gap,.lbi-label{transition:none!important}.lbi[data-focus=true] .lbi-ch{animation:none!important}}@keyframes lbi-hop{0%{transform:translateY(0)}38%{transform:translateY(-3px)}to{transform:translateY(0)}}