@keyframes svelte-1lhyogg-dash-frame{to{stroke-dashoffset:0}}.knob-control__range.svelte-1lhyogg{fill:none;transition:stroke .1s ease-in}.knob-control__value.svelte-1lhyogg{animation-name:svelte-1lhyogg-dash-frame;animation-fill-mode:forwards;fill:none}.knob-control__text-display.svelte-1lhyogg{font-size:1.3rem;text-align:center}.knob-control__text-unit.svelte-1lhyogg{font-size:.5rem;text-align:center}.slider.svelte-lo47zs{---track-width: var(--track-width, unset);---track-height: var(--track-height, 6px);---track-background: var(--track-background, #949494);---track-border: var(--track-border, none);---thumb-size: var(--thumb-size, 16px);---thumb-background: var(--thumb-background, #2d2d2d);---thumb-border: var(--thumb-border, none);---position: var(--position, 0px);---margin-inline-thumb-bigger: max(var(---thumb-size) - var(---track-height), 0px);---margin-inline-thumb-smaller: max(var(---track-height) - var(---thumb-size), 0px);position:relative;margin:auto;user-select:none;-webkit-user-select:none;background-color:transparent;cursor:pointer}.slider.svelte-lo47zs:before{background-color:transparent}[aria-orientation=horizontal].svelte-lo47zs{width:var(---track-width);max-width:calc(100% - 2 * var(---margin-inline-thumb-bigger));height:calc(max(var(---track-height),var(---thumb-size)) + 4px);height:max(var(---track-height),var(---thumb-size));margin-inline:var(---margin-inline-thumb-bigger);margin-block:var(--margin-block, 8px)}[aria-orientation=vertical].svelte-lo47zs{width:max(var(---track-height),var(---thumb-size));height:var(---track-width);max-height:calc(100% - 2 * var(---margin-inline-thumb-bigger));margin-block:var(---margin-inline-thumb-bigger);margin-inline:var(--margin-block, 8px)}.track.svelte-lo47zs{position:absolute;pointer-events:none;background:var(---track-background);border:var(---track-border);border-radius:calc(var(---track-height) / 2);box-sizing:border-box}[aria-orientation=horizontal].svelte-lo47zs .track:where(.svelte-lo47zs){height:var(---track-height);top:50%;transform:translateY(-50%);left:0;right:0}[aria-orientation=vertical].svelte-lo47zs .track:where(.svelte-lo47zs){width:var(---track-height);left:50%;transform:translate(-50%);top:0;bottom:0}.thumb.svelte-lo47zs{pointer-events:none;position:absolute;height:var(---thumb-size);width:var(---thumb-size);border-radius:calc(var(---thumb-size) / 2);background:var(---thumb-background);border:var(---thumb-border);box-sizing:border-box;transform:translate(-50%,-50%);--margin-left: (2 * var(---track-height) - var(---thumb-size) - var(---margin-inline-thumb-smaller)) / 2;--left: calc(var(---position) * (100% - 2 * var(--margin-left)) + var(--margin-left))}[aria-orientation=horizontal].svelte-lo47zs:not(.reverse) .thumb:where(.svelte-lo47zs){top:50%;left:var(--left)}[aria-orientation=vertical].svelte-lo47zs:not(.reverse) .thumb:where(.svelte-lo47zs){left:50%;bottom:calc(var(--left) - var(---thumb-size))}[aria-orientation=horizontal].reverse.svelte-lo47zs .thumb:where(.svelte-lo47zs){top:50%;right:calc(var(--left) - var(---thumb-size))}[aria-orientation=vertical].reverse.svelte-lo47zs .thumb:where(.svelte-lo47zs){left:50%;top:calc(var(--left))}.slider.svelte-lo47zs:focus-visible{outline:none}.slider.svelte-lo47zs:focus-visible .track:where(.svelte-lo47zs){outline:2px solid var(--focus-color, red);outline-offset:2px}.picker.svelte-ckxa16{position:relative;display:inline-block;width:var(--picker-width, 200px);height:var(--picker-height, 200px);background:linear-gradient(#fff0,#000),linear-gradient(.25turn,#fff,#0000),var(--picker-color-bg);border-radius:var(--picker-radius, 8px);outline:none;-webkit-user-select:none;user-select:none;cursor:pointer}.s.svelte-ckxa16,.v.svelte-ckxa16{position:absolute;--track-background: none;--track-border: none;--thumb-background: none;--thumb-border: none;--thumb-size: 2px;--margin-block: 0;--track-height: var(--picker-indicator-size, 10px);user-select:none;-webkit-user-select:none}.s.svelte-ckxa16{top:calc(var(--pos-y) * (var(--picker-height, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);left:2px;--track-width: calc(var(--picker-width, 200px) - 4px)}.v.svelte-ckxa16{top:2px;left:calc(var(--pos-x) * (var(--picker-width, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);--track-width: calc(var(--picker-height, 200px) - 4px)}div.svelte-1h8ycw8{position:absolute;left:calc(var(--pos-x) * (var(--picker-width, 200px) - 2px) / 100 - var(--picker-indicator-size, 10px) / 2 + 1px);top:calc(var(--pos-y) * (var(--picker-height, 200px) - 2px) / 100 - var(--picker-indicator-size, 10px) / 2 + 1px);width:var(--picker-indicator-size, 10px);height:var(--picker-indicator-size, 10px);background-color:#fff;box-shadow:0 0 4px #000;border-radius:50%;pointer-events:none;z-index:1;transition:box-shadow .2s}.text-input.svelte-qtukzs{margin:var(--text-input-margin, 5px 0 0)}.input-container.svelte-qtukzs{display:flex;flex:1;gap:10px}input.svelte-qtukzs,button.svelte-qtukzs,.button-like.svelte-qtukzs{flex:1;border:none;background-color:var(--cp-input-color, #eee);color:var(--cp-text-color, var(--cp-border-color));padding:0;border-radius:5px;height:30px;line-height:30px;text-align:center}input.svelte-qtukzs{width:5px;font-family:inherit}button.svelte-qtukzs,.button-like.svelte-qtukzs{position:relative;flex:1;margin:8px 0 0;height:30px;width:100%;transition:background-color .2s;cursor:pointer;font-family:inherit}.button-like.svelte-qtukzs{cursor:default}.appear.svelte-qtukzs,.disappear.svelte-qtukzs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;transition:all .5s}button.svelte-qtukzs:hover .disappear:where(.svelte-qtukzs),.appear.svelte-qtukzs{opacity:0}.disappear.svelte-qtukzs,button.svelte-qtukzs:hover .appear:where(.svelte-qtukzs){opacity:1}button.svelte-qtukzs:hover{background-color:var(--cp-button-hover-color, #ccc)}input.svelte-qtukzs:focus,button.svelte-qtukzs:focus{outline:none}input.svelte-qtukzs:focus-visible,button.svelte-qtukzs:focus-visible{outline:2px solid var(--focus-color, red);outline-offset:2px}label.svelte-lemcb1{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:3px;margin:4px;height:var(--input-size, 25px);-webkit-user-select:none;user-select:none}.container.svelte-lemcb1{position:relative;display:block;display:flex;align-items:center;justify-content:center;width:var(--input-size, 25px)}input.svelte-lemcb1{margin:0;padding:0;border:none;width:1px;height:1px;flex-shrink:0;opacity:0}.alpha.svelte-lemcb1{clip-path:circle(50%);background:var(--alpha-grid-bg)}.alpha.svelte-lemcb1,.color.svelte-lemcb1{position:absolute;width:var(--input-size, 25px);height:var(--input-size, 25px);border-radius:50%;-webkit-user-select:none;user-select:none}input.svelte-lemcb1:focus-visible~.color:where(.svelte-lemcb1){outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-h9ar9{padding:8px;background-color:var(--cp-bg-color, white);margin:0 10px 10px;border:1px solid var(--cp-border-color, black);border-radius:12px;display:none;width:max-content}.is-open.svelte-h9ar9{display:inline-block}[role=dialog].svelte-h9ar9{position:absolute;top:calc(var(--input-size, 25px) + 12px);left:0;z-index:var(--picker-z-index, 2)}label.svelte-oskb5b{display:flex;justify-content:center;margin-bottom:4px;grid-area:nullable;-webkit-user-select:none;user-select:none}input.svelte-oskb5b{margin:0}input.svelte-oskb5b:focus-visible{outline:none}input.svelte-oskb5b:focus-visible+span:where(.svelte-oskb5b){width:14px;height:14px;border-radius:2px;outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-oskb5b{width:32px;aspect-ratio:2;position:relative}div.svelte-oskb5b :where(.svelte-oskb5b){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}span.svelte-1y2jcbx{position:relative;color:var(--cp-text-color, var(--cp-border-color));--alpha-grid-bg: linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / 10px 10px, linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 5px 5px / 10px 10px}.h.svelte-1y2jcbx,.a.svelte-1y2jcbx{display:inline-flex;justify-content:center;--track-height: var(--slider-width, 10px);--track-width: var(--picker-height, 200px);--track-border: none;--thumb-size: calc(var(--slider-width, 10px) - 3px);--thumb-background: white;--thumb-border: 1px solid black;--margin-block: 0;--gradient-direction: .5turn}.horizontal.svelte-1y2jcbx .h:where(.svelte-1y2jcbx),.horizontal.svelte-1y2jcbx .a:where(.svelte-1y2jcbx){--track-width: calc(var(--picker-width, 200px) - 12px);--gradient-direction: .25turn;margin:4px 6px}.horizontal.svelte-1y2jcbx .h:where(.svelte-1y2jcbx){margin-top:8px}.vertical.svelte-1y2jcbx .h:where(.svelte-1y2jcbx),.vertical.svelte-1y2jcbx .a:where(.svelte-1y2jcbx){margin-left:3px}.h.svelte-1y2jcbx{grid-area:hue;--gradient-hue: #ff1500fb, #ffff00 17.2%, #ffff00 18.2%, #00ff00 33.3%, #00ffff 49.5%, #00ffff 51.5%, #0000ff 67.7%, #ff00ff 83.3%, #ff0000;--track-background: linear-gradient(var(--gradient-direction), var(--gradient-hue))}.a.svelte-1y2jcbx{grid-area:alpha;margin-top:2px;--alpha-grid-bg: linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / 10px 10px, linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 5px 5px / 10px 10px;--track-background: linear-gradient(var(--gradient-direction), rgba(0, 0, 0, 0), var(--alphaless-color)), var(--alpha-grid-bg)}span.svelte-1y2jcbx .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--color-figma-bg: #E9EDC9;--color-figma-card: #FEFAE0;--color-figma-text-main: #283618;--color-figma-text-muted: #7D8464;--color-figma-accent: #BC6C25;--color-figma-accent-darker: #8A4F1B;--color-figma-power-on-bg: #8A4F1B;--color-figma-power-on-text: #FEFAE0;--color-figma-power-off-bg: #D4A373;--color-figma-power-indicator-on: #FCA985;--color-figma-power-indicator-off: var(--color-figma-bg);--color-figma-slider-track: #D1D5C1;--color-figma-slider-thumb: var(--color-figma-accent-darker);--font-nunito: "Nunito", sans-serif;--color-figma-gauge-track: #E0E2DA;--color-figma-text-gauge-value: #283618}#app-container.svelte-6mrxmc{min-height:100vh;background-color:var(--color-figma-bg);color:var(--color-figma-text-main);font-family:var(--font-nunito);display:flex;flex-direction:column;align-items:center;padding:0 20px;box-sizing:border-box}header.svelte-6mrxmc{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.power-toggle.svelte-6mrxmc{display:flex;align-items:center;padding:6px 10px 6px 12px;border-radius:20px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}.power-toggle.on.svelte-6mrxmc{background-color:var(--color-figma-power-on-bg);color:var(--color-figma-power-on-text)}.power-toggle.svelte-6mrxmc:not(.on){background-color:var(--color-figma-card);color:var(--color-figma-text-main)}.power-toggle-text.svelte-6mrxmc{margin-right:6px}.power-toggle-indicator.svelte-6mrxmc{display:block;width:16px;height:16px;border-radius:50%;background-color:var(--color-figma-power-indicator-off);transition:background-color .2s ease-in-out}.power-toggle.on.svelte-6mrxmc .power-toggle-indicator:where(.svelte-6mrxmc){background-color:var(--color-figma-power-indicator-on)}.power-toggle-placeholder.svelte-6mrxmc{width:70px;height:32px}header.svelte-6mrxmc h1:where(.svelte-6mrxmc){font-size:20px;font-weight:800;color:var(--color-figma-text-main)}main.svelte-6mrxmc{width:100%;margin:0 1rem;display:flex;flex-direction:column;gap:16px;transition:opacity .3s ease-in-out}#app-container.power-off.svelte-6mrxmc main:where(.svelte-6mrxmc){opacity:.5;pointer-events:none}#app-container.power-off.svelte-6mrxmc .temperature-knob-container:where(.svelte-6mrxmc){opacity:1;pointer-events:auto}#app-container.power-off.svelte-6mrxmc .temperature-knob-container:where(.svelte-6mrxmc) .knob-disabled{opacity:.7}.temperature-knob-container.svelte-6mrxmc{position:relative;display:flex;flex-direction:column;align-items:center;padding:0;transition:opacity .3s ease-in-out}.temperature-knob-container.heater-locked.svelte-6mrxmc{opacity:.6}.knob-text-overlay.svelte-6mrxmc{position:absolute;text-align:center;font-family:var(--font-nunito);pointer-events:none;left:50%;transform:translate(-50%)}.cooking-tot.svelte-6mrxmc{top:30%;font-size:22px;font-weight:700;color:var(--color-figma-text-muted)}.huidige-temp-label.svelte-6mrxmc{bottom:22%;font-size:17px;font-weight:700;color:var(--color-figma-text-muted)}.huidige-temp-value.svelte-6mrxmc{bottom:12%;font-size:25px;font-weight:700;color:var(--color-figma-text-main)}.timer-section.svelte-6mrxmc,.control-card.svelte-6mrxmc{background-color:var(--color-figma-card);border-radius:14px}.timer-section.svelte-6mrxmc{padding:12px 14px 10px}.timer-labels.svelte-6mrxmc{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timer-labels.svelte-6mrxmc label:where(.svelte-6mrxmc){font-size:20px;font-weight:700;color:var(--color-figma-text-main)}.timer-labels.svelte-6mrxmc span:where(.svelte-6mrxmc){font-size:12px;font-weight:700;color:var(--color-figma-text-muted)}input[type=range].svelte-6mrxmc{width:100%;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-figma-slider-track);border-radius:10px;cursor:pointer;outline:none}input[type=range].svelte-6mrxmc:disabled{opacity:.5;cursor:not-allowed}input[type=range].svelte-6mrxmc::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-figma-slider-thumb);border-radius:50%;cursor:pointer}input[type=range].svelte-6mrxmc::-moz-range-thumb{width:20px;height:20px;background:var(--color-figma-slider-thumb);border-radius:50%;cursor:pointer}.controls-grid.svelte-6mrxmc{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-card.svelte-6mrxmc{padding:12px 14px 10px;display:flex;flex-direction:column;min-height:140px}.control-card.svelte-6mrxmc h3:where(.svelte-6mrxmc){font-size:18px;font-weight:700;color:var(--color-figma-text-main);margin:0 0 8px;padding:0;text-align:left}.music-card.svelte-6mrxmc select:where(.svelte-6mrxmc){width:100%;padding:8px 10px;font-size:12px;font-weight:700;text-align:center;border-radius:8px;border:none;background-color:var(--color-figma-bg);color:var(--color-figma-text-main);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:10px;cursor:pointer}.music-card.svelte-6mrxmc select:where(.svelte-6mrxmc):disabled{opacity:.5;cursor:not-allowed}.music-card.svelte-6mrxmc label:where(.svelte-6mrxmc){display:block;font-size:10px;font-weight:700;color:var(--color-figma-text-muted);margin-bottom:4px;text-align:center}.button-group.svelte-6mrxmc{display:flex;flex-direction:column;gap:6px;margin-top:auto}.control-card.svelte-6mrxmc button:where(.svelte-6mrxmc){width:100%;padding:8px 10px;font-size:11px;font-weight:700;border-radius:8px;border:none;transition:background-color .2s ease-in-out,color .2s ease-in-out;cursor:pointer}.control-card.svelte-6mrxmc button:where(.svelte-6mrxmc):disabled{opacity:.5;cursor:not-allowed!important}.control-card.svelte-6mrxmc button:where(.svelte-6mrxmc):not(.active){background-color:var(--color-figma-bg);color:var(--color-figma-text-main)}.control-card.svelte-6mrxmc button:where(.svelte-6mrxmc):not(.active):not(:disabled):hover{background-color:#d9dfb6}.control-card.svelte-6mrxmc button.active:where(.svelte-6mrxmc){background-color:var(--color-figma-accent);color:var(--color-figma-text-gauge-value)}.sauna-controls-section.svelte-6mrxmc{width:100%;display:flex;gap:20px;align-items:stretch;margin-bottom:20px;max-width:800px;margin-left:auto;margin-right:auto}.sauna-image-container.svelte-6mrxmc{flex:1;display:flex;justify-content:center;align-items:center}.sauna-image.svelte-6mrxmc{width:100%;max-width:350px;height:auto;border-radius:16px;transition:opacity .3s ease-in-out,filter .3s ease-in-out}.sauna-image.inactive.svelte-6mrxmc{opacity:.7;filter:grayscale(50%)}.lights-controls-container.svelte-6mrxmc{flex:0 0 200px;background-color:var(--color-figma-card);border-radius:14px;padding:16px;display:flex;flex-direction:column}.lights-controls-container.svelte-6mrxmc h3:where(.svelte-6mrxmc){font-size:18px;font-weight:700;color:var(--color-figma-text-main);margin:0 0 12px;padding:0}.lights-vertical-buttons.svelte-6mrxmc{display:flex;flex-direction:column;gap:10px;flex:1}.light-button.svelte-6mrxmc{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:14px 16px;font-size:13px;font-weight:700;border-radius:10px;border:none;background-color:var(--color-figma-bg);color:var(--color-figma-text-main);transition:all .2s ease-in-out;cursor:pointer;font-family:var(--font-nunito)}.light-button.svelte-6mrxmc:disabled{opacity:.5;cursor:not-allowed!important}.light-button.svelte-6mrxmc:not(.active):not(:disabled):hover{background-color:#d9dfb6;transform:translateY(-1px)}.light-button.active.svelte-6mrxmc{background-color:var(--color-figma-accent);color:var(--color-figma-power-on-text);box-shadow:0 2px 8px #bc6c254d}.button-icon.svelte-6mrxmc{font-size:18px;margin-right:10px;display:inline-block;width:24px;text-align:center}.button-text.svelte-6mrxmc{font-size:14px;font-weight:700}@media (max-width: 600px){.sauna-controls-section.svelte-6mrxmc{flex-direction:column;align-items:center}.sauna-image.svelte-6mrxmc{max-width:300px}.lights-controls-container.svelte-6mrxmc{flex:1;width:100%;max-width:350px}}.loading-state.svelte-6mrxmc{width:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-state.svelte-6mrxmc p:where(.svelte-6mrxmc){color:var(--color-figma-text-muted);margin-bottom:16px;font-size:16px}.spinner.svelte-6mrxmc{animation:svelte-6mrxmc-spin 1s linear infinite;width:28px;height:28px;color:var(--color-figma-accent)}@keyframes svelte-6mrxmc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.command-loading-overlay.svelte-6mrxmc{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#283618b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.command-loading-content.svelte-6mrxmc{display:flex;flex-direction:column;align-items:center;background-color:var(--color-figma-card);padding:32px;border-radius:16px;box-shadow:0 8px 24px #28361833}.command-spinner.svelte-6mrxmc{animation:svelte-6mrxmc-spin 1s linear infinite;width:40px;height:40px;color:var(--color-figma-accent);margin-bottom:16px}.command-loading-content.svelte-6mrxmc p:where(.svelte-6mrxmc){color:var(--color-figma-text-main);font-size:16px;font-weight:600;margin:0;text-align:center}.command-details.svelte-6mrxmc{margin-top:10px;text-align:left}.led-dialog-overlay.svelte-6mrxmc{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.led-dialog.svelte-6mrxmc{background:var(--color-figma-card);padding:24px;border-radius:16px;box-shadow:0 8px 24px #28361833;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:260px}.led-dialog.svelte-6mrxmc h3:where(.svelte-6mrxmc){margin:0;font-size:18px;font-weight:700;color:var(--color-figma-text-main)}.led-presets.svelte-6mrxmc{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.led-presets.svelte-6mrxmc .preset:where(.svelte-6mrxmc){width:32px;height:32px;border-radius:50%;border:none;cursor:pointer}.close-dialog.svelte-6mrxmc{padding:8px 14px;font-size:13px;font-weight:700;border:none;border-radius:8px;background-color:var(--color-figma-accent);color:var(--color-figma-power-on-text);cursor:pointer}.led-dialog.svelte-6mrxmc .awcp-wrapper{--picker-width: 220px;--picker-height: 200px}