:root {
    --var-session-timer-height-xs: 1.3125rem;
    --var-session-timer-top-xs: 0;

    --var-session-timer-height-md: 1.5rem;
    --var-session-timer-top-md: 0;

    --var-main-top-bar-height-logged-out-xs: 6.5rem;
    --var-main-top-bar-height-logged-in-xs: 3rem;
    --var-main-top-bar-top-logged-out-xs: 0;
    --var-main-top-bar-top-logged-in-xs: var(--var-session-timer-height-xs);

    --var-main-top-bar-height-logged-out-md: 3.5rem;
    --var-main-top-bar-height-logged-in-md: 3.5rem;
    --var-main-top-bar-top-logged-out-md: 0;
    --var-main-top-bar-top-logged-in-md: var(--var-session-timer-height-md);

    --var-bottom-navigation-bar-height-xs: 3.78125rem;
    --var-bottom-navigation-bar-height-md: 3.9735rem;

    /* Calculate based previous elements heights */
    --var-category-search-bar-top-xs: var(--var-main-top-bar-height-logged-out-xs);
    --var-category-search-bar-top-logged-in-xs: calc(var(--var-main-top-bar-height-logged-in-xs) + var(--var-main-top-bar-top-logged-in-xs));

    --var-category-search-bar-top-md: var(--var-main-top-bar-height-logged-out-md);
    --var-category-search-bar-top-logged-in-md: calc(var(--var-main-top-bar-height-logged-in-md) + var(--var-main-top-bar-top-logged-in-md));

    --var-category-search-bar-top-lg: var(--var-main-top-bar-height-logged-out-md);
    --var-category-search-bar-top-logged-in-lg: calc(var(--var-main-top-bar-height-logged-in-md) + var(--var-main-top-bar-top-logged-in-md));

    --var-game-iframe-vertical-offset: calc(var(--var-session-timer-height-xs) + var(--var-main-top-bar-height-logged-in-xs));
}