:root{--title-bar-bg:#7e7e7e;--panel-bg:hsla(0,0%,91.4%,0.8);--title-color:#fff;--text-color:#282c34;--green-text:#00661a;--highlight-color:#ffb700;--black:var(--text-color)}.title-panel{background-color:#7e7e7e;background-color:var(--title-bar-bg);color:#fff;color:var(--title-color);margin:2px;padding:10px}.content-panel{background-color:hsla(0,0%,91.4%,.8);background-color:var(--panel-bg);color:#282c34;color:var(--text-color);margin:2px;padding:10px}.content-panel>.title-panel,.title-panel>.content-panel{margin:0}h1,h2,h3,h4,p{color:inherit!important;padding:0}html{background-color:#fff;color:#282c34;color:var(--text-color);background:url(/background-wide02.jpg) 50%;background-attachment:fixed;height:100%;background-size:cover;font-weight:300}html.transparentBg{background-color:transparent;background:none}body{margin:0}code{font-family:Overpass Mono,monospace}.setuploader:last-child{border-bottom:none!important}button{height:38px;background-color:#ffac00;border-radius:4px;box-shadow:inset 0 0 20px #ff5900;transition:.2s;cursor:default;border-width:0;text-transform:uppercase;color:#fff;padding:3px 12px}button[disabled]{-webkit-filter:grayscale(100%);filter:grayscale(100%);cursor:not-allowed;opacity:.5}button:active{-webkit-transform:scale(.96);transform:scale(.96)}h1,h2,h3,p{color:#fff}a{color:#218fff}#main h1,#main h2,#main h3,#main p{margin-top:0}.id{font-size:90%;opacity:.5;margin-bottom:.5em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;width:100%;white-space:nowrap}.App{min-height:100vh;display:flex;flex-direction:column;font-size:14px;padding:35px 65px;box-sizing:border-box}.hideHeader .App-header,.hideHeader .devices{display:none}.hideHeader .App{padding:15px}.App.framed{min-height:0}.App-body{font-size:calc(10px + 1vmin)}.App-body,.App-body>div:first-child{flex:1 1;display:flex;flex-direction:column}.App-body>div:first-child{justify-content:center;align-content:center}.App-logo{height:40vmin}.App-header{display:flex;align-items:center;justify-content:left;padding:15px;background-color:var(--title-bar-bg)}.inframe .App-header{padding-top:15vh}.framed{padding:0}.framed .instructions p{padding-left:0;padding-right:0}.instructions p{font-size:14px;font-weight:300;padding:10px}.App-footer{padding:3vh 0}.appstore-links{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:2vh}.appstore-links>a{height:50px}.appstore-links img{max-height:100%;width:auto}.linkedset .appstore-links>a{height:60px}.App-footer,.App-header{color:#fff}.App-link{color:#09d3ac}.overlay{position:fixed;left:0;top:0;height:100%;width:100%;background-color:hsla(0,0%,100%,0);pointer-events:none;text-align:center;transition:all .2s ease;opacity:0;color:var(--black);box-sizing:border-box;padding:5em}.overlay.shown{background-color:#fff;pointer-events:all;opacity:1}.overlay.shown .inner{display:block;pointer-events:all;-webkit-transform:translateY(0);transform:translateY(0)}.overlay .inner{-webkit-transform:translateY(20%);transform:translateY(20%);transition:all .3s ease;pointer-events:none;padding:2em 4em;font-size:65%;width:auto;margin:auto}.account,.devicelinkbutton,.screentopright{position:absolute;top:2em;right:2em;outline:none}.devicelinkbutton{background-color:#333;box-shadow:none}.linkedset .devicelinkbutton{position:static;display:inline-block;margin:auto}.devicelink input::selection{background-color:rgba(0,0,0,.6666666666666666)}.devicelink input{display:inline-block;width:1em;text-align:center;margin:.2em;font-size:26px;border-width:1px;border-radius:4px;padding:.25em .35em}.devicelink input:focus{border-color:var(--highlight-color);color:var(--highlight-color)}.devicelink p,.qrwindow p{margin-bottom:1em}.devicelink .inputs{margin:1em}.devicelink .inputs input:nth-child(3){margin-right:.6em}.cloudicon circle{stroke:#000}.cloudicon path{fill:var(--black)}.loader{border:4px solid hsla(0,0%,100%,.1);border-top-color:#f3f3f3;border-radius:50%;width:30px;height:30px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:auto}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse{0%{-webkit-filter:brightness(.9);filter:brightness(.9)}to{-webkit-filter:brightness(1);filter:brightness(1)}}@keyframes pulse{0%{-webkit-filter:brightness(.9);filter:brightness(.9)}to{-webkit-filter:brightness(1);filter:brightness(1)}}.devicelinkbutton.linked{-webkit-animation:pulse 1s ease infinite alternate;animation:pulse 1s ease infinite alternate}.link-success{line-height:1.5em;font-size:120%;padding:.5em 1em .15em;border:1px solid #aaa;background-color:#333;border-radius:5px;box-shadow:inset 1px 1px 5px rgba(0,0,0,.76);margin-bottom:1em}.link-success img{display:inline-block;vertical-align:text-top;height:1.35em;margin-right:.25em}input{border:solid hsla(0,0%,80%,.8);border-width:0 0 1px;font-size:110%;color:var(--black);padding:.2em 0;margin:.1em;background-color:transparent!important;outline:none;display:block;width:100%}.devices{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:5px;align-items:center;font-weight:500;justify-content:flex-start}.devices,.panelnav{-webkit-user-select:none;-ms-user-select:none;user-select:none}.panelnav{min-width:200px}.panelnav ul{list-style-type:none;padding:0;margin:0}.device .header{width:100%;display:flex;flex-direction:row;justify-content:space-between}.device .label{font-size:120%;display:block}.device .type{font-size:80%}.device .type:before{content:"("}.device .type:after{content:")"}.device .state{font-size:70%;font-weight:700;text-transform:uppercase;color:#ccc}.device .state-online{color:var(--green-text)}.device .state-offline{color:#666}.device-dashboard{display:flex;flex-direction:row;justify-content:flex-start;align-items:left;margin-top:2em}.device-dashboard>.content-panel{flex:1 1}.devices .device{display:flex;align-items:flex-start;flex-direction:column;line-height:1.5em;flex-basis:250px;opacity:.65}.device-dashboard{position:relative}.device-dashboard.disabled>*{visibility:hidden;pointer-events:none}.device-dashboard.disabled:after{content:"Device is offline.";position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;font-size:200%;background-color:hsla(0,0%,100%,.2)}.devices .device.device-online{opacity:1}.devices .device.selected{background-color:var(--highlight-color);font-weight:700;color:var(--black)}.devices .device .controls{margin-left:1em}.devices .device .controls>*{cursor:pointer}.devices .device .controls .remove{overflow:hidden;display:block;width:1em;height:1em;text-indent:9999px;position:relative}.devices .device .controls .remove:before{content:"+";position:absolute;top:-.25em;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);text-indent:0;font-size:2em;line-height:1em}.box__dragndrop{display:none}.box.has-advanced-upload{background-color:rgba(0,0,0,.5);transition:all .3s ease;color:#fff}.box.has-advanced-upload .box__dragndrop{display:inline}.box.is-dragover{background-color:rgba(0,0,0,.75);outline-offset:-20px;color:#000}.box.is-dragover .box__icon{fill:#5ea8e8}.box{font-size:18px;background-color:#c8dadf;position:relative;max-width:500px;width:40vh;overflow:hidden;margin:10px auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.box p{font-size:inherit}.box__input{flex:1 1;position:absolute;box-sizing:border-box;padding:20px}.box__icon{width:100%;height:80px;fill:#fff;display:block;margin-bottom:40px}.box__file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.box__button{display:none}.box:after{content:"";display:block;padding-bottom:100%}.dropzone{flex:1 1;display:flex;justify-content:center;align-items:center}.progress{display:flex;flex-direction:row;color:#ccc;font-family:Overpass Mono,monospace;line-height:1.5em;width:100%}.progresscontainer{flex:1 1;position:relative;background-color:#1e2f3e;box-shadow:inset 1px 1px 5px rgba(0,0,0,.65);border-radius:10px;border:1px solid #1e2f3e;width:100%;overflow:hidden;height:2.5em;font-size:75%;text-align:center;margin-right:1em}.progressbar{background-color:#5ea8e8;height:100%;transition:all 1s linear;padding:0 10px;margin-left:-10px}.progresstext{position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#ccc;font-family:Overpass Mono,monospace;line-height:1.1em;mix-blend-mode:color-dodge}.upload{display:grid;grid-template-columns:2fr 1fr 1fr 4fr;margin:auto;justify-items:center;align-items:center;overflow:hidden;font-size:90%}.upload .processingcontainer{-webkit-transform:scale(.65) translateY(-1.5em);transform:scale(.65) translateY(-1.5em);height:5em}.upload h3{margin-bottom:.2em}.upload p{margin-bottom:.5em;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.link,.upload p{word-break:break-all}.link{font-size:90%}.spot{height:1.5em;width:1.5em;overflow:hidden;margin:.1em;border-radius:1em;background-color:#218fff;border:2px solid #1d1e20;transition:all .3s ease}.out{background-color:#ffac00;opacity:.75}.processingcontainer{-webkit-perspective:512px;perspective:512px;position:relative;height:6em}.layer{display:grid;position:absolute;margin-left:-2em;grid-template-columns:repeat(3,1fr);left:50%}.layer:first-child{-webkit-transform:translateZ(0);transform:translateZ(0)}.layer{-webkit-transform:translate3D(-.8em,.8em,.8em);transform:translate3D(-.8em,.8em,.8em)}.layer:last-child{-webkit-transform:translate3D(-1.6em,1.6em,1.6em);transform:translate3D(-1.6em,1.6em,1.6em)}.setuploader{border-bottom:1px solid #707982;padding:1em 0;display:block;overflow:hidden}.data-preview-image{aspect-ratio:1/1;width:auto;background-size:contain;background-color:#fff;grid-area:pic}.dataset h1,.dataset h2,.dataset h3{margin:0}.saving{pointer-events:none;-webkit-filter:saturate(.8);filter:saturate(.8);opacity:.9}.actions{grid-area:actions}.dataset button{height:auto;padding:6px 12px;margin:-1px 5px 0}.dataset h3{grid-area:title;font-size:120%;margin-top:10px}.input{grid-area:input;display:flex;flex-direction:row;justify-content:left;align-items:center}.input label{text-transform:uppercase;font-weight:700;margin-right:15px}.delete{grid-area:delete;align-items:center;justify-content:center;text-align:right;margin:15px}.dataset{-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:#e3e3e3;color:#383838;align-items:start;padding:0;display:grid;grid-column-gap:15px;grid-template-columns:128px auto;grid-template-rows:auto auto;grid-template-areas:"pic title delete" "pic input delete"}.dataset:hover{background-color:#d1d1d1}.dataset input[type=text]{background-color:#fefefe!important;margin:0;padding:5px}
/*# sourceMappingURL=main.45aea44c.chunk.css.map */