*{user-select:none;-moz-user-select:none;-webkit-user-select:none}input{user-select:text;-moz-user-select:text;-webkit-user-select:text}html,body{height:100%;width:100%;margin:0;padding:0;font:16px 'Helvetica',Arial,sans-serif;background:#262626;text-rendering:optimizeLegibility}footer{border-top:1px solid #6c7a89;background:#262e30;color:#e2e2e2;padding:2px;font-size:14px}h3{color:#c4c4c4;margin:2px 0 2px 0;font-weight:normal}a{color:#e2e2e2;text-decoration:none}a:hover{color:#00cccd}.error{color:#603}.loading{width:100%;height:100%;position:fixed;text-align:center;vertical-align:middle;z-index:7;top:0;left:0}.disabled{pointer-events:none;opacity:.5}.wrapper{width:100%;height:100%}.viewport{text-align:center}@media all and (max-width:900px){.left{height:90%;width:100%;display:flex;flex-direction:column}.right{width:100%}.viewport{flex:1 1 auto;overflow:auto;height:0;min-height:0}.m_hidden{display:none !important}}@media all and (min-width:900px){.wrapper{height:100%;display:flex;flex-direction:row}.left{flex:1 1 auto;height:100%;display:flex;flex-direction:column;width:0;min-width:600px}.right{flex:0 0 auto;width:300px;height:100%;display:flex;flex-direction:column;border-left:1px solid #6c7a89}.viewport{flex:1 1 auto;overflow:auto;height:0;min-height:0}.right>.tab_content{flex:1 1 auto}}input[type=range]{-webkit-appearance:none;transition:border-color 1s ease;width:110px}input[type=range]:focus{outline:0}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px;border:1px solid #535353;height:12px;width:12px;border-radius:12px;background:#c4c4c4;cursor:pointer}input[type=range]::-moz-range-thumb{border:1px solid #535353;height:10px;width:10px;border-radius:10px;background:#c4c4c4;cursor:pointer}input[type=range]::-ms-thumb{border:1px solid #535353;height:12px;width:12px;border-radius:6px;background:#c4c4c4;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;margin-top:-9px;height:4px;cursor:pointer;background:#535353;border-radius:1px;border:1px solid #c4c4c4}input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;background:#535353;border-radius:1px;border:1px solid #c4c4c4}input[type=range]::-ms-thumb{width:100%;height:2px;cursor:pointer;background:#535353;border-radius:1px;border:1px solid #c4c4c4}.btn{border:0;background:#262626;color:#e2e2e2;margin:2px;font-size:16px;min-width:25px;cursor:pointer;margin-top:5px;border-radius:4px}.lbl{color:#e2e2e2;text-align:right;vertical-align:bottom}.inpt,.inpt-min,.inpt-lrg{background:#262626;border:1px solid #e2e2e2;color:#e2e2e2;font-size:14px;border-radius:10px;padding-left:10px}.inpt{width:70px}.inpt-min{margin-left:2px;width:80px}.inpt-lrg{width:200px}.ui_form{text-align:right}.ui_form * input,.ui_form>input{width:80px}.ui_form * select,.ui_form>select{width:80px}.ui_form * label,.ui_form>label{width:80px}select{border:0;background:#262626;color:#e2e2e2;margin:2px;font-size:16px}button:disabled{text-decoration:line-through}.icon{position:relative;display:inline-block;box-sizing:initial}.icon:before,.icon:after{position:absolute;content:"";box-sizing:initial}.icon_button{vertical-align:middle;display:inline-block;white-space:nowrap;width:36px;height:36px;font-size:12px;overflow:hidden;text-align:left;box-sizing:initial;cursor:pointer}.icon_button:hover{background:#a1a1a1;overflow:visible}.icon_button .tooltip{display:none;background:black;border-radius:5px;color:white;padding:5px 15px 5px 15px;z-index:100;position:relative;width:100%}.icon_button .tooltip-top{top:-25px;left:-10px}.icon_button .tooltip-bottom{top:45px;left:-10px}.icon_button:hover .tooltip{display:initial}.icon_button:active{background:#3a3a3a}.icon_selected{background:#6c7a89}.icon_divider{display:inline-block;margin-left:4px;padding-right:4px;border-left:1px solid #e2e2e2;height:20px;vertical-align:middle}.cursor{left:13px;top:9px;border-left:10px solid #e2e2e2;border-bottom:6px solid transparent;border-top:10px solid transparent}.cursor:before{left:-8px;top:2px;width:8px;height:3px;background:#e2e2e2;transform:rotate(70deg);-webkit-transform:rotate(70deg)}.cursor_select{left:10px;top:8px;border-left:10px solid #e2e2e2;border-bottom:6px solid transparent;border-top:10px solid transparent}.cursor_select:before{left:-8px;top:2px;width:8px;height:3px;background:#e2e2e2;transform:rotate(70deg);-webkit-transform:rotate(70deg)}.cursor_select:after{left:-1px;top:2px;width:4px;height:4px;border:2px dotted #e2e2e2}.pencil{left:10px;top:10px;width:14px;height:6px;background:#e2e2e2;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.pencil:before{left:-6px;top:-1px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #e2e2e2}.pencil:after{left:16px;width:4px;height:6px;background:#e2e2e2}.pick{top:10px;left:8px;width:20px;height:8px;background:#e2e2e2;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.pick:before{width:10px;height:4px;top:2px;left:2px;background:#3b494c}.eraser{top:10px;left:12px;width:10px;height:16px;background:#e2e2e2}.eraser:before{left:1px;top:11px;width:8px;height:4px;background:#3b494c}.line{left:10px;top:10px;width:16px;height:6px;background:#e2e2e2;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.fill{left:12px;top:11px;width:12px;height:12px;background:#e2e2e2;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.fill:before{left:3px;width:7px;height:4px;background:#3b494c}.fill:after{left:-4px;width:3px;height:8px;background:#e2e2e2;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.gradient{left:10px;top:10px;width:16px;height:16px;background:linear-gradient(to right,#535353,#e2e2e2)}.crop{top:12px;left:8px;width:12px;height:12px;border-top:3px solid #e2e2e2;border-right:3px solid #e2e2e2}.crop:before{top:-8px;left:5px;width:12px;height:12px;border-bottom:3px solid #e2e2e2;border-left:3px solid #e2e2e2}.transform{top:10px;left:10px;width:12px;height:12px;border:2px solid #e2e2e2}.transform:before{left:4px;top:4px;width:4px;height:4px;background:#e2e2e2}.rotate{left:10px;top:8px;width:10px;height:10px;border-left:4px solid #e2e2e2;border-top:4px solid #e2e2e2;border-bottom:4px solid #e2e2e2;border-radius:12px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.rotate:before{top:-4px;left:6px;border-bottom:6px solid transparent;border-top:6px solid transparent;border-left:6px solid #e2e2e2;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.auto{left:10px;top:10px;width:12px;height:12px;border:2px solid #e2e2e2;border-radius:10px}.auto:before{top:-5px;left:4px;border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:5px solid #e2e2e2}.auto:after{top:7px;left:4px;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid #e2e2e2}.select{left:10px;top:10px;width:12px;height:12px;border:2px dotted #e2e2e2}.select_add{left:10px;top:10px;width:12px;height:12px;border:2px dotted #e2e2e2}.select_add:before{left:5px;top:2px;width:2px;height:8px;background:#e2e2e2}.select_add:after{left:2px;top:5px;width:8px;height:2px;background:#e2e2e2}.select_subtract{left:10px;top:10px;width:12px;height:12px;border:2px dotted #e2e2e2}.select_subtract:before{left:2px;top:5px;width:8px;height:2px;background:#e2e2e2}.select_circle{left:10px;top:10px;width:12px;height:12px;border:2px dotted #e2e2e2;border-radius:12px}.select_circle_add{left:10px;top:10px;width:12px;height:12px;border:2px dotted #e2e2e2;border-radius:12px}.select_circle_add:before{left:5px;top:2px;width:2px;height:8px;background:#e2e2e2}.select_circle_add:after{left:2px;top:5px;width:8px;height:2px;background:#e2e2e2}.select_circle_subtract{left:10px;top:10px;width:12px;height:12px;border:2px dotted #e2e2e2;border-radius:12px}.select_circle_subtract:before{left:2px;top:5px;width:8px;height:2px;background:#e2e2e2}.wand{left:13px;top:8px;width:5px;height:5px;border:2px dotted #e2e2e2;border-radius:5px}.wand:before{left:1px;top:8px;width:3px;height:6px;background:#e2e2e2}.brush{left:16px;top:6px;width:4px;height:10px;background:#e2e2e2}.brush:before{left:-3px;top:8px;width:10px;height:4px;background:#e2e2e2}.brush:after{left:-3px;top:14px;width:10px;height:6px;background:#e2e2e2}.lasso{left:11px;top:9px;width:10px;height:5px;border:2px solid #e2e2e2;border-radius:10px / 5px}.lasso:before{left:6px;top:2px;width:2px;height:12px;background:#e2e2e2;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.linear_lasso{left:11px;top:9px;width:10px;height:5px;border:2px solid #e2e2e2}.linear_lasso:before{left:6px;top:3px;width:2px;height:12px;background:#e2e2e2;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.zoom{left:10px;top:10px;width:8px;height:8px;border:2px solid #e2e2e2;border-radius:8px}.zoom:before{left:9px;top:6px;width:2px;height:8px;background:#e2e2e2;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.zoom_out{left:10px;top:10px;width:8px;height:8px;border:2px solid #e2e2e2;border-radius:8px}.zoom_out:before{left:9px;top:6px;width:2px;height:8px;background:#e2e2e2;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.zoom_out:after{left:3px;top:3px;width:2px;height:2px;background:#e2e2e2}.undo{left:8px;top:8px;width:16px;height:16px;border:2px solid #e2e2e2;border-radius:16px;background:#e2e2e2}.undo:before{left:3px;top:5px;width:10px;height:6px;background:#3b494c}.undo:after{top:1px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #3b494c}.redo{left:8px;top:8px;width:16px;height:16px;border:2px solid #e2e2e2;border-radius:16px;background:#e2e2e2}.redo:before{left:3px;top:5px;width:10px;height:6px;background:#3b494c}.redo:after{left:8px;top:1px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #3b494c}.copy{top:9px;left:12px;width:6px;height:10px;border:2px solid #e2e2e2}.copy:before{top:2px;left:2px;width:6px;height:10px;border:2px solid #e2e2e2;background:#3b494c}.paste{top:12px;left:10px;width:14px;height:14px;background:#e2e2e2}.paste:before{top:-3px;left:4px;width:6px;height:4px;background:#e2e2e2}.shape{left:10px;top:10px;width:8px;height:8px;border:2px solid #e2e2e2}.shape:before{top:3px;left:3px;width:8px;height:8px;border:2px solid #e2e2e2;border-radius:8px;background:#3b494c}.triangle{top:10px;left:10px;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:14px solid #e2e2e2}.triangle:after{top:2px;left:-6px;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:10px solid #3b494c}.circle{left:10px;top:10px;width:12px;height:12px;border:2px solid #e2e2e2;border-radius:12px}.ellipse{left:10px;top:12px;width:12px;height:8px;border:2px solid #e2e2e2;border-radius:12px/8px}.rectangle{left:10px;top:10px;width:12px;height:12px;border:2px solid #e2e2e2}.text{left:10px;top:4px;width:16px;height:4px;background:#e2e2e2}.text:before{left:6px;width:4px;height:16px;background:#e2e2e2}.flip_horizontal{top:12px;left:8px;border-bottom:14px solid #e2e2e2;border-left:5px solid transparent;border-right:5px solid transparent;width:10px}.flip_horizontal:before{left:3px;width:4px;height:14px;background:#3b494c}.flip_vertical{left:10px;top:8px;border-right:14px solid #e2e2e2;border-top:5px solid transparent;border-bottom:5px solid transparent;height:10px}.flip_vertical:before{top:3px;width:14px;height:4px;background:#3b494c}.invert{top:10px;left:10px;border-bottom:16px solid #e2e2e2;border-left:16px solid transparent}.invert:before{left:-16px;border-top:16px solid #000;border-right:16px solid transparent}.blur{top:10px;left:8px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid #e2e2e2;border-radius:50%}.sharpen{left:10px;top:10px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:15px solid #e2e2e2}.red_eye{left:8px;top:8px;margin:2px;border:8px solid #e2e2e2;border-radius:12px 1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.red_eye:before{top:-4px;left:-4px;width:4px;height:4px;background:#e2e2e2;border:2px solid red;border-radius:50%}.stamp{left:10px;top:16px;width:16px;height:4px;background:#e2e2e2}.stamp:before{left:5px;top:-8px;width:6px;height:8px;background:#e2e2e2}.stamp:after{left:3px;top:-12px;width:10px;height:10px;background:#e2e2e2;border-radius:10px}.scroll{left:10px;top:10px;width:16px;height:6px;background:#e2e2e2}.scroll:before{left:5px;top:-5px;width:6px;height:16px;background:#e2e2e2}.scroll:after{top:-1px;left:4px;width:8px;height:8px;background:#3b494c;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.colour_box{top:8px;left:8px;width:16px;height:16px;border:1px solid #e2e2e2}.full_screen{left:8px;top:8px;width:20px;height:14px;border:1px solid #e2e2e2;border-radius:2px}.full_screen:before{left:7px;top:14px;width:6px;height:2px;background:#e2e2e2}.full_screen:after{top:16px;left:4px;width:12px;height:2px;background:#e2e2e2}.settings{top:10px;left:10px;width:16px;height:16px;background:#e2e2e2}.settings:before{width:16px;height:16px;background:#e2e2e2;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.settings:after{top:3px;left:3px;width:10px;height:10px;border-radius:10px;background:#3b494c}.new{top:10px;left:12px;width:8px;height:12px;border:2px solid #e2e2e2}.save{top:8px;left:10px;width:16px;height:18px;background:#e2e2e2}.save:before{left:2px;top:1px;width:12px;height:9px;background:#535353}.save:after{left:8px;top:2px;width:4px;height:6px;background:#e2e2e2}.cloud{top:13px;left:9px;width:18px;height:6px;background:#e2e2e2;border-radius:6px}.cloud:before{top:-6px;left:6px;width:10px;height:10px;background:#e2e2e2;border-radius:10px}.cloud:after{top:-3px;left:2px;width:7px;height:7px;background:#e2e2e2;border-radius:7px}.clear{left:10px;top:10px;width:12px;height:12px;border:2px solid #e2e2e2;border-radius:12px}.clear:before{left:5px;top:-1px;width:2px;height:14px;background:#e2e2e2;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.camera{left:10px;top:13px;width:16px;height:11px;background:#e2e2e2}.camera:before{left:4px;top:-3px;width:8px;height:4px;background:#e2e2e2}.camera:after{left:5px;top:2px;width:6px;height:6px;background:#3b494c;border-radius:6px}.upload{top:14px;left:8px;width:14px;height:3px;border:3px solid #e2e2e2;border-top:0;bottom:3px}.upload:before{top:-8px;left:4px;width:6px;height:8px;background:#e2e2e2}.upload:after{top:-11px;left:1px;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #e2e2e2}.download{top:14px;left:8px;width:14px;height:3px;border:3px solid #e2e2e2;border-top:0;bottom:3px}.download:before{top:-10px;left:4px;width:6px;height:8px;background:#e2e2e2}.download:after{top:-5px;left:1px;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #e2e2e2}.ruler{top:8px;left:12px;width:8px;height:18px;background:#e2e2e2;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.ruler:after{top:6px;left:0;width:3px;height:2px;border-width:2px 0;border-style:solid;border-color:#3b494c}.ruler:before{top:2px;left:0;width:6px;height:10px;border-width:2px 0;border-style:solid;border-color:#535353}.filter{top:13px;left:15px;width:6px;height:12px;background:#e2e2e2}.filter:before{top:-3px;left:-7px;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #e2e2e2}.add{left:10px;top:9px;width:16px;height:4px;background:#e2e2e2}.add:before{left:6px;top:-6px;width:4px;height:16px;background:#e2e2e2}.remove{left:10px;top:9px;width:16px;height:4px;background:#e2e2e2}.up{left:15px;top:12px;width:6px;height:12px;background:#e2e2e2}.up:before{top:-4px;left:-3px;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #e2e2e2}.down{top:9px;left:14px;width:6px;height:12px;background:#e2e2e2}.down:before{top:10px;left:-3px;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #e2e2e2}.merge_up{left:10px;top:2px;width:16px;height:4px;background:#e2e2e2}.merge_up:before{top:10px;width:16px;height:4px;background:#e2e2e2}.merge_up:after{top:4px;left:3px;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:6px solid #e2e2e2}.merge_down{left:10px;top:2px;width:16px;height:4px;background:#e2e2e2}.merge_down:before{top:10px;width:16px;height:4px;background:#e2e2e2}.merge_down:after{top:4px;left:3px;border-right:5px solid transparent;border-left:5px solid transparent;border-top:6px solid #e2e2e2}.list{top:11px;left:14px;width:12px;height:2px;border-width:6px 0;border-style:double;border-color:#e2e2e2}.list:before{top:-6px;left:-4px;width:2px;height:2px;border-width:6px 0;border-style:double;border-color:#e2e2e2}.visible,.invisible{left:8px;top:8px;margin:2px;border:8px solid #e2e2e2;border-radius:12px 1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.visible:before{top:-4px;left:-4px;width:4px;height:4px;background:#e2e2e2;border:2px solid #535353;border-radius:50%}.locked,.unlocked{left:10px;top:16px;width:16px;height:10px;background:#e2e2e2}.locked:after{left:2px;top:-8px;width:8px;height:6px;border:2px solid #e2e2e2;border-bottom:0;border-radius:3px 3px 0 0}.unlocked:after{left:2px;top:-10px;width:8px;height:6px;border:2px solid #e2e2e2;border-bottom:0;border-radius:3px 3px 0 0}.close{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);left:2px;top:2px;width:16px;height:4px;background:#e2e2e2}.close:before{left:6px;top:-6px;width:4px;height:16px;background:#e2e2e2}.raster{top:2px;left:4px;width:8px;height:6px;border:2px solid #e2e2e2;background:#535353;border-radius:0 3px 3px 0}.raster:before{top:8px;left:-2px;width:2px;height:6px;background:#e2e2e2}.raster:after{top:6px;left:4px;width:2px;height:10px;background:#e2e2e2;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.mask{top:12px;left:9px;width:18px;height:12px;background:#e2e2e2}.mask:before{left:4px;top:1px;width:10px;height:10px;border-radius:4px;background:#3b494c}.layer_ui{border-bottom:solid 1px black;text-align:left;padding-top:4px;padding-left:4px;min-height:45px}.layer_ui>canvas{background:#fff;border:1px solid black;vertical-align:middle}.layer_ui>canvas.active{border:1px solid red}.selected{background:#008080 !important}div#editor{display:inline-block;position:relative}canvas.image{position:absolute;z-index:1;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated}canvas.tool{position:absolute;box-shadow:inset 0 0 12px #000;z-index:4;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated}canvas.guide{position:absolute;z-index:5}canvas.outline{position:absolute;z-index:3;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated}canvas.intermediate{position:absolute;z-index:2;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated}.toolbar{height:36px}.top_bar{background:#262e30}.top_bar .icon_selected{background:#3b494c}.middle_bar{background:#3b494c}.middle_bar .icon_selected{background:#6c7a89}.bottom_bar{background:#6c7a89}.bottom_bar .icon_selected{background:#95a5a6}.toolbar .inpt{margin-top:7px}@media all and (max-width:900px){header .middle_bar,header .bottom_bar{display:none}}@media all and (min-width:900px){header{height:108px}}canvas.dark{background:#262626 !important;border:1px solid #a1a1a1;padding:4px}.panel{text-align:center;background:#3b494c}.panel * canvas{background:#fff}.panel h3{color:#e2e2e2;margin:4px 0 6px 0;font-weight:normal;box-shadow:0 2px 0 0 #00a2a3;display:inline-block;font-size:18px}.flip_colour{position:relative;width:8px;height:8px;border-top:3px solid;border-right:3px solid}.flip_colour:after{position:absolute;content:"";top:-7px;left:-4px;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid}.flip_colour:before{position:absolute;content:"";top:6px;left:4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid}.colour_large{position:relative;border:1px solid #a1a1a1;width:30px;height:30px}.colour_medium{display:inline-block;margin:2px;border:1px solid #a1a1a1;width:22px;height:22px;vertical-align:middle}.colour_small{display:inline-block;margin:1px;border:1px solid #a1a1a1;width:15px;height:15px}.column_container{display:flex;display:-webkit-flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;justify-content:flex-end}.filter_ui{background:#3b494c;border-bottom:2px solid #262e30;padding:0 8px 0 8px}.filter_ui h4{color:#fff;margin:0;font-weight:normal;padding:8px}.tabs_container{flex:0 0 auto;overflow:hidden}.tabs{margin:0;padding:0}.tab{padding:9px 0;width:25%;text-align:center;display:block;float:left;color:#e2e2e2;background:#262e30;cursor:pointer}.tab_selected{background:#3b494c}.tab_content{flex:1 0 auto;overflow:scroll;height:90%}.state_ui{flex-shrink:0;-webkit-flex-shrink:0;padding-top:4px;padding-left:4px;background:#3b494c;color:#fff;cursor:pointer;border-bottom:2px solid #262e30;height:46px}.state_ui * canvas{background:#fff;border:1px solid black}.popup{z-index:8}.popup_background{width:100%;height:100%;position:fixed;z-index:7;top:0;left:0;display:flex;justify-content:center;align-items:center}.popup>.header{background:#3a494c;color:#e2e2e2;border-radius:4px 4px 0 0;text-align:center;padding-top:8px;padding-bottom:8px;font-size:22px}.popup>.body{padding:4px;background:#566366;text-align:center;display:flex;display:-webkit-flex;color:#e2e2e2}.popup>.body>div{margin-left:4px;margin-right:4px;min-width:200px;flex-grow:1}.popup .single{width:300px}.popup .multi{width:200px}.popup h4{margin-top:4px}.popup>.footer{background:#566466;min-height:4px;border-radius:0 0 4px 4px}popup * label{float:left;width:80px}@media all and (max-width:900px){.popup{width:90%}}.alert{border:1px solid transparent;border-radius:4px;margin:2px;padding:6px 2px 2px 2px;text-align:center}.alert-success{color:#c4c4c4;background-color:#247b01;border-color:#a1a1a1}.alert-error{color:#c4c4c4;background-color:#a60000;border-color:#a1a1a1}