@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap);*{box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#454343}::-webkit-scrollbar-track{background-color:#d7d3d3}.wrapper{background-color:#fff;display:flex}.navigation{height:100vh;width:54px}.content{display:flex;flex-direction:column;width:calc(100% - 54px)}.content,.search{position:relative}.search{background-color:#fff;height:56px}.home{height:100%;position:relative}.navigation-container{background-color:#fff;bottom:0;display:flex;flex-direction:column;gap:38px;height:100%;left:0;padding:8px;position:fixed;top:0;z-index:1000}.logo-image{-webkit-filter:contrast(1);filter:contrast(1);width:40px}.logout-button,.navigation-container a{align-items:center;color:#000;display:flex;flex-direction:column;font-size:12px;gap:12px;justify-content:center;text-decoration:none}.logout-button{cursor:pointer}.logout-text{font-size:12px}.home-container{grid-gap:24px 12px;display:grid;gap:24px 12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:12px;width:100%}.card,.home-container{background-color:#fff}.thumbnail{overflow:hidden;width:100%}.thumbnail img{aspect-ratio:16/9;object-fit:cover;width:100%}.desc-container{display:flex;gap:8px;padding:4px 0}.profile-img{aspect-ratio:1/1;border-radius:50%;width:30px}.title{color:#000;font-size:16px;font-weight:500}.watch-details{color:#6b6666;font-size:14px}.no-video-wrapper{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.no-video{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;margin:auto}.no-video span{color:#b0a8a8;font-size:36px;text-align:center}.no-video a{text-decoration:none}.no-video-auth-wrapper{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.no-video-auth{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;margin:auto}.no-video-auth span{color:#b0a8a8;font-size:36px;text-align:center}.no-video-auth a{text-decoration:none}.loadingWrapper{margin:auto}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid #a8a3a3;border-radius:50%;border-top-color:#000;height:30px;width:30px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.search-container{align-items:center;background-color:#fff;display:flex;height:56px;justify-content:space-between;padding:8px 12px;position:fixed;right:0;top:0;width:calc(100% - 56px);z-index:1000}.logo-name{font-size:26px;font-weight:700;margin-top:2px}.logo-name a{color:#000;text-decoration:none}.search-container1{display:flex;justify-content:center;transition:all .3s linear}.search-input{width:350px}.button,.search-input{border:1px solid #726f6f;outline:0;padding:8px 16px}.button{background-color:#000;color:#fff;cursor:pointer}.edits{display:flex;gap:16px}.edits a{color:#000;text-decoration:none}.search-icon{cursor:pointer;display:none}.nav-img{aspect-ratio:1/1;border-radius:50%;width:24px}@media only screen and (max-width:576px){.search-container1{background-color:#fff;display:none;left:0;padding:12px;position:absolute;top:56px;width:100%;z-index:88}.active,.search-icon{display:flex}}.login-container{height:100%;justify-content:center;margin:auto;width:55%}.login-card,.login-container{align-items:center;display:flex}.login-card{background-color:#fff;box-shadow:0 0 5px 1px #d3caca;height:80%;justify-content:space-between;width:50%}.login-right{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;padding:20px;width:100%}.login-right p{font-size:22px;letter-spacing:1px;text-transform:uppercase}.login-right input{border:0;border-bottom:1px solid #000}.login-right input,.submit{height:30px;outline:0;width:80%}.submit{background-color:#000;border:0;color:#fff;cursor:pointer;position:relative;transition:all .5s}.submit:hover{background-color:#fff;border:1px solid #000;color:#000}.social-img{width:28px}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner:before{-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite;border:1px solid #fff;border-radius:50%;border-top-color:#000;box-sizing:border-box;content:"";height:16px;left:50%;margin-left:-10px;margin-top:-8px;position:absolute;top:50%;width:16px}@media only screen and (max-width:576px){.login-container{width:100%}.login-card{height:70%;width:80%}}.register-container{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;width:55%}.register-card{background-color:#fff;box-shadow:0 0 5px 1px #d3caca;height:80%;justify-content:space-between;width:50%}.register-card,.register-right{align-items:center;display:flex}.register-right{flex-direction:column;gap:20px;height:100%;justify-content:center;padding:20px;width:100%}.register-right p{font-size:22px;letter-spacing:1px;text-transform:uppercase}.register-right input{border:0;border-bottom:1px solid #000;height:30px;outline:0;width:80%}.symbol{cursor:pointer;position:relative;width:80%}.symbol input{width:100%}.symbol img{position:absolute;right:3%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px}@media only screen and (max-width:576px){.register-container{width:100%}.register-card{height:70%;width:80%}}.single-video-update{align-items:center;height:100%;width:100%}.single-video,.single-video-update{display:flex;justify-content:center}.single-video{gap:12px;padding:12px}.video-content{display:flex;flex:2 1;flex-direction:column;gap:12px}.video-player{aspect-ratio:16/9;width:100%}.video-title{font-size:22px;font-weight:500}.video-utilities{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.sub-container{gap:18px}.sub-container,.sub-subcontainer{align-items:center;display:flex;justify-content:center}.sub-subcontainer{gap:12px}.sub-image img{aspect-ratio:1/1;border-radius:50%;object-fit:cover;width:34px}.sub-detail{display:flex;flex-direction:column}.username{font-size:18px;font-weight:500}.sub-count{font-size:12px}.subscribe{background-color:#000;border:0;color:#fff}.subscribe,.unsubscribe{cursor:pointer;outline:0;padding:8px 16px}.unsubscribe{background-color:#fff;border:1px solid #000;color:#000}.like-container{gap:24px}.like,.like-container{align-items:center;display:flex;justify-content:center}.like{background-color:#f2eded;gap:8px;padding:6px 12px}.vid-desc{align-items:flex-start;background-color:#f2eded;flex-direction:column;gap:6px;margin-top:12px;padding:12px}.vid-desc,.view-detail{display:flex;justify-content:center}.view-detail{align-items:center;gap:12px}.view-detail span{font-weight:500}.descript{color:#7d7575;font-size:15px}.comment{align-items:flex-start;flex-direction:column;gap:12px;margin-top:18px}.comment,.comment-form{display:flex;justify-content:center;width:100%}.comment-form{align-items:center}.comment-form input{flex:8 1}.comment-form button,.comment-form input{border:1px solid #d1cbcb;outline:0;padding:6px 12px}.comment-form button{background-color:#000;color:#fff;cursor:pointer;flex:1 1;height:inherit}.comment-container{align-items:flex-start;display:flex;flex-direction:column;gap:20px}.related-video{display:flex;flex:1 1;flex-direction:column;gap:12px}@media only screen and (max-width:576px){.single-video{flex-wrap:wrap;gap:28px}.video-content{flex:1 1}.video-utilities{flex-wrap:wrap;gap:12px}.sub-container{gap:18px}.sub-container,.sub-subcontainer{align-items:center;display:flex;justify-content:center}.sub-subcontainer{gap:12px}.sub-image img{aspect-ratio:1/1;border-radius:50%;object-fit:cover;width:34px}.sub-detail{display:flex;flex-direction:column}.username{font-size:18px;font-weight:500}.sub-count{font-size:12px}.subscribe{background-color:#000;border:0;color:#fff}.subscribe,.unsubscribe{cursor:pointer;outline:0;padding:8px 16px}.unsubscribe{background-color:#fff;border:1px solid #000;color:#000}.like-container{gap:24px}.like,.like-container{align-items:center;display:flex;justify-content:center}.like{background-color:#f2eded;gap:8px;padding:6px 12px}.vid-desc{align-items:flex-start;background-color:#f2eded;flex-direction:column;gap:6px;margin-top:12px;padding:12px}.vid-desc,.view-detail{display:flex;justify-content:center}.view-detail{align-items:center;gap:12px}.view-detail span{font-weight:500}.descript{color:#7d7575;font-size:15px}.comment{align-items:flex-start;flex-direction:column;gap:12px;margin-top:18px}.comment,.comment-form{display:flex;justify-content:center;width:100%}.comment-form{align-items:center}.comment-form input{flex:8 1}.comment-form button,.comment-form input{border:1px solid #d1cbcb;outline:0;padding:6px 12px}.comment-form button{background-color:#000;color:#fff;cursor:pointer;flex:1 1;height:inherit}.comment-container{align-items:flex-start;display:flex;flex-direction:column;gap:20px}.related-video{display:flex;flex:1 1;flex-direction:column;gap:12px}}.rcard{background-color:#fff;display:flex;gap:8px}.rthumbnail{flex:1 1;overflow:hidden;width:100%}.rthumbnail img{aspect-ratio:16/9;object-fit:cover;width:100%}.rthumbnail img:hover{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:image-animation;animation-name:image-animation}@-webkit-keyframes image-animation{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes image-animation{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.rdesc-container{display:flex;flex:1 1;gap:8px;padding:4px 0}.rtitle{color:#000;font-size:16px;font-weight:500}.rwatch-details{color:#6b6666;font-size:14px}.cc{align-items:center;background-color:#efe8e8;display:flex;gap:12px;justify-content:flex-start;padding:4px;width:100%}.cc-img img{aspect-ratio:1/1;border-radius:50%;width:30px}.cc-content{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.cc-info{align-items:center;display:flex;gap:12px;justify-content:center}.cc-info span{color:#000;font-size:14px;font-weight:500}.cc-desc{color:#817d7d;font-size:14px}.upload-container{height:100%;margin:0 auto;width:55%}.upload-card,.upload-container{align-items:center;display:flex;justify-content:center}.upload-card{background-color:#fff;box-shadow:0 0 5px 1px #d3caca;flex-direction:column;gap:10px;height:80%;width:50%}.upload{font-size:22px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.content-input{border:1px solid #000;gap:12px;justify-content:space-between;padding:0 0 0 4px;width:80%}.content-input,.progress{align-items:center;display:flex}.progress{background-color:#000;color:#fff;height:100%;justify-content:center;padding:0 4px}.content-input span{color:#726969;font-size:14px}.upload-card input[type=file]{padding:4px;width:100%}.upload-card input[type=text],textarea{border:1px solid #000;padding:4px;width:80%}.upload-button{background-color:#000;border:0;color:#fff;outline:0;padding:4px 8px;width:80%}@media only screen and (max-width:576px){.upload-container{width:100%}.upload-card{height:70%;width:80%}.upload{font-size:22px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.content-input{border:1px solid #000;gap:12px;justify-content:space-between;padding:0 0 0 4px;width:80%}.content-input,.progress{align-items:center;display:flex}.progress{background-color:#000;color:#fff;height:100%;justify-content:center;padding:0 4px}.content-input span{color:#726969;font-size:14px}.upload-card input[type=file]{padding:4px;width:100%}.upload-card input[type=text],textarea{border:1px solid #000;padding:4px;width:80%}.upload-button{background-color:#000;border:0;color:#fff;outline:0;padding:4px 8px;width:80%}}
/*# sourceMappingURL=main.1707dcd9.css.map*/