.phone-field{position:relative;display:block;width:100%}.phone-field>.phone-input{width:100%;box-sizing:border-box;padding-left:62px!important}.phone-cc{position:absolute;left:6px;top:50%;transform:translateY(-50%);z-index:1;display:inline-flex;align-items:center;gap:6px;height:36px;max-height:calc(100% - 8px);padding:0 8px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;cursor:pointer}.phone-cc:hover,.phone-cc[aria-expanded=true]{background:#80808029}.phone-cc:focus-visible{outline:2px solid currentColor;outline-offset:1px}.phone-flag{font-size:var(--fs-2xl);line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.phone-caret{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6}.phone-cc-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:60;width:min(340px,100%);min-width:260px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:8px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #0000001f;text-align:left}.phone-cc-pop[hidden]{display:none}.phone-field .phone-cc-pop input.phone-cc-search{display:block;min-height:0;box-shadow:none;outline:0;width:100%;box-sizing:border-box;height:40px;margin:0 0 6px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:inherit;font:inherit;font-size:var(--fs-md)}.phone-field .phone-cc-pop input.phone-cc-search:focus{border-color:var(--ink)}.phone-field .phone-cc-list{list-style:none!important;margin:0;padding:0;max-height:260px;overflow-y:auto;overscroll-behavior:contain}.phone-field .phone-cc-list li{list-style:none;color:var(--ink);display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:var(--fs-md);line-height:1.25;cursor:pointer}.phone-cc-list li.is-sep{border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;margin-bottom:4px}.phone-cc-list li.is-active,.phone-cc-list li:hover{background:var(--grey)}.phone-cc-list li[aria-selected=true] .phone-cc-name{font-weight:600}.phone-cc-name{flex:1;min-width:0}.phone-cc-dial{color:var(--mute);font-variant-numeric:tabular-nums}.phone-cc-none{cursor:default;color:var(--mute)}.phone-field .phone-cc-list li:before,.phone-field .phone-cc-list li::marker{content:none;display:none}