:root {
  --rm-ui-icon-color: #fff;
  --rm-ui-icon-cutout: #0d1117;
  --rm-ui-svg-share-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.6' y1='13.5' x2='15.4' y2='17.5'/%3E%3Cline x1='15.4' y1='6.5' x2='8.6' y2='10.5'/%3E%3C/svg%3E");
}

.leaflet-top.leaflet-left .leaflet-bar,
.leaflet-top.leaflet-left .leaflet-bar button,
.leaflet-top.leaflet-left .leaflet-bar a,
.leaflet-top.leaflet-left .easy-button-button,
.leaflet-top.leaflet-left .leaflet-control-layers,
.leaflet-top.leaflet-left .rm-subcontrol.leaflet-control-layers,
.rm-share-docked {
  background: #0d1117 !important;
  background-color: #0d1117 !important;
  border-color: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
}

.leaflet-top.leaflet-left .leaflet-bar a,
.leaflet-top.leaflet-left .leaflet-bar button,
.leaflet-top.leaflet-left .easy-button-button .button-state,
.leaflet-top.leaflet-left .rm-topicon,
.leaflet-top.leaflet-left .fullscreen-icon,
.leaflet-top.leaflet-left .leaflet-control-layers-toggle,
.leaflet-top.leaflet-left .leaflet-control-layers-toggle:before {
  color: #fff !important;
}

.leaflet-top.leaflet-left svg,
.leaflet-top.leaflet-left svg * {
  color: #fff !important;
  stroke: #fff !important;
}

.leaflet-top.leaflet-left .leaflet-control-zoom-in,
.leaflet-top.leaflet-left .leaflet-control-zoom-out,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-in,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-out,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-home,
.leaflet-top.leaflet-left .leaflet-control-locate a,
.leaflet-top.leaflet-left .easy-button-button.rm-ui-toggle .button-state,
.leaflet-top.leaflet-left .easy-button-button.rm-ui-sem .button-state,
.leaflet-top.leaflet-left .easy-button-button.rm-ui-fs .fullscreen-icon,
.leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state,
.leaflet-top.leaflet-left .rm-topicon,
.leaflet-top.leaflet-left .leaflet-control-layers-toggle {
  background-image: none !important;
  position: relative;
}

.leaflet-top.leaflet-left .leaflet-control-zoom-in:before,
.leaflet-top.leaflet-left .leaflet-control-zoom-out:before,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-in:before,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-out:before,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-home:before,
.leaflet-top.leaflet-left .leaflet-control-locate a:before,
.leaflet-top.leaflet-left .easy-button-button.rm-ui-toggle .button-state:before,
.leaflet-top.leaflet-left .easy-button-button.rm-ui-sem .button-state:before,
.leaflet-top.leaflet-left .easy-button-button.rm-ui-fs .fullscreen-icon:before,
.leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state:before,
.leaflet-top.leaflet-left .rm-topicon:before,
.leaflet-top.leaflet-left .leaflet-control-layers-toggle:after {
  background: #fff;
  content: "";
  height: 19px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 19px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 19px 19px;
  mask-size: 19px 19px;
}

.leaflet-top.leaflet-left .leaflet-control-zoom-in:before,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-in:before {
  -webkit-mask-image: var(--rm-ui-svg-zoom-in);
  mask-image: var(--rm-ui-svg-zoom-in);
}

.leaflet-top.leaflet-left .leaflet-control-zoom-out:before,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-out:before {
  -webkit-mask-image: var(--rm-ui-svg-zoom-out);
  mask-image: var(--rm-ui-svg-zoom-out);
}

.leaflet-top.leaflet-left .leaflet-control-zoomhome-home:before {
  -webkit-mask-image: var(--rm-ui-svg-home);
  mask-image: var(--rm-ui-svg-home);
}

.leaflet-top.leaflet-left .leaflet-control-locate a:before {
  -webkit-mask-image: var(--rm-ui-svg-locate);
  mask-image: var(--rm-ui-svg-locate);
}

.leaflet-top.leaflet-left .easy-button-button.rm-ui-toggle .button-state:before {
  -webkit-mask-image: var(--rm-ui-svg-menu);
  mask-image: var(--rm-ui-svg-menu);
}

