/* Hexagone Météo — image de la carte [msl-export-carte] v1.0.0 */
.xp-barre{display:flex;justify-content:flex-end;gap:6px;margin:8px 0 0;position:relative;z-index:5}
.xp-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid #cfd9e6;background:#fff;color:#0b4fbf;font-weight:700;font-size:13.5px;font-family:inherit;cursor:pointer;box-shadow:0 6px 16px -12px rgba(8,40,100,.6)}
.xp-btn:hover{background:#eef4fc}
.xp-btn svg{width:16px;height:16px;flex:none}
.xp-menu{position:absolute;right:0;top:40px;background:#fff;border-radius:14px;box-shadow:0 14px 34px -14px rgba(8,40,100,.55);padding:6px;display:flex;flex-direction:column;min-width:220px}
.xp-menu[hidden]{display:none}
.xp-menu button{border:0;background:none;text-align:left;padding:9px 12px;border-radius:9px;font:inherit;font-size:14px;color:#12161b;cursor:pointer}
.xp-menu button:hover{background:#eef4fc}
.xp-menu small{display:block;color:#58626d;font-size:12px}
html.msl-sombre .xp-btn{background:#151c25;border-color:#2b3644;color:#9cc4ff}
html.msl-sombre .xp-menu{background:#151c25}
html.msl-sombre .xp-menu button{color:#e7ecf2}

/* v1.0.2 — sur la ligne de la légende */
.v2-carte__cadre > .xp-ligne{position:absolute;display:flex;align-items:center;flex-wrap:wrap;gap:8px;z-index:5;max-width:100%}
.xp-ligne > .v2-carte__echelle{margin:0!important}
.xp-ligne .xp-barre{margin:0;display:inline-flex}
.xp-ligne .xp-btn,.xp-ligne .v2-carte__ech-t{min-height:30px;padding:0 12px!important;font-size:12.5px!important}
.xp-ligne .v2-carte__ech-t{display:inline-flex;align-items:center}
.xp-ligne .v2-carte__ech-t[hidden]{display:none}
.xp-ligne .xp-menu{left:0;right:auto;top:38px}
@media (max-width:520px){.xp-ligne{gap:4px}.xp-ligne .xp-t{display:none}.xp-ligne .xp-btn{padding:0 9px!important}.xp-ligne .v2-carte__ech-t{padding:0 8px!important;font-size:11px!important}.xp-ligne>.v2-carte__echelle i{max-width:84px}}
.xp-anim{border-top:1px solid #e4e7eb;margin-top:4px;padding-top:4px;display:flex;flex-direction:column}
.xp-anim[hidden]{display:none}
.xp-anim p{margin:4px 12px 2px;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#0b4fbf}