.sidebar{background-color:#000;height:100%;padding:16px;width:100%}.sidebar .sidebar-divider{background-color:#131313;height:1px;margin:1rem 0;width:100%}.sidebar .sidebar-section{background-color:#000;display:flex;flex-direction:column;max-height:35vh;overflow-y:auto;scroll-behavior:smooth}.sidebar .sidebar-section::-webkit-scrollbar{width:8px}.sidebar .sidebar-section::-webkit-scrollbar-thumb{background-color:#f006;border-radius:4px}.sidebar .sidebar-section::-webkit-scrollbar-thumb:hover{background-color:red}.sidebar .sidebar-section .sidebar-header{background-color:#000;color:#fff;font-size:16px;font-weight:700;margin:1rem 0}.sidebar .sidebar-section .sidebar-item{align-items:center;background-color:#0000;border-radius:10px;cursor:pointer;display:flex;margin:4px 0 0;padding:10px;transition:.2s ease}.sidebar .sidebar-section .sidebar-item:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.9)}.sidebar .sidebar-section .sidebar-item .sidebar-icon{background-color:#0000;color:#fff;margin-right:10px}.sidebar .sidebar-section .sidebar-item .sidebar-label{background-color:#0000;color:#fff;font-size:16px;font-weight:500}.sidebar .sidebar-section .sidebar-item.active{background-color:#111;border-radius:10px;box-shadow:0 0 10px .5px red;transform:scale(.9)}.sidebar .sidebar-section .sidebar-item .profile-img{border-radius:50%;height:28px;margin-right:10px;width:28px}.containerSearchBar{background-color:#000;color:#fff;height:56px;padding-left:1rem;padding-right:1.25rem;width:100%}.containerSearchBar,.containerSearchBar1{align-items:center;display:flex;justify-content:space-between}.containerSearchBar1{width:200px}.containerSearchBar1 img{height:40px;width:65px}.icon-large{cursor:pointer;font-size:1.3rem}.search-bar-wrapper{width:80%}.nav-center,.search-bar-wrapper{align-items:center;display:flex;justify-content:space-between}.nav-center{background-color:#000;width:50vw}.nav-center .search-bar{align-items:center;background-color:#111;border:1px solid #323232;border-radius:40px;box-shadow:0 0 10px .5px red;display:flex;height:40px;margin-left:150px;padding:5px;width:100%}.nav-center .search-input{background:none;border:none;border-radius:40px;color:#fff;outline:none;padding:10px;width:100%}.nav-center .search-button{border:none;border-bottom-right-radius:40%;border-top-right-radius:40%;color:#fff;cursor:pointer;height:40px;padding:10px}.nav-center .mic-icon{background-color:#000;cursor:pointer;font-size:20px;margin-left:10px;padding:10px}.profile-section{align-items:center;background-color:#000;display:flex;width:15%}.login-button{border-radius:20px;color:#fff;height:40px;margin-right:1.25rem;padding:0 1rem}.login-button,.logout-button{background-color:red;border:none;cursor:pointer}.logout-button{border-radius:50%;box-shadow:2px 2px 10px rgba(0,0,0,.199);height:45px;justify-content:flex-start;overflow:hidden;position:relative;width:45px}.logout-button,.sign{align-items:center;display:flex;transition-duration:.3s}.sign{justify-content:center;width:100%}.sign svg{width:17px}.sign svg path{fill:#fff}.text{color:#fff;font-size:1.2em;opacity:0;position:absolute;right:0;transition-duration:.3s;width:0}.logout-button:hover{border-radius:40px;transition-duration:.3s;width:125px}.logout-button:hover .sign{padding-left:20px;transition-duration:.3s;width:30%}.logout-button:hover .text{opacity:1;padding-right:10px;transition-duration:.3s;width:70%}.logout-button:active{transform:translate(2px,2px)}.profile-image{border-radius:50%;cursor:pointer;height:40px;width:40px}.dropdown-menu{background-color:#000;border-radius:.25rem;color:#fff;min-width:20rem;padding:.5rem;position:absolute;right:0;top:50px;z-index:10}.dropdown{display:flex;flex-direction:column;gap:.5rem}.dropdown-item{align-items:center;cursor:pointer;display:flex;padding:.5rem}.dropdown-item:hover{background-color:#131313}.dropdown-icon{margin-right:1rem}.profile-details{align-items:flex-start;display:flex;flex-direction:column}.profile-image-dropdown{border-radius:50%;height:50px;width:50px}.dropdown-divider{border-top:1px solid #505050;margin:.5rem 0}.dropdown-label{color:#fff}.dropdown-label-link{color:#add8e6;text-decoration:none}.sidebar2 .sidebar2-section .sidebar2-header{color:#b3b3b3}.sidebar2 .sidebar2-section .sidebar2-item:hover{background-color:#131313}.sidebar2 .sidebar2-section .sidebar2-item.active{background-color:#000}.SearchBar{height:57px;position:fixed;z-index:100}.SearchBar,.layoutContainer{background-color:#000;width:100vw}.layoutContainer{display:flex;height:100vh}.layoutContainer .left-side2{margin-top:4%}.layoutContainer .left-side,.layoutContainer .left-side2{background-color:#000;color:#fff;height:100vh;position:fixed;z-index:2}.layoutContainer .left-side{margin-top:3.5%;width:15%}.layoutContainer .right-side-WithNav{margin-left:17%;margin-right:2%;width:85%}.layoutContainer .right-side-WithNav,.layoutContainer .right-side-WithoutNav{background-color:#000;display:flex;flex-direction:column;height:90vh;margin-top:56px}.layoutContainer .right-side-WithoutNav{margin-left:10px;width:100%}@media(max-width:1280px){.layoutContainer .left-side{width:17%}}.HomePageContainer{background-color:#000;padding-left:5px;width:100%}.HomePageContainer1{background-color:#000;margin-left:5%}.Navopen,.main-box{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:flex-start;margin-top:56px;width:100%}.Navopen .box,.main-box .box{border-radius:10px;height:21vw;margin:5px;max-width:23%;min-width:20%;padding-bottom:10px;position:relative;transition-duration:.5s}.Navopen .box:hover,.main-box .box:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.98)}.Navopen .box .vid,.main-box .box .vid{display:none;left:0;object-fit:cover;position:absolute;top:0;width:100%}.Navopen .box .thumbnailContainer,.main-box .box .thumbnailContainer{height:12vw;position:relative;width:100%}.Navopen .box .thumbnailContainer .thumbnail,.main-box .box .thumbnailContainer .thumbnail{border-radius:10px;height:100%;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}.Navopen .box .thumbnailContainer .vid,.main-box .box .thumbnailContainer .vid{border-radius:10px 10px 0 0;display:none;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.Navopen .channelContainer .video-details,.main-box .channelContainer .video-details{display:flex;margin-left:10px;margin-top:10px}.Navopen .channelContainer .channelContainer1,.main-box .channelContainer .channelContainer1{border-radius:50%;height:36px;margin-right:10px;width:36px}.Navopen .channelContainer .channelContainer2,.main-box .channelContainer .channelContainer2{display:flex;flex-direction:column}.Navopen .channelContainer .channelContainer2 .description,.main-box .channelContainer .channelContainer2 .description{font-size:1rem;font-weight:600}.Navopen .channelContainer .channelContainer2 .userChannel,.main-box .channelContainer .channelContainer2 .userChannel{color:gray;font-size:.9rem}.Navopen .channelContainer .channelContainer2 .userChannel:hover,.main-box .channelContainer .channelContainer2 .userChannel:hover{color:#fff}.Navopen .channelContainer .channelContainer2 .views-time,.main-box .channelContainer .channelContainer2 .views-time{align-items:center;display:flex}.Navopen .channelContainer .channelContainer2 .time,.Navopen .channelContainer .channelContainer2 .views,.main-box .channelContainer .channelContainer2 .time,.main-box .channelContainer .channelContainer2 .views{color:gray;font-size:.9rem}.Navopen .channelContainer .channelContainer2 .dot,.main-box .channelContainer .channelContainer2 .dot{color:gray;font-size:.9rem;margin:0 4px}.headball{background-color:#000;display:flex;gap:15px;overflow-x:auto;padding:10px;position:fixed;width:100%;z-index:50}.headball .live-recommend-btn,.headball .recommend-btn{background-color:#000;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;padding:10px 15px}.headball .live-recommend-btn{background-color:#111;box-shadow:0 0 10px .5px red;color:#fff}.headball .recommend-btn{background-color:#131313;color:#fff}@media(max-width:1280px){.Navopen .box,.main-box .box{height:28vw;max-width:31%;min-width:30%}.Navopen .box .thumbnailContainer,.main-box .box .thumbnailContainer{height:16vw}}.dot-spinner{--uib-size:2.8rem;--uib-speed:.9s;--uib-color:#ea0000;height:var(--uib-size);left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--uib-size);z-index:9999}.dot-spinner,.dot-spinner__dot{align-items:center;display:flex;justify-content:flex-start}.dot-spinner__dot{height:100%;left:0;position:absolute;top:0;width:100%}.dot-spinner__dot:before{animation:pulse0112 calc(var(--uib-speed)*1.111) ease-in-out infinite;background-color:var(--uib-color);border-radius:50%;box-shadow:0 0 20px #121f354d;content:"";height:20%;opacity:.5;transform:scale(0);width:20%}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed)*-.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed)*-.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed)*-.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed)*-.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed)*-.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed)*-.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed)*-.125)}@keyframes pulse0112{0%,to{opacity:.5;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.loader-background{background-color:#0009;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9998}.UserChannel-Container{background-color:#000;color:#fff;height:100vh;padding:0}.UserChannel-Container .UserProfileContainer{padding:1% 5%}.UserChannel-Container .cover-container{height:13vw;margin-bottom:1.25rem;position:relative;width:100%}.UserChannel-Container .cover-container img{border-radius:1rem;height:100%;object-fit:cover;width:100%}.UserChannel-Container .cover-container .edit-icon{background-color:#9b9b9b;border-radius:50%;bottom:0;cursor:pointer;position:absolute;right:0}.UserChannel-Container .cover-container .edit-icon svg{color:#4a4a4a;height:1rem;width:1.5rem}.UserChannel-Container .profile-container{display:flex}.UserChannel-Container .profile-container .avatar-container{height:13vw;margin:0 1.25rem;position:relative;width:13vw}.UserChannel-Container .profile-container .avatar-container img{border-radius:50%;height:100%;object-fit:cover;width:100%}.UserChannel-Container .profile-container .avatar-container .edit-icon{background-color:#9b9b9b;border-radius:50%;bottom:0;cursor:pointer;position:absolute;right:0}.UserChannel-Container .profile-container .avatar-container .edit-icon svg{color:#4a4a4a;height:1rem;width:1.5rem}.UserChannel-Container .profile-container .profile-info{color:gray;display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem}.UserChannel-Container .profile-container .profile-info .name{color:#fff;font-size:1.5rem;font-weight:700}.UserChannel-Container .profile-container .profile-info .more-info{color:#fff;font-weight:600}.UserChannel-Container .profile-container .profile-info .buttons{display:flex;gap:.5rem;margin:.5rem 0}.UserChannel-Container .profile-container .profile-info .buttons .subscribed{background-color:red}.UserChannel-Container .profile-container .profile-info .buttons button{background-color:#131313;border-radius:15px;color:#fff;cursor:pointer;padding:.25rem .5rem;transition:.3s}.UserChannel-Container .profile-container .profile-info .buttons button:hover{box-shadow:0 0 10px .5px red;transform:scale(.98)}.UserChannel-Container .nav-links{color:gray;display:flex;font-size:1.125rem;font-weight:600;gap:1rem;padding:1% 10% .5%}.UserChannel-Container .nav-links a{text-decoration:none}.UserChannel-Container .nav-links a.active{color:red}.UserChannel-Container .separator{background-color:gray;height:1px;margin-top:.75rem;width:100%}.UserChannel-Container .content{height:auto;height:100vh;padding:1% 2%}@media(max-width:1280px){.UserChannel-Container .cover-container{height:13vw}.UserChannel-Container .profile-container .avatar-container{height:15vw;margin:0 1.25rem;position:relative;width:15vw}.UserChannel-Container .profile-container .avatar-container img{border-radius:50%;height:100%;object-fit:cover;width:100%}.UserChannel-Container .profile-container .avatar-container .edit-icon{background-color:#9b9b9b;border-radius:50%;bottom:0;cursor:pointer;position:absolute;right:0}.UserChannel-Container .profile-container .avatar-container .edit-icon svg{color:#4a4a4a;height:1rem;width:1.5rem}}.userPlaylistContainer{display:flex;flex-wrap:wrap;padding-bottom:10vh}.userPlaylistContainer p{font-size:20px;font-weight:700;padding:.5% 0 2%;width:100%}.userPlaylistContainer .playlistContainer{border-radius:10px;display:flex;flex-direction:column;height:21vw;margin:10px 0;padding:0 5px 10px;width:23%}.userPlaylistContainer .playlistContainer:hover{background-color:#131313}.userPlaylistContainer .playlistContainer1{border-radius:10px;width:100%}.userPlaylistContainer .playlistContainer2{display:flex;flex-direction:row;justify-content:space-between}.userPlaylistContainer .playlistContainer21{width:95%}.userPlaylistContainer .playlistContainer211{font-size:20px;overflow-wrap:break-word}.userPlaylistContainer .playlistContainer212{color:#b3b3b3;font-size:14px;overflow-wrap:break-word;width:100%}.userPlaylistContainer .playlistContainer21 button{color:gray;font-size:.8rem}.userPlaylistContainer .playlistContainer22{margin-right:5px}.userPlaylistContainer .playlistContainer22 .deleteContainer{display:flex;flex-direction:column;margin-right:10px;position:absolute}.userPlaylistContainer .playlistContainer22 .deleteContainer button{background-color:#464444;margin-top:4px}.noPlaylistHeader{align-items:center;display:flex;height:20%;justify-content:center;left:0;position:relative;top:0;width:100%}.noPlaylistHeader .headerFont{color:#545252;font-size:26px;font-weight:500}.editPlaylistContainer{align-items:center;background-color:rgba(0,0,0,.655);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%}.editPlaylistContainer1{align-items:center;background-color:#000;border-radius:20px;box-shadow:0 0 10px .5px red;display:flex;flex-direction:column;height:35vh;padding:10px 20px;transition:.4s;width:60vh}.editPlaylistContainer1 p:first-child{display:flex;font-size:20px;font-weight:700;justify-content:center}.editPlaylistContainer11{color:#b3b3b3;width:100%}.editPlaylistContainer12{background-color:#0000;border:1px solid #414141;border-radius:3px;width:100%}.editPlaylistContainer12:focus{border-color:red;outline:none}.editPlaylistContainer13{color:#b3b3b3;width:100%}.editPlaylistContainer14{background-color:#0000;border:1px solid #414141;border-radius:3px;width:100%}.editPlaylistContainer14:focus{border-color:red;outline:none}.editPlaylistContainer1 .formButtons{display:flex;justify-content:space-around;width:50%}.editPlaylistContainer1 .formButtons button{background-color:#131313;border-radius:10px;margin-bottom:10vh;margin-top:20px;padding:10px 20px;transition:.4s}.editPlaylistContainer1 .formButtons button:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.98)}@media(max-width:1280px){.userPlaylistContainer .playlistContainer:hover{background-color:#131313}.userPlaylistContainer .playlistContainer211{font-size:18px}.userPlaylistContainer .playlistContainer212{font-size:12px}.userPlaylistContainer .playlistContainer22{margin-right:5px}}.box{height:auto;padding:0;width:99%}.box .SearchBar{background-color:#000;height:56px;position:fixed;width:100vw;z-index:100}.box .displayer{background-color:aqua;width:100%}.box .left-side,.box .left-side2{background-color:#000;color:#fff;height:100vh;margin-top:4%;position:fixed;z-index:2}.box .left-side{width:15%}.box .right-side-WithoutNav{flex-direction:column;margin-top:4%}.box .right-side-WithoutNav,.watchVideo-container{background-color:#000;display:flex;height:auto;width:100%}.watchVideo-container{height:100vh;justify-content:space-between;margin-top:5px}.watchVideo-container .watchVideo-left-side{display:flex;flex-direction:column;height:auto;padding-right:20px;width:68%}.watchVideo-container .watchVideo-left-side .subscribeSection{display:flex;justify-content:space-between;padding:3px;width:100%}.watchVideo-container .watchVideo-left-side .subscribeSection .section1{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:70%}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section11{align-items:center;display:flex}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section11 .section111{margin-right:4px}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section11 .section111 img{border-radius:50%;height:45px;width:45px}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section11 .section112 .ownerName{font-size:16px;font-weight:700}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section11 .section112 .ownerSubscribers{color:#b3b3b3;font-size:12px}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section12{align-items:center;display:flex;justify-content:space-around;padding:3px;width:50%}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section12 .subscribeButton{background-color:red}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section12 .likeButton{align-items:center;background-color:#b3b3b3;border-radius:20px;color:#000;cursor:pointer;display:flex;height:40px;justify-content:center;width:80px}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section12 .likeButton .likeIcon{background-color:#b3b3b3;border-radius:50%;color:red;font-size:30px}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section12 .likeButton .unLikeIcon{background-color:#b3b3b3;border-radius:50%;font-size:30px}.watchVideo-container .watchVideo-left-side .subscribeSection .section1 .section12 .likeButton p{font-size:22px;font-weight:700;margin-left:4px}.watchVideo-container .watchVideo-left-side .description{background-color:#111;border-radius:20px;margin:10px 0;padding:10px}.watchVideo-container .watchVideo-left-side .description .section21{color:#fff;display:flex;flex-direction:row}.watchVideo-container .watchVideo-left-side .description .section21 p{font-size:14px;margin:5px 5px 5px 0}.watchVideo-container .watchVideo-left-side .description .section22 .section221{font-size:26px;font-weight:700}.watchVideo-container .watchVideo-left-side .description .section22 p{font-size:22px}.watchVideo-container .watchVideo-left-side .commentSection{display:flex;flex-direction:row;padding:10px}.watchVideo-container .watchVideo-left-side .commentSection .commentSection1{margin-right:10px}.watchVideo-container .watchVideo-left-side .commentSection .commentSection1 p{font-size:20px;font-weight:700}.watchVideo-container .watchVideo-left-side .commentSection .commentSection2{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-left:20px;width:9%}.watchVideo-container .watchVideo-left-side .comments .comments1 .comments11{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px;width:100%}.watchVideo-container .watchVideo-left-side .comments .comments1 .comments11 img{border-radius:50%;height:45px;width:45px}.watchVideo-container .watchVideo-left-side .comments .comments1 .comments11 input{color:#000;height:30px;width:60%}.watchVideo-container .watchVideo-left-side .comments .comments1 .divider{background-color:#fff;height:1px;margin:20px 0;width:100%}.watchVideo-container .watchVideo-left-side .channelComments{display:flex;flex-direction:column;padding:10px;width:100%}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection{align-items:center;display:flex;flex-direction:row;height:auto;overflow-wrap:break-word;padding:10px 0;width:100%}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection1 img{border-radius:50%;height:45px;margin:0 20px 0 0;width:45px}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2{width:100%}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2 .channelCommentsSection21{align-items:center;display:flex}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2 .channelCommentsSection21 .channelCommentsSection211{margin:0 20px 0 0}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2 .channelCommentsSection21 .channelCommentsSection212{color:#b3b3b3}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2 .channelCommentsSection21 .channelCommentsSection213{margin-left:2rem}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2 .channelCommentsSection21 .commentDropdown{display:flex;flex-direction:column;margin-left:300px;position:absolute}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2 .channelCommentsSection21 .commentDropdown button{font-size:10px}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection22{height:auto;width:100%}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection221{overflow-wrap:anywhere;white-space:normal;width:100%;word-break:break-word}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2 .channelCommensSection23{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:30px}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2 .channelCommensSection23 .channelCommensSection231 .likeIcon{color:red}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2 .channelCommensSection23 .channelCommensSection231 .unLikeIcon{color:#fff}.watchVideo-container .watchVideo-left-side .channelComments .channelCommentsSection .channelCommentsSection2 .channelCommensSection23 p{color:#b3b3b3}.watchVideo-container .watchVideo-left-side video{border-radius:20px;height:35vw;width:100%}.watchVideo-container .watchVideo-left-side button{background-color:#4a4a4a;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.watchVideo-container .watchVideo-left-side button:hover{background-color:#6a6a6a}.watchVideo-container .watchVideo-left-side .video-title{color:#fff;font-size:1.3rem;font-weight:700;margin-top:10px;width:100%}.watchVideo-container .watchVideo-right-side{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;font-size:16px;height:auto;margin-right:5px;width:30%}.watchVideo-container .watchVideo-right-side .watchVideoSection{border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;padding:5px;transition-duration:.5s;width:50vh}.watchVideo-container .watchVideo-right-side .watchVideoSection:hover{background-color:#131313;box-shadow:0 0 10px .5px red;transform:scale(.98)}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection1{align-items:center;display:flex;height:15vh;width:45%}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection1 .watchVideoSection11{border-radius:5px;height:100%;margin:0 6px 0 0;width:100%}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2{width:50%}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection21 .watchVideoSection211{font-size:14px;font-weight:700}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection22{margin-top:5px}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection22 .watchVideoSection221{color:#b3b3b3;font-size:13px}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection23{color:#b3b3b3;display:flex;flex-direction:row;font-size:12px}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection23 .dot,.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection23 .time,.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection23 .views{font-size:12px}.editCommentContainer{align-items:center;background-color:rgba(0,0,0,.571);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.editCommentContainer .editCommentContainer1{align-items:center;background-color:#000;border-radius:10px;box-shadow:0 0 10px .5px red;display:flex;flex-direction:column;height:25%;padding:10px;transition:.4s;width:35%}.editCommentContainer .editCommentContainer1:hover{transform:scale(.98)}.editCommentContainer .editCommentContainer1 .editCommentContainer11{font-size:20px;font-weight:700;margin-bottom:10px}.editCommentContainer .editCommentContainer1 .editCommentContainer12{display:flex;flex-direction:column;width:100%}.editCommentContainer .editCommentContainer1 .editCommentContainer12 .editCommentContainer121{font-size:16px;font-weight:600}.editCommentContainer .editCommentContainer1 .editCommentContainer12 .editCommentContainer122{border:2px solid #000;border-radius:5px;color:#000;margin-bottom:10px}.editCommentContainer .editCommentContainer1 .editCommentContainer12 .editCommentContainer122:focus{border-color:red;outline:none}.editCommentContainer .editCommentContainer1 .formButtons{display:flex;justify-content:center;width:50%}.editCommentContainer .editCommentContainer1 .formButtons1,.editCommentContainer .editCommentContainer1 .formButtons2{background-color:red;border-radius:5px;margin:5px;padding:5px}.editCommentContainer .editCommentContainer1 .formButtons1:hover,.editCommentContainer .editCommentContainer1 .formButtons2:hover{background-color:rgba(255,0,0,.649)}@media(max-width:1280px){.box{height:auto;padding:0;width:99%}.watchVideo-container{background-color:#000;display:flex;flex-direction:column}.watchVideo-container .watchVideo-left-side{display:flex;width:100%}.watchVideo-container .watchVideo-left-side .channelComments{background-color:#101010;border:5px solid #131313;border-radius:10px;display:flex;flex-direction:column;margin:10px 0;padding:10px;width:100%}.watchVideo-container .watchVideo-left-side video{border-radius:20px;height:45vw;width:100%}.watchVideo-container .watchVideo-left-side button{margin-top:10px;padding:10px 20px}.watchVideo-container .watchVideo-left-side .video-title{width:100%}.watchVideo-container .watchVideo-right-side{align-items:center;display:flex;flex-direction:column;height:auto;margin-right:5px;padding:20px 20px 10vw 0;width:100%}.watchVideo-container .watchVideo-right-side .watchVideoSection{border-radius:10px;display:flex;flex-direction:row;justify-content:flex-start;padding:5px;transition-duration:.5s;width:80vw}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection1{align-items:center;display:flex;height:15vw;justify-content:flex-start;margin-right:20px;width:30%}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection1 .watchVideoSection11{border-radius:5px;height:100%;margin:0 6px 0 0;width:100%}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2{width:60%}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection22{margin-top:5px}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection23{display:flex;flex-direction:row;font-size:12px}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection23 .views{font-size:14px}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection23 .dot{font-size:14px;margin:0 10px}.watchVideo-container .watchVideo-right-side .watchVideoSection .watchVideoSection2 .watchVideoSection23 .time{font-size:14px}}.Man-sidebar,.registrationMainContainer{background-color:#000}.Man-sidebar{color:#fff;font-family:Arial,sans-serif;height:100vh;padding:1rem;width:240px}.Man-sidebar .Man-sidebar-divider{background-color:#000;height:1px;margin:1rem 0;width:100%}.Man-sidebar .Profile-sidebar-section{align-items:center;display:flex;flex-direction:column;height:25%;width:100%}.Man-sidebar .Profile-sidebar-section .image{height:100px;width:100px}.Man-sidebar .Profile-sidebar-section .label{background-color:#0000}.Man-sidebar .sidebar-divider{background-color:#fff;height:1px;margin:.5rem 0;width:100%}.Man-sidebar .Option-sidebar-section{display:flex;flex-direction:column;height:50%;width:100%}.Man-sidebar .Option-sidebar-section::-webkit-scrollbar{width:8px}.Man-sidebar .Option-sidebar-section::-webkit-scrollbar-thumb{background-color:#f006;border:2px solid #0000;border-radius:10px}.Man-sidebar .Option-sidebar-section::-webkit-scrollbar-thumb:hover{background-color:red}.Man-sidebar .Option-sidebar-section::-webkit-scrollbar-track{background-color:#1e1e1e;border-radius:10px}.Man-sidebar .Option-sidebar-section .Man-sidebar-item{align-items:center;background-color:#0000;border-radius:10px;cursor:pointer;display:flex;padding:15px;transition:.2s ease}.Man-sidebar .Option-sidebar-section .Man-sidebar-item:hover{background-color:#131313}.Man-sidebar .Option-sidebar-section .Man-sidebar-item .Man-sidebar-icon{background-color:#0000;color:#fff;margin-right:10px}.Man-sidebar .Option-sidebar-section .Man-sidebar-item .Man-sidebar-label{background-color:#0000;color:#fff;font-size:14px;font-weight:500}.Man-sidebar .Option-sidebar-section .Man-sidebar-item.active{background-color:#333;border-radius:10px}.Man-sidebar .Option-sidebar-section .Man-sidebar-item .profile-img{border-radius:50%;height:28px;margin-right:10px;width:28px}.Man-sidebar .help-sidebar-section{display:flex;flex-direction:column;height:20%;width:100%}.Man-sidebar .help-sidebar-section .Man-sidebar-item{align-items:center;background-color:#0000;border-radius:10px;cursor:pointer;display:flex;padding:15px;transition:.2s ease}.Man-sidebar .help-sidebar-section .Man-sidebar-item:hover{background-color:#333}.Man-sidebar .help-sidebar-section .Man-sidebar-item .Man-sidebar-icon{background-color:#0000;color:#fff;margin-right:10px}.Man-sidebar .help-sidebar-section .Man-sidebar-item .Man-sidebar-label{background-color:#0000;color:#fff;font-size:14px;font-weight:500}.Man-sidebar .help-sidebar-section .Man-sidebar-item.active{background-color:#333;border-radius:10px}.Man-sidebar .help-sidebar-section .Man-sidebar-item .profile-img{border-radius:50%;height:28px;margin-right:10px;width:28px}.Man-sidebar .Man-sidebar-section{display:flex;flex-direction:column}.Man-sidebar .Man-sidebar-section .Man-sidebar-header{color:#aaa;font-size:14px;font-weight:700;margin:1rem 0}.Man-sidebar .Man-sidebar-section .Man-sidebar-item{align-items:center;background-color:#0000;border-radius:10px;cursor:pointer;display:flex;padding:10px;transition:.2s ease}.Man-sidebar .Man-sidebar-section .Man-sidebar-item:hover{background-color:#333}.Man-sidebar .Man-sidebar-section .Man-sidebar-item .Man-sidebar-icon{background-color:#0000;color:#fff;margin-right:10px}.Man-sidebar .Man-sidebar-section .Man-sidebar-item .Man-sidebar-label{background-color:#0000;color:#fff;font-size:14px;font-weight:500}.Man-sidebar .Man-sidebar-section .Man-sidebar-item.active{background-color:#333;border-radius:10px}.Man-sidebar .Man-sidebar-section .Man-sidebar-item .profile-img{border-radius:50%;height:28px;margin-right:10px;width:28px}.cont{background-color:#000}.cont1{align-items:center;display:flex;justify-content:space-between;width:200px}.cont1 img{height:40px;width:65px}.cont .nav-center{align-items:center;display:flex;flex-grow:1;justify-content:center}.cont .nav-center .search-bar{align-items:center;background-color:#0f0f0f;border-color:#323232;border-radius:40px;border-width:1px;display:flex;height:40px;justify-content:flex-end;padding-bottom:5px;padding-top:5px;width:65%}.cont .nav-center .search-bar .search-input{background:none;border:none;border-radius:40px;color:#fff;outline:none;padding:10px;width:100%}.cont .nav-center .search-bar .search-button{background-color:#0000;border:none;border-bottom-right-radius:40%;border-top-right-radius:40%;color:#fff;cursor:pointer;height:40px;padding:10px;width:10%}.cont .nav-center .mic-icon{color:#fff;cursor:pointer;font-size:20px;margin-left:10px;padding:10px}.cont .cont{align-items:center;background-color:#0f0f0f;display:flex;height:56px}.cont .cont .icon-large{font-size:1.3rem}.cont .dropdown-menu{border-radius:.25rem;left:-770%;padding:.5rem;top:0;z-index:200}.cont .dropdown{width:300px}.cont .bttn{align-items:center;background-color:red;display:flex;flex-direction:row;justify-content:center}.cont .bttn .dropdown-icon{background-color:#0000;margin-right:10px}.cont .dropdown-menu2{background-color:#0000;border-radius:.25rem;left:-85%;padding:.5rem;top:35px;z-index:200}.cont .dropdown-menu a,.cont .dropdown-menu button{color:#fff;display:block;padding:.5rem 1rem}.cont .dropdown-menu a:hover,.cont .dropdown-menu button:hover{background-color:#444}.cont .dropdown{background-color:#323232;border-radius:10px;color:#fff;font-family:Arial,sans-serif;padding:1rem;width:200px}.cont .dropdown .dropdown-divider{background-color:#fff;height:1px;margin:.5rem 0;width:100%}.cont .dropdown .dropdown-section{background-color:#0000;display:flex;flex-direction:column}.cont .dropdown .dropdown-section .dropdown-item{align-items:center;background-color:#323232;border-radius:10px;cursor:pointer;display:flex;padding:6px;transition:background-color .2s ease}.cont .dropdown .dropdown-section .dropdown-item:hover{background-color:#222}.cont .dropdown .dropdown-section .dropdown-item .profile-details{background-color:#0000}.cont .dropdown .dropdown-section .dropdown-item .dropdown-icon{background-color:#0000;color:#fff;margin-right:10px}.cont .dropdown .dropdown-section .dropdown-item .dropdown-label{background-color:#0000;color:#fff;font-size:14px;font-weight:500}.cont .dropdown .dropdown-section .dropdown-item .dropdown-label-link{background-color:#0000;color:#4179ed;font-size:14px;font-weight:500;text-decoration:underline}.cont .dropdown .dropdown-section .dropdown-item.active{background-color:#333;border-radius:10px}.cont .dropdown .dropdown-section .dropdown-item .profile-img{border-radius:50%;height:28px;margin-right:10px;width:28px}.cont .modal-overlay{align-items:center;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.cont .modal-content{background-color:#000;border-radius:8px;box-shadow:0 0 20px #00000080;box-shadow:0 0 10px .5px red;max-width:600px;padding:2rem;position:relative;text-align:center;transition:.4s;width:100%}.cont .modal-content:hover{transform:scale(.98)}.cont .modal-content h2{color:#fff;font-size:1.5rem;margin-bottom:1rem}.cont .modal-content .modal-topbar{display:flex;flex-direction:row;justify-content:flex-end}.cont .dropdown-divider{background-color:#ccc;height:1px;margin:1rem 0}.cont .formContainer{align-items:center;display:flex;flex-direction:column}.cont .formContainer input[type=file],.cont .formContainer input[type=text]{border:1px solid #ccc;border-radius:4px;display:block;margin-bottom:1rem;padding:.5rem;width:100%}.cont .formContainer input[type=file]::placeholder,.cont .formContainer input[type=text]::placeholder{color:#aaa}.cont .formContainer input[type=text]{color:#333}.cont .formContainer input[type=file]{color:#666}.cont .formContainer .checker{align-items:center;display:flex;flex-direction:row;justify-content:center}.cont .formContainer .checker label{color:#fffdfd;display:block;margin-bottom:.5rem;text-align:left}.cont .formContainer .checker input[type=checkbox]{color:#666;margin-bottom:10px;margin-left:10px}.cont .formContainer label{color:#fffefe;display:block;margin-bottom:.5rem;text-align:left}.cont .modal-close-btn{color:#555;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.cont .error{border:1px solid red}.cont .bttn-inside{display:flex;flex-direction:row;justify-content:center}.cont .submit-btn{align-items:center;background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;justify-content:center;padding:.75rem 1.5rem}.cont .submit-btn:hover{background-color:#45a049}.sidebar2{background-color:#000;color:#fff;font-family:Arial,sans-serif;padding:1rem;width:100px}.sidebar2 .sidebar2-section{display:flex;flex-direction:column}.sidebar2 .sidebar2-section .sidebar2-header{color:#aaa;font-size:14px;font-weight:700;margin:1rem 0}.sidebar2 .sidebar2-section .sidebar2-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:25px 10px;text-align:center;transition:background-color .2s ease}.sidebar2 .sidebar2-section .sidebar2-item:hover{background-color:#333}.sidebar2 .sidebar2-section .sidebar2-item .sidebar2-icon{background-color:#0000;color:#fff;margin-right:10px}.sidebar2 .sidebar2-section .sidebar2-item .sidebar2-label{background-color:#0000;color:#fff;font-size:10px;font-weight:200}.sidebar2 .sidebar2-section .sidebar2-item.active{background-color:#333;border-radius:10px}.sidebar2 .sidebar2-section .sidebar2-item .profile-img{border-radius:50%;height:28px;margin-right:10px;width:28px}.wrapper{height:100vh}.wrapper,.wrapper .header{background-color:#000;display:flex;flex-direction:column;width:100%}.wrapper .header{font-size:larger;font-size:26px;font-weight:700;height:10%;justify-content:center;padding:40px 0}.wrapper .sub-wrapper{align-items:center;align-items:flex-start;display:flex;flex-direction:row;height:90%;justify-content:center;width:100%}.wrapper .sub-wrapper .col-1{background-color:#000;border:1px solid #f5f5f5;border-radius:20px;display:flex;flex-direction:column;height:90%;margin:30px;padding:20px;width:33%}.wrapper .sub-wrapper .col-1 .container-upload{align-items:center;border:1px dashed #f5f5f5;border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.wrapper .sub-wrapper .col-1 .container-upload .bttn{background-color:#fff;border-radius:20px;color:#000;margin-top:50%;padding:10px;width:40%}.wrapper .sub-wrapper .col-2{background-color:#0000;border:1px solid #f5f5f5;border-radius:20px;display:flex;flex-direction:column;height:80%;margin-right:30px;margin-top:30px;padding:20px;transition:.4s;width:53%}.wrapper .sub-wrapper .col-2:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.98)}.wrapper .sub-wrapper .col-2 .container-subs{height:28%;padding-bottom:10px;width:100%}.wrapper .sub-wrapper .col-2 .container-subs .subs-label{font-size:larger;font-weight:500}.wrapper .sub-wrapper .col-2 .container-subs .subs-count{font-size:35px;font-weight:500}.wrapper .sub-wrapper .col-2 .dropdown-divider{background-color:#fff;height:1px;margin:.5rem 0;width:100%}.wrapper .sub-wrapper .col-2 .container-details{align-items:center;display:flex;flex-direction:row;height:24%;justify-content:space-between;width:100%}.wrapper .sub-wrapper .col-2 .container-details .label{font-size:medium;font-weight:500}.wrapper .sub-wrapper .col-2 .container-details .count{font-size:small;font-weight:500;margin-right:50px}.wrapper .sub-wrapper .col-3{background-color:#0000;border:1px solid #f5f5f5;border-radius:20px;display:flex;flex-direction:column;height:55%;margin-right:30px;margin-top:30px;padding:20px;width:33%}@media(max-width:1024px){.wrapper{background-color:#000;display:flex;flex-direction:column;height:100vh;width:100%}.wrapper .sub-wrapper{align-items:flex-start;height:90%;justify-content:center;width:100%}.wrapper .sub-wrapper .col-2{background-color:#0000;border:1px solid #f5f5f5;border-radius:20px;display:flex;flex-direction:column;height:80%;margin-right:30px;margin-top:30px;padding:20px;transition:.4s;width:65%}.wrapper .sub-wrapper .col-2:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.98)}.wrapper .sub-wrapper .col-2 .container-subs{height:28%;padding-bottom:10px;width:100%}.wrapper .sub-wrapper .col-2 .container-subs .subs-label{font-size:larger;font-weight:500}.wrapper .sub-wrapper .col-2 .container-subs .subs-count{font-size:35px;font-weight:500}.wrapper .sub-wrapper .col-2 .dropdown-divider{background-color:#fff;height:1px;margin:.5rem 0;width:100%}.wrapper .sub-wrapper .col-2 .container-details{align-items:center;display:flex;flex-direction:row;height:24%;justify-content:space-between;width:100%}.wrapper .sub-wrapper .col-2 .container-details .label{font-size:medium;font-weight:500}.wrapper .sub-wrapper .col-2 .container-details .count{font-size:small;font-weight:500;margin-right:50px}}.contentContainer{background-color:#000;height:100vh;width:100%}.contentContainer .divider{background-color:#fff;height:1px;margin:.5rem 0;width:100%}.contentContainer .level-1{display:flex;flex-direction:column;height:120px;justify-content:space-between;width:100%}.contentContainer .level-1 .head{background-color:#0000;color:#fff;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:center}.contentContainer .level-1 .head div{font-size:26px}.contentContainer .level-1 .bttns{background-color:#0000;color:#fff;display:flex;width:100%}.contentContainer .level-1 .bttns .pressables{background-color:#0000;font-size:larger;padding-left:20px;padding-right:70px}.contentContainer .level-2{color:#fff;height:50px;width:100%}.contentContainer .level-2 .label{background-color:#0000;color:#fff;display:flex;flex-direction:column;font-size:20px;height:100%;justify-content:center;padding-left:15px}.contentContainer .level-3{display:flex;flex-direction:row;height:50px;justify-content:space-between;width:100%}.contentContainer .level-3 .part-1{align-items:center;display:flex;flex-direction:row;padding-left:30px;width:38%}.contentContainer .level-3 .part-1 .box{border:solid #fff;height:20px;margin-right:20px;width:20px}.contentContainer .level-3 .part-1 .label{background-color:#0000;color:#fff;display:flex;flex-direction:column;font-size:17px;height:100%;justify-content:center;padding-left:15px}.contentContainer .level-3 .part-2{display:flex;flex-direction:row;justify-content:space-between;margin-right:10px;width:27%}.contentContainer .level-3 .part-3{display:flex;flex-direction:row;justify-content:space-evenly;padding-right:50px;width:30%}.contentContainer .level-4{height:100%;padding:1%;width:100%}.contentContainer .level-4 .videoContainer{align-items:center;border-radius:10px;display:flex;margin-bottom:10px;transition:.4s}.contentContainer .level-4 .videoContainer:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(1)}.contentContainer .level-4 .videoContainer .videoContainer1{height:80px;margin-right:10px;width:150px}.contentContainer .level-4 .videoContainer .videoContainer1 img{border-radius:10px;height:100%;width:100%}.contentContainer .level-4 .videoTitleDescriptionContainer{display:flex;flex-direction:column;justify-content:center;padding:0 5px;width:28%}.contentContainer .level-4 .videoStatsContainer{align-items:center;display:flex;justify-content:space-between;width:65%}.contentContainer .level-4 .videoStatsContainer .statsPart1{align-items:center;display:flex;justify-content:space-between;padding-left:15px;width:55%}.contentContainer .level-4 .videoStatsContainer .statsPart2{align-items:center;display:flex;justify-content:space-around;margin-right:0;width:45%}.editFormOverlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.editForm{background:#000;border-radius:10px;box-shadow:0 5px 15px #0000004d;box-shadow:0 0 10px .5px red;padding:2rem;transition:.4s;width:400px}.editForm:hover{transform:scale(1)}.editForm h3{margin-bottom:1rem;text-align:center}.editForm form{display:flex;flex-direction:column}.editForm form label{margin:.5rem 0}.editForm form .publish{display:flex;justify-content:center}.editForm form input,.editForm form textarea{border:2px solid #ccc;border-radius:5px;color:#000;margin-bottom:1rem;padding:.5rem}.editForm form input:focus,.editForm form textarea:focus{border-color:red;outline:none}.editForm form textarea{color:#000;resize:none}.editForm form .formButtons{display:flex;justify-content:space-between}.editForm form .formButtons button{border:none;border-radius:5px;cursor:pointer;padding:.5rem 1rem}.editForm form .formButtons button:first-child{background-color:#28a745;color:#fff}.editForm form .formButtons button:last-child{background-color:#dc3545;color:#fff}@media(max-width:1280px){.contentContainer{background-color:#000;height:100vh;width:100%}.contentContainer .divider{background-color:#fff;height:1px;margin:.5rem 0;width:100%}.contentContainer .level-1{display:flex;flex-direction:column;height:120px;justify-content:space-between;width:100%}.contentContainer .level-1 .head{background-color:#0000;color:#fff;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:center}.contentContainer .level-1 .head div{font-size:26px}.contentContainer .level-1 .bttns{background-color:#0000;color:#fff;display:flex;width:100%}.contentContainer .level-1 .bttns .pressables{background-color:#0000;font-size:larger;padding-left:20px;padding-right:40px}.contentContainer .level-2{color:#fff;height:50px;width:100%}.contentContainer .level-2 .label{background-color:#0000;color:#fff;display:flex;flex-direction:column;font-size:20px;height:100%;justify-content:center;padding-left:15px}.contentContainer .level-3{display:flex;flex-direction:row;height:50px;justify-content:space-between;width:100%}.contentContainer .level-3 .part-1{align-items:center;display:flex;flex-direction:row;padding-left:30px;width:38%}.contentContainer .level-3 .part-1 .box{border:solid #fff;height:20px;margin-right:20px;width:20px}.contentContainer .level-3 .part-1 .label{background-color:#0000;color:#fff;display:flex;flex-direction:column;font-size:17px;height:100%;justify-content:center;padding-left:15px}.contentContainer .level-3 .part-2{display:flex;flex-direction:row;justify-content:space-between;margin-right:10px;width:27%}.contentContainer .level-3 .part-3{display:flex;flex-direction:row;justify-content:space-evenly;padding-right:50px;width:30%}.contentContainer .level-4{height:100%;padding:1%;width:100%}.contentContainer .level-4 .videoContainer{align-items:center;border-radius:10px;display:flex;margin-bottom:10px;transition:.4s}.contentContainer .level-4 .videoContainer:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(1)}.contentContainer .level-4 .videoContainer .videoContainer1{height:80px;margin-right:10px;width:150px}.contentContainer .level-4 .videoContainer .videoContainer1 img{border-radius:10px;height:100%;width:100%}.contentContainer .level-4 .videoTitleDescriptionContainer{display:flex;flex-direction:column;justify-content:center;padding:0 5px;width:28%}.contentContainer .level-4 .videoStatsContainer{align-items:center;display:flex;justify-content:space-between;width:65%}.contentContainer .level-4 .videoStatsContainer .statsPart1{align-items:center;display:flex;justify-content:space-between;padding-left:15px;width:55%}.contentContainer .level-4 .videoStatsContainer .statsPart2{align-items:center;display:flex;justify-content:space-around;margin-right:0;width:45%}}.NoCommentsContainer{display:flex;height:100%;margin-left:30vw;margin-top:30vh;position:fixed;width:100%}.NoCommentsContainer .NoComments{color:#333;display:flex;font-size:30px}.mainDiv{width:100%}.commentsContainer,.mainDiv{background-color:#000;height:100%}.commentsContainer{padding:10px;width:80%}.commentsContainer .commentsMain{background-color:#131313;border-radius:10px;display:flex;flex-direction:column;height:auto;margin-bottom:10px;padding:10px;transition:.4s;width:100%;z-index:3}.commentsContainer .commentsMain:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.98)}.commentsContainer .commentsMain1{align-items:center;background-color:#0000;display:flex;height:20%;margin-bottom:3px;width:40%}.commentsContainer .commentsMain11{background-color:#0000;height:45px;margin-right:10px;width:45px}.commentsContainer .commentsMain111{background-color:#0000;border-radius:50%;height:100%;width:100%}.commentsContainer .commentsMain12{background-color:#0000;font-size:16px;font-weight:700}.commentsContainer .commentsMain2{background-color:#0000;height:auto}.commentsContainer .commentsMain21{background-color:#0000;height:100%;overflow-wrap:break-word}.commentsContainer .commentsMain3{background-color:#0000}.commentsContainer .commentsMain31 strong{font-size:14px;font-weight:700}.commentsContainer .commentsMain3 .time{color:#b3b3b3}.subscription-container{border-radius:8px;color:#fff;padding:10px}.subscription-container p{color:#333;font-size:16px}.subscription-container .error-message{color:#ff4d4f;font-weight:700}.subscription-container .subscriber-list{display:flex;flex-wrap:wrap;list-style:none;padding:0}.subscription-container .subscriber-list .subscriber-item{align-items:center;background-color:#131313;border-radius:10px;display:flex;height:15vw;justify-content:center;margin:5px;padding:10px;transition:.4s;width:10vw}.subscription-container .subscriber-list .subscriber-item:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.98)}.subscription-container .subscriber-list .subscriber-item .subscriber-details{align-items:center;display:flex;flex-direction:column;justify-content:center}.subscription-container .subscriber-list .subscriber-item .subscriber-details div{height:100px;margin-bottom:5px;width:100px}.subscription-container .subscriber-list .subscriber-item .subscriber-details div .subscriber-avatar{border-radius:50%;height:100%;width:100%}.subscription-container .subscriber-list .subscriber-item .subscriber-details .subscriber-name{color:gray;font-size:18px;font-weight:500}.subscription-container .NoSubscribersContainer{display:flex;height:100%;margin-left:35vw;margin-top:30vh;position:fixed;width:100%}.subscription-container .NoSubscribersContainer .NoSubscribers{display:flex;font-size:30px}@media(max-width:1280px){.subscription-container .NoSubscribersContainer{display:flex;height:100%;margin-left:30vw;margin-top:30vh;position:fixed;width:100%}.subscription-container .NoSubscribersContainer .NoSubscribers{display:flex;font-size:30px}}.manageVideosSearchBar{background-color:#0f0f0f;height:56px;position:fixed;width:100vw;z-index:100}.manageVideoslayoutContainer{background-color:#000;display:flex;width:100vw}.manageVideoslayoutContainer .displayer{background-color:aqua;width:100%}.manageVideoslayoutContainer .manageVideosleft-side2{background-color:#000;color:#fff;height:100vh;margin-top:56px;position:fixed;width:5%;z-index:2}.manageVideoslayoutContainer .manageVideosleft-side{background-color:#000;color:#fff;height:100vh;margin-top:56px;position:fixed;width:15%;z-index:2}.manageVideoslayoutContainer .manageVideosright-side-WithNav{background-color:#000;display:flex;flex-direction:column;height:90vh;margin-left:240px;margin-top:56px;width:80%}.manageVideoslayoutContainer .manageVideosright-side-WithoutNav{background-color:#000;display:flex;flex-direction:column;height:90vh;margin-left:100px;margin-top:56px;width:100%}.watchHistoryContainer{height:100%;margin-top:20px;padding:10px;width:100%}.watchHistoryContainer1{font-size:26px;font-weight:700}.watchHistoryContainer2{color:#545252;font-size:26px;margin-left:38vw;margin-top:30vh;position:fixed}.watchHistoryContainer3{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start}.watchHistoryContainer31{border-radius:10px;height:24vw;margin:5px;max-height:350px;padding-bottom:10px;position:relative;transition-duration:.5s;width:25vw}.watchHistoryContainer31:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.98)}.watchHistoryContainer311{height:13vw;position:relative;width:100%}.watchHistoryContainer3111{border-radius:10px;height:100%;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}.watchHistoryContainer312{display:flex;padding:10px}.watchHistoryContainer3121{height:45px;width:45px}.watchHistoryContainer3121 img{border-radius:50%;height:100%;width:100%}.watchHistoryContainer3122{padding:0 10px}.watchHistoryContainer31221 h3{font-size:16px;font-weight:700}.watchHistoryContainer31221 p{color:#b3b3b3;font-size:14px}.watchHistoryContainer31221 p:hover{color:#fff}.watchHistoryContainer31222{color:#b3b3b3;display:flex;padding-top:5px}.watchHistoryContainer31222 .views{font-size:14px}.watchHistoryContainer31222 .dot{font-size:14px;margin:0 3px}.watchHistoryContainer31222 .time{font-size:14px}.SubscriptionContainer{background-color:#000;color:#fff;margin:10px}.SubscriptionContainer .SubscribedChannel{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;width:100%}.SubscriptionContainer .subscribedChannelContainer{align-items:center;border:1px solid #131313;border-radius:10px;display:flex;flex-direction:column;height:20vw;justify-content:center;padding:20px;transition:.3s;width:15vw}.SubscriptionContainer .subscribedChannelContainer:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.95)}.SubscriptionContainer .subscribedChannelContainer1 img{border-radius:50%;height:130px;width:130px}.SubscriptionContainer .subscribedChannelContainer2{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}.SubscriptionContainer .subscribedChannelContainer2 p:first-child{color:#fff;font-size:20px;font-weight:700}.SubscriptionContainer .subscribedChannelContainer2 p:nth-child(2){color:#b3b3b3}.SubscriptionContainer .subscribedChannelContainer2 p:nth-child(3){color:#b3b3b3;font-size:12px}.SubscriptionContainer .NoSubscriptionContainer{align-items:center;display:flex;height:80vh;justify-content:center;position:fixed;width:100vw}.SubscriptionContainer .NoSubscriptionContainer .NoSubscription{color:#545252;font-size:26px}@media(max-width:1280px){.SubscriptionContainer{background-color:#000}.SubscriptionContainer .SubscribedChannel{gap:10px;width:100%}.SubscriptionContainer .subscribedChannelContainer{background-color:#111;height:22vw;transition:.3s;width:18vw}.SubscriptionContainer .subscribedChannelContainer:hover{transform:scale(1)}}.userVideosContainer .container1{font-size:20px;font-weight:700}.userVideosContainer .container2{color:#b3b3b3;cursor:pointer}.userVideosContainer .container3{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:start;padding:15px 0 0}.userVideosContainer .container31{border:2px solid #131313;border-radius:10px;cursor:pointer;height:19vw;transition:background-color .3s ease;transition:.4s;width:19vw}.userVideosContainer .container31:hover{background-color:#131313;box-shadow:0 0 10px .5px red;transform:scale(.98)}.userVideosContainer .container311{height:170px;width:100%}.userVideosContainer .container311 img{border-radius:5px;height:100%}.userVideosContainer .container312{display:flex;justify-content:space-between;padding:10px}.userVideosContainer .container3121{font-size:16px;font-weight:700}.userVideosContainer .container3122{display:flex;flex-direction:row;font-size:10px;margin:10px 0;width:100%}.userVideosContainer .container3122 p{color:#b3b3b3;font-size:12px}.userVideosContainer .container3122 .dot{margin:0 5px}.userVideosContainer .container31.selectedVideo{background-color:#f009}.userVideosContainer .container .mainCreateButton{background-color:#131313;border-radius:10px;margin-bottom:10vh;margin-top:20px;padding:10px 20px;transition:.4s}.userVideosContainer .container .mainCreateButton:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.98)}.createPlaylistForm{align-items:center;background-color:rgba(0,0,0,.655);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}.createPlaylistForm .createPlaylistForm1{align-items:center;background-color:#000;border-radius:20px;box-shadow:0 0 10px .5px red;display:flex;flex-direction:column;height:35vh;padding:10px 20px;transition:.4s;width:60vh}.createPlaylistForm .createPlaylistForm1 p:first-child{font-size:20px;font-weight:700}.createPlaylistForm .createPlaylistForm11{display:flex;flex-direction:column;width:100%}.createPlaylistForm .createPlaylistForm11 input{background-color:#0000;border:1px solid #414141;border-radius:3px;width:100%}.createPlaylistForm .createPlaylistForm11 input:focus{border-color:red;outline:none}.createPlaylistForm .createPlaylistForm12{display:flex;flex-direction:column;width:100%}.createPlaylistForm .createPlaylistForm12 input{background-color:#0000;border:1px solid #414141;border-radius:3px;width:100%}.createPlaylistForm .createPlaylistForm12 input:focus{border-color:red;outline:none}.createPlaylistForm .createPlaylistForm13{display:flex;justify-content:space-around;margin:20px;width:50%}.createPlaylistForm .createPlaylistForm131{background-color:#131313;border-radius:5px;padding:5px 10px}.createPlaylistForm .createPlaylistForm131:hover{background-color:red}.createPlaylistForm .createPlaylistForm132{background-color:#131313;border-radius:5px;padding:5px 10px}.createPlaylistForm .createPlaylistForm132:hover{background-color:red}.noVideosHeader{align-items:center;display:flex;height:60%;justify-content:center;left:0;position:relative;top:0;width:80%}.updatePlaylistForm{background-color:#131313;border-radius:10px;margin-bottom:10vh;margin-top:20px;padding:10px 20px;transition:.4s}.updatePlaylistForm:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.98)}@media(max-width:1280px){.userVideosContainer .container3{gap:5px}.userVideosContainer .container31{height:22vw;width:25vw}.userVideosContainer .container311{height:160px;width:100%}.userVideosContainer .container311 img{border-radius:5px;height:100%}.userVideosContainer .container312{display:flex;justify-content:space-between;padding:10px}.userVideosContainer .container3121{font-size:16px;font-weight:700}.userVideosContainer .container3122{display:flex;flex-direction:row;font-size:10px;margin:10px 0;width:100%}.userVideosContainer .container3122 p{color:#b3b3b3;font-size:12px}.userVideosContainer .container3122 .dot{margin:0 5px}.userVideosContainer .container31.selectedVideo{background-color:#f009}}.LikedVideosContainer{background-color:#000;color:#fff;padding:20px}.LikedVideosContainer .header{font-size:26px;font-weight:700;margin:10px 0}.LikedVideosContainer .videoContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.LikedVideosContainer .videoContainer1{border-radius:10px;display:flex;flex-direction:column;gap:15px;height:25vw;transition:.3s ease;width:25vw}.LikedVideosContainer .videoContainer1:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(.98)}.LikedVideosContainer .videoContainer11{height:14vw;width:100%}.LikedVideosContainer .videoContainer11 img{border-radius:8px;height:100%;object-fit:cover;width:100%}.LikedVideosContainer .videoContainer12{display:flex;padding:10px}.LikedVideosContainer .videoContainer12 .videoContainer121 img{border-radius:50%;height:40px;margin-right:5px;object-fit:cover;width:40px}.LikedVideosContainer .videoContainer122{display:flex;flex-direction:column}.LikedVideosContainer .videoContainer1221{color:#fff;font-size:16px;font-weight:700;margin-bottom:5px}.LikedVideosContainer .videoContainer1222{color:#b3b3b3;font-size:14px;margin-bottom:5px}.LikedVideosContainer .videoContainer1222:hover{color:#fff}.LikedVideosContainer .videoContainer1223{align-items:center;display:flex;gap:5px}.LikedVideosContainer .videoContainer1223 .dot,.LikedVideosContainer .videoContainer1223 .time,.LikedVideosContainer .videoContainer1223 .views{color:#b3b3b3;font-size:12px}.LikedVideosContainer .videoContainer1223 .dot{font-weight:700}.LikedVideosContainer .NoLikedVideosContainer{align-items:center;display:flex;height:60vh;justify-content:center;position:fixed;width:100vw}.LikedVideosContainer .NoLikedVideosContainer .NoLikedVideos{color:#545252;font-size:26px}.ViewPlaylist{background-color:#000}.ViewPlaylist .ViewPlaylist1{font-size:20px;margin-bottom:10px}.ViewPlaylist .ViewPlaylist21{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}.ViewPlaylist .ViewPlaylist21 .video-item{border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:21vw;transition:background-color .3s ease;transition:.4s;width:23%}.ViewPlaylist .ViewPlaylist21 .video-item:hover{background-color:#131313;box-shadow:0 0 10px .5px red;transform:scale(.98)}.ViewPlaylist .ViewPlaylist21 .video-item1{height:160px;width:100%}.ViewPlaylist .ViewPlaylist21 .video-item11{border-radius:5px;height:100%;width:100%}.ViewPlaylist .ViewPlaylist21 .video-item111{border-radius:5px;height:100%}.ViewPlaylist .ViewPlaylist21 .video-item2{display:flex;justify-content:space-between;padding:5px}.ViewPlaylist .ViewPlaylist21 .video-item21{display:flex;flex-direction:column;width:100%}.ViewPlaylist .ViewPlaylist21 .video-item211{color:#fff;font-size:16px;font-weight:700}.ViewPlaylist .ViewPlaylist21 .video-item212{display:flex;justify-content:space-between;width:60%}.ViewPlaylist .ViewPlaylist21 .video-item212 p{font-size:12px;font-weight:400}.ViewPlaylist .ViewPlaylist21 .video-item212 .views{width:90%}.ViewPlaylist .ViewPlaylist21 .video-item212 .dot{margin:0 5px;width:5%}.ViewPlaylist .ViewPlaylist21 .video-item2 .deleteContainer{background-color:#464444;margin-right:100px;position:absolute}.ViewPlaylist .ViewPlaylist21 p{color:#b3b3b3}.ViewPlaylist .ViewPlaylist21 .button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.ViewPlaylist .ViewPlaylist21 .button:hover{background-color:#f33}@media(max-width:1280px){.ViewPlaylist .ViewPlaylist21{gap:5px}.ViewPlaylist .ViewPlaylist21 .video-item{height:23vw;width:22vw}}*{font-family:Arial,sans-serif;font-size:16px}body{background-color:#000;color:#fff;overflow-x:hidden}body img{width:100%}.communityContianer{display:flex;flex-direction:row;height:auto;justify-content:center;width:100%}.communityContianer .channelProfileContainer{align-items:center;background-color:#131313;border-radius:20px;display:flex;height:5vw;margin-bottom:40px;padding:10px;position:fixed;width:50%}.communityContianer .channelProfileContainer1{height:45px;width:45px}.communityContianer .channelProfileContainer11{border-radius:50%;height:100%;width:100%}.communityContianer .channelProfileContainer2{margin:0 20px}.communityContianer .channelProfileContainer21{font-size:20px;font-weight:700}.communityContianer .channelProfileContainer22{color:#b3b3b3;font-size:14px}.communityContianer .mainContainer{align-items:center;background-color:#000;border-left:2px solid #131313;border-right:2px solid #131313;display:flex;flex-direction:column;max-height:auto;min-height:100vh;padding-top:85px;width:50%}.communityContianer .mainContainer .communityPostContainer{background-color:#131313;border-radius:10px;height:auto;margin:10px 0;padding:10px;transition:.5s;width:95%}.communityContianer .mainContainer .communityPostContainer:hover{background-color:#111;box-shadow:0 0 10px .5px red;transform:scale(1)}.communityContianer .mainContainer .communityPostContainer .communityPostContainer1{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;width:100%}.communityContianer .mainContainer .communityPostContainer .communityPostContainer1 .communityPostContainer11{align-items:center;display:flex;flex-direction:row;width:40%}.communityContianer .mainContainer .communityPostContainer .communityPostContainer1 .communityPostContainer11 .communityPostContainer111{align-items:center;display:flex;flex-direction:row;height:45px;width:45px}.communityContianer .mainContainer .communityPostContainer .communityPostContainer1 .communityPostContainer11 .communityPostContainer111 .communityPostContainer1111{border-radius:50%;height:100%}.communityContianer .mainContainer .communityPostContainer .communityPostContainer1 .communityPostContainer11 .communityPostContainer112{padding-left:10px}.communityContianer .mainContainer .communityPostContainer .communityPostContainer1 .communityPostContainer12{margin-left:10px;padding:5px}.communityContianer .mainContainer .communityPostContainer .communityPostContainer1 .communityPostContainer12 .communityPostContainer122{display:flex;flex-direction:column;position:absolute}.communityContianer .mainContainer .communityPostContainer .communityPostContainer1 .communityPostContainer12 .communityPostContainer122 .communityPostContainer1221,.communityContianer .mainContainer .communityPostContainer .communityPostContainer1 .communityPostContainer12 .communityPostContainer122 .communityPostContainer1222{background-color:red;border-radius:5px;margin-left:10px;padding:5px 10px}.communityContianer .mainContainer .communityPostContainer .communityPostContainer21{overflow-wrap:break-word}.communityContianer .mainContainer .communityPostContainer .communityPostContainer3{align-items:center;display:flex}.communityContianer .mainContainer .communityPostContainer .communityPostContainer3 .communityPostContainer31{display:flex;justify-content:start;width:50%}.communityContianer .mainContainer .communityPostContainer .communityPostContainer3 .communityPostContainer32{margin-left:4px}.communityContianer .mainContainer .noTweets{color:#b3b3b3;font-size:30px;margin-top:30vh;position:fixed}.communityContianer .mainContainer1{background-color:red;border-radius:50%;bottom:20px;height:60px;position:fixed;right:50px;width:60px}.communityContianer .mainContainer1 .mainContainer11{color:#000;font-size:30px}.commnityPost{align-items:center;background-color:#000000a8;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:10}.commnityPost .userCommunityContainer{padding:1%}.commnityPost .userCommunityContainer .tweetContainer{background-color:#000;border:1px solid red;border-radius:20px;display:flex;flex-direction:column;height:30vh;justify-content:space-between;padding:1%;width:700px}.commnityPost .userCommunityContainer .tweetContainer .firstRow{display:flex;justify-content:space-between}.commnityPost .userCommunityContainer .tweetContainer .firstRow .firstRow1{align-items:center;display:flex}.commnityPost .userCommunityContainer .tweetContainer .firstRow .firstRow1 .firstRow11{border-radius:100%;height:2rem;margin-right:10px;width:2rem}.commnityPost .userCommunityContainer .tweetContainer .firstRow .firstRow1 .firstRow12{color:gray}.commnityPost .userCommunityContainer .tweetContainer .firstRow .firstRow2{align-items:center;display:flex}.commnityPost .userCommunityContainer .tweetContainer .firstRow .firstRow2 .firstRow21{align-items:center;border-radius:100%;color:gray;display:flex;height:30px;margin-right:10px;width:60px}.commnityPost .userCommunityContainer .tweetContainer .secondRow11{word-wrap:break-word;background-color:#0000;border:none;font-weight:700;height:auto;outline:none;overflow-wrap:break-word;padding:.5rem;resize:none;white-space:pre-wrap;width:100%}.commnityPost .userCommunityContainer .tweetContainer .secondRow2{display:flex;justify-content:end}.commnityPost .userCommunityContainer .tweetContainer .secondRow2 .secondRow21{background-color:#131313;border-radius:25px;color:#fff;margin-right:10px;padding:4px 15px}.commnityPost .userCommunityContainer .tweetContainer .secondRow2 .secondRow21:hover{background-color:red}.commnityPost .userCommunityContainer .tweetContainer .secondRow2 .secondRow22{background-color:#131313;border-radius:25px;color:#fff;padding:4px 15px}.commnityPost .userCommunityContainer .tweetContainer .secondRow2 .secondRow22:hover{background-color:red}@media(max-width:1280px){.communityContianer .channelProfileContainer{height:7vw;width:50%}}.splash-screen{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;width:100vw}.logo{animation:zoomOutFade 1.5s ease-in-out;width:250px}@keyframes zoomOutFade{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.right-0{right:0}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-5{margin-right:1.25rem}.mt-16{margin-top:4rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-10{height:2.5rem}.h-\[36px\]{height:36px}.h-screen{height:100vh}.w-10{width:2.5rem}.w-20{width:5rem}.w-40{width:10rem}.w-48{width:12rem}.w-\[36px\]{width:36px}.w-\[40vw\]{width:40vw}.w-\[5\%\]{width:5%}.w-\[80\%\]{width:80%}.w-\[80vw\]{width:80vw}.w-\[95\%\]{width:95%}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.bg-\[\#171717\]{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pb-12{padding-bottom:3rem}.pl-2{padding-left:.5rem}.pr-8{padding-right:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}@media (max-width:600px){.custom600\:mb-4{margin-bottom:1rem}.custom600\:mt-3{margin-top:.75rem}.custom600\:hidden{display:none}.custom600\:w-\[100vw\]{width:100vw}.custom600\:gap-1{gap:.25rem}.custom600\:gap-3{gap:.75rem}.custom600\:p-2{padding:.5rem}.custom600\:p-4{padding:1rem}.custom600\:px-3{padding-left:.75rem;padding-right:.75rem}.custom600\:px-4{padding-left:1rem;padding-right:1rem}.custom600\:py-2{padding-bottom:.5rem;padding-top:.5rem}.custom600\:text-2xl{font-size:1.5rem;line-height:2rem}.custom600\:text-\[10px\]{font-size:10px}.custom600\:text-\[8px\]{font-size:8px}}@media (max-width:500px){.custom500\:mx-1{margin-left:.25rem;margin-right:.25rem}.custom500\:mx-4{margin-left:1rem;margin-right:1rem}.custom500\:hidden{display:none}.custom500\:text-\[10px\]{font-size:10px}}@media (max-width:1024px){.custom1024\:w-\[55vw\]{width:55vw}.custom1024\:w-\[60vw\]{width:60vw}.custom1024\:text-\[12px\]{font-size:12px}.custom1024\:text-\[13px\]{font-size:13px}.custom1024\:text-\[8px\]{font-size:8px}.custom1024\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (max-width:767px){.custom766\:w-\[70vw\]{width:70vw}.custom766\:w-\[80vw\]{width:80vw}}@media (max-width:480px){.custom480\:mb-4{margin-bottom:1rem}.custom480\:w-\[85vw\]{width:85vw}.custom480\:p-4{padding:1rem}.custom480\:px-4{padding-left:1rem;padding-right:1rem}}@media (max-width:456px){.custom456\:mx-2{margin-left:.5rem;margin-right:.5rem}}
/*# sourceMappingURL=main.0aaff5a1.css.map*/