input[type=range]#controlTimeslider{appearance:none;cursor:pointer;background:#dfdfe054;border:2px solid #5f5f63;border-radius:15px;outline:none;width:calc(100% - 115px);height:12px}input[type=range]#controlTimeslider::-webkit-slider-thumb{appearance:none;background-color:#f5f5f7;border:none;border-radius:50%;width:15px;height:15px;transition:all .2s ease-in-out}input[type=range]#controlTimeslider::-moz-range-thumb{background-color:#f5f5f7;border:none;border-radius:50%;width:15px;height:15px;transition:all .2s ease-in-out}#controlsWrapForAvatarVideo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;padding:20px;animation:.2s ease-out appearwithOpacity;display:flex}#previewHeader{display:none}#controlsWrap2{animation:.2s ease-out appearwithOpacity;display:none}#controlsWrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#26262e99;border-radius:10px;align-items:center;padding:20px;animation:.2s ease-out appearwithOpacity;display:none;position:absolute;bottom:45px;left:18%;right:18%}#fullScreenWrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}#monitorWrap{justify-content:center;max-width:100%;height:100%;display:flex;position:relative}#timeLineWrap{position:relative}#monitor_canvas{cursor:auto;max-height:100%}#monitorTextCover{text-align:center;color:#fff;resize:none;scrollbar-width:none;z-index:100;background:0 0;border:none;line-height:1;display:none;position:absolute;top:0;left:0}#monitorTextCover:focus{box-shadow:none;border:none;outline:none!important}#timeLineCanvas{width:100%;height:185px}#monitor_canvas{background:#131317 50%/cover;margin-top:16px;margin-bottom:16px}#editorcontainer{flex-direction:column;align-items:center;height:calc(100vh - 72px);margin-top:72px;display:flex}#monitor_canvasOver{border-radius:14px;width:100%;height:100%;display:none;position:absolute;top:0;left:0}#loadingWrap{border-radius:20px}#loadingWrap,#loadingWrapTimeline{background:#131317;animation:.2s ease-out appearwithOpacity;display:none;position:absolute;inset:0}#timelineIsEmptyWrap>p,#dragToMe>p,#dragToTimeLine>p{color:#f5f5f766}#timelineIsEmptyWrap,#dragToMe,#dragToTimeLine{background:#13131b;border:1px dashed #ebe7ff1a;border-radius:12px;justify-content:center;align-items:center;animation:.2s ease-out appearwithOpacity;display:flex;position:absolute;inset:36px 16px 16px}#dragToMe,#dragToTimeLine{display:none;top:16px}#dragToMe:hover,#dragToTimeLine:hover{border:2px dashed #ebe7ff80}#dragToMe:hover>p,#dragToTimeLine:hover>p{color:#f5f5f7cc}.monitorLoading{color:#fff;filter:invert(.95)sepia()saturate(0)hue-rotate(175deg);width:60px;height:60px;animation:1s linear infinite spin;position:absolute;top:calc(50% - 40px);left:calc(50% - 40px)}.smaller{width:50px;height:50px;top:calc(50% - 25px);left:calc(50% - 25px)}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appearwithOpacity{0%{opacity:0}to{opacity:1}}.canvasBase{margin:0}.upper-canvas{background:0 0;margin:20px}