@font-face {
	font-family: "Brown1";
	src: url("../brown-regular-webfont.woff2") format("woff2"), url("../brown-regular-webfont.woff") format("woff");
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: "Brown1";
	src: url("../brown-bold-webfont.woff2") format("woff2"), url("../brown-bold-webfont.woff") format("woff");
	font-weight: 700;
	font-display: swap;
}
.hm-basemap-control,
.hm-basemap-control button { font-family: "Brown1"; }
.hm-basemap-control { position: absolute; top: 20px; z-index: 17; width: 48px; }
.hm-basemap-control.is-open { z-index: 21; }
.hm-basemap-control__toggle { position: relative; display: flex; align-items: center; justify-content: center; width: 48px; min-height: 48px; padding: 0; border: 1px solid rgba(35, 36, 43, .18); border-radius: 5px; box-shadow: 0 2px 10px rgba(35, 36, 43, .16); color: #27282f; background: rgba(255, 255, 255, .96); text-align: left; cursor: pointer; }
.hm-basemap-control__toggle:hover,
.hm-basemap-control__toggle:focus-visible,
.hm-basemap-control.is-open .hm-basemap-control__toggle { border-color: #366390; box-shadow: 0 4px 18px rgba(35, 36, 43, .28); outline: none; }
.hm-basemap-control__icon { position: relative; width: 26px; height: 24px; background: center / contain no-repeat url("../img/basemap-map.svg"); }
.hm-basemap-control__icon::before,
.hm-basemap-control__icon::after { display: none; }
.hm-basemap-control__copy strong,
.hm-basemap-control__copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hm-basemap-control__copy strong { font-size: 12px; line-height: 1.2; }
.hm-basemap-control__copy small { margin-top: 2px; color: #646970; font-size: 10px; line-height: 1.2; }
.hm-basemap-control__chevron { position: absolute; right: 5px; bottom: 5px; width: 5px; height: 5px; border-right: 1.5px solid #27282f; border-bottom: 1.5px solid #27282f; transform: rotate(45deg); transition: transform .2s; }
.hm-basemap-control.is-open .hm-basemap-control__chevron { transform: rotate(225deg); }
.hm-basemap-control__menu { position: absolute; top: 54px; right: 0; box-sizing: border-box; width: 260px; margin: 0; padding: 8px; border: 1px solid rgba(35, 36, 43, .16); border-radius: 6px; box-shadow: 0 5px 20px rgba(35, 36, 43, .22); background: #fff; }
.hm-basemap-control__menu[hidden] { display: none; }
.hm-basemap-control__heading { display: block; padding: 5px 8px 8px; color: #646970; font-size: 10px; text-transform: uppercase; }
.hm-basemap-control__option { position: relative; display: block; width: 100%; padding: 9px 30px 9px 10px; border: 0; border-radius: 4px; color: #27282f; background: transparent; font-size: 12px; font-weight: 500; line-height: 1.25; text-align: left; cursor: pointer; }
.hm-basemap-control__option:hover,
.hm-basemap-control__option:focus-visible { background: #edf2f5; outline: none; }
.hm-basemap-control__option.is-active { color: #244e68; background: #e4eef3; font-weight: 700; }
.hm-basemap-control__option.is-active::after { content: "✓"; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #366390; font-size: 14px; }
.hm-basemap-control__option--feature { margin-top: 7px; padding-top: 11px; border-top: 1px solid #dcdcde; border-radius: 0 0 4px 4px; }
.hm-basemap-control__option--feature.is-active::after { content: "●"; font-size: 11px; }
@media (min-width: 661px) {
	.hm-basemap-control__copy { display: none; }
}
@media (max-width: 660px) {
	.mobile-controls.hm-has-open-data.hm-has-basemap { grid-template-columns: 14% 14% 14% 44% 14%; }
	.mobile-controls.hm-has-basemap:not(.hm-has-open-data) { grid-template-columns: 17.1875% 17.1875% 48.4375% 17.1875%; }
	.hm-basemap-control.is-mobile { position: static; z-index: auto; width: 100%; height: 58px; }
	.hm-basemap-control.is-mobile .hm-basemap-control__toggle { display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; box-sizing: border-box; width: 100%; min-height: 58px; padding: 35px 1px 2px; border: 0; border-radius: 4px; box-shadow: none; color: #27282f; background: transparent; text-align: center; }
	.hm-basemap-control.is-mobile .hm-basemap-control__copy { display: block; }
	.hm-basemap-control.is-mobile .hm-basemap-control__icon { position: absolute; top: 5px; left: 50%; width: 29px; height: 27px; transform: translateX(-50%); }
	.hm-basemap-control.is-mobile .hm-basemap-control__copy strong { font-size: 9px; line-height: 1.05; }
	.hm-basemap-control.is-mobile .hm-basemap-control__copy small,
	.hm-basemap-control.is-mobile .hm-basemap-control__chevron { display: none; }
	.hm-basemap-control.is-mobile .hm-basemap-control__menu { position: fixed; top: auto; right: max(10px, env(safe-area-inset-right)); bottom: calc(76px + env(safe-area-inset-bottom)); left: max(10px, env(safe-area-inset-left)); z-index: 21; width: auto; margin: 0; padding: 10px; border-radius: 8px; }
	.hm-basemap-control.is-mobile .hm-basemap-control__heading { font-size: 11px; }
	.hm-basemap-control.is-mobile .hm-basemap-control__option { min-height: 42px; font-size: 13px; }
}
@media print {
	.hm-basemap-control { display: none !important; }
}