.meteone-live-stations .meteone-pwa-install-invite,
.meteone-live-stations .meteone-pwa-install-hint {
    position: absolute;
    z-index: 1500;
    box-sizing: border-box;
    max-width: calc(100% - 20px);
    border: 1px solid rgb(255 255 255 / 66%);
    border-radius: var(--meteone-map-control-radius, 12px);
    background: var(--meteone-feedback-background, rgb(19 43 58 / 88%));
    box-shadow: 0 2px 5px rgb(19 43 58 / 16%);
    color: var(--meteone-feedback-color, #fff);
    font: 600 14px/1.35 var(--meteone-map-font, "Roboto Condensed", "Arial Narrow", Arial, sans-serif);
    pointer-events: auto;
    animation: meteone-install-invite-in 180ms cubic-bezier(.2, 0, 0, 1) both;
}
.meteone-live-stations .meteone-pwa-install-invite {
    left: var(--meteone-install-invite-center, 50%);
    bottom: var(--meteone-install-invite-bottom, calc(var(--meteone-tools-bottom, 27px) + var(--meteone-map-control-size, 44px) + 6px));
    width: var(--meteone-install-invite-width, 420px);
    padding: 12px;
    transform: translateX(-50%);
}
.meteone-live-stations .meteone-pwa-install-invite__message {
    margin: 0 0 10px;
    padding: 0;
    color: inherit;
    font: inherit;
    text-align: center;
}
.meteone-live-stations .meteone-pwa-install-invite__actions {
    display: grid;
    grid-template-columns: .85fr 1fr 1.4fr;
    gap: 6px;
}
.meteone-live-stations .meteone-pwa-install-invite__button {
    display: block;
    min-height: max(44px, var(--meteone-map-control-size, 44px));
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid rgb(19 43 58 / 15%);
    border-radius: var(--meteone-map-control-radius, 12px);
    background: #fff;
    color: #132b3a;
    font: inherit;
    text-transform: none;
    letter-spacing: normal;
    cursor: pointer;
}
.meteone-live-stations .meteone-pwa-install-invite__button.is-primary {
    border-color: transparent;
    background: #00669c;
    color: #fff;
}
.meteone-live-stations .meteone-pwa-install-invite__button:hover,
.meteone-live-stations .meteone-pwa-install-invite__button:focus-visible {
    background: var(--meteone-hover-background, #e7f4fa);
    color: var(--meteone-hover-color, #005f8c);
}
.meteone-live-stations .meteone-pwa-install-invite__button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}
.meteone-live-stations .meteone-pwa-install-invite__button:disabled { cursor: wait; opacity: .7; }
.meteone-live-stations .meteone-pwa-install-hint {
    right: var(--meteone-install-hint-right, 10px);
    bottom: var(--meteone-install-hint-bottom, calc(var(--meteone-tools-bottom, 32px) + var(--meteone-map-control-size, 44px) + 12px));
    width: max-content;
    max-width: min(310px, calc(100% - 20px));
    padding: 9px 12px;
    pointer-events: none;
}
.meteone-live-stations .meteone-pwa-install-hint.has-menu-anchor::after {
    position: absolute;
    top: 100%;
    right: var(--meteone-install-hint-arrow-right, 13px);
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: var(--meteone-feedback-background, rgb(19 43 58 / 88%));
    content: "";
}
.meteone-live-stations .meteone-pwa-install-invite[hidden],
.meteone-live-stations .meteone-pwa-install-hint[hidden] { display: none; }
@media (min-width: 768px) {
    .meteone-live-stations .meteone-pwa-install-hint.has-menu-anchor {
        transform: translateY(50%);
    }
    .meteone-live-stations .meteone-pwa-install-hint.has-menu-anchor::after {
        top: 50%;
        right: auto;
        left: 100%;
        margin-top: -7px;
        border-top-color: transparent;
        border-left-color: var(--meteone-feedback-background, rgb(19 43 58 / 88%));
    }
}
@media (max-width: 767px) {
    .meteone-live-stations .meteone-pwa-install-invite { padding: 8px; }
    .meteone-live-stations .meteone-pwa-install-invite__message { margin-bottom: 6px; }
    .meteone-live-stations .meteone-pwa-install-invite__actions { grid-template-columns: 1fr 1fr; }
    .meteone-live-stations .meteone-pwa-install-invite__button { font-size: 13px; padding: 6px 4px; }
    .meteone-live-stations .meteone-pwa-install-invite__button.is-primary { grid-column: 1 / -1; }
}
@keyframes meteone-install-invite-in {
    from { opacity: 0; margin-bottom: -6px; }
    to { opacity: 1; margin-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .meteone-live-stations .meteone-pwa-install-invite,
    .meteone-live-stations .meteone-pwa-install-hint { animation: none; }
}