.App{text-align:center}.App-header{background-color:#222;padding:5px 0;color:#fff;font-size:20px;font-family:serif}.App-header a{color:#fff}#CanvasEditor{top:50px;left:10px;width:700px;height:200px}#CanvasEditor,#CanvasRender{position:absolute;margin:0;padding:0}#CanvasRender{top:260px;left:110px;width:500px;height:500px}.ControlPanel{position:absolute;top:50px;left:720px;width:420px;height:680px;background-color:#666;padding-top:30px;border-radius:5px}.ControlItem{position:relative;top:0;left:20px;width:100px;height:26px}.ControlLabel{top:0;left:0;width:170px;text-align:left;font-size:12px}.ControlLabel,.rc-slider{position:relative;color:#eee}.rc-slider{top:-20px;left:130px;width:150px}.ControlText{top:-28px;left:130px;width:215px;height:22px;padding-left:10px;border-radius:5px}.ControlText,.ControlValue{position:relative;background-color:#ddd;font-size:12px;padding-top:4px;padding-bottom:0}.ControlValue{top:-40px;width:50px}.ColorValue,.ControlValue{left:260px;height:18px;font-family:monospace;border-radius:3px}.ColorValue{top:-46px;width:90px;background-color:#ddd;padding-top:4px;padding-bottom:0}.ColorValue,.ControlMemo{position:relative;font-size:12px}.ControlMemo{top:-60px;left:320px;width:100px;color:#fff;text-align:left}.ControlColor{position:relative;top:-23px;left:130px;width:98px;height:16px;background:#fff;border-radius:1px;cursor:pointer;padding:2px}.ControlColorInner{border-radius:2px;width:100%;height:100%}.ColorPickerPopup{position:absolute;top:24px;left:170px;z-index:2}.ColorPickerCover{position:fixed;top:0;right:0;bottom:0;left:0}.ControlHR{height:15px}.ControlRendering{position:absolute;top:0;left:100px;width:180px;height:40px;border-radius:5px;background-color:#eee;cursor:pointer}#progress{position:relative;top:8px;left:300px;width:100px;color:#fff;text-align:left;font-size:12px}.dialog{display:none;position:fixed;top:40%;left:40%;height:auto;overflow:hidden;z-index:9999;padding:0;border:0;border-radius:.4rem;box-shadow:0 0 1em #000;width:300px;height:200px;background:#444;color:#eee;font-size:10px;font-family:sans-serif}.dialogheader{width:100%;text-align:center;height:22px;border-radius:.4rem .4rem 0 0;font-size:13px;padding-top:5px;background:#333}.dialogbody{padding:20px;font-size:13px}.dialogfooter{position:absolute;top:170px;width:100%;text-align:center}.rc-slider{position:relative;height:14px;padding:5px 0;width:100%;border-radius:6px;-ms-touch-action:none;touch-action:none}.rc-slider,.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{width:100%;background-color:#e9e9e9}.rc-slider-rail,.rc-slider-track{position:absolute;height:4px;border-radius:6px}.rc-slider-track{left:0;background-color:#abe2fb}.rc-slider-handle{position:absolute;width:14px;height:14px;cursor:pointer;cursor:-webkit-grab;margin-top:-5px;cursor:grab;border-radius:50%;border:2px solid #96dbfa;background-color:#fff;-ms-touch-action:pan-x;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#999}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;margin-left:-4px;width:8px;height:8px;border:2px solid #e9e9e9;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{border-color:#ccc;box-shadow:none;background-color:#fff;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{left:5px;bottom:0;width:4px}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;-ms-touch-action:pan-y;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{left:2px;margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:first-child,.rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-fill-mode:both;display:block!important;animation-play-state:paused}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{-ms-transform:scale(0);transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform-origin:50% 100%;transform:scale(0)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1)}to{opacity:0;transform-origin:50% 100%;transform:scale(0)}}.rc-slider-tooltip{position:absolute;left:-9999px;top:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{padding:6px 2px;min-width:24px;height:24px;font-size:12px;line-height:1;color:#fff;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.2a9babb6.css.map*/