.sat-city-field{position:relative}.sat-city-search{display:flex;align-items:center;border:1px solid #dce5f1;border-radius:12px;overflow:hidden;background:#fff}.sat-city-search input#sat-city-input{border:0;min-width:0;flex:1;margin:0;background:transparent}.sat-city-search button{background:transparent;border:0;color:#61748e;font:24px system-ui;min-height:44px;min-width:40px;cursor:pointer}.sat-city-results{border:1px solid #dce5f1;border-radius:12px;max-height:240px;overflow:auto;margin:6px 0;background:#fff;box-shadow:0 9px 22px #1234570d}.sat-city-results[hidden],.sat-city-field [hidden],.sat-country-city-filter[hidden]{display:none!important}.sat-city-results button{display:block;width:100%;border:0;border-bottom:1px solid #eff2f7;text-align:left;background:#fff;padding:11px 13px;color:#142a46;cursor:pointer;font:14px/1.5 system-ui}.sat-city-results button:hover,.sat-city-results button:focus-visible{background:#fff5d9;outline:2px solid #d8a832;outline-offset:-2px}.sat-city-results button strong,.sat-city-results button span{display:block}.sat-city-results button span{font-size:12px;color:#647691}.sat-city-field .sat-city-credit{display:block;font-size:10px;color:#7a899e;margin:5px 0}.sat-city-credit a{color:#647591}.sat-city-selection-error{background:#fff3e7;border:1px solid #efc37b;border-radius:10px;padding:12px;color:#744619;font-size:13px}.sat-city-selection-error p{color:inherit;margin:0 0 10px}.sat-country-city-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;margin:0 0 16px;border:1px solid #e0e7f1;border-radius:14px;background:#fff;color:#16304f}.sat-country-city-filter label{font-weight:750;font-size:13px}.sat-country-city-filter select{padding:10px 12px;max-width:100%;border:1px solid #d6e1ef;background:#f7f9fd;color:#17314e;border-radius:10px;font:14px system-ui}.sat-country-city-filter small{color:#728098;font-size:11px}@media(max-width:600px){.sat-country-city-filter select{width:100%}.sat-country-city-filter{gap:7px}.sat-city-search input#sat-city-input{font-size:16px}}

/* Compact country-city filter inside the ranking heading. */
.section-head.sat-city-heading.has-city-filter{display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(160px,230px) auto;align-items:center!important;gap:16px!important}
.section-head.sat-city-heading.has-city-filter>div:first-child{min-width:0}
.section-head .sat-country-city-filter{display:block;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:transparent}
.section-head .sat-country-city-filter label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.section-head .sat-country-city-filter small{display:none}
.section-head .sat-country-city-filter select{display:block;width:100%;max-width:100%;height:38px;padding:8px 28px 8px 11px;border-radius:11px;font-size:12px;background:var(--card,#fff);color:var(--text,#17314e);border-color:var(--line,#d6e1ef);text-overflow:ellipsis}
.section-head .sat-country-city-filter select:focus-visible{outline:2px solid #dba72e;outline-offset:2px}
@media(min-width:1051px){.section-head.sat-city-heading.has-city-filter .tabs{width:auto!important;white-space:nowrap}}
@media(max-width:1050px){.section-head.sat-city-heading.has-city-filter{grid-template-columns:minmax(0,1fr) minmax(160px,230px);gap:10px 14px!important}.section-head.sat-city-heading.has-city-filter .tabs{grid-column:1/-1}}
@media(max-width:600px){.section-head.sat-city-heading.has-city-filter{grid-template-columns:minmax(0,1fr);gap:9px!important}.section-head .sat-country-city-filter select{height:35px;font-size:12px}.section-head.sat-city-heading.has-city-filter .tabs{grid-column:auto}}