.flf{padding-top:8px;position:relative}.flf-box{cursor:text;background:0 0;width:100%;position:relative}.flf-ring{pointer-events:none;position:absolute;inset:0;overflow:visible}.flf-ring path{fill:none;stroke:color-mix(in srgb, var(--fg) 18%, transparent);stroke-width:1px;stroke-linecap:butt;transition:stroke .24s,stroke-width .24s}.flf[data-focus=true] .flf-ring path{stroke:var(--accent);stroke-width:1.5px}.flf[data-filled=true]:not([data-focus=true]) .flf-ring path{stroke:color-mix(in srgb, var(--fg) 30%, transparent)}.flf-gap{stroke-dasharray:1 2;stroke-dashoffset:0;transition:stroke .24s,stroke-width .24s,stroke-dashoffset .32s cubic-bezier(.22,1,.36,1)}.flf[data-up=true] .flf-gap{stroke-dashoffset:-1px}.flf-label{left:var(--flf-x);white-space:pre;color:var(--muted);transform-origin:0;cursor:text;-webkit-user-select:none;user-select:none;font-size:15px;line-height:1;transition:transform .42s cubic-bezier(.22,1,.36,1),color .2s;position:absolute;top:50%;transform:translateY(-50%)}.flf[data-up=true] .flf-label{transform:translateY(-50%)translateY(-26px)scale(.78)}.flf[data-focus=true] .flf-label{color:var(--accent)}.flf-label span{display:inline-block}.flf[data-focus=true] .flf-label span{animation:.46s cubic-bezier(.3,.7,.3,1) both flf-hop;animation-delay:calc(var(--i) * 24ms)}.flf-field{width:100%;height:100%;padding:0 0 0 var(--flf-x);border-radius:inherit;font:inherit;color:var(--fg);background:0 0;border:0;outline:none;font-size:15px;position:absolute;inset:0}.flf-field:-webkit-autofill{-webkit-text-fill-color:var(--fg);transition:background-color 9999s ease-out;animation-name:flf-autofill;animation-duration:1ms}.flf-field[data-flip="1"]{animation:.26s ease-out flf-flip-a}.flf-field[data-flip="0"]{animation:.26s ease-out flf-flip-b}.flf-eye{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-top:-15px;padding:0;transition:color .16s,scale .13s cubic-bezier(.3,.9,.4,1);display:grid;position:absolute;top:50%;right:10px}.flf-eye:hover{color:var(--fg)}.flf-eye:active{scale:.9}.flf-eye:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.flf-eye svg{grid-area:1/1;transition:opacity .2s,scale .26s cubic-bezier(.22,1,.36,1),filter .2s}.flf-eye svg:last-child,.flf-eye[data-show=true] svg:first-child{opacity:0;filter:blur(2px);scale:.7}.flf-eye[data-show=true] svg:last-child{opacity:1;filter:none;scale:1}@keyframes flf-hop{0%{transform:translateY(0)}38%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes flf-flip-a{0%{filter:blur(3px);opacity:.5}}@keyframes flf-flip-b{0%{filter:blur(3px);opacity:.5}}@keyframes flf-autofill{0%{opacity:1}}@media (prefers-reduced-motion:reduce){.flf-ring path,.flf-gap,.flf-label{transition-duration:1ms}.flf[data-focus=true] .flf-label span,.flf-field[data-flip]{animation:none}}