:root{--top-header: 25px;--font-header1: 20px;--font-header2: 18px;--font-icon-general: 20px;--back-button: 12px;--font-header3: 14px;--font-lg: 12px;--font-md: 10px;--font-sm: 8px}@media screen and (max-width:1366px){:root{--top-header: 25px;--font-header1: 20px;--font-header2: 18px;--font-icon-general: 20px;--back-button: 12px;--font-header3: 14px;--font-lg: 12px;--font-md: 10px;--font-sm: 8px;--font-icon-general: 16px}html{font-size:80%}}@media screen and (min-width:1367px){:root{--top-header: 25px;--font-header1: 20px;--font-header2: 18px;--font-icon-general: 20px;--back-button: 12px;--font-header3: 14px;--font-lg: 12px;--font-md: 10px;--font-sm: 8px;--font-icon-general: 16px}}@media screen and (min-width:1441px){:root{--top-header: 25px;--font-header1: 20px;--font-header2: 18px;--font-icon-general: 20px;--back-button: 12px;--font-header3: 14px;--font-lg: 12px;--font-md: 10px;--font-sm: 8px;--font-icon-general: 18px}}@media screen and (min-width:1601px)and (-webkit-max-device-pixel-ratio:1){:root{--top-header: 25px;--font-header1: 20px;--font-header2: 18px;--back-button: 12px;--font-header3: 14px;--font-lg: 12px;--font-md: 10px;--font-sm: 8px;--font-icon-general: 20px}}@media screen and (min-width:1601px)and (-webkit-max-device-pixel-ratio:2){:root{--top-header: 25px;--font-header1: 20px;--font-header2: 18px;--back-button: 12px;--font-header3: 14px;--font-lg: 14px;--font-md: 12px;--font-sm: 10px;--font-icon-general: 20px}}@media screen and (min-width:1921px){:root{--top-header: 29px;--font-header1: 24px;--font-header2: 22px;--font-icon-general: 24px;--back-button: 16px;--font-header3: 18px;--font-lg: 16px;--font-md: 14px;--font-sm: 12px;--font-icon-general: 25px}}@media screen and (min-width:3840px){:root{--top-header: 27px;--font-header1: 22px;--font-header2: 20px;--font-icon-general: 22px;--back-button: 14px;--font-header3: 16px;--font-lg: 14px;--font-md: 12px;--font-sm: 10px;--font-icon-general: 25px}}.big-text{font-size:var(--font-lg)!important}.medium-text{font-size:var(--font-md)!important}.small-text{font-size:var(--font-sm)!important}.top-header{font-size:var(--top-header)!important}.primary-header{font-size:var(--font-header1)!important}.secondary-header{font-size:var(--font-header2)!important}.page-header{font-size:var(--font-header3)!important}.icon-size{font-size:var(--font-icon-general)!important}.back-button-font{font-size:var(--back-button)!important}.Toastify__toast-container{z-index:1000!important}.card-body>div>h4{font-size:var(--font-header3)!important}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}.nav-tabs .nav-link{font-size:var(--font-header3)!important}.menu-container{height:100vh}.logo{width:80%;height:8%;margin:50px 10% 10%}.new-videoBtn{margin:10%;background-color:#222;border:none;border-radius:8px;width:80%;height:45px;color:#fff;font-size:13px;font-weight:500;text-align:left;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.home-btn{margin-left:10%;background-color:#eeeef0;border:none;border-radius:8px;width:80%;height:45px;text-align:left;outline:none;font-weight:600}.common-btn{margin-left:10%;border:none;border-radius:8px;width:80%;height:50px;text-align:left;margin-top:15px;font-weight:600;outline:none;background-color:#fff}.btn-styling{display:flex;justify-content:flex-start;align-items:center;gap:15px;margin-left:10px}@media(min-width:1080px){.personalize{height:70px}}@media(min-width:1600px){.personalize{height:48px}}@media(min-width:2000px){.personalize{height:48px}}.user-page{background-color:#f7f7f9;height:100vh;display:grid;overflow:hidden;grid-template-rows:min-content 1fr;grid-template-areas:"header" "content"}.user-nav{grid-area:header;height:25px;min-height:20px;position:relative;background-color:#f7f7f9;box-shadow:0 0 0 22px #f7f7f9;margin-bottom:28px}.user-nav:after{content:"";position:absolute;top:52px;bottom:0;left:0;right:0;height:1px;z-index:11}.user-page>.row:last-child{grid-area:content;z-index:1;padding-top:0}.search{height:38px;border:none;background-color:#f7f7f9;outline:none;padding-left:10px;padding-right:10px;width:275px;background-color:#fff;border-top-right-radius:15px;border-bottom-right-radius:15px}.back-div{display:flex;flex-direction:row;margin-left:1%;justify-content:center;align-items:center}.projectName{margin-top:3px;font-weight:600}.search-bar{width:300px;height:40px;display:flex;flex-direction:row;margin-left:50px;border-radius:15px;box-shadow:0 2px 4px #0000001a}.search-bar:focus-within{border:1px solid #cfe2ff;box-shadow:#cfe2ff 0 0 0 3px;color:#0d6efd}.search-icon{padding-left:10px;padding-top:5px;width:25px;background-color:#fff;border-bottom-left-radius:15px;border-top-left-radius:15px}.help-btn{padding:5px;border:1px solid rgb(208 213 221);color:gray;border-radius:4px;background-color:transparent;display:flex;align-items:center}.upgrade-btn{width:120px;background-color:#fff1dd;height:50px;margin-top:40px;border:none;border-radius:15px;margin-right:6px}.invite-btn{width:120px;background-color:#eeeef0;height:50px;margin-top:40px;border:none;border-radius:15px}.faq{height:50px;width:50px;font-size:30px;margin-top:30px;border:none;background-color:#f7f7f9}.bell{height:50px;width:50px;font-size:25px;margin-top:30px;border:none;background-color:#f7f7f9}.badge-small{font-size:.8rem;padding:.2em .5em}.userDp{height:60px;width:60px;border-radius:50%;outline:none;border:none}.intro-text{font-weight:450;margin-left:50px;margin-top:55px}.create-btn,.record-btn,.golive-btn,.podcast-btn{background-color:#fff;width:10vw;border-radius:15px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;height:60px;font-weight:500;border:none;padding-left:10px;transition:all .3s ease-in}.create-btn,.record-btn,.golive-btn,.podcast-btn:focus-within{border:none;outline:none}@media(min-width:1080px){.create-btn,.record-btn,.golive-btn,.podcast-btn{width:13vw}}@media(min-width:1600px){.create-btn,.record-btn,.golive-btn,.podcast-btn{width:13vw}}.create-btn:hover{color:#af68fe}.create-icon{font-size:20px;margin-right:8px;color:#af68fe;background-color:#f4ebfe;padding:2px 8px;border-radius:5px;font-weight:500}.record-btn:hover{color:#ff666c}.record-icon{font-size:20px;margin-right:8px;color:#ff666c;background-color:#fff0f0;padding:2px 8px;border-radius:5px;font-weight:500}.golive-icon{font-size:20px;margin-right:8px;color:#44b2fe;background-color:#ecf1ff;padding:2px 8px;border-radius:5px;font-weight:500}.golive-btn:hover{color:#44b2fe}.podcast-icon{font-size:20px;margin-right:8px;color:#ffa928;background-color:#fff6e8;padding:2px 8px;border-radius:5px;font-weight:500}.podcast-btn:hover{color:#ffa928}.user-btns{margin-left:50px;margin-top:30px;display:flex;flex-direction:row;gap:1vw}.allvid-btn{margin-left:auto;margin-right:80px;border:none;background-color:#f7f7f9;color:gray;font-weight:490}.my-assets::-webkit-scrollbar{display:none}.dropdown{position:relative;display:inline-block}.username{background-color:#f0f0f0;padding:10px;cursor:pointer;margin-top:30px}.menu{position:absolute;top:100%;right:0;background-color:#f0f0f0;border:none;outline:none;box-shadow:0 2px 4px #0000001a;display:block}.menu-item{padding:10px;cursor:pointer}.user{margin-right:40px}.user .dropdown-menu{border:none;box-shadow:none;outline:none;height:fit-content;width:80px;overflow-y:hidden;background-color:#80808021}.user .dropdown-item:focus{outline:none}.user>.nav-link{border:none;box-shadow:none;outline:none;height:max-content;width:fit-content}.user>.nav-link:focus{outline:none;height:max-content;box-shadow:none}.user>.nav-link:hover{outline:none;height:max-content}.recentProjectsCard{position:relative;width:26%;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.recentProjectsThumbnail{width:100%;border-radius:8px;height:250px;cursor:pointer}@media(min-width:1080px){.card-text{font-size:12px}.recentProjectsThumbnail{height:200px}}@media(min-width:1600px){.card-text{font-size:16px}.recentProjectsThumbnail{height:250px}}@media(min-width:2000px){.card-text{font-size:16px}.recentProjectsThumbnail{height:250px}}.options-button{border:1px solid black;font-size:25px;outline:none;background-color:#f7f7f9;padding-top:0%}.bullets-btn{font-size:30px;background-color:#fff;border:none}.grid-btn{font-size:24px;background-color:#fff;border:none}.assets-btns{margin-left:40%;position:absolute;bottom:0;margin-bottom:50px;display:flex}.bullets-btn:hover,.grid-btn:hover{color:#0097fe}.pointer-btn{border:none;background-color:#fff;font-size:20px}.pointer-btn:hover{color:#0097fe}.upload-btn{margin-right:20px;font-size:25px;border:none;background-color:#fff}.top-btns{text-align:end;margin-right:40px;margin-top:30px}.export-btn{border:none;width:100px;height:50px;border-radius:8px;font-weight:500;box-shadow:0 2px 4px #0000001a;background-color:#a9f79a}.export-btn:hover{color:green}.upload-btn:hover{color:#0097fe}.slider-btns{text-align:center;margin-top:30px}.slider-val{border:none;background-color:#fff1dd;text-align:center;border-radius:6px;height:30px;font-weight:500;box-shadow:0 2px 4px #0000001a}.rotate-btn{border:none;background-color:#fff;font-size:20px;margin-left:160px}.rotate-val{width:78px;background-color:#eeeef0;border:none;box-shadow:0 2px 4px #0000001a;border-radius:6px;text-align:center;height:30px;font-weight:500}.rotate-btn1{border:none;background-color:#fff;font-size:20px;margin-left:253px;margin-top:20px}.position{margin-left:auto}.position-val{width:78px;background-color:#2ae6ff8a;border:none;box-shadow:0 2px 4px #0000001a;border-radius:6px;text-align:center;height:30px;font-weight:500;margin-right:34px}.position1{margin-top:20px}.seekBar{width:800px;background:gray;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;margin:0 10px;border-radius:5px;height:6px}.rewind,.play,.pause,.forward{border:none;font-size:30px;background-color:#fff}.toolBarButton{background-color:#fff;border:none;font-size:25px;margin-left:10px;outline:none}.toolBarButton:hover{color:#0097fe}#upperDiv{position:relative;width:1800px;height:60px;border-bottom:1px solid grey;margin-bottom:10px}#upperDiv .marking{position:absolute;bottom:0;width:2px;height:10px;background-color:#ccc}#upperDiv .marking-label{position:absolute;bottom:12px;transform:translate(-50%);font-size:12px;color:gray;font-weight:500}#mediaFile1{height:80px;background:#ccc;border-radius:10px;outline:2px solid black}#mediaFile2{height:80px;background:#adff2f;border-radius:10px;outline:2px solid black}#mediaFile3{height:80px;background:orange;border-radius:10px;outline:2px solid black}#add-mediaLargeBtn{text-align:center;font-weight:550;height:80px;color:gray;border:none;background-color:#eee;width:1800px;margin-left:.5%;border-radius:10px}#slider{border:none;width:98%;margin-left:auto}.ui-slider{width:98%;margin-top:10px;margin-left:1%}.navContainer{height:100%}.leftNav{display:flex;flex-direction:row;font-size:16px;color:#000;font-weight:500;text-align:center;background-color:#fff;border:1px solid black;height:100%;width:100%}.leftNav:hover{color:#0d6efd}.icon{color:#c9cbd4;transition:color .3s;font-size:35px;position:relative;overflow:hidden}p:hover{color:#0d6efd}.ele{transform:rotate(180deg);transform:scaleY(-1)}.navBtn:focus-within{border:none}.vidEditPage::-webkit-scrollbar{display:none}.renderedCompLeft::-webkit-scrollbar{width:10px}.renderedCompLeft::-webkit-scrollbar-thumb{background:#0000003d;border-radius:5px}.aspectRatio{width:300px;height:40px;outline:none;border-radius:8px;padding-left:10px;border-width:2px}.aspectRatio:hover{outline:none;border-color:#0098fd;border-width:2px}.custom-dropdown{position:relative;display:inline-block;width:300px}.dropdown-toggle{background:none;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset;color:gray;cursor:pointer;text-align:left;width:90%;border-radius:8px;height:50px;display:flex;align-items:center}.dropdown-toggle:hover{outline:2px solid rgb(0,152,253);border:none}.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;width:320px;height:590px;background-color:#fff;border:2px solid grey;border-top:none;display:none;border-radius:6px;overflow-y:scroll}.dropdown-menu.show{display:block}.dropdown-item{padding:10px;cursor:pointer}.arrow{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.colorDiv{height:70px;width:90%;box-shadow:#0000000d 0 -1px 0 1px,#0000000d 1px 0 0 1px,#0000000d -1px 0 0 1px;border-top-left-radius:8px;border-top-right-radius:8px;padding:15px;color:gray}.imgUpload{height:70px;width:90%;box-shadow:#0000000d 0 1px 0 1px,#0000000d 1px 0 0 1px,#0000000d -1px 0 0 1px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:15px;color:gray}.uploadBtn{border:none;background-color:#fff;color:gray;font-weight:600;font-size:large}.scrollableDiv{display:flex;flex-direction:column;align-items:center;height:55vh;width:90%;overflow-x:hidden;overflow-y:auto;margin:5%;border-radius:8px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;padding:5%}.scrollableDiv::-webkit-scrollbar{width:10px}.scrollableDiv::-webkit-scrollbar-thumb{background:#0000003d;border-radius:5px}.frames{background:none;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset;color:gray;padding:10px;cursor:pointer;text-align:left;width:90%;border-radius:8px;height:70px}.frames:hover{outline:2px solid rgb(0,152,253);border:none}.rc-slider{width:500px;margin-top:80px;margin-left:50px;background-color:beige}.rc-slider-handle{width:20px;height:20px;margin-top:30px}.rc-slider-track,.rc-slider-rail{height:80px}@-moz-document url-prefix(){.form-range::-moz-range-track,input[type=range]::-moz-range-track{height:6px;background:#fff!important;border:none;border-radius:3px}.form-range::-moz-range-progress,input[type=range]::-moz-range-progress{height:6px;background:#fff!important;border-radius:3px}.form-range::-moz-range-thumb,input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#4299e1;border:2px solid #fff;border-radius:50%;cursor:pointer}.form-range:disabled::-moz-range-track,.form-range:disabled::-moz-range-progress,.form-range:disabled::-moz-range-thumb,input[type=range]:disabled::-moz-range-track,input[type=range]:disabled::-moz-range-progress,input[type=range]:disabled::-moz-range-thumb{opacity:.6}.form-range.on-dark::-moz-range-track,.form-range.on-dark::-moz-range-progress,input[type=range].on-dark::-moz-range-track,input[type=range].on-dark::-moz-range-progress{background:#fff!important}}.App{font-family:Mulish,sans-serif}.credit-range{width:100%}.mob-logo{width:80%;height:8%}p{text-decoration:none;color:#333}p:hover{color:#333}.add-media{width:98%;height:80px;background-color:#eee;border:none;margin-top:10px;font-weight:500;color:gray;margin-left:1%}.custom-seek-bar{display:flex;justify-content:space-between;width:1800px;font-weight:500;margin-top:40px;margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:4px}.marking{position:relative;height:10px;color:gray;font-size:12px;font-weight:700}.marking.big:after{content:attr(data-label);position:absolute;top:15px;left:50%;transform:translate(-50%)}.marking.small{width:1px;background-color:#ccc;margin-top:5px}.videoSlide::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:102px;background-color:#0097fe;height:6rem;width:5px}#mediaFile4{width:400px;height:80px;background:#cd5c5c;border-radius:10px;outline:2px solid black}#mic{background-color:#ebedf0}#mic{background-color:#ebedf03f}.new-videoBtn.disabled-btn{background-color:#000a!important;cursor:not-allowed;opacity:.6}.dts_label{display:none!important}.col-status{width:10px!important;min-width:5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}