.container {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.items-list {
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
    /*background-color: red;*/
    height: 100%;
}

.items-list::after {
    height: 5rem;
    content: "";
}

.items-list-drag-over {
    @mixin light {
        background-color: var(--mantine-color-gray-1);
    }
    @mixin dark {
        background-color: var(--mantine-color-dark-5);
    }
    border-radius: var(--item-border-radius);
}
