@-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{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}p{font-size:.7rem;font-weight:600;line-height:1.7rem;letter-spacing:1px}.glareSlider:first-child,.glowSlider:first-child{margin-top:15px}.glareSlider,.glowSlider{margin-top:-5px}.glareSlider>p,.glowSlider>p{margin:0 0 -2px 10px}#glareSize,#glareThreshold,#glowBlur,#glowThreshold,#sampleSize{margin:3px 6px 0 0;width:195px}#inputFields{position:relative}.topcoat-text-input{display:inline-block;width:45px;margin:-3px 0 0}.glareInput,.glowInput{clear:both;margin-top:16px;float:right}.glareInput>p,.glowInput>p{display:inline}#color-picker-container{margin-bottom:10px;position:relative}#btnCreateGlare,#btnCreateGlow{clear:both;margin:0 auto;display:block;position:relative;top:14px}.topcoat-switch{margin:0 0 0 2px}#inputFields{width:250px;margin:0 auto}#glareContainer,#glowContainer{padding:10px;margin:10px 10px 30px;height:343px}.topcoat-button-bar__item>input{position:absolute;top:0;left:0;z-index:100000;height:100%;width:100%;opacity:0}.circle-loader,.topcoat-button-bar__item{display:inline-block;width:auto;border-radius:0;position:relative}table{width:100%;margin-bottom:20px;margin-top:-10px;border-collapse:collapse}td{height:35px;width:30px;margin:0;padding:0}td>a{width:90%;height:100%;display:block}#glareContainer>p{margin-top:-7px}.circle-loader{margin-bottom:3.5em;border:2px solid rgba(0,0,0,.2);border-left-color:#288edf;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}.topcoat-tab-bar{position:absolute;bottom:0;left:0}