.leaflet-top.leaflet-left .easy-button-button.rm-ui-sem .button-state:before {
  -webkit-mask-image: var(--rm-ui-svg-sem-right);
  mask-image: var(--rm-ui-svg-sem-right);
}

body.rm-ui-right .leaflet-top.leaflet-left .easy-button-button.rm-ui-sem .button-state:before {
  -webkit-mask-image: var(--rm-ui-svg-sem-left);
  mask-image: var(--rm-ui-svg-sem-left);
}

.leaflet-top.leaflet-left .easy-button-button.rm-ui-fs .fullscreen-icon:before {
  -webkit-mask-image: var(--rm-ui-svg-fullscreen-off);
  mask-image: var(--rm-ui-svg-fullscreen-off);
}

body.rm-fs-on .leaflet-top.leaflet-left .easy-button-button.rm-ui-fs .fullscreen-icon:before,
.leaflet-top.leaflet-left .easy-button-button.rm-ui-fs .fullscreen-icon.leaflet-fullscreen-on:before {
  -webkit-mask-image: var(--rm-ui-svg-fullscreen-on);
  mask-image: var(--rm-ui-svg-fullscreen-on);
}

.leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state {
  align-items: center !important;
  background-image: none !important;
  display: flex !important;
  justify-content: flex-start !important;
  padding-left: 42px !important;
  padding-right: 13px !important;
  position: relative !important;
}

.leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state:before {
  height: 18px !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  -webkit-mask-image: var(--rm-ui-svg-share);
  mask-image: var(--rm-ui-svg-share);
}

.leaflet-touch .leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state:before {
  left: 16px !important;
  transform: translateY(-50%) !important;
}

body.rm-lightbox-open .leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state {
  background-image: var(--rm-ui-svg-share-white) !important;
  background-position: 16px center !important;
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
  padding-left: 42px !important;
}

body.rm-lightbox-open .leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state:before {
  content: none !important;
}

.leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state {
  background-image: var(--rm-ui-svg-share-white) !important;
  background-position: 16px center !important;
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
  padding-left: 42px !important;
}

.leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state:before {
  background: #fff !important;
  content: "" !important;
  height: 18px !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  -webkit-mask-image: var(--rm-ui-svg-share);
  mask-image: var(--rm-ui-svg-share);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  z-index: 2;
}

body:has(.rm-lightbox.show) .leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state {
  background-image: var(--rm-ui-svg-share-white) !important;
}

body:has(.rm-lightbox.show) .leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state:before {
  content: "" !important;
}

.rm-share-docked .button-state {
  background-image: var(--rm-ui-svg-share-white) !important;
  background-position: 16px center !important;
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
  padding-left: 42px !important;
  padding-right: 13px !important;
}

.rm-share-docked .button-state:before {
  content: none !important;
}

.leaflet-top.leaflet-left .rm-topcoords,
.leaflet-top.leaflet-left .rm-topmeasure,
.leaflet-top.leaflet-left .rm-topcoords .button-state,
.leaflet-top.leaflet-left .rm-topmeasure .button-state,
.leaflet-top.leaflet-left .rm-topcoords .button-state .rm-topicon,
.leaflet-top.leaflet-left .rm-topmeasure .button-state .rm-topicon {
  filter: none !important;
}

.leaflet-top.leaflet-left .rm-topcoords .button-state,
.leaflet-top.leaflet-left .rm-topmeasure .button-state {
  position: relative !important;
}

.leaflet-top.leaflet-left .rm-topcoords .button-state:before,
.leaflet-top.leaflet-left .rm-topmeasure .button-state:before {
  background: #fff !important;
  content: "" !important;
  height: 19px !important;
  left: 50% !important;
  pointer-events: none;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 19px !important;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 19px 19px;
  mask-size: 19px 19px;
}

.leaflet-top.leaflet-left .rm-topcoords .button-state:before,
.leaflet-top.leaflet-left .rm-ico-makepoint:before {
  -webkit-mask-image: var(--rm-ui-svg-makepoint-off);
  mask-image: var(--rm-ui-svg-makepoint-off);
}

.leaflet-top.leaflet-left .rm-topcoords .button-state .rm-topicon,
.leaflet-top.leaflet-left .rm-topmeasure .button-state .rm-topicon {
  background-image: none !important;
  opacity: 0 !important;
}

