.country-picker{--country-bg:#fff;--country-text:#183451;--country-muted:#60728c;--country-border:#d9e4f2;--country-hover:#f0f5fc;--country-selected:#eaf2ff;--country-accent:#2164da;position:relative;flex-shrink:0;margin:0 6px;align-self:center;font-size:15px}
.country-trigger{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:44px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--country-text);font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}
.country-trigger:hover,.country-trigger[aria-expanded="true"]{background:var(--country-hover)}
.country-trigger:focus-visible{outline:2px solid var(--country-accent);outline-offset:-2px}
.country-trigger:disabled{cursor:default;opacity:.5}
.country-chevron{width:7px;height:7px;border-right:1.5px solid var(--country-muted);border-bottom:1.5px solid var(--country-muted);transform:translateY(-2px) rotate(45deg)}
.country-trigger[aria-expanded="true"] .country-chevron{transform:translateY(2px) rotate(225deg)}
.country-options{position:absolute;z-index:20;top:calc(100% + 10px);left:0;width:244px;max-width:calc(100vw - 48px);margin:0;padding:6px;list-style:none;border:1px solid var(--country-border);border-radius:12px;background:var(--country-bg);color:var(--country-text);box-shadow:0 12px 32px #14284226}
.country-options[hidden]{display:none}
.country-options [role="option"]{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:7px;cursor:pointer;font-size:14px;line-height:1.4}
.country-options [role="option"]:hover,.country-options .is-active{background:var(--country-hover)}
.country-options [aria-selected="true"]{background:var(--country-selected);color:var(--country-accent)}
.country-name{flex:1;font-weight:500}
.country-dial{color:var(--country-muted);font-variant-numeric:tabular-nums}
.country-check{width:14px;visibility:hidden;font-size:15px;font-weight:600}
.country-options [aria-selected="true"] .country-check{visibility:visible}
.phone-field .country-picker{--country-bg:#23272f;--country-text:#e8edf5;--country-muted:#a6b3c7;--country-border:#414b5b;--country-hover:#303846;--country-selected:#263d61;--country-accent:#a9c8ff}
.phone-field .country-picker::after{content:"";position:absolute;right:-6px;top:8px;bottom:8px;width:1px;background:var(--line)}
.phone-combo{overflow:visible}
@media(max-width:480px){.country-trigger{gap:10px;padding:0 10px}.country-picker{margin:0 4px;font-size:14px}}