@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);*,:after,:before{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-weight:400;margin:0;padding:0}ol,ul{list-style:none}img{height:auto;max-width:100%}.grid{display:grid;grid-template-columns:repeat(12,1fr)}.grid>div.col-1{grid-column:auto/span 1}.grid>div.col-2{grid-column:auto/span 2}.grid>div.col-3{grid-column:auto/span 3}.grid>div.col-4{grid-column:auto/span 4}.grid>div.col-5{grid-column:auto/span 5}.grid>div.col-6{grid-column:auto/span 6}.grid>div.col-7{grid-column:auto/span 7}.grid>div.col-8{grid-column:auto/span 8}.grid>div.col-9{grid-column:auto/span 9}.grid>div.col-10{grid-column:auto/span 10}.grid>div.col-11{grid-column:auto/span 11}.grid>div.col-12{grid-column:auto/span 12}.grid.gap-xs{grid-gap:10px;column-gap:min(10px,8.3333333333%)}.grid.gap-s{grid-gap:20px;column-gap:min(20px,8.3333333333%)}.grid.gap-md{grid-gap:40px;column-gap:min(40px,8.3333333333%)}.grid.gap-l{grid-gap:60px;column-gap:min(60px,8.3333333333%)}.grid.gap-xl{grid-gap:80px;column-gap:min(80px,8.3333333333%)}@media screen and (max-width:1024px){.grid.mq-desktop>div[class^=col]{grid-column:span 12}}@media screen and (max-width:768px){.grid.mq-tablet>div[class*=col-]{grid-column:span 12}.grid.mq-tablet>div[class*=col-]:empty{display:none}}label:not(.checkbox){display:block;font-size:1em;margin-top:1em}label:not(.checkbox) small{color:#858585;display:block;font-size:1em}label:not(.checkbox).checkbox,label:not(.checkbox).checkbox input{margin-left:.5em}input:not([type=checkbox]):not([type=radio]),select{align-items:center;background-color:#323232;border:none;border-radius:50px;color:#fff;display:block;font-size:1em;height:45px;justify-content:flex-start;margin-top:.8em;outline:none;padding:.5em 1em;text-decoration:none;width:100%}input:not([type=checkbox]):not([type=radio]):focus,select:focus{box-shadow:inset 0 0 0 1px #bbb}#root,body,html{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181818;color:#fff;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0;margin:0}*{box-sizing:border-box}.App{display:flex;max-height:100vh;min-height:100%}.App ::-webkit-scrollbar-thumb{background-color:#626262;border-radius:4px}.App ::-webkit-scrollbar-thumb:horizontal:hover,.App ::-webkit-scrollbar-thumb:vertical:hover{background-color:#9f9f9f}.App ::-webkit-scrollbar{height:5px;width:5px}.App ::-webkit-scrollbar-track,.App ::-webkit-scrollbar-track-piece{border-radius:4px}.App h3{margin-bottom:1em}.App h3:not(:first-child){margin-top:2em}.App>.left-col{align-items:stretch;border-right:2px solid #565656;display:flex;flex-direction:column;width:420px}.App>.left-col .left-col-content{display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 70px);overflow-y:auto;padding:20px}.App>.left-col .buttons{display:flex;margin-top:auto;padding:1em 20px}.App>.left-col .buttons .button{display:flex;flex:1 1;justify-content:center}.App>.timelines{flex:1 1;overflow-y:auto;padding:20px}.App .button-round{align-items:center;background-color:#323232;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2em;height:40px;justify-content:center;text-decoration:none;width:40px}.App .button-round:not(:first-child){margin-left:.5em}.App .button-round:hover{background-color:#444}.App .button-round.button-dark{background-color:#181818}.App .button-round.button-add{font-size:1em;height:30px;margin-left:.5em;width:30px}.App .share-input{position:relative}.App .share-input a.button-round{position:absolute;right:7px;top:7px}.App .button{align-items:center;background-color:#323232;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:80%;height:40px;justify-content:flex-start;padding:.5em 1em;text-decoration:none}.App .button:hover{background-color:#444}.App .button:not(:first-child){margin-left:.5em}.App .button.button-dark{background-color:#181818}.App .button .svg-inline--fa{font-size:1.2em;margin-right:.5em}.App .variable{background-color:#323232;border-radius:100px;display:flex;padding:13px 20px;position:relative}.App .variable span{flex:1 1}.App .device{align-items:center;background-color:#323232;background-image:linear-gradient(-90deg,#323232,#181818);border-radius:100px;display:flex;height:70px;padding-right:.5em;position:relative}.App .device img.icon{height:100%}.App .device .description{flex:1 1;padding:10px 20px 10px 10px;width:0}.App .device .description h4{font-weight:700}.App .device .description p{align-items:center;font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.App .device .description .elipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}.App .device .delete-device,.App .device .delete-keyframe,.App .device .delete-variable,.App .keyframe .delete-device,.App .keyframe .delete-keyframe,.App .keyframe .delete-variable,.App .variable .delete-device,.App .variable .delete-keyframe,.App .variable .delete-variable{cursor:pointer;transition:opacity .1s ease-in-out}.App .callback_url{pointer-events:none}.App .callback_url input{padding-right:3em;pointer-events:none}.App .callback_url input+.svg-inline--fa{cursor:pointer;display:block;left:calc(100% - 30px);margin-top:-18px;pointer-events:auto;position:relative;transform:translateY(-14px)}.App .delete{color:#f90;cursor:pointer;display:inline-block;margin-top:.6em;text-decoration:underline}.App .orange{color:#f90}.Batch{border-bottom:1px solid #565656;margin-bottom:20px;padding-bottom:20px;position:relative}.Batch.collapsed .batch-body,.Batch.collapsed .batch-controls{display:none}.Batch .card-header{display:flex;justify-content:space-between}.Batch .card-header .card-header-content{align-items:center;display:flex}.Batch .card-header .collapse-button{cursor:pointer;margin-right:10px}.Batch .card-header .batch-status{align-items:center;border-radius:9px;display:flex;font-size:12px;height:18px;margin-left:10px;padding:0 5px}.Batch .card-header .batch-status.running{background-color:#972525}.Batch .card-header .batch-status.completed{background-color:#2e9725}.Batch .card-header .batch-status.stopped{background-color:#252597}.Batch .card-header .batch-status>svg{font-size:8px;margin-right:5px}.Batch .card-header .batch-status small{margin-left:5px}.Batch .delete-batch{cursor:pointer}.Batch .play-bar{height:100%;width:1px}.Batch .play-bar,.Batch .play-bar .play-bar-top{background-color:#972525;position:absolute;top:0}.Batch .play-bar .play-bar-top{border-radius:100%;height:6px;left:-2.5px;width:6px}.Batch .keyframe{align-items:center;cursor:pointer;display:flex;height:40px;padding:10px;position:relative;width:200px}.Batch .keyframe .delete-keyframe{margin-left:10px}.Batch .keyframe.actuation svg{margin-right:5px}.Batch .batch-controls{display:flex;margin-left:15px}.Batch .batch-controls .control-button{cursor:pointer;padding:0 5px}.Batch .batch-controls .control-button.hide{display:none}.Batch .batch-delay-header{align-items:center;display:flex;margin-bottom:40px}.Batch .batch-delay-header>*{min-width:120px;padding-left:5px;width:120px}.Batch .batch-delay-header>:first-child{min-width:180px;width:180px}.Batch .batch-body{margin-top:20px;max-width:calc(100vw - 460px);overflow-x:auto;overflow-y:hidden;padding-bottom:50px;position:relative}.Batch .batch-body .timeline-steps{display:flex;height:100%;left:180px;pointer-events:none;position:absolute;top:0}.Batch .batch-body .timeline-steps .step{height:100%;position:relative;width:120px}.Batch .batch-body .timeline-steps .step:before{background-color:#565656;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:1px}.Batch .batch-body .separator{height:25px;position:relative;top:5px}.Batch .batch-body .separator:before{background-color:#565656;content:"";display:block;height:1px;margin:10px 0;width:70px}.Batch .batch-body .separator .button-round{left:13px;position:absolute;top:-15px}.Batch .batch-body .devices .line,.Batch .batch-body .errors .line,.Batch .batch-body .variables .line{align-items:center;display:flex}.Batch .batch-body .devices .line .name,.Batch .batch-body .errors .line .name,.Batch .batch-body .variables .line .name{margin-right:1px;max-width:180px;width:180px}.Batch .batch-body .devices .line .line-content,.Batch .batch-body .errors .line .line-content,.Batch .batch-body .variables .line .line-content{height:40px;margin-bottom:10px;position:relative}.Batch .batch-body .devices .line .line-content.actuation,.Batch .batch-body .errors .line .line-content.actuation,.Batch .batch-body .variables .line .line-content.actuation{background-color:rgba(151,37,37,.302);margin-bottom:0}.Batch .batch-body .devices .line .line-content .keyframe,.Batch .batch-body .errors .line .line-content .keyframe,.Batch .batch-body .variables .line .line-content .keyframe{align-items:center;display:flex;height:40px;padding:10px;position:absolute;width:200px}.Batch .batch-body .devices .line .line-content .keyframe.bg-1,.Batch .batch-body .errors .line .line-content .keyframe.bg-1,.Batch .batch-body .variables .line .line-content .keyframe.bg-1{background:linear-gradient(90deg,#001d54,#262e48 .01%,#181818)}.Batch .batch-body .devices .line .line-content .keyframe.bg-2,.Batch .batch-body .errors .line .line-content .keyframe.bg-2,.Batch .batch-body .variables .line .line-content .keyframe.bg-2{background:linear-gradient(90deg,#264846,#181818)}.Batch .batch-body .devices .line .line-content .keyframe.bg-3,.Batch .batch-body .errors .line .line-content .keyframe.bg-3,.Batch .batch-body .variables .line .line-content .keyframe.bg-3{background:linear-gradient(90deg,#3b2759,#181818)}.Batch .batch-body .devices .line .line-content .keyframe.bg-4,.Batch .batch-body .errors .line .line-content .keyframe.bg-4,.Batch .batch-body .variables .line .line-content .keyframe.bg-4{background:linear-gradient(90deg,#59273b,#181818)}.Batch .batch-body .devices .line .line-content .keyframe.bg-5,.Batch .batch-body .errors .line .line-content .keyframe.bg-5,.Batch .batch-body .variables .line .line-content .keyframe.bg-5{background:linear-gradient(90deg,#594827,#181818)}.Batch .batch-body .variables .line{min-width:100%}.Batch .batch-body .variables .line .name{align-items:center;display:flex;justify-content:space-between;padding-right:20px}.Batch .batch-body .variables .line:hover{background:#ffffff1a}.Batch .batch-body .variables .line:hover .keyframe.bg-1{background:linear-gradient(90deg,#001d54,#262e48 .01%,#303030)}.Batch .batch-body .variables .line:hover .keyframe.bg-2{background:linear-gradient(90deg,#264846,#303030)}.Batch .batch-body .variables .line:hover .keyframe.bg-3{background:linear-gradient(90deg,#3b2759,#303030)}.Batch .batch-body .variables .line:hover .keyframe.bg-4{background:linear-gradient(90deg,#59273b,#303030)}.Batch .batch-body .variables .line:hover .keyframe.bg-5{background:linear-gradient(90deg,#594827,#303030)}.Batch .batch-body .devices>.line{display:-webkit-box}.Batch .batch-body .devices>.line .name{align-items:center;display:flex}.Batch .batch-body .devices>.line .name img{height:35px;margin-right:.5em}.Batch .batch-body .errors .keyframe{color:#f90;margin:0;padding:0!important}.Batch .batch-body .errors .data_log_error{position:relative}.Batch .batch-body .errors .data_log_error>div{background-color:#794900;border-radius:1em;color:#fff;display:none;max-width:800px;overflow:auto;padding:.5em 1em;position:absolute;top:150%;z-index:1}.Batch .batch-body .errors .data_log_error:hover>div{display:block}.modal_Modal__pBrHk{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#55515133;bottom:0;left:0;overflow:auto;padding:2rem 0;position:fixed;right:0;top:0;z-index:1}.modal_Modal__pBrHk>div{display:table;min-height:100%;width:100%}.modal_Modal__pBrHk>div>div{display:table-cell;vertical-align:middle}.modal_ModalContent__fkZ4l{background:#181818;border-radius:10px;flex-direction:column;margin:auto;max-width:600px;padding:2rem;position:relative;width:95%}.modal_ModalContent__fkZ4l .closeButton{cursor:pointer;position:absolute;right:15px;top:15px}.modal_ModalContent__fkZ4l .actions,.modal_ModalContent__fkZ4l .modalFooter{margin-top:auto;padding-top:33px;text-align:center}.modal_ModalContent__fkZ4l .buttonWrapper{display:flex;gap:15px;justify-content:center}.modal_ModalContent__fkZ4l .modal-footer{display:flex;justify-content:center;margin-top:1.5em}.modal_ModalContent__fkZ4l .modal-footer>:first-child{flex:1 1}
/*# sourceMappingURL=main.d446fe5a.css.map*/