.sidebar {
    margin: 0 var(--size-m);

    display: flex;
    flex-direction: column;
    gap: var(--size-m);
}

@media (max-width: 768px) {
    .sidebar {
        flex-direction: row;
        gap: var(--size-m);
    }
}

.sidebar__links {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-xs);
}

main {
    margin: 0 var(--size-m);
}