:root {
    --hv-eu-background: #000000;
    --hv-eu-panel: #11151a;
    --hv-eu-border: #2a3038;
    --hv-eu-text: #d7d7d7;
    --hv-eu-muted: #7f858d;
    --hv-eu-axis: #d8d8d8;
    --hv-eu-german: #ff00ff;
    --hv-eu-french: #00ffff;
    --hv-eu-italian: #00ff00;
    --hv-eu-spanish: #ffff00;
    --hv-eu-zero: #9b9b9b;}

* {
    box-sizing: border-box;}

html,
body {
    margin: 0;
    padding: 0;
    background: var(--hv-eu-background);
    color: var(--hv-eu-text);
    font-family: Arial, Helvetica, sans-serif;}

#hv-eu-page {
    position: relative;
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    background: var(--hv-eu-background);}

#hv-eu-toolbar {
    position: relative;
    z-index: 200;
    width: 100%;
    min-height: 41px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0 10px 50px;
    background: var(--hv-eu-background);}

.hv-eu-dropdown {
    position: relative;
    display: inline-block;}

.hv-eu-toolbar-button,
.hv-eu-dropdown-option {
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
    font-family: inherit;
    font-size: 12px;}

.hv-eu-toolbar-button {
    padding: 2px 14px;
    cursor: pointer;
    white-space: nowrap;}

.hv-eu-toolbar-button:hover,
.hv-eu-dropdown-option:hover {
    background: #ffffff;
    color: #000000;}

.hv-eu-toolbar-button.active,
.hv-eu-toolbar-button.active:hover {
    background: #CC0033;
    color: #ffffff;}

.hv-eu-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 220;
    min-width: 100%;
    display: none;
    background: var(--hv-eu-background);
    border: 1px solid #ffffff;}

.hv-eu-dropdown-open .hv-eu-dropdown-menu {
    display: block;}

.hv-eu-dropdown-option {
    display: block;
    width: 100%;
    padding: 5px 14px;
    border: 0;
    border-bottom: 1px solid #999999;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;}

.hv-eu-dropdown-option:last-child {
    border-bottom: 0;}

.hv-eu-dropdown-option:disabled,
.hv-eu-dropdown-option[aria-current="true"] {
    color: var(--hv-eu-muted);
    background: transparent;
    cursor: default;}

.hv-eu-dropdown-option:disabled:hover,
.hv-eu-dropdown-option[aria-current="true"]:hover {
    color: var(--hv-eu-muted);
    background: transparent;}

.hv-eu-module {
    position: relative;
    width: 100%;
    height: calc(100vh - 41px);
    min-height: 0;
    background: var(--hv-eu-background);}

#hv-eu-home-module {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));}

#hv-eu-move-module {
    display: grid;
    grid-template-rows: minmax(0, 1fr);}

#hv-eu-maturity-module {
    display: block;}
	
.hv-eu-maturity-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 10px;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;}

.hv-eu-maturity-chart-stack {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 10px;
    min-width: 0;
    min-height: 0;}

.hv-eu-maturity-term-chart-block {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--hv-eu-border);
    background: var(--hv-eu-background);}
	
