@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--primary-color: #333;--secondary-color: #eee}body,html{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;padding:0;background-color:var(--secondary-color)}.app-wrapper{display:flex;justify-content:center;align-items:flex-start;height:100vh;padding:0 1em}button{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:.25em;padding:.5em 1em;cursor:pointer;box-shadow:0 .25em .5em #0006}input{padding:.5em;border:1px solid var(--primary-color);border-radius:.25em}.error{color:red;font-size:.9em;margin-top:.5em}form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-width:300px;min-height:220px}form>div{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}a{color:var(--secondary-color);text-decoration:none}select{padding:.125rem 1rem}.spinner{border:4px solid rgba(0,0,0,.3);border-left-color:var(--secondary-color);border-radius:50%;width:80px;height:80px;animation:spin 1s linear infinite;margin:0 auto;align-self:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sign_up_container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1em;background-color:var(--primary-color);color:var(--secondary-color);padding:3rem;border-radius:10px;box-shadow:0 0 10px #0000004d;width:40vw;min-width:300px;min-height:60vh;margin-top:1rem}.sign_up_button{background-color:#4caf50;color:#fff}.sign_up_button_disabled{background-color:#ccc;color:#666;cursor:not-allowed}.transition_button{margin-top:20px;background-color:var(--secondary-color);color:var(--primary-color);width:100%}.sign_up_container form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:1rem}.logOut{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:50vh}header{display:flex;background-color:var(--primary-color);color:var(--secondary-color);width:100vw;justify-content:space-between;align-items:center;padding:0 3rem;margin-bottom:.5em}.header__logo{display:flex;align-items:center;gap:1rem}.header__logo img{width:50px;height:50px}nav ul{display:flex;flex:1;justify-content:flex-end;list-style:none;gap:2rem;align-items:center;justify-content:center;height:100%}nav ul li:hover,.header__username p:hover,.header__logo img:hover,.header__logo p:hover{filter:brightness(1.2);cursor:pointer}.header__username{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;cursor:pointer}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--primary-color);border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:1000}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu li{padding:10px;cursor:pointer}.dropdown-menu li:hover{filter:brightness(1.2)}.header__right{display:flex;gap:5rem}.working-desk__content{display:flex;width:100%;padding:0 1rem;gap:3em;min-height:calc(100vh - 56px)}.working-desk__content__left,.working-desk__content__right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%}.working-desk__content__left{flex:1}.working-desk__content__right{flex:1;overflow:hidden;width:100%}.working-desk__content__left__top__header,.working-desk__content__left__bottom__header,.working-desk__content__right__header,.working-desk__content__right__content__header,.working-desk__content__right__bottom__header{display:flex;justify-content:space-between;width:100%;gap:.5em;font-size:.7rem}.working-desk__content__left__top__header,.working-desk__content__right__top__header{margin:0 0 1em;align-items:stretch}.working-desk__content__left__bottom__header,.working-desk__content__right__bottom__header{margin:0 0 1em}.working-desk__content__left__top__header__button{width:20ch}.working-desk__content__left__top__avatars{display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;gap:1em;flex-wrap:nowrap;overflow-x:auto;max-width:42vw}.working-desk__content__left__top__avatars__avatar{display:flex;align-items:center;justify-content:center;width:185px;height:200px;background-color:var(--primary-color)}.working-desk__content__left__top__header h2,.working-desk__content__left__bottom__header h2{width:25ch;font-size:24px}.working-desk__content__right__top__header h2,.working-desk__content__right__bottom__header h2{font-size:24px}.working-desk__content__left__top,.working-desk__content__right__top{height:100%;flex:1}.working-desk__content__left__bottom,.working-desk__content__right__bottom{display:flex;flex-direction:column;justify-content:stretch;height:100%;flex:2}.working-desk__content__left__top__header button,.working-desk__content__left__bottom__header button{width:20ch}.working-desk__content__left__bottom__content__left{width:calc(440px + 1em)}.working-desk__content__left__bottom__content__right{flex:2}.working-desk__content__left__bottom__content__left__avatar{width:440px;height:480px;background-color:#333}.working-desk__content__left__bottom__content{display:flex;width:100%}.working-desk__content__left__bottom__content__right{position:relative;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.working-desk__content__left__bottom__content__right__animations{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.working-desk__content__left__bottom__content__right__animations__animation{background-color:#333;width:32%;height:100px;margin-bottom:.25em}.working-desk__content__right__top__animations,.working-desk__content__left__top__avatar{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:1em;overflow-x:auto;width:100%}.working-desk__content__right__top__animations{max-width:calc(50vw - 3em)}.working-desk__content__left__top__avatars{max-width:calc(50vw - 5em)}.working-desk__content__right__top__animations__item,.working-desk__content__left__top__avatars__avatar{display:flex;align-items:flex-start;justify-content:flex-end;background-color:var(--primary-color);width:32%;width:185px;height:200px;flex-shrink:0;margin-bottom:1em}.working-desk__content__left__top__avatars__avatar img{width:100%;height:100%;object-fit:cover}.working-desk__content__right__top__header{display:flex;justify-content:space-between;align-items:stretch}.working-desk__content__right__top__header__select,.working-desk__content__right__bottom__header select{background-color:var(--primary-color);color:var(--secondary-color);border-radius:5px;font-size:16px}.step_3_Create_MP4_Button{align-self:center;font-size:2em}.step_3_Create_MP4_Button:hover,.step4_buttons:hover{cursor:pointer;color:var(--primary-color)}.working-desk__content__right__bottom__header{display:flex;justify-content:space-between!important;width:calc(50vw - 5em)}.working-desk__content__right__bottom__header__buttons{display:flex;justify-content:flex-start;gap:2em;align-items:center;font-size:24px}.working-desk__content__right__bottom__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;background-color:var(--primary-color);height:100%;margin-bottom:2em}.working-desk__content__right__bottom__header__buttons>button{display:flex;align-items:center;gap:.5em;padding:0 1em}.download_button{font-size:1rem;padding:.25rem 2rem!important}.video-control-container{display:flex;justify-content:flex-start;align-items:center;gap:1rem;width:100%;padding:1em}.video-control__slider_value{width:100%;display:flex}.bot-controls{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;font-size:.8em;border:1px solid #ccc;padding:1em;box-shadow:0 0 10px #0000001a}.bot-controls h3{border-bottom:1px solid #ccc;width:100%}.bot-controls p{margin:0;padding:0}.slider-container{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:stretch}.slider-container__label__container{display:flex;justify-content:space-between;align-items:center;padding:0;margin:0;width:100%}.range-slider{-webkit-user-select:none;user-select:none;touch-action:none;margin:0 .25rem 1rem}.range-slider .thumb{width:1em;height:1em;border-radius:50%;background:#616161;border:none!important;position:absolute}.range-slider .thumb:focus,.range-slider .thumb:active{outline:none;border-color:var(--primary-color)}.range-slider .track{height:6px;width:100%;border-radius:3px;border:.5px solid #616161;padding:.25em}.thumb-labels{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.25em}.range-slider__header{display:flex;align-items:center;width:100%;gap:.5em}.range-slider__header :last-child{color:#616161}.forgot-password__container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:2rem}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6{margin:0}html,body{overflow-x:hidden}html{scroll-behavior:smooth}body{min-height:100vh;font-family:sans-serif;font-size:100%;line-height:1.5;text-rendering:optimizeSpeed}img{display:block;max-width:100%}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:initial}}