.marker-cluster-small {
    background-color: color-mix(in srgb, var(--mud-palette-primary-lighten), transparent 60%);
}
.marker-cluster-small div {
    background-color: color-mix(in srgb, var(--mud-palette-primary-lighten), transparent 45%);
    color: var(--mud-palette-white);
}

.marker-cluster-medium, .marker-cluster-large {
    background-color: color-mix(in srgb, var(--mud-palette-primary-darken), transparent 60%);
}
.marker-cluster-medium div, .marker-cluster-large div {
    background-color: color-mix(in srgb, var(--mud-palette-primary-darken), transparent 45%);
    color: var(--mud-palette-white);
}