#map {
    width: 100%;
    height: 700px;
}

.map__name {
    font-size: 10px;
    margin-bottom: 0;
    color: #242424 !important;
}
.map__desc {
    margin-top: 2px;
    font-weight: bold;
    color: #242424 !important;
}

.map__link {
    font-size: 10px;
    margin-top: 20px;
    text-decoration: underline;
    color: #242424 !important;
}
#map button {
    color: #242424 !important;
}
.dark-mode .gm-style-iw.gm-style-iw-c {
    background: #242424;
}
.dark-mode .gm-style .gm-style-iw-tc::after {
    background: #242424;
}
.dark-mode .gm-ui-hover-effect > span {
    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%3E%3Cpath%20fill%3D%22%23ffff%22%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") !important;
-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%3E%3Cpath%20fill%3D%22%23ffff%22%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") !important;
    background: white !important;
}
.dark-mode .gm-style-iw-d {
    overflow: hidden !important;
    padding-right: 10px;
    padding-bottom: 10px;
}
.dark-mode .gm-style-iw-d a {
    color: white !important;
}