/* Keep the usable native Where fallback the same size as its JS enhancement.
   Scope to the unenhanced select: the hidden backing select stays hidden. */
.approved-coastal-design .intro-search-surface :is(#location,#event-city):not(.location-native){display:block;width:100%;min-width:0;height:50px;min-height:50px;box-sizing:border-box;margin:8px 0 0;padding:0 40px 0 12px;border:1px solid #435a64;border-radius:6px;background-color:#fff;color:#183e47;box-shadow:none;font:400 13px/1.4 var(--control-font-family,Arial,Helvetica,sans-serif);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23526875' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}
.approved-coastal-design .intro-search-surface :is(#location,#event-city):not(.location-native):focus-visible{outline:2px solid #47a69f;outline-offset:-3px}
@media(max-width:700px){.approved-coastal-design .intro-search-surface :is(#location,#event-city):not(.location-native){height:44px;min-height:44px;margin-top:6px;font-size:14px}}