header {
    position            : fixed;
    z-index             : 10000;
    display             : flex;
    width               : 100%;
    height              : var(--header-height);
    background-color    : var(--black-24);
    border-bottom       : 1px solid var(--background-active);
    padding-right       : var(--scroll-width, 0px);
    transition-property : background-color;
    transition-duration : var(--hover-animation, 0.3s);
}

#navigation_panel ~ .page__wrapper header {
    width               : calc(100% - var(--nav-panel-width));
}

.header__wrapper {
    display             : flex;
    flex-direction      : row;
    justify-content     : flex-end;
    align-items         : center;
    gap                 : 15px;
    width               : 100%;
    height              : 100%;
}