.header {
    height: 56px;
    margin-bottom: 6px;
    background-color: var(--mantine-color-body);
    border-bottom: 1px solid var(--mantine-color-default-border);
}

.inner {
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.link {
    display: block;
    line-height: 1;
    padding: 8px 12px;
    border-radius: var(--mantine-radius-sm);
    text-decoration: none;
    color: var(--mantine-color-text);
    font-size: var(--mantine-font-size-sm);
    font-weight: 500;

    &:hover {
        background-color: var(--mantine-color-default-hover);
    }

    [data-mantine-color-scheme] &.active {
        background-color: #D40404;
        color: var(--mantine-color-white);
    }
}