.marker-cluster {
background-clip: padding-box;
border-radius: 50%;
width: 48px;
height: 48px;
margin-left: -24px;
margin-top: -24px;
text-align: center;
font-family: 'DM Sans', 'Helvetica', sans-serif;
font-size: 30px;
font-weight: 400;
color: var(--white);
}
.marker-cluster div {
width: 36px;
height: 36px;
margin-left: 6px;
margin-top: 6px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.marker-cluster span {
line-height: 36px;
} .marker-cluster-small {
background-color: var(--blue-600);
}
.marker-cluster-small div {
background-color: var(--blue-600);
} .marker-cluster-medium {
background-color: rgba(255, 213, 0, 0.6);
}
.marker-cluster-medium div {
background-color: rgba(255, 213, 0, 0.6);
} .marker-cluster-large {
background-color: rgba(231, 51, 49, 0.6);
}
.marker-cluster-large div {
background-color: rgba(231, 51, 49, 0.6);
}