.leaflet-top.leaflet-left .rm-topcoords .button-state:before,
.leaflet-top.leaflet-left .rm-topmeasure .button-state:before {
  z-index: 2;
}

.leaflet-top.leaflet-left .rm-topcoords.rm-topcoords-on-active .button-state:before,
.leaflet-top.leaflet-left .rm-topcoords .button-state .rm-ico-makepoint.rm-on:before {
  -webkit-mask-image: var(--rm-ui-svg-makepoint-on);
  mask-image: var(--rm-ui-svg-makepoint-on);
}

.leaflet-top.leaflet-left .rm-topmeasure .button-state:before,
.leaflet-top.leaflet-left .rm-ico-measure:before,
.leaflet-top.leaflet-left .rm-topmeasure:before {
  -webkit-mask-image: var(--rm-ui-svg-measure-off);
  mask-image: var(--rm-ui-svg-measure-off);
}

.leaflet-top.leaflet-left .rm-topmeasure.rm-topmeasure-on-active .button-state:before,
.leaflet-top.leaflet-left .rm-topmeasure .button-state .rm-ico-measure.rm-on:before {
  -webkit-mask-image: var(--rm-ui-svg-measure-on);
  mask-image: var(--rm-ui-svg-measure-on);
}

.leaflet-top.leaflet-left .leaflet-control-layers-toggle:after {
  left: 12px;
  transform: translateY(-50%);
}

.leaflet-top.leaflet-left .leaflet-control-layers:not(.rm-subcontrol) > a.leaflet-control-layers-toggle:after,
.leaflet-top.leaflet-left .rm-maps-control.leaflet-control-layers > a.leaflet-control-layers-toggle:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203l9%205-9%205-9-5%209-5z%27%2F%3E%3Cpath%20d%3D%27M3%2012l9%205%209-5%27%2F%3E%3Cpath%20d%3D%27M3%2017l9%205%209-5%27%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203l9%205-9%205-9-5%209-5z%27%2F%3E%3Cpath%20d%3D%27M3%2012l9%205%209-5%27%2F%3E%3Cpath%20d%3D%27M3%2017l9%205%209-5%27%2F%3E%3C%2Fsvg%3E");
}

.leaflet-top.leaflet-left .leaflet-control-layers.rm-subcontrol > a.leaflet-control-layers-toggle:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cellipse%20cx%3D%2712%27%20cy%3D%275%27%20rx%3D%278%27%20ry%3D%273%27%2F%3E%3Cpath%20d%3D%27M4%205v6c0%201.7%203.6%203%208%203s8-1.3%208-3V5%27%2F%3E%3Cpath%20d%3D%27M4%2011v6c0%201.7%203.6%203%208%203s8-1.3%208-3v-6%27%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cellipse%20cx%3D%2712%27%20cy%3D%275%27%20rx%3D%278%27%20ry%3D%273%27%2F%3E%3Cpath%20d%3D%27M4%205v6c0%201.7%203.6%203%208%203s8-1.3%208-3V5%27%2F%3E%3Cpath%20d%3D%27M4%2011v6c0%201.7%203.6%203%208%203s8-1.3%208-3v-6%27%2F%3E%3C%2Fsvg%3E");
}

.leaflet-top.leaflet-left .leaflet-control-layers.rm-earth-basemaps-control > a.leaflet-control-layers-toggle:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207%209%204l6%203%206-3v13l-6%203-6-3-6%203z%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%224%22%20x2%3D%229%22%20y2%3D%2220%22%2F%3E%3Cline%20x1%3D%2215%22%20y1%3D%224%22%20x2%3D%2215%22%20y2%3D%2220%22%2F%3E%3Cline%20x1%3D%223%22%20y1%3D%2213%22%20x2%3D%229%22%20y2%3D%2210%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%2210%22%20x2%3D%2215%22%20y2%3D%2213%22%2F%3E%3Cline%20x1%3D%2215%22%20y1%3D%2213%22%20x2%3D%2221%22%20y2%3D%2210%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207%209%204l6%203%206-3v13l-6%203-6-3-6%203z%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%224%22%20x2%3D%229%22%20y2%3D%2220%22%2F%3E%3Cline%20x1%3D%2215%22%20y1%3D%224%22%20x2%3D%2215%22%20y2%3D%2220%22%2F%3E%3Cline%20x1%3D%223%22%20y1%3D%2213%22%20x2%3D%229%22%20y2%3D%2210%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%2210%22%20x2%3D%2215%22%20y2%3D%2213%22%2F%3E%3Cline%20x1%3D%2215%22%20y1%3D%2213%22%20x2%3D%2221%22%20y2%3D%2210%22%2F%3E%3C%2Fsvg%3E");
}

