.hpf{--fld-h:58px;--fld-r:12px;--fld-line:#edebe566;--fld-hov:#edebe599;--fld-ph:#edebe58c;--ring-bg:#0a0b0b;max-width:360px}.hpf-l{font:400 14px/1.3 var(--font-ui);letter-spacing:-.01em;color:var(--dim);margin:0 0 8px;display:block}.hpf-l.is-done{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.hpf-row{position:relative}.hpf-in{width:100%;height:var(--fld-h);border:1px solid var(--fld-line);border-radius:var(--fld-r);corner-shape:squircle;color:var(--bone);caret-color:var(--bone);font:400 17px/1 var(--font-ui);letter-spacing:-.01em;font-variant-numeric:tabular-nums;transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out);background:#0a0b0b38;outline:none;margin:0;padding:0 116px 0 16px;display:block}.hpf-in::placeholder{color:var(--fld-ph);opacity:1}@media (hover:hover) and (pointer:fine){.hpf-in:hover{border-color:var(--fld-hov)}}.hpf-in:focus{border-color:var(--fld-hov);box-shadow:0 0 0 2px var(--ring-bg), 0 0 0 4px var(--jade);background-color:#edebe50d}.hpf-in[aria-invalid=true],.hpf-in[aria-invalid=true]:focus{border-color:var(--warn,#ec8384)}.hpf-u{grid-template-columns:48px 48px;gap:4px;display:grid;position:absolute;top:50%;right:6px;translate:0 -50%}.hpf-u button{corner-shape:squircle;height:42px;font:400 15px/1 var(--font-ui);letter-spacing:-.01em;color:var(--faint);transition:color .18s var(--ease-out), background-color .18s var(--ease-out);border-radius:8px}.hpf-u button[aria-pressed=true]{color:var(--bone);background:#edebe51a}@media (hover:hover) and (pointer:fine){.hpf-u button[aria-pressed=false]:hover{color:var(--bone)}}.hpf-u button:focus-visible{outline:2px solid var(--jade);outline-offset:1px}.hpf-u button:active{scale:.97}.hpf-h{min-height:1.4em;font:400 14px/1.4 var(--font-body);color:var(--faint);margin:8px 0 0}.hpf-h.is-err{color:var(--warn,#ec8384)}.cv2-sheet .hpf{--ring-bg:#0f1211}.cv2-sheet .hpf .hpf-h{max-width:none;font:400 14px/1.4 var(--font-body);color:var(--faint);margin:8px 0 0}.cv2-sheet .hpf .hpf-h.is-err{color:var(--warn,#ec8384)}@media (max-width:767.98px){.hpf{--fld-h:54px;max-width:none}.hpf-in{font-size:16px}.hpf-u button{height:40px}}@media (prefers-reduced-motion:reduce){.hpf-in,.hpf-u button{transition:none}.hpf-u button:active{scale:none}}@media (forced-colors:active){.hpf-in{border:1px solid canvastext}.hpf-u button[aria-pressed=true]{outline:1px solid canvastext}}