.scroll-fade.svelte-23dob0{position:absolute;top:0;bottom:0;width:3rem;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease}.scroll-fade.visible.svelte-23dob0{opacity:1}.fade-left.svelte-23dob0{left:0;background:linear-gradient(to right,var(--body-bg),transparent)}.fade-right.svelte-23dob0{right:0;background:linear-gradient(to left,var(--body-bg),transparent)}button.svelte-23dob0{border:3px solid transparent;cursor:pointer;appearance:none}.active.svelte-23dob0{border:3px solid var(--card-border-color-secondary-active)}.desktop.svelte-23dob0 .active:where(.svelte-23dob0){border:3px solid var(--card-border-color-secondary-active);box-shadow:0 0 12px 0 var(--color-almond-frost-500)}.scrollbar-hide.svelte-23dob0{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide.svelte-23dob0::-webkit-scrollbar{display:none}.ticks-temp{color:var(--color-almond-frost-700)}.ticks-hum{color:var(--color-asparagus-800)}.bar-temp{fill:var(--color-almond-frost-500)}.bar-hum{fill:var(--color-asparagus-600)}.ticks-line{stroke:var(--color-dove-gray-500);stroke-dasharray:2,4}header.svelte-ihx9hq{display:flex;justify-content:space-between;align-items:center}.controls.svelte-ihx9hq{width:50%;min-width:200px;background:transparent;display:flex;gap:8px}button.svelte-ihx9hq{border:none;background:none;width:50%;height:1.7em;border-radius:4px;cursor:pointer;transition:all .2s}.hum-btn.active.svelte-ihx9hq{background:var(--color-asparagus-600);color:#fff}.temp-btn.active.svelte-ihx9hq{background:var(--color-almond-frost-500);color:#fff}.max-ratio{min-height:calc(80vw / 1.85);max-height:40vw}