
.container {
    padding: 0;
    @mixin light {
        background-color: var(--color-light-white-blue);
    }
    @mixin dark {
        background-color: var(--mantine-color-dark-7);
    }
}

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