.leaflet-top.leaflet-left .leaflet-control-zoom-in:before,
.leaflet-top.leaflet-left .leaflet-control-zoom-out:before,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-in:before,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-out:before,
.leaflet-top.leaflet-left .leaflet-control-zoomhome-home:before,
.leaflet-top.leaflet-left .leaflet-control-locate a:before,
.leaflet-top.leaflet-left .easy-button-button.rm-ui-toggle .button-state:before,
.leaflet-top.leaflet-left .easy-button-button.rm-ui-sem .button-state:before,
.leaflet-top.leaflet-left .easy-button-button.rm-ui-fs .fullscreen-icon:before,
.leaflet-top.leaflet-left .rm-topcoords .button-state:before,
.leaflet-top.leaflet-left .rm-topmeasure .button-state:before,
.leaflet-top.leaflet-left .leaflet-control-layers-toggle:after {
  height: 17px !important;
  width: 17px !important;
  -webkit-mask-size: 17px 17px !important;
  mask-size: 17px 17px !important;
}

.leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state,
.rm-share-docked .button-state {
  background-size: 16px 16px !important;
}

.leaflet-top.leaflet-left .easy-button-button.rm-share-active .button-state:before {
  height: 16px !important;
  width: 16px !important;
  -webkit-mask-size: 16px 16px !important;
  mask-size: 16px 16px !important;
}

/* Keep custom panels with the toolbar when "Move UI to right" is active. */
body.rm-ui-right .leaflet-top.leaflet-left .leaflet-control-layers,
body.rm-ui-right .leaflet-top.leaflet-left .rm-subcontrol,
body.rm-ui-right .leaflet-top.leaflet-left .rm-support {
  margin-right: 0 !important;
  align-self: flex-end !important;
}

body.rm-ui-right .leaflet-top.leaflet-left .rm-maps-control.leaflet-control-layers,
body.rm-ui-right .leaflet-top.leaflet-left .rm-subcontrol.leaflet-control-layers,
body.rm-ui-right .leaflet-top.leaflet-left .leaflet-control-layers.rm-earth-basemaps-control,
body.rm-ui-right .leaflet-top.leaflet-left .rm-support {
  flex: 0 0 210px !important;
  width: 210px !important;
  max-width: 210px !important;
  margin-left: calc(100vw - 230px) !important;
}

/* Compact expanded custom panels and remove unwanted map list dividers. */
.leaflet-top.leaflet-left .rm-maps-control,
.leaflet-top.leaflet-left .rm-subcontrol.leaflet-control-layers,
.leaflet-top.leaflet-left .leaflet-control-layers.rm-earth-basemaps-control,
.leaflet-top.leaflet-left .rm-support {
  margin-top: 15px !important;
}

.leaflet-top.leaflet-left .rm-maps-control > .leaflet-control-layers-list,
.leaflet-top.leaflet-left .rm-subcontrol.leaflet-control-layers > .leaflet-control-layers-list,
.leaflet-top.leaflet-left .leaflet-control-layers.rm-earth-basemaps-control > .leaflet-control-layers-list {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.leaflet-top.leaflet-left .rm-maps-control .rm-layer-section-title {
  display: none !important;
}

.leaflet-top.leaflet-left .rm-maps-control .rm-map-row {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.leaflet-top.leaflet-left .rm-maps-control .rm-map-row input[name="rm-custom-basemap"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.leaflet-top.leaflet-left .rm-maps-control .rm-map-row.is-active,
.leaflet-top.leaflet-left .rm-maps-control .rm-map-row.is-active:before,
.leaflet-top.leaflet-left .rm-maps-control .rm-map-row.is-active:after {
  border-left: 0 !important;
}