.hv-eu-maturity-term-title {
    position: absolute;
    top: 8px;
    left: 50%;
    z-index: 4;
    margin: 0;
    transform: translateX(-50%);
    color: var(--hv-eu-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;}

.hv-eu-maturity-term-chart {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    background: var(--hv-eu-background);}

.hv-eu-maturity-grid-line {
    stroke: #252b33;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;}

.hv-eu-maturity-axis-line {
    stroke: #7e8792;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;}

.hv-eu-maturity-axis-label {
    fill: var(--hv-eu-muted);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;}

.hv-eu-maturity-term-path {
    fill: none;
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;}

.hv-eu-maturity-term-path-latest {
    stroke: #ffd400;}

.hv-eu-maturity-term-path-compare {
    stroke: #00ffff;
    stroke-dasharray: 7 5;}

.hv-eu-maturity-term-point {
    vector-effect: non-scaling-stroke;}

.hv-eu-maturity-term-point-latest {
    fill: #ffd400;
    stroke: #ffd400;}

.hv-eu-maturity-term-point-compare {
    fill: var(--hv-eu-background);
    stroke: #00ffff;
    stroke-width: 2;}

.hv-eu-maturity-term-hit-zone {
    fill: transparent;
    pointer-events: all;
    cursor: default;}

.hv-eu-maturity-term-point.is-maturity-active {
    stroke-width: 2.8;}

.hv-eu-maturity-dashboard {
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--hv-eu-border);
    background: var(--hv-eu-background);
    padding: 14px;
    overflow: hidden;}

.hv-eu-maturity-dashboard > h2 {
    margin: 0 0 12px;
    color: var(--hv-eu-text);
    font-size: 15px;
    font-weight: 600;
    text-align: center;}

.hv-eu-maturity-country-control {
    margin-bottom: 10px;
    border: 1px solid var(--hv-eu-border);
    background: var(--hv-eu-background);
    padding: 8px 10px;
    text-align: center;}

.hv-eu-maturity-country-control label,
.hv-eu-maturity-compare-control label {
    display: block;
    margin-bottom: 4px;
    color: var(--hv-eu-muted);
    font-size: 11px;}

.hv-eu-maturity-country-control select,
.hv-eu-maturity-compare-control select {
    display: block;
    height: 26px;
    margin: 0 auto;
    padding: 0 6px;
    color: var(--hv-eu-text);
    background: var(--hv-eu-panel);
    border: 1px solid var(--hv-eu-border);
    font: inherit;
    font-size: 11px;
    text-align: center;
    text-align-last: center;
    cursor: pointer;}

.hv-eu-maturity-country-control select {
    width: 128px;}

.hv-eu-maturity-compare-control select {
    width: 92px;
    margin-bottom: 5px;}

.hv-eu-maturity-dashboard-dates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 14px;}

.hv-eu-maturity-dashboard-dates > div {
    border: 1px solid var(--hv-eu-border);
    background: var(--hv-eu-background);
    padding: 8px 10px;
    text-align: center;}

.hv-eu-maturity-latest-card {
    display: flex;
    flex-direction: column;
    justify-content: center;}

.hv-eu-maturity-dashboard-dates span,
.hv-eu-maturity-dashboard-dates strong {
    display: block;}

.hv-eu-maturity-dashboard-dates span {
    margin-bottom: 4px;
    color: var(--hv-eu-muted);
    font-size: 11px;}

.hv-eu-maturity-dashboard-dates strong {
    color: var(--hv-eu-text);
    font-size: 12px;
    font-weight: 600;}

.hv-eu-maturity-dashboard-section + .hv-eu-maturity-dashboard-section {
    margin-top: 16px;}

.hv-eu-maturity-dashboard-section h3 {
    margin: 0 0 7px;
    color: var(--hv-eu-text);
    font-size: 12px;
    font-weight: 600;}

.hv-eu-maturity-dashboard-section table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;}

.hv-eu-maturity-dashboard-section th,
.hv-eu-maturity-dashboard-section td {
    padding: 7px 4px;
    border-bottom: 1px solid var(--hv-eu-border);
    text-align: right;}

.hv-eu-maturity-dashboard-section thead th {
    color: var(--hv-eu-muted);
    font-size: 13px;
    font-weight: 600;}

.hv-eu-maturity-dashboard-section th:first-child {
    text-align: left;}

.hv-eu-maturity-dashboard-section tbody td:nth-child(2) {
    color: #ffd400;}

.hv-eu-maturity-dashboard-section tbody td:nth-child(4) {
    color: #00ffff;}

.hv-eu-maturity-change-cell {
    font-weight: 600;
    white-space: nowrap;}

.hv-eu-maturity-change-cell.is-up {
    color: #22c55e;}

.hv-eu-maturity-change-cell.is-down {
    color: #ff3b30;}

.hv-eu-maturity-change-cell.is-flat {
    color: var(--hv-eu-muted);}

.hv-eu-maturity-dashboard-section tbody tr {
    transition: background-color 120ms ease;}

.hv-eu-maturity-dashboard-section tbody tr.is-maturity-active {
    background: rgba(255, 255, 255, 0.07);}

.hv-eu-maturity-status {
    min-height: 14px;
    margin-top: 8px;
    color: var(--hv-eu-muted);
    font-size: 10px;
    line-height: 1.25;}

.hv-eu-maturity-term-chart-block::after {
    content: "Analysebourses.com";
    position: absolute;
    right: 2%;
    bottom: 9%;
    z-index: 1;
    color: #CCCCCC;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
    pointer-events: none;
    user-select: none;}
	
@media (max-width: 1050px) {

.hv-eu-maturity-layout {
    grid-template-columns: 1fr;
    height: auto;    }

.hv-eu-maturity-chart-stack {
    grid-template-rows: repeat(2, 300px);}

.hv-eu-maturity-dashboard {
    overflow: visible;    }
}

#hv-eu-comparison-module {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));}

.hv-eu-comparison-chart-block {
    position: relative;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--hv-eu-background);}

.hv-eu-comparison-chart-block > .hv-eu-chart {
    height: calc(100% - 16px);
    min-height: 0;}

.hv-eu-comparison-chart-header {
    position: relative;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 54px 0 10px;
    color: var(--hv-eu-text);
    font-size: 14px;}

.hv-eu-comparison-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: var(--hv-eu-text);
    white-space: nowrap;
    pointer-events: none;}

.hv-eu-comparison-legend {
    position: absolute;
    left: 40px;
    display: flex;
    gap: 12px;
    font-size: 12px;}

.hv-eu-comparison-date {
    color: var(--hv-eu-muted);}

.hv-eu-comparison-level {
    color: #ffffff;}

.hv-eu-comparison-ema-level {
    color: #999999;}

.hv-eu-comparison-speed-level {
    color: #ffff00;}

.hv-eu-comparison-speed-ema-level {
    color: #ff0000;}

.hv-eu-comparison-status {
    position: absolute;
    top: 28px;
    left: 10px;
    z-index: 3;
    color: var(--hv-eu-muted);
    font-size: 11px;
    pointer-events: none;}

.hv-eu-mask {
    position: fixed;
    inset: 0;
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.72);}

.hv-eu-mask-panel {
    width: min(520px, calc(100vw - 30px));
    padding: 16px;
    background: var(--hv-eu-panel);
    border: 1px solid #ffffff;}

.hv-eu-mask-title {
    margin-bottom: 14px;
    color: #ffffff;
    font-size: 13px;}

.hv-eu-mask-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;}

.hv-eu-mask-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--hv-eu-text);
    font-size: 11px;}

.hv-eu-mask-field select {
    width: 100%;
    padding: 4px 6px;
    border: 1px solid #ffffff;
    background: #000000;
    color: #ffffff;
    font: inherit;}

.hv-eu-mask-error {
    min-height: 16px;
    margin-top: 8px;
    color: #ffffff;
    font-size: 11px;}

.hv-eu-mask-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;}

.hv-eu-mask-button {
    padding: 2px 14px;
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
    font: inherit;
    font-size: 12px;
    cursor: pointer;}

.hv-eu-mask-button:hover {
    background: #ffffff;
    color: #000000;}

.hv-eu-home-bottom-logo,
.hv-eu-chart-logo {
    position: absolute;
    z-index: 1;
    color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;}

#hv-eu-logo-home-bottom {
    top: 92%;
    left: 88%;
    transform: translateX(-50%);}

#hv-eu-logo-move {
    top: 92%;
    left: 88%;
    transform: translate(-50%, -50%);}

#hv-eu-logo-comparison-spread {
    top: 91%;
    left: 88%;
    transform: translate(-50%, -50%);}

#hv-eu-logo-comparison-speed {
    top: 91%;
    left: 88%;
    transform: translate(-50%, -50%);}

.hv-eu-info {
    position: absolute;
    z-index: 60;
    margin: 0;
    padding: 0;}

#hv-eu-info-home {
    top: 90%;
    right: 95%;}

