.meteone-live-stations {
    --meteone-map-background: #dbe8ef;
    --meteone-page-header-height: 106px;
    --meteone-map-height: calc(100vh - var(--meteone-page-header-height));
    --meteone-map-height: calc(100dvh - var(--meteone-page-header-height));
    --meteone-map-font: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    color: #132b3a;
    font-family: var(--meteone-map-font);
    isolation: isolate;
}

.meteone-live-stations-page #breadcrumbs {
    display: none;
}

.meteone-live-stations__map-shell {
    position: relative;
    width: 100%;
    height: var(--meteone-map-height);
    min-height: var(--meteone-map-height);
    overflow: hidden;
    background: var(--meteone-map-background);
}

.meteone-live-stations__map {
    width: 100%;
    height: 100%;
}

.meteone-live-stations__status {
    position: absolute;
    z-index: 1001;
    top: 50%;
    left: 50%;
    max-width: min(88vw, 420px);
    padding: 12px 18px;
    border: 1px solid rgb(19 43 58 / 12%);
    border-radius: 10px;
    background: rgb(255 255 255 / 94%);
    box-shadow: 0 8px 30px rgb(19 43 58 / 18%);
    color: #132b3a;
    font: 600 15px/1.4 var(--meteone-map-font);
    text-align: center;
    transform: translate(-50%, -50%);
}

.meteone-live-stations__status[hidden] {
    display: none;
}

.meteone-live-stations:fullscreen,
.meteone-live-stations.is-pseudo-fullscreen {
    position: fixed;
    z-index: 2147483000;
    inset: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    max-width: none;
    margin: 0;
    background: var(--meteone-map-background);
}

.meteone-live-stations:fullscreen .meteone-live-stations__map-shell,
.meteone-live-stations.is-pseudo-fullscreen .meteone-live-stations__map-shell {
    height: 100dvh;
    min-height: 100dvh;
}