.cult-chrome--immersive.cult-chrome-theme--cult {
    --cult-os-header-control-size: 55px;
    --cult-os-header-logo-link-width: 102px;
    --cult-os-header-logo-link-height: 82px;
    --cult-os-header-logo-image-size: 82px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3300;
    display: grid;
    grid-template-areas: "avatar logo spacer";
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 8px 12px;
    box-sizing: border-box;
    min-height: 84px;
    pointer-events: none;
    color: var(--shell-text);
    font: 700 16px/1.2 "Courier New", Courier, monospace;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.cult-chrome--immersive.cult-chrome-theme--cult .cult-os-account-wrap,
.cult-chrome--immersive.cult-chrome-theme--cult .cult-os-status-logo-link {
    min-width: 0;
    pointer-events: auto;
}

.cult-chrome--immersive.cult-chrome-theme--cult .cult-os-account-wrap {
    grid-area: avatar;
    position: relative;
    justify-self: start;
}

.cult-chrome--immersive.cult-chrome-theme--cult .cult-os-status-logo-link {
    grid-area: logo;
    justify-self: center;
}

.cult-immersive-header-spacer {
    grid-area: spacer;
    justify-self: end;
    width: var(--cult-os-header-control-size);
    height: var(--cult-os-header-control-size);
    pointer-events: none;
}

@media (max-width: 820px) {
    .cult-chrome--immersive.cult-chrome-theme--cult {
        --cult-os-header-control-size: 48px;
        --cult-os-header-logo-link-width: 78px;
        --cult-os-header-logo-link-height: 66px;
        --cult-os-header-logo-image-size: 66px;
        padding: 8px 10px;
        min-height: 66px;
    }
}