:root {
    --flocara-keyboard-height: 0px;
}

@media (max-width: 959.98px) {
    .flocara-mobile-bottom-navigation {
        transition: transform 160ms ease, opacity 120ms ease;
    }

    .flocara-keyboard-open .flocara-mobile-bottom-navigation {
        opacity: 0;
        pointer-events: none;
        transform: translate3d(0, 115%, 0);
    }

    .flocara-keyboard-open .flocara-main-content {
        scroll-padding-top: calc(env(safe-area-inset-top, 0px) + 4.5rem);
        scroll-padding-bottom: calc(var(--flocara-keyboard-height) + 5rem);
    }

    .flocara-keyboard-open .flocara-scroll-to-top-fab {
        display: none !important;
    }

    .flocara-keyboard-open .flocara-lifestyle-detail-sticky-actions {
        bottom: calc(var(--flocara-keyboard-height) + 0.25rem) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .flocara-mobile-bottom-navigation {
        transition: none !important;
    }
}