.pane_spacer {
    margin: var(--margin-pane);

    width: min-content;
    height: calc(100vh - calc(var(--margin-pane) * 2));

    display: grid;
    grid-auto-flow: row dense;
    gap: var(--spacing-menu-gap);

    position: sticky;
    top: var(--margin-pane);
    right: var(--margin-pane);

    .spacer_container {
        padding: var(--spacing-horizontal);
        background-color: var(--background-2);
        height: 100%;
        border-radius: var(--border-radius-leaf);

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        p {
            margin: 0;
            text-align: center;
        }
    }
}

@media only screen and (max-width: 500px) {
    .pane_spacer {
        width: 100%;
    }
}
