:root {
    --topspot-app-height: 100vh;
}

html,
body {
    min-height: 100vh;
    min-height: 100dvh;
}

html.topspot-pwa-standalone,
html.topspot-pwa-standalone body {
    width: 100%;
    min-height: var(--topspot-app-height);
    overflow-x: hidden;
    background: #ffffff;
}

html.topspot-pwa-standalone .fi-body,
html.topspot-pwa-standalone .fi-layout,
html.topspot-pwa-standalone .fi-main-ctn,
html.topspot-pwa-standalone .fi-main,
html.topspot-pwa-standalone main.fi-main {
    min-height: var(--topspot-app-height);
}

@supports (height: 100dvh) {
    html.topspot-pwa-standalone,
    html.topspot-pwa-standalone body,
    html.topspot-pwa-standalone .fi-body,
    html.topspot-pwa-standalone .fi-layout,
    html.topspot-pwa-standalone .fi-main-ctn,
    html.topspot-pwa-standalone .fi-main,
    html.topspot-pwa-standalone main.fi-main {
        min-height: 100dvh;
    }
}