.page-container,.side-navigation,.popup-overlay,.message-dialog{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;color:#414141}.page-container h1,.page-container h2,.page-container h3,.page-container h4,.page-container h5,.page-container h6,.page-container ul,.page-container li,.side-navigation h1,.side-navigation h2,.side-navigation h3,.side-navigation h4,.side-navigation h5,.side-navigation h6,.side-navigation ul,.side-navigation li,.popup-overlay h1,.popup-overlay h2,.popup-overlay h3,.popup-overlay h4,.popup-overlay h5,.popup-overlay h6,.popup-overlay ul,.popup-overlay li,.message-dialog h1,.message-dialog h2,.message-dialog h3,.message-dialog h4,.message-dialog h5,.message-dialog h6,.message-dialog ul,.message-dialog li{margin:0;padding:0}.page-container *,.side-navigation *,.popup-overlay *,.message-dialog *{text-decoration:none;list-style:none;box-sizing:border-box}.container{width:100%;height:100%;position:relative;margin-left:0;transition:left 1s;top:0;left:0}.container.side-active{left:320px}.container #pageContainer{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;color:#414141;overflow:hidden}.aqi-number.green{background:#a8e05f}.aqi-number.yellow{background:#fdd74b}.aqi-number.orange{background:#fe9b57}.aqi-number.red{background:#fe6a69}.aqi-number.purple{background:#a97abc}.aqi-number.maroon{background:#a87383}.header{padding:16px;display:flex;justify-content:space-between;align-items:flex-start;position:absolute;top:0;left:0;width:100%}.header .logo-search{width:300px}.header .logo-search .logo-bg{background:#456e98;display:flex;justify-content:flex-start;align-items:center;border-radius:7px;box-shadow:0 2px 5px;padding:5px 10px 5px 0;margin-bottom:8px}.header .logo-search .logo-bg .nav-button{width:56px;padding:0 16px}.header .logo-search .logo-bg .nav-button button{background:none;border:none;cursor:pointer}.header .logo-search .logo-bg .nav-button img{width:24px}.header .logo-search .logo-bg .logo img{width:188px;max-width:100%;float:left}.header .logo-search .search-bg{position:relative;background:#fff;padding:10px;border-radius:7px;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);display:flex;justify-content:space-between;align-items:center}.header .logo-search .search-bg .locate-me{margin-right:10px;width:36px}.header .logo-search .search-bg .locate-me button{background:none;border:none;padding:0;cursor:pointer}.header .logo-search .search-bg .locate-me button img{width:100%}.header .logo-search .search-bg .search{flex:1 1 0%;display:flex;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid #456e98}.header .logo-search .search-bg .search .input{flex:1 1 0%}.header .logo-search .search-bg .search .input input{width:100%;height:36px;padding:5px 10px;border:none;background:none;font-size:16px}.header .logo-search .search-bg .search .input input::placeholder{color:#456e98}.header .logo-search .search-bg .search .input input:focus{outline:none;box-shadow:none}.header .logo-search .search-bg .search .input input::-ms-clear{display:none}.header .logo-search .search-bg .search .icon{width:24px;margin-right:10px}.header .logo-search .search-bg .search .icon img{width:100%}.header .logo-search .search-bg .search .icon img.clear-icon{display:none;cursor:pointer}.header .actions .action-items{display:flex;justify-content:space-between;align-items:center;font-size:14px}.header .actions .action-items a,.header .actions .action-items button{background:#fff;border:none;border-radius:18px;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);padding:6px 14px 6px 18px;color:#456e98;font-weight:bold;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.header .actions .action-items a img,.header .actions .action-items button img{margin-left:3px}.header .actions .action-items a:nth-child(2){margin:0 5px}.header .actions .contribute{margin-top:16px;font-size:12px;font-weight:bold}.header .actions .contribute img{width:24px}.header .actions .contribute a{color:#fff;display:flex;justify-content:flex-end;align-items:center;float:right}.ranking{position:absolute;top:50%;right:16px;width:268px;border-radius:7px;background-color:rgba(0,0,0,.6);padding:16px 16px 82px;color:#fff;border:1px solid #727272;transition:right 1s;transform:translateY(-50%)}.ranking .ranking-title h2{font-size:22px}.ranking .ranking-title span{font-size:12px;line-height:1.75}.ranking .list-title{margin:17px 0 21px;display:flex;justify-content:space-between;align-items:center}.ranking .list-title h3{font-size:14px;line-height:1.36}.ranking .list .list-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ranking .list .list-item .number{width:24px}.ranking .list .list-item .flag{width:34px;display:flex;justify-content:center;align-items:center}.ranking .list .list-item .flag img{max-width:34px;max-height:23px}.ranking .list .list-item .name{flex:1 1 0%;min-width:80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 10px}.ranking .list .list-item .name a{color:#fff}.ranking .list .list-item .name a:hover{opacity:.6}.ranking .list .list-item .aqi .aqi-number{padding:2px 0px;font-size:14px;color:#fff;border-radius:5px;text-align:center;width:56px;height:24px;display:block}.ranking .see-full{position:absolute;bottom:16px;width:calc(100% - 32px)}.ranking .see-full a{background:#456e98;color:#fff;height:42px;width:100%;display:block;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:bold}.ranking .see-full a:hover{background:#305a81}.map-button{border:1px solid #727272;border-radius:4px;background-color:rgba(0,0,0,.2);position:absolute;right:16px;bottom:50px;height:100px;width:154px;display:flex;justify-content:center;align-items:center;overflow:hidden}.map-button img{width:100%;height:100%;object-fit:cover;display:block}.zoom-controls{position:absolute;bottom:32px;right:16px;width:36px;display:none}.zoom-controls button{border:none;background:#fff;border-radius:100%;margin-bottom:5px;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer}.share-dialog{position:absolute;top:0;left:0;width:100%;height:100%;display:none;background:rgba(0,0,0,.2);z-index:9}.share-dialog.active{display:block}.share-dialog .share-socials{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:320px;padding:24px;display:flex;justify-content:space-around;align-items:center;background:#fff;border-radius:7px}.side-navigation{width:320px;height:100vh;padding:32px 38px 0;position:absolute;top:0;left:-331px;overflow-y:auto;background:#fff;transition:left 1s;z-index:3}.side-navigation.active{left:0}.side-navigation .actions{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;position:relative}.side-navigation .actions button{background:none;border:none;cursor:pointer}.side-navigation .actions .settings-dialog{position:absolute;top:100%;left:0;padding:30px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:5px;font-size:14px;display:none}.side-navigation .actions .settings-dialog.active{display:block}.side-navigation .actions .settings-dialog button{position:absolute;top:10px;right:10px}.side-navigation .actions .settings-dialog button img{width:18px}.side-navigation .actions .settings-dialog h4{font-size:14px;margin-bottom:5px}.side-navigation .actions .settings-dialog .input{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;border-radius:5px;overflow:hidden;border:1px solid #e6e6e6}.side-navigation .actions .settings-dialog .input input[type=radio]{display:none}.side-navigation .actions .settings-dialog .input label{color:#456e98;cursor:pointer;padding:8px 0;text-align:center;width:70px}.side-navigation .actions .settings-dialog .input label.active{background:#456e98;color:#fff}.side-navigation .link-list{text-align:center}.side-navigation .link-list h3{font-size:16px;padding:30px 0}.side-navigation .link-list a{color:#414141;display:flex;justify-content:center;align-items:center;height:40px}.side-navigation .link-list a:hover{background:#f6fafb}.side-navigation .divider{border-bottom:1px solid #e6e6e6}.side-navigation .download-app{margin-top:32px;text-align:center}.side-navigation .download-app h3{color:#414141;font-size:20px;margin-bottom:16px}.side-navigation .download-app p{margin-bottom:16px}.side-navigation .download-app a{display:inline-block;width:122px}.side-navigation .download-app a img{width:100%;float:left}.side-navigation .socials{display:flex;justify-content:center;align-items:center;margin:60px 0}.side-navigation .socials .links{width:100%;display:flex;justify-content:space-around;align-items:center}.search-container{display:flex;justify-content:space-between;align-items:center;width:100%}.search-container .dropdown-container{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);border-radius:5px;color:#414141;font-size:14px;z-index:3;margin-top:6px;padding-top:8px;width:720px;display:none}.search-container h3{font-size:14px;padding:0 20px;margin:18px 0 12px}.search-container .list .item{padding:7px 20px;display:flex;justify-content:space-between;align-items:center}.search-container .list .item:hover{background:#ecf5f9;cursor:pointer}.search-container .list .item .icon{width:34px}.search-container .list .item .icon img{width:24px;height:24px}.search-container .list .item .name{flex:1 1 0%;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-container .list .item .follower{display:flex;justify-content:flex-end;align-items:center;flex:1 1 0%;padding:0 20px}.search-container .list .item .aqi{width:56px}.search-container .list .item .aqi .aqi-number{width:56px;border-radius:5px;padding:3px 0;text-align:center;color:#fff;display:inline-block}.search-container .list-locate-me{padding:16px 20px}.search-container .list-locate-me button{padding:0;border:none;cursor:pointer;background:#456e98;color:#fff;height:42px;width:100%;display:block;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:12px}.search-container .list-locate-me button:hover{background:#305a81}.search-container .list-locate-me button img{margin-right:10px}.search-container .signup-footer{justify-content:space-between;align-items:center;padding:18px 20px;border-top:1px solid #e6e6e6;display:none}.search-container .signup-footer.active{display:flex}.search-container .signup-footer span{font-weight:700}.search-container .signup-footer a{color:#456e98;border:1px solid #456e98;background:none;padding:10px;font-weight:700;border-radius:4px;letter-spacing:1.2px;font-size:12px;width:90px;height:42px;font-family:inherit;display:flex;justify-content:center;align-items:center}.search-container .signup-footer a:hover{background:#456e98;color:#fff}.search-container .loading{padding:0 20px}.search-container .no-item{padding:7px 20px}.mobile-search{width:36px;display:flex;justify-content:center;align-items:center;display:none}.popup-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:5;cursor:pointer}.message-dialog{display:none;position:absolute;min-height:48px;height:100%;width:100%;left:0;top:0;z-index:6}.message-dialog .message{position:absolute;bottom:-100%;margin:24px;width:1140px;max-width:100%;left:50%;transform:translateX(-50%);background:#323232;color:rgba(255,255,255,.7);padding:14px 16px;border-radius:4px;font-size:14px;box-shadow:0 0 2px rgba(0,0,0,.5)}.message-dialog .message.active{bottom:15px;transition:all .3s}.us-aqi-container{position:relative}.us-aqi-container:hover .aqi-tooltip{visibility:visible;opacity:1}.tooltip-link:hover{color:inherit}.aqi-tooltip,.pm25-tooltip,.pm10-tooltip,.wind-tooltip{visibility:hidden;background-color:#fff;color:#333;text-align:center;padding:5px;border-radius:6px;font-size:11px;text-align:left;position:absolute;z-index:500;opacity:0;transition:opacity 500ms}.aqi-tooltip a,.pm25-tooltip a,.pm10-tooltip a,.wind-tooltip a{color:#456e98;display:none}.pm25-tooltip,.pm10-tooltip,.wind-tooltip{width:250px;bottom:0}.wind-tooltip{left:-10px}._pm25{position:relative}._pm25:hover .pm25-tooltip{visibility:visible;opacity:1}._pm10{position:relative}._pm10:hover .pm10-tooltip{visibility:visible;opacity:1}._wind{position:relative}._wind:hover .wind-tooltip{visibility:visible;opacity:1}@media screen and (max-width: 959px){.zoom-controls{display:block}}@media screen and (max-width: 767px){.header .actions,.ranking{display:none}.map-button{bottom:20px}.mobile-search{display:flex}.header .logo-search{width:375px;max-width:100%;display:flex;justify-content:space-between;align-items:stretch}.header .logo-search .logo-bg{flex:1 1 0%;margin-bottom:0;margin-right:12px}.header .logo-search .search-container{display:none}}