.country-picker{display:grid;gap:10px;margin:16px 0;min-width:0}.country-picker details{border:1px solid #777088;background:#171925;padding:10px;max-width:100%;color:#eee}.country-picker summary{cursor:pointer;display:flex;align-items:center;gap:10px;min-height:24px}.country-picker summary::after{content:'▾';margin-inline-start:auto}.country-picker details[open]{max-height:360px;overflow:auto}.country-picker details>strong{display:block;margin:18px 0 10px}.country-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.country-grid button{display:flex;align-items:center;gap:8px;text-align:start;padding:8px;min-width:0;font-size:12px;line-height:1.3;background:#282b3c;border:1px solid #555168;color:#eee;border-radius:2px;cursor:pointer}.country-grid button[aria-pressed=true]{border-color:#76e4e8;background:#35324d}.country-picker img{object-fit:contain;flex-shrink:0}.country-grid img{width:28px;height:21px}.country-picker summary:focus-visible,.country-grid button:focus-visible{outline:2px solid #76e4e8;outline-offset:2px}@media(max-width:550px){.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.auth-page .country-grid button{margin:0;padding:8px;min-height:38px;font-size:12px;background:#282b3c;color:#eee;border-color:#555168}.auth-page .country-grid button:hover{background:#35324d}.auth-page .country-grid button[aria-pressed=true]{border-color:#76e4e8}.country-picker details>summary{list-style:none}

.country-picker details{color-scheme:dark}.country-picker summary::-webkit-details-marker{display:none}