@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700&display=swap";*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box;scroll-behavior:smooth}:focus{outline:none}body,html{width:100vw;height:100vh;overflow-x:hidden;background-color:#121212;scroll-behavior:smooth;font-size:16px}::-webkit-scrollbar{background-color:#212121;width:8px;height:8px;border-radius:100px}::-webkit-scrollbar-thumb{background-color:#4a0078;border-radius:100px}header{width:100%;padding-left:1rem;box-sizing:border-box;position:fixed;top:0;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}header,header .container-logo{display:flex;align-items:center}header .container-logo{justify-content:center;cursor:pointer}header .container-logo .logo{font-size:1.8rem;padding-block:5px;font-weight:500;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(90deg,#4a0078,#bb5a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:brightness(160%)}header .container-logo .go-back{color:#4a0078;justify-content:center;align-items:center;display:flex;gap:.4rem}header div{display:flex}header .collapsible{display:flex;position:relative;justify-content:stretch;flex-direction:column;color:#fff;font-size:.9rem}header .collapsible .container{cursor:pointer;align-items:center;justify-content:start;padding:.5rem 1.2rem;display:flex;flex-direction:row;background-color:#212121}header .collapsible .container button,header .collapsible .container div{gap:10px;padding:5px;display:flex;align-items:center}header .collapsible .container:hover{background:linear-gradient(90deg,#4a0078,#bb5a00);text-decoration:underline}header .collapsible .logout{position:absolute}.input-general{background-color:#212121;color:#fff;border-radius:100px;padding:10px 20px;width:100%;font-size:1.3rem}.login{width:100vw;height:100vh;align-items:center}.login,.login section{justify-content:center;display:flex;flex-direction:column}.login section{width:80%;gap:25px}.login section form{display:flex;flex-direction:column;gap:20px}.login section form a{font-size:1.3rem;color:#fff;align-self:end}.login section form a:hover{background:linear-gradient(90deg,#4a0078,#bb5a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:brightness(160%)}.login section form .login-plugins{justify-content:start;width:100%;gap:10px}.login section form .login-plugins button:hover{background-color:#4a0078}.login section form .login-plugins .google-plugin{padding:15px;border-radius:100%;background-color:#212121}.login section form .login-plugins .google-plugin .icon{width:35px;height:35px}.login section form .login-button{justify-content:center}.login section form .login-button button{width:100%;padding-block:10px;justify-content:center;align-items:center;display:flex;border-radius:100px;background:linear-gradient(90deg,#4a0078,#bb5a00);filter:brightness(115%);font-size:1.3rem;color:#fff;gap:10px}.login section h1{font-size:1.9rem;color:#fff;font-weight:500}.login section div{display:flex}.login section .login-to-register{justify-content:end;height:25px;align-items:center}.login section .login-to-register .link{color:#fff;font-size:1.3rem}.login section .login-to-register .link span{transition:.2s ease}.login section .login-to-register .link:hover span{font-size:26px;background:linear-gradient(90deg,#4a0078,#bb5a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:brightness(160%);cursor:pointer}.introduction{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:start;padding-inline:10%;gap:20px}.introduction h1{font-size:4.48rem;color:#fff;font-weight:500}.introduction p{color:#fff;font-size:1.5rem}.introduction button{background:linear-gradient(90deg,#4a0078,#bb5a00);filter:brightness(115%);display:inline;padding:10px 40px;border-radius:100px;color:#fff;font-size:1.3rem}.studio{width:100%;display:flex;flex-direction:column;padding:5% 10%;box-sizing:border-box}.studio .title{display:inline-block;margin-bottom:100px}.studio .title h1{color:#fff;font-size:3.2rem;font-weight:500}.studio .title span{font-size:1.9rem;font-weight:500;background:linear-gradient(90deg,#4a0078,#bb5a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:brightness(160%)}.studio .container{display:grid;grid-template-columns:100%;width:100%;overflow:hidden;align-items:center;justify-content:center;gap:30px}.studio .container .recent-videos h1,.studio .container .recent-videos p,.studio .container .recent-videos span{color:#fff}.studio .container .recent-videos h1{font-size:1.9rem;font-weight:500;margin-bottom:1rem}.studio .container .recent-videos .video-container{display:flex;gap:1rem;overflow:scroll hidden;max-width:100%;max-height:100%}.studio .container .recent-videos .video-container p{font-size:1.3rem}.studio .container .recent-videos .video-container .video{display:flex;flex-direction:column;gap:.5rem}.studio .container .recent-videos .video-container .video .thumbnail{min-width:110px;height:65px}.studio .container .recent-videos .video-container .video span{max-width:110px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.3rem}.studio .container .video-finder{grid-row:1}.studio .container .video-finder .finder{justify-content:center;align-items:center;display:flex;flex-direction:column}.studio .container .video-finder .finder button{background:linear-gradient(90deg,#4a0078,#bb5a00);filter:brightness(115%);align-self:center;display:inline-block;padding:10px 40px;border-radius:100px;color:#fff;margin-top:20px;font-size:1.3rem}.studio .container .video-finder .video{justify-content:center;align-items:center;display:flex;margin-block:20px}.studio .container .video-finder .video h1{text-align:center}.studio .container .video-finder .video .video-box{display:grid;margin-block:10px;width:50%;align-items:center;justify-content:center;gap:1rem}.studio .container .video-finder .video .video-box section p,.studio .container .video-finder .video .video-box section span{color:#fff;font-size:1.3rem}.studio .container .video-finder .video .video-box section p{text-align:center}.studio .container .video-finder .video .video-box section img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:10px}.studio .container .video-finder .video .video-box section .buttons{display:grid;grid-template-columns:repeat(3,1fr);padding-inline:10%;width:100%;background-color:#4a0078;border-radius:100px;padding-block:10px;margin-top:20px}.studio .container .video-finder .video .video-box section .buttons .separator{width:2px;height:100%;background-color:#fff;justify-self:center}.studio .container .video-finder .video .video-box section .buttons button{color:#fff;font-size:1.3rem;font-weight:400;cursor:pointer;text-align:center}.studio .container .video-finder .video .video-box section .buttons button:hover{background:radial-gradient(#000,#44006e,#4a0078)}.steps{width:100%;padding:4% 10%;background:linear-gradient(90deg,#4a0078,#bb5a00);filter:brightness(115%);display:flex;flex-direction:column;align-items:center;gap:40px}.steps h1,.steps summary{color:#fff;font-size:1.9rem;font-weight:500;text-align:center}.steps div{display:grid;align-items:center;width:100%;gap:20px}.steps div details{background-color:rgba(0,0,0,.153);display:flex;flex-direction:column;padding-block:10px;width:100%;border-radius:10px;cursor:pointer}.steps div details h1,.steps div details summary{font-size:1.5rem}.steps div details img{width:100%;height:auto}.steps div details span{font-size:1.1818181818rem;text-align:center;padding:1.3rem;font-weight:300;color:#fff}.edit{justify-content:center;align-items:center;display:flex;width:100vw;min-height:100%;margin-top:2rem}.edit .edit-container{display:grid;gap:20px;width:100%;height:100%;padding:10%;box-sizing:border-box}.edit .edit-container .thumb-track{justify-content:center;align-items:center;display:flex;flex-direction:column;gap:20px;max-width:100%;max-height:100%}.edit .edit-container .thumb-track img{width:80%}.edit .edit-container .thumb-track .track{width:100%;height:55px;display:flex;gap:10px;align-items:center;justify-content:center}.edit .edit-container .thumb-track .track section{background:linear-gradient(90deg,#4a0078,#bb5a00);filter:brightness(115%);width:100%;justify-content:center;align-items:center;border-radius:100px;color:#fff;padding-inline:30px;height:100%;gap:1rem;display:flex}.edit .edit-container .thumb-track .track section button{font-size:25px}.edit .edit-container .thumb-track .track .download-button{background:linear-gradient(90deg,#4a0078,#bb5a00);filter:brightness(115%);justify-content:center;align-items:center;display:flex;aspect-ratio:1/1;height:100%;width:-moz-max-content;width:max-content;border-radius:100%;color:#fff}.edit .edit-container .lyrics{max-height:100%;-webkit-clip-path:fill-box;clip-path:fill-box;overflow:hidden}.edit .edit-container .lyrics h1{font-size:1.9rem;color:#fff;font-weight:500;padding-bottom:10px}.edit .edit-container .lyrics div{max-height:50vh;-webkit-clip-path:fill-box;clip-path:fill-box;overflow:hidden scroll;padding-right:10px}.edit .edit-container .lyrics div p{font-size:1.3rem;color:#fff}.edit .edit-container .lyrics div .actual{display:inline-block;font-size:1.5rem;transition:all .2s;background:linear-gradient(90deg,#4a0078,#bb5a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:brightness(160%);font-weight:500}@media screen and (min-width:701px){.studio .container{grid-template-columns:repeat(2,45%);align-items:start;justify-content:space-between}.studio .container .recent-videos .video-container{flex-direction:column;overflow:hidden scroll;padding-right:10px}.studio .container .recent-videos .video-container .video{flex-direction:row;align-items:center;gap:1rem}.studio .container .recent-videos .video-container .video span{max-width:60%}.studio .container .video-finder{grid-column:2}.studio .container .video-finder .video .video-box{grid-template-columns:repeat(2,1fr);width:100%}.steps div{grid-template-columns:repeat(3,1fr)}.edit{margin-top:0}.edit .edit-container{width:80%;height:50%;grid-template-columns:repeat(2,1fr);justify-content:center}.login section{width:30%}}@media screen and (max-width:1251px){html{font-size:12px}.login section{width:50%}.edit .edit-container{width:100%}}@media screen and (max-width:601px){.login section{width:60%}.studio .container .video-finder .video .video-box{width:70%}}@media screen and (max-width:375px){html{font-size:10px}}