#hv-eu-info-move {
    top: 90%;
    right: 95%;}

#hv-eu-info-maturity {
    top: 87%;
    right: 93%;}

#hv-eu-info-comparison {
    top: 91%;
    right: 92%;}

.hv-eu-info-button {
    appearance: none;
    -webkit-appearance: none;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 0;
    border: 1px solid #ffff00;
    border-radius: 50%;
    background: #0000CC;
    color: #ffff00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    list-style: none;
    cursor: pointer;
    user-select: none;}

.hv-eu-info-list {
    position: absolute;
    bottom: calc(100% + 8px);
    left: calc(100% + 8px);
    top: auto;
    right: auto;
    width: 340px;
    display: none;
    margin: 0;
    padding: 9px 12px 9px 28px;
    border: 1px solid #ffffff;
    background: #000000;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.35;
    white-space: normal;
    pointer-events: auto;}

.hv-eu-info:hover .hv-eu-info-list,
.hv-eu-info:focus-within .hv-eu-info-list {
    display: block;}

.hv-eu-info-list li + li {
    margin-top: 5px;}

.hv-eu-chart-block {
    position: relative;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--hv-eu-background);}

.hv-eu-chart {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 190px;
    background: var(--hv-eu-background);
    touch-action: pan-y;}

.hv-eu-chart-header {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: baseline;
    gap: 7px;
    padding: 0;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;}

