@-webkit-keyframes loader-spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:1.75em;opacity:1}40%,to{height:3.5em;width:1.75em;opacity:1}}body{margin:10px;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}a,p{font-size:.7rem;font-weight:600;line-height:1.7rem;letter-spacing:1px}a{float:right;text-decoration:none;margin:8px 0;height:20px;padding:0 6px 6px;border-radius:4px}#app{margin:10px}.sliderContainer{margin:0 auto;width:220px;height:40px}.sliderContainer>p{margin:0 0 -2px 10px;padding-bottom:4px}.sliderContainer:nth-child(2){margin-top:-6px}.topcoat-text-input{display:inline-block;width:45px;margin-top:-6px;float:right}.topcoat-range{width:165px}#btnExecute{clear:both;margin:0 auto;display:block;position:relative;top:14px}.subContainer{border:1px solid #a3a3a3;padding:0 10px 20px;border-radius:5px;margin:24px 0 3px;position:relative}.subContainer>h1,.topcoat-checkbox{font-size:.7rem;font-weight:600;line-height:1.7rem;letter-spacing:1px}.subContainer>h1{padding-left:6px;width:75px;margin-top:-14px}.topcoat-checkbox{float:right;margin-top:4px}.topcoat-checkbox__checkmark{margin:4px 0 0 6px}.circle-loader{margin-bottom:3.5em;border:2px solid rgba(0,0,0,.2);border-left-color:#288edf;position:relative;display:inline-block;vertical-align:top;border-radius:50%;width:7em;height:7em;-webkit-animation:loader-spin 1.2s infinite linear}.load-complete{-webkit-animation:none;border-color:#288edf;-webkit-transition:border 500ms ease-out}.checkmark{display:none}.checkmark.draw:after{-webkit-animation-duration:800ms;-webkit-animation-timing-function:ease;-webkit-animation-name:checkmark;-webkit-transform:scaleX(-1) rotate(135deg)}.checkmark:after{opacity:1;height:3.5em;width:1.75em;transform-origin:left top;border-right:3px solid #288edf;border-top:3px solid #288edf;content:"";left:1.75em;top:3.5em;position:absolute}.centered{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:200px;height:200px}.add:before,.delete:before{content:"\271A";margin-right:3px}.delete:before{content:"\2718"}#addLayer{clear:both;float:left;margin-top:6px}#removeLayer{float:right;margin-top:6px}#layerName{width:100%;float:left}#maskingGroup{padding-bottom:6px;height:70px}#maskingGroup>div{margin:0 auto;width:220px}#maskingGroup>h1{width:60px}