.phn{position:relative}.phn__box{border:1.5px solid var(--p-line);background:var(--p-panel);border-radius:12px;align-items:stretch;min-height:46px;transition:border-color .15s,box-shadow .15s;display:flex}.phn__box:focus-within{border-color:var(--p-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--p-accent) 18%, transparent)}.phn__box.is-invalid{border-color:var(--p-no)}.phn__box.is-disabled{opacity:.6}.phn__country{border:0;border-right:1.5px solid var(--p-line);background:var(--p-sunken);color:var(--p-text);font:inherit;cursor:pointer;border-radius:10px 0 0 10px;flex:none;align-items:center;gap:.4rem;padding:0 .6rem 0 .75rem;font-size:.95rem;font-weight:600;display:inline-flex}.phn__country:hover:not(:disabled){background:color-mix(in srgb, var(--p-accent) 8%, var(--p-sunken))}.phn__country:focus-visible{outline:3px solid var(--p-accent);outline-offset:-3px}.phn__flag{border-radius:3px;flex:none;width:24px;height:16px;display:block;overflow:hidden;box-shadow:0 0 0 1px #0000001f}.phn__chev{color:var(--p-muted)}.phn__input{min-width:0;color:var(--p-text);font:inherit;letter-spacing:.01em;background:0 0;border:0;border-radius:0 10px 10px 0;flex:1;padding:0 .85rem;font-size:16px}.phn__input:focus{outline:none}.phn__ok{color:var(--p-ok);flex:none;align-self:center;margin-right:.75rem}.phn__error{color:var(--p-no);margin:.35rem 0 0;font-size:.8rem}.phn__pop{z-index:30;border:1px solid var(--p-line);background:var(--p-panel);border-radius:14px;animation:.16s ease-out phn-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 2px 4px #14122b0f,0 18px 40px -12px #14122b4d}@keyframes phn-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.phn__pop{animation:none}}.phn__search{box-sizing:border-box;border:0;border-bottom:1px solid var(--p-line);width:100%;color:var(--p-text);font:inherit;background:0 0;padding:.75rem .9rem;font-size:16px;display:block}.phn__search:focus{outline:none}.phn__list{overscroll-behavior:contain;max-height:240px;margin:0;padding:.3rem;list-style:none;overflow-y:auto}.phn__opt{color:var(--p-text);cursor:pointer;border-radius:9px;align-items:center;gap:.65rem;padding:.5rem .6rem;font-size:.9rem;display:flex}.phn__opt.is-active{background:var(--p-sunken)}.phn__opt.is-selected{font-weight:700}.phn__name{flex:1;min-width:0}.phn__code{color:var(--p-muted);font-variant-numeric:tabular-nums}.phn__none{color:var(--p-muted);padding:.7rem;font-size:.85rem}