wundermap-view{display:flex;position:relative;--wundermap-controls-width:300px;container-type:inline-size}wundermap-view.full{width:100%;height:100vh}wundermap-view.loading{opacity:0}wundermap-view .controls-toggle{position:absolute;top:4px;right:8px;color:#fff;background:rgba(255,255,255,.2);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.3);box-shadow:0 4px 30px rgba(0,0,0,.1);padding:12px 24px;background-size:16px;background-position:center;z-index:10;display:none;background-repeat:no-repeat;background-image:var(--icon-layers)}wundermap-view .full-screen{position:absolute;top:4px;left:8px;color:#fff;background:rgba(255,255,255,.2);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.3);box-shadow:0 4px 30px rgba(0,0,0,.1);padding:12px 24px;background-size:16px;background-position:center;z-index:10;background-repeat:no-repeat;background-image:var(--icon-fullscreen)}wundermap-view.full .full-screen{display:none}wundermap-view.show-controls .controls-toggle{background-image:var(--close-icon);border:1px solid rgba(255,255,255,.3)}wundermap-view map-view{width:calc(100% - var(--wundermap-controls-width));height:100%}wundermap-view .map-box{width:100%;height:100%;background-color:var(--map-bg-color)}wundermap-view wundermap-controls-view{min-width:var(--wundermap-controls-width);max-width:var(--wundermap-controls-width);overflow:scroll;border-left:1px solid var(--map-controls-border-color);overscroll-behavior:contain}wundermap-view wundermap-controls-view .title{padding:16px;text-transform:uppercase;font-weight:500;font-size:.8rem;position:sticky;top:0;background-color:var(--map-controls-title-bg-color);border-bottom:1px solid var(--map-controls-border-color);z-index:2}wundermap-view wundermap-controls-view section.categories{display:flex;flex-direction:column;border-bottom:1px solid var(--map-controls-border-color)}wundermap-view wundermap-controls-view .categories-label{font-weight:500;padding:8px 16px;position:sticky;top:0;background:var(--map-bg-color);color:var(--map-controls-label-font-color);z-index:3}wundermap-view wundermap-controls-view .wundermap-section,wundermap-view wundermap-controls-view section.category{padding:16px 32px}wundermap-view wundermap-controls-view .wundermap-section.disabled{opacity:.3}wundermap-view wundermap-controls-view .wundermap-section.disabled .ios-switch{display:none}wundermap-view wundermap-controls-view .wundermap-section:nth-child(2n),wundermap-view wundermap-controls-view section.category:nth-child(2n){background-color:rgba(0,0,0,.02);border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}wundermap-view wundermap-controls-view .wundermap-section .switch-label,wundermap-view wundermap-controls-view section .switch-label{font-size:.95rem;font-weight:500;justify-content:space-between}wundermap-view wundermap-controls-view .wundermap-section .category-options,wundermap-view wundermap-controls-view section .category-options{display:flex;flex-direction:column;margin:0 8px;max-height:0;transition:all .3s ease-out;overflow:hidden}wundermap-controls-view .wundermap-section:has(.category-switch:checked) .category-options,wundermap-controls-view section.category:has(.category-switch:checked) .category-options{max-height:250px}wundermap-view wundermap-controls-view .wundermap-section .radios,wundermap-view wundermap-controls-view section .radios{display:flex;flex-direction:column;gap:8px;padding:16px 0;margin:0;list-style:none;border-bottom:1px solid var(--map-controls-border-color)}wundermap-view wundermap-controls-view .wundermap-section .radios:last-child,wundermap-view wundermap-controls-view section .radios:last-child{border-bottom:none;padding:16px 0 0 0}wundermap-view wundermap-controls-view .wundermap-section .radios li,wundermap-view wundermap-controls-view section .radios li{display:flex;align-items:center;gap:8px;font-size:.85rem}wundermap-view wundermap-controls-view .wundermap-section .radios input[type=radio],wundermap-view wundermap-controls-view .wundermap-section input[type=checkbox],wundermap-view wundermap-controls-view section .radios input[type=radio],wundermap-view wundermap-controls-view section input[type=checkbox]{width:16px;height:16px;margin:0;padding:0}wundermap-view wundermap-controls-view .wundermap-section .radios input[type=range],wundermap-view wundermap-controls-view section .radios input[type=range]{margin:0;padding:0}wundermap-view wundermap-controls-view .wundermap-section .wrapper,wundermap-view wundermap-controls-view section .wrapper{font-size:.85rem;display:flex;align-items:center;border-bottom:1px solid var(--map-controls-border-color);padding:16px 0;flex-wrap:nowrap;white-space:nowrap}wundermap-view wundermap-controls-view .wundermap-section .wrapper:last-child,wundermap-view wundermap-controls-view section .wrapper:last-child{border-bottom:none;padding:16px 0 0 0}wundermap-view wundermap-controls-view .wundermap-section .slider-wrapper,wundermap-view wundermap-controls-view section .slider-wrapper{justify-content:space-between}wundermap-view wundermap-controls-view .wundermap-section .checkbox-wrapper,wundermap-view wundermap-controls-view section .checkbox-wrapper{gap:8px}wundermap-view wundermap-controls-view .wundermap-section label.inline,wundermap-view wundermap-controls-view section label.inline{font-size:.85rem}wundermap-view .zoom-buttons{position:absolute;bottom:4px;right:calc(var(--wundermap-controls-width) + 8px);color:#fff;background:rgba(255,255,255,.2);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.3);box-shadow:0 4px 30px rgba(0,0,0,.1);z-index:10;display:flex;flex-direction:column}wundermap-view .zoom-buttons button{background-size:16px;background-position:center;width:16px;height:16px;border:none;border-radius:0;background-color:transparent;padding:16px;opacity:.7}wundermap-view .zoom-buttons button:hover{opacity:1}wundermap-view .zoom-buttons button:active{opacity:.5}wundermap-view.basic-map-only .controls-toggle,wundermap-view.basic-map-only .full-screen{display:none}@container (max-width:900px){wundermap-view map-view{width:100%}wundermap-view .controls-toggle{display:block}wundermap-view.show-controls wundermap-controls-view{transform:scale(1)}wundermap-view wundermap-controls-view{position:absolute;top:0;right:0;bottom:0;background:rgba(255,255,255,.2);backdrop-filter:blur(12px);transition:var(--transform-transtion);min-width:clamp(40vw,var(--wundermap-controls-width),100vw);transform-origin:top right;transform:scale(0)}wundermap-view .zoom-buttons{right:8px}}.wundermap-severe-popup{font-family:var(--global-font);font-size:16px;line-height:1.5;color:var(--font-color);background-color:var(--bg-color);border-radius:.5em}.wundermap-severe-popup~.mapboxgl-popup-close-button{font-size:2em;padding:.125em .375em;line-height:1;position:absolute;top:.25em;right:.25em}.wundermap-severe-popup .severe-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-box-border);margin-bottom:.5em;overflow-x:auto}.wundermap-severe-popup .severe-tab{padding:.375em .75em;border:none;background:0 0;font-family:var(--global-font);font-size:.75em;font-weight:600;color:var(--color-secondary-font);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.wundermap-severe-popup .severe-tab:hover{color:var(--font-color)}.wundermap-severe-popup .severe-tab.active{color:var(--link-color);border-bottom-color:var(--link-color)}.wundermap-severe-popup .severe-panel{display:none}.wundermap-severe-popup .severe-panel.active{display:block}.wundermap-severe-popup .severe-popup-header{font-size:1em;font-weight:600;padding:0 0 .25em}.wundermap-severe-popup .severe-popup-time{color:var(--color-secondary-font);font-size:.8125em;padding:0 0 .5em}.wundermap-severe-popup .severe-popup-divider{border-top:1px solid var(--color-box-border);margin:0 0 .5em}.wundermap-severe-popup .severe-popup-body{max-height:15.625em;overflow-y:auto;font-size:.8125em;color:var(--color-secondary-font);white-space:pre-wrap}.wundermap-storm-report-popup{font-family:var(--global-font);font-size:13px;line-height:1.4}.wundermap-storm-report-popup .storm-report-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-box-border);margin-bottom:8px;overflow-x:auto}.wundermap-storm-report-popup .storm-report-tab{padding:5px 10px;border:none;background:0 0;font-size:12px;font-weight:600;color:var(--color-secondary-font);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}.wundermap-storm-report-popup .storm-report-tab:hover{color:var(--font-color)}.wundermap-storm-report-popup .storm-report-tab.active{color:var(--link-color);border-bottom-color:var(--link-color)}.wundermap-storm-report-popup .storm-report-panel{display:none}.wundermap-storm-report-popup .storm-report-panel.active{display:block}.wundermap-storm-report-popup .sr-header{font-size:15px;font-weight:600;padding:0 0 6px}.wundermap-storm-report-popup .sr-table{width:100%;border-collapse:collapse}.wundermap-storm-report-popup .sr-table tr:not(:last-child){border-bottom:1px solid var(--color-box-border)}.wundermap-storm-report-popup .sr-label{font-weight:500;color:var(--color-secondary-font);padding:4px 8px 4px 0;white-space:nowrap;vertical-align:top;width:1%}.wundermap-storm-report-popup .sr-value{color:var(--font-color);padding:4px 0;word-break:break-word}