body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html,ody{height:100%;margin:0}.myloader{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100vh!important;width:100%!important;margin:auto}.yellow{background:#ff0}.mynavtext{color:#2d2111;color:var(--primary-color)}.cover{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background:#b9b7ab;overflow:hidden}.globalsignout{background-color:#ff0;color:#2d2111;color:var(--primary-color);font-size:15px;font-style:bold}.bottomspace{padding-bottom:130px}.signout{width:100px;padding-right:150px}.categoryicon,.roomicon{padding-top:8px}.App{text-align:center}.splide__slider>.splide__arrows .splide__arrow--prev{left:-2.5em}.splide__slider>.splide__arrows .splide__arrow--next{right:-2.5em}.splide__pagination{bottom:1em}.channel{border:1px solid #2d2111;border:1px solid var(--primary-color);border-radius:5px;background-color:#dbd9c8}.channelbox{border:1px solid #efefef;border:1px solid var(--my-text-color);border-radius:10px}.channelbox,.channeltext{color:#efefef;color:var(--my-text-color)}.channeltext{border:1px solid #efefef;border:1px solid var(--my-text-color);border-radius:5px}.channelinput{padding-right:15px;text-align:end}.channelcat{color:#2d2111;color:var(--primary-color);background-color:#dbd9c8;border-radius:10px}.channelcattext{font-size:14px}.categorycard{color:#2d2111;color:var(--primary-color);background-color:#efefef;background-color:var(--my-text-color)}.categorycard,.roomcard{border-radius:10px;padding:8px 20px;margin-left:15px;margin-right:15px;border:none;cursor:pointer}.roomcard{color:#efefef;color:var(--my-text-color);background-color:#2d2111;background-color:var(--primary-color)}.mainbutton{background-color:#2d2111;background-color:var(--primary-color);color:#efefef;color:var(--my-text-color)}.mainbutton,.mainbuttonprogress{border:2px solid #efefef;border:2px solid var(--my-text-color);text-align:center;border-radius:40px;font-size:16px;padding-left:12px;padding-right:12px}.mainbuttonprogress{background-color:#ff0;color:#000}.buttonblank{background-color:transparent;color:#efefef;color:var(--my-text-color);border:none}.buttonprogress{background-color:#ff0;color:#000;border:none}.textbutton{background-color:transparent;color:#efefef;color:var(--my-text-color)}.textbutton,.textbuttonprogress{border:2px solid #efefef;border:2px solid var(--my-text-color);border-radius:40px;padding:4px 10px}.textbuttonprogress{background-color:#ff0;color:#000}.refreshbutton{border:2px solid grey;border-radius:40px}.refreshbutton,.refreshbuttonprogress{background-color:#2d2111;background-color:var(--primary-color);color:#efefef;color:var(--my-text-color);text-align:center;padding-left:20px;padding-right:20px;margin-top:-15px}.refreshbuttonprogress{border:2px solid #ff0;border-radius:40px}.remoteheader{color:#2d2111;color:var(--primary-color);border-radius:5px;text-align:center}.okbuttonouter,.remoteheader{background-color:#efefef;background-color:var(--primary-invert-color)}.okbuttonouter{position:relative;width:170px;height:170px;margin:5px;float:center;border-radius:200px}.okbuttoninner{position:absolute;top:17%;left:17%;display:block;border-radius:50%;width:66%;height:66%;background-color:#2d2111;background-color:var(--primary-color)}.okbutton{position:absolute;top:40%;left:30%;width:40%;height:20%}.upbutton{top:0;height:14%}.downbutton,.upbutton{position:absolute;left:42%;width:16%}.downbutton{bottom:0;height:18%}.leftbutton{left:0}.leftbutton,.rightbutton{position:absolute;top:40%;width:16%;height:18%}.rightbutton{right:0}.card-deck{border-radius:10px;margin-top:30px;padding-top:20px;padding-bottom:20px}.container{overflow-y:scroll;height:100vh}.container::-webkit-scrollbar{display:none}.container{-ms-overflow-style:none;scrollbar-width:none}.switch{position:relative;display:inline-block;width:60px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#46ec3b}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(28px);transform:translateX(28px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switchcard{width:300px}.sensorcard,.switchcard{border-radius:10px;padding-left:20px;padding-right:20px;margin:10px;border:none;text-align:center;display:inline-block;color:#efefef;color:var(--my-text-color);background-color:#2d2111;background-color:var(--primary-color)}.sensorcard{width:250px}.scenecard{padding-left:20px;padding-right:20px;margin:10px}.messagebox,.scenecard{border-radius:10px;border:none;text-align:center;display:inline-block;color:#efefef;color:var(--my-text-color);width:300px;background-color:#2d2111;background-color:var(--primary-color)}.messagebox{padding:8px 20px;margin-left:15px;margin-right:15px;cursor:pointer}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}amplify-authenticator.amplify-sign-in{background:red;padding:5px}:root{--amplify-primary-color:#2d2111;--amplify-primary-tint:#2d2111;--amplify-secondary-tint:#2d2111;--amplify-primary-shade:#2d2111;--amplify-white:hsla(0,0%,100%,0.8);--primary-color:#2d2111;--primary-invert-color:#efefef;--my-text-color:#efefef}@-webkit-keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:-webkit-flex;display:flex}.splide__pagination{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;width:95%;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;-webkit-flex-shrink:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}.splide__arrow{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2em;height:2em;border-radius:50%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border:none;padding:0;opacity:.7;background:transparent}.splide__arrow svg{width:1.2em;height:1.2em}.splide__arrow:hover{cursor:pointer;opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:-1em}.splide__arrow--prev svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrow--next{right:-1em}.splide__pagination{position:absolute;z-index:1;bottom:-.2em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:0}.splide__pagination__page{display:inline-block;width:8px;height:8px;background:#ccc;border-radius:50%;margin:3px;padding:0;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;border:none;opacity:.7}.splide__pagination__page.is-active{-webkit-transform:scale(1.4);transform:scale(1.4);background:#fff}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{width:0;height:3px;background:#ccc}.splide{padding:1em}.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#000}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{-webkit-transform:scaleX(1);transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.splide--ttb>.splide__pagination{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;bottom:50%;left:auto;right:.5em;-webkit-transform:translateY(50%);transform:translateY(50%)}
/*# sourceMappingURL=main.83bc0eb4.chunk.css.map */