/* ===== TOP BAR ===== */
.topbar {
    display: flex;
    /* position: fixed; */
    height: var(--topbar-height);

    background: var(--theme-topbar-back);
    /* background: #181818; */

    align-items: center;
    gap: 10px;
    padding: 0 10px;
}

.topbar-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.topbar-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    margin-left: auto;
}

.menu {
    font-size: 1.5em;
    cursor: pointer;
}

.brand {
    font-size: 1.5em;
    font-weight: bold;
    white-space: nowrap;
}

.brand a {
    color: var(--theme-topbar);
    text-decoration: none;
}

.iconbar {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}