:root{
    --masonry-column-width: 100%;
    --masonry-gap: ;
    --background-color: black;

    /* Menu */
        --menu-trigger-button-background: white;
        --menu-trigger-button-text: black;
        --menu-trigger-button-separator: var(--light-grey);
        --menu-trigger-button-text-special: var(--pink-decorated-background);
        --back-button: white;
        --back-button-text: black;
        --menu-background: black;
        --menu-category: white;
        --menu-regular-button: var(--fill-1);
        --menu-regular-button-icon: var(--pink-decorated-background);
        --menu-regular-button-text: var(--light-grey);
        --menu-special-button: var(--pink-decorated-background);
        --menu-special-button-icon: white;
        --menu-special-button-text: white;
}
.masonry-container{
    width: 100%;
    min-height: 100%;
    opacity: 0;
    display: flex;
    transition: opacity .15s ease-out;
    justify-content: center;
    gap: var(--masonry-gap);
}
.masonry-column{
    width: var(--masonry-column-width);
    display: flex;
    flex-direction: column;
    gap: var(--masonry-gap);
}