.TopBar{background-color:inherit;color:inherit;display:flex;height:60px;justify-content:space-between;left:0;padding:0;position:fixed;top:0;width:100%;z-index:1000}.TopBar,.leftTop{align-items:center}.leftTop{min-width:210px}.icon{border-radius:10px;flex-shrink:0}.app-title{align-contet:center;align-items:center;display:flex;flex-direction:row;font-size:1.2rem;margin:0;min-width:170px}.hamburger-menu{border-radius:20px;cursor:pointer;padding:10px}.hamburger-menu:hover{background-color:#d3d3d3}.hamburger-menu .bar{height:1px;margin:4px 0;width:17px}.search{align-items:center;display:flex;flex-direction:row;flex-shrink:1;width:50%}.bigTopBar,.search-input,.smallTopBar{background-color:inherit}.search-input{border-color:#d3d3d3;border-radius:20px;color:inherit;height:40px;padding-left:20px;width:100%}.search-input:focus{border-color:grey;outline:none}.leftTop{display:flex}.bar.dark{background-color:#fff}.bar.light{background-color:#000}.smallTopBar{display:none}.RightTopSmall{align-items:center;display:flex;flex-direction:row}@media(max-width:656px){.bigScreenSearch{align-content:center;display:flex;flex-direction:row}.TopBar .icon-text{display:none;margin-left:0}.smallTopBar{display:flex}.bigTopBar{display:none}.search{justify-content:flex-end}.btn.SignInBtn{flex-shrink:0;margin:0}}@media (min-width:656px){.btn.SignInBtn{margin:0;min-width:110px}.drop-down{display:flex;flex-shrink:0;justify-content:flex-end}.RightTop,.drop-down{min-width:110px}}.Menu{background-color:inherit;height:calc(100% - 60px);left:0;position:fixed;top:60px;transform:translateX(-100%);transition:transform .3s ease;width:220px;z-index:1000}.Menu.open{transform:translateX(0)}.Menu ul{list-style:none;margin:0;padding:0}.Menu .btn{border-radius:10px;width:90%}.PlayVideoScreen{display:flex;padding-left:20px;padding-right:20px;width:100%}.loading{align-items:center;display:flex;height:inherit;justify-content:center;width:inherit}.videoContainer{flex:2 1;width:100%}.VideoPlayer{aspect-ratio:16/9;border-radius:8px;justify-content:flex-start;margin-bottom:10px;width:100%}.videoTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:24px;font-weight:700;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis}.buttonContainer{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:20px}.sidebar{flex:1 1}.likeCounter{font-size:16px;margin-left:10px}.videoProfile{display:flex;flex-direction:row;justify-content:space-between}.videoProfile.buttonContainer{align-items:right;display:flex;justify-content:flex-end;margin-bottom:20px}#profilepicandname{display:flex}#profilename{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;padding:10px;text-overflow:ellipsis}#title-textarea{background-color:initial;border:1px solid #d3d3d3;border-radius:4px;box-sizing:border-box;color:inherit;font-size:24px;font-weight:700;margin:0;overflow-y:hidden;padding:0;resize:none;width:100%}#title-textarea:focus{border:2px solid grey;outline:none}@media (max-width:920px){.sidebarBig{display:none}.PlayVideoScreen{display:flex;flex-direction:column}.sidebar{order:2}.videoContainer{order:1}.comments{order:3}#deleteVideo,#editVideo,#shareVideo{display:none}.videoProfile{flex-direction:column}}@media (min-width:920px){.videoContainer{padding-right:10px}.sidebarSmall{display:none}}@media (max-width:1100px){#deleteVideo,#editVideo,#shareVideo{display:none}.videoProfile{flex-direction:column}}.RelatedVideos .thumbNail{border-radius:8px;height:94px;margin-bottom:3px;margin-right:10px;margin-top:3px;min-width:168px}#relatedUsername{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.RelatedVideos ul{list-style:none;padding:0}.RelatedVideos li{display:flex;flex-direction:row;margin-bottom:0}#related-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;margin:0;overflow:hidden}.RelatedVideos h2{color:#333;font-size:24px;margin-bottom:20px}.video-info{display:flex;flex-direction:column;justify-content:center}.video-info p{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:12px;margin:0;overflow:hidden}.RelatedVideos{background-color:inherit;border-radius:8px;margin:0 auto}@media (min-width:920px){.RelatedVideos{width:400px}}@media (max-width:920px){.RelatedVideos .video-info h3{width:100%}.show-more{border:10px;justify-content:space-around;width:inherit}}@media (max-width:480px){.RelatedVideos li{display:flex;flex-direction:column}.RelatedVideos .thumbNail{aspect-ratio:16/9;height:auto;min-width:168px}.RelatedVideos .video-info{margin:10px;padding:0}}.comment-textarea,.edit-textarea,.reply-textarea{background-color:initial;border:0 solid #ccc;border-bottom:4px solid #d3d3d3;box-sizing:border-box;color:inherit;font-size:14px;height:auto;overflow:hidden;padding:5px;resize:none;width:100%}.comment-textarea:focus,.edit-textarea:focus,.reply-textarea:focus{border-bottom:4px solid gray;outline:none;transition-duration:2s}.button-container{display:flex;justify-content:flex-end;width:inherit}.submit-button{color:#fff}.edit-button,.submit-button{background-color:green}.delete-button{background-color:red;color:#fff}.comment{border:1px solid #ccc;border-radius:4px;margin-top:15px;padding:10px}.comment p{font-size:14px}.newComment{align-items:flex-start;display:flex;gap:10px}.newComment img{flex-shrink:0}#replyUsername{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#outerreply{align-content:space-between;display:flex;justify-content:row;margin:0}#innerreply{border:0;border-radius:4px;font-size:14px;margin-top:0;padding:10px;width:100%}@media(max-width:600px){.button-container .icon-text{display:none;margin-left:0}}.replies.hide{display:none}.replies.show{display:inherit}#outercomment{align-content:space-between;display:flex;justify-content:row;margin:0}#innercomment{border:0;border-radius:4px;font-size:14px;margin-top:0;padding:10px;width:100%}#commentUsername{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}img{border-radius:100%;margin:10px}.newReply{align-items:flex-start;display:flex;gap:10px}.newReply img{flex-shrink:0}.button-container-like-reply{display:flex;flex-direction:row;justify-content:flex-start;margin-top:10px;width:inherit}@media(max-width:500px){.profilePic{height:30px;width:30px}}.description-container{display:flex;flex-direction:column;margin:20px}.description-view p{font-size:16px}.description-edit textarea{background-color:initial;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:inherit;font-size:14px;height:auto;min-height:100px;overflow-y:hidden;padding:10px;resize:none;width:100%}.description-edit :focus{outline:none}.button-container{margin-top:10px}.btn{margin-right:10px}.save-button{background-color:green;color:#fff}.cancel-button{background-color:red;color:#fff}.edit-button{background-color:blue;color:#fff}.btn-link{background:none;border:none;color:blue;cursor:pointer;font:inherit;padding:0}.RecommendedVideos .thumbNail{aspect-ratio:16/9;border-radius:8px;height:auto;margin-right:10px;min-width:230px}#recommendedUserName{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#authorRecomended{flex-shrink:0}.RecommendedVideos ul{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-evenly;list-style:none;margin:0;padding-left:20px;padding-right:20px}.RecommendedVideos li{margin-bottom:10px}.RecommendedVideos li,li.hidden-flex-item{display:flex;flex:1 1;flex-direction:column;min-width:280px}li.hidden-flex-item{flex-basis:calc(25% - 20px);flex-grow:1;flex-shrink:1;margin-bottom:0;visibility:hidden}.video-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis}.video-info{padding-left:0}@media (min-width:900px){.RecommendedVideos{background-color:inherit;border-radius:8px;margin:0 auto}.RecommendedVideos h2{color:#333;font-size:24px;margin-bottom:20px}.video-info p{color:#555;font-size:14px;margin:2px 0;padding-left:0}}.videoDetails{display:flex;flex-direction:row;padding:0}@media (max-width:900px){.RecommendedVideos .video-info h3{width:inherit}}.opend{margin-left:220px}@media (max-width:900px){.opend{margin-left:0}}.DropDown{background-color:inherit;border-radius:10px;box-shadow:0 0 10px #0000001a;display:none;position:fixed;right:0;top:60px;width:250px;z-index:1000}.DropDown.open{display:block}.DropDown ul{list-style:none;margin:0;padding:0}.DropDown ul li{padding:15px}.DropDown ul li a{color:inherit;text-decoration:none}.DropDown ul li a:hover{text-decoration:underline}.profile-container{display:flex;flex-direction:row}.dropDownList{display:flex;flex-direction:column}.dropDownButton{border:0;color:inherit;font-size:larger;padding:10px;width:inherit}.dropDownButton,body{background-color:inherit}body{align-items:center;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}.signin-box{background-color:inherit;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:40px;text-align:center;width:300px}.signin-box h2{margin-bottom:20px}.input-group{color:inherit;margin-bottom:15px}.input-group label{margin-bottom:5px}.input-group input{padding:10px}button.SignIn{border:none;color:inherit;cursor:pointer;font-size:16px;margin:10px;padding:10px;width:inherit}.userNameButtons{display:flex;flex-direction:row;padding:0}*{overflow-x:hidden;text-align:start;unicode-bidi:plaintext}body{font-family:Roboto,Arial,sans-serif;height:100%;margin:60px 0 0}body.light{background-color:#fff;color:#000}body.dark{background-color:#000;color:#fff}.Overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.Menu.open~.Overlay{display:block}.App{height:-webkit-max-content;height:max-content;width:100vw}.App.light{background-color:#fff;color:#000}.App.dark{background-color:#000;color:#fff}p{white-space:normal;word-break:break-word}button{--yt-button-margin:0;--yt-button-padding:10px 16px;--yt-button-padding-minus-border:9px 15px;--yt-button-padding-minus-focus-outline:8px 14px;--yt-button-padding-minus-focus-outline-width:2px;--yt-button-with-icon-padding-minus-focus-outline:4px 14px;--yt-button-border-radius:2px}.clickable{cursor:pointer}.btn{align-items:center;background-color:initial;border:0;border-radius:20px;color:inherit;display:flex;margin:10px}.btn:hover{background-color:#d3d3d3;color:inherit}.btn:active{background-color:grey;border:0;outline:none}.btn:active,input{color:inherit}form{display:flex;flex-direction:column;flex-grow:1}.icon-text{margin-left:20px}.searchVideos .thumbNail{aspect-ratio:16/9;border-radius:8px;height:auto;margin-right:10px;max-width:460px;min-width:240px}.noResults{display:flex;justify-content:center}.searchVideos ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:90%}.searchVideos{display:flex;justify-content:center;width:inherit}.searchVideos li{display:flex;flex-direction:row;margin-bottom:10px}.searchVideos .video-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis;width:inherit}.searchVideos .video-info{overflow:hidden;padding-top:20px}.searchVideos .video-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;width:inherit}.profileSearchVideos{align-items:center;display:flex;flex-direction:row;flex-shrink:1}@media (min-width:900px){.searchVideos{background-color:inherit;border-radius:8px;margin:0 auto}.searchVideos h2{color:#333;font-size:24px;margin-bottom:20px}.searchVideos .video-info p{color:#555;font-size:14px;margin:2px 0}}@media (max-width:900px){.searchVideos .video-info h3{width:inherit}}@media (max-width:500px){.searchVideos li{flex-direction:column}.searchVideos .video-info{margin:10px;padding:0}}.videoBox .thumbNail{aspect-ratio:16/9;border-radius:8px;height:auto;margin-right:10px;max-width:460px;min-width:240px}.videoBox li{display:flex;flex-direction:row;margin-bottom:10px}.videoBox .video-info h3{font-size:15px}.videoBox .video-info h3,.videoBox .video-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;text-overflow:ellipsis;width:inherit}.videoBox .video-info p{font-size:12px}.videoBox .video-info{overflow:hidden;padding-top:20px}.profileVideoBox{align-items:center;display:flex;flex-direction:row;flex-shrink:1}@media (min-width:900px){.videoBox h2{color:#333;font-size:24px;margin-bottom:20px}.videoBox .video-info p{color:#555;font-size:14px;margin:2px 0}}@media (max-width:900px){.videoBox .video-info h3{width:inherit}}@media (max-width:500px){.videoBox li{flex-direction:column}.videoBox .video-info{margin:10px;padding:0}}.userVideos .thumbNail{aspect-ratio:16/9;border-radius:8px;flex-shrink:1;height:auto;margin-right:10px;max-width:100%;min-width:240px}.noContent{display:flex;justify-content:center}.hidden-flex-item li{display:none}.userProfileImage{aspect-ratio:1;flex-shrink:2;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:160px;min-height:72px;min-width:72px}.userDetails{flex-shrink:1}.userName{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:grey;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}#displayNameUserProfile{-webkit-line-clamp:2;color:inherit;font-size:2em;margin-bottom:0}.userProfile{display:flex;flex-direction:row;width:90%}.userVideos ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:0;padding-left:20px;padding-right:20px}.userVideos{align-items:center;display:flex;flex-direction:column;justify-content:center;width:inherit}.userVideos .video-info{overflow:hidden;padding-top:20px}.userVideos .video-info h3{font-size:15px}.userVideos .video-info h3,.userVideos .video-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;text-overflow:ellipsis;width:inherit}.userVideos .video-info p{font-size:12px}.profileUserVideos{align-items:center;display:flex;flex-direction:row;flex-shrink:1}@media (min-width:900px){.userVideos{background-color:inherit;border-radius:8px;margin:0 auto}.userVideos h2{color:grey;font-size:24px;margin-bottom:20px}.userVideos .video-info p{color:grey;font-size:14px;margin:2px 0}}@media (max-width:900px){.userVideos .video-info h3{width:inherit}.userVideos .thumbNail{aspect-ratio:16/9;border-radius:8px;flex-shrink:1;height:auto;margin-right:10px;max-width:480x;min-width:240px}}@media (max-width:500px){.userVideos ul{flex-direction:column;padding-left:0;padding-right:0;width:90%}.userVideos .video-info{margin:10px;padding:0}.userVideos .thumbNail{aspect-ratio:16/9;border-radius:8px;flex-shrink:1;height:auto;margin-right:10px;max-width:100%;min-width:240px}}.hidden-flex-item{margin-top:0;visibility:hidden}.hidden-flex-item,.userVideos li.userBox{display:flex;flex:1 1;flex-basis:calc(25% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;min-width:280px}.userVideos li.userBox{margin-bottom:10px}.userBox .video-info-user h3{font-size:15px}.userBox .video-info-user h3,.userBox .video-info-user p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;text-overflow:ellipsis;width:inherit}.userBox .video-info-user p{font-size:12px}.userBox .video-info-user{overflow:hidden;padding-left:20px;padding-right:20px;padding-top:0}.profileUserBox{align-items:center;display:flex;flex-direction:row;flex-shrink:1}@media (min-width:900px){.userBox h2{color:#333;font-size:24px;margin-bottom:20px}.userBox .video-info p{color:#555;font-size:14px;margin:2px 0}}@media (max-width:900px){.userBox .video-info h3{width:inherit}}@media (max-width:500px){.userBox li{flex-direction:column}.userBox .video-info{margin:10px;padding:0}}.container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.create-account-box{background-color:inherit;border:#555;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:40px;text-align:center;width:400px}.create-account-box h2{color:inherit;font-size:24px;font-weight:500;margin-bottom:20px}.input-group{margin-bottom:20px;text-align:left}.input-group label{color:inherit;display:block;font-size:14px;margin-bottom:8px}.input-group input{background-color:initial;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.input-group input:focus{border-color:red;outline:none}button.create-account{background-color:inherit;border:none;border-radius:30px;color:inherit;cursor:pointer;font-size:16px;font-weight:500;margin:12px;padding:12px;width:90%}button.create-account:hover{background-color:#d3d3d3}.error-message{margin-top:20px}.add-video{background-color:#f4f4f4;border-radius:8px;margin:0 auto;max-width:600px;padding:20px}.add-video h2{margin-bottom:20px}.add-video form div{margin-bottom:10px}.add-video form label{display:block;margin-bottom:5px}.add-video form input,.add-video form textarea{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.add-video form button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px}.add-video form button:hover{background-color:#218838}.error-message{color:red;font-size:14px;margin-top:5px}
/*# sourceMappingURL=main.d092b073.css.map*/