.grid-wrapp{position:relative;padding:50px;display:inline-block}.grid-wrapp:last-child{margin-bottom:0}.grid{display:inline-grid}.grid.reverse{transform:rotateX(180deg);margin:-50px 0 -20px}.grid.reverse .cell-index{top:auto;bottom:7px;transform:rotateX(180deg)}.grid-btns{position:absolute;display:flex;justify-content:center;align-items:center;font-family:Lucida Grande,sans-serif}.grid-btns button{border:0;margin:2px;font-size:1.25rem;line-height:1;background-color:green;color:#fff}.grid-btns-bottom,.grid-btns-top{height:40px;left:0;right:0}.grid-btns-left,.grid-btns-right{width:40px;top:0;bottom:0;flex-direction:column}.grid-btns-top{top:0}.grid-btns-bottom{bottom:0}.grid-btns-right{right:0}.grid-btns-left{left:0}.cell{padding:7px;display:flex;flex-direction:column;position:relative;width:60px;height:60px;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cell.disabled{z-index:0}.cell.disabled .cell-body{background-color:#f0f0f0;border:0;cursor:default;border-radius:0}.cell.disabled .cell-body:before{display:none}.cell-body{border:1px solid #ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:auto;border-radius:50%}.cell-body:before{content:"";position:absolute;left:3px;right:3px;top:3px;bottom:3px;border:1px solid #f0f0f0}.bus{position:absolute;cursor:pointer;z-index:1}.bus:hover{background-color:#ccc}.bus:hover .mustache{display:block}.bus:before{content:"";position:absolute;background-color:red;opacity:0;z-index:2;will-change:opacity}.bus.active:before{opacity:1}.bus-bottom,.bus-top{left:0;right:0;height:14px}.bus-bottom:before,.bus-top:before{top:50%;left:-1px;right:-1px;height:4px;margin-top:-2px}.bus-left,.bus-right{top:0;bottom:0;width:14px}.bus-left:before,.bus-right:before{left:50%;top:-1px;bottom:-1px;width:4px;margin-left:-2px}.bus-top{top:-7px}.bus-top.top-close:before{right:calc(50% - 1px)}.bus-top.top-close-alt:before{left:calc(50% - 1px)}.bus-right{right:-7px}.bus-right.right-close:before{bottom:calc(50% - 1px)}.bus-right.right-close-alt:before{top:calc(50% - 1px)}.bus-bottom{bottom:-7px}.bus-bottom.bottom-close:before{right:calc(50% - 1px)}.bus-bottom.bottom-close-alt:before{left:calc(50% - 1px)}.bus-left{left:-7px}.bus-left.left-close:before{bottom:calc(50% - 1px)}.bus-left.left-close-alt:before{top:calc(50% - 1px)}.cell-index{position:absolute;right:7px;top:7px;pointer-events:none;font-size:12px;z-index:6;border-radius:0 0 0 50%;width:14px;height:14px}.cell-index,.polus{font-weight:700;background-color:#fff}.polus{width:20px;height:20px;border-radius:50%;position:relative;opacity:0;z-index:66;will-change:opacity;background-position:50%;background-repeat:no-repeat;background-size:16px 16px}.polus.plus{color:red;opacity:1;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDBhMS42IDEuNiAwIDAxMS42IDEuNnY0LjhoNC44YTEuNiAxLjYgMCAxMTAgMy4ySDkuNnY0LjhhMS42IDEuNiAwIDExLTMuMiAwVjkuNkgxLjZhMS42IDEuNiAwIDAxMC0zLjJoNC44VjEuNkExLjYgMS42IDAgMDE4IDB6IiBmaWxsPSIjMjcyNjM2Ii8+PC9zdmc+")}.polus.minus{color:#000;opacity:1;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjQgNi40YTEuNiAxLjYgMCAxMTAgMy4ySDEuNmExLjYgMS42IDAgMDEwLTMuMmgxMi44eiIgZmlsbD0iIzI3MjYzNiIvPjwvc3ZnPg==")}.mustache{width:20px;height:20px;background-color:#fff;font-family:Lucida Grande,sans-serif}.mustache,.mustache:before{position:absolute;display:none}.mustache:before{content:"";background-color:red;border:1px solid #fff}.mustache.active{display:block;background:none;border-radius:0;font-size:0}.mustache.active:before{display:block}.mustache-bottom,.mustache-top{left:50%;margin-left:-10px}.mustache-bottom:before,.mustache-top:before{width:4px;left:50%;margin-left:-2px;height:21px}.mustache-top{bottom:100%;margin-bottom:-7px;border-radius:10px 10px 0 0}.mustache-top:before{bottom:0}.mustache-bottom{top:100%;margin-top:-7px;border-radius:0 0 10px 10px}.mustache-bottom:before{top:0}.mustache-left,.mustache-right{top:50%;margin-top:-10px}.mustache-left:before,.mustache-right:before{height:4px;top:50%;margin-top:-2px;width:21px}.mustache-left{right:100%;margin-right:-7px;border-radius:10px 0 0 10px}.mustache-left:before{right:0}.mustache-right{left:100%;margin-left:-7px;border-radius:0 10px 10px 0}.mustache-right:before{left:0}body{min-width:1024px;overflow-x:auto}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}button{cursor:pointer;padding:5px;height:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#f0f0f0;font:inherit;display:inline-flex;align-items:center;justify-content:center}button,input{border:1px solid #ccc}input{display:block;height:40px;padding:0 10px}#app{font-family:Calibri,Arial Narrow,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#181818;padding:20px 15px}#app,.title{text-align:center}.title{margin-bottom:15px;font-weight:700}.title span{margin-right:10px}.title span i{font-weight:400;font-style:normal;font-size:14px}.title button{font-weight:400;font-size:12px}h1{font-size:32px}h1.title{margin-bottom:20px}h2{font-size:18px}.page{margin:0 auto}.settings{display:flex;justify-content:center;padding-bottom:30px;border-bottom:2px dashed;margin-bottom:30px}.settings-btns{width:175px;display:flex;flex-direction:column}.settings-btns>:not(:last-child){margin-bottom:15px}.battery{display:flex;align-items:center;flex-direction:column;min-width:1px;margin:0 30px;align-self:flex-start}.battery button{color:red;font-weight:700}.battery-inputs{display:flex;margin-bottom:20px}.battery-inputs label{margin-right:30px;display:flex;align-items:center}.battery-inputs label input{margin-right:10px;width:100px}.battery-inputs label:last-child{margin-right:0}.colors{flex:none;width:200px;display:flex;flex-direction:column}.colors-list{display:flex;flex-wrap:wrap;list-style:none;margin:-1px}.colors-list li{width:25%;padding:1px}.colors-list li.active a{transform:scale(.8)}.colors-list li.active a span{font-weight:700;color:red;font-size:14px}.colors-list li.active a.disabled{transform:none}.colors-list a{display:block;padding-top:100%;position:relative;color:inherit;font-size:12px}.colors-list a span{right:1px;bottom:1px;width:16px;border-radius:50% 0 0 0;background-color:hsla(0,0%,100%,.6)}.colors-list a b,.colors-list a span{position:absolute;height:16px;display:flex;flex-direction:column;align-items:center}.colors-list a b{left:1px;top:1px;width:32px;border-radius:0 0 50% 0;background-color:#fff}.colors-list a.disabled{opacity:.2;pointer-events:none}.change-colors-btn{margin:20px auto 0}.instruction{margin-left:30px;width:350px;text-align:left}.instruction-item{display:flex;align-items:flex-start;margin-bottom:10px}.instruction-item:last-child{margin-bottom:0}.instruction-item .cell{flex:none;margin-right:20px;pointer-events:none}.instruction-item .active .cell-body{background-color:#12e3a2}.instruction-item .bus{background-color:#ccc}.instruction-item .mustache{display:block;text-align:center}.instruction-item-desc{flex:auto;min-width:1px;font-size:13px}.file-label{display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer;padding:5px;height:30px;position:relative;overflow:hidden;border:1px solid #ccc;background-color:#f0f0f0}.file-label input{font-size:0;cursor:pointer;position:absolute;right:0;bottom:0;width:100%;height:100%;padding:0;border:0}.file-label input::-webkit-file-upload-button{display:none}.totals{margin-top:30px;text-align:left}.totals button{font-size:12px;font-weight:400;margin-top:15px}.history-toggle{align-items:center;font-size:14px;margin-top:auto;padding-top:15px}.history-toggle input{margin-right:10px}.history-toggle button{font-size:12px;margin-right:10px}.history-toggle-checkbox{display:flex;align-items:center;cursor:pointer;margin-right:10px}.history-toggle-checkbox input{margin-right:5px}.lang-select{display:flex;list-style:none;justify-content:center;margin:0 -6px 10px}.lang-select li{padding:0 6px}.lang-select a{font-weight:700;color:inherit;text-decoration:none}.lang-select .active a{text-decoration:underline}.instruction-item-title{font-weight:700;font-size:16px;margin-bottom:2px}