html {
    --top-nav-height: 150px;
    --side-nav-fixed-width: 460px;
}

#titlearea {
    position: relative;
}

#time-shield-theme-toggle {
    position: absolute;
    top: var(--spacing-medium);
    right: var(--spacing-medium);
    z-index: 2;
    width: var(--searchbar-height);
    height: var(--searchbar-height);
}

#time-shield-theme-toggle > doxygen-awesome-dark-mode-toggle {
    margin: 0;
}

@media screen and (min-width: 768px) {
    html {
        --top-height: 140px;
    }

    #time-shield-theme-toggle {
        top: calc(100% + var(--spacing-small) + 1.5px);
    }

    #top {
        height: var(--top-nav-height);
    }

    #nav-tree, #side-nav {
        height: calc(100vh - var(--top-nav-height)) !important;
    }

    #side-nav {
        top: var(--top-nav-height);
    }
}