.hv-eu-chart-label {
    color: var(--hv-eu-text);}

.hv-eu-country-legend {
    position: absolute;
    top: 40px;
    left: calc(50% + 30px);
    z-index: 2;
    display: flex;
    gap: 22px;
    transform: translateX(-50%);
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;}

.hv-eu-german {
    color: var(--hv-eu-german);}

.hv-eu-french {
    color: var(--hv-eu-french);}

.hv-eu-italian {
    color: var(--hv-eu-italian);}

.hv-eu-spanish {
    color: var(--hv-eu-spanish);}

.hv-eu-zero-value {
    color: var(--hv-eu-zero);}

.hv-eu-series-path {
    fill: none;
    stroke-width: 1;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;}

.hv-eu-series-german {
    stroke: var(--hv-eu-german);}

.hv-eu-series-french {
    stroke: var(--hv-eu-french);}

.hv-eu-series-italian {
    stroke: var(--hv-eu-italian);}

.hv-eu-series-spanish {
    stroke: var(--hv-eu-spanish);}

.hv-eu-comparison-ema-series {
    stroke: #999999;}

.hv-eu-comparison-speed-series {
    stroke: #ffff00;}

.hv-eu-comparison-speed-ema-series {
    stroke: #ff0000;}

.hv-eu-last-level-default,
.hv-eu-last-level-german,
.hv-eu-last-level-french,
.hv-eu-last-level-italian,
.hv-eu-last-level-spanish,
.hv-eu-last-level-speed {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;}

.hv-eu-last-level-default {
    fill: var(--hv-eu-text);}

.hv-eu-last-level-german {
    fill: var(--hv-eu-german);
}

.hv-eu-last-level-french {
    fill: var(--hv-eu-french);}

.hv-eu-last-level-italian {
    fill: var(--hv-eu-italian);}

.hv-eu-last-level-spanish {
    fill: var(--hv-eu-spanish);}

.hv-eu-last-level-speed {
    fill: #ffff00;}

.hv-eu-axis-line {
    stroke: var(--hv-eu-axis);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;}

.hv-eu-axis-label,
.hv-eu-date-label,
.hv-eu-year-label {
    fill: var(--hv-eu-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;}

.hv-eu-zero-line {
    stroke: var(--hv-eu-zero);
    stroke-width: 1;
    stroke-dasharray: 3 3;
    vector-effect: non-scaling-stroke;}

#hv-eu-tooltip {
    position: absolute;
    top: 100px;
    left: 150px;
    right: auto;
    width: 370px;
    z-index: 300;
    display: flex;
    flex-direction: column;
    background: var(--hv-eu-panel);
    border: 1px solid var(--hv-eu-border);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
    transform: translate(
        var(--hv-eu-tt-x, 0px),
        var(--hv-eu-tt-y, 0px)
    );
    will-change: transform;}

#hv-eu-tooltip-header {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 9px 34px 9px 11px;
    border-bottom: 1px solid var(--hv-eu-border);
    color: var(--hv-eu-text);
    font-size: 11px;
    line-height: 1.2;
    cursor: move;
    user-select: none;}

#hv-eu-tooltip-mode {
    color: var(--hv-eu-muted);}

#hv-eu-tooltip-toggle {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--hv-eu-text);
    font: inherit;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;}

#hv-eu-tooltip-toggle:hover {
    color: #ffffff;}

#hv-eu-tooltip.hv-eu-tooltip-collapsed {
    width: 220px;}

#hv-eu-tooltip.hv-eu-tooltip-collapsed #hv-eu-tooltip-body {
    display: none;}

#hv-eu-tooltip-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;}

.hv-eu-tooltip-columns,
.hv-eu-tooltip-row {
    width: 100%;
    display: grid;
    grid-template-columns: 140px 198px;
    align-items: center;
    gap: 4px;}

