:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f4f2c9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;box-sizing:border-box;display:flex;justify-content:center;width:100vw;height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.homePage{color:#000;display:flex;flex-direction:row;height:100vh;width:100vw}h3{margin:1px;padding:0}.sidebar-homepage{position:fixed;flex:3;display:flex;flex-direction:column}.maincontain-homepage{flex:7;margin-left:25rem}.sidebar-homepage hr{width:20vw;align-items:center;color:gray}.sidebar-elements{display:flex;flex-direction:row;margin:.3rem 3rem;align-items:center;padding:7px;transition:all 1.5s ease-in-out;border-radius:10px;font-size:large;font-weight:600}.sidebar-elements img{height:30px;width:30px;align-items:center}.sidebar-user-img img{height:40px;width:40px;border-radius:50%}.sidebar-user-img span{font-family:Times New Roman,Times,serif;font-weight:700;font-size:larger;color:#353164}.sidebar-elements:hover{background-color:#bebca182;cursor:pointer;box-shadow:0 6px 12px #0003;transform:translateY(2px);padding:10px}#Smartcol{font-size:larger;font-weight:500}.videos-notes{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.addytvideo{position:fixed;margin:0rem 1rem 1rem;background-color:#bebca15e;width:70vw;height:5rem;border-bottom-left-radius:1rem;display:flex;flex-direction:row;justify-content:space-around}.addytvideo form{position:relative;top:1rem;align-content:center}.addytvideo input{height:6vh;width:40vw;align-items:center;border:1px solid yellow;border-radius:.8rem;background-color:#41435e;color:#bebca1;transition:all 1s ease}.addytvideo input:hover{padding:0 5px}.addytvideo button{height:6vh;width:auto;margin-left:1rem;border:1px solid yellow;border-radius:.8rem;background-color:#41435e;color:#bebca1;transition:all 1s ease-in}.addytvideo button:hover{padding:0rem 1rem}.toggle-sidebar-btn{display:none;top:1rem;left:1rem;font-size:2rem;background:none;border:none;cursor:pointer;z-index:1000;color:#4285f4}.close-sidebar-btn{display:none;position:absolute;top:1rem;right:1rem;font-size:1.5rem;background:none;border:none;cursor:pointer;color:#fff}.fontsize{font-size:1rem;font-weight:400}@media (max-width: 1030px){.maincontain-homepage{margin-left:20rem}.sidebar-homepage{flex:2}.sidebar-homepage hr{width:80%}.addytvideo input{width:50vw}.videos-notes{flex-direction:column;align-items:center}}@media (max-width: 830px){.homePage{flex-direction:column}.sidebar-homepage{position:relative;width:100%;flex:unset}.maincontain-homepage{margin-left:0;width:100%;padding-top:1rem}.addytvideo input{width:60vw}.videos-notes{flex-direction:column;align-items:center}}@media (max-width: 500px){html,body{overflow-x:hidden;width:100%}.sidebar-homepage{position:fixed}.addytvideo input:hover,.addytvideo button:hover{padding:0}.maincontain-homepage{width:100%;padding-top:0%}.addytvideo{width:100%;margin:0rem 0rem 4rem;top:0%}.addytvideo form{top:0%}.addytvideo form input{width:100vw}.addytvideo form button{font-size:.8rem}.videos-notes{flex-direction:column;align-items:center}.Pricing-homepage,.What-homepage{display:none}.addytvideo .toggle-sidebar-btn{display:block;font-size:2rem;width:1rem;top:.7rem;background-color:transparent;color:#4285f4;border:none;position:relative;left:-.4rem}.sidebar-homepage{position:fixed;left:-100%;top:0;width:100vw;height:103vh;background:#bebca1;box-shadow:4px 0 10px #0003;transition:left .3s ease-in-out;z-index:999;padding-top:2rem}.sidebar-homepage.active{left:0}.close-sidebar-btn{display:block}.homePage{margin-top:3.5rem}.maincontain-homepage .addytvideo input{width:60vw}}@media (max-width: 400px){html,body{overflow-x:hidden;width:100%}.addytvideo input{width:90vw;font-size:.9rem}.addytvideo button{font-size:.7rem;padding:6px}.videos-notes{padding:0}}@media (max-width: 300px){.addytvideo input{width:95vw;font-size:.8rem}.addytvideo button{font-size:.6rem}.videos-notes{flex-direction:column;align-items:center}}.signindiv{display:flex;flex-direction:row;height:70vh;width:80vw;background-color:#bebca126;margin:4rem;border-radius:1rem}.signinphoto{flex:1;height:70vh;width:40vw}.signinphoto img{height:70vh;width:40vw;border-top-left-radius:1rem;border-bottom-left-radius:1rem}.signinform{display:flex;flex-direction:column;margin:1.2rem 0rem;align-self:center;height:70vh;width:80vw;flex:1}.signinform p{position:relative;margin:0;right:15rem;font-size:small}.signinform div{height:5vh;width:40vw;margin:1rem}.signinform div input{height:5vh;width:25vw;border:1px solid yellow;border-radius:.5rem;background-color:#41435e;color:#bebca1}input::placeholder{color:#bebca1}input:-webkit-autofill{background-color:#41435e!important;color:#bebca1!important;-webkit-text-fill-color:#bebca1!important;transition:background-color 5000s ease-in-out 0s}input:focus{border:2px solid black;outline:none}.signinform-Username input{margin-bottom:0%}.signinform-Username p{margin:0%;color:#41435e}.signinform div button{height:5vh;width:25vw;border:1px solid yellow;border-radius:.5rem;background-color:#41435e;color:#bebca1}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 830px){.signindiv{flex-direction:column;height:auto;margin:2rem}.signinphoto{width:100%;height:40vh}.signinphoto img{width:100%;height:30vh;border-radius:1rem 1rem 0 0}.signinform{width:100%;height:auto;margin-top:1rem}.signinform p{position:relative;right:0%}.signinform div{width:80%;margin:.7rem auto}.signinform div input,.signinform div button{width:100%}}@media (max-width: 500px){.signinphoto{height:25vh}.signinphoto img{height:30vh}.signinform div{width:90%;margin:1.3rem}.signinform div input{height:5.9vh;font-size:large}}@media (max-width: 400px){.signinphoto{height:25vh}.signinphoto img{height:30vh}.signinform div{width:90%;margin:.5rem;padding:.2rem}}@media (max-width: 300px){.signindiv{width:100%;margin:.5rem}.signinphoto,.signinphoto img{height:20vh}.signinform div{width:95%}.signinform div input,.signinform div button{font-size:14px;padding:.5rem}}.info{color:#000000c9;display:flex;flex-direction:row;margin:0%;font-family:Arial,Helvetica,sans-serif}.info-data{flex:1;text-align:left;margin-left:2rem}.info-photo{flex:1}.info-data h1,h2{margin:5px}.info-data h2{font-weight:400}.signin{background:transparent;border:1px solid black;border-radius:1rem;display:flex;height:3rem;width:20rem;flex-direction:row;justify-content:flex-start;margin-top:1rem;transition:all .5s ease-in-out;cursor:pointer;gap:10px;background-color:#fff;color:#4285f4;box-shadow:0 4px 6px #0000001a}.signin:hover{color:#fff;background-color:#4285f4;box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.signin div{align-self:center;font-size:1.5rem;font-family:Arial,Helvetica,sans-serif;font-weight:600}.signin img{height:2rem;width:2rem}.info-photo{align-self:center}.screenshot{color:#000000c9;display:flex;flex-direction:column;width:90vw;height:90vh;margin:0%;font-family:Arial,Helvetica,sans-serif;background-color:#bebca126;border-radius:3rem}.screenshotinfo{display:flex;flex-direction:row}.screenshot-photo{margin-left:1rem;flex:1}.screenshot-text{align-self:center;flex:1;text-align:left;margin-left:2rem}.screenshot-text h2{margin:2rem}.text-purpale{color:purple;font-weight:800}.text-orange{color:orange;font-weight:800}.video-container{overflow:hidden}video{display:block;max-width:100%;overflow:hidden;pointer-events:none}@media (max-width: 1050px){.info{flex-direction:column;align-items:center;text-align:center;flex-wrap:wrap}.info-photo{order:-1;width:100%;text-align:center}.info-data{width:80%;text-align:center;margin:1rem auto}.screenshot{height:130vh;width:auto}.screenshotinfo{flex-direction:column;text-align:center}.screenshot-photo{height:50vh;width:100%;text-align:center}.screenshot-photo img{height:50vh;width:50vw}.screenshot-text{margin:1rem auto;width:90%;text-align:center}.signin{width:100%}}@media (max-width: 830px){.info{flex-direction:column;align-items:center;text-align:center;width:100vw}.info-data h1,h2{margin:5px}.info-data h2{font-weight:400}.info-photo{order:-1;width:100%;text-align:center}.info-data{width:90%;text-align:center;margin:1rem auto}.screenshotinfo{flex-direction:column;text-align:center}.screenshot-photo{width:100%;text-align:center}.screenshot-text{margin:1rem auto;width:90%;text-align:center}.signin{width:100%}}@media (max-width: 500px){.screenshot{width:100vw;height:auto;border-radius:1.5rem;margin-left:1rem}.signin{height:2.5rem;width:80vw;font-size:.9rem;position:relative;right:-25px}.signin img{height:1.5rem;width:1.5rem}.screenshot-text h2{font-size:1.2rem;margin:1rem}.info-photo div img{height:auto;width:100vw;margin-left:0;text-align:center}.info-data h1{font-size:2.3rem}.info-data h2{font-size:1.5rem}.screenshot-photo img{height:auto;width:100vw}.screenshot-photo video{height:auto;width:100vw}.screenshot-photo{margin-left:0rem;flex:1}}@media (max-width: 400px){.info-data h1{font-size:1.5rem}.info-data h2{font-size:1rem}#root{padding:0%;width:99%}.screenshot-photo img{height:auto;width:90vw}.screenshot-photo video{height:auto;width:90vw}.signin{height:2.2rem;width:20rem;font-size:.8rem}.signin img{height:1.2rem;width:1.2rem}#root .header-style button{margin:.5rem}#root .header-style h3{margin-left:2px;width:8rem}.screenshot{width:85%;padding:1rem}.screenshot-text{text-align:center;font-size:1rem}}@media (max-width: 300px){.info-data h1{font-size:1.2rem}.info-data h2{font-size:.9rem}.signin{height:2rem;width:12rem;font-size:.7rem}.signin img{height:1rem;width:1rem}.screenshot{padding:.5rem}.screenshot-text{font-size:.9rem}}.header-style button{margin:2rem;height:5vh;padding:0 10px 10px;background-color:wheat;border:1px solid orange;color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:large;font-weight:700;border-radius:1rem}.header-style{display:flex;flex-direction:row;justify-content:space-around;align-items:center;color:#2d58e6}#root{max-width:1280px;margin:0 auto;padding:0rem 2rem 2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}