.container-VKf8EzwH {
    position: fixed
}

.container-xlTdSV0z {
    align-self: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    width: 100%
}

html.theme-dark .container-xlTdSV0z {
    background: #000
}

@media (min-width:768px) {
    .container-xlTdSV0z {
        width: auto
    }
}

.countriesHeader-xlTdSV0z {
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    font-style: normal;
    --ui-lib-typography-font-size: 20px;
    font-size: var(--ui-lib-typography-font-size);
    font-weight: 600;
    --ui-lib-typography-line-height: 24px;
    line-height: var(--ui-lib-typography-line-height);
    margin-bottom: 16px
}

.tooltipInfo-xlTdSV0z {
    align-items: center;
    display: flex;
    gap: 4px
}

.tooltipDate-xlTdSV0z {
    color: #b8b8b8;
    font-size: 11px;
    line-height: 14px;
    padding-top: 2px;
    text-align: center
}

.blankMap {
    pointer-events: none;
    position: absolute
}

@media (min-width:768px) {
    .mapContainer-xlTdSV0z {
        min-height: calc(var(--map-height) + var(--legend-min-height) + var(--legend-margin))
    }
}

.mapContainer-xlTdSV0z {
    --legend-min-height: 32px;
    --legend-margin: 8px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

.mapContainer-xlTdSV0z .legend-xlTdSV0z {
    bottom: 0;
    position: absolute
}

.mapContainer-xlTdSV0z:before {
    content: "";
    display: block;
    padding-bottom: calc(50% + var(--legend-min-height) + var(--legend-margin))
}

@media (min-width:768px) {
    .mapContainer-xlTdSV0z {
        --map-width: 682px;
        --map-height: 341px
    }
    .mapContainer-xlTdSV0z .legend-xlTdSV0z {
        position: relative
    }
    .mapContainer-xlTdSV0z:before {
        display: none
    }
}

@media (min-width:1024px) {
    .mapContainer-xlTdSV0z {
        --map-width: 914px;
        --map-height: 457px
    }
}

@media (min-width:1280px) {
    .mapContainer-xlTdSV0z {
        --map-width: 1000px;
        --map-height: 500px
    }
    body.is-widgetbar-expanded .mapContainer-xlTdSV0z {
        --map-width: 600px;
        --map-height: 300px
    }
}

@media (min-width:1440px) {
    .mapContainer-xlTdSV0z {
        --map-width: 1200px;
        --map-height: 600px
    }
    body.is-widgetbar-expanded .mapContainer-xlTdSV0z {
        --map-width: 800px;
        --map-height: 400px
    }
}

@media (min-width:1920px) {
    body.is-widgetbar-expanded .mapContainer-xlTdSV0z {
        --map-width: 1200px;
        --map-height: 600px
    }
}

@media (min-width:2560px) {
    .mapContainer-xlTdSV0z,
    body.is-widgetbar-expanded .mapContainer-xlTdSV0z {
        --map-width: 1600px;
        --map-height: 800px
    }
}

.mapContainer-xlTdSV0z[data-color-preset=color-heatmap-tan-orange] {
    --color-xs: #fff3e0;
    --color-s: #ffe0b2;
    --color-m: #ffcc80;
    --color-l: #ffb74d;
    --color-xl: #ffa726;
    --color-xxl: #ff9800;
    --color-disabled-country: #f2f2f2;
    --map-stroke-color: #e65100
}

html.theme-dark .mapContainer-xlTdSV0z[data-color-preset=color-heatmap-tan-orange] {
    --map-stroke-color: #ffe0b2;
    --color-disabled-country: #2e2e2e;
    --color-xxl: #ff9100;
    --color-xl: #e57e17;
    --color-l: #cc7014;
    --color-m: #8c541c;
    --color-s: #593a1b;
    --color-xs: #33261a
}

.mapContainer-xlTdSV0z[data-color-preset=color-heatmap-sky-blue] {
    --color-xs: #e0f7fa;
    --color-s: #b2ebf2;
    --color-m: #80deea;
    --color-l: #4dd0e1;
    --color-xl: #26c6da;
    --color-xxl: #00bcd4;
    --color-disabled-country: #f2f2f2;
    --map-stroke-color: #006064
}

html.theme-dark .mapContainer-xlTdSV0z[data-color-preset=color-heatmap-sky-blue] {
    --map-stroke-color: #b2ebf2;
    --color-disabled-country: #2e2e2e;
    --color-xxl: #4dd0e1;
    --color-xl: #26c6da;
    --color-l: #00bcd4;
    --color-m: #00acc1;
    --color-s: #0097a7;
    --color-xs: #006064
}

.mapContainer-xlTdSV0z[data-color-preset=color-heatmap-deep-blue] {
    --color-xs: #ede7f6;
    --color-s: #d1c4e9;
    --color-m: #b39ddb;
    --color-l: #9575cd;
    --color-xl: #7e57c2;
    --color-xxl: #673ab7;
    --color-disabled-country: #f2f2f2;
    --map-stroke-color: #311b92
}

html.theme-dark .mapContainer-xlTdSV0z[data-color-preset=color-heatmap-deep-blue] {
    --map-stroke-color: #d1c4e9;
    --color-disabled-country: #2e2e2e;
    --color-xxl: #9575cd;
    --color-xl: #7e57c2;
    --color-l: #673ab7;
    --color-m: #5e35b1;
    --color-s: #512da8;
    --color-xs: #311b92
}

.mapContainer-xlTdSV0z[data-color-preset=color-heatmap-tv-blue] {
    --color-xs: #e3effd;
    --color-s: #bbd9fb;
    --color-m: #90bff9;
    --color-l: #5b9cf6;
    --color-xl: #3179f5;
    --color-xxl: #2962ff;
    --color-disabled-country: #f2f2f2;
    --map-stroke-color: #0c3299
}

html.theme-dark .mapContainer-xlTdSV0z[data-color-preset=color-heatmap-tv-blue] {
    --map-stroke-color: #bbd9fb;
    --color-disabled-country: #2e2e2e;
    --color-xxl: #448aff;
    --color-xl: #2979ff;
    --color-l: #2962ff;
    --color-m: #143a87;
    --color-s: #142e61;
    --color-xs: #132042
}

.mapContainer-xlTdSV0z[data-color-preset=color-heatmap-berry-pink] {
    --color-xs: #fce4ec;
    --color-s: #f8bbd0;
    --color-m: #f48fb1;
    --color-l: #f06292;
    --color-xl: #ec407a;
    --color-xxl: #e91e63;
    --color-disabled-country: #f2f2f2;
    --map-stroke-color: #880e4f
}

html.theme-dark .mapContainer-xlTdSV0z[data-color-preset=color-heatmap-berry-pink] {
    --map-stroke-color: #f8bbd0;
    --color-disabled-country: #2e2e2e;
    --color-xxl: #f06292;
    --color-xl: #ec407a;
    --color-l: #e91e63;
    --color-m: #d81b60;
    --color-s: #c2185b;
    --color-xs: #880e4f
}

.mapContainer-xlTdSV0z[data-color-preset=color-heatmap-forest-green] {
    --color-xs: #daf2e6;
    --color-s: #ace5c9;
    --color-m: #70cc9e;
    --color-l: #42bd7f;
    --color-xl: #22ab67;
    --color-xxl: #089950;
    --color-disabled-country: #f2f2f2;
    --map-stroke-color: #1a3326
}

html.theme-dark .mapContainer-xlTdSV0z[data-color-preset=color-heatmap-forest-green] {
    --map-stroke-color: #ace5c9;
    --color-disabled-country: #2e2e2e;
    --color-xxl: #70cc9e;
    --color-xl: #42bd7f;
    --color-l: #22ab67;
    --color-m: #089950;
    --color-s: #056636;
    --color-xs: #1a3326
}

.map-xlTdSV0z {
    align-items: center;
    aspect-ratio: 2/1;
    color: #fff;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0
}

html.theme-dark .map-xlTdSV0z {
    color: #000
}

@media (min-width:768px) {
    .map-xlTdSV0z {
        aspect-ratio: unset;
        position: relative
    }
}

.map-xlTdSV0z svg {
    height: 100%;
    width: 100%
}

@media (min-width:768px) {
    .map-xlTdSV0z svg {
        height: var(--map-height);
        width: var(--map-width)
    }
}

.map-xlTdSV0z svg g,
.map-xlTdSV0z svg path {
    stroke: #fff;
    color: var(--map-country-color)
}

html.theme-dark .map-xlTdSV0z svg g,
html.theme-dark .map-xlTdSV0z svg path {
    stroke: #000
}

.map-xlTdSV0z svg g.negative-m,
.map-xlTdSV0z svg path.negative-m {
    --map-country-color: var(--color-xs)
}

.map-xlTdSV0z svg g.negative-s,
.map-xlTdSV0z svg path.negative-s {
    --map-country-color: var(--color-s)
}

.map-xlTdSV0z svg g.neutral,
.map-xlTdSV0z svg path.neutral {
    --map-country-color: var(--color-m)
}

.map-xlTdSV0z svg g.positive-s,
.map-xlTdSV0z svg path.positive-s {
    --map-country-color: var(--color-l)
}

.map-xlTdSV0z svg g.positive-m,
.map-xlTdSV0z svg path.positive-m {
    --map-country-color: var(--color-xl)
}

.map-xlTdSV0z svg g.positive-l,
.map-xlTdSV0z svg path.positive-l {
    --map-country-color: var(--color-xxl)
}

.map-xlTdSV0z svg g.disabled,
.map-xlTdSV0z svg path.disabled {
    --map-country-color: var(--color-disabled-country)
}

.map-xlTdSV0z svg.blankMap g,
.map-xlTdSV0z svg.blankMap path {
    stroke-width: 1.2px;
    color: #0000;
    stroke: var(--map-stroke-color) !important
}

.container-nPNmiwkH {
    align-items: flex-end;
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
    justify-content: end
}

@media (min-width:768px) {
    .container-nPNmiwkH {
        flex-direction: column;
        gap: 24px
    }
}

.screenshotButtonWrapper-nPNmiwkH {
    width: 40px
}