:root{--color-black:#212121;--color-white:#fff;--color-main-text:var(--color-black);--color-green:#ade486;--color-green-hover:#b4ea8d;--color-red:#ff4d5a;--color-grey-1:#eee}.input,body{font-family:Sarabun,sans-serif;font-weight:300}.btn,.default-styles h1,.default-styles h2,.default-styles h3,.default-styles h4,.default-styles h5,.default-styles h6,.temp-display__current .main,.temp-display__current .sub,.temp-display__label,strong{font-family:Sarabun,sans-serif;font-weight:700}.default-styles h1,.default-styles h2,.default-styles h3,.default-styles h4,.default-styles h5,.default-styles h6{display:block;font-size:1.25rem;margin:0 0 4px}.default-styles h1{font-size:1.5625rem}.default-styles h2{font-size:1.375rem}.default-styles ol,.default-styles p,.default-styles ul{line-height:1.5;margin:0 0 1em}.default-styles ol:last-child,.default-styles p:last-child,.default-styles ul:last-child{margin-bottom:0}.default-styles ol,.default-styles ul{line-height:1.7;margin-left:26px}.default-styles ul li{list-style-type:disc}.default-styles ol li{list-style-type:decimal}.default-styles img{height:auto;max-width:100%}.default-styles iframe{height:auto;width:100%}.default-styles blockquote{display:block;font-size:1.25rem;font-style:italic;margin:0 0 1em;padding:20px 28px}.default-styles blockquote:last-child{margin-bottom:0}.default-styles .alignleft{float:left;margin:1em 1.6em 1em 0}.default-styles .alignright{float:right;margin:1em 0 1em 1.6em}.default-styles .aligncenter{display:block;margin:1em auto}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:initial}[hidden],template{display:none}a{-webkit-text-decoration-skip:objects;background-color:#0000}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400;margin:0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:initial;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn,.login-page__form .form-wrapper,.temp-display__heater-on svg .cls-1{transition:all .25s ease-in-out}body,html{height:100%;overflow:hidden;position:fixed;width:100%}html{font-size:16px}body{-webkit-font-smoothing:antialiased;background:#000;color:#212121;color:var(--color-main-text);-webkit-user-select:none;user-select:none}a{color:inherit}ol,ul{list-style:none;margin:0;padding:0}.btn{-webkit-appearance:none;appearance:none;background:#0000;background:#eee;background:var(--color-grey-1);border:0;color:#212121;color:var(--color-black);cursor:pointer;display:inline-block;font-size:1rem;line-height:1;padding:15px 30px;text-decoration:none;text-transform:uppercase}.btn,.input{box-sizing:border-box;outline:none}.input{border:0;border-radius:0;color:#212121;color:var(--color-main-text);display:block;font-size:1em;line-height:normal;padding:9px 13px}.input::-webkit-input-placeholder{color:#212121;color:var(--color-main-text)}.input:-moz-placeholder,.input::-moz-placeholder{color:#212121;color:var(--color-main-text)}.input:-ms-input-placeholder{color:#212121;color:var(--color-main-text)}.temp-display{bottom:0;color:#fff;color:var(--color-white);height:300px;left:50%;margin-top:10px;overflow:hidden;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);width:300px;z-index:0}.temp-display__heater-on{left:50%;max-width:18px;position:absolute;top:58px;transform:translateX(-50%)}.temp-display__heater-on svg{height:auto;width:100%}.temp-display__heater-on svg .cls-1{fill:#eee;fill:var(--color-grey-1);opacity:.2}.temp-display__heater-on.on svg .cls-1{fill:#ff4d5a;fill:var(--color-red);opacity:1}.temp-display__label{font-size:.875rem;letter-spacing:2px;margin-top:-41px;opacity:.5;text-transform:uppercase;width:100%}.temp-display__current,.temp-display__label{display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.temp-display__current .main{display:block;font-size:3.75rem}.temp-display__current .sub{font-size:1.25rem;position:absolute;right:-15px;top:13px}.temp-display__humidity{display:block;left:50%;margin-top:52px;opacity:.5;padding-left:32px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.temp-display__humidity:before{background:url(/static/media/humidity-icon.716956a84802f324c3de.svg) no-repeat 50% #0000;background-size:18px;bottom:0;content:"";display:block;height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:25px}.temp-display__dial-wrapper{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(-130deg);transform-origin:center center;width:100%}.temp-display__dial{border:10px solid #ffffff14;border-radius:50%;cursor:grab;left:50%;padding-top:80%;position:absolute;top:56%;transform:translateX(-50%) translateY(-50%);width:80%}.temp-display__dial:before{background:#ff4d5a;background:var(--color-red);content:"";display:block;height:18px;left:50%;position:absolute;top:-18px;transform:translateX(-50%);width:2px}@media(min-width:400px){.temp-display{height:350px;width:350px}.temp-display__heater-on{top:60px}.temp-display__label{font-size:1rem;margin-top:-52px}.temp-display__current .main{font-size:5.625rem}.temp-display__current .sub{font-size:1.875rem;right:-20px;top:20px}.temp-display__humidity{margin-top:73px}.temp-display__dial{border:14px solid #ffffff14;padding-top:90%;width:90%}}.mode-select{display:flex;margin:20px;position:relative;z-index:1}.mode-select__select{background:#0000;border:none;border-radius:0;color:#fff;color:var(--color-white);display:block;margin-left:auto;outline:none;padding:0 30px 0 0}.current-mode{line-height:1;text-align:center}.current-mode__text{-webkit-tap-highlight-color:rgba(0,0,0,0);background:#242427;border:none;border-radius:20px;color:#fff;color:var(--color-white);cursor:pointer;display:inline-block;font-size:.9375rem;letter-spacing:2px;margin:40px 0 0;outline:none;padding:8px 20px 10px;text-transform:uppercase}.current-mode.changed .current-mode__text{animation:pulse .8s}@keyframes pulse{0%{transform:scale(1)}25%{background-color:#ff4d5a;background-color:var(--color-red);transform:scale(1.08)}50%{transform:scale(1)}75%{background-color:#ff4d5a;background-color:var(--color-red);transform:scale(1.08)}to{transform:scale(1)}}.mode-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;display:none;inset:0;position:fixed;z-index:10}.mode-modal.open{display:block}.mode-modal__inner{height:100%}.mode-modal__inner,.mode-modal__list{align-items:center;display:flex;width:100%}.mode-modal__list{flex-direction:column;gap:20px}.mode-modal__mode{display:block;text-align:center}.mode-modal__mode button{-webkit-tap-highlight-color:rgba(0,0,0,0);background:#242427;border:none;border-radius:20px;color:#fff;color:var(--color-white);cursor:pointer;display:inline-block;font-size:.9375rem;letter-spacing:2px;outline:none;padding:8px 20px 10px;text-transform:uppercase}.mode-modal__mode.current button{background:#ffffffe6;color:#212121;color:var(--color-black)}.program-modal{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;display:none;inset:0;overflow:auto;position:fixed;z-index:10}.program-modal.open{display:block}.program-modal__inner{box-sizing:border-box;display:flex;margin-inline:auto;overflow:auto;padding:40px 20px;position:relative;width:100%}.program-modal__close-btn{background:#0000;border:none;border-radius:0;cursor:pointer;display:block;font-size:0;height:35px;line-height:0;margin-left:auto;outline:none;padding:0;position:-webkit-sticky;position:sticky;right:20px;top:20px;width:35px;z-index:1}.program-modal__close-btn:after,.program-modal__close-btn:before{background:#fff;background:var(--color-white);content:"";display:block;height:100%;left:0;margin-left:17px;position:absolute;top:0;width:1px}.program-modal__close-btn:before{transform:rotate(-45deg)}.program-modal__close-btn:after{transform:rotate(45deg)}.program-modal__days{color:#fff;color:var(--color-white);display:flex;flex-direction:column;gap:60px;margin-inline:auto;max-width:220px;width:90%}.program-modal .day__title{display:block;font-size:1.3rem;font-weight:700;line-height:1;text-align:center}.program-modal .day__timeblocks{display:flex;flex-direction:column;gap:7px;margin-top:16px}.program-modal .day__timeblock{align-items:center;-webkit-appearance:none;appearance:none;background:#ade486;background:var(--color-green);border:0;border-radius:10px;color:#212121;color:var(--color-black);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:20px;justify-content:space-between;line-height:1;padding:10px}.program-modal .day__timeblock:hover{background:#b4ea8d;background:var(--color-green-hover)}.program-modal .day__timeblock .time{display:block}.program-modal .day__timeblock .temperature{display:block;font-weight:700}.program-modal .day__add-time{-webkit-appearance:none;appearance:none;background:#0000;background:#1f1f1f;border:0;border-radius:10px;color:#eee;color:var(--color-grey-1);cursor:pointer;display:block;font-size:1rem;line-height:1;margin-inline:auto;outline:none;padding:9px 10px 11px}.program-modal .day__add-time:hover{background:#2b2b2b}.program-modal .day__timeblock~.day__add-time{margin-top:4px}.program-modal__add-timeblock{color:#fff;color:var(--color-white);width:100%}.program-modal__add-timeblock .day{display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:40px;text-align:center}.program-modal__add-timeblock .title{display:block;font-size:1.3rem;font-weight:700;line-height:1;margin-bottom:16px;text-align:center}.program-modal__add-timeblock .time-select{margin-bottom:50px}.program-modal__add-timeblock .time-select__clock{display:flex;gap:10px;justify-content:center}.program-modal__add-timeblock .time-select__clock span{font-size:1.3rem}.program-modal__add-timeblock .time-select__clock span.time{font-weight:700}.program-modal__add-timeblock .time-select__range{margin-top:20px}.program-modal__add-timeblock .time-select__range .range-slider .range-slider__thumb{background:#fff;background:var(--color-white)}.program-modal__add-timeblock .time-select__range .range-slider .range-slider__range{background:#ade486;background:var(--color-green)}.program-modal__add-timeblock .temperature-rows{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(6,1fr);margin-bottom:50px}.program-modal__add-timeblock .temperature-rows button{background:#2b2b2b;color:#fff;color:var(--color-white);justify-content:center}.program-modal__add-timeblock .temperature-rows button.active{background:#ade486;background:var(--color-green);color:#212121;color:var(--color-black)}.program-modal__add-timeblock .save-row{background:#fff;background:var(--color-white);color:#212121;color:var(--color-black);margin-top:50px;padding:9px 15px 11px}.program-modal__add-timeblock .delete-row,.program-modal__add-timeblock .save-row{-webkit-appearance:none;appearance:none;border:0;border-radius:10px;cursor:pointer;display:block;font-weight:700;margin-inline:auto;outline:none}.program-modal__add-timeblock .delete-row{background:#ff4d5a;background:var(--color-red);color:#fff;color:var(--color-white);margin-top:25px;padding:5px 13px 7px}.login-page{background:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:25}.login-page__inner{align-items:center;display:flex;height:100%;width:100%}.login-page__form{left:50%;max-width:200px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:90%}.login-page__form.loading .form-wrapper{opacity:.5;pointer-events:none}.login-page__form .input{margin-bottom:10px;width:100%}.login-page__form .btn{width:100%}.login-page__loading{color:#fff;margin-top:15px;text-align:center}.edit-program-btn{background:url(/static/media/edit-program-icon.800d2083240e53e65e03.svg) no-repeat 50% #0000;background-size:30px;border:none;box-sizing:border-box;display:inline-block;height:30px;opacity:.5;outline:none;right:20px;text-transform:lowercase;width:30px}.edit-program-btn,.history-toggle-btn{bottom:15px;color:#fff;cursor:pointer;font-size:0;line-height:0;position:absolute;text-indent:-9999px}.history-toggle-btn{align-items:center;background:#00000059;border:1px solid #fff9;border-radius:50%;display:flex;height:36px;justify-content:center;left:20px;opacity:.7;padding:0;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:36px}.history-toggle-btn:hover{box-shadow:0 6px 16px #00000040;opacity:1;transform:translateY(-1px)}.history-toggle-btn:focus-visible{outline:2px solid #ffffffe6;outline-offset:3px}.history-toggle-btn svg{display:block;height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.history-toggle-btn svg path{stroke:#fff9}.history-modal{bottom:0;display:flex;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .25s ease;visibility:hidden;z-index:1200}.history-modal--open{opacity:1;pointer-events:auto;visibility:visible}.history-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09101d99;bottom:0;left:0;position:absolute;right:0;top:0}.history-modal__panel{-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#0e1524fa,#0b121ff5);box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:100vh;overflow-y:auto;padding:20px;position:relative;width:100%}.history-modal__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.history-modal__close-btn{background:#0000;border:1px solid #ffffff4d;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;letter-spacing:.04em;padding:10px 18px;text-transform:uppercase;transition:background .2s ease,border-color .2s ease}.history-modal__close-btn:hover{background:#ffffff1f;border-color:#ffffff8c}.history-modal__close-btn:focus-visible{outline:2px solid #ffffffd9;outline-offset:3px}.history-modal__view-switch{align-items:center;background:#00000040;border-radius:999px;display:inline-flex;gap:10px;padding:4px}.history-modal__view-option{align-items:center;border-radius:999px;color:#fff9;cursor:pointer;display:flex;font-size:14px;justify-content:center;letter-spacing:.04em;padding:10px 18px;position:relative;text-transform:uppercase;transition:color .2s ease,background .2s ease}.history-modal__view-option input{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.history-modal__view-option span{pointer-events:none}.history-modal__view-option--active{background:linear-gradient(135deg,#3f83f8e6,#2052cfe6);box-shadow:0 10px 20px #225ad659;color:#fff}.history-modal__period-group{align-items:stretch;display:flex;flex-direction:column;gap:16px;margin-bottom:18px}.history-modal__nav{display:flex;gap:12px}.history-modal__nav-btn{background:#ffffff0a;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;letter-spacing:.06em;padding:10px 14px;text-transform:uppercase;transition:border-color .2s ease,background .2s ease,transform .2s ease}.history-modal__nav-btn:disabled{cursor:not-allowed;opacity:.4}.history-modal__nav-btn:not(:disabled):hover{background:#ffffff1f;border-color:#ffffff8c;transform:translateY(-1px)}.history-modal__nav-btn:focus-visible{outline:2px solid #fffc;outline-offset:2px}.history-modal__period{align-items:center;color:#fff;display:flex;flex:1 1 auto;flex-direction:column;text-align:center}.history-modal__period-label{font-size:18px;font-weight:600}.history-modal__period-range{color:#ffffffb3;font-size:12px;margin-top:4px}.history-modal__chart{flex:1 1 auto;min-height:0;position:relative}.history-modal__heater-on{color:#ffffffd9;font-size:14px;letter-spacing:.04em;margin-top:16px;text-align:center;text-transform:uppercase}.history-modal__loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.history-modal__spinner{animation:history-modal-spin .9s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#ffffffd9;height:48px;width:48px}.history-modal__message{align-items:center;color:#ffffffd9;display:flex;font-size:16px;height:100%;justify-content:center;text-align:center;width:100%}.history-modal__message--error{color:#ff8a80}.history-modal__message--empty{color:#fff9}@media(min-width:768px){.history-modal__panel{padding:28px 32px}.history-modal__period-group{margin-bottom:28px}.history-modal__chart{min-height:360px}}@keyframes history-modal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.warning-icon{background:red;border-radius:50%;color:#fff;font-size:25px;font-weight:700;height:40px;left:50%;line-height:35px;position:fixed;text-align:center;top:90px;transform:translateX(-50%);width:40px}.range-slider{-webkit-tap-highlight-color:transparent;background:#ddd;border-radius:4px;cursor:pointer;display:block;height:8px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{cursor:not-allowed;opacity:.5}.range-slider .range-slider__thumb{background:#2196f3;border-radius:50%;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;z-index:3}.range-slider .range-slider__thumb:focus-visible{box-shadow:0 0 0 6px #2196f380;outline:0}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{background:#51adf6;height:100%;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:1}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;background-color:initial;height:0;left:0;pointer-events:none;position:absolute;top:0;width:0;z-index:2}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{border:0;height:0;width:0}.range-slider input[type=range]:focus{outline:0}
/*# sourceMappingURL=main.18157512.css.map*/