/* V23: navigation outside the map, shared compact time axis and settings. */
.sr-only23{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-map-header{position:relative;z-index:1100;gap:25px;align-items:center;min-height:108px;padding:0 6px 10px}.future-map-menu{align-self:center;min-width:0;width:100%}.header-tools23{display:flex;align-items:center;gap:18px;margin-bottom:8px}.search-hint23{font-size:12px;color:#56778d}.place-search23{position:relative;width:min(420px,100%);min-width:0}.place-search23 form{display:flex;align-items:center;border:1px solid #d6e2e9;background:white;border-radius:26px;box-shadow:0 2px 4px #164e6b04}.place-search23 input{width:100%;min-width:0;height:46px;border:0;border-radius:26px;background:transparent;padding:0 15px;font:inherit;font-size:13px;color:#17445f;outline-offset:2px}.place-search23 button[type=submit]{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#0087c4;cursor:pointer}.place-search23 button svg{width:22px;height:22px}.place-search23 input::-webkit-search-cancel-button{cursor:pointer}
.search-dropdown23{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:1200;background:#fff;border:1px solid #e0e9ef;border-radius:12px;box-shadow:0 12px 35px #123c5a30;max-height:min(430px,65dvh);overflow:auto;overscroll-behavior:contain}.search-dropdown23[hidden]{display:none}#place-status23{margin:0;padding:12px 15px;font-size:12px;color:#5d7e92}#place-status23:empty{display:none}.search-option23{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 15px;border:0;border-bottom:1px solid #eef3f6;background:#fff;color:#23506c;text-align:left;font:inherit;cursor:pointer}.search-option23:last-child{border-bottom:0}.search-option23:hover,.search-option23[aria-selected=true]{background:#edf7fc}.search-option23>svg{width:19px;height:25px;flex:none;color:#079bd0}.search-option23>span{min-width:0;flex:1}.search-option23 strong{display:block;font-size:13px;line-height:1.4}.search-option23 small{display:block;margin-top:2px;color:#668294;font-size:11px}.search-flag23{font-size:18px;flex:none}.map-navigation23{display:flex;align-items:center;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%;padding:0 0 3px}.map-navigation23 button{flex:none;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#244f69;font:inherit;font-weight:650;font-size:12px;white-space:nowrap;cursor:pointer}.map-navigation23 button:hover{background:#dcedf5}.map-navigation23 button[aria-pressed=true]{color:#007fb6;background:#dff2fb}
#map{height:clamp(660px,calc(100dvh - var(--external-header23,132px)),1200px)}.map-header{height:39px;padding:4px 17px;background:rgba(15,54,75,.28);backdrop-filter:blur(2px)}.selected-layer{font-size:13px;max-width:100%;min-width:0}.selected-layer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-layer svg{width:20px;height:20px}.zoom{top:52px}
.settings [hidden]{display:none!important}.settings .zones,.settings .wind-options,.settings .symbols-options,.settings .marine-component20,.settings .pollen-species22{position:static!important;inset:auto!important;z-index:auto;display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:none!important;padding:0;margin:0;background:transparent;color:#24536b;border-radius:0;box-shadow:none;backdrop-filter:none;font-size:13px}.settings .zones{box-shadow:none}.settings .zones button{flex:1;min-width:78px;border:1px solid #d6e3eb;background:#f3f7fa;color:#335b73;padding:10px 7px;border-radius:7px;line-height:1.25;font-size:12px}.settings .zones button.active,.settings .zones button[aria-pressed=true]{background:#0787bd;color:#fff;border-color:#0787bd}.settings #symbol-zones{display:grid;grid-template-columns:1fr}.settings .symbols-options,.settings .wind-options{flex-direction:column;align-items:stretch}.settings .symbols-options label,.settings .wind-options label,.settings .marine-component20 label,.settings .pollen-species22 label{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:35px;color:#335c73;font-size:13px;line-height:1.4}.settings .wind-options label{justify-content:flex-start}.settings .wind-options .model-select23{justify-content:space-between}.settings #particles,.settings #isobars{width:18px;height:18px;flex:none;margin:0;accent-color:#078cc6}.settings .symbols-options select,.settings .wind-options select,.settings .marine-component20 select,.settings .pollen-species22 select{font:inherit;font-size:12px;color:#24536b;background:#fff;border:1px solid #cbdde7;border-radius:7px;padding:7px 8px;min-height:35px;max-width:100%;min-width:0}.settings .symbols-options select{max-width:215px}.settings .marine-component20,.settings .pollen-species22{margin-top:10px}.settings fieldset{margin-bottom:24px}.settings legend{margin-bottom:11px}.settings-body{padding:18px}.settings{max-height:calc(100% - 165px)}
.timeline{min-height:62px;height:62px;background:rgba(15,54,75,.29);backdrop-filter:blur(2px);overflow:visible}.timeline .play{width:54px;min-width:44px;background:#ffffffd9;border-right:1px solid #ffffff38}.timeline .play svg{width:21px;height:21px}.timebody{position:relative;padding:5px 15px 0}.timeline-top{justify-content:center;height:18px;line-height:18px;font-size:11px}.timeline-top #time-day23{font-size:12px;font-weight:650;text-transform:capitalize}.timeline-top #product{position:absolute;right:15px;top:6px;font-size:9px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.time-track23{position:relative;height:36px}.timeline .range{appearance:none;-webkit-appearance:none;display:block;position:relative;width:100%;height:22px;margin:0;padding:0;border:0;background:transparent;touch-action:pan-y;cursor:pointer}.timeline .range::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#13a4da 0 var(--time-progress23,0%),#ffffffa8 var(--time-progress23,0%) 100%)}.timeline .range::-moz-range-track{height:3px;border-radius:3px;background:#ffffffa8}.timeline .range::-moz-range-progress{height:3px;background:#13a4da}.timeline .range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:22px;margin-top:-9.5px;border:2px solid white;border-radius:5px;background:#0aa2d7;box-shadow:0 1px 4px #12394b50}.timeline .range::-moz-range-thumb{width:9px;height:18px;border:2px solid white;border-radius:5px;background:#0aa2d7;box-shadow:0 1px 4px #12394b50}.timeline .range:disabled{opacity:.45;cursor:default}.time-bubble23{position:absolute;z-index:2;top:-32px;left:7px;transform:translateX(-50%);padding:3px 8px;border-radius:5px;background:#079fd5;color:#fff;box-shadow:0 2px 5px #12394b28;font-size:12px;font-weight:750;line-height:18px;white-space:nowrap;pointer-events:none;text-shadow:none}.time-bubble23::after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:#079fd5}.time-bubble23[data-align=start]{transform:none}.time-bubble23[data-align=start]::after{left:7px}.time-bubble23[data-align=end]{transform:translateX(-100%)}.time-bubble23[data-align=end]::after{left:auto;right:3px}.time-bubble23[hidden]{display:none}.time-ticks23{position:relative;height:14px;margin:0 6.5px;color:#fff;text-shadow:0 1px 3px #12394b;font-size:10px;line-height:12px;pointer-events:none}.time-ticks23 span{position:absolute;top:0;white-space:nowrap;transform:translateX(-50%)}.time-ticks23 span:first-child{transform:none}.time-ticks23 span:last-child{transform:translateX(-100%)}
.panel-button{bottom:146px}.settings-button{bottom:82px}.panel{bottom:210px;max-height:calc(100% - 240px)}.settings{bottom:145px;max-height:calc(100% - 170px)}.legend-button{bottom:82px}.legend{bottom:145px}.attribution{left:12px;right:auto;bottom:70px;max-width:calc(100% - 100px);font-size:9px}.leaflet-bottom{bottom:64px}.point-forecast,.marine-point20,.air-point21,.pollen-point22{bottom:81px;max-height:calc(100% - 130px)}
@media(max-width:950px){.site-map-header{gap:16px}.search-hint23{display:none}.map-navigation23{gap:2px}.map-navigation23 button{font-size:11px;padding:7px}.site-map-header .brand-logo{width:180px;flex-basis:180px}}
@media(max-width:650px){.site-map-header{display:grid;grid-template-columns:1fr;gap:0;min-height:0;padding:8px 0 7px}.site-map-header .brand-logo{position:absolute;top:1px;left:4px;width:156px;height:64px}.header-tools23{height:53px;margin:0 0 6px;padding-left:166px;padding-right:3px;gap:0}.place-search23{width:100%}.place-search23 input{height:40px;padding-left:12px;font-size:12px}.place-search23 button[type=submit]{width:35px;height:38px}.place-search23 button svg{width:19px}.search-dropdown23{left:auto;right:0;width:min(420px,calc(100vw - 22px));top:calc(100% + 9px)}.search-option23{min-height:57px;padding:10px 13px}.map-navigation23{padding-left:4px;gap:2px}.map-navigation23 button{font-size:11px;padding:7px 9px}.shell{padding:0 8px}.map-header{height:36px;padding:3px 12px}.selected-layer{max-width:100%;font-size:12px}.selected-layer svg{width:19px;height:19px}.zoom{top:47px;right:10px}#map{height:calc(100dvh - var(--external-header23,110px));min-height:560px}.timeline{height:65px;min-height:65px}.timeline .play{width:46px}.timebody{padding:5px 8px 0}.timeline-top #time-day23{font-size:11px}.timeline-top #product{display:none}.time-bubble23{font-size:11px;padding:2px 7px;top:-30px}.time-ticks23{font-size:9px}.panel-button{right:10px;bottom:147px}.settings-button{bottom:83px}.legend-button{left:10px;right:auto;bottom:83px}.panel{right:10px;bottom:211px;width:min(340px,calc(100% - 20px));max-height:calc(100% - 245px)}.settings{bottom:147px;max-height:calc(100% - 170px)}.legend{bottom:146px}.settings .symbols-options select{max-width:190px}.attribution{left:10px;bottom:73px;font-size:8px}.leaflet-bottom{bottom:67px}.point-forecast,.marine-point20,.air-point21,.pollen-point22{bottom:83px;max-height:calc(100% - 132px)}}
@media(prefers-reduced-motion:reduce){.time-bubble23{transition:none}}

.time-ticks23 span:only-child{transform:none}.search-flag23 svg{display:block;width:24px;height:16px;border-radius:1px}.leaflet-control-attribution{max-width:400px}@media(max-width:650px){#source{max-width:55%;font-size:8px}.leaflet-control-attribution{max-width:36vw;font-size:7px!important;line-height:1.25}}

.settings .zones button{min-height:42px}.settings .alerts-controls19 label{display:grid;gap:5px;width:100%;font-size:12px}.settings .alerts-controls19 select{width:100%;max-width:100%;min-height:40px}.settings .symbols-options select,.settings .wind-options select,.settings .marine-component20 select,.settings .pollen-species22 select{min-height:40px}.settings .wind-options label{min-height:40px}