@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/InterTight-Regular-BhPsUcRf.woff2)format("woff2")}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);font-family:Inter Tight,sans-serif;font-size:var(--font-main);color:var(--color-text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-weight:400;line-height:1.2}body:after{z-index:-1;content:url(/assets/city-green-DpsNC8D8.webp) url(/assets/city-red-D_V2OBFP.webp) url(/assets/lake-9xUFtdpm.webp) url(/assets/steam-CzXSFc_2.webp) url(/assets/stone-Co3NoWE1.webp);width:0;height:0;position:absolute;overflow:hidden}h1,h2,h3,h4{font-weight:400;line-height:1.1}a{color:inherit}li{list-style:none}sub{vertical-align:bottom;display:inline-block;transform:translateY(-5px)}button{font-family:inherit;font-size:var(--font-main);border:1px solid var(--color-text-primary);background-color:unset;color:var(--color-text-primary);text-transform:none;cursor:pointer;-webkit-appearance:button;border-radius:30px;padding:1px 10px;transition:all .2s}input{font-family:inherit}button:active{transform:scale(.95)}button[disabled]:active{transform:unset}button::-moz-focus-inner{border-style:none;padding:0}#root{width:100%;height:100vh;position:fixed;top:0;left:0;overflow:auto}.content{color:var(--color-text-primary);text-align:center;grid-template-rows:auto 1fr auto;height:100%;min-height:600px;display:grid}.loader{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loader .dot{animation-duration:1.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:forwards}.loader .dot:first-of-type{animation-name:loading-1}.loader .dot:nth-of-type(2){animation-name:loading-2}.loader .dot:nth-of-type(3){animation-name:loading-3}@keyframes loading-1{0%{opacity:0}25%{opacity:1}85%{opacity:1}98%{opacity:0}to{opacity:0}}@keyframes loading-2{0%{opacity:0}50%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes loading-3{0%{opacity:0}75%{opacity:1}85%{opacity:1}98%{opacity:0}to{opacity:0}}.error{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.popup{border:1px solid var(--color-text-secondary);background-color:var(--color-background);text-align:left;z-index:10;transform-origin:0 0;animation-name:popup-open,popup-show;animation-iteration-count:1;animation-fill-mode:forwards;animation-duration:var(--anim-duration-fast);animation-timing-function:var(--anim-easing);padding:24px}@keyframes popup-open{0%{border-radius:4px;transform:scaleY(0)}to{border-radius:14px;transform:scaleY(1)}}@keyframes popup-show{0%{opacity:0}50%{opacity:1}to{opacity:1}}.popup>*{color:var(--color-background)}.popup.animate-content>*{animation-name:show-text;animation-iteration-count:1;animation-fill-mode:forwards;animation-duration:var(--anim-duration-slow);animation-timing-function:var(--anim-easing)}.popup.animate-content .popup-close{animation-name:show-close-icon;animation-duration:var(--anim-duration)}@keyframes show-text{0%{color:var(--color-background)}to{color:var(--color-text-primary)}}@keyframes show-close-icon{0%{color:var(--color-background);transform:rotate(-90deg)}to{color:var(--color-text-secondary);transform:rotate(0)}}.popup .popup-close{cursor:pointer;position:absolute;top:14px;right:14px}.popup .popup-close .popup-close-svg{color:inherit;transition:color .4s}@media (hover:hover){.popup .popup-close:hover .popup-close-svg{color:var(--color-text-primary);transition:color .4s}}.unload-popup{animation-name:popup-hide;animation-duration:.2s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:var(--anim-easing);border-radius:14px}@keyframes popup-hide{0%{opacity:1}to{opacity:0}}header{width:100%;padding:var(--padding);opacity:0;z-index:1;transform-origin:top;height:0;min-height:0;max-height:500px;animation-name:slidedown;animation-iteration-count:1;animation-fill-mode:forwards;animation-duration:var(--anim-duration);animation-timing-function:var(--anim-easing);will-change:transform, background-image;background-image:url(/assets/stone-Co3NoWE1.webp);background-position:50%;background-size:cover;justify-content:center;align-items:flex-end;display:flex}header.good,.header-image.good{background-image:url(/assets/lake-9xUFtdpm.webp)}header.fair,.header-image.fair{background-image:url(/assets/stone-Co3NoWE1.webp)}header.moderate,.header-image.moderate{background-image:url(/assets/steam-CzXSFc_2.webp)}header.poor,.header-image.poor{background-image:url(/assets/city-green-DpsNC8D8.webp)}header.very-poor,header.extremely-poor,.header-image.very-poor,.header-image.extremely-poor{background-image:url(/assets/city-red-D_V2OBFP.webp)}.header-image{opacity:1;background-position:50%;background-size:cover;transition:opacity 1s;position:absolute;inset:0}header .index{opacity:0;font-size:var(--font-h1);animation-name:show;animation-iteration-count:1;animation-fill-mode:forwards;animation-duration:var(--anim-duration-slow);animation-timing-function:var(--anim-easing);animation-delay:var(--anim-duration);z-index:2}@keyframes slidedown{0%{opacity:0;height:0;min-height:0;transform:translateY(-20%)}35%{opacity:1}to{opacity:1;height:20vw;min-height:290px;transform:translateY(0)}}@keyframes show{0%{opacity:0}to{opacity:1}}button.contribution-button{top:30px;right:var(--padding);background-color:var(--color-background);border:none;width:24px;height:24px;transition:all .6s;position:absolute}button.contribution-button:before{content:" ";background-color:var(--color-text-secondary);border-radius:50%;width:4px;height:4px;transition:all 1.2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.contribution-button:hover{transform:scale(1.3)}button.contribution-button:hover:before{opacity:.8;transform:translate(-50%,-50%)scale(1.7)}.contribution-popup{letter-spacing:.14px;width:500px;max-height:calc(100vh - 90px);padding:34px 28px;transition:all .4s;position:absolute;top:20px;right:26px;overflow:auto}.contribution-popup .contribution{opacity:var(--opacity-text);margin-top:40px;margin-bottom:10px}.contribution-popup .contribution~:not(.popup-close){opacity:var(--opacity-text)}.contribution-popup .subheading{font-size:var(--font-main);margin-bottom:5px;opacity:var(--opacity-2lvl)!important}.contribution-popup .contribution-subtext{margin-bottom:40px}.contribution-popup .contribution~.contribution-subtext:last-of-type{margin-bottom:0}@media (width<=700px){.contribution-popup{width:80%;top:45px;right:10%}}@media (width<=420px){.contribution-popup{width:88%;top:30px;right:6%}}main{padding:var(--padding);position:relative}nav{justify-content:space-between;display:flex}nav .nav-item{cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;position:relative}nav .nav-item.wait{opacity:var(--opacity-2lvl)!important}nav .nav-item:before{content:" ";border:1px solid var(--color-text-primary);opacity:0;border-radius:30px;position:absolute;inset:-2px -8px}@media (hover:hover){nav .nav-item:hover{opacity:var(--opacity-1lvl)}nav .nav-item:hover:before{opacity:1}}.hourly{animation-name:slideNav;animation-iteration-count:1;animation-fill-mode:forwards;animation-duration:var(--anim-duration);animation-timing-function:var(--anim-easing);animation-delay:1.2s}.rates{animation-name:slideNav;animation-iteration-count:1;animation-fill-mode:forwards;animation-duration:var(--anim-duration);animation-timing-function:var(--anim-easing);animation-delay:1s}@keyframes slideNav{0%{opacity:0;transform:translateY(-200%)}to{opacity:1;transform:translateY(0)}}@media (width<=420px){nav .nav-item{opacity:var(--opacity-1lvl)!important}nav .nav-item.active{opacity:1!important}}.current-air-quality{top:var(--padding);font-size:var(--font-h2);opacity:0;text-wrap:balance;animation-name:showMain;animation-iteration-count:1;animation-fill-mode:forwards;animation-duration:var(--anim-duration);animation-timing-function:var(--anim-easing);animation-delay:var(--anim-duration-slow);position:absolute;left:50%;transform:translate(-50%)}.current-air-quality .small{font-size:var(--font-main);color:var(--color-text-secondary);margin-top:12px;display:block}@keyframes showMain{0%{opacity:0}to{opacity:1}}@media (width<=420px){.current-air-quality{width:80%;top:84px}}.rates-info{position:relative}.rates-info .rate-controls{text-align:right;border-bottom:none;margin-top:80px;margin-bottom:20px}.rate-controls .switch-button{opacity:var(--opacity-2lvl)}.rate-controls .switch-button.active{pointer-events:none;opacity:var(--opacity-1lvl)}@media (hover:hover){.rate-controls .switch-button:hover{opacity:var(--opacity-1lvl)}}.list-data li{margin-bottom:13px}.list-data li:not(.header):not(.links):after{content:" ";background-color:var(--color-text-primary);width:100%;height:1px;position:absolute;bottom:-2px;left:0}.list-data .rates-grid{grid-template-columns:1fr repeat(6,80px) 1fr;gap:4%;display:grid}.rates-grid .mobile{display:none}.list-data li.header{border-bottom:none;grid-template-columns:1fr repeat(6,120px) 1fr;gap:calc(4% - 40px);margin-top:12px}li.rates-grid.header~li.rates-grid{margin-top:80px}.list-data li.header p,.list-data li.links p{opacity:var(--opacity-1lvl)}.list-data li.header p:last-child,.list-data li.header p:first-child{opacity:0!important}.list-data li:not(.header):not(.links) p{-webkit-user-select:none;user-select:none;white-space:nowrap}.list-data li p:first-child{text-align:left}.list-data li p:last-child{text-align:right}.list-data li.links{border-bottom:none}.list-data li.links p{text-align:center}.load-rates>li{opacity:0;animation-name:load-rates;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes load-rates{0%{opacity:0;transform:translateY(-20px)}to{opacity:.4;transform:translateY(0)}}@keyframes unload-rates{0%{opacity:.4}to{opacity:0}}.unload-rates{pointer-events:none;animation-name:unload-rates;animation-duration:.6s;animation-iteration-count:1;animation-fill-mode:forwards}.no-hover{pointer-events:none}.list-data li:not(.header):not(.links):hover{opacity:1!important}@media (width<=1200px){.list-data li{margin-bottom:24px}.list-data .rates-grid,.list-data li.header{grid-template-columns:50px repeat(4,1fr) 80px;gap:12px 5px}li:not(.header):not(.links).rates-grid p:first-of-type{grid-column:1/3;grid-row-start:1}li:not(.header):not(.links).rates-grid p:last-of-type{grid-column:3/7;grid-row-start:1}li:not(.header):not(.links).rates-grid p:nth-of-type(2){text-align:left;grid-column-start:1}.rates-grid p:nth-of-type(7){text-align:right}li.header.rates-grid p:first-of-type{grid-row-start:2;grid-column-start:6}li.header.rates-grid p:nth-of-type(2){text-align:left}.rates-info ul li:not(.header):not(.links):after{bottom:58%}}@media (width<=700px){.rates-info .rate-controls{margin-top:110px}.list-data .rates-grid{grid-template-columns:1fr 1fr;gap:8px}.list-data li:not(.header):not(.links):after{bottom:unset;top:17px}.list-data li.header{display:none}li:not(.header):not(.links).rates-grid p:nth-of-type(2){grid-column-start:unset;grid-column:span 2}li:not(.header):not(.links).rates-grid p{grid-column:span 2}li.rates-grid.header~li.rates-grid{margin-top:100px}.rates-grid p{text-align:left;grid-column:span 2;grid-column-start:unset;display:flex}.rates-grid p:nth-of-type(7){text-align:left}li:not(.header):not(.links).rates-grid p:first-of-type{grid-column-end:2;display:block}li:not(.header):not(.links).rates-grid p:last-of-type{grid-column-start:2;grid-column-end:unset;grid-row-start:1;display:block}.rates-grid p:last-of-type .mobile,.rates-grid p:first-of-type .mobile{display:none}.rates-grid .mobile{opacity:var(--opacity-1lvl);margin-left:auto;display:inline-block}.rates-info .links p{text-wrap:balance}}@media (width<=420px){.rates-info .rate-controls{margin-top:200px}}.hourly-data .hourly-controls{text-align:left;border-bottom:none;flex-wrap:wrap;row-gap:10px;margin-top:80px;margin-bottom:20px;display:flex;position:relative}.hourly-controls .switch-button,.hourly-controls .hourly-info{opacity:var(--opacity-2lvl);position:relative}.hourly-controls .switch-button.active{opacity:var(--opacity-1lvl)}.hourly-controls button[disabled]{opacity:.1}.hourly-controls .hourly-info{margin-right:auto}.hourly-controls .info-popup{width:300px;height:auto;padding:28px 24px 14px;position:absolute;top:10px;left:40px}.info-popup .info-subtext{opacity:var(--opacity-text)}.info-popup .max-rates{margin-top:24px}.info-popup .rate{justify-content:space-between;margin-bottom:11px;display:flex}.info-popup .info-close{cursor:pointer;position:absolute;top:14px;right:14px}.hourly-data>ul>li{width:100%}.hourly-data h2{text-align:left;font-size:var(--font-main);color:var(--color-text-secondary);border-bottom:1px solid var(--color-text-secondary);margin-bottom:20px;position:relative}.hourly-data h2:after{content:"μg/m³";position:absolute;top:0;right:0}ul.hours{font-size:var(--font-small);color:var(--color-text-secondary)}ul.hours,ul.hourly-list{grid-template-columns:repeat(16,1fr);gap:10px;height:auto;margin-bottom:34px;display:grid}.hourly-list .hourly-list-item{text-align:left;width:100%;height:auto;margin-top:16px;display:block;position:relative}.hourly-list-item .no-data{color:var(--color-text-secondary);opacity:var(--opacity-1lvl);position:absolute;top:0;left:0}.hourly-list-item .polutant-value{font-size:var(--font-small);color:var(--color-text-secondary);opacity:0;text-wrap:nowrap;margin-top:6px}.hourly-list-item .hour{font-size:var(--font-small);color:var(--color-text-secondary);position:absolute;top:-20px;left:0}.hourly-list-item .circle{background-color:var(--color-text-secondary);border-radius:50%;width:3px;height:3px}@media (hover:hover){.hourly-controls .switch-button:hover{opacity:var(--opacity-1lvl)}.hourly-list-item:hover>span{color:var(--color-text-primary);opacity:1}}.load-hourly .hourly-row{opacity:0;animation-name:load-hourly;animation-duration:1.5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes load-hourly{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes unload-hourly{0%{opacity:1}to{opacity:0}}.unload-hourly{pointer-events:none;animation-name:unload-hourly;animation-duration:.6s;animation-iteration-count:1;animation-fill-mode:forwards}@media (width<=1200px){ul.hours,ul.hourly-list{grid-template-columns:repeat(8,1fr)}}@media (width<=700px){ul.hours,ul.hourly-list{grid-template-columns:repeat(6,1fr)}.hourly-data .hourly-controls{margin-top:110px}}@media (width<=420px){ul.hours,ul.hourly-list{grid-template-columns:repeat(4,1fr)}.hourly-data .hourly-controls{margin-top:200px}.hourly-controls .info-popup{width:88%;top:-40px;left:6%}}.input-wrapper{cursor:pointer;display:inline-block}.input-wrapper input{background-color:var(--color-background);width:auto;color:var(--color-text-primary);text-align:center;font-size:var(--font-main);cursor:pointer;border:none;border-radius:4px;padding:0 4px}input:-ms-placeholder-shown{color:var(--color-text-primary);letter-spacing:1px}input::placeholder{color:var(--color-text-primary);letter-spacing:1px}.input-wrapper input:focus{border:none;outline:none}.cities{border:1px solid var(--color-text-secondary);border-radius:16px;min-width:290px;margin-bottom:10px;padding:20px}.cities li{color:var(--color-text-secondary);margin-bottom:4px}.cities li:hover{color:var(--color-text-primary)}footer{opacity:0;padding:var(--padding);animation-name:slideFooterUp;animation-iteration-count:1;animation-fill-mode:forwards;animation-duration:var(--anim-duration);animation-timing-function:var(--anim-easing);animation-delay:1s;position:relative}@keyframes slideFooterUp{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}.location{display:inline}.location .small{-webkit-user-select:none;user-select:none;color:var(--color-text-secondary)}@media (width<=420px){footer{padding-bottom:40px}}:root{--font-h1:9vw;--font-h2:28px;--font-main:14px;--font-small:12px;--padding:38px;--color-background:black;--color-text-primary:white;--color-text-secondary:#666;--opacity-text:.6;--opacity-1lvl:.5;--opacity-2lvl:.25;--anim-easing:ease-out;--anim-duration-fast:.6s;--anim-duration:1.4s;--anim-duration-slow:2.4s;background-color:#000}@media (width<=1200px){:root{--font-h1:110px}}@media (width<=700px){:root{--padding:20px}}