.aqi-map-wrapper{margin-left:auto;margin-right:auto;max-width:1000px;overflow:hidden}.aqi-map-wrapper .map-container{position:relative}.aqi-map-wrapper .leaflet-container{font-family:PT Sans,sans-serif;height:56vw;max-height:600px;min-height:550px;width:100%}.aqi-map-wrapper .leaflet-container:after{bottom:auto;left:50%;right:auto;top:0;transform:translateX(-50%)}.aqi-map-wrapper .leaflet-popup-tip{background:var(--wp--preset--color--theme-primary)}.aqi-map-wrapper .aqi-map-header{padding:1rem 0}.aqi-map-wrapper .aqi-map-header .toggle-buttons{display:flex;gap:10px}.aqi-map-wrapper .aqi-map-header .toggle-param:not(.active){background-color:#fff;border:1px solid var(--wp--preset--color--theme-primary);color:var(--wp--preset--color--theme-primary)}.aqi-map-wrapper .aqi-map-header .toggle-param:not(.active):hover{background-color:var(--wp--preset--color--theme-primary-dark);color:#fff}.aqi-map-wrapper .aqi-map-header .toggle-param.dominant:after{content:" *"}.aqi-map-wrapper .leaflet-popup-content-wrapper{background:var(--wp--preset--color--theme-primary);border-radius:0 0 12px 12px;color:#fff}.aqi-map-wrapper .leaflet-popup-content-wrapper .popup-site-name{font-size:1.25rem;font-weight:var(--font-weight-bold)}.aqi-map-wrapper .leaflet-popup-content-wrapper table{background-color:#fff;border-collapse:collapse;color:#000;margin-top:.5rem}.aqi-map-wrapper .leaflet-popup-content-wrapper table td,.aqi-map-wrapper .leaflet-popup-content-wrapper table th{border:1px solid #fff;padding:5px;text-align:center}.aqi-map-wrapper .leaflet-popup-content-wrapper table th{background:var(--wp--preset--color--theme-primary-dark);color:#fff}.aqi-map-wrapper .leaflet-popup-content-wrapper tr.status-na,.aqi-map-wrapper .leaflet-popup-content-wrapper tr.status-no-index{background-color:var(--aqi-na)}.aqi-map-wrapper .leaflet-popup-content-wrapper tr.status-good{background-color:var(--aqi-good)}.aqi-map-wrapper .leaflet-popup-content-wrapper tr.status-moderate{background-color:var(--aqi-moderate)}.aqi-map-wrapper .leaflet-popup-content-wrapper tr.status-unhealthy-for-sensitive-groups{background-color:var(--aqi-unhealthy-some)}.aqi-map-wrapper .leaflet-popup-content-wrapper tr.status-unhealthy{background-color:var(--aqi-unhealthy)}.aqi-map-wrapper .leaflet-popup-content-wrapper tr.status-very-unhealthy{background-color:var(--aqi-very-unhealthy);color:#fff}.aqi-map-wrapper .leaflet-popup-content-wrapper tr.status-hazardous{background-color:var(--aqi-hazardous);color:#fff}.aqi-map-wrapper .leaflet-popup-content-wrapper .aq-label{text-transform:none}.aqi-map-wrapper .leaflet-popup-content-wrapper .details-link{border:2px solid #fff;border-radius:12px;cursor:pointer;display:inline-block;padding:3px 10px;transition:background .2s ease-in-out}.aqi-map-wrapper .leaflet-popup-content-wrapper .details-link:hover{background:var(--wp--preset--color--theme-primary)}.aqi-map-wrapper .leaflet-popup-content{margin:13px 1rem}.aqi-map-wrapper .leaflet-container a.leaflet-popup-close-button{align-items:center;border:2px solid #fff;border-radius:50%;bottom:15px;color:#fff;display:flex;height:22px;justify-content:center;right:1rem;top:auto;transition:background .2s ease-in-out;width:22px}.aqi-map-wrapper .leaflet-container a.leaflet-popup-close-button:hover{background:var(--wp--preset--color--theme-primary);color:#fff}.aqi-device{display:inline-block}.aqi-device:first-letter{text-transform:uppercase}td.aqi-device{display:table-cell}.aqi-map-toggle-wrapper{--font-size-button:18px;align-items:flex-end;display:flex;gap:1.5rem}.aqi-map-toggle-wrapper>*{flex:1 1 50%}.aqi-map-toggle-wrapper .aqi-map-toggle{display:flex;flex-direction:column;gap:10px;justify-content:flex-end}.aqi-map-toggle-wrapper .aqi-map-legend,.aqi-map-toggle-wrapper h3{margin-bottom:0}.aqi-map-toggle-wrapper .aqi-map-legend li{align-items:baseline;display:flex;gap:5px}.aqi-map-toggle-wrapper .aqi-map-legend li:last-child{margin-bottom:0}.aqi-map-toggle-wrapper .aqi-map-legend .aqi-map-icon:not(.aqi-map-icon-default)>svg .cls-1{fill:#fff}.aqi-map-toggle-wrapper .aqi-map-legend .map-icon-monitor{height:25px;margin-left:-2px;width:25px}@media screen and (max-width:768px){.aqi-map-toggle-wrapper{flex-direction:column-reverse}}.aqi-map-header .aqi-map-icon{display:inline-block;height:20px;width:20px}.aqi-map-icon{position:relative}.aqi-map-icon>svg .cls-1{fill:currentColor}.aqi-map-icon .aqi-map-icon-text{color:#000;font-weight:var(--font-weight-bold);left:50%;position:absolute;top:7px;transform:translateX(-50%)}.aqi-map-icon.aqi-map-icon-hazardous .aqi-map-icon-text,.aqi-map-icon.aqi-map-icon-unhealthy .aqi-map-icon-text,.aqi-map-icon.aqi-map-icon-very-unhealthy .aqi-map-icon-text,.aqi-map-icon.selected-true .aqi-map-icon-text{color:#fff}.aqi-map-icon.has-shadow:after{background-color:rgba(0,0,0,.3);border-radius:100%;bottom:-6px;box-shadow:0 0 3px 4px rgba(0,0,0,.3);content:"";display:block;height:1px;left:6px;position:absolute;width:8px;z-index:-1}:root{--aqi-icon-stroke:#000}.aqi-map-icon{color:#3096cc;font-size:14px}.aqi-map-icon svg .cls-1{stroke:var(--aqi-icon-stroke);stroke-width:2}.aqi-map-icon.aqi-map-icon-default svg .cls-1{stroke-width:1}.aqi-map-icon.aqi-map-icon-default.selected-true{color:var(--wp--preset--color--theme-primary-dark)}.aqi-map-icon-good{--aqi-icon-stroke:var(--aqi-good-alt);color:var(--aqi-good)}.aqi-map-icon-good.selected-true{color:var(--aqi-good-alt)}.aqi-map-icon-moderate{--aqi-icon-stroke:var(--aqi-moderate-alt);color:var(--aqi-moderate)}.aqi-map-icon-moderate.selected-true{color:var(--aqi-moderate-alt)}.aqi-map-icon-unhealthy-for-sensitive-groups,.aqi-map-icon-unhealthy-some{--aqi-icon-stroke:var(--aqi-unhealthy-some-alt);color:var(--aqi-unhealthy-some)}.aqi-map-icon-unhealthy-for-sensitive-groups.selected-true,.aqi-map-icon-unhealthy-some.selected-true{color:var(--aqi-unhealthy-some-alt)}.aqi-map-icon-unhealthy{--aqi-icon-stroke:var(--aqi-unhealthy-alt);color:var(--aqi-unhealthy)}.aqi-map-icon-unhealthy.selected-true{color:var(--aqi-unhealthy-alt)}.aqi-map-icon-very-unhealthy{--aqi-icon-stroke:var(--aqi-very-unhealthy-alt);color:var(--aqi-very-unhealthy)}.aqi-map-icon-very-unhealthy.selected-true{color:var(--aqi-very-unhealthy-alt)}.aqi-map-icon-hazardous{--aqi-icon-stroke:var(--aqi-hazardous-alt);color:var(--aqi-hazardous)}.aqi-map-icon-hazardous.selected-true{color:var(--aqi-hazardous-alt)}.aqi-map-icon-na,.aqi-map-icon-no-index,.aqi-map-icon-undefined{color:var(--aqi-na)}.cm-icon-loading{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 576 512%27%3E%3C%21--%21 Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2022 Fonticons Inc.--%3E%3Cpath d=%27M320 96c0 17.7-14.3 32-32 32s-32-14.3-32-32V32c0-17.67 14.3-32 32-32s32 14.33 32 32v64zm0 384c0 17.7-14.3 32-32 32s-32-14.3-32-32v-64c0-17.7 14.3-32 32-32s32 14.3 32 32v64zM32 256c0-17.7 14.33-32 32-32h64c17.7 0 32 14.3 32 32s-14.3 32-32 32H64c-17.67 0-32-14.3-32-32zm480-32c17.7 0 32 14.3 32 32s-14.3 32-32 32h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32h64zM106.1 74.98c13.4-12.49 33.6-12.49 46.1 0l45.3 45.22c11.6 12.5 11.6 31.9 0 45.3-13.4 11.6-32.8 11.6-45.3 0l-46.1-45.3c-11.62-12.5-11.62-32.72 0-45.22zM469 391.8c12.5 12.5 12.5 32.7 0 45.2s-32.7 12.5-45.2 0l-45.3-45.2c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l45.2 45.3zM106.1 437c-11.62-12.5-11.62-32.7 0-45.2l46.1-45.3c12.5-12.5 31.9-12.5 45.3 0 11.6 12.5 11.6 32.8 0 45.3L152.2 437c-12.5 12.5-32.7 12.5-46.1 0zM423.8 74.98c12.5-12.5 32.7-12.5 45.2 0 12.5 12.49 12.5 32.72 0 45.22l-45.2 45.3c-12.5 11.6-32.8 11.6-45.3 0-12.5-13.4-12.5-32.8 0-45.3l45.3-45.22z%27/%3E%3C/svg%3E");background-repeat:no-repeat;color:#ccc;height:100px;opacity:.7;width:100px}#aqi-map .map-details{--padding-button:0.5rem 1rem;background:#fff;border-bottom:1px solid #ccc;display:none;z-index:1000}#aqi-map .map-details.show-details{display:flex;flex-direction:column}#aqi-map .map-details header{background-color:var(--wp--preset--color--theme-primary);color:#fff;text-align:center}#aqi-map .map-details header button{background-color:transparent;border:2px solid #fff;border-radius:50%;font-size:14px;height:25px;padding:5px;transition:background .2s ease-in-out;width:25px}#aqi-map .map-details header button:hover{background:var(--wp--preset--color--primary)}#aqi-map .map-details .details-close{padding:7px;position:absolute;right:0;top:0}#aqi-map .map-details .details-header{padding:16px 1rem 10px}#aqi-map .map-details .details-location{font-size:1.2em;font-weight:700}#aqi-map .map-details .details-content{font-size:.95rem;padding:1rem}#aqi-map .map-details .details-content li{margin-bottom:2px}#aqi-map .map-details ul.details-params{border-top:1px solid #ccc;margin-top:10px;padding-top:10px}#aqi-map .map-details ul.details-params:first-child{border-top:none}#aqi-map .map-details .details-label{font-weight:700}#aqi-map .map-details .react-tabs__tab-list{list-style:none;margin-bottom:10px!important}#aqi-map .map-details .react-tabs__tab-list .react-tabs__tab{margin-bottom:0}#aqi-map .map-details .react-tabs__tab-list .react-tabs__tab:before{content:none}.details-day-select{display:flex;gap:10px;padding:.5rem 1rem 2rem}.details-day-select button{background-color:#fff;border:1px solid var(--wp--preset--color--theme-primary);color:var(--wp--preset--color--theme-primary);font-size:14px}.details-day-select button.active{background:var(--wp--preset--color--theme-primary);color:#fff}.details-day-select button:hover{color:#fff}.monitor-chart .grid{color:rgba(0,0,0,.3)}.monitor-chart .axis{color:rgba(0,0,0,.5)}.details-tabs{margin-top:2rem}@media screen and (min-width:1024px){#aqi-map .map-container--details .leaflet-container{width:calc(100% - 380px)}#aqi-map .map-details{border:none;display:block;height:100%;position:absolute;right:0;top:0;transform:translateX(380px);transition:transform .3s ease;width:380px}#aqi-map .map-details.show-details{box-shadow:-2px 0 6px 0 rgba(0,0,0,.47);transform:translateX(0)}#aqi-map .map-details .details-content{overflow-x:hidden;overflow-y:auto}}.map-info-button{background-color:var(--wp--preset--color--theme-secondary);border-radius:50%;font-size:14px;height:25px;padding:0;width:25px}.map-info-popover{background-color:#fff;border:1px solid #ccc;font-size:.925rem;max-width:300px;padding:10px}
