#congestion-pricing-air-quality{aspect-ratio:1.35;max-width:100%}.hide{display:none}.legend{background:#ffffffd9;border-radius:4px;margin-top:5px;padding:6px 8px}.legend-title{text-align:center;margin-bottom:3px;font-weight:700}.legend-bar{border-radius:3px;width:100%;height:14px}.legend-bar.no2-pct{background:linear-gradient(90deg,#fff0 0%,#2e2eff26 20%,#2e2eff4d 40%,#2e2eff73 60%,#2e2eff99 80%,#2e2effb3 100%)}.legend-bar.no2{background:linear-gradient(90deg,#0000,#000)}.legend-labels{justify-content:space-between;margin-top:4px;display:flex}.legend-grid-container{width:10%;max-width:65px;position:absolute;bottom:50px;left:22px}.legend-grid{transform:rotate(45deg)}.legend-label{white-space:nowrap;font-size:.8em;position:absolute}.legend-label.left{left:50%;transform:translate(-50%)rotate(180deg)}.legend-label.right{margin-left:8px;top:50%;left:100%;transform:translate(-50%,-50%)rotate(-90deg)}.aq-grid{opacity:.7;grid-template-columns:repeat(3,1fr);display:grid}.aq-grid>div{aspect-ratio:1}.aq-grid>div:nth-child(9){background-color:#e8e8e8}.aq-grid>div:nth-child(8){background-color:#ace4e4}.aq-grid>div:nth-child(7){background-color:#5ac8c8}.aq-grid>div:nth-child(6){background-color:#dfb0d6}.aq-grid>div:nth-child(5){background-color:#a5add3}.aq-grid>div:nth-child(4){background-color:#5698b9}.aq-grid>div:nth-child(3){background-color:#be64ac}.aq-grid>div:nth-child(2){background-color:#8c62aa}.aq-grid>div:first-child{background-color:#3b4994}.loading{box-sizing:border-box;border:5px solid #000;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}