.aqi-card.svelte-1bj9w7q.svelte-1bj9w7q{display:flex;flex-direction:column;width:100%;border:none;background:none;padding:0;cursor:pointer;border-radius:16px;overflow:hidden;margin-bottom:var(--margin-md)}.top-section.svelte-1bj9w7q.svelte-1bj9w7q{width:100%;padding:0 0 0 var(--padding-md);color:var(--white);display:flex;justify-content:space-between;text-align:left;min-height:110px;overflow:hidden;max-width:inherit}.top-section.svelte-1bj9w7q .content.svelte-1bj9w7q{max-width:60%;z-index:3;padding-top:var(--padding-sm);flex-basis:2}.top-section.svelte-1bj9w7q .content .score.svelte-1bj9w7q{font-size:40px;font-weight:var(--font-weight-light);line-height:1;margin-bottom:var(--margin-xs);font-family:var(--font-family);width:300px;overflow-wrap:break-word;z-index:2}.top-section.svelte-1bj9w7q .content .status.svelte-1bj9w7q{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--margin-xs);font-family:var(--font-family)}.top-section.svelte-1bj9w7q .content .description.svelte-1bj9w7q{font-size:var(--font-size-sm);max-width:90%;line-height:16px;margin-bottom:var(--margin-xs);font-family:var(--font-family)}.top-section.svelte-1bj9w7q .icon.svelte-1bj9w7q{flex-basis:1}.pollutant-info.svelte-1bj9w7q.svelte-1bj9w7q{font-size:var(--font-size-base);font-family:var(--font-family);padding:10px 8px;margin-top:-4px;display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--white);z-index:3}.pollutant-label.svelte-1bj9w7q.svelte-1bj9w7q{font-weight:var(--font-weight-medium);margin-right:6px;display:flex;align-items:center}.pollutant-label.svelte-1bj9w7q .pollutant-status.svelte-1bj9w7q{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;flex-shrink:0;margin-left:4px}.pollutant-value.svelte-1bj9w7q.svelte-1bj9w7q{font-weight:var(--font-weight-regular)}.bottom-section.svelte-1bj9w7q.svelte-1bj9w7q{background:var(--white-card);padding:var(--padding-sm) var(--padding-md);width:100%;min-width:320px}.bottom-section.svelte-1bj9w7q .aqi-bar-block.svelte-1bj9w7q{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;position:relative}.bottom-section.svelte-1bj9w7q .aqi-bar-labels.svelte-1bj9w7q{display:flex;justify-content:space-between;font-size:14px;color:var(--secondary-text);margin-bottom:2px;font-weight:400;width:100%}.bottom-section.svelte-1bj9w7q .aqi-bar-barwrap.svelte-1bj9w7q{width:100%;height:18px;position:relative;margin-bottom:2px}.bottom-section.svelte-1bj9w7q .aqi-bar-gradient.svelte-1bj9w7q{width:100%;height:4px;border-radius:4px;background:linear-gradient(to right,#52b947 5%,#f3ec19 25%,#f57f20 45%,#ed1d24 55%,#7e4ea9 75%,#7e0023 100%);position:absolute;top:5px;left:0;z-index:1;pointer-events:none}.bottom-section.svelte-1bj9w7q .aqi-marker.svelte-1bj9w7q{position:absolute;width:16px;height:16px;border-radius:50%;background-color:var(--marker-color);top:-1px;left:var(--marker-position);transform:translate(-50%);z-index:2;box-shadow:0 1px 3px #0000004d;border:2px solid var(--white)}.bottom-section.svelte-1bj9w7q .aqi-bar-categories.svelte-1bj9w7q{width:100%;position:relative;margin-top:2px;height:18px}.bottom-section.svelte-1bj9w7q .aqi-bar-categories span.svelte-1bj9w7q{position:absolute;font-size:13px;color:var(--secondary-text);font-weight:500;top:0;white-space:nowrap;text-align:center;left:0;right:0}.bottom-section.svelte-1bj9w7q .aqi-bar-categories .cat-good.svelte-1bj9w7q{left:0%;width:16.6%;text-align:left}.bottom-section.svelte-1bj9w7q .aqi-bar-categories .cat-unhealthy.svelte-1bj9w7q{left:33.3%;width:33.3%;text-align:center}.bottom-section.svelte-1bj9w7q .aqi-bar-categories .cat-hazardous.svelte-1bj9w7q{right:0;width:16.6%;left:auto;text-align:right}