.airContainer{position:relative;overflow-x:hidden!important;border-radius:8px;max-width:650px;margin:0 auto}.headerTitle{margin-top:10px;margin-bottom:13px;font-size:24px;color:#fff}.headerDesc{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#fff}.headerDesc p{margin:0;line-height:18px}.headerDesc img{height:40px}.card{margin-bottom:2px;padding:18px;border-radius:8px;background-color:#000}.ratingRow,.ratingHeaderRow{display:flex;align-items:center;padding:4px 4px 4px 8px;margin:2px 0;color:#fff}.ratingRow{margin-left:-18px;margin-right:-18px;padding:4px 16px;font-size:16px;font-weight:400;cursor:pointer;text-decoration:none}.ratingRow:hover{background-color:#fff3}.ratingHeaderRow{font-size:12px;color:#636778;font-weight:500}.cityNameColl{flex:1;min-width:140px}.orderColl{flex:.05;min-width:24px;font-weight:700}.iconColl{display:flex;align-items:center;width:24px;margin-left:20px;fill:#fff}.aqiValueColl{flex:1;max-width:270px;font-size:12px;font-weight:500;text-align:center;line-height:18px;border-radius:11px;color:#000}.questionIcon{display:inline-flex;justify-content:center;align-items:center;width:15px;height:15px;border:1px solid #636778;border-radius:50%;cursor:pointer}.ratingHeaderRow .aqiValueColl{color:#636778;cursor:pointer}.airModal{max-height:calc(100vh - 20px);box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f;max-width:600px;border:none;border-radius:8px;padding:20px 30px;margin:auto;background-color:#fff}.airModal::backdrop{background:#00000080}@media screen and (max-width: 800px){.headerDesc img{height:25px}}@keyframes scale-in-out{0%{transform:scale(1)}50%{transform:scale(.4)}to{transform:scale(1)}}.realTimeIcon{animation-name:scale-in-out;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.aqiAboutContainer{height:100%;padding:20px;background-color:#000}.closeAqiBtn{position:absolute;right:10px;top:18px;border:none;background-color:transparent;cursor:pointer}.cardFooter{position:relative;display:flex;align-items:center;justify-content:center;margin-top:25px}.followBtn{height:42px;padding:0 20px;border:1px solid #fff;border-radius:8px;font-size:15px;font-weight:500;color:#fff;background-color:#000;margin-right:10px;cursor:pointer}.followBtn:hover{background-color:#ffffff1a}.airModalCloseBtn{position:absolute;right:10px;top:20px;border:none;background:transparent;cursor:pointer}.modalHeader{color:#000;font-weight:700;font-size:24px;padding-bottom:12px;line-height:30px;gap:8px;align-items:center}.drawer{position:absolute!important;top:0;left:0;border-radius:8px;background:#fff;transform:translate(-100%);transition:transform .3s ease;height:100%}.drawer.open{transform:translate(0)}@media screen and (max-width: 640px){.airModal{max-height:100%;border-radius:8px;margin:auto 16px;padding:20px 10px}.drawer{position:fixed!important;top:0;left:0;transform:translate(-100%);border-radius:0;background:#fff;transition:transform .3s ease;height:100%}.drawer.open{transform:translate(0)}}