.solvd-world-map {
    --map-inactive: #e8e9eb;
    --map-line: #fff;
    --map-start: #74d5c8;
    --map-end: #1853a2;
    width: 100%;
    min-width: 0;
}

.solvd-world-map__map-wrap {
    position: relative;
    min-width: 0;
}

.solvd-world-map__canvas {
    width: 100%;
    min-height: 260px;
}

.solvd-world-map__canvas.has-error {
    min-height: 0;
}

.solvd-world-map__svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.solvd-world-map__svg g[id] path,
.solvd-world-map__svg g[id] {
    transition: fill 180ms ease, opacity 180ms ease, filter 180ms ease;
}

.solvd-world-map__svg g[id] path {
    fill: var(--map-inactive);
    stroke: var(--map-line);
    stroke-width: .45;
    vector-effect: non-scaling-stroke;
}

.solvd-world-map__svg g.is-active path {
    fill: url(#solvd-map-gradient);
    cursor: pointer;
}

.solvd-world-map__svg g.is-current path {
    filter: brightness(.88) saturate(1.2);
}

.solvd-world-map__tooltip {
    position: absolute;
    z-index: 5;
    width: min(320px, calc(100vw - 32px));
    padding: 16px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 12px 36px rgba(18, 29, 39, .22);
    transform: translate(-50%, -100%);
    pointer-events: none;
}

.solvd-world-map__tooltip[hidden] {
    display: none;
}

.solvd-world-map__tooltip article {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.solvd-world-map__image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.solvd-world-map__title {
    display: block;
    margin-bottom: 12px;
    color: var(--cx-color-blue, #121d27);
    font-size: inherit;
    line-height: inherit;
    text-transform: uppercase;
}

.solvd-world-map__text {
    color: var(--cx-color-blue, #121d27);
    overflow-wrap: anywhere;
}

@media (max-width: 524px) {
    .solvd-world-map__tooltip {
        width: min(280px, calc(100vw - 24px));
        padding: 12px;
    }
}