*{margin:0;padding:0;box-sizing:border-box}.resizeSocial{width:100%;height:100%}.resizeSocial .Landing{width:100%;height:300px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.resizeSocial .Landing #CancelProcess{width:200px;height:50px;background:#fff;color:#353535;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;position:absolute;top:10%;font-size:20px;cursor:pointer;transition:.2s;display:none}.resizeSocial .Landing #CancelProcess:hover{background:0 0;border:1px solid #fff;color:#fff}.resizeSocial .Landing #OverlayCancel{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.425);z-index:1;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;display:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.resizeSocial .Landing #OverlayCancel h4{font-size:18px;color:#fff}.resizeSocial .Landing #OverlayCancel .ButtonsWrap{width:100%;height:70%;display:flex;justify-content:center;align-items:center;text-align:center;gap:2%}.resizeSocial .Landing #OverlayCancel .ButtonsWrap .decisionButton{width:200px;height:50px;background:#fff;color:#353535;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;font-size:20px;cursor:pointer;transition:.2s}.resizeSocial .Landing #OverlayCancel .ButtonsWrap .decisionButton:hover{background:0 0;border:1px solid #fff;color:#fff}.resizeSocial .Landing .ProgressBar{width:0%;border-bottom:8px solid #fff;position:absolute;top:0;align-self:flex-start}.resizeSocial .Landing .Landingtext{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;font-size:18px;color:#fff;position:absolute;bottom:20%}.resizeSocial .Landing .Landingtext span{font-size:26px}.resizeSocial .Landing .Button{width:100%;height:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.resizeSocial .Landing .Button svg{width:70px;height:70px}.resizeSocial .Landing .Button .InputButton{margin-top:2%;width:200px;height:50px;background:#fff;color:#353535;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;font-size:20px;cursor:pointer;transition:.2s}.resizeSocial .Landing .Button .InputButton:hover{background:0 0;border:1px solid #fff;color:#fff}.resizeSocial .Landing .Spinner{width:60px;height:60px;position:absolute;top:6%;background:url(/public/styles/videoeditor/media/icons/7317d5afa7ad7a8c540f36a3eb9bc1cd62a054e4/spinner.gif);background-repeat:no-repeat;background-size:cover;display:none}.resizeSocial .Landing .LoadingText{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;display:none}.resizeSocial .Landing .DownloadBox{width:500px;height:200px;display:none;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;justify-content:space-around;display:none}.resizeSocial .Landing .DownloadBox .DownloadIcon{width:50px;height:50px;background-size:contain;background-repeat:no-repeat}.resizeSocial .Landing .DownloadBox .DownloadLink{width:140px;height:50px;background:#fff;color:#353535;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;font-size:14px;cursor:pointer;transition:.2s;text-decoration:none}.resizeSocial .Landing .DownloadBox .DownloadLink:hover{background:0 0;border:1px solid #fff;color:#fff}.resizeSocial .Workspace{width:100%;height:90vh;background:#fff;display:flex;justify-content:center;align-items:center;text-align:center;justify-content:space-around;display:none}.resizeSocial .Workspace .ButtonPointerWrap{width:300px;height:200px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;justify-content:space-around}.resizeSocial .Workspace .ButtonPointerWrap .pointerDown{width:300px;height:100px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;position:relative}.resizeSocial .Workspace .ButtonPointerWrap .pointerDown h4{font-size:16px;color:#353535}.resizeSocial .Workspace .ButtonPointerWrap .pointerDown svg{position:absolute;width:50px;top:60%;animation:animatehand 1s infinite ease-in alternate}@keyframes animatehand{0%{top:60%}100%{top:65%}}.resizeSocial .Workspace .ButtonPointerWrap .ExtractBtn{width:200px;height:70px;outline:0;background:#a55eea;color:#fff;border:none;border-radius:10px;font-size:24px}.resizeSocial .Workspace .ButtonPointerWrap .ExtractBtn:hover{background:#fff;border:1px solid #a55eea;color:#a55eea}.resizeSocial .Workspace .Settings{width:80%;height:80%;box-shadow:0 0 5px rgba(58,58,58,.267);border-radius:10px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;position:relative;justify-content:space-around;gap:2%}.resizeSocial .Workspace .Settings h3{font-size:22px;color:#4e4e4e}.resizeSocial .Workspace .Settings .VideoFile{width:100%;height:40%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.resizeSocial .Workspace .Settings .VideoFile svg{width:100px}.resizeSocial .Workspace .Settings .VideoFile h4{font-size:16px;color:#a55eea}.resizeSocial .Workspace .Settings .SettingsWrap{width:100%;height:25%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;justify-content:space-around}.resizeSocial .Workspace .Settings .SettingsWrap .Setting{width:95%;height:50px;display:flex;justify-content:center;align-items:center;text-align:center;justify-content:flex-start}.resizeSocial .Workspace .Settings .SettingsWrap .Setting .Label{width:120px;height:50px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;background:#f56666;color:#fff;border-radius:10px}.resizeSocial .Workspace .Settings .SettingsWrap .Setting .values{margin-left:5%;width:80%;height:50px;display:flex;justify-content:center;align-items:center;text-align:center;gap:1%;justify-content:flex-start}.resizeSocial .Workspace .Settings .SettingsWrap .Setting .values .value{width:70px;height:50px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;background:#4848ec;color:#fff}.resizeSocial .Workspace .Settings .SettingsWrap .Setting .values .value:nth-child(1){border-bottom-left-radius:10px;border-top-left-radius:10px}.resizeSocial .Workspace .Settings .SettingsWrap .Setting .values .value:nth-last-child(1){border-bottom-right-radius:10px;border-top-right-radius:10px}.resizeSocial .Workspace .Settings .SettingsWrap .Setting .values .value:hover{background:#fff;color:#4848ec;border:1px solid #4848ec;cursor:pointer}.resizeSocial .Workspace .Settings .SettingsWrap .Setting .values .ActiveValue{background:#fff;color:#4848ec;border:1px solid #4848ec;cursor:pointer}.boxes{background:#fff;border-radius:0;cursor:pointer;display:flex;align-items:center;padding:15px 24px;height:54px;border-top-left-radius:4px;border-bottom-left-radius:4px;justify-content:center;font-size:17px;font-weight:800}#dropbox svg,#filepicker svg,.boxes svg{height:24px!important;width:24px!important}.file-pick-dropdown{display:inline-flex;background:#fff;height:54px;border-left:1px solid rgba(134,124,124,.15);padding:13px 20px;border-top-right-radius:4px;border-bottom-right-radius:4px;align-items:center;position:relative}.file-pick-dropdown i{margin:0}.file-picker-dropdown{width:227px;position:absolute;background:#fff;top:111%;right:0;display:none;border-radius:4px}.arrow-sign{font-size:18px}.file-picker-dropdown svg{height:24px;width:24px}.file-picker-dropdown a,.file-picker-dropdown button{border:none;width:100%;border-radius:4px;text-align:left;background:#fff;font-weight:400;font-size:16px;line-height:24px;padding:15px 24px;list-style:none;height:54px}.file-picker-dropdown button:hover{background:#efefef}#downloadButton svg{height:25px}