:root{--height: 325px;--width: 225px;--border-radius: 16px;--light-blue: #1fb9ef}*{margin:0;padding:0;box-sizing:border-box}body{width:var(--width);height:var(--height);background-color:transparent;overflow:hidden;padding:2rem;font-family:Verdana,sans-serif}.air-quality-guidelines.svelte-d9qdqa{top:0;left:0}.air-quality-guidelines.svelte-d9qdqa .modal-trigger:where(.svelte-d9qdqa){background-color:var(--light-blue);color:#fff;text-shadow:1px 2px 4px black;border:none;cursor:pointer;padding:.5rem;border-radius:4px}.air-quality-guidelines.svelte-d9qdqa .modal-trigger:where(.svelte-d9qdqa):hover{background-color:#10ade4}.air-quality-guidelines.svelte-d9qdqa .modal-container:where(.svelte-d9qdqa){position:absolute;top:0;left:0;width:var(--width);height:var(--height);margin:0;border-radius:var(--border-radius);box-shadow:0 4px 30px #0000001a;overflow:auto;transition:.3s;-webkit-backdrop-filter:blur(9.9px);backdrop-filter:blur(9.9px)}.air-quality-guidelines.svelte-d9qdqa .modal-container.hidden:where(.svelte-d9qdqa){opacity:0;top:350px}.air-quality-guidelines.svelte-d9qdqa .modal-container:where(.svelte-d9qdqa) .close-btn:where(.svelte-d9qdqa){background:none;border:none;box-shadow:none;color:inherit;cursor:pointer;display:inline;left:87%;padding:0;outline:inherit;position:absolute;text-align:center;top:4px}.air-quality-guidelines.svelte-d9qdqa .modal-container:where(.svelte-d9qdqa) .close-btn.material-symbols-outlined:where(.svelte-d9qdqa){font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48}.air-quality-guidelines.svelte-d9qdqa .modal-container:where(.svelte-d9qdqa) .guidelines:where(.svelte-d9qdqa){padding:0 .1rem;display:flex;flex-direction:column;gap:1rem;justify-content:space-evenly;align-items:center;margin-top:2rem}.backdrop.svelte-19nlgu5{display:flex;flex-direction:column;align-items:center;text-align:center;width:var(--width);margin:0 auto;position:relative;-webkit-backdrop-filter:blur(9.9px);backdrop-filter:blur(9.9px);background:#ffffff17;border-radius:var(--border-radius);box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.3);overflow:hidden}.backdrop.svelte-19nlgu5 :where(.svelte-19nlgu5){flex-shrink:0;flex-grow:0}.backdrop.svelte-19nlgu5 .monitor-name:where(.svelte-19nlgu5){padding:.5rem .5rem 0;font-size:1rem;color:#fff;text-shadow:1px 2px 4px #333}.backdrop.svelte-19nlgu5 .pmgauge-container:where(.svelte-19nlgu5){--size: calc(var(--width) / 1.15);width:var(--size);height:var(--size);position:relative}.backdrop.svelte-19nlgu5 .pmgauge-container:where(.svelte-19nlgu5) .pmgauge:where(.svelte-19nlgu5){height:var(--size);width:var(--size)}.backdrop.svelte-19nlgu5 .pmgauge-container:where(.svelte-19nlgu5) .pmvalue-box:where(.svelte-19nlgu5){--top: calc(var(--height) / 2.58);--left: calc(var(--width) / 4.7);--area-modifier: -2px;--radius: 100%;display:flex;justify-content:center;align-items:center;background-color:#1c4482;border-radius:95% 0 var(--radius) 0;width:calc(var(--size) / 2 + 2px);height:calc(var(--size) / 2 + 2px);transform-origin:center;position:absolute;left:var(--left);top:var(--top);transform:rotate(45deg)}.backdrop.svelte-19nlgu5 .pmgauge-container:where(.svelte-19nlgu5) .pmvalue-box:where(.svelte-19nlgu5) .pm-value:where(.svelte-19nlgu5){display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:.2rem;color:#fff;position:absolute;transform-origin:center;transform:rotate(-45deg)}.backdrop.svelte-19nlgu5 .pmgauge-container:where(.svelte-19nlgu5) .pmvalue-box:where(.svelte-19nlgu5) .pm-value:where(.svelte-19nlgu5) span:where(.svelte-19nlgu5){display:block;line-height:1.2}.backdrop.svelte-19nlgu5 .pmgauge-container:where(.svelte-19nlgu5) .pmvalue-box:where(.svelte-19nlgu5) .pm-value:where(.svelte-19nlgu5) span:where(.svelte-19nlgu5):first-of-type{font-size:1.5rem;text-align:center}.backdrop.svelte-19nlgu5 .pmgauge-container:where(.svelte-19nlgu5) .pmvalue-box:where(.svelte-19nlgu5) .pm-value:where(.svelte-19nlgu5) span:where(.svelte-19nlgu5):first-of-type span:where(.svelte-19nlgu5){font-size:.7rem;display:inline}.backdrop.svelte-19nlgu5 .pmgauge-container:where(.svelte-19nlgu5) .pmvalue-box:where(.svelte-19nlgu5) .pm-value:where(.svelte-19nlgu5) span:where(.svelte-19nlgu5):last-of-type{font-size:.8rem}.backdrop.svelte-19nlgu5 .guidelines-container:where(.svelte-19nlgu5){margin:1.5rem 0 .5rem}.backdrop.svelte-19nlgu5 .powered-by:where(.svelte-19nlgu5){--font-size: .7rem;font-size:var(--font-size);margin-bottom:.5rem}.backdrop.svelte-19nlgu5 .powered-by:where(.svelte-19nlgu5) img:where(.svelte-19nlgu5){vertical-align:middle;height:var(--font-size)}.page-content.svelte-19jc61p{-webkit-user-select:none;user-select:none}.errors.svelte-1aqxkoq{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.errors.svelte-1aqxkoq h1:where(.svelte-1aqxkoq){font-size:1.2rem;line-height:1}.errors.svelte-1aqxkoq ul:where(.svelte-1aqxkoq){list-style:none;text-align:left}.loader-container.svelte-10x4d1n{display:flex;justify-content:center;align-items:center;width:var(--width);height:var(--height)}.loader-container.svelte-10x4d1n .loader:where(.svelte-10x4d1n){--loader-width: 12px;--size: calc(var(--width) / 2);border:var(--loader-width) solid #f3f3f3;border-top:var(--loader-width) solid var(--light-blue);border-radius:50%;width:var(--size);height:var(--size);animation:svelte-10x4d1n-spin 1s linear infinite}@keyframes svelte-10x4d1n-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}