
.container {
    padding: 0;
    border: 1px dashed;
    @mixin light {
        background-color: var(--color-light-white-blue);
        border-color: lightblue;
    }
    @mixin dark {
        background-color: var(--mantine-color-dark-7);
        border-color: var(--mantine-color-dark-5);
    }
}

.container-selected {
    border: 2px dashed !important;
    @mixin light {
        border-color: dodgerblue !important;
    }
    @mixin dark {
        border-color: dodgerblue !important;
    }
}

.container-mainly-selected {
    border: 2px solid;
    @mixin light {
        border-color: dodgerblue !important;
    }
    @mixin dark {
        border-color: dodgerblue !important;
    }
}

.container-in-group {
    padding: 0;
    border: 1px dashed;
    @mixin light {
        background-color: var(--color-light-aqua);
        border-color: lightblue;
    }
    @mixin dark {
        background-color: var(--mantine-color-dark-6);
        border-color: var(--mantine-color-dark-5);
    }
}

.deal-data {
    padding: var(--mantine-spacing-xs);
    gap: var(--mantine-spacing-xs);
}

.deal-id {
    border-top-right-radius: var(--mantine-radius-md);
    border-bottom-left-radius: var(--mantine-radius-md);
    padding-inline: var(--mantine-spacing-xs);
    @mixin light {
        background-color: lightblue;
    }
    @mixin dark {
        background-color: var(--color-dark);
    }
}

.first-tag {
    @mixin light {
        background-color: lightblue;
    }
    @mixin dark {
        background-color: darkslateblue;
    }
}

.second-tag {
    @mixin light {
        background-color: lightgray;
    }
    @mixin dark {
        background-color: var(--mantine-color-dark-4);
    }
}