.hv-eu-tooltip-columns {
    padding: 0 4px 3px;
    color: var(--hv-eu-muted);
    font-size: 9px;}

.hv-eu-tooltip-columns > span:first-child {
    grid-column: 1;}

.hv-eu-tooltip-curve-heading,
.hv-eu-tooltip-move-heading {
    grid-row: 1;
    text-align: right;}

.hv-eu-tooltip-curve-heading:nth-child(2) {
    grid-column: 2;
    justify-self: start;
    width: 64px;}

.hv-eu-tooltip-curve-heading:nth-child(3) {
    grid-column: 2;
    justify-self: center;
    width: 64px;}

.hv-eu-tooltip-curve-heading:nth-child(4) {
    grid-column: 2;
    justify-self: end;
    width: 64px;}

.hv-eu-tooltip-move-heading {
    display: none;
    grid-column: 2;}

.hv-eu-tooltip-row {
    padding: 5px 4px;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 11px;
    text-align: left;
    cursor: pointer;}

.hv-eu-tooltip-legend {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    white-space: nowrap;}

.hv-eu-tooltip-values {
    display: grid;
    grid-template-columns: repeat(3, 62px);
    justify-content: end;
    gap: 4px;}

.hv-eu-tooltip-value {
    min-width: 0;
    text-align: right;
    white-space: nowrap;}

.hv-eu-tooltip-move-value {
    display: none;}

.hv-eu-tooltip-move-mode .hv-eu-tooltip-curve-heading,
.hv-eu-tooltip-move-mode .hv-eu-tooltip-curve-value {
    display: none;}

.hv-eu-tooltip-move-mode .hv-eu-tooltip-move-heading {
    display: block;
    justify-self: end;}

.hv-eu-tooltip-move-mode .hv-eu-tooltip-values {
    grid-template-columns: 82px;}

.hv-eu-tooltip-move-mode .hv-eu-tooltip-move-value {
    display: inline;}

.hv-eu-tooltip-marker {
    width: 12px;
    height: 2px;
    flex: 0 0 12px;}

.hv-eu-marker-german {
    background: var(--hv-eu-german);}

.hv-eu-marker-french {
    background: var(--hv-eu-french);}

.hv-eu-marker-italian {
    background: var(--hv-eu-italian);}

.hv-eu-marker-spanish {
    background: var(--hv-eu-spanish);}

.hv-eu-tooltip-row-disabled .hv-eu-tooltip-legend,
.hv-eu-tooltip-row-disabled .hv-eu-tooltip-value {
    color: var(--hv-eu-muted);}

.hv-eu-tooltip-row-disabled .hv-eu-tooltip-marker {
    background: var(--hv-eu-muted);}

.hv-eu-level-disabled {
    color: var(--hv-eu-muted);}

.hv-eu-crosshair {
    pointer-events: none;}

.hv-eu-crosshair-stop-edge {
    stop-color: var(--hv-eu-text);
    stop-opacity: 0;}

.hv-eu-crosshair-stop-mid {
    stop-color: var(--hv-eu-text);
    stop-opacity: 0.42;}

.hv-eu-series-hidden,
.hv-eu-hidden {
    display: none !important;}

.hv-eu-zoom-active .hv-eu-chart-block,
.hv-eu-zoom-active .hv-eu-comparison-chart-block {
    cursor: grab;
    touch-action: none;}

.hv-eu-zoom-active .hv-eu-chart-block:active,
.hv-eu-zoom-active .hv-eu-comparison-chart-block:active {
    cursor: grabbing;}

.hv-eu-zoom-active .hv-eu-chart {
    touch-action: none;}

@media (max-width: 900px) {

.hv-eu-info-list {
    width: min(320px, calc(100vw - 24px));}

.hv-eu-mask-grid {
    grid-template-columns: 1fr;}

#hv-eu-toolbar {
    padding-left: 50px;}

.hv-eu-country-legend {
    top: 28px;
    gap: 12px;
    font-size: 9px;}

.hv-eu-chart-header {
    font-size: 9px;}

#hv-eu-tooltip {
    top: 70px;
    left: 20px;
    width: min(370px, calc(100vw - 40px));}

#hv-eu-tooltip.hv-eu-tooltip-collapsed {
    width: min(220px, calc(100vw - 40px));}
}