.bentral-region-map-slo {
    --bentral-region-fill: #9dc183;
    --bentral-region-selected: #4f7a3a;
    --bentral-region-label: #2d4a1f;
    --bentral-region-label-selected: #ffffff;
    --bentral-region-disabled: #c8c8c8;
    --bentral-region-label-disabled: #8a8a8a;
    --bentral-region-stroke: #ffffff;
    width: 100%;
    max-width: 100%;
    height: 400px;
    box-sizing: border-box;
}

.bentral-region-map-slo__canvas {
    width: 100%;
    height: 100%;
}

.bentral-region-map-slo__canvas svg {
    display: block;
    width: 100%;
    height: 100%;
}

.bentral-region-map-slo .bentral-region-map__regions {
    fill: var(--bentral-region-fill);
    stroke: var(--bentral-region-stroke);
    color: var(--bentral-region-fill);
}

.bentral-region-map-slo .bentral-region-map__region {
    cursor: pointer;
    transition: fill 0.2s ease, opacity 0.2s ease;
    fill: var(--bentral-region-fill);
}

.bentral-region-map-slo .bentral-region-map__region:hover {
    opacity: 0.88;
}

.bentral-region-map-slo .bentral-region-map__region.is-selected {
    fill: var(--bentral-region-selected);
    opacity: 1;
}

.bentral-region-map-slo .bentral-region-map__region.is-disabled {
    fill: var(--bentral-region-disabled);
    cursor: default;
    opacity: 1;
    pointer-events: none;
}

.bentral-region-map-slo .bentral-region-map__region.is-disabled:hover {
    opacity: 1;
}

.bentral-region-map-slo .bentral-region-map__labels {
    fill: var(--bentral-region-label);
    pointer-events: none;
}

.bentral-region-map-slo .bentral-region-map__label {
    fill: var(--bentral-region-label);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-anchor: middle;
    dominant-baseline: middle;
    transition: fill 0.2s ease;
}

.bentral-region-map-slo .bentral-region-map__label.is-selected {
    fill: var(--bentral-region-label-selected);
}

.bentral-region-map-slo .bentral-region-map__label.is-disabled {
    fill: var(--bentral-region-label-disabled);
    opacity: 1;
}