.pwa-install,
.pwa-connection,
.pwa-help {
    font:
        400 0.875rem/1.5 system-ui,
        sans-serif;
}
.pwa-install[hidden],
.pwa-connection[hidden] {
    display: none;
}
.pwa-install {
    position: fixed;
    z-index: 40;
    right: 1rem;
    bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
    background: #234d3b;
    color: #fff;
    border: 1px solid #ffffff50;
    border-radius: 2rem;
    padding: 0.7rem 1rem;
    box-shadow: 0 3px 15px #0002;
    cursor: pointer;
}
.pwa-install:focus-visible,
.pwa-help button:focus-visible {
    outline: 3px solid #52b788;
    outline-offset: 3px;
}
.pwa-connection {
    position: fixed;
    z-index: 45;
    inset: auto 1rem calc(1rem + env(safe-area-inset-bottom, 0px));
    width: fit-content;
    margin: auto;
    padding: 0.6rem 1rem;
    background: #713f12;
    color: #fff;
    border-radius: 0.75rem;
}
.pwa-help {
    max-width: min(26rem, calc(100vw - 3rem));
    border: 0;
    border-radius: 1rem;
    padding: 1.5rem;
    background: #fafbf7;
    color: #18372a;
}
.pwa-help::backdrop {
    background: #0007;
}
.pwa-help h2 {
    font-size: 1.25rem;
    font-weight: 650;
    margin: 0 0 0.75rem;
}
.pwa-help p {
    margin: 0 0 1rem;
}
.pwa-help button {
    font: inherit;
    border: 0;
    border-radius: 0.5rem;
    padding: 0.6rem 1rem;
    color: #fff;
    background: #234d3b;
    cursor: pointer;
}