.country-picker{position:relative;min-width:0;width:100%}
.country-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #c8d8ed;border-radius:7px;background:#fff;color:#18334d;font:inherit;text-align:left;cursor:pointer}
.country-picker-trigger::after{content:'▾';flex-shrink:0;color:#617991}
.country-picker-trigger:focus-visible,.country-picker-option:focus-visible{outline:2px solid #0877e8;outline-offset:2px}
.country-picker-panel{position:absolute;top:calc(100% + 6px);left:0;width:100%;min-width:240px;max-width:calc(100vw - 40px);box-sizing:border-box;padding:10px;border:1px solid #bed2ed;border-radius:10px;background:#fff;box-shadow:0 8px 28px #153c6426;z-index:1000;color:#18334d;font-weight:400}
.country-picker-panel[hidden]{display:none!important}
.country-picker-panel input{width:100%;min-height:42px;margin:0;box-sizing:border-box;font:inherit}
.country-picker-count{margin:7px 2px;color:#718399;font-size:12px;line-height:1.5}
.country-picker-list{max-height:min(300px,45vh);overflow:auto;overscroll-behavior:contain}
.country-picker-option{display:flex;align-items:flex-start;gap:10px;width:100%;margin:0;padding:10px 8px;box-sizing:border-box;border:0;border-radius:6px;background:white;color:#18334d;text-align:left;font:inherit;line-height:1.5;cursor:pointer}
.country-picker-option strong{flex:0 0 28px;color:#0877e8}
.country-picker-option span{min-width:0;white-space:normal;overflow-wrap:anywhere}
.country-picker-option:hover,.country-picker-option:focus,.country-picker-option[aria-selected=true]{background:#edf5ff}
@media(max-width:600px){.country-picker-panel{min-width:0}.country-picker-option{padding:12px 8px}}