:root{--main-color: #0D1C23;color:#fff;scroll-behavior:smooth;box-sizing:border-box}.main-wrapper{max-width:1200px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}img{max-width:100%;height:auto;display:block}.link{text-decoration:none;color:inherit}*,*:before,*:after{font-family:Poppins,sans-serif!important;margin:0;box-sizing:inherit}.home{background-color:var(--main-color);overflow:hidden}.navbar{position:fixed;top:0;width:100%;z-index:999;color:#fff;background:linear-gradient(to top,transparent 0%,rgba(0,0,0,.4) 33%);transition:background-color .3s ease}.navbar.scrolled{background-color:var(--main-color, #028ECA)}.navbar .container{padding:0 3.125rem;display:flex;align-items:center;justify-content:space-between;height:75px}.navbar .left{display:flex;align-items:center}.navbar .left img{height:4.6875rem;margin-right:2.5rem}.navbar .left span{margin-right:1.875rem;cursor:pointer;font-size:1.1rem;transition:color .3s ease}.navbar .left span:hover{color:var(--accent-color, #028ECA)}.navbar .right{display:flex;align-items:center}.navbar .right .hamburger-menu{display:none;border:solid grey 2px;border-radius:5px;background-color:var(--main-color);cursor:pointer;padding:.1rem .25rem;margin-right:1rem}.navbar .right .navbarButton{border:none;border-radius:.3125rem;color:#fff;padding:.5rem .3125rem;cursor:pointer;font-weight:600;background-color:#028eca;margin-right:1rem;transition:background-color .3s ease}.navbar .right .navbarButton:hover{background-color:#026b98}.navbar .right .navbarImg{width:3.25rem;height:3.25rem;border-radius:.1875rem;object-fit:contain;cursor:pointer;margin-right:1rem;border-radius:50%}.navbar .right .icon{margin-right:1rem;cursor:pointer;font-size:1.5rem}.navbar .right .manage{position:relative}.navbar .right .manage .optionIcon{cursor:pointer;margin-left:.5rem}.navbar .right .manage .hiddenOptions{display:none;flex-direction:column;position:absolute;background-color:#000000e6;border-radius:.3125rem;right:20.3%;top:calc(100% + 5px);min-width:150px;padding:.5rem 0;box-shadow:0 8px 16px #0003;z-index:1001}.navbar .right .manage .hiddenOptions .options{padding:.5rem 1rem;cursor:pointer;white-space:nowrap;color:#fff}.navbar .right .manage .hiddenOptions .options:hover{background:#ffffff1a}.navbar .right .manage:hover .hiddenOptions{display:flex}.mobile-menu.hidden{display:none}@media (max-width: 767px){.navbar{height:60px}.navbar .container{height:100%;padding:0 1rem;justify-content:space-between}.desktop-nav-item{display:none!important}.navbar .left img{height:3rem;margin-right:.8rem}.navbar .right .hamburger-menu{display:flex}.navbar .right .navbarImg{width:2.5rem;height:2.5rem;margin-right:.5rem}.navbar .right .manage .optionIcon{margin-left:.5rem;font-size:1.2rem}.navbar .right .manage .hiddenOptions{right:1rem;left:unset;min-width:120px}.navbar .right .manage .hiddenOptions .options{padding:.4rem .8rem;font-size:.9rem}.mobile-menu{position:fixed;top:60px;left:0;width:100%;height:calc(100% - 60px);background-color:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(100%);transition:transform .3s ease-in-out;z-index:98}.mobile-menu.active{transform:translate(0)}.mobile-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;width:100%}.mobile-menu li{margin:15px 0;width:80%;text-align:center}.mobile-menu a{color:#fff;text-decoration:none;font-size:1.5rem;padding:10px 0;display:block;width:100%;transition:background-color .3s ease}.mobile-menu a.hover{background-color:#ffffff1a;border-radius:5px}.mobile-menu .mobile-connect-button{display:flex;justify-content:center;margin-top:30px;background-color:#028eca;color:#fff;padding:12px 0;border-radius:5px;text-decoration:none;font-size:1.2rem;transition:background-color .3s ease}.mobile-menu .mobile-connect-button:hover{background-color:#026b98}}.hamburger-menu.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.featured{height:93vh;position:relative;overflow:hidden}.featured .category{position:absolute;top:130px;left:50px;display:flex;align-items:center;font-size:25px;font-weight:500}.featured .category span{color:#fff}.featured select{margin-left:25px;border:1px solid #05F283;color:#fff;background-color:var(--main-color);padding:5px;cursor:pointer;border-radius:5px}.featured img{width:100%;height:100%;object-fit:cover}.featured .info{position:absolute;width:35%;bottom:1rem;left:8px;background-color:#d3d3d3e6;padding:15px 10px;border-radius:15px;color:#0d1c23;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 0 16px 10px #d3d3d342}.featured .info span{font-size:1.2rem;line-height:1.4;text-align:left}.featured .info h4{margin:0;padding:0;font-size:1rem;font-weight:700}@media (max-width: 767px){.featured{height:72vh;max-height:676px}.featured .category{top:80px;left:1rem;font-size:1.2rem}.featured .category select{margin-left:1rem;padding:3px;font-size:.9rem}.featured .info{width:calc(100% - 2rem);left:1rem;padding:.8rem;border-radius:10px}.featured .info span{font-size:1rem}.featured .info h4{font-size:.9rem}}.list{width:100%;margin:2rem 0}.list .listTitle{color:#fff;font-size:1rem;font-weight:500;margin-left:3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list .wrapper{position:relative;overflow:hidden;width:100%}.list .wrapper .sliderArrow{width:3rem;height:100%;background-color:#01010180;position:absolute;z-index:99;top:0;bottom:0;margin:auto;cursor:pointer;display:flex;justify-content:center;align-items:center}.list .wrapper .sliderArrow.left{left:0}.list .wrapper .sliderArrow.right{right:0}.list .wrapper .sliderArrow .MuiSvgIcon-root{font-size:2.5rem}.list .wrapper .container{display:flex;margin:.5rem 0 .5rem 3rem;width:max-content;transform:translate(0);transition:all .5s ease;background-color:#40e0d0;padding:.625rem 0}@media (max-width: 767px){.list{margin-top:1rem;margin-bottom:1.5rem}.list .listTitle{font-size:.9rem;margin-left:2rem}.list .wrapper .sliderArrow{width:2rem}.list .wrapper .sliderArrow .MuiSvgIcon-root{font-size:1.8rem}.list .wrapper .container{margin-left:2rem}}.listItem{width:18.4375rem;height:12.1875rem;margin-right:.1875rem;background-color:var(--main-color);overflow:hidden;cursor:pointer;transition:transform .3s ease-in-out;position:relative}.listItem img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}.listItem video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.listItem:hover{transform:scale(1.2);position:relative;z-index:10;box-shadow:0 .125rem 1rem #ffffff1a;border-radius:.625rem}.listItem:hover img{transform:scale(1.75)}.listItem:hover video{transform:scale(1.65);object-fit:contain}@media (max-width: 767px){.listItem{width:11.25rem;height:6.25rem;margin-right:.5rem}}.watch{width:97.1vw;height:83vh}.watch .options{width:100%;display:flex;align-itemns:center;justify-content:space-between;cursor:pointer;z-index:10;position:fixed}.watch .options .iconLeft{left:1em;display:flex;align-itemns:center}.watch .options .iconLeft .arrow{margin-right:3px}.watch .options .iconRight{right:10px;display:flex;align-itemns:center}.watch .options .iconRight .arrow{margin-left:3px}.watch video{width:100vw;height:100vh;object-fit:contain;padding:0;background-color:#0d1c23}.watch .videoContainer{display:flex;flex-direction:column;color:#fff;margin-top:-7px;background-color:#000;width:100vw}.watch .videoContainer .videoDetails{padding:13px 39px;margin-bottom:39px}.watch .videoContainer .videoDetails .videoDetailsTop{display:flex;align-items:center}.watch .videoContainer .videoDetails .videoDetailsTop .profile{width:91px;height:91px;border:1px solid grey;border-radius:50%;object-fit:cover;cursor:pointer;background-color:#fff;margin-right:13px}.watch .videoContainer .videoDetails .videoDetailsTop .videoInfos{display:flex;flex-direction:column}.watch .videoContainer .videoDetails .videoDetailsTop .videoInfos .videoName{font-weight:600;color:#028eca}.watch .videoContainer .videoDetails .videoDetailsTop .videoInfos .videoCategory{font-weight:300}.watch .videoContainer .videoDetails .videoDetailsBottom{margin-top:13px}.watch .videoContainer .videoDetails .videoDetailsBottom .videoDetailsTitle{color:#ffffff85;font-weight:300}.watch .videoContainer .videoDetails .videoDetailsBottom .videoDetailsDiv{display:flex;align-items:center;margin:13px 0;color:#ffffffc7}.watch .videoContainer .videoDetails .videoDetailsBottom .videoDetailsDiv .videoDetailsIcon{margin-right:15px}.watch .videoContainer .videoDetails .videoDetailsBottom .videoDetailsDiv .videoDetailsContent{font-weight:16px}.register{width:98.85vw;height:100vh;background:linear-gradient(to bottom,#0000,#00000aa6 40%,#000000d9 66.66%),url(https://raw.githubusercontent.com/kal-kyokya/Futtech/refs/heads/main/frontend/public/background.jpg);position:relative}.register button span{display:flex;line-height:100%;align-items:center;justify-content:center}.register .top .wrapper{display:flex;align-items:center;justify-content:space-between;padding:0 60px}.register .top .wrapper .logo{height:75px;border-radius:41px}.register .top .wrapper .signIn{background-color:#05f283;color:#002b56;font-size:14px;font-weight:700;border-radius:5px;padding:8px 16px;cursor:pointer}.register .container{display:flex;align-items:center;flex-direction:column;justify-content:center;position:absolute;height:100%;width:100%}.register h1{font-size:40px;text-align:center;width:600px}.register h2{margin:20px}.register p{font-size:18px}.register .membership{width:50%;display:flex;align-items:center;justify-content:space-between;margin-top:20px;background-color:gray;height:50px;border-radius:5px;background:#00000080}.register .membership input{flex:8;height:100%;border:1px solid grey;border-radius:3px;padding:0 10px;font-size:16px;background:#ffffff2e;color:#fff}.register .membership .getStarted{flex:2;height:108%;background-color:#05f283;color:#002b56;border-radius:6px;font-size:18px;cursor:pointer;font-weight:700}.register .membership .finish{flex:2;height:100%;background-color:#05f283;color:#002b56;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer}.register .userPrompt{color:#05f283;margin-top:13px}.login{width:100vw;height:100vh;background:linear-gradient(to bottom,#0000,#00000aa6 40%,#000000d9 66.66%),url(https://raw.githubusercontent.com/kal-kyokya/Futtech/refs/heads/main/frontend/public/background.jpg);position:relative}.login .top{padding:0 60px}.login .top .logo{height:75px;border-radius:41px}.login .container{width:100%;height:100%;position:absolute;display:flex;left:36.5%;top:20%}.login .container form{width:300px;height:450px;display:flex;flex-direction:column;justify-content:space-evenly;background:#00000080;border-radius:5px;padding:0 50px}.login .container form input{height:40px;padding:5px 15px;font-size:16px;border-radius:5px;border:none;background:#0009;color:gray}.login .container form button{height:40px;border:none;background-color:#05f283;color:#002b56;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;padding:5px}.login .container form .userPrompt{color:#05f283;display:flex;justify-content:center;text-align:center}.login .container form span{color:#d3d3d3}.login .container form .resetPassword{font-size:14px;font-weight:200;text-align:center}.login .container form .text{font-size:14px;font-weight:200}.login .container form .small-1{font-size:11px;font-weight:200}.login .container form .small-2{color:#028eca;font-size:11px;font-weight:200;cursor:pointer}.aboutAnchor{position:fixed;bottom:0;right:0;color:gray;transition:all .3s ease-in-out}.aboutAnchor .aboutAnchorArrow{font-size:3.9em}.aboutNav{position:sticky;top:0;background-color:#0d1c23f0;display:flex;align-items:center;justify-content:space-between;height:10vh;color:#fff;font-weight:600;padding:0 1.3rem;z-index:1000;transition:background-image .3s ease-in-out,color .3s ease-in-out}.aboutNav.scrolled{background-image:linear-gradient(to top,#0d1c23,#028eca);color:#0d1c23}.aboutNav .iconLeft{display:flex;align-items:center}.aboutNav .iconLeft .arrow{margin-right:.25rem}.aboutNav .socials{display:flex;align-items:center;justify-content:center}.about{padding:0% 13%;line-height:1.6;background-color:var(--main-color);font-family:Inter,Arial,sans-serif;color:#ffffffa8}.about .aboutTitle{text-align:center}.about img{display:block;width:100%;height:auto;margin-top:2em;margin-left:auto;margin-right:auto;object-fit:contain}.about h1,.about h2,.about h3,.about h4{color:#ffffffe6;margin-bottom:.625rem}.about h1{font-size:3em}.about h2{font-size:2.2em}.about h3{font-size:1.7em}.about h4{font-size:1.3em}.about p,.about ul,.about blockquote{background:#00000054;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px}.about ul{list-style-type:circle;padding-left:2em}.about a{color:#028eca;text-decoration:none;font-weight:700}.about a:hover{text-decoration:underline}.about blockquote{border-left:5px solid #05F283;font-style:italic;background:#dfe6e9;color:#000}.user{padding:19px;background-color:var(--main-color);color:#fff;margin-top:78px}.user .userTopSection{display:flex;align-items:center;justify-content:center}.user .userContainer{display:flex;color:#fff;margin-top:13px}.user .userContainer .userDetails{flex:1;padding:13px;box-shadow:0 2px 15px #ffffff85;margin-right:13px}.user .userContainer .userDetails .userDetailsTop{display:flex;align-items:center}.user .userContainer .userDetails .userDetailsTop .profile{width:52px;height:52px;border:1px solid grey;border-radius:50%;object-fit:fill;cursor:pointer;background-color:#fff;margin-right:13px}.user .userContainer .userDetails .userDetailsTop .userInfos{display:flex;flex-direction:column;margin-left:13px}.user .userContainer .userDetails .userDetailsTop .userInfos .userNames{font-weight:600}.user .userContainer .userDetails .userDetailsTop .userInfos .userTitle{font-weight:300}.user .userContainer .userDetails .userDetailsBottom{margin-top:13px}.user .userContainer .userDetails .userDetailsBottom .userDetailsTitle{color:#ffffffa6;font-weight:300}.user .userContainer .userDetails .userDetailsBottom .userDetailsDiv{display:flex;align-items:center;margin:13px 0;color:#ffffffc7}.user .userContainer .userDetails .userDetailsBottom .userDetailsDiv .userDetailsIcon{margin-right:10px}.user .userContainer .userDetails .userDetailsBottom .userDetailsDiv .userDetailsContent{font-weight:16px}.user .userContainer .userDetails .userDetailsBottom .userDetailsLinks{display:flex;align-items:center;margin:8px 0;color:#ffffffc7}.user .userContainer .userDetails .userDetailsBottom .userDetailsLinks .userDetailsIcon{margin-right:10px}.user .userContainer .userDetails .userDetailsBottom .userDetailsLinks .userDetailsContent{font-weight:16px}.user .userContainer .userDetails .userDetailsBottom .userDetailsLinks:hover{border-radius:5px;background-color:#ffffff21}.user .userContainer .userUpdate{flex:2;padding:13px;box-shadow:0 2px 15px #ffffff85}.user .userContainer .userUpdate .userUpdateTitle{color:#ffffffa6;font-size:23px;font-weight:600;text-align:center}.user .userContainer .userUpdate .userUpdateForm{display:flex;justify-content:space-between;margin-top:19px}.user .userContainer .userUpdate .userUpdateForm .userUpdateLeft .userUpdateItem{display:flex;flex-direction:column;margin-top:9px}.user .userContainer .userUpdate .userUpdateForm .userUpdateLeft .userUpdateItem label{margin-bottom:5px;font-size:13px}.user .userContainer .userUpdate .userUpdateForm .userUpdateLeft .userUpdateItem .userUpdateInput{border:none;border-bottom:1px solid grey;width:234px;height:26px;padding:3px;background-color:var(--main-color);color:#fff}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight{display:flex;flex-direction:column;justify-content:space-between}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateUpload{display:flex;align-items:center}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateUpload .userUpdateImg{width:130px;height:130px;object-fit:cover;margin-right:19px;border:1px solid grey;box-shadow:0 2px 15px #ffffff21;border-radius:50%}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateUpload .userUpdateIcon{cursor:pointer}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateButton{border:none;border-radius:5px;background-color:#028eca;color:#fff;padding:10px;cursor:pointer;font-weight:600}.newVideo{padding:13px 117px;background-color:var(--main-color);color:#ffffffc7;margin-top:78px}.newVideo .newVideoTitle{color:#ffffffa6;text-align:center}.newVideo .newVideoForm{display:flex;flex-direction:column;margin-top:19px}.newVideo .newVideoForm .newVideoTop{display:flex;flex-wrap:wrap;margin-left:26px}.newVideo .newVideoForm .newVideoTop .newVideoItem{display:flex;flex-direction:column;margin:26px 31px;width:276px}.newVideo .newVideoForm .newVideoTop .newVideoItem label{margin-bottom:5px;font-size:13px}.newVideo .newVideoForm .newVideoTop .newVideoItem .newVideoInput{border:none;border-bottom:1px solid grey;width:234px;height:26px;padding:3px;background-color:var(--main-color);color:#fff}.newVideo .newVideoForm .newVideoTop .newVideoItem .newVideoInputDesc{border-bottom:1px solid grey;width:282px;height:130px;padding:3px;background-color:var(--main-color);color:#fff}.newVideo .newVideoForm .newVideoTop .newVideoItem .newVideoSelect{width:65%;height:31px}.newVideo .newVideoForm .newVideoTop .newVideoItem .newVideoDrone input,.newVideo .newVideoForm .newVideoTop .newVideoItem .newVideoAI input{margin-top:10px}.newVideo .newVideoForm .newVideoTop .newVideoItem .newVideoDrone label,.newVideo .newVideoForm .newVideoTop .newVideoItem .newVideoAI label{margin:8px}.newVideo .newVideoForm .newVideoBottom{margin-top:5.2%;margin-bottom:52px;width:100%;display:flex;align-items:center;justify-content:space-evenly}.newVideo .newVideoForm .newVideoBottom .userPrompt{color:#05f283;margin:13px 0;text-align:center}.newVideo .newVideoForm .newVideoBottom .uploadButton{border:none;border-radius:5px;color:#000000c7;padding:8px 31px;cursor:pointer;font-weight:600;background-color:#05f283;height:39px}.newVideo .newVideoForm .newVideoBottom .newVideoButton{border:none;border-radius:5px;color:#fff;padding:8px 31px;cursor:pointer;font-weight:600;background-color:#028eca;height:39px}.newList{color:#000;margin-top:78px}.newList .newListForm{display:flex;flex-direction:column;margin-top:19px}.newList .newListForm .newListTop{display:flex;justify-content:space-around}.newList .newListForm .newListTop .newListLeft{display:flex;flex-direction:column}.newList .newListForm .newListTop .newListLeft .newListItem{display:flex;flex-direction:column;margin:18px 31px;width:276px}.newList .newListForm .newListTop .newListLeft .newListInput{border:none;border:1px solid grey;border-radius:5px;width:234px;height:26px;padding:3px}.newList .newListForm .newListTop .newListLeft label{margin-bottom:5px;font-size:13px}.newList .newListForm .newListTop .newListRight{display:flex;flex-wrap:wrap}.newList .newListForm .newListTop .newListRight .newListItem{display:flex;flex-direction:column;margin:26px 31px;width:276px}.newList .newListForm .newListTop .newListRight label{margin-bottom:5px;font-size:13px}.newList .newListForm .newListTop .newListRight .newListInput{border:none;border:1px solid grey;border-radius:5px;width:234px;height:26px;padding:3px}.newList .newListForm .newListTop .newListRight .newListSelect{width:65%;height:31px}.newList .newListForm .newListBottom{margin-top:5.2%;align-self:center}.newList .newListForm .newListBottom .newListButton{border:none;border-radius:5px;background-color:var(--main-color);color:#fff;padding:8px 31px;cursor:pointer;font-weight:600}.videoList{margin-top:91px}.videoListCell{display:flex}.videoListCell .profile{width:45px;height:45px;border:1px solid grey;border-radius:50%;object-fit:cover;cursor:pointer;background-color:#fff;margin-right:10px}.manageVideo{display:flex;align-items:center;justify-content:center}.manageVideo .deleteIcon{color:#c00000;cursor:pointer}.manageVideo .manageVideoButton{border:none;border-radius:6px;background-color:#028eca;color:#fff;padding:6px 13px;cursor:pointer;margin-right:13px}.videoStyle{padding:19px;margin-top:78px;background-color:var(--main-color)}.videoStyle .videoTopSection{display:flex;align-items:center;justify-content:space-between}.videoStyle .videoTopSection .videoEditTitle{color:#ffffffa6}.videoStyle .videoTopSection .options .videoWatchButton{border:none;padding:5px;border-radius:6px;color:var(--main-color);background-color:#05f283;cursor:pointer;font-size:15px;font-weight:600}.videoStyle .videoTopSection .options .videoDeleteButton{border:none;padding:5px;border-radius:6px;color:#fff;background-color:#820000;cursor:pointer;font-size:15px;font-weight:600;margin-left:15px}.videoStyle .videoContainer{display:flex;flex-direction:column;color:#fff;margin-top:13px}.videoStyle .videoContainer .videoDetails{flex:1;padding:13px;box-shadow:0 2px 15px #ffffff85;margin-bottom:13px}.videoStyle .videoContainer .videoDetails .videoDetailsTop{display:flex;align-items:center}.videoStyle .videoContainer .videoDetails .videoDetailsTop .profile{width:78px;height:78px;border:1px solid grey;border-radius:50%;object-fit:cover;cursor:pointer;background-color:#fff;margin-right:13px}.videoStyle .videoContainer .videoDetails .videoDetailsTop .videoInfos{display:flex;flex-direction:column}.videoStyle .videoContainer .videoDetails .videoDetailsTop .videoInfos .videoName{font-weight:600}.videoStyle .videoContainer .videoDetails .videoDetailsTop .videoInfos .videoCategory{font-weight:300}.videoStyle .videoContainer .videoDetails .videoDetailsBottom{margin-top:13px}.videoStyle .videoContainer .videoDetails .videoDetailsBottom .videoDetailsTitle{color:#ffffff85;font-weight:300}.videoStyle .videoContainer .videoDetails .videoDetailsBottom .videoDetailsDiv{display:flex;align-items:center;margin:13px 0;color:#ffffffc7}.videoStyle .videoContainer .videoDetails .videoDetailsBottom .videoDetailsDiv .videoDetailsIcon{margin-right:10px}.videoStyle .videoContainer .videoDetails .videoDetailsBottom .videoDetailsDiv .videoDetailsContent{font-weight:16px}.videoStyle .videoContainer .videoUpdate{flex:2;padding:13px;box-shadow:0 2px 15px #ffffff85}.videoStyle .videoContainer .videoUpdate .videoUpdateBlock{display:flex;align-items:center;justify-content:center}.videoStyle .videoContainer .videoUpdate .videoUpdateBlock .videoUpdateTitle{color:#ffffffa6;font-size:23px;font-weight:600;text-align:center}.videoStyle .videoContainer .videoUpdate .videoUpdateForm{display:flex;justify-content:space-between;margin-top:19px;padding:0 52px}.videoStyle .videoContainer .videoUpdate .videoUpdateForm .videoUpdateTop .videoUpdateItem{display:flex;flex-direction:column;margin-top:13px}.videoStyle .videoContainer .videoUpdate .videoUpdateForm .videoUpdateTop .videoUpdateItem label{margin-bottom:5px;font-size:13px}.videoStyle .videoContainer .videoUpdate .videoUpdateForm .videoUpdateTop .videoUpdateItem .videoUpdateInput{border:none;border-bottom:1px solid grey;width:234px;height:26px;padding:3px;background-color:var(--main-color);color:#fff}.videoStyle .videoContainer .videoUpdate .videoUpdateForm .videoUpdateTop .videoUpdateItem .videoUpdateInputDesc{border-bottom:1px solid grey;width:282px;height:130px;padding:3px;background-color:var(--main-color);color:#fff}.videoStyle .videoContainer .videoUpdate .videoUpdateForm .videoUpdateBottom{display:flex;flex-direction:column;justify-content:space-between}.videoStyle .videoContainer .videoUpdate .videoUpdateForm .videoUpdateBottom .videoUpdateUpload{display:flex;align-items:center}.videoStyle .videoContainer .videoUpdate .videoUpdateForm .videoUpdateBottom .videoUpdateUpload .videoUpdateImg{width:156px;height:156px;object-fit:cover;border-radius:13px;margin-right:19px;box-shadow:0 2px 15px #ffffff63}.videoStyle .videoContainer .videoUpdate .videoUpdateForm .videoUpdateBottom .videoUpdateUpload .videoUpdateIcon{cursor:pointer}.videoStyle .videoContainer .videoUpdate .videoUpdateForm .videoUpdateBottom .userPrompt{color:#05f283;margin-top:26px;text-align:center}.videoStyle .videoContainer .videoUpdate .videoUpdateForm .videoUpdateBottom .videoUpdateButton{border:none;border-radius:5px;background-color:#05f283;color:#000000c7;padding:10px;cursor:pointer;font-weight:600}.lists{margin-top:78px}.listsCell{display:flex;align-items:center}.listsCell .profile{width:45px;height:45px;border:1px solid grey;border-radius:50%;object-fit:contain;cursor:pointer;background-color:#fff;margin-right:10px}.manageList{display:flex;align-items:center;justify-content:center}.manageList .deleteIcon{color:#c00000;cursor:pointer}.manageList .manageListButton{border:none;border-radius:6px;background-color:#028eca;color:#fff;padding:6px 13px;cursor:pointer;margin-right:13px}