.phn{--fk-width:400px;--phn-tint:color-mix(in oklab,var(--fk-ink) 3.5%,transparent)}.phn-box{position:relative;display:flex;align-items:stretch;height:54px;border-radius:16px;background:var(--fk-surface)}.phn-outline{position:absolute;inset:0;min-width:0;margin:0;padding:0 0 0 calc(var(--phn-notch-at, 0px) + 11px);border:1.8px solid var(--fk-line);border-radius:inherit;pointer-events:none;transition:border-color .18s}.phn-outline legend{display:block;width:auto;max-width:.01px;height:0;padding:0;font-size:12px;font-weight:500;line-height:0;white-space:nowrap;visibility:hidden;transition:max-width .05s ease-out}.phn-outline[data-notched] legend{max-width:100%;transition:max-width .12s ease-out .04s}.phn-outline legend>span{display:inline-block;padding:0 5px}.phn-box[data-focused] .phn-outline,.phn-box[data-open] .phn-outline{border-color:var(--fk-ink)}.phn[data-invalid] .phn-outline{border-color:var(--fk-bad)}.phn-country{display:inline-flex;flex:none;align-items:center;gap:8px;padding:0 12px 0 16px;border:0;margin:1.8px 0 1.8px 1.8px;border-right:1px solid var(--fk-line);border-radius:14px 0 0 14px;background:transparent;color:var(--fk-ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;touch-action:manipulation;outline:none;transition:background-color .15s}@media (hover:hover) and (pointer:fine){.phn-country:hover{background:var(--phn-tint)}}.phn-country[data-popup-open]{background:var(--phn-tint)}.phn .phn-country:focus-visible{background:var(--phn-tint);outline:none}.phn-box:has(.phn-country:focus-visible) .phn-outline{border-color:var(--fk-ink)}.phn-flag{display:grid;flex:none;place-items:center;width:22px;font-size:20px;line-height:1}.phn-flag>span{grid-area:1/1}.phn-dial{display:inline-grid;overflow:hidden;font-variant-numeric:tabular-nums}.phn-dial>span{grid-area:1/1}.phn-chevron{display:grid;color:var(--fk-muted)}.phn-chevron svg{width:13px;height:13px}.phn-main{position:relative;display:flex;flex:1;align-items:center;min-width:0;padding:0 14px 0 16px}.phn-label{position:absolute;top:50%;left:16px;height:20px;margin-top:-10px;color:var(--fk-muted);font-size:16px;font-weight:450;line-height:20px;white-space:nowrap;transform-origin:left center;cursor:text;transition:color .18s}.phn-label[data-raised]{color:var(--fk-ink);font-weight:500}.phn[data-invalid] .phn-label[data-raised]{color:var(--fk-bad)}.phn-number{display:flex;flex:1;min-width:0;height:24px;overflow:hidden;cursor:text}.phn-drawn,.phn-number{position:relative;align-items:center}.phn-drawn{display:inline-flex;font-size:17px;font-weight:600;letter-spacing:.01em;white-space:pre}.phn-char{display:inline-block}.phn-char[data-separator]{min-width:.32em;color:var(--fk-muted);text-align:center}.phn-placeholder{position:absolute;left:0;color:var(--fk-muted);font-weight:450;pointer-events:none}.phn-caret{width:1.5px;height:19px;margin-left:1px;border-radius:1px;background:var(--fk-ink);animation:phn-blink 1.1s steps(1) infinite}@keyframes phn-blink{50%{opacity:0}}.phn-input{position:absolute;inset:0;width:100%;padding:0;border:0;background:none;color:transparent;caret-color:transparent;font-size:16px;outline:none;opacity:0}.phn-help{padding:0 2px;transition:color .2s}.phn-help[data-complete]{color:var(--fk-ink);font-weight:500}.phn-help[data-invalid]{color:var(--fk-bad);font-weight:550}.phn-positioner{z-index:50;outline:none}.phn-popup{--fk-surface:#ffffff;--fk-well:#f4f4f5;--fk-ink:#0a0a0b;--fk-muted:#71717a;--fk-faint:#b4b4bd;--fk-line:rgb(10 10 11/0.08);display:flex;flex-direction:column;width:var(--anchor-width);max-height:min(340px,var(--available-height,70dvh));overflow:hidden;border:1px solid var(--fk-line);border-radius:18px;background:var(--fk-surface);box-shadow:0 0 0 .5px rgb(0 0 0/.02),0 2px 4px rgb(0 0 0/.04),0 12px 24px -6px rgb(0 0 0/.08),0 32px 64px -16px rgb(0 0 0/.14);color:var(--fk-ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;font-size:14px;outline:none;-webkit-font-smoothing:antialiased;clip-path:inset(-80px -80px -100px -80px round 18px);transition:clip-path .42s cubic-bezier(.32,.72,0,1),transform .42s cubic-bezier(.32,.72,0,1),opacity .2s ease-out}.phn-popup[data-ending-style],.phn-popup[data-starting-style]{clip-path:inset(-80px -80px 100% -80px round 18px);opacity:.4;transform:translateY(-6px)}.phn-popup[data-side=top][data-ending-style],.phn-popup[data-side=top][data-starting-style]{clip-path:inset(100% -80px -100px -80px round 18px);transform:translateY(6px)}.phn-popup[data-ending-style]{opacity:0;transition:clip-path .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1),opacity .2s ease-in}.dark .phn-popup{--fk-surface:#1c1c1f;--fk-well:#2a2a2f;--fk-ink:#fafafa;--fk-muted:#a1a1aa;--fk-faint:#5b5b64;--fk-line:rgb(255 255 255/0.08);box-shadow:0 24px 48px -20px rgb(0 0 0/.7)}.phn-search{position:relative;display:flex;flex:none;align-items:center;gap:10px;height:50px;padding:0 12px 0 16px;border-bottom:1px solid var(--fk-line)}.phn-search-icon{flex:none;width:16px;height:16px;color:var(--fk-muted)}.phn-search-input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;color:var(--fk-ink);font:inherit;font-size:16px;outline:none}.phn-search-input::placeholder{color:var(--fk-muted)}.phn-search-clear{display:grid;flex:none;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:var(--fk-well);color:var(--fk-muted);cursor:pointer}.phn-search-clear svg{width:11px;height:11px}.phn-empty:not(:empty){display:grid;place-items:center;padding:28px 16px 30px;color:var(--fk-muted);font-size:13.5px}.phn-list{min-height:0;padding:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;mask-image:linear-gradient(180deg,transparent,#000 10px,#000 calc(100% - 14px),transparent)}.phn-list::-webkit-scrollbar{display:none}.phn-choice{position:relative;display:block;border-radius:12px;cursor:pointer;touch-action:manipulation;outline:none}.phn-highlight{position:absolute;inset:0;border-radius:inherit;background:var(--fk-well)}.phn-choice-body{position:relative;display:flex;align-items:center;gap:12px;height:44px;padding:0 12px}.phn-choice-flag{display:grid;flex:none;place-items:center;width:22px;font-size:20px;line-height:1}.phn-choice-name{flex:1;min-width:0;overflow:hidden;font-size:14.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.phn-choice[data-selected] .phn-choice-name{font-weight:600}.phn-choice-dial{min-width:40px;color:var(--fk-muted);font-size:13.5px;font-variant-numeric:tabular-nums;text-align:right}.phn-check-slot{flex:none}.phn-check,.phn-check-slot{display:grid;place-items:center;width:16px}.phn-check{height:16px;border-radius:50%;background:var(--fk-ink);color:var(--fk-surface)}.phn-check svg{width:10px;height:10px}@media (prefers-reduced-motion:reduce){.phn-popup,.phn-popup[data-ending-style]{transition:opacity .12s}.phn-popup[data-ending-style],.phn-popup[data-side=top][data-ending-style],.phn-popup[data-side=top][data-starting-style],.phn-popup[data-starting-style]{clip-path:inset(-80px -80px -100px -80px round 18px);transform:none}.phn-caret{animation:none}}