.box{background:0 0;min-height:200px}.box-border{display:none}.boxes{border-radius:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 24px;height:54px;border-top-left-radius:4px;border-bottom-left-radius:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:17px;font-weight:800}#dropbox svg,#filepicker svg,.boxes svg{height:24px!important;width:24px!important}.file-pick-dropdown{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:54px;border-left:1px solid rgba(0,0,0,.1);padding:13px 20px;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.file-pick-dropdown i{margin:0}.file-picker-dropdown{box-shadow:rgb(26 26 26 / 20%) 0 0 12px;width:245px;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}.custom-video-player{position:relative;background:#191b24;z-index:9999;width:100%;height:50px}.video-slider{width:100%;position:absolute;top:-19px;cursor:pointer}.video-time{color:#fff;position:absolute;right:15px;top:15px}.PlayButton{cursor:pointer;display:flex;justify-content:center;align-items:center;width:100%}.PlayIcon{cursor:pointer;margin-top:1rem;width:20px;height:20px;background-repeat:no-repeat;text-align:center}#seekSlider{-webkit-appearance:none;width:100%;background:0 0;background-color:#3a4054;padding:.5px}#seekSlider::-webkit-slider-runnable-track{height:3px;border-radius:20px;box-shadow:inset 1px 1px 2px #57575780}#seekSlider::-moz-range-track{height:5px;border-radius:20px;box-shadow:inset 1px 1px 2px #57575780}#seekSlider:first-child::-webkit-slider-runnable-track{background:rgba(0,0,0,.1)}#seekSlider:first-child::-moz-range-track{background:rgba(0,0,0,.1)}#seekSlider:nth-child(2)::-webkit-slider-runnable-track{background:rgba(0,0,0,.1)}#seekSlider:nth-child(2)::-moz-range-track{background:rgba(0,0,0,.1)}#seekSlider:nth-child(3)::-webkit-slider-runnable-track{background:rgba(0,0,0,.1)}#seekSlider:nth-child(3)::-moz-range-track{background:rgba(0,0,0,.1)}#seekSlider::-webkit-slider-thumb:focus{box-shadow:0 0 5px red!important}#seekSlider::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#0090ff;outline:2px solid #fff;transform:translateY(-5px);color:#fff;cursor:pointer}#seekSlider::-moz-range-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;border:none;background:#0090ff;box-shadow:inset .5px .5px 1px #57575780}.optionheading{color:#fff;font-weight:900;padding:.4rem 1rem;border-left:4px solid #0090ff;text-align:left;margin-bottom:2rem;margin-top:2rem}.videoEditor{display:none;width:100%;height:100%}.Spinner{width:150px;height:150px;position:absolute;top:6%;background:url(/public/styles/videoeditor/media/icons/0b926f7890a7ccfc4616300f08795819e80deefb/loader.gif);background-repeat:no-repeat;background-size:cover;display:none}.videoEditor .mobileColumn{background-color:#191b24;justify-content:center;overflow-y:scroll;overflow-x:hidden;border:1px solid #000;z-index:1;height:100vh}.videoEditor #VContainer{background-color:#000;border:1px solid #000;z-index:-1;display:flex;align-items:center;flex-direction:column;justify-content:center}.videoEditor .fixed-bottom{background-color:#191b24;border:2px solid #34394e;padding:10px;z-index:2;height:12vh;display:flex;align-items:center}.videoEditor #exportBtn{font-weight:900;font-size:18px;width:180px;background-color:#a55eea;padding:10px;border:none}@media (max-width:768px){.videoEditor .mobileColumn{order:2;border:none!important;padding-left:2rem!important}.videoEditor #VContainer{max-width:100%;padding:15px!important;height:50vh!important;border:none!important}.videoEditor .fixed-top{bottom:0;overflow-x:hidden;overflow-y:scroll}}.optionheading{color:#fff;font-weight:900;padding:.4rem 1rem;border-left:4px solid #8870ff;text-align:left;margin-bottom:2rem;margin-top:2rem}.loopOptionWrapper .loopOption{margin-right:1rem;margin-bottom:1rem;flex-basis:44%;color:#b4bad0;width:100%;cursor:pointer;height:50px;display:flex;overflow:hidden;min-width:100px;text-align:center;align-items:center;user-select:none;border-radius:8px;flex-direction:row;justify-content:center;background-color:#222532}.loopOptionWrapper .audioOption{margin-right:1rem;margin-bottom:1rem;flex-basis:44%;color:#b4bad0;width:100%;cursor:pointer;height:50px;display:flex;overflow:hidden;min-width:100px;text-align:center;align-items:center;user-select:none;border-radius:8px;flex-direction:row;justify-content:center;background-color:#222532}.loopOptionWrapper .audioOption{color:#fff;background-color:#535a70}.loopOptionWrapper .loopOption:hover{color:#fff;background-color:#535a70}.active{background:#0090ff!important;color:#fff!important}.actives{background:#0090ff!important;color:#fff!important}.Spinner{width:150px;height:150px;position:absolute;top:6%;background:url(/public/styles/videoeditor/media/icons/0b926f7890a7ccfc4616300f08795819e80deefb/loader.gif);background-repeat:no-repeat;background-size:cover;display:none}@media (max-width:768px){.mobileColumn{order:2;border:none!important;padding-left:2rem!important}.fixed-bottom{position:absolute}#exportBtn{width:150px!important;margin:0 10px}#VContainer{max-width:100%;padding:15px!important;height:50vh!important;border:none!important}#VDemo{max-width:100%}.fixed-top{bottom:0;overflow-x:hidden;overflow-y:scroll}}#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}#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)}#OverlayCancel h4{font-size:18px;color:#fff}#OverlayCancel .ButtonsWrap{width:100%;height:70%;display:flex;justify-content:center;align-items:center;text-align:center;gap:2%}.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}.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}.Landing .Landingtext{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;font-size:18px;color:#000}.Landing .Spinner{width:70px;height:70px;position:absolute;top:6%;background:url(media/icons/spinner.gif);background-repeat:no-repeat;background-size:cover;display:none}.Landing{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.Landing .Spinner{width:70px;height:70px;position:absolute;top:6%;background:url(/public/styles/videoeditor/media/icons/7317d5afa7ad7a8c540f36a3eb9bc1cd62a054e4/spinner.gif);background-repeat:no-repeat;background-size:cover;display:none}.Landing .ProgressBar{width:0%;border-bottom:8px solid #fff;position:absolute;top:0;align-self:flex-start}*{margin:0;padding:0;box-sizing:border-box}.box{background-color:transparent;min-height:auto}.VideoEditor{width:100%;height:100%}.VideoEditor .Landing{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.VideoEditor .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}.VideoEditor .Landing #CancelProcess:hover{background:0 0;border:1px solid #fff;color:#fff}.VideoEditor .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)}.VideoEditor .Landing #OverlayCancel h4{font-size:18px;color:#fff}.VideoEditor .Landing #OverlayCancel .ButtonsWrap{width:100%;height:70%;display:flex;justify-content:center;align-items:center;text-align:center;gap:2%}.VideoEditor .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}.VideoEditor .Landing #OverlayCancel .ButtonsWrap .decisionButton:hover{background:0 0;border:1px solid #fff;color:#fff}.VideoEditor .Landing .ProgressBar{width:0%;border-bottom:8px solid #fff;position:absolute;top:0;align-self:flex-start}.VideoEditor .Landing .Landingtext{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;font-size:18px;color:#000}.VideoEditor .Landing .Landingtext span{font-size:26px}.VideoEditor .Landing .Button{width:100%;height:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.VideoEditor .Landing .Button svg{width:70px;height:70px}.VideoEditor .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}.VideoEditor .Landing .Button .InputButton:hover{background:0 0;border:1px solid #fff;color:#fff}.VideoEditor .Landing .Spinner{width:70px;height:70px;position:absolute;top:6%;background:url(/public/styles/videoeditor/media/icons/7317d5afa7ad7a8c540f36a3eb9bc1cd62a054e4/spinner.gif);background-repeat:no-repeat;background-size:cover;display:none}.VideoEditor .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}.VideoEditor .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}.VideoEditor .Landing .DownloadBox .DownloadIcon{width:50px;height:50px;background-size:contain;background-repeat:no-repeat}.VideoEditor .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}.VideoEditor .Landing .DownloadBox .DownloadLink:hover{background:0 0;border:1px solid #fff;color:#fff}.VideoEditor .Workspace{width:100%;height:100%;background:#353535;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;justify-content:space-around;overflow:hidden;position:relative;display:none}.VideoEditor .Workspace .CancelEditing{width:100%;height:100%;background:#353535;position:absolute;z-index:1000;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;display:none}.VideoEditor .Workspace .CancelEditing .container{width:300px;height:200px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.VideoEditor .Workspace .CancelEditing .container h2{font-size:16px;color:#fff}.VideoEditor .Workspace .CancelEditing .container .ButtonsWrap{width:100%;height:60%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;justify-content:space-around}.VideoEditor .Workspace .CancelEditing .container .ButtonsWrap button{width:120px;height:50px;color:#353535;border-radius:20px;border:none;outline:0;transition:.2s}.VideoEditor .Workspace .CancelEditing .container .ButtonsWrap #noCancelEdit{background:#000;color:#fff}.VideoEditor .Workspace .CancelEditing .container .ButtonsWrap #noCancelEdit:hover{background:#3a3a3a}.VideoEditor .Workspace .CancelEditing .container .ButtonsWrap #cancelEdit:hover{background:#c9c9c9}.VideoEditor .Workspace .FeaturesPanel{width:90%;height:10%;display:flex;justify-content:center;align-items:center;text-align:center;justify-content:space-between}.VideoEditor .Workspace .FeaturesPanel .LeftPanel{width:40%;display:flex;gap:2px}.VideoEditor .Workspace .FeaturesPanel .LeftPanel .Feature{padding:10px;width:150px;height:40px;background:rgba(90,90,90,.466);display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.VideoEditor .Workspace .FeaturesPanel .LeftPanel .Feature #Layer_2,.VideoEditor .Workspace .FeaturesPanel .LeftPanel .Feature a{width:20px;height:30px;pointer-events:none}.VideoEditor .Workspace .FeaturesPanel .LeftPanel .Feature #Layer_2{transform:rotate(90deg)}.VideoEditor .Workspace .FeaturesPanel .LeftPanel .Feature .featureName{padding:10%;display:none;width:60px;height:30px;color:#fff;pointer-events:none}.VideoEditor .Workspace .FeaturesPanel .LeftPanel .Feature:nth-child(1){border-bottom-left-radius:10px;border-top-left-radius:10px}.VideoEditor .Workspace .FeaturesPanel .LeftPanel .Feature:nth-last-child(1){border-bottom-right-radius:10px;border-top-right-radius:10px}.VideoEditor .Workspace .FeaturesPanel .LeftPanel .Feature:hover{background:rgba(68,68,68,.466)}.VideoEditor .Workspace .FeaturesPanel .LeftPanel .Feature[title]:hover::after{content:attr(title);position:absolute;top:-100%;left:0}.VideoEditor .Workspace .FeaturesPanel .LeftPanel .CurrentFeature{width:150px;height:40px;background:rgba(37,37,37,.76)}.VideoEditor .Workspace .FeaturesPanel .RightPanel{width:15%;display:flex;gap:2px}.VideoEditor .Workspace .FeaturesPanel .RightPanel .FeatureR{padding:10px;width:150px;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;background:rgba(90,90,90,.466);cursor:pointer}.VideoEditor .Workspace .FeaturesPanel .RightPanel .FeatureR a{width:22px;height:22px;pointer-events:none}.VideoEditor .Workspace .FeaturesPanel .RightPanel .FeatureR .featureName{padding:10%;display:none;width:60px;color:#fff;pointer-events:none}.VideoEditor .Workspace .FeaturesPanel .RightPanel .FeatureR:nth-child(1){border-bottom-left-radius:10px;border-top-left-radius:10px}.VideoEditor .Workspace .FeaturesPanel .RightPanel .FeatureR:nth-last-child(1){border-bottom-right-radius:10px;border-top-right-radius:10px}.VideoEditor .Workspace .FeaturesPanel .RightPanel .FeatureR:hover{background:rgba(68,68,68,.466)}.VideoEditor .Workspace #videoWrapper{width:480px;height:318px;position:relative}.VideoEditor .Workspace #videoWrapper #video{width:100%;height:100%}.VideoEditor .Workspace .FramesLayer{width:95%;height:55px;background:#fff;display:flex;justify-content:center;align-items:center;text-align:center;transition:1s ease-in;position:relative}.VideoEditor .Workspace .FramesLayer #EndTrim,.VideoEditor .Workspace .FramesLayer #SeekTrim,.VideoEditor .Workspace .FramesLayer #StartTrim{width:10px;height:60px;background:#fff;cursor:e-resize;position:absolute;z-index:1}.VideoEditor .Workspace .FramesLayer #EndTrim .EndValue,.VideoEditor .Workspace .FramesLayer #EndTrim .SeekValue,.VideoEditor .Workspace .FramesLayer #EndTrim .StartValue,.VideoEditor .Workspace .FramesLayer #SeekTrim .EndValue,.VideoEditor .Workspace .FramesLayer #SeekTrim .SeekValue,.VideoEditor .Workspace .FramesLayer #SeekTrim .StartValue,.VideoEditor .Workspace .FramesLayer #StartTrim .EndValue,.VideoEditor .Workspace .FramesLayer #StartTrim .SeekValue,.VideoEditor .Workspace .FramesLayer #StartTrim .StartValue{width:100px;height:15px;font-size:12px;position:absolute;background:rgba(219,219,219,.664);display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;border-radius:10px;right:50%;top:-50%;transform:translateX(50%)}.VideoEditor .Workspace .FramesLayer #EndTrim .SeekValue,.VideoEditor .Workspace .FramesLayer #SeekTrim .SeekValue,.VideoEditor .Workspace .FramesLayer #StartTrim .SeekValue{top:100%;bottom:0;background:#fff;height:15px;font-size:12px;border-radius:10px}.VideoEditor .Workspace .FramesLayer #StartTrim{left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;z-index:900}.VideoEditor .Workspace .FramesLayer #EndTrim{right:0;border-top-right-radius:4px;border-bottom-right-radius:4px;z-index:900}.VideoEditor .Workspace .FramesLayer #SeekTrim{left:0;width:2px;height:60px;background:#fff;cursor:none}.VideoEditor .Workspace .FramesLayer .ActiveFrames{width:100%;height:100%;background:rgba(255,255,255,.6509803922);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute}.VideoEditor .Workspace .FramesLayer .Frames{width:100%;height:100%;background:#4e4e4e;display:flex;padding-left:15px}.VideoEditor .Workspace .FramesLayer .Frames .Frame{width:5%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.VideoEditor .Workspace .FramesLayer .Frames .Animate{transition:1s;animation:animate 1s ease-in forwards}@keyframes animate{0%{opacity:0;transform:scale(1)}100%{opacity:1;transform:scale(1.1)}}.VideoEditor .Workspace .Settings{width:100%;padding:3%;display:flex;justify-content:center;align-items:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between}.VideoEditor .Workspace .Settings .PlayButton{width:100px;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:10px;background:rgba(90,90,90,.466);cursor:pointer}.VideoEditor .Workspace .Settings .PlayButton .PlayIcon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;transition:.1s ease-in-out}.VideoEditor .Workspace .Settings .PlayButton:hover{background:rgba(68,68,68,.466)}.VideoEditor .Workspace .Settings .DownloadOptions{width:200px;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;position:relative}.VideoEditor .Workspace .Settings .DownloadOptions .QuickDownload,.VideoEditor .Workspace .Settings .DownloadOptions .SlowDownload{width:200px;height:30px;left:0;text-align:center;background:#d3d3d3;color:#353535;border:none;outline:0;box-shadow:0 0 2px rgba(0,0,0,.2);cursor:pointer;position:absolute;transition:.5s;opacity:0;z-index:10;display:none}.VideoEditor .Workspace .Settings .DownloadOptions .QuickDownload:hover,.VideoEditor .Workspace .Settings .DownloadOptions .SlowDownload:hover{background:#353535;color:#d3d3d3}.VideoEditor .Workspace .Settings .Download,.VideoEditor .Workspace .Settings .TrimVideo{width:100px;height:24px;text-align:center;background:#d3d3d3;color:#353535;border:none;outline:0;box-shadow:0 0 2px rgba(0,0,0,.2);cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;font-size:14px;background-repeat:no-repeat;display:none}.VideoEditor .Workspace .Settings .Download:hover,.VideoEditor .Workspace .Settings .TrimVideo:hover{background:#353535;color:#d3d3d3}.VideoEditor .Workspace .Settings .SettingsWrap{width:70%;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings{width:100%;height:40px;gap:2px;display:flex;justify-content:center;align-items:center;text-align:center;display:none;justify-content:space-around}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .AspectRatios{width:90%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;gap:2px}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .AspectRatios .Ratio{width:80px;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;background:rgba(90,90,90,.466);color:#fff;cursor:pointer;font-size:14px}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .AspectRatios .Ratio:nth-child(1){border-bottom-left-radius:10px;border-top-left-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .AspectRatios .Ratio:nth-last-child(1){border-bottom-right-radius:10px;border-top-right-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .AspectRatios .Ratio:hover{background:rgba(68,68,68,.466)}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .Done_cancel_choice{width:210px;height:40px;gap:2px;display:flex;justify-content:center;align-items:center;text-align:center}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .Done_cancel_choice .cancel,.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .Done_cancel_choice .done{width:100px;height:40px;background:rgba(90,90,90,.466);color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .Done_cancel_choice .cancel:hover,.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .Done_cancel_choice .done:hover{background:rgba(68,68,68,.466)}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .Done_cancel_choice .done{border-top-left-radius:10px;border-bottom-left-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .Done_cancel_choice .cancel{border-top-right-radius:10px;border-bottom-right-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .ResolutionSettings{width:100%;height:40px;gap:2px;display:flex;justify-content:center;align-items:center;text-align:center;display:none;justify-content:space-around}.VideoEditor .Workspace .Settings .SettingsWrap .ResolutionSettings .Resolutions{width:70%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;gap:2px}.VideoEditor .Workspace .Settings .SettingsWrap .ResolutionSettings .Resolutions .Resolution{width:80px;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;background:rgba(90,90,90,.466);color:#fff;cursor:pointer;font-size:14px}.VideoEditor .Workspace .Settings .SettingsWrap .ResolutionSettings .Resolutions .Resolution:nth-child(1){border-bottom-left-radius:10px;border-top-left-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .ResolutionSettings .Resolutions .Resolution:nth-last-child(1){border-bottom-right-radius:10px;border-top-right-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .ResolutionSettings .Resolutions .Resolution:hover{background:rgba(68,68,68,.466)}.VideoEditor .Workspace .Settings .SettingsWrap .SpeedSettings{width:100%;height:40px;gap:2px;display:flex;justify-content:center;align-items:center;text-align:center;display:none;justify-content:space-around}.VideoEditor .Workspace .Settings .SettingsWrap .SpeedSettings .Speeds{width:70%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;gap:2px}.VideoEditor .Workspace .Settings .SettingsWrap .SpeedSettings .Speeds .Speed{width:80px;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;background:rgba(90,90,90,.466);color:#fff;cursor:pointer;font-size:14px}.VideoEditor .Workspace .Settings .SettingsWrap .SpeedSettings .Speeds .Speed:nth-child(1){border-bottom-left-radius:10px;border-top-left-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .SpeedSettings .Speeds .Speed:nth-last-child(1){border-bottom-right-radius:10px;border-top-right-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .SpeedSettings .Speeds .Speed:hover{background:rgba(68,68,68,.466)}.VideoEditor .Workspace .Settings .SettingsWrap .FlipSettings{width:100%;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;display:none}.VideoEditor .Workspace .Settings .SettingsWrap .FlipSettings .Flips{width:250px;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;gap:2px}.VideoEditor .Workspace .Settings .SettingsWrap .FlipSettings .Flips .Flip{width:100px;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;background:rgba(90,90,90,.466);cursor:pointer;font-size:14px;justify-content:space-around}.VideoEditor .Workspace .Settings .SettingsWrap .FlipSettings .Flips .Flip svg{width:20px;height:20px;cursor:pointer;-o-object-fit:contain;object-fit:contain;pointer-events:none}.VideoEditor .Workspace .Settings .SettingsWrap .FlipSettings .Flips .Flip div{font-size:14px;color:#fff}.VideoEditor .Workspace .Settings .SettingsWrap .FlipSettings .Flips .Flip:nth-child(1){border-bottom-left-radius:10px;border-top-left-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .FlipSettings .Flips .Flip:nth-last-child(1){border-bottom-right-radius:10px;border-top-right-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .FlipSettings .Flips .Flip:nth-last-child(1) svg{transform:rotate(90deg)}.VideoEditor .Workspace .Settings .SettingsWrap .FlipSettings .Flips .Flip:hover{background:rgba(34,34,34,.493)}.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings{width:100%;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;display:none}.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper{width:250px;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;gap:2px}.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateLeft,.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateRight{width:100px;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;background:rgba(90,90,90,.466);cursor:pointer;justify-content:space-evenly}.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateLeft svg,.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateRight svg{width:22px;height:22px;pointer-events:none}.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateLeft div,.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateRight div{font-size:14px;pointer-events:none;color:#fff}.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateLeft:hover,.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateRight:hover{background:rgba(34,34,34,.493)}.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateLeft{border-bottom-left-radius:10px;border-top-left-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateRight{border-bottom-right-radius:10px;border-top-right-radius:10px}.VideoEditor .Workspace .Settings .SettingsWrap .RotateSettings .wrapper .RotateRight svg{transform:rotateY(180deg)}.VideoEditor .Workspace .Settings .SettingsWrap .Crop{width:24px;height:24px;background:url(/public/styles/videoeditor/media/icons/0c884027133ec7b1a0951b115820cd98dbccc482/crop.png);background-size:contain;cursor:pointer;background-repeat:no-repeat;display:none}.VideoEditor .Workspace .Settings .Compression_Settings{right:10%;bottom:15%;width:350px;height:300px;z-index:100;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:10px;opacity:0;justify-content:space-around;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;position:absolute;display:none;pointer-events:none;background:rgba(255,255,255,.726);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.VideoEditor .Workspace .Settings .Compression_Settings .Title{width:100%;height:10%;font-size:20px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.VideoEditor .Workspace .Settings .Compression_Settings .Size{width:100%;height:30%;display:flex;justify-content:center;align-items:center;text-align:center}.VideoEditor .Workspace .Settings .Compression_Settings .Size label{width:40%;text-align:left;font-size:14px}.VideoEditor .Workspace .Settings .Compression_Settings .Size #size{width:50%;height:40%;outline:0;font-size:14px}.VideoEditor .Workspace .Settings .Compression_Settings .EncodingSpeed{width:100%;height:30%;display:flex;justify-content:center;align-items:center;text-align:center}.VideoEditor .Workspace .Settings .Compression_Settings .EncodingSpeed label{width:40%;text-align:left;font-size:14px}.VideoEditor .Workspace .Settings .Compression_Settings .EncodingSpeed #speed{width:50%;height:40%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;outline:0;font-size:14px}.VideoEditor .Workspace .Settings .Compression_Settings .EncodingSpeed option{text-align:left;outline:0;font-size:14px;background:#353535;color:#fff}.VideoEditor .Workspace .Settings .Compression_Settings .EncodingSpeed option:hover{background:#fff;border:1px solid #fff;color:#353535}.VideoEditor .Workspace .Settings .Compression_Settings .EncodingSpeed::before{content:"Slower speed gives better compression";width:150px;height:50px;padding:5px;bottom:50%;left:0;text-align:center;position:absolute;transition:.4s;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:6px;font-size:14px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;opacity:0}.VideoEditor .Workspace .Settings .Compression_Settings .EncodingSpeed:hover::before{left:0;display:block;background:#fff;opacity:1;bottom:60%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.VideoEditor .Workspace .Settings .AnimateSettings{animation:animate .1s ease-in forwards}@keyframes animate{0%{opacity:0;bottom:15%}100%{opacity:1;bottom:20%;pointer-events:inherit}}.VideoEditor .Workspace .Settings .FinalSettings{width:180px;height:100px;display:flex;justify-content:center;align-items:center;text-align:center;justify-content:space-between}.VideoEditor .Workspace .Settings .FinalSettings .Encoding_and_compression_Settings{width:60px;height:40px;background:rgba(90,90,90,.466);display:flex;justify-content:center;align-items:center;text-align:center;border-radius:10px;cursor:pointer}.VideoEditor .Workspace .Settings .FinalSettings .Encoding_and_compression_Settings svg{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.VideoEditor .Workspace .Settings .FinalSettings .Encoding_and_compression_Settings:hover{background:rgba(68,68,68,.466)}.VideoEditor .Workspace .Settings .FinalSettings .Save{width:100px;height:50px;background:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;text-align:center;color:#353535;cursor:pointer;font-weight:bolder;-webkit-user-select:none;-moz-user-select:none;user-select:none}.VideoEditor .Workspace .Settings .FrameSettings{width:70%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;display:none}.VideoEditor .Workspace .Settings .FrameSettings .wrapper{width:400px;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;justify-content:space-around;color:#fff}.VideoEditor .Workspace .Settings .FrameSettings .wrapper .End,.VideoEditor .Workspace .Settings .FrameSettings .wrapper .Start{width:100px;height:24px;display:flex;justify-content:center;align-items:center;text-align:center}.VideoEditor .Workspace .Settings .FrameSettings .wrapper .End .value #inputEnd,.VideoEditor .Workspace .Settings .FrameSettings .wrapper .End .value #inputStart,.VideoEditor .Workspace .Settings .FrameSettings .wrapper .Start .value #inputEnd,.VideoEditor .Workspace .Settings .FrameSettings .wrapper .Start .value #inputStart{display:none;border:none;outline:0;width:100px;height:24px;box-shadow:0 0 3px rgba(24,24,24,.2);padding-left:2px;cursor:pointer}.VideoEditor .Workspace .Settings .FrameSettings .wrapper .End .value .hhmmss,.VideoEditor .Workspace .Settings .FrameSettings .wrapper .Start .value .hhmmss{width:150px;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;color:rgba(207,207,207,.466)}.VideoEditor .Workspace .Settings .FrameSettings .wrapper .End .value .hhmmss input,.VideoEditor .Workspace .Settings .FrameSettings .wrapper .Start .value .hhmmss input{width:40px;height:30px;background:rgba(90,90,90,.466);outline:0;border:none;padding:5%;color:#fff}.VideoEditor .Workspace .Settings .FrameSettings .wrapper .End .value .hhmmss input:nth-child(1),.VideoEditor .Workspace .Settings .FrameSettings .wrapper .Start .value .hhmmss input:nth-child(1){border-bottom-left-radius:4px;border-top-left-radius:4px}.VideoEditor .Workspace .Settings .FrameSettings .wrapper .End .value .hhmmss input:nth-last-child(1),.VideoEditor .Workspace .Settings .FrameSettings .wrapper .Start .value .hhmmss input:nth-last-child(1){border-bottom-right-radius:4px;border-top-right-radius:4px}.VideoEditor .resizable{background:rgba(0,0,0,.2);background-size:contain;width:100px;height:100px;position:absolute;z-index:1;display:none}.VideoEditor .resizable .resizers{width:100%;height:100%;border:3px solid #4286f4;box-sizing:border-box;cursor:move}.VideoEditor .resizable .resizers .resizer{width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid #4286f4;position:absolute;z-index:10}.VideoEditor .resizable .resizers .resizer.top-left{left:-5px;top:-5px;cursor:nwse-resize}.VideoEditor .resizable .resizers .resizer.top-right{right:-5px;top:-5px;cursor:nesw-resize}.VideoEditor .resizable .resizers .resizer.bottom-left{left:-5px;bottom:-5px;cursor:nesw-resize}.VideoEditor .resizable .resizers .resizer.bottom-right{right:-5px;bottom:-5px;cursor:nwse-resize}.SliderContainerBefore::before{content:" lower CRF values correspond to higher bitrates, and hence produce higher quality videos.";width:150px;height:120px;padding:5px;top:-30px;left:-100px;text-align:center;position:absolute;transition:.4s;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:6px;font-size:14px;background:#fff;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;opacity:0}.slidecontainer{position:relative;z-index:1;width:100%;height:70px;display:flex;justify-content:center;align-items:center;text-align:center}.slidecontainer label{width:40%;text-align:left}.slidecontainer .CRFValue{width:50%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.slidecontainer .CRFValue p{height:-moz-fit-content;height:fit-content}.slidecontainer .slider{margin-top:10%;-webkit-appearance:none;width:90%;height:5px;border-radius:5px;background:#fff;outline:0;opacity:1;border:.5px solid #353535;transition:opacity .2s}.slidecontainer .slider::before{content:"Lower crf values gives better compression and quality";width:150px;height:100px;padding:5px;bottom:80%;left:0;text-align:center;position:absolute;transition:.4s;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:6px;font-size:14px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;opacity:0}.slidecontainer .slider:hover::before{display:block;left:0;background:#fff;opacity:1;bottom:90%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.slidecontainer .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#4caf50;cursor:pointer}.slidecontainer .slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#4caf50;cursor:pointer}.switch{position:relative;display:inline-block;width:50px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.ActiveFeature{background:rgba(34,34,34,.493)!important}.feature-card-img{width:30px;height:30px}.TrimInfo{width:40%;height:30px;background:#fff;margin-top:2%;color:#353535;margin-right:5%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:10px;display:none}@media screen and (max-width:600px){.VideoEditor .Workspace .FeaturesPanel{flex-direction:column;width:100%;height:15%}.VideoEditor .Workspace #videoWrapper{width:220px;height:180px;margin-bottom:5%}.VideoEditor .Workspace .FeaturesPanel .LeftPanel{width:100%}.VideoEditor .Workspace .Settings .FrameSettings{width:60%}.VideoEditor .Workspace .Settings .FrameSettings .wrapper{width:100%}.VideoEditor .Workspace .Settings .FrameSettings .wrapper .End .value .hhmmss input,.VideoEditor .Workspace .Settings .FrameSettings .wrapper .Start .value .hhmmss input{width:20px;height:20px;background:rgba(90,90,90,.466);outline:0;border:none;padding:0;color:#fff;font-size:12px}.VideoEditor .Workspace .Settings .FrameSettings .wrapper .End .value .hhmmss,.VideoEditor .Workspace .Settings .FrameSettings .wrapper .Start .value .hhmmss{width:70px}.VideoEditor .Workspace .Settings .PlayButton{background:0 0}.VideoEditor .Workspace .Settings .FinalSettings .Encoding_and_compression_Settings{width:30px;height:30px;background:0 0}.VideoEditor .Workspace .Settings .FinalSettings .Save{width:120px;height:40px;font-size:16px}.VideoEditor .Workspace .Settings .FinalSettings{width:50%;height:30px;gap:2px}.TrimInfo{width:90%;font-size:14px;height:20px;margin-right:0;margin-top:2%}.VideoEditor .Workspace #videoWrapper{width:240px;height:180px}.VideoEditor .Workspace .Settings{width:100%;height:150px;padding:3%;display:flex;flex-direction:column}.VideoEditor .Workspace .Settings .SettingsWrap{width:100%}.VideoEditor .Workspace .Settings .Compression_Settings{bottom:15%;width:300px;height:300px;right:auto}.VideoEditor .Workspace .Settings .SettingsWrap .CropSettings .AspectRatios .Ratio{width:50px;height:90%;font-size:12px}.VideoEditor .Workspace .Settings .SettingsWrap .ResolutionSettings .Resolutions{width:100%}.VideoEditor .Workspace .Settings .SettingsWrap .ResolutionSettings .Resolutions .Resolution{width:50px;height:90%;font-size:12px}.VideoEditor .Workspace .Settings .SettingsWrap .SpeedSettings .Speeds{width:100%}.VideoEditor .Workspace .Settings .SettingsWrap .SpeedSettings .Speeds .Speed{width:50px;height:90%;font-size:12px}.VideoEditor .Workspace .FramesLayer{width:95%;height:35px}.VideoEditor .Workspace .FramesLayer #EndTrim .EndValue,.VideoEditor .Workspace .FramesLayer #EndTrim .StartValue,.VideoEditor .Workspace .FramesLayer #StartTrim .EndValue,.VideoEditor .Workspace .FramesLayer #StartTrim .StartValue{width:70px;height:20px;font-size:12px}.VideoEditor .Workspace .FramesLayer{width:85%;height:35px}.VideoEditor .Workspace .FramesLayer .Frames .Frame{width:5%}.VideoEditor .Workspace .FramesLayer .Frames .Frame:hover{transform:scale(2)}}.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:#e9e4e4}#downloadButton svg{height:25px}