@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800;900&display=swap);.preview{flex-direction:column;border-radius:0}.preview,.preview>div{display:flex;align-items:center}.preview>div{background-color:#000;justify-content:center}.preview .selected{display:flex;box-sizing:border-box;position:relative;padding:.5rem;border-radius:.5rem}.preview .selected:has(.controls-row){padding-bottom:.25rem}.preview .selected .preview-spinner__container{display:flex;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0}.preview .selected .preview-spinner{height:inherit!important;display:flex}.preview .selected .preview-spinner svg{background-color:transparent}.preview .selected .options{display:flex;align-items:center;grid-gap:.2rem;gap:.2rem}.preview .selected svg{cursor:pointer}.preview .selected svg:hover{opacity:.5}.preview .not-selected{color:#fff;border:unset;box-sizing:border-box;width:150px;height:105px;padding:.5rem;background-color:#000;border-radius:.5rem}.preview .not-selected svg{width:2rem;height:2rem}.preview .not-selected:hover{cursor:pointer}.preview .not-selected:hover svg{opacity:.5}.preview .player-progress .rc-slider-handle{background-color:var(--primary-color);border:2px solid var(--primary-color)}.preview .player-progress .rc-slider-track{height:4px;background-color:var(--primary-color)}.preview .controls-row{display:flex}.preview .controls-row .player-progress-container{flex:1 1;padding-inline:.2em}video.fake-pip{position:fixed;z-index:1000;bottom:10px;right:10px}:root{--bg-color:#06020a;--bg-surface-0:#1d1a21;--bg-surface-50:#2f2b36;--bg-surface-100:#524b5f;--bg-surface-150:#696177;--bg-surface-200:#7c738b;--fc-color:#fff;--primary-color:#a836ff;--primary-btn-fc:#fff;--default-btn-bg-color:#d3d3d3;--default-btn-fc:#000;--danger-btn-bg:#e43c33;--danger-btn-fc:#fff}*{font-family:"Work Sans","Poppins",Arial,Helvetica,sans-serif;color:#fff;color:var(--fc-color)}body{max-width:85vw;margin:0 auto;padding:0;background-color:#06020a;background-color:var(--bg-color);font-size:1rem}@media(max-width:1920px){body{max-width:90vw}}@media(max-width:1440px){body{max-width:98vw}}.btn{cursor:pointer;padding:1rem 1.5rem;background-color:transparent;text-transform:capitalize;font-size:1rem;font-weight:600;line-height:1.25rem;border:none;border-radius:2rem;-webkit-filter:saturate(60%);filter:saturate(60%);transition:all .5s ease-in-out}.btn:active:focus,.btn:hover{-webkit-filter:unset;filter:unset}.btn:disabled{-webkit-filter:saturate(30%),grayscale(50%);filter:saturate(30%),grayscale(50%)}.btn-sm{padding:.25rem .5rem;border-radius:.5rem}.btn-primary{border:2px solid #a836ff;border:2px solid var(--primary-color);color:#fff;color:var(--primary-btn-fc);text-transform:capitalize}.btn-primary:active:focus,.btn-primary:hover{-webkit-filter:unset;filter:unset;background-color:#a836ff;background-color:var(--primary-color)}.btn-primary:disabled{-webkit-filter:unset;filter:unset;cursor:not-allowed}.btn-remove{color:#fff;color:var(--danger-btn-fc)}.btn-remove,.btn-remove:active:focus,.btn-remove:disabled:hover,.btn-remove:hover{background-color:#e43c33;background-color:var(--danger-btn-bg);border:none}.btn-grey{font-weight:400;background-color:transparent;color:#fff;color:var(--primary-btn-fc);border:2px solid #7c738b;border:2px solid var(--bg-surface-200)}.btn-grey:active:focus,.btn-grey:disabled:hover,.btn-grey:hover{background-color:#fff;background-color:var(--primary-btn-fc);border:2px solid #fff;border:2px solid var(--primary-btn-fc);color:#1d1a21;color:var(--bg-surface-0)}.react-confirm-alert-overlay{background-color:#06020a;background-color:var(--bg-color)}.react-confirm-alert-body{background-color:#2f2b36;background-color:var(--bg-surface-50);color:#fff;color:var(--fc-color);font-family:"Work Sans","Poppins",Arial,Helvetica,sans-serif;font-size:1.25rem;line-height:2rem;width:26rem;padding:3rem 5rem;text-align:center;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center}.react-confirm-alert-body h1{font-size:2.5rem}@media(max-width:1024px){.react-confirm-alert-body{font-size:1rem;line-height:1.5rem;width:24rem;padding:2.5rem 4rem}.react-confirm-alert-body h1{font-size:1.75rem}}.react-confirm-alert-button-group{flex-direction:column}.react-confirm-alert-button-group button{display:flex;align-items:center;cursor:pointer;padding:1rem 3rem;background-color:transparent;font-size:1rem;font-weight:600;color:#fff;color:var(--fc-color);line-height:1.5rem;border-radius:2rem;border:2px solid #a836ff;border:2px solid var(--primary-color);margin-top:1rem;transition:all .5s ease-in-out}@media(max-width:1024px){.react-confirm-alert-button-group button{font-size:.875rem;padding:.75rem 2.5rem;margin-top:.5rem}}.react-confirm-alert-button-group button:active:focus,.react-confirm-alert-button-group button:hover{background-color:#a836ff;background-color:var(--primary-color)}.react-confirm-alert-button-group button.white{background-color:#fff;color:#000;border:2px solid #fff}.react-confirm-alert-button-group button.white .button-icon{fill:#000}.react-confirm-alert-button-group button.white:hover{background-color:#a836ff;background-color:var(--primary-color);color:#fff;border:2px solid #a836ff;border:2px solid var(--primary-color)}.react-confirm-alert-button-group button.white:hover .button-icon{fill:#fff}.button-icon{margin-right:1rem;color:inherit}.btn-center{display:flex;align-items:center;justify-content:center}.show{display:block}.accordion{position:relative;display:flex;height:100%;overflow:hidden}.accordion .accordion-header{padding:1.25rem;display:flex;align-items:center;font-weight:600;font-size:1.25rem;border:none;min-width:45rem;background-color:#2f2b36;background-color:var(--bg-surface-50);border-radius:1rem;cursor:pointer}.accordion .accordion-header__toggle{margin-left:auto}.accordion .accordion-body-container{display:block;position:absolute;top:100%;left:0;height:0;background-color:inherit;background-color:#2f2b36;background-color:var(--bg-surface-50);border-radius:1rem;border-top-left-radius:0;border-top-right-radius:0;padding:0 1.5rem 1rem;font-size:1.25rem;z-index:99999}.accordion .accordion-body-container dt{font-weight:500;margin-bottom:.5rem}.accordion .accordion-body-container dd{font-weight:300;margin-bottom:1rem}.accordion .accordion-body{border-top:2px solid #696177;border-top:2px solid var(--bg-surface-150);padding-top:1rem;margin:0}.accordion.show{overflow:visible}.accordion.show .accordion-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion.show .accordion-header__toggle{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion.show .accordion-body-container{height:auto}.italic{font-style:italic}.link{background:none;border:none;text-decoration:underline;font-size:1.25rem;font-style:inherit;padding:0}#modal-edit-clip{margin-top:5rem}.loading{min-height:30vh;display:flex;justify-content:center;flex-direction:column;text-align:center}.loading svg{width:6em}.loading .medialibrary-spinner{margin:0 auto}.modal-body>.row,.modal-body>.table{margin:.5em 0}.player{margin-bottom:2rem}.player .iframe{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.player .iframe #player{width:100%;min-height:12rem;border:none;max-height:700px}.player .iframe #player video{max-height:inherit}.player .iframe .range{margin:0;padding:1rem 1.5rem;background-color:var(--bg-surface-50);border-radius:.5rem}.player .iframe .player-slicer .rc-slider-handle{-webkit-transform:translateX(-50%) translateY(50%)!important;transform:translateX(-50%) translateY(50%)!important;border-radius:1em;width:.5rem;height:1.5rem;border:2px solid var(--primary-color);background-color:var(--primary-color);top:-.25rem}.player .iframe .player-slicer .rc-slider-track{background-color:#fff;height:20px;border-radius:.2em;border:2px solid #fff}.player .iframe .control-bar{display:flex;padding:10px}.player .iframe .control-bar:nth-child(n){color:#fff}.player .iframe .control-bar svg{cursor:pointer;margin-right:5px}.player .no-encoded{text-align:center;background-color:#d3d3d3;border:2px dotted grey}.clip-info{display:flex;justify-content:space-around;padding:2rem 1.5rem;background-color:var(--bg-surface-50);border-radius:.5rem}@media(max-width:1200px){.clip-info{display:grid;grid-template-areas:"clip-start clip-end" "clip-cut clip-cut"}}.clip-info .start{grid-area:clip-start}.clip-info .end{grid-area:clip-end}.clip-info .clip-cut{grid-area:clip-cut}@media(max-width:1200px){.clip-info .clip-cut{margin-top:2rem}}.clip-info .clip-col{border:1px solid var(--bg-surface-100);border-radius:.5rem;padding:1rem}.clip-info .clip-action{min-height:5em;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;margin:auto 1.5rem}.clip-info .clip-action .set{padding:.75rem 1.75rem;border-radius:.5rem}.clip-info .clip-action .set:hover{cursor:pointer;font-weight:500}.clip-info .clip-action .cut{display:flex;flex-direction:row;justify-content:center;align-self:center;font-size:1rem;padding:1.25rem 2.5rem;border-radius:2.5rem;min-width:10rem;border:2px solid var(--default-btn-bg-color)}.clip-info .clip-action .cut:hover{cursor:pointer;color:#fff;background-color:var(--primary-color);border:2px solid var(--primary-color)}.clip-info .clip-action .cut:hover:disabled{cursor:not-allowed;color:hsla(0,0%,50.2%,.5);background-color:hsla(0,0%,82.7%,.1);border:2px solid var(--default-btn-bg-color)}.clip-info .clip-action .cut svg{align-self:center;margin-right:1rem}.clip-info .clip-action__alert{display:flex;align-items:center;background:var(--bg-surface-100);border-radius:.5rem;padding:1rem}.clip-info .clip-action__alert__icon{flex-shrink:0;margin-right:.5rem}.clip-info .change-time{display:flex;justify-content:space-evenly;align-items:center;margin:.5em 0;border-top:1px solid var(--bg-surface-100);padding-top:.5rem}.clip-info .change-time .back-forward{position:relative;color:grey;width:2.25rem;height:2rem;background-color:var(--bg-surface-100);border-radius:.5rem;display:flex;align-items:center;transition:all .2s}.clip-info .change-time .back-forward:hover{cursor:pointer;color:#000;background-color:var(--bg-surface-0)}.clip-info .change-time .back-forward svg{width:1.675rem}.clip-info .change-time .back-forward span{position:absolute;top:24%;left:35%;width:50%}.clip-info .thumbnail{background-color:hsla(0,0%,82.7%,.4);position:relative}.clip-info .thumbnail p{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;z-index:-1}.clip-list{position:relative;width:100%;text-align:center;align-items:center}.clip-list td,.clip-list th{padding:.5em 0}.clip-list tbody{border-spacing:none}.clip-list tbody tr{background-color:var(--bg-surface-0)}.save{text-align:right;padding:10px 0}.tooling{display:grid;padding:0 4rem;grid-template-areas:"title" "tool" "clips" "actions";grid-gap:2rem;gap:2rem}.tooling .crop-tool{background-color:var(--bg-surface-0);border-radius:.5rem;padding:2rem;grid-area:tool}.tooling .clips-tool{padding:1rem 0 0;border-top:1px solid var(--fc-color);grid-area:clips}.tooling .actions{grid-area:actions;display:flex;grid-gap:1rem;gap:1rem;justify-content:center}.tooling .actions .btn-save{padding:1.25rem 2.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:15rem}.title-container{display:flex;align-items:center}.title-container .title{padding-left:1.25rem;border-left:1px solid grey}.title-container .arrow-back-container{display:flex;justify-content:center;align-items:center;padding-right:1.75rem}.title-container .arrow-back-container .arrow-back{background:transparent;display:flex;align-items:center;border:1px solid #9e9e9e;border-radius:4px;width:3rem;height:2.75rem;justify-content:center;cursor:pointer}.title-container .arrow-back-container .arrow-back:hover{background-color:#595959;border:none}.title-container .accordion-container{margin-left:auto}
/*# sourceMappingURL=main.2be216d4.chunk.css.map */