@media not (display-mode: standalone) {
/* These styles will be applied when not in PWA */

    .pwa-hidden {
        display: block;
    }

    .pwa-only {
        display: none;
    }
}

@media all and (display-mode: standalone) {
/* PWA-only styles */

    body {
        padding-top: 45px;
        padding-bottom: 89px;
    }

    .pwa-navbar-logo > svg {
        width: 100px;
    }

    .pwa-hidden {
        display: none;
    }

    .pwa-only {
        display: block;
    }

    .pwa-navbar {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
    }

    .pwa-navbar-buttons {
        padding-bottom: 0px;
    }

}