:root{--max-width-break:1024px;--primary-color:#6495ed;--bg-color:#3059ac;--color:#333;--wq-map-bkg:transparent;--color-wq-map-text:rebeccapurple;--bkg-hero:#385c9e;--bkg-hero-end:#486bad;--bkg-blockquote:#ebf2fe;--text-blockquote:#555;--color-hero:#eee;--bkg-lg-start:#f7f7f7a6;--bkg-lg-end:#2959b4a6;--axis-color:#333;--about-text-highlight:rebeccapurple;--about-anchor-hover:rebeccapurple;--footer-color:#fff;--footer-links:#fff;--footer-links-hover:#2f2fab}[data-theme=dark]{--primary-color:#2b3f63;--bg-color:#313131;--color:#eee;--wq-map-bkg:#fff;--color-wq-map-text:#6495ed;--bkg-hero:#363d49;--bkg-hero-end:#3e4756;--bkg-blockquote:#363d49;--text-blockquote:#fff;--color-hero:#eee;--bkg-lg-start:#313131;--bkg-lg-end:#313131;--axis-color:#333;--about-text-highlight:#ebbf97;--about-anchor-hover:orange;--footer-color:#ebbf97;--footer-links:#ebbf97;--footer-links-hover:#976200}body{background:linear-gradient(to right, var(--bkg-lg-start) 70%, var(--bkg-lg-end) 250% );color:var(--color);margin:0;overflow-x:hidden}nav{color:#eee;z-index:20;background-color:#313131;padding:3px;font-family:sans-serif;position:sticky;top:0;left:30px}.viz-para{color:var(--color);unicode-bidi:plaintext;margin-bottom:1.5rem;padding-bottom:0}p,small{unicode-bidi:plaintext}.hero{text-align:center;background:linear-gradient(to right, var(--bkg-hero), var(--bkg-hero-end));height:20vh;color:var(--color-hero);flex-direction:column;justify-content:center;place-items:center;margin-bottom:1rem;font-family:sans-serif;display:flex}.hero h1{color:#fff;font-size:3rem;font-weight:300}.spacer{height:40vh}.sticky{pointer-events:none;flex:60%;width:60%;position:sticky;top:15%}.sticky video{pointer-events:auto}.section-container{text-align:center;margin-top:3em;display:flex}.step{justify-content:center;place-items:center;height:90vh;display:flex}@media screen and (width>=600px) and (width<=1020px){.step{height:120vh}}.step-count-listel{background-color:#dbbc09;border-top-left-radius:5px;border-top-right-radius:5px}.step-content{color:#ccc;text-align:left;background:#f5f5f5;border-radius:5px;flex-direction:column;justify-content:center;width:80%;max-width:500px;margin:auto;font-size:1rem;line-height:1.618;transition:background .25s;display:flex;box-shadow:1px 1px 10px #0003}.step.active .step-content{color:#444;background:#fff}.index-of-count{color:#77777784;margin:0;padding-left:4px;font-family:sans-serif}.index-of-count.active{color:#4a6abc}.steps-container,.sticky{height:100%}.steps-container{z-index:10;flex:40%}section{text-align:left;color:#aaa;margin:0 0 .5rem;padding:.5em;font-family:sans-serif;font-size:1rem;line-height:1.9rem}section p{margin:.5rem}section.active{color:#555}.step-title{color:#ccc;border-bottom:1px solid #ccc;margin:0;padding:0 4px;font-family:sans-serif;font-size:1.33rem;font-weight:500}.step-title.active{color:#555;font-family:sans-serif}.range-input-label{font-family:sans-serif;font-size:.9rem;display:flex}.range-input-label input{cursor:pointer;width:40%;margin:0 .8rem}.range-input-label input:disabled{cursor:not-allowed}hr{opacity:.85;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='10'  viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-miterlimit='10'%3e%3cpath fill='none' d='M0 0h20v10H0z'/%3e%3cclipPath id='a'%3e%3cpath d='M0 0h20v10H0z'/%3e%3c/clipPath%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M20 7.384c-4.999-.001-5-4.768-9.999-4.768C5 2.616 5 7.384 0 7.384' fill='none' stroke-width='3' stroke='%23548E9B'/%3e%3c/g%3e%3c/svg%3e");border:0;width:30%;height:10px;margin:8px auto;padding:0}hr.active{opacity:.3}small{font-family:sans-serif;font-size:.8rem;line-height:0}.crit-ph-label{color:#bf0d0d;text-align:center;opacity:.3;font-family:sans-serif;font-size:1.25rem}.crit-ph-label.active{opacity:1}#crit-ph{margin:0 1rem 1rem}p a{color:var(--about-text-highlight);transition:color .15s linear}p a:hover{color:#fff;box-shadow:inset 0 -1.5em 0 var(--about-text-highlight);transition:box-shadow .2s ease-in-out,color .2s ease-in-out}footer p a{color:var(--footer-links);box-shadow:inset 0 -.12em 0 var(--footer-links-hover);text-decoration:none;transition:box-shadow .2s ease-in-out,color .2s ease-in-out}footer p a:hover{box-shadow:inset 0 -1.5em 0 var(--footer-links-hover);color:#fff}mark{opacity:.6;border-radius:8px;padding:.2rem .3rem}blockquote{border-left:4px solid var(--about-text-highlight);border-right:4px solid var(--about-text-highlight);background-color:var(--bkg-blockquote);border-radius:8px;margin:2rem 0;padding:.35rem .5rem;font-family:sans-serif}blockquote .viz-para{color:var(--text-blockquote);padding-bottom:.35rem}@media screen and (width<=1020px){.section-container{flex-direction:column-reverse}.sticky{width:95%;margin:auto;top:8%}.range-input-label{font-size:.77rem}}select.svelte-12qhfyh{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px;font-size:1.15rem}select.svelte-12qhfyh:hover{color:#eee}select.svelte-12qhfyh:focus{outline:none}ul.svelte-12qhfyh{justify-content:flex-end;align-items:center;gap:1.5rem;padding:0 30px;list-style-type:none;display:flex}a.svelte-12qhfyh{color:#ddd;opacity:.9;font-size:1.2rem;text-decoration:none}a.svelte-12qhfyh:hover{color:#fff;opacity:1}#recycle-drop-menu.svelte-12qhfyh{opacity:.9;width:16px;padding-right:2px}#map-marker-menu.svelte-12qhfyh{opacity:.9;width:28px;padding-right:2px}
