/* Progressive enhancement of the native country filter. Flags are served locally. */
.country-select{position:relative;display:inline-block;min-width:0;width:235px;max-width:100%;vertical-align:middle}
.country-select .country-select-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin:0;padding:10px 13px;border:1px solid #d8e7f1;border-radius:12px;background:#fff;color:var(--navy,#082b50);font:600 13px/1.5 'DM Sans',sans-serif;text-align:left;cursor:pointer;box-shadow:0 3px 12px #15486c05;transition:border-color .15s,box-shadow .15s}
.country-select-trigger:hover,.country-select-trigger[aria-expanded=true]{border-color:#149ced;background:#f7fcff}
.country-select-trigger:focus-visible{outline:3px solid #85cefa;outline-offset:3px}
.country-select-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.country-select-chevron{flex:none;width:8px;height:8px;margin:0 3px 4px 10px;border-right:2px solid #1599ed;border-bottom:2px solid #1599ed;transform:rotate(45deg);transition:transform .15s}
[aria-expanded=true] .country-select-chevron{transform:translateY(4px) rotate(225deg)}
.country-select-flag{display:block;flex:0 0 24px;width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #082b5014}
.country-select-globe{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;color:#1599ed;font:21px/1 boxicons!important}
.country-select-menu{position:fixed;z-index:1200;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;margin:0;padding:6px;border:1px solid #d8e7f1;border-radius:14px;background:#fff;color:#082b50;box-shadow:0 14px 40px #082b5029;scrollbar-width:thin;scrollbar-color:#a6cee5 transparent}
.country-select-menu[hidden]{display:none}
.country-select-option{display:flex;align-items:center;gap:11px;min-height:42px;box-sizing:border-box;padding:9px 10px;border-radius:9px;font:500 13px/1.5 'DM Sans',sans-serif;cursor:pointer;user-select:none}
.country-select-option.is-active{background:#edf8ff;color:#087fc3}
.country-select-option[aria-selected=true]{color:#087fc3;font-weight:700}
.country-select-option[aria-selected=true]::after{content:'\2713';margin-left:auto;padding-left:10px;color:#1599ed;font-size:15px;font-weight:700}
@media(max-width:760px){.directory-country-picker .country-select{width:100%}.country-select-option{min-height:46px}}
@media(prefers-reduced-motion:reduce){.country-select-trigger,.country-select-chevron{transition:none}}