.airFollowContainer{background-color:#fff;border-radius:8px}.airFollowContainer .closeBtn{position:absolute;right:30px;top:24px;border:none;background-color:transparent}.airFollowContainer .title{margin-top:0;margin-bottom:25px;font-size:20px;font-weight:500;text-align:center}.airFollowContainer .followSection{display:flex;flex-direction:row}.airFollowContainer .followSection:not(:first-of-type){padding-top:20px;border-top:1px solid #ededed}.airFollowContainer .followSection:not(:last-of-type){padding-bottom:20px}.airFollowContainer .sectionContent{margin-left:20px}.airFollowContainer .sectionTitle{font-size:16px;font-weight:500;margin:0}.airFollowContainer .sectionText{font-size:14px;margin:7px 0}.airFollowContainer .sectionLink{display:inline-block;margin-top:5px;padding:12px 20px;font-size:14px;border:1px solid #c4c4c4;border-radius:8px;text-decoration:none;color:#000}.airFollowContainer .sectionLink:hover{background-color:#0000000d}.airFollowContainer .sectionImg img{height:75px}@media screen and (max-width: 640px){.airFollowContainer .container{padding-bottom:40px}.airFollowContainer .sectionContent{margin-left:10px}.airFollowContainer .sectionImg img{height:55px}}.themeDark{color:#fff}.themeDark .aqiValueCell{color:#000}.aqiTable{border-spacing:8px}.aqiTable th{font-weight:300}.aqiValueCell{min-width:55px;font-size:13px;font-weight:500}.aqiValue{display:block;padding:5px;min-width:62px;border-radius:8px;font-weight:600;text-align:center}.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)}}