@font-face{font-family:"Lato";font-style:normal;font-weight:400;src:url("../fonts/Lato-Regular.ttf") format("truetype")}@font-face{font-family:"Lato";font-style:italic;font-weight:400;src:url("../fonts/Lato-Italic.ttf") format("truetype")}@font-face{font-family:"Lato";font-style:normal;font-weight:700;src:url("../fonts/Lato-Bold.ttf") format("truetype")}@font-face{font-family:"Lato";font-style:normal;font-weight:900;src:url("../fonts/Lato-Black.ttf") format("truetype")}@font-face{font-family:"CSADigits";src:url("../fonts/csadigits-regular-webfont.woff2") format("woff2"),url("../fonts/csadigits-regular-webfont.woff") format("woff"),url("../fonts/CSADigits-Regular.otf") format("truetype");font-weight:normal;font-style:normal}body{margin:0 auto;max-width:500px;min-height:100%}@media only screen and (max-width: 502px){body div{border-color:rgba(0,0,0,0);border-width:0px}}.comfyshade{background:#fff;font-family:"Lato",Helvetica,Arial,sans-serif !important}@media only screen and (min-width: 502px){.comfyshade{border-left:1px solid #bebebe;border-right:1px solid #bebebe}}.comfyshade .vcenter{display:inline-block;vertical-align:middle;float:none}.comfyshade .hcenter{margin-left:auto;margin-right:auto;text-align:center}.comfyshade .app-mainpage{width:80%;margin-left:auto;margin-right:auto;text-align:center;padding-top:50px;color:#6e6e70}.comfyshade .app-mainpage h1,.comfyshade .app-mainpage h2,.comfyshade .app-mainpage h3{color:#d40000;margin-top:10px}.comfyshade .app-mainpage ol{text-align:justify}.comfyshade .carousel-viewport{width:100%;overflow:hidden;flex:1}.comfyshade section{display:flex;flex-wrap:wrap;padding:1.3em .7573em;align-items:center}.comfyshade section>p{padding:0 1.5em}.comfyshade section.narrow{padding:.6em 1em}.comfyshade section.centered{justify-content:center;text-align:center}.comfyshade section.list-item{justify-content:space-between;padding-left:1.75em;flex-wrap:nowrap}.comfyshade section.list-item h3{line-height:1.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}.comfyshade section.list-item>div{overflow:hidden}.comfyshade section.sub-list-item{align-items:flex-start;padding-left:2.75em;position:relative}.comfyshade section.disabled{opacity:.6}.comfyshade section>.icon-container{margin:0 2em 0 1em}.comfyshade .view{min-height:100vh;padding-top:50px;padding-top:calc(50px + constant(safe-area-inset-top)) !important;padding-top:calc(50px + env(safe-area-inset-top)) !important;padding-bottom:50px;padding-bottom:calc(50px + constant(safe-area-inset-bottom));padding-bottom:calc(50px + env(safe-area-inset-bottom))}.comfyshade .view>h1:first-of-type{text-align:center}.comfyshade .view section{border-bottom:1px solid}.comfyshade .view section.noborder{border-bottom:1px none}.comfyshade .view section.empty{text-align:center;padding:1em}.comfyshade .view section.empty h3,.comfyshade .view section.empty h4{width:100%}.comfyshade .view section.centered{text-align:center;width:100%}.comfyshade .view-center{height:100%;display:flex;align-items:center;justify-content:center}.comfyshade .constrained.view{height:100vh}.comfyshade .container-center{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.comfyshade .drawer-main{font-size:.8em;position:fixed;height:calc(100vh - 50px);overflow:auto;width:250px;z-index:900;background:#293745;transition:.5s all;left:-250px}.comfyshade .drawer-main h4{margin-left:15px;margin-bottom:10px;color:#bebebe}.comfyshade .drawer-main .account-label{font-size:.8em;padding-top:10px;padding-left:10px;color:#fff;position:relative}.comfyshade .drawer-main .account-label a{color:inherit}.comfyshade .drawer-main .account-label p{overflow:hidden;text-overflow:ellipsis}.comfyshade .drawer-main .list-group{position:relative;background:#fff}.comfyshade .drawer-main .list-group-item{border:1px solid #293745;border-radius:0;color:#293745;padding:.5em}.comfyshade .drawer-main .list-group-item:active{background:#bebebe}.comfyshade .drawer-close{left:-100%}.comfyshade .drawer-open{left:0}.comfyshade .drawer-background{z-index:1;height:100%;position:fixed;left:0;width:100%;background:rgba(110,110,112,.5);transition:.5s;transform:translateZ(-0.1px)}.comfyshade .app-alert-list{position:absolute;bottom:0;width:100%}.comfyshade .app-alert{-webkit-transition:all .5s ease;transition:all .5s ease}.comfyshade .app-alert-enter,.comfyshade .app-alert-leave-active{opacity:.01}.comfyshade .app-alert-enter-active,.comfyshade .app-alert-leave{opacity:1}.comfyshade .alert:not(:last-child){margin-bottom:12px !important}.comfyshade .alert{text-align:left;padding:.5em;margin-bottom:0;border-radius:8px}.comfyshade .alert h3{margin-bottom:0;font-weight:bolder}.comfyshade .alert span{font-style:italic}.comfyshade .alert h3{margin-bottom:0 !important;font-weight:800;font-size:18px;line-height:24px !important;text-align:left !important}.comfyshade .alert span{font-weight:500;font-size:14px;line-height:18px}.comfyshade .alert.warning{text-align:left}.comfyshade .alert a{color:inherit !important;text-decoration:underline}.comfyshade .navbar{color:#293745;font-size:23px;border:none;margin-bottom:0;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.comfyshade .navbar .svg-icon{padding-bottom:7px}.comfyshade .navbar .svg-icon svg{fill:#293745}.comfyshade .navbar .container{padding:0}.comfyshade #navbar-subtitle{justify-content:space-between}.comfyshade #navbar-subtitle:not(#schedule-list-view #navbar-subtitle){padding-bottom:calc(1.3em - 4px)}.comfyshade .navbar-inverse svg .filled{fill:#fff !important}.comfyshade .nav-compensated{position:relative;min-height:100vh;padding-top:50px;padding-top:calc(50px + constant(safe-area-inset-top));padding-top:calc(50px + env(safe-area-inset-top));padding-bottom:20px}.comfyshade .navbar-title{text-align:center;font-weight:bold;padding:10px 10px 10px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comfyshade .navbar-right.col-xs-2{text-align:right;padding:10px 15px 10px 5px}.comfyshade .navbar-right.col-xs-2 .svg-icon{padding-left:calc(100% - 25px);box-sizing:content-box}.comfyshade .navbar-right.col-xs-2 .svg-icon.spinner{padding-left:0 !important}.comfyshade .navbar-left.col-xs-2{padding:10px 5px 10px 15px}.comfyshade .navbar-left.col-xs-2 .svg-icon{padding-right:calc(100% - 25px);box-sizing:content-box}.comfyshade .navbar-left.col-xs-2 .svg-icon.spinner{padding-right:0 !important}.comfyshade .navbar-icon{display:inline-block;border-radius:16px;text-align:center;width:32px}.comfyshade .navrow{height:50px}.comfyshade .form-control{font-size:18px;border-radius:10px;-webkit-appearance:none}.comfyshade .form-group{text-align:center;width:auto;margin-left:auto;margin-right:auto}.comfyshade input.form-fixer{padding:1px;font-size:19px}.comfyshade .form-horizontal .form-group input,.comfyshade .form-horizontal .form-group select,.comfyshade .form-horizontal .form-group label{height:14px;line-height:14px}.comfyshade .registerForm{width:100%;margin-left:auto;margin-right:auto}.comfyshade .registerForm i{font-size:.9em}.comfyshade .modal-container{position:fixed;max-width:500px;width:100%;min-height:100%;height:100%;background-color:#d40000;top:0;left:0;z-index:1;overflow-y:auto}.comfyshade .modal-header{text-align:right;min-height:3em;position:relative;border-bottom:1px solid #293745}.comfyshade .modal-header .modal-close{position:absolute;width:50px;top:0;left:0}.comfyshade .modal-title{color:#6e6e70;text-align:left;font-weight:normal}.comfyshade .modal-body{position:relative;overflow-y:auto;max-height:80%;padding:0px 20px 20px 20px;text-align:center;color:#6e6e70}.comfyshade .modal-body h3{color:#d40000}.comfyshade .list{padding:0}.comfyshade .list-group{margin-bottom:0}.comfyshade .select-input .list-group-item{padding:16px 0 16px 24px}.comfyshade .select-input .list-group-item.group .title{font-weight:bold}.comfyshade .select-input .list-group{margin-top:1em}.comfyshade .select-input .list-group.close{display:none}.comfyshade .select-input .list-group.open{display:block}.comfyshade .list-group-item{color:#d40000;border-radius:0px !important;border-bottom:1px solid #bebebe;padding:15px 0}.comfyshade .none-in-list{text-align:center}.comfyshade .none-in-list p{margin-top:12.5px}.comfyshade .none-in-list .btn-default.button{padding:6px 12px;border-radius:10px;display:inline-block}.comfyshade .blind-list{padding-bottom:50px}.comfyshade .remote-control-group{display:flex;justify-content:flex-start;width:100%}.comfyshade .remote-control-group>div{display:inline-block;transition:background 200ms ease-out;margin:0 5px}.comfyshade .remote-control-group .disabled{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.45}.comfyshade .remote-control-group.full{justify-content:space-between;width:65%;margin:auto}.comfyshade .remote-control-group.full>div:only-child{flex-grow:1}.comfyshade .advanced-controls-button-group .double-button{width:100px}.comfyshade .advanced-controls-button-group .single-button{width:200px}.comfyshade .advanced-controls-button-group a.single-button{font-size:.8em;padding:5px;border:2px solid;border-radius:8px}.comfyshade .advanced-controls-button-group .big-text{padding:9px;white-space:normal}.comfyshade .remote-navbar{padding-top:10px;padding-bottom:10px;margin-left:auto;margin-right:auto;text-align:center}.comfyshade .choose-remote .toggle{border:2px solid #bebebe;border-radius:8px;padding:.5em 1em;font-size:.875em;display:flex;align-items:center;text-align:left;color:#d40000;margin-bottom:1em;height:109px;float:left;width:47%}.comfyshade .choose-remote .toggle:nth-child(odd){margin-right:6%}.comfyshade .choose-remote .toggle p{padding-left:1em;margin:0}.comfyshade .choose-remote .toggle p span{display:block}.comfyshade .choose-remote .toggle img{height:80px}.comfyshade .choose-remote .toggle.active{background:#f0f0f0;border-color:#f0f0f0}.comfyshade .help-mode .control-icon{filter:grayscale(100%)}.comfyshade .wifi-none-in-list{text-align:center;border-radius:15px !important}.comfyshade .wifi-none-in-list p{color:#6e6e70;margin:10px}.comfyshade .wifi-strong{color:#00cc4a !important}.comfyshade .wifi-fair{color:#f7941d !important}.comfyshade .wifi-weak{color:#f21c24 !important}.comfyshade .wifi-list-item{text-align:left}.comfyshade .wifi-list-item h4{color:#6e6e70;margin-top:0px;margin-bottom:0px;font-size:18px}.comfyshade .wifi-list-item:focus{outline:none}.comfyshade .wifi-list-item:first-child{border-top-left-radius:15px !important;border-top-right-radius:15px !important}.comfyshade .wifi-list-item:last-child{border-bottom-left-radius:15px !important;border-bottom-right-radius:15px !important}.comfyshade .controller-id,.comfyshade .controller-mac{font-size:14px}.comfyshade .controller-add-checklist{text-align:left}.comfyshade .controller-add-alert{margin-bottom:0}.comfyshade .status-glyph{font-size:25px}.comfyshade .list-item-glyph{font-size:10px}.comfyshade .step-complete{color:#00cc4a}.comfyshade .step-complete-warning{color:#f7941d}.comfyshade .step-failed{color:#f21c24}@keyframes spin{to{transform:rotate(1turn)}}.comfyshade .svg-icon.spinner2{padding-left:0 !important;animation:spin 1s infinite steps(8)}.comfyshade .input-time{height:auto;line-height:1;width:240px;text-align:center;padding-left:10px;margin-left:auto;margin-right:auto;font-size:2em;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:30px}.comfyshade input[type=time]{text-align:center;padding-left:30px;font-size:1.5em;height:auto;line-height:1}.comfyshade .schedule-action-input .btn{width:80px;height:40px;background:#fff;border:1px solid #bebebe;color:#bebebe}.comfyshade .schedule-action-input .active{color:#fff;box-shadow:none;background:#d40000}.comfyshade .schedule-action-input .glyphicon-heart{top:.15em}.comfyshade .schedule-save-btn{width:240px}.comfyshade .schedule-highlight{color:#d40000;font-weight:bold}.comfyshade .loading{position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}.comfyshade .loading:before{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.comfyshade .loading:not(:required){font:0/0 a;color:rgba(0,0,0,0);text-shadow:none;background-color:rgba(0,0,0,0);border:0}.comfyshade .loading:not(:required):after{content:"";display:block;font-size:10px;width:1em;height:1em;margin-top:-0.5em;-webkit-animation:spinner 1500ms infinite linear;-moz-animation:spinner 1500ms infinite linear;-ms-animation:spinner 1500ms infinite linear;-o-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:.5em;-webkit-box-shadow:rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.5) -1.5em 0 0 0,rgba(0,0,0,.5) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0;box-shadow:rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.75) -1.5em 0 0 0,rgba(0,0,0,.75) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0}.comfyshade .loader{display:flex;justify-content:space-between;width:50px;margin:20px}.comfyshade .loader>div{width:10px;height:10px;background-color:#333;border-radius:50%;animation:pulse 1.5s infinite ease-in-out}.comfyshade .loader>div:nth-child(2){animation-delay:.2s}.comfyshade .loader>div:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,100%{opacity:0}40%{opacity:1}}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.comfyshade .icon-input{text-align:center;min-height:120px}.comfyshade .swiper-slide.slide-active span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8em}.comfyshade .swiper-slide.slide-active svg,.comfyshade .swiper-slide.slide-active img{height:50px;margin-top:20px;transform:scale(1.5, 1.5);margin-bottom:1em}.comfyshade .swiper-slide svg,.comfyshade .swiper-slide img{height:50px;margin-top:20px;-webkit-transition:all .25s,margin-top .25s;transition:all .25s,margin-top .25s}.comfyshade .swiper-slide span{display:none;-webkit-transition:display .25s;transition:display .25s}.comfyshade .bottomed{margin-top:40px}.comfyshade .icon-choices{display:flex;flex-wrap:wrap;justify-content:space-between}.comfyshade .icon-choices .toggle{color:#d40000;border-radius:1.3em;text-align:center;margin:0 .7em;z-index:1;padding:.7em .5em .3em;width:115px}.comfyshade .icon-choices .toggle.active{background:#f0f0f0}.comfyshade .icon-choices .toggle span,.comfyshade .icon-choices .toggle .svg-icon{display:block;margin:auto}.comfyshade .icon-choices .toggle .svg-icon{margin-bottom:5px;padding:5px;box-sizing:content-box}.comfyshade .blinking{position:relative}.comfyshade .blinking::after{content:"";width:50px;height:50px;position:absolute;border-radius:50%;animation:blink 1.5s forwards;top:41px;left:155px}.comfyshade .blinking.blue::after{background:radial-gradient(#0000ff, rgba(0, 0, 255, 0) 70%, rgba(0, 0, 255, 0))}.comfyshade .blinking-blue{color:blue;animation:blinker .5s linear infinite}@keyframes blinker{50%{opacity:0}}@keyframes blink{0%{visibility:hidden}50%{visibility:visible}100%{visibility:hidden}}.comfyshade .service-status{position:fixed;width:100%;left:0;top:calc(50px + constant(safe-area-inset-top));top:calc(50px + env(safe-area-inset-top));z-index:100;text-align:center;padding:.5em;font-weight:bold;font-size:14px}.comfyshade .service-status h4{display:inline;font-size:1em;font-weight:bold}.comfyshade .service-status span{font-size:1em}.comfyshade .service-status span a{color:inherit !important;text-decoration:underline}.comfyshade .service-status+.view{padding-top:calc(84px + constant(safe-area-inset-top)) !important;padding-top:calc(84px + env(safe-area-inset-top)) !important}.comfyshade .service-status+#controller-view{padding-top:calc(84px + constant(safe-area-inset-top)) !important;padding-top:calc(84px + env(safe-area-inset-top)) !important}.comfyshade .service-status+.nav-compensated{padding-top:calc(84px + constant(safe-area-inset-top)) !important;padding-top:calc(84px + env(safe-area-inset-top)) !important}.comfyshade .service-status:empty{display:none}.comfyshade .service-status:empty~.view,.comfyshade .service-status:empty~.nav-compensated,.comfyshade .service-status:empty~#controller-view{padding-top:calc(84px + constant(safe-area-inset-top));padding-top:calc(84px + env(safe-area-inset-top))}.comfyshade .animate-slide-in{opacity:0;transform:translateY(-20px);animation:slide-in .5s ease-out forwards}@keyframes slide-in{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.comfyshade .view{color:#293745;font-size:14px}.comfyshade .view nav+h6{text-align:center;margin-top:2em}.comfyshade .bigger{font-size:1.14285em}.comfyshade .caption,.comfyshade .counter{font-style:italic}.comfyshade p.error{font-style:italic;text-align:center}.comfyshade p.warning{font-style:italic}.comfyshade h1{font-weight:900;font-size:2em}.comfyshade p strong{color:#d40000}.comfyshade h2{font-size:1.714285em;font-weight:bold}.comfyshade h3{font-size:1.428571em;font-weight:bold;margin-bottom:.2em;margin-top:0}.comfyshade h4{font-size:1.2857em}.comfyshade h5{font-size:1.14285em}.comfyshade h6{font-size:1em;font-weight:bold;margin-bottom:0;margin-top:0}.comfyshade a[disabled]{pointer-events:none}.comfyshade a.more{margin:1em auto;width:100%;text-align:center;display:inline-block}.comfyshade button,.comfyshade .button{background:rgba(0,0,0,0);border:2px solid;border-radius:8px;padding:.5em;display:inline-block;white-space:normal}.comfyshade button.double-button,.comfyshade .button.double-button{padding:9px 0}.comfyshade button.shrinked,.comfyshade .button.shrinked{padding:.4em 1em}.comfyshade button:focus,.comfyshade .button:focus{outline:none}.comfyshade button.toggle,.comfyshade .button.toggle{border-color:rgba(0,0,0,0) !important;font-size:1em}.comfyshade button.bottom,.comfyshade .button.bottom{background-color:hsla(0,0%,100%,.3);text-decoration:none;border:0px}.comfyshade button.full,.comfyshade .button.full{align-items:center;display:flex;justify-content:center;text-align:center;margin:1em 0}@media(max-width: 500px){.comfyshade button.full,.comfyshade .button.full{text-transform:uppercase;font-weight:900;font-size:.9em;display:flex;position:fixed;align-items:center;justify-content:center;text-align:center !important;margin:0 !important;bottom:0;right:0;left:0;width:100%;margin:0;min-height:5em;line-height:4em;border-radius:0;z-index:1;border-width:0;padding-bottom:calc(.5em + constant(safe-area-inset-bottom));padding-bottom:calc(.5em + env(safe-area-inset-bottom));padding-top:.5em}.comfyshade button.full[disabled].hide-invalid,.comfyshade button.full.disabled.hide-invalid,.comfyshade .button.full[disabled].hide-invalid,.comfyshade .button.full.disabled.hide-invalid{display:none}.comfyshade button.full.phantom,.comfyshade .button.full.phantom{min-height:2.85em;line-height:1em;text-transform:none}.comfyshade button.full+.full,.comfyshade .button.full+.full{bottom:63px;bottom:calc(63px + constant(safe-area-inset-bottom));bottom:calc(63px + env(safe-area-inset-bottom));padding-bottom:.5em}}.comfyshade button.wide,.comfyshade .button.wide{width:100%;padding:.9em;text-transform:uppercase;display:block;text-align:center}.comfyshade button.raised,.comfyshade .button.raised{box-shadow:0 1px 3px 0 rgba(0,0,0,.5);border-radius:8px}@media(max-width: 500px){.comfyshade button.hidden-mobile,.comfyshade .button.hidden-mobile{display:none !important}}.comfyshade .links{display:flex;justify-content:flex-start;padding-top:.2em}.comfyshade .links>*{margin:0 1em}.comfyshade .links>*:first-child{margin-left:0}.comfyshade .links>*:last-child{margin-right:0}.comfyshade .btn-group-submit{display:flex;justify-content:flex-end;align-items:center;padding:0 1em}.comfyshade .btn-group-submit.reverse{justify-content:flex-start;flex-direction:row-reverse}.comfyshade .btn-group-submit>*{margin:0 1em !important}.comfyshade .btn-group-submit>*.full{margin:0 !important}.comfyshade .toggle{border-radius:8px;text-align:center;margin:0 .7em;z-index:1;padding:.3em .9em;min-height:2.2em}.comfyshade .toggle span,.comfyshade .toggle .icon-container{display:block;margin:auto}.comfyshade .toggle .icon-container{padding:5px;box-sizing:content-box;min-width:60px}.comfyshade .toggle-empty{padding:0 .9em;margin:0 .7em;min-width:70px;box-sizing:content-box}.comfyshade .toggle-break{flex-basis:100%;height:1em}.comfyshade .days-input{text-transform:uppercase;display:flex;justify-content:center}.comfyshade .days-input a{min-width:2.5em;text-align:center;border-top:2px solid;border-bottom:2px solid;border-left:1px solid;border-right:0px solid;display:block;padding:.8em;line-height:1em}.comfyshade .days-input a:first-child{border-radius:8px 0 0 8px;border-left-width:2px}.comfyshade .days-input a:last-child{border-radius:0 8px 8px 0;border-right-width:2px}.comfyshade .dialog-container{padding:2em;position:fixed;top:-100%;left:-100%;right:101%;bottom:101%;z-index:10000}.comfyshade .dialog-container:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:#111;opacity:0;z-index:10000}.comfyshade .dialog-container .dialog{max-width:100%;width:500px;margin:auto;display:flex;flex-direction:column;position:relative;z-index:10001;background:#fff}.comfyshade .dialog-container .dialog .header{padding:1em;font-weight:bold;font-size:1.1em}.comfyshade .dialog-container .dialog .body{padding:1em;flex:1}.comfyshade .dialog-container .dialog .btn-group-submit{padding:1em}.comfyshade .dialog-container .dialog .btn-group-submit button{flex:1;padding:.5em 2.5em}.comfyshade .dialog-container .dialog .btn-group-submit button:only-child{flex:none;padding:.5em 2.5em}.comfyshade .dialog-container.active{top:0;bottom:0;right:0;left:0;touch-action:none}.comfyshade .dialog-container.active:after{opacity:.7}.comfyshade .roll{position:relative;touch-action:none}.comfyshade .roll div[role=option]{text-align:center;line-height:40px;text-align:center;font-size:16px}.comfyshade .roll .selected{height:40px;background:#fff;overflow:hidden;top:calc(50% - 20px);border-top:2px solid;border-bottom:2px solid;position:absolute;right:0;left:0;z-index:1;box-sizing:border-box}.comfyshade .roll .background{height:120px;overflow:hidden}.comfyshade .roll:before{content:"";position:absolute;left:0;right:0;top:-40px;bottom:-40px}.comfyshade .time-input{display:flex;align-items:center;justify-content:center;max-width:300px;margin:auto}.comfyshade .time-input>span{font-size:1.5em}.comfyshade .time-input>.roll{margin:0 .4em;flex:1}.comfyshade .toast-container{position:fixed;bottom:0;right:0;left:0;height:3.6em}.comfyshade .toast-container .toast{padding:.5em 2.5em;max-width:300px;transform:translateY(100px);transition:transform ease-in 300ms;margin:auto;font-size:.9em;font-weight:bold;box-shadow:2px 9px 21px 3px rgba(0,0,0,.37);border-radius:3px 3px 0 0;text-align:center;z-index:100}.comfyshade .toast-container .toast.opened{transform:translateY(0px)}.comfyshade .toast-container.big{height:5.6em}.comfyshade .remote{margin-top:.7em;display:flex;min-width:35px;justify-content:center}.comfyshade .remote>div{margin:0 .5em}.comfyshade .remote>div:first-child{margin-left:0}.comfyshade .remote>div:last-child{margin-right:0}.comfyshade .remote.vertical>div{margin:0 .1em}.comfyshade .remote.no-margin>div{margin:0}.comfyshade .collapsable{transition:max-height 300ms linear,padding 300ms ease-out;overflow:hidden;box-sizing:content-box}.comfyshade .collapsable.collapsed{max-height:0 !important;padding:0 !important}.comfyshade .progress-bar-2{width:100%;height:10px;border:1px solid;border-right-width:0;border-left-width:0}.comfyshade .progress-bar-2 .inner{height:100%;transition:width ease-out 300ms,background-color ease-out 300ms}.comfyshade .password-input{position:relative;padding:.5em 0}.comfyshade .password-input input{margin:0;width:100%}.comfyshade .password-input .glyphicon,.comfyshade .password-input .icon-container{position:absolute;right:14px;top:calc(50% - 12px)}.comfyshade .hidden-text{text-align:center}.comfyshade .hidden-text .glyphicon,.comfyshade .hidden-text .icon-container{position:relative;top:4px;margin-left:10px;display:inline-block}.comfyshade .hidden-text .glyphicon .svg-icon,.comfyshade .hidden-text .icon-container .svg-icon{margin:0}.comfyshade .context-menu-container{display:none;position:fixed;top:0;bottom:0;right:0;left:0}.comfyshade .context-menu-container.show{display:block}.comfyshade .context-menu-container .context-menu{font-size:1.5rem;position:absolute;background:#fff;box-shadow:2px 2px 3px 1px rgba(0,0,0,.37);border-radius:2px;z-index:100}.comfyshade .context-menu-container .context-menu .svg-icon{padding-left:0}.comfyshade .context-menu-container .context-menu ul{padding:0;margin:0}.comfyshade .context-menu-container .context-menu ul li{display:flex;padding:.8em;border-bottom:1px solid #fdfdfd;justify-content:center;align-items:center;cursor:pointer}.comfyshade .context-menu-container .context-menu ul li:hover{background:#fdfdfd}.comfyshade .context-menu-container .context-menu ul li span{padding-left:.5em}.comfyshade .context-menu-container .context-menu ul:last-child{border-bottom-color:rgba(0,0,0,0)}.comfyshade .card-container{width:100%}.comfyshade .card{border:1px solid #ddd;box-shadow:0 3px 4px 0 #e6e7e8;margin-bottom:1em;width:100%;position:relative;height:150px}.comfyshade .card:focus{outline:none}.comfyshade .card img{height:5em;margin-left:1.5em}.comfyshade .card .top{display:flex;justify-content:space-between;height:100px;text-align:left;padding:10px 16px}.comfyshade .card .top span{align-self:flex-end;line-height:1em;font-weight:bold;font-size:1.4285em;display:block;width:100%}.comfyshade .card .top span a{color:inherit;font-size:2em;position:relative;font-weight:normal;padding:10px;padding-left:0px;bottom:-0.1em}.comfyshade .card .top small{font-size:100%;display:block}.comfyshade .card .top .icon-container{padding:6px 18px 2px 12px}.comfyshade .card .bottom{padding:4px 4px 2px 4px}.comfyshade .card .bottom.shadow{box-shadow:0 3px 4px 0 #e6e7e8;border-radius:0 0 8px 8px;border:1px solid #ddd;border-top:none;height:50px}.comfyshade .card .bottom.vertical,.comfyshade .card .bottom.drapeVert,.comfyshade .card .bottom.tdbuV2{height:44px;display:flex;justify-content:space-between;align-items:center}.comfyshade .card .svg-icon.control-icon svg{fill:rgba(0,0,0,0)}.comfyshade .card .remote-control-group>div{transition:background 200ms ease-out;margin-right:4px;padding:12px;margin-left:0px}.comfyshade .card .remote-control-group>div:last-child{margin-right:0px}@media(max-width: 413px){.comfyshade .card .remote-control-group>div{padding:10px}}.comfyshade .flippable{perspective:1000px;width:100%}.comfyshade .flippable .card{transform-origin:100% 122.5px;will-change:height,box-shadow,transition;transform-origin:100% 90px;transition:height .35s ease-in;transform-style:preserve-3d;box-shadow:none !important;border:none !important}.comfyshade .flippable .front,.comfyshade .flippable .back{backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transition:height .35s ease-in,transform .35s ease-in-out;transform-style:preserve-3d;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px !important;overflow:hidden;border:1px solid #ddd;box-shadow:0 3px 4px 0 #e6e7e8}.comfyshade .flippable .card .front{z-index:2;transform:rotateX(0deg)}.comfyshade .flippable .card .back{transform:rotateX(-180deg);display:flex;flex-direction:column}.comfyshade .flippable .card .back .top{flex:1;background:rgba(0,0,0,0);padding:10px;flex-direction:column}.comfyshade .flippable .card .back .top span{align-self:flex-start}.comfyshade .flippable .card .back .bottom{height:44px !important;padding:0}.comfyshade .flippable .card .back .bottom button{border:none;border-radius:0 0 8px 8px;font-weight:bold;position:relative}.comfyshade .flippable .card .back .bottom button:after{content:"";background:#fff;opacity:0;transition:opacity 200ms ease-out;position:absolute;border-radius:0 0 8px 8px;top:0;bottom:0;right:0;left:0}.comfyshade .flippable .card .back .bottom button:active:after,.comfyshade .flippable .card .back .bottom button.hovered:after{opacity:.2;transition-duration:1ms}.comfyshade .flippable.flipped .card{transition:height .35s ease-out;box-shadow:0 -3px 4px 0 #e6e7e8}.comfyshade .flippable.flipped .card .front{transform:rotateX(180deg)}.comfyshade .flippable.flipped .card .back{transform:rotateX(0deg)}.comfyshade .flippable.flipped .card.vertical{height:150px !important}.comfyshade .select-input{position:relative;padding:.5em 0}.comfyshade .select-input .glyphicon,.comfyshade .select-input .icon-container{top:calc(50% - 12px);position:absolute;right:14px}.comfyshade .select-input input{margin:0;width:100%}.comfyshade .select-input .helpText{padding:0px 41px 16px 41px}.comfyshade .select-input .choices{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;transition:transform cubic-bezier(0, 1, 0.5, 1) 500ms;transform:translateY(100vh)}.comfyshade .select-input .choices .svg-icon svg .filled{fill:#fff}.comfyshade .select-input .choices svg{color:#fff;fill:#fff}.comfyshade .select-input .choices h2{font-weight:900}.comfyshade .select-input .choices.opened{transform:translateY(0px)}.comfyshade .select-input .choices .header{position:absolute;top:constant(safe-area-inset-top);top:env(safe-area-inset-top);right:0;left:0;height:calc(3.6em - constant(safe-area-inset-top));height:calc(3.6em - env(safe-area-inset-top))}.comfyshade .select-input .choices .header .icon-container{left:16px;top:calc(50% - 12px);position:absolute}.comfyshade .select-input .choices .body{position:absolute;top:3.6em;right:0;left:0;bottom:0;overflow:auto}.comfyshade .select-input .choices .body>h2,.comfyshade .select-input .choices .body>p,.comfyshade .select-input .choices .body>h5{padding:0 36px}.comfyshade .select-input .choices .body>p,.comfyshade .select-input .choices .body>h5{margin-bottom:16px}.comfyshade .select-input .choices .body>h5{margin-top:48px;font-weight:bold}.comfyshade .loader-dots{content:" .";animation:dots 1s steps(5, end) infinite;color:#7b797a}@keyframes dots{0%,20%{color:rgba(0,0,0,0);text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}40%{color:#7b797a;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}60%{text-shadow:.25em 0 0 #7b797a,.5em 0 0 rgba(0,0,0,0)}80%,100%{text-shadow:.25em 0 0 #7b797a,.5em 0 0 #7b797a}}.comfyshade .tabs{position:sticky;top:calc(52px + constant(safe-area-inset-top));top:calc(52px + env(safe-area-inset-top));display:flex;justify-content:space-around;padding:0 32px;border-bottom:1px solid;z-index:100;background-color:#fff}.comfyshade .tabs .line{display:block;position:absolute;left:0;bottom:0;height:3px;width:1px;transform-origin:left;transition:transform 300ms ease}.comfyshade .tabs .tab a{padding:1.2em 3.5em;display:block}.comfyshade .switch-container{width:60px;padding-top:5px}.comfyshade .switch{margin:auto;display:block;height:22px;width:40px}.comfyshade .switch input:empty{margin-left:-9999px}.comfyshade .switch input:empty~label{position:relative;float:left;width:150px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.comfyshade .switch input:empty~label:before,.comfyshade .switch input:empty~label:after{position:absolute;display:block;content:" ";-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.comfyshade .switch input:empty~label:before{top:3px;left:0px;width:32px;height:13px;border-radius:12px;background-color:#bdbdbd}.comfyshade .switch input:empty~label:after{top:1px;left:-9px;width:1.4em;height:8px;bottom:.1em;margin-left:.1em;background-color:#fff;border-radius:50%;width:17px;height:17px;border-radius:50%;border:solid 2px;border-color:#fff;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.comfyshade .switch input:checked~label:after{left:15px}.comfyshade div.warning{text-align:center;color:#fff;margin-bottom:1em;padding:.8em}.comfyshade div.warning p{font-style:italic;padding:0 2em;margin:0}@media only screen and (min-width: 770px){.comfyshade div.warning p{padding:0 3em}}.comfyshade div.warning h3,.comfyshade div.warning p{color:inherit}.comfyshade div.veil{position:relative}.comfyshade div.veil.disabled:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;opacity:.5}.comfyshade .slider-container{padding:0 20px}.comfyshade .slider-container .fine-controls{display:flex;justify-content:space-between;height:1.4em}.comfyshade .slider-container .fine-controls a{font-size:2em;line-height:1rem}.comfyshade .slider-container .slider{height:25px;position:relative;width:100%}.comfyshade .slider-container .slider .line{background:#ddd;margin-top:7.5px;height:5px;width:100%;position:absolute;border-radius:1px}.comfyshade .slider-container .slider .left{margin-top:7.5px;height:5px;position:absolute;border-radius:1px}.comfyshade .slider-container .slider .thumb-container{position:absolute;height:50px;width:50px;margin-top:-15px;margin-left:-25px;padding:15px}.comfyshade .slider-container .slider .thumb{height:20px;width:20px;border-radius:50%;box-shadow:0 3px 4px 0 #e6e7e8}.comfyshade .card-badges{font-size:16px;position:absolute;right:-2px;top:0;padding-top:.875em}.comfyshade .card-badges .card-badge{border-radius:.25em 0 .25em .25em;box-shadow:0 .125em .25em 0 rgba(0,0,0,.5);margin-bottom:.25em;height:1.3125em;display:flex;align-items:center;justify-content:center;min-width:2.125em;position:relative}.comfyshade .card-badges .card-badge .svg-icon{position:relative;top:-1px}.comfyshade .card-badges .card-badge:after{content:"";position:absolute;top:-0.1875em;right:0;width:0;height:0;border-style:solid;border-width:0 0 .1875em .125em}.comfyshade .icon-container.percent.active{margin-left:-5px}.comfyshade .icon-container.percent span{font-weight:900;color:inherit;font-size:1.2em;position:relative;right:-6px;display:inline-block}.comfyshade .icon-container.percent .svg-icon{float:right;margin-left:2px}@-webkit-keyframes fillInAnimation{0%{-webkit-transform:translateY(120%)}20%{-webkit-transform:translateY(90%)}40%{-webkit-transform:translateY(60%)}60%{-webkit-transform:translateY(30%)}80%{-webkit-transform:translateY(15%)}100%{-webkit-transform:translateY(0)}}@keyframes fillInAnimation{0%{transform:translateY(120%)}20%{transform:translateY(90%)}40%{transform:translateY(60%)}60%{transform:translateY(30%)}80%{transform:translateY(15%)}100%{transform:translateY(0)}}.comfyshade .icon-container .fillInAnimation{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);transform:translateY(-100%);animation:fillInAnimation .8s linear 2;-webkit-animation:fillInAnimation .8s linear 2}.comfyshade .icon-container .fillColor{fill:#ff6800}.comfyshade .remote-control-group>div:active{filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.6))}.comfyshade .menu-error path{fill:#f21c24}.comfyshade .menu-error circle{stroke:#f21c24}.comfyshade .room-icon{max-width:100%}.comfyshade .room-icon g:not(.drapery) .a{fill:#6e6e70}.comfyshade img.room-icon:not(.logobox>img){padding:.1em}.comfyshade .svg-icon{display:inline-block;font-size:0;vertical-align:middle}.comfyshade .svg-icon.room-icon svg{fill:#6e6e70}.comfyshade .svg-icon svg{width:100%;height:5%}.comfyshade .form-group{position:relative;text-align:left;margin:1.4em 0}.comfyshade .form-group input[type=checkbox]{display:none}.comfyshade .form-group label{display:inline}.comfyshade section .form-group{padding:0 1em}.comfyshade input{border-radius:8px;padding:.75em .4em;border:1px solid;margin:1em}.comfyshade input:focus{outline:none}.comfyshade .form-group input{margin:0;width:100%}.comfyshade .icon-container.check-box{display:inline-block;position:initial;margin-right:1em;vertical-align:middle;line-height:1em;margin-top:0;margin-bottom:0}.comfyshade .icon-container.check-box+label a{text-decoration:underline;color:inherit}.comfyshade .icon-container.check-box .svg-icon{height:27px;display:flex;align-items:flex-end;padding-bottom:7px}.comfyshade .icon-container.check-box .svg-icon svg[height="20"]{height:20px}.comfyshade .icon-container.check-box .svg-icon svg[height="16"]{height:16px}.comfyshade ul.list{padding:0;list-style:none}.comfyshade ul.list>li{padding:16px 36px;border-top:1px solid;font-weight:bold}.comfyshade ul.list>li ul{list-style:none}.comfyshade ul.list>li ul.open{margin-top:16px}.comfyshade ul.list>li ul.closed{display:none}.comfyshade ul.list>li ul li{font-weight:normal;padding:16px 0}.comfyshade ul.list .glyphicon,.comfyshade ul.list .icon-container{float:right;position:static}.comfyshade .ink-container{position:relative;overflow:hidden}.comfyshade .ink{display:block;position:absolute;background:#eee;z-index:1;border-radius:100%;transform:scale(0)}.comfyshade .ink.animate{animation:ripple .65s ease-in-out}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.comfyshade .ink.smallanimate{animation:ripple2 .65s ease-in-out}@keyframes ripple2{100%{opacity:0;transform:scale(1.3)}}.comfyshade .ink.fill{animation:ripple3 .4s ease-in-out}@keyframes ripple3{100%{opacity:1;transform:scale(1.5)}}@keyframes appear{0%{opacity:0}100%{opacity:1;transform:scale(1.3)}}@keyframes show{0%{opacity:0;transform:translateY(100px)}1%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}.comfyshade .dialog-container{transition:top 0s,left 0s,right 0s,bottom 0s,z-index 0s;transition-delay:300ms;display:flex}.comfyshade .dialog-container.active{transition-delay:0s}.comfyshade .dialog-container.active .dialog{opacity:1;transform:translateY(0)}.comfyshade .dialog-container:after{transition:opacity 250ms linear}.comfyshade .dialog-container .dialog{opacity:0;transition:opacity 250ms,transform 250ms;transform:translateY(56px)}.comfyshade .roll .selected{transition:border-top-color 150ms,border-bottom-color 150ms;transition-timing-function:ease-in}.comfyshade .roll .selected>div,.comfyshade .roll .background>div{transition:transform 200ms}.comfyshade .log-container .icon-container{position:fixed;top:10px;right:10px;z-index:1100;cursor:pointer}.comfyshade .log-container .log-body{position:fixed;right:10px;top:65px;left:10px;bottom:10px;z-index:100;display:block;background:#f0f0f0;padding:5px;border-radius:10px}.comfyshade .log-container .log-body .list-item{border-left:none;border-right:none;border-color:#f0f0f0;padding:5px}.comfyshade .log-container .log-body .list-group{position:fixed;top:70px;bottom:70px;right:15px;left:15px;overflow:auto}.comfyshade .log-container .log-body button{margin:5px auto;position:fixed;bottom:15px;right:15px;left:15px}.comfyshade .log-container .log-body .list-error{color:#f21c24}.comfyshade #controller-view{font-size:.8em !important}.comfyshade #controller-view .controller-list-item{border-left:none;border-right:none;border-color:#f0f0f0}.comfyshade #controller-view .controller-list-item b,.comfyshade #controller-view .controller-list-item .h4-controller b{color:#293745 !important}.comfyshade #controller-view .controller-list-item .h4-controller{margin:0;margin-bottom:2px}.comfyshade #controller-view .controller-list-item .controller-id{color:#293745}.comfyshade #controller-view .controller-list-item .logobox-container{position:relative;padding:0 12px}.comfyshade #controller-view .controller-list-item .logobox-container .logobox{padding-top:1.5em}.comfyshade #controller-view .controller-list-item .logobox-container .controller-error{position:absolute;bottom:-10px;right:5px}.comfyshade #controller-view .controller-list-item .copyable-container{position:relative}.comfyshade #controller-view .controller-list-item .copyable-container .icon-container{display:inline-block}.comfyshade #controller-view .controller-list-item .controller-last-heard{padding-top:1em;font-size:.8em}.comfyshade #controller-view .controller-actions{padding-top:1em}.comfyshade #controller-view .controller-actions a{margin-right:2em}.comfyshade #controller-view .none-in-list{font-size:.8em;border-left:none;border-right:none;border-bottom:none;padding:2em 2em 0 2em}.comfyshade #intro-add-view ul img{width:60px;height:60px;border-radius:1em;background:rgba(255,212,47,.2);margin:.6em 1.5em .6em 0}.comfyshade #list-wifi-view .controller-step{padding-bottom:1em}.comfyshade #list-wifi-view .list-item>div>.icon-container{margin:.5em 1em .5em 0}.comfyshade #list-wifi-view .troubleshoot .error{text-align:left}.comfyshade #claim-view .loading-animation{margin-right:30px}.comfyshade .view.controller-add-view{padding-bottom:0}.comfyshade .view.controller-add-view .service-status{margin-top:10px}.comfyshade .view.controller-add-view .button.full{margin:1em 2em}.comfyshade .view.controller-add-view .carousel-viewport{height:calc(100vh - 150px)}@media(max-width: 500px){.comfyshade .view.controller-add-view .carousel-viewport{height:calc(100vh - 80px)}}.comfyshade .controller-step{padding:2em 2.75em 64px;position:relative}.comfyshade .controller-step .back-link{position:absolute;left:1.3rem;top:.7rem;color:inherit;font-weight:700;font-size:3em}.comfyshade .controller-step .right-link{position:absolute;right:1.3rem;top:.7rem;color:inherit;font-weight:700;font-size:3em}.comfyshade .controller-step .svg-icon,.comfyshade .controller-step img{margin:18px auto;display:block}.comfyshade .controller-step strong{font-weight:700;color:inherit;display:block}.comfyshade .controller-step strong.centered{text-align:center;width:100%}.comfyshade .controller-step .choices{display:flex;flex-direction:column;padding-top:.2em}.comfyshade .controller-step .choices button{border:none;margin:.4em;padding:.7em}.comfyshade .controller-step p strong,.comfyshade .controller-step span strong,.comfyshade .controller-step li strong{display:inline}.comfyshade .controller-step ol{padding-left:1em}.comfyshade .controller-step ol li{font-weight:700;margin-bottom:.65em}.comfyshade .controller-step ol.not-bold li{font-weight:normal}.comfyshade .controller-step h3:first-of-type{font-weight:900;text-align:center;margin-bottom:.5em}.comfyshade .controller-step ul{list-style:none;padding:0}.comfyshade .controller-step ul li{display:flex;align-items:center}.comfyshade .controller-step ul li span{flex:1}.comfyshade .loading-section{display:flex;align-items:center;margin-bottom:10px}.comfyshade #choose-controller-view .toggle{border:solid 1px;padding:.7em 1.4em;margin:1em}.comfyshade #choose-controller-view .toggles{display:flex;justify-content:center;flex-wrap:wrap}.comfyshade #enable-bluetooth .svg-icon svg{height:100%}.comfyshade #enable-bluetooth button.basic.primary{padding:.5em 1em;border-width:1px}.comfyshade #scan-bluetooth .controller-step,.comfyshade #select-ble-blinds .controller-step,.comfyshade #pair-ble-blind .controller-step{padding-bottom:1em}.comfyshade #scan-bluetooth .controller-step+div,.comfyshade #select-ble-blinds .controller-step+div,.comfyshade #pair-ble-blind .controller-step+div{padding-bottom:64px}.comfyshade #scan-bluetooth .veil>p,.comfyshade #select-ble-blinds .veil>p,.comfyshade #pair-ble-blind .veil>p{padding-right:2.75em;padding-left:2.75em}.comfyshade #scan-bluetooth .scan-item,.comfyshade #select-ble-blinds .scan-item,.comfyshade #pair-ble-blind .scan-item{width:100%;display:flex;align-items:flex-start}.comfyshade #scan-bluetooth .scan-item .troubleshoot,.comfyshade #select-ble-blinds .scan-item .troubleshoot,.comfyshade #pair-ble-blind .scan-item .troubleshoot{padding:0}.comfyshade #scan-bluetooth .scan-item h3,.comfyshade #select-ble-blinds .scan-item h3,.comfyshade #pair-ble-blind .scan-item h3{text-align:left;margin-bottom:0px;font-size:1.4em;margin-top:6px}.comfyshade #scan-bluetooth .scan-item .error,.comfyshade #select-ble-blinds .scan-item .error,.comfyshade #pair-ble-blind .scan-item .error{text-align:left}.comfyshade #scan-bluetooth .troubleshoot p,.comfyshade #select-ble-blinds .troubleshoot p,.comfyshade #pair-ble-blind .troubleshoot p{margin:0 0 5px}.comfyshade #scan-bluetooth .troubleshoot,.comfyshade #select-ble-blinds .troubleshoot,.comfyshade #pair-ble-blind .troubleshoot{padding:1em 2.75em}.comfyshade #scan-bluetooth .troubleshoot a,.comfyshade #select-ble-blinds .troubleshoot a,.comfyshade #pair-ble-blind .troubleshoot a{display:block}.comfyshade #scan-bluetooth .troubleshoot .error,.comfyshade #select-ble-blinds .troubleshoot .error,.comfyshade #pair-ble-blind .troubleshoot .error{text-align:left}.comfyshade .col-xs-1.list-group-item-right-button{font-size:20px;color:#bebebe;padding:25px 10px 25px 0px}.comfyshade .col-xs-1.list-group-item-right-button:active{background:#bebebe}.comfyshade .col-xs-1.list-group-item-right-button:active span{color:#6e6e70}.comfyshade .col-xs-1.list-group-item-right-button span{padding-top:5px;padding-bottom:5px}.comfyshade .controller-status{color:#d40000;font-weight:800;text-decoration:underline;padding-top:5px;padding-bottom:5px}.comfyshade .controller-status:active{color:#bebebe}.comfyshade #news-list-view .card .top{padding-right:7.5em;min-height:6em}.comfyshade #news-list-view .card .bottom{padding:14px 16px 12px 16px}.comfyshade #news-list-view .container-center{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.comfyshade .red-dot,.comfyshade span.red-dot{position:relative;border-radius:50%;color:#fff;background:#f21c24;font-size:.5em !important;width:1em;height:1em;display:inline-block;text-align:center;font-weight:bold;margin-left:.4m;top:-0.1em;right:-0.5em}.comfyshade .drawer-main .red-dot:not(.list-group-item .red-dot){top:-0.7em;left:-0.4em}.comfyshade .svg-icon.has-red-dot{position:relative}.comfyshade .svg-icon.has-red-dot::after{content:"";border-radius:100%;background:#f21c24;width:10px;height:10px;display:block;position:absolute;top:-0.3em;left:18px}.comfyshade .news{padding:1em 1.75em;color:#747273;font-weight:400}.comfyshade .news p{line-height:1.42em}.comfyshade .news a{font-weight:bold;text-decoration:none;color:#d40000}.comfyshade .news h1{color:inherit !important;font-weight:900 !important;line-height:1.1}.comfyshade .news img{max-width:100%;margin-bottom:1em}.comfyshade #schedule-view section .sub{width:100%;display:inherit;justify-content:inherit;padding:.5em;flex-wrap:wrap}.comfyshade #schedule-view #time-select p{margin:0 0 .2em;width:100%}.comfyshade #schedule-view #time-select button{min-width:100px;border-color:#293745}.comfyshade #schedule-view .toggle.onTime{padding:.9em .9em}.comfyshade #schedule-view svg .main-icon{fill:#293745}.comfyshade #schedule-view .commands{width:100%;display:flex;flex-wrap:wrap;gap:36px 0px;justify-content:center}.comfyshade #schedule-view .commands .percent.toggle-grid .svg-icon{float:right}.comfyshade #schedule-view .commands .percent.toggle-grid span{font-family:"Lato",sans-serif;font-weight:bold;font-size:1.4em;color:#293745}.comfyshade #schedule-view .commands .toggle-grid{flex:0 1 calc(33.33% - 10px);max-width:calc(33.33% - 10px);text-align:center}.comfyshade #schedule-view .commands .toggle-grid .icon-container{display:inline-block;border-radius:8px;text-align:center;margin:0 .7em;padding:.5em .5em;min-height:2.2em}.comfyshade #schedule-view .commands .toggle-grid .icon-container.active{background-color:#ffe580}.comfyshade #schedule-view .commands .toggle-grid .svg-icon.control-icon svg rect{fill:none}.comfyshade #schedule-list-view{min-height:calc(100vh - 159px)}.comfyshade #schedule-list-view section.list-item{padding:1.3em .7573em}.comfyshade #schedule-list-view section.list-item .left{display:flex;flex:1}.comfyshade #schedule-list-view section .container-icons{min-width:86px;display:flex;justify-content:center}.comfyshade #schedule-list-view .remote{margin-top:0 !important}.comfyshade #schedule-list-view .remote span{font-size:18px !important;font-weight:900;position:relative;right:-6px;display:inline-block}.comfyshade .container-icons{min-width:86px;display:flex;justify-content:center}.comfyshade .container-icons .svg-icon svg rect{fill:none}.comfyshade .setpercent .buttons{display:flex;justify-content:center}.comfyshade .setpercent .buttons .button{text-transform:uppercase;font-weight:bold;padding:.5em 1em;margin:0;border-radius:4px}.comfyshade .scene-commands-view .remote.scene,.comfyshade .scene-commands-view .container-scene>.remote{justify-content:flex-start}.comfyshade .scene-commands-view .remote.scene>div,.comfyshade .scene-commands-view .container-scene>.remote>div{min-width:25px !important}.comfyshade .tech-support-view{padding:1.75em}.comfyshade .tech-support-view h3{margin-top:1.4em}.comfyshade .tech-support-view h1{color:inherit;text-align:left !important;font-weight:900}.comfyshade .tech-support-view h4{margin-top:1.4em;margin-bottom:.1em;font-size:1em;font-weight:900}.comfyshade .tech-support-view p{margin:0}.comfyshade #register-view h1{text-align:center}.comfyshade #register-view .carousel-viewport>div{min-height:calc(100vh - 125px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));min-height:calc(100vh - 125px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.comfyshade #register-view #select-view ul{margin-bottom:20px}.comfyshade #register-view .carousel-viewport{max-height:calc(100vh - 125px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));max-height:calc(100vh - 125px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.comfyshade #login-view{padding-top:50px}.comfyshade #login-view h5{text-align:center}.comfyshade #login-view form{margin-bottom:20px}.comfyshade #login-view h3{font-weight:900;line-height:1.2em;margin-top:5px;text-align:center;margin-bottom:1em}.comfyshade #login-view .subtitle{font-weight:bold}.comfyshade #login-view #forget-password{margin-top:-1em;text-align:right;margin-bottom:2.4em}.comfyshade #login-view #forget-password a{color:inherit;text-decoration:none;font-weight:normal}.comfyshade #login-view>div{margin-top:0}.comfyshade #login-view .brand-icon{height:80px;margin-top:30% !important}.comfyshade #recover-view h1{text-align:left}.comfyshade #recover-view p{text-align:left;margin-bottom:1.7em}.comfyshade #change-setup-code-view .carousel-viewport{max-height:calc(100vh - 125px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));max-height:calc(100vh - 125px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.comfyshade .view.registration{position:relative;padding-left:8.3333%;padding-right:8.3333%;display:flex;align-items:center;justify-content:center;flex-direction:column}.comfyshade .view.registration>div{width:100%;margin-bottom:50px;margin-top:50px}.comfyshade .view.registration#recover-view{padding-top:0 !important}.comfyshade .view.registration .leave{width:auto;position:absolute;top:calc(1em + constant(safe-area-inset-top));top:calc(1em + env(safe-area-inset-top));left:1em;margin:0}.comfyshade .view#account-view section{flex-wrap:nowrap;padding-right:36px !important;padding-left:36px !important}.comfyshade .view#account-view section#top img{width:60px;height:60px;border-radius:50%}.comfyshade .view#account-view section#top>div{flex:1;padding-left:1.3em}.comfyshade .view#account-view section#top>div span{word-break:break-all;display:block;margin:.1em 0}.comfyshade .view#account-view a{font-weight:bold}.comfyshade .view#account-view .form-group{padding:0}.comfyshade .view#change-timezone-view h5{padding:17px 35px}.comfyshade .view#change-timezone-view .carousel-viewport{max-height:calc(100vh - 125px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));max-height:calc(100vh - 125px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.comfyshade #confirm-setup-code-view label{font-weight:normal}.comfyshade #confirm-setup-code-view .form-group{display:flex;flex-wrap:wrap;align-items:flex-start}.comfyshade #confirm-setup-code-view .form-group label{flex:1}.comfyshade #confirm-setup-code-view .form-group p{margin-bottom:0}.comfyshade #confirm-setup-code-view .form-group .svg-icon{margin-top:4px}.comfyshade #confirm-setup-code-view .form-group .password-input{width:100%}.comfyshade #confirm-setup-code-view .setup-code{text-align:center}.comfyshade #confirm-setup-code-view .setup-code h2{font-size:3em}.comfyshade #confirm-setup-code-view .setup-code a{font-weight:bold}.comfyshade .view#delete-account-view .button.danger{margin:2em auto;display:block;font-weight:bold;text-transform:uppercase}.comfyshade .view#delete-account-view p.danger{text-align:center;padding:0 1em}.comfyshade #accountview-timezone{display:inline !important}.comfyshade #intro-view{min-height:calc(100vh - 140px)}.comfyshade #intro-view ul img,.comfyshade #intro-view ul .icon-container{width:60px;height:60px;margin:.6em 1.5em .6em 0}.comfyshade #intro-view ul img .svg-icon,.comfyshade #intro-view ul .icon-container .svg-icon{margin:0}.comfyshade #confirm-view ul img,.comfyshade #confirm-view ul .icon-container{width:35px;height:35px;margin:0 .6em .6em 0}.comfyshade #confirm-view ul li:first-child{margin-bottom:-0.4em}.comfyshade #confirm-view ul li:first-child span{padding-bottom:.8em}.comfyshade #confirm-view ul li span{padding-bottom:.4em}.comfyshade #confirm-view ul .svg-icon{margin:9px auto}.comfyshade #select-view{display:flex;flex-direction:column;position:relative}.comfyshade #select-view .back-link{position:absolute;left:1.3rem;top:2rem;color:inherit;font-weight:700;font-size:3em}.comfyshade #select-view>section{display:block}.comfyshade #select-view>section p{margin:0}.comfyshade #intro-relative-view{min-height:calc(100vh - 140px);text-align:center}.comfyshade #intro-relative-view ul img{width:60px;height:60px;margin:.6em 1.5em .6em 0}.comfyshade #intro-relative-view ul{display:flex;justify-content:space-around;margin-bottom:1.5em}.comfyshade #intro-relative-view ul li{flex-direction:column}.comfyshade #intro-relative-view ul li .svg-icon{margin-bottom:3px}.comfyshade #more-relative-view ul img{width:60px;height:60px;border-radius:1em;background:rgba(255,212,47,.2);margin:.6em 1.5em .6em 0}.comfyshade #intro-blind-add-view .controller-step ul img{width:60px;height:60px;border-radius:.625em;background:rgba(255,212,47,.2);margin:.6em 1.5em .6em 0}.comfyshade #intro-blind-add-view .controller-step h3{max-width:200px;margin:auto}.comfyshade #blind-form-view .blind-types{transform:translateZ(0px);display:flex;flex-wrap:wrap;justify-content:center;padding-top:.7em}.comfyshade #blind-form-view .blind-types .toggle{margin-bottom:1em;padding:.3em 0em;width:115px}@media only screen and (max-width: 500px){.comfyshade #blind-form-view .blind-types .toggle{width:90px}}.comfyshade #details-view.controller-step{padding-right:0;padding-left:0}.comfyshade #details-view.controller-step .svg-icon{margin:0;display:inline-block}.comfyshade #room-view .dialog .btn-group-submit{justify-content:flex-end !important}.comfyshade #room-view .dialog .header{text-align:center}.comfyshade #choose-room-view.controller-step{padding-right:0;padding-left:0}.comfyshade #choose-room-view.controller-step .room-choices{padding-top:1em;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row;padding-right:2.75em;padding-left:2.75em}.comfyshade #choose-room-view.controller-step .room-choices .toggle{margin-bottom:1em}@media only screen and (max-width: 500px){.comfyshade #choose-room-view.controller-step .room-choices{padding-right:0em;padding-left:0em}.comfyshade #choose-room-view.controller-step .room-choices .toggle{margin-right:.3em;margin-left:.3em}}.comfyshade #choose-room-view.controller-step .room-choices .svg-icon{margin:0;display:inline-block}.comfyshade #choose-room-view.controller-step .room-choices .two-line{width:70px;margin-top:.2em;height:2em;line-height:1em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.comfyshade #choose-remote-view,.comfyshade #choose-match-view{padding-right:1.55em;padding-left:1.55em}.comfyshade #choose-remote-view .row,.comfyshade #choose-match-view .row{display:flex}.comfyshade #choose-remote-view .row .col,.comfyshade #choose-match-view .row .col{width:33%;float:left;display:flex;justify-content:center;align-items:center}.comfyshade #choose-remote-view .row .col.col-2,.comfyshade #choose-match-view .row .col.col-2{width:66%}.comfyshade #choose-remote-view .filters,.comfyshade #choose-match-view .filters{margin-top:1.75em}.comfyshade #choose-remote-view .filters .toggle,.comfyshade #choose-match-view .filters .toggle{border-color:rgba(0,0,0,0);padding:.4em .6em;margin:.4em 0;font-weight:bold;font-size:.9em}.comfyshade #choose-remote-view #match-brand,.comfyshade #choose-match-view #match-brand{display:grid;grid-template-columns:1fr [col-1] 1fr [col-2];grid-template-rows:60% [row-1] 40% [row-2];column-gap:30px;row-gap:30px;padding:1em 25px;height:40vh;max-height:365px}.comfyshade #choose-remote-view #match-brand .toggle,.comfyshade #choose-match-view #match-brand .toggle{border:solid 1px;margin:0;display:flex;flex-direction:column}.comfyshade #choose-remote-view #match-brand .img,.comfyshade #choose-match-view #match-brand .img{margin:auto;margin-bottom:.7em;background-size:99% 99%;width:100%;max-width:100%;flex:1;background-position:50% 50%;background-repeat:no-repeat}.comfyshade #choose-remote-view #match-brand .large,.comfyshade #choose-match-view #match-brand .large{grid-column-start:1;grid-column-end:col-2}.comfyshade #choose-remote-view .remotes:after,.comfyshade #choose-match-view .remotes:after{content:"";clear:both;display:table}.comfyshade #choose-remote-view .remotes .col,.comfyshade #choose-match-view .remotes .col{padding:0 0;float:left;overflow:hidden;margin-top:1em}.comfyshade #choose-remote-view .remotes .col .toggle,.comfyshade #choose-match-view .remotes .col .toggle{max-width:100%}.comfyshade #choose-remote-view .remotes .col.large .toggle .img,.comfyshade #choose-match-view .remotes .col.large .toggle .img{width:150px;height:155px}.comfyshade #choose-remote-view .remotes .toggle,.comfyshade #choose-match-view .remotes .toggle{margin:0;padding:.3em;white-space:pre}.comfyshade #choose-remote-view .remotes .toggle>div,.comfyshade #choose-match-view .remotes .toggle>div{padding:.7em}.comfyshade #choose-remote-view .remotes .toggle:after,.comfyshade #choose-match-view .remotes .toggle:after{content:"";clear:both;display:table}.comfyshade #choose-remote-view .remotes .toggle .half,.comfyshade #choose-match-view .remotes .toggle .half{width:50%;float:left}.comfyshade #choose-remote-view .remotes .toggle .half:last-child,.comfyshade #choose-match-view .remotes .toggle .half:last-child{padding-left:1.3em}.comfyshade #choose-remote-view .remotes .toggle .half:first-child,.comfyshade #choose-match-view .remotes .toggle .half:first-child{padding-right:1.3em}.comfyshade #choose-remote-view .remotes .toggle span.caption,.comfyshade #choose-match-view .remotes .toggle span.caption{visibility:hidden;font-size:.8em;font-style:italic}.comfyshade #choose-remote-view .remotes .toggle img,.comfyshade #choose-match-view .remotes .toggle img{margin:auto}.comfyshade #choose-remote-view .remotes .toggle .img,.comfyshade #choose-match-view .remotes .toggle .img{margin:auto;margin-bottom:.7em;background-size:99% 99%;width:69px;max-width:100%;height:200px;background-position:50% 50%;background-repeat:no-repeat}.comfyshade #choose-remote-view .remotes .toggle.active span,.comfyshade #choose-match-view .remotes .toggle.active span{visibility:visible}.comfyshade #choose-match-view .remotes{padding:.5em 1.5em}.comfyshade #choose-match-view .remotes .row{justify-content:center}.comfyshade #choose-match-view .remotes .col{margin-top:0;margin:1em}.comfyshade #choose-match-view .remotes .col .toggle .img{width:115px;height:115px}.comfyshade #choose-match-view .remotes .col.large{width:72%}.comfyshade #choose-match-view .remotes .col.large .toggle .img{width:270px;height:80px}.comfyshade #choose-match-view .remotes .toggle{border:solid 1px}.comfyshade #select-ble-blinds .loading-animation .svg-icon,.comfyshade #pair-ble-blind .loading-animation .svg-icon{text-align:center;width:30px !important}.comfyshade #select-ble-blinds .loading-animation .svg-icon svg,.comfyshade #pair-ble-blind .loading-animation .svg-icon svg{width:auto;height:auto;margin:auto}.comfyshade #select-ble-blinds .svg-icon.error svg,.comfyshade #pair-ble-blind .svg-icon.error svg{height:70%}.comfyshade #select-ble-blinds .scan-item .caption,.comfyshade #pair-ble-blind .scan-item .caption{margin:0;text-align:left}.comfyshade #select-ble-blinds .step,.comfyshade #pair-ble-blind .step{display:flex;align-items:center;margin:.5em;flex-wrap:wrap}.comfyshade #select-ble-blinds .step .more,.comfyshade #pair-ble-blind .step .more{padding-left:40px}.comfyshade #blind-prepare-view .caption,.comfyshade #blind-pair-view .caption,.comfyshade #enable-bluetooth .caption,.comfyshade #select-ble-blinds .caption,.comfyshade #pair-ble-blind .caption{text-align:center;margin:1em 0 1.5em;display:inline-block;width:100%}.comfyshade #blind-prepare-view .cant-reach,.comfyshade #blind-pair-view .cant-reach,.comfyshade #enable-bluetooth .cant-reach,.comfyshade #select-ble-blinds .cant-reach,.comfyshade #pair-ble-blind .cant-reach{text-align:center;font-weight:bold}.comfyshade #blind-prepare-view .cant-reach a,.comfyshade #blind-pair-view .cant-reach a,.comfyshade #enable-bluetooth .cant-reach a,.comfyshade #select-ble-blinds .cant-reach a,.comfyshade #pair-ble-blind .cant-reach a{padding:.25em .5em;border:1px solid #d40000;border-radius:4px}.comfyshade #blind-prepare-view .instruction-gif img,.comfyshade #blind-pair-view .instruction-gif img,.comfyshade #enable-bluetooth .instruction-gif img,.comfyshade #select-ble-blinds .instruction-gif img,.comfyshade #pair-ble-blind .instruction-gif img{border-radius:0;display:none}.comfyshade #blind-prepare-view .icon-container.with-addendum,.comfyshade #blind-pair-view .icon-container.with-addendum,.comfyshade #enable-bluetooth .icon-container.with-addendum,.comfyshade #select-ble-blinds .icon-container.with-addendum,.comfyshade #pair-ble-blind .icon-container.with-addendum{position:relative}.comfyshade .active #blind-prepare-view .instruction-gif img{display:block}.comfyshade #blind-pair-view button.wide{font-weight:bold;margin-right:auto;margin-left:auto;margin-top:2em;width:90%;padding:.5em;margin-bottom:2em}.comfyshade #blind-pair-view .svg-icon.error svg{height:26px}.comfyshade #blind-trouble-view ul{margin:2.5em 0 1.5em}.comfyshade #blind-trouble-view li{margin:1em 0}.comfyshade #blind-trouble-view ul img{width:70px;height:70px;border-radius:.625em;background:rgba(255,212,47,.2);margin:.6em 1.5em .6em 0}.comfyshade #blind-no-controller-view .svg-icon svg,.comfyshade #blind-offline-controller-view .svg-icon svg{height:auto}.comfyshade #blind-no-controller-view,.comfyshade #blind-offline-controller-view,.comfyshade #blind-wrong-controller-view{padding-bottom:96px}.comfyshade #blind-complete-view h3,.comfyshade #controller-done-view h3,.comfyshade #blind-no-controller-view h3,.comfyshade #blind-offline-controller-view h3,.comfyshade #blind-wrong-controller-view h3{text-align:center;margin-bottom:.5em}.comfyshade #blind-complete-view .next-options,.comfyshade #controller-done-view .next-options,.comfyshade #blind-no-controller-view .next-options,.comfyshade #blind-offline-controller-view .next-options,.comfyshade #blind-wrong-controller-view .next-options{display:flex;justify-content:space-between}.comfyshade #blind-complete-view .next-options a,.comfyshade #controller-done-view .next-options a,.comfyshade #blind-no-controller-view .next-options a,.comfyshade #blind-offline-controller-view .next-options a,.comfyshade #blind-wrong-controller-view .next-options a{text-align:center;flex:1}.comfyshade #blind-complete-view .next-options img,.comfyshade #controller-done-view .next-options img,.comfyshade #blind-no-controller-view .next-options img,.comfyshade #blind-offline-controller-view .next-options img,.comfyshade #blind-wrong-controller-view .next-options img{margin:0;padding:0}.comfyshade #blind-complete-view .next-options .logo-container .svg-icon svg,.comfyshade #controller-done-view .next-options .logo-container .svg-icon svg,.comfyshade #blind-no-controller-view .next-options .logo-container .svg-icon svg,.comfyshade #blind-offline-controller-view .next-options .logo-container .svg-icon svg,.comfyshade #blind-wrong-controller-view .next-options .logo-container .svg-icon svg{height:auto}.comfyshade #blind-complete-view .blind-added-success,.comfyshade #controller-done-view .blind-added-success,.comfyshade #blind-no-controller-view .blind-added-success,.comfyshade #blind-offline-controller-view .blind-added-success,.comfyshade #blind-wrong-controller-view .blind-added-success{margin-bottom:1em;position:relative;display:flex;justify-content:center}.comfyshade #blind-complete-view .blind-added-success .icon-container,.comfyshade #controller-done-view .blind-added-success .icon-container,.comfyshade #blind-no-controller-view .blind-added-success .icon-container,.comfyshade #blind-offline-controller-view .blind-added-success .icon-container,.comfyshade #blind-wrong-controller-view .blind-added-success .icon-container{padding:.3em}.comfyshade #blind-complete-view .blind-added-success .superimposed,.comfyshade #controller-done-view .blind-added-success .superimposed,.comfyshade #blind-no-controller-view .blind-added-success .superimposed,.comfyshade #blind-offline-controller-view .blind-added-success .superimposed,.comfyshade #blind-wrong-controller-view .blind-added-success .superimposed{position:absolute;bottom:-21px}.comfyshade #blind-complete-view .blind-added-success .superimposed.error,.comfyshade #controller-done-view .blind-added-success .superimposed.error,.comfyshade #blind-no-controller-view .blind-added-success .superimposed.error,.comfyshade #blind-offline-controller-view .blind-added-success .superimposed.error,.comfyshade #blind-wrong-controller-view .blind-added-success .superimposed.error{bottom:-15px;right:35px;margin-right:-27%}.comfyshade #blind-wrong-controller-view h3{margin-bottom:1em}.comfyshade #blind-wrong-controller-view p{margin-bottom:1.4em}.comfyshade #blind-wrong-controller-view h4{font-size:1em;font-weight:bold;text-align:center;margin-top:0;margin-bottom:1.4em}.comfyshade #blind-list-view{min-height:calc(100vh - 159px)}.comfyshade #blind-list-view .card .top .icon-container{padding:11px 23px 7px 12px}.comfyshade #blind-list-view .card .top>div:first-child{align-self:flex-end}.comfyshade #blind-list-view .flipped .card .top span{height:auto}.comfyshade #blind-view .svg-icon.control-icon svg{fill:rgba(0,0,0,0)}.comfyshade #blind-view .advanced-controls .form-group{text-align:center}.comfyshade #blind-view .advanced-controls .form-group button{color:#fff}.comfyshade #blind-view .change-position-setting{display:flex;justify-content:space-between;margin:auto;width:200px}.comfyshade #blind-view .change-position-setting .percent-span{font-size:1.5rem;line-height:2.5rem;margin-right:auto}.comfyshade #blind-view .change-position-setting .switch-container{width:auto !important}.comfyshade #blind-view .change-position-setting .switch-container .switch{margin:0 !important}.comfyshade .instruction-gif img{border-radius:15px}.comfyshade .advanced-controls-button-group button.btn{font-size:1em}.comfyshade #room-form-view .room-icons{display:flex;flex-wrap:wrap;justify-content:center;padding-top:.7em}.comfyshade #room-form-view .room-icons .toggle{margin-bottom:1em}@media only screen and (max-width: 500px){.comfyshade #room-form-view .room-icons .toggle{margin-right:.3em;margin-left:.3em}}.comfyshade #room-form-view input::placeholder{font-style:italic}.comfyshade #room-form-view .select-input>.icon-container{display:none}.comfyshade #room-form-view .select-input input::placeholder{text-align:center;white-space:break-spaces}.comfyshade #room-form-view .select-input input{height:4em;padding-top:0;padding-bottom:1.4em;width:200px;text-align:center;cursor:pointer}.comfyshade #room-form-view .select-input .choices{background:#fff;color:inherit}.comfyshade #room-list-view .card .top>div:first-child:not(.right){align-self:flex-end}@media(max-width: 385px){.comfyshade #room-list-view section{padding:1em .5573em !important}}.comfyshade #home-remote-view .card img{visibility:visible}.comfyshade #home-remote-view .top .icon-container{max-width:95%}.comfyshade #update-app-view{color:#333}.comfyshade #update-app-view h3{font-weight:normal;font-size:31px;margin-top:25px;margin-bottom:12.5px}.comfyshade #update-app-view p{font-size:18px}.comfyshade #integrations-view{font-size:16px}.comfyshade #integrations-view .navbar{margin-bottom:4px}.comfyshade #integrations-view .integration-option{margin:1.1em 1.5em}.comfyshade #integrations-view .integration-option a{color:#333}.comfyshade #integrations-view .integration-option button{color:#333;border:none;text-align:left}.comfyshade #matter-codes .mb-bottom-12{margin-bottom:12px}.comfyshade #matter-codes .logobox-container{position:relative;padding:0 12px}.comfyshade #matter-codes .logobox-container .controller-error{position:absolute;bottom:-10px;right:5px}.comfyshade #matter-codes .logo-25-percent{width:25%;margin:0 auto}.comfyshade #matter-codes .alias{font-size:1.125em;color:#293745;font-weight:bold}.comfyshade #matter-codes .serial{font-size:1em;color:#293745;font-weight:600}.comfyshade #matter-codes .copyable-container{position:relative}.comfyshade #matter-codes .copyable-container .icon-container{display:inline-block}.comfyshade #matter-codes a:not(.primary),.comfyshade #matter-codes .copyable-label{font-weight:bold;color:#d40000}.comfyshade #matter-codes a:disabled,.comfyshade #matter-codes a[disabled],.comfyshade #matter-codes a.disabled{color:#bebebe}.comfyshade .matter-setup-container{display:flex;justify-content:center;align-items:center;padding:12px}.comfyshade .matter-setup-container .matter-setup-card{width:181px;height:254px;border:3px solid #121826;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;padding:12px}.comfyshade .matter-setup-container .matter-setup-card .svg-icon{margin:0 auto}.comfyshade .matter-setup-container .matter-setup-card .matter-logo{font-size:30px;margin-bottom:12px;color:#121826;font-weight:bold}.comfyshade .matter-setup-container .matter-setup-card .qr-code-container{width:130px;height:130px;display:flex;justify-content:center;align-items:center}.comfyshade .matter-setup-container .matter-setup-card .qr-code-container .qr-code{width:100%;height:100%;object-fit:cover}.comfyshade .matter-setup-container .matter-setup-card .setup-code{width:160px;height:20px;margin-top:12px;display:flex;justify-content:center;align-items:center;font-family:"CSADigits";font-size:17px;color:#121826;font-weight:bold}.comfyshade .back-link{position:absolute;left:1.3rem;top:-1rem;color:inherit;font-weight:700;font-size:2em}.comfyshade #matter-list{font-size:.8em !important}.comfyshade #matter-list .controller-list-item{border-left:none;border-right:none;border-color:#f0f0f0}.comfyshade #matter-list .controller-list-item b,.comfyshade #matter-list .controller-list-item .h4-controller b{color:#293745 !important}.comfyshade #matter-list .controller-list-item .h4-controller{margin:0;margin-bottom:2px}.comfyshade #matter-list .controller-list-item .controller-id{color:#293745;margin-top:5px}.comfyshade #matter-list .controller-list-item .controller-id>span{display:block}.comfyshade #matter-list .controller-list-item .info-light-gray{color:#bebebe;font-size:1.2rem}.comfyshade #matter-list .controller-list-item .info-warning{color:#f7941d;font-size:1.2rem}.comfyshade #matter-list .controller-list-item .info-red{color:#f21c24;font-size:1.2rem;margin-top:.4rem}.comfyshade #matter-list .controller-list-item .logobox-container{position:relative;padding:0 12px}.comfyshade #matter-list .controller-list-item .logobox-container .logobox{padding-top:1.5em}.comfyshade #matter-list .controller-list-item .logobox-container .controller-error{position:absolute;bottom:-10px;right:5px}.comfyshade #matter-list .controller-list-item .copyable-container{position:relative}.comfyshade #matter-list .controller-list-item .copyable-container .icon-container{display:inline-block}.comfyshade #matter-list .controller-list-item .controller-last-heard{padding-top:1em;font-size:.8em}.comfyshade #matter-list .controller-actions a{margin-right:2em}.comfyshade #matter-list .controller-actions button:disabled{opacity:.5;cursor:not-allowed}.comfyshade .dialog-container .dialog .btn-group-submit button{padding:.5em}.comfyshade .back-link{position:absolute;left:1.3rem;top:-1rem;color:inherit;font-weight:700;font-size:2em}.comfyshade .matter-intro ul li{margin:0 1.5em 1em 0;align-items:flex-start !important}.comfyshade .view{color:#293745}.comfyshade .view.registration button.primary,.comfyshade .view.registration .button.primary{background:#293745;color:#fff;border-color:#293745}.comfyshade .view#register-view.inverted .navbar-default{background:#fff;color:#293745}.comfyshade .view#register-view.inverted button.primary,.comfyshade .view#register-view.inverted .button.primary{background:#293745;color:#fff;border-color:#293745}.comfyshade .view#register-view.inverted .button.primary.disabled{color:#bebebe;background:#fff}.comfyshade .view.inverted{background:#fff;color:#293745}.comfyshade .view.inverted .progress-bar-2{border-color:#fff}.comfyshade .view.inverted .progress-bar-2 .inner{background-color:#fff}.comfyshade .view.inverted .setup-code a{color:inherit}.comfyshade .view.inverted .svg-icon .filled{fill:#293745 !important}.comfyshade .view.inverted .svg-icon .filled rect{stroke:#293745 !important}.comfyshade .view.inverted ul.list li{border-top-color:#293745}.comfyshade section{border-color:#f0f0f0 !important}.comfyshade b.primary{color:#d40000}.comfyshade ul.list li{border-top-color:#f0f0f0}.comfyshade ul.list li .filled{fill:#d40000}.comfyshade ul.list li .filled rect{stroke:#d40000}.comfyshade a{color:#d40000}.comfyshade a:disabled,.comfyshade a[disabled],.comfyshade a.disabled{color:#bebebe}.comfyshade .svg-icon .filled{fill:#293745}.comfyshade .svg-icon .filled rect{stroke:#293745}.comfyshade .svg-icon.primary{color:#d40000}.comfyshade .svg-icon.primary .filled{fill:#d40000}.comfyshade .svg-icon.primary .filled rect{stroke:#d40000}.comfyshade .svg-icon.error .filled{fill:#f21c24}.comfyshade .svg-icon.error .filled rect{stroke:#f21c24}.comfyshade .loading-animation{margin-right:10px}.comfyshade .loading-animation circle{fill:#fff;transition:transform 150ms ease-out;transition-delay:150ms;transform-origin:50% 50%}.comfyshade .loading-animation circle.primary{stroke:#c1c6c8;fill:#fff}.comfyshade .loading-animation circle.primary.active{fill:#c1c6c8}.comfyshade .loading-animation line{stroke-width:5;stroke:#c1c6c8;transition:opacity 150ms;transition-delay:0;opacity:0}.comfyshade .loading-animation.success circle{fill:#c1c6c8}.comfyshade .loading-animation.success circle#second{transform:translate(-2px, 6px);transition-delay:0ms}.comfyshade .loading-animation.success circle#third{transform:translate(0, -8px);transition-delay:0ms}.comfyshade .loading-animation.success line{opacity:1;transition-delay:150ms}.comfyshade input{border-color:#293745}.comfyshade input:focus{border-color:#d40000}.comfyshade input .danger{border-color:#f21c24}.comfyshade input::placeholder{color:#293745}.comfyshade .alert{background-color:#293745;color:#fff}.comfyshade .alert.error{background-color:#293745;color:#f21c24}.comfyshade .alert.warning{background-color:#293745;color:#f7941d}.comfyshade form.inverted input{border-color:#293745;border-width:2px;background:rgba(0,0,0,0);color:#293745}.comfyshade form.inverted input:focus{border-color:#293745;color:#293745}.comfyshade form.inverted input::placeholder{color:#293745}.comfyshade .glyphicon.primary{color:#d40000}.comfyshade button,.comfyshade .button,.comfyshade a.btn{color:inherit;border-color:inherit}.comfyshade button:disabled,.comfyshade button[disabled],.comfyshade button.disabled,.comfyshade .button:disabled,.comfyshade .button[disabled],.comfyshade .button.disabled,.comfyshade a.btn:disabled,.comfyshade a.btn[disabled],.comfyshade a.btn.disabled{color:#f0f0f0;border-color:#bebebe}.comfyshade button.toggled,.comfyshade .button.toggled,.comfyshade a.btn.toggled{background:#ffe580}.comfyshade button.basic.primary,.comfyshade .button.basic.primary,.comfyshade a.btn.basic.primary{color:#293745;border-color:#293745;background:rgba(0,0,0,0)}.comfyshade button.basic.primary:disabled,.comfyshade button.basic.primary[disabled],.comfyshade button.basic.primary.disabled,.comfyshade .button.basic.primary:disabled,.comfyshade .button.basic.primary[disabled],.comfyshade .button.basic.primary.disabled,.comfyshade a.btn.basic.primary:disabled,.comfyshade a.btn.basic.primary[disabled],.comfyshade a.btn.basic.primary.disabled{color:#ffa1a1;border-color:#d40000;background:rgba(0,0,0,0)}.comfyshade button.primary,.comfyshade button.btn-default,.comfyshade .button.primary,.comfyshade .button.btn-default,.comfyshade a.btn.primary,.comfyshade a.btn.btn-default{background:#293745;color:#fff;border-color:#fff}.comfyshade button.primary:disabled,.comfyshade button.primary[disabled],.comfyshade button.primary.disabled,.comfyshade button.btn-default:disabled,.comfyshade button.btn-default[disabled],.comfyshade button.btn-default.disabled,.comfyshade .button.primary:disabled,.comfyshade .button.primary[disabled],.comfyshade .button.primary.disabled,.comfyshade .button.btn-default:disabled,.comfyshade .button.btn-default[disabled],.comfyshade .button.btn-default.disabled,.comfyshade a.btn.primary:disabled,.comfyshade a.btn.primary[disabled],.comfyshade a.btn.primary.disabled,.comfyshade a.btn.btn-default:disabled,.comfyshade a.btn.btn-default[disabled],.comfyshade a.btn.btn-default.disabled{background:#bebebe;border-color:#bebebe;color:#fff}.comfyshade button.phantom,.comfyshade .button.phantom,.comfyshade a.btn.phantom{color:#d40000;background:hsla(0,0%,100%,.8509803922);border-color:rgba(0,0,0,0)}.comfyshade button.full.danger,.comfyshade .button.full.danger,.comfyshade a.btn.full.danger{background:#f21c24;color:#fff;border-color:#f21c24}.comfyshade button.full.danger:disabled,.comfyshade button.full.danger[disabled],.comfyshade button.full.danger.disabled,.comfyshade .button.full.danger:disabled,.comfyshade .button.full.danger[disabled],.comfyshade .button.full.danger.disabled,.comfyshade a.btn.full.danger:disabled,.comfyshade a.btn.full.danger[disabled],.comfyshade a.btn.full.danger.disabled{background:#f21c24;border-color:#f21c24}.comfyshade button.danger,.comfyshade .button.danger,.comfyshade a.btn.danger{background:#f21c24;color:#fff;border-color:#f21c24}.comfyshade button.danger:disabled,.comfyshade button.danger[disabled],.comfyshade button.danger.disabled,.comfyshade .button.danger:disabled,.comfyshade .button.danger[disabled],.comfyshade .button.danger.disabled,.comfyshade a.btn.danger:disabled,.comfyshade a.btn.danger[disabled],.comfyshade a.btn.danger.disabled{background:#f21c24;border-color:#f21c24}.comfyshade p.danger{color:#f21c24}.comfyshade .toggle{color:#d40000}.comfyshade .toggle.active{background:#ffe580}.comfyshade .toggle.disabled{opacity:.35}.comfyshade .toggle span{color:#293745}.comfyshade .toast{background:#d40000;color:#fff}.comfyshade .toast-container.error .toast{background:#f21c24}.comfyshade .days-input a{color:#293745;border-color:#293745}.comfyshade .days-input a.active{background:#ffe580}.comfyshade .dialog:has(.time-input) .header{background-color:#d40000}.comfyshade .dialog:has(.time-input) .body .time-input .roll .selected{color:#293745;border-top-color:#293745;border-bottom-color:#293745}.comfyshade .dialog:has(.time-input) .body .time-input .roll.focus .selected{border-top-color:#d40000 !important;border-bottom-color:#d40000 !important}.comfyshade .dialog:has(.time-input) .body .time-input .roll .background{color:#bebebe}.comfyshade .dialog:has(.time-input) .btn-group-submit .primary{background-color:#d40000}.comfyshade .svg-icon .primary{fill:#d40000}.comfyshade .svg-icon .base{fill:#293745}.comfyshade .svg-icon .white{fill:#fff}.comfyshade .svg-icon .grey{fill:#293745}.comfyshade .svg-icon.control-icon.active svg .main-icon{fill:#d40000;color:#d40000}.comfyshade .icon-container.control-icon.active{color:#d40000}.comfyshade .navbar{background-color:#e9ebec;color:#293745}.comfyshade .navbar .svg-icon svg{fill:#293745}.comfyshade .navbar.navbar-inverse{background-color:#f0f0f0;color:#fff}.comfyshade .navbar.navbar-inverse .svg-icon svg{fill:#fff}.comfyshade .dialog .header{background:#d40000;color:#fff}.comfyshade h4 b{color:#d40000}.comfyshade .light{color:#bebebe}.comfyshade .medium-gray{color:#6e6e70}.comfyshade .dark-gray{color:#333}.comfyshade .caption{color:#bebebe}.comfyshade .remote .control-icon{color:#293745}.comfyshade .remote--spaced .control-icon{margin:1em 1.25em 2em}.comfyshade .remote .svg-icon.control-icon svg{fill:rgba(0,0,0,0)}.comfyshade h1.error,.comfyshade h2.error,.comfyshade h3.error,.comfyshade h4.error,.comfyshade h5.error,.comfyshade h6.error,.comfyshade p.error,.comfyshade a.error,.comfyshade span.error,.comfyshade small.error{color:#f21c24}.comfyshade h1.warning,.comfyshade h2.warning,.comfyshade h3.warning,.comfyshade h4.warning,.comfyshade h5.warning,.comfyshade h6.warning,.comfyshade p.warning,.comfyshade a.warning,.comfyshade span.warning,.comfyshade small.warning{color:#f7941d}.comfyshade .progress-bar-2{border-color:#293745}.comfyshade .progress-bar-2 .inner{background-color:#293745}.comfyshade .progress-bar-2.primary{border-color:#d40000}.comfyshade .progress-bar-2.primary .inner{background-color:#d40000}.comfyshade .progress-bar-2.error{border-color:#f21c24}.comfyshade .progress-bar-2.error .inner{background-color:#f21c24}.comfyshade .card{border-radius:8px;color:#293745}.comfyshade .card .top{border-radius:8px 8px 0 0;background:#e9eaef}.comfyshade .card.read .top{background:#e9eaef}.comfyshade .card.unread .top{background:#ffe580}.comfyshade .card.emphasis .top{background:#bcc0cd}.comfyshade .context-menu{color:#293745}.comfyshade .context-menu svg{fill:#293745}.comfyshade .select-input .choices{background:#fff;color:#293745}.comfyshade #room-form-view .select-input .choices svg{fill:#293745}.comfyshade #room-form-view .select-input .choices svg .filled{fill:#293745}.comfyshade #room-form-view .select-input .choices .list svg{fill:#d40000}.comfyshade #room-form-view .select-input .choices .list svg .filled{fill:#d40000}.comfyshade .tabs{border-color:#f0f0f0}.comfyshade .tabs .tab a{color:#293745}.comfyshade .tabs .line{background:#d40000}.comfyshade .switch input:checked~label:before{background-color:#d40000}.comfyshade .switch input:checked~label:after{background-color:#6a0000;border-color:#6a0000}.comfyshade #choose-controller-view .toggle,.comfyshade #choose-match-view #match-brand .toggle{border-color:#293745}.comfyshade #choose-remote-view .filters .toggle span{color:#d40000}.comfyshade div.warning{background:#f21c24}.comfyshade #blind-prepare-view .caption,.comfyshade #blind-pair-view .caption,.comfyshade #enable-bluetooth .caption,.comfyshade #select-ble-blinds .caption,.comfyshade #pair-ble-blind .caption{color:#f7941d}.comfyshade #blind-prepare-view .scan-item .caption,.comfyshade #blind-pair-view .scan-item .caption,.comfyshade #enable-bluetooth .scan-item .caption,.comfyshade #select-ble-blinds .scan-item .caption,.comfyshade #pair-ble-blind .scan-item .caption{color:#bebebe}.comfyshade #blind-pair-view button.primary[disabled]{color:#fff;border-color:#bebebe;background:#bebebe}.comfyshade svg .main-icon{fill:#293745}.comfyshade svg .dark-gray{fill:#333}.comfyshade svg .medium-gray{fill:#6e6e70}.comfyshade svg .light-gray{fill:#f0f0f0}.comfyshade svg .gray{fill:#bebebe}.comfyshade svg .kinda-white{fill:#ddd}.comfyshade svg .hexagon{fill:rgba(0,0,0,0)}.comfyshade svg .primary{fill:#d40000}.comfyshade svg .base-lighten{fill:hsl(210,10.4545454545%,51.568627451%)}.comfyshade .card svg .hexagon{fill:#ffe580}.comfyshade .slider-container .left{background:#d40000}.comfyshade .slider-container .thumb{background:#d40000}.comfyshade .blind-added-success .superimposed.error .menu-error circle{fill:#f21c24;stroke:#f21c24}.comfyshade .blind-added-success .superimposed.error .menu-error path{fill:#fff}.comfyshade .card-badge{background-color:#3a3a3a}.comfyshade .card-badge:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #3a3a3a rgba(0,0,0,0)}.comfyshade .card-badge.danger{background-color:#f21c24}.comfyshade .card-badge.danger:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #f21c24 rgba(0,0,0,0)}.comfyshade .service-status.operational{background:rgb(142.3333333333,211.6666666667,144.8095238095)}.comfyshade .service-status.under_maintenance{background:#ffe580}.comfyshade .service-status.degraded_performance{background:rgb(255,164.4,102)}.comfyshade .service-status.partial_outage{background:rgb(255,164.4,102)}.comfyshade .service-status.major_outage{background:rgb(247.525,124.475,129.075)}.comfyshade .list-group-item{background-color:#fff !important}.comfyshade .modal-backdrop{background-color:#000 !important}.comfyshade #controller-view .list-group-item:not(.drawer-main .list-group-item){color:#293745 !important}.comfyshade .modal-body p{text-align:initial;margin-bottom:0px}.comfyshade .pairing-instruction p{text-align:initial;margin-bottom:12.5px}.comfyshade .room-icon svg .primary{fill:#293745}.comfyshade ul.list li .filled,.comfyshade #room-form-view .select-input .choices .svg-icon svg .filled{fill:#d40000 !important}.comfyshade .app-mainpage{color:#6e6e70 !important}.comfyshade .app-mainpage h1,.comfyshade .app-mainpage h2,.comfyshade .app-mainpage h3{color:#d40000 !important}.comfyshade .brand-icon{height:80px !important;margin-bottom:0 !important;margin-top:30% !important;max-width:80% !important}@media only screen and (max-width: 500px){.comfyshade .icon-choices .toggle{width:90px}}@media only screen and (max-width: 500px){.comfyshade .view .btn-group-submit{width:100%;display:block !important;justify-content:initial !important;align-items:initial !important}.comfyshade .view .dialog .btn-group-submit{display:flex !important}}@media only screen and (max-width: 400px){.comfyshade .view{font-size:.8em !important}.comfyshade .view .btn-group-submit{justify-content:center !important}.comfyshade .view .btn-group-submit button{flex:1 !important}.comfyshade .view .icon-choices .toggle{margin:0 .4em}.comfyshade #schedule-view section.centered{font-size:.85em}}@media only screen and (max-width: 375px){.comfyshade #schedule-view section.centered{font-size:.75em}.comfyshade .toggle-break{flex-basis:auto !important}}@media only screen and (min-width: 770px){.comfyshade .icon-choices{justify-content:flex-start !important}}@media only screen and (max-width: 500px){.comfyshade .icon-choices .toggle{width:90px}.comfyshade #schedule-view section.centered{font-size:.85em}}/*# sourceMappingURL=comfyshade.css.map */
