.container {
    width: 100%;
    display: flex;
    flex-direction: column;
    /*background-color: green;*/

}

.header {
    display: flex;
    align-items: stretch;
    text-align: center;
    flex-direction: column;
    /*border: solid var(--item-border-size) var(--mantine-color-default-border);*/
    /*border-radius: var(--item-border-radius);*/
}

.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);
}