air-quality-detail-view{display:block}air-quality-detail-view .aqi-hero{display:flex;align-items:baseline;gap:.5em;margin-top:.5em}air-quality-detail-view .aqi-value{font-size:3rem;font-weight:700;line-height:1}air-quality-detail-view .aqi-category{font-size:1.25rem;font-weight:700}air-quality-detail-view .aqi-scale{margin:1em 0 1.5em}air-quality-detail-view .aqi-track{position:relative;display:flex;height:10px;border-radius:999px;overflow:hidden}air-quality-detail-view .aqi-track .seg{display:block}air-quality-detail-view .aqi-track .seg.good{flex-grow:10;background-color:var(--wu-green)}air-quality-detail-view .aqi-track .seg.moderate{flex-grow:10;background-color:var(--wu-yellow)}air-quality-detail-view .aqi-track .seg.usg{flex-grow:10;background-color:var(--wu-orange)}air-quality-detail-view .aqi-track .seg.unhealthy{flex-grow:10;background-color:var(--wu-red)}air-quality-detail-view .aqi-track .seg.very-unhealthy{flex-grow:20;background-color:var(--wu-purple)}air-quality-detail-view .aqi-track .seg.hazardous{flex-grow:40;background-color:var(--wu-purple)}air-quality-detail-view .aqi-marker{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background-color:var(--bg-color);border:3px solid var(--font-color);transform:translate(-50%,-50%);box-sizing:border-box}air-quality-detail-view .aqi-ticks{position:relative;height:1.2em;margin-top:6px}air-quality-detail-view .aqi-ticks span{position:absolute;transform:translateX(-50%);font-size:.65rem;color:var(--color-secondary-font)}air-quality-detail-view .aqi-ticks span:first-child{transform:translateX(0)}air-quality-detail-view .aqi-ticks span:last-child{transform:translateX(-100%)}air-quality-detail-view .aqi-dominant{font-size:.95rem;margin-bottom:1em}air-quality-detail-view .aqi-guidance{font-size:.95rem;line-height:1.4;padding-left:.75em;border-left:3px solid var(--page-nav-border-color);color:var(--font-color);margin-bottom:1.5em}air-quality-detail-view .pollutant-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.075em;color:var(--color-secondary-font);margin-bottom:.5em}air-quality-detail-view .pollutant-row{display:grid;grid-template-columns:3.5em 1fr auto 6em;align-items:center;gap:.5em;padding:.5em 0;border-top:1px solid var(--chart-section-border-color)}air-quality-detail-view .pollutant-name{font-weight:700}air-quality-detail-view .pollutant-phrase{font-size:.85rem;color:var(--color-secondary-font)}air-quality-detail-view .pollutant-index{font-weight:700;text-align:right}air-quality-detail-view .chip{justify-self:end;min-width:4.5em;padding:.3em .6em;border-radius:999px;text-align:center;font-size:.75rem;font-weight:700;color:#fff;background-color:var(--color-secondary-font)}air-quality-detail-view .chip.cat-1{background-color:var(--wu-green)}air-quality-detail-view .chip.cat-2{background-color:var(--wu-yellow);color:var(--font-color)}air-quality-detail-view .chip.cat-3{background-color:var(--wu-orange)}air-quality-detail-view .chip.cat-4{background-color:var(--wu-red)}air-quality-detail-view .chip.cat-5,air-quality-detail-view .chip.cat-6{background-color:var(--wu-purple)}air-quality-detail-view .aqi-source{margin-top:1.5em;font-size:.7rem;font-style:italic;line-height:1.4;color:var(--color-secondary-font)}air-quality-detail-view .aqi-error{padding:2em 1em;text-align:center;color:var(--color-secondary-font)}@media (max-width:540px){air-quality-detail-view .pollutant-phrase{display:none}air-quality-detail-view .pollutant-row{grid-template-columns:1fr auto 5.5em}}