@import url(../main.css);
@import url(../base-style.css);
@import url(../structures/basic-layout.css);
@import url(../structures/gallery-panel.css);
@import url(../components/covers.css);
@import url(../components/masonry.css);
@import url(../components/breadcrumbs.css);
@import url(../components/buttons.css);
@import url(../components/card-buttons.css);
@import url(../components/slider.css);
@import url(../components/modalbox.css);
@import url(../components/artist-modal.css);

#ArtCabinet > .content
{
    height: 80%;
}

#ArtCabinet > .masonry
{
    /* --top-gap: var(--row-gap);
    --left-gap: calc(var(--page-margin) * .5);
    --right-gap: calc(var(--page-margin) * .5); */
}

.gallery-panel > .slider img
{
    object-fit: contain;
}

#Purchase > header{
    grid-row: pos-first / pre-row 1;
    grid-column: first / last;
}

#Purchase > .masonry{
    grid-row: pos-first / pre-last;
    grid-column: first / last;
}

@media (max-width: 800px) {
    #ArtCabinet > .content
    {
        height: auto;
    }
}