body,html{margin:0;padding:0}.main{display:flex;min-height:100vh}.sidebarWrapper{display:flex;flex-direction:column;flex:1 1;box-shadow:0 1px 6px rgba(0,0,0,.07),0 1px 4px rgba(0,0,0,.07);position:relative;min-width:250px}.previewWrapper{display:flex;flex-direction:column;flex:5 1}.previewContainer{display:flex;flex:content;flex-grow:1;height:100%;justify-content:center;align-items:center}.previewControls{flex:content;border-top:1px solid #ddd;position:relative}.controls{display:flex}.controls>div:not(:nth-child(6)):hover{cursor:pointer;color:grey}.controls>div{flex:content;margin-right:20px}.controls>div:nth-child(6)>div:first-child{padding-top:3px}.controls>div:nth-child(6)>div{flex:content}.controls>div:nth-child(6){display:flex;flex-grow:1;width:100%}.controls>div:last-child{width:40px;height:30px;box-shadow:0 1px 6px rgba(0,0,0,.17),0 1px 4px rgba(0,0,0,.17);line-height:30px;text-align:center;font-size:12px}.controls-slider{flex-grow:1;padding-top:2px;margin-left:20px;width:100%}#preview{width:500px;height:500px}.parsedColorsWrapper ul{margin:0;padding:0}.parsedColorsWrapper{width:100%;flex:content;background:#fafafa}.colorPicker{flex:content}.parsedColorItem li{list-style-type:none;cursor:pointer}.layerRoot{display:flex;flex-direction:row;padding:15px;border-top:.04em solid rgba(0,0,0,.08);color:grey;text-transform:capitalize}.layerRoot>div{flex:1 1;cursor:pointer}.playArrowDown{-webkit-transform:rotate(90deg);transform:rotate(90deg);display:inline-block}.background-color-picker{position:absolute;right:70px;bottom:70px}#github-link{position:absolute;right:10px;top:10px;text-decoration:none}#github-link p{display:inline}.drop-files-wrapper{border-radius:10px;border:1px solid #ddd;width:600px;height:300px;display:flex;align-items:center;justify-content:center;color:grey}.drop-files-wrapper>div{margin-left:10px}.fetch-error{display:flex;align-items:center;justify-content:center;position:absolute;top:-50px;left:0;width:100%}.fetch-error>span{background:rgba(0,0,0,.35);padding:10px 20px;border-radius:5px;color:#f3f3f3}.button{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;background:-webkit-gradient(linear,left top,right top,from(#1d953f),color-stop(20.343056921228012%,#209542),color-stop(20.343056921228012%,#4dde76),to(#4dde76));background:-webkit-linear-gradient(left,#1d953f,#209542 20.343056921228012%,#4dde76 0,#4dde76);background:linear-gradient(90deg,#1d953f,#209542 20.343056921228012%,#4dde76 0,#4dde76);border-radius:5px;border:0 solid #444;padding:10px 20px 10px 50px;color:#fff;font-size:16px;font-family:arial;font-weight:100;font-style:normal}.button>div{color:#999;font-size:10px;font-family:Helvetica Neue;font-weight:400;font-style:normal;text-align:center;margin:0}.button>span{color:#6ec286;font-size:1em;background:#fff;border-radius:88px;border:0 solid #6ec286;padding:4px;margin:0 10px 0 0;position:absolute;top:9px;left:17px;width:16px;height:16px}.button>.ld{font-size:medium}
/*# sourceMappingURL=main.80975f05.chunk.css.map */