@import url(https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap);body{margin:0;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#081229}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Open Sans",sans-serif}body,html{height:100%}html{scroll-behavior:smooth;transition:all .2s linear}body::-webkit-scrollbar{display:none}section{padding:1.5rem 2%}:root{--blue-100:#707ac2;--blue-200:#4d58b3;--blue-300:#2e356b;--blue-350:#262c59;--blue-400:#181c39;--blue-500:#0e1020;--black-1:#fff;--black-2:#ededed;--black-3:#ccc;--black-4:#b3b3b3;--black-5:#666;--black-6:#4d4d4d;--black-7:#2e2e2e;--black-8:#141414;--modal-color:hsla(0,0%,70%,0.03);--brand-color:#fbacc9;--bg-color:#08132b;--spacing-1x:1px;--spacing-2x:2px;--spacing-3x:3px;--spacing-4x:4px;--spacing-5x:5px;--spacing-6x:5px;--spacing-7x:7px;--spacing-8x:8px;--spacing-10x:10px;--spacing-0-5:0.5rem;--spacing-0-2:0.2rem;--spacing-0-8:0.8rem;--spacing-1:1rem;--spacing-1-2:1.2rem;--spacing-1-3:1.3rem;--spacing-1-5:1.5rem;--spacing-2:2rem;--spacing-2-5:2.5rem;--spacing-3:3rem;--spacing-4:4rem;--spacing-5:5rem;--z-index-2:2;--z-index-3:3}.bottom-gutter-xs{margin-bottom:6px}.bottom-gutter-sm{margin-bottom:1rem}.bottom-gutter-md{margin-bottom:2rem}.bottom-gutter-lg{margin-bottom:3rem}.bottom-gutter-xl{margin-bottom:5rem}.top-gutter-sm{margin-top:1rem}.top-gutter-lg{margin-top:3rem}.top-gutter-md{margin-top:2rem}.right-gutter-sm{margin-right:10px}.top-gutter-xl{margin-top:5rem}.ml-1{margin-left:1rem}.ml-2{margin-left:2rem}.ml-3{margin-left:3rem}.mr-1{margin-right:1rem}.mr-2{margin-right:2rem}.mr-3{margin-right:3rem}.flex-row{flex-direction:row}.flex-col{flex-direction:column}a{text-decoration:none}.flex-container{display:flex;align-items:center;justify-content:center}.heading-1{padding-bottom:1.5rem;padding-bottom:var(--spacing-1-5);font-size:2rem;font-family:"Playfair Display",serif;letter-spacing:1px}.heading-1,.heading-3{position:relative;color:var(--text-primary-color)}.heading-3{padding-bottom:1.3rem;padding-bottom:var(--spacing-1-3);font-size:2.8rem}hr{border:var(--spacing-1x) solid var(--light-color)}.highlight-text{color:#fbacc9;color:var(--brand-color)}.center-text{text-align:center}.left-text{text-align:start}.small-text{font-size:1.5rem;letter-spacing:2px}.shadow-box{box-shadow:2px 2px 2px rgba(90,118,253,.5);box-shadow:var(--spacing-2x) var(--spacing-2x) var(--spacing-2x) rgba(90,118,253,.5)}.auto-margin{margin-left:auto}.img-responsive{width:100%;height:100%;object-fit:cover}.flex{display:flex}.flex-center{align-items:center;justify-content:center}@media (max-width:768px){header .left_area h1{font-size:2rem}header .search-form{width:100%;display:none}}*,:after,:before{margin:0;padding:0;box-sizing:border-box;outline:none;border:none;-webkit-tap-highlight-color:transparent}.App{color:var(--black-1);font-family:"Open Sans",sans-serif}header{position:-webkit-sticky;position:sticky;background-color:var(--blue-400);display:flex;padding:var(--spacing-2-5) var(--spacing-2);align-items:center;width:100%;height:2rem;z-index:5;top:0;left:0;right:0;justify-content:space-between}.hamburger-icon{font-size:1.4rem;color:var(--black-1);display:none}.left_area{display:flex;grid-gap:var(--spacing-10x);gap:var(--spacing-10x);align-items:center}.left_area h1{font-size:2.5rem;font-weight:600;font-family:"Alex Brush",cursive;color:var(--brand-color);letter-spacing:5px;line-height:2rem}.search-form{width:45%;height:2.5rem;background-color:var(--black-1);border-radius:var(--spacing-5);overflow:hidden;display:flex;align-items:center;border:1px solid var(--blue-100)}.search-form input{height:100%;width:100%;font-size:1.1rem;color:var(--black-8);padding:0 var(--spacing-1-5);flex-wrap:wrap}.search-form label{font-size:1.2rem;padding-right:var(--spacing-1-5);color:var(--brand-color);cursor:pointer}.category__filters{height:4.5rem;border-top:var(--spacing-1x) solid var(--blue-300);border-bottom:var(--spacing-1x) solid var(--blue-300);padding:0 var(--spacing-2);display:flex;align-items:center;overflow-x:auto;overflow-y:hidden}.category__filters::-webkit-scrollbar{display:none}.filter-options{flex:0 0 auto;padding:var(--spacing-10x) var(--spacing-1);border-radius:5rem;background:var(--blue-400);text-transform:capitalize;margin-right:var(--spacing-10x);color:var(--black-1);font-size:1rem;cursor:pointer;font-family:"Raleway",sans-serif}.filter-options:hover{background-color:var(--blue-350);transition:all .5s ease}.filter-options.active{color:var(--black-7);background:var(--black-2);font-weight:600}.video-card{width:18rem;height:18rem;cursor:pointer;position:relative}.img-container{width:100%;height:10rem}.img-container:hover .play-button{display:block}.clip:hover{opacity:.5}.video-desc{padding:var(--spacing-5x);display:flex;grid-gap:4px;gap:4px}.video-title{font-family:"Raleway",sans-serif;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.created-by{font-size:1rem;color:var(--black-4)}.video-detail{display:flex;justify-content:space-between}.video-detail span{font-size:1rem;font-family:"Ubuntu",sans-serif}.play-button{position:absolute;top:30%;left:50%;font-size:2.5rem;color:var(--black-1);display:none}.video-duration{position:absolute;top:45%;right:var(--spacing-10x);background-color:var(--black-7);padding:var(--spacing-5x) 7px;border-radius:var(--spacing-5x);opacity:.8}.watch_playlistoption{position:relative;width:2.2rem;height:2.2rem;background-color:transparent;border-radius:50%;transition:all .5s ease-in}.watch_playlistoption:focus,.watch_playlistoption:hover{background-color:var(--blue-300);opacity:.9;transition:all .5s ease-out}.option-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;background-color:var(--blue-400);border-radius:var(--spacing-5x);z-index:2;right:1rem}.option-container,.option-container span{padding:var(--spacing-10x)}.option-container span:hover{background-color:var(--blue-350)}.option-container.active{display:flex}.popup{font-size:1.1rem;min-width:250px;min-height:auto;background-color:var(--blue-400);position:relative;border:none;font-family:"Raleway",sans-serif}.playlist__header{display:flex;justify-content:space-between;align-items:center}.playlist__modal__content{padding:0 var(--spacing-1)}.filter-block{display:flex;width:100%;align-items:center;flex-direction:row;grid-gap:1rem;gap:1rem;padding:8px 0}.category_filterbox input[type=checkbox]{-webkit-appearance:none;appearance:none;content:"\2714";width:.9rem;height:.9rem;background:#f5f5f5;border-radius:1px;cursor:pointer;display:flex;align-items:center;justify-content:center}.category_filterbox input[type=checkbox]:after{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.6rem;color:var(--blue-500);display:none;transition:all .2s ease}.category_filterbox input[type=checkbox]:checked,.category_filterbox input[type=checkbox]:hover{background:var(--black-1)}.category_filterbox input[type=checkbox]:checked:after{display:block;-webkit-transform:scale(1);transform:scale(1)}.category_filterbox input[type=checkbox]{-webkit-transform:scale(1.2)}.category_filterbox label{font-size:.95rem}.create-btn,.modal-footer-btn{display:flex}.create-btn{align-items:center;font-size:1rem}.create-btn span{cursor:pointer}.playlist-input-field{width:100%;padding:10px 0;margin:6px 0 1rem;border:0;border-bottom:1px solid var(--black-4);outline:none;background:transparent;color:var(--black-3);display:none;transition:all .5s ease-in}.playlist-input-active{display:block;transition:all .5s ease-out}.modal-active{background-color:var(--modal-color)}.navigation_panel{width:17rem;padding:var(--spacing-2) 0;background-color:var(--blue-400);position:fixed;height:100%;z-index:3}.nav-lists{margin-top:1rem;width:100%;display:flex;flex-direction:column}.nav-lists .nav-links{margin:var(--spacing-10x) 0;padding:var(--spacing-1);width:100%;display:flex}.icon-size{font-size:1.4rem;color:var(--black-1);margin-right:var(--spacing-1-5)}.links_name{color:var(--black-1);font-size:1.2rem;font-weight:400;white-space:nowrap}.nav-lists .nav-links:hover{background-color:var(--blue-350);transition:all .5s ease}@media (max-width:594px){.navigation_panel{width:100%;height:4rem;top:auto;bottom:0;padding:0;display:flex;align-items:center;overflow:scroll}.nav-lists{flex-direction:row;margin-bottom:1rem}.links_name{display:none}}.video-horizontal-card{display:flex;align-items:center;justify-content:space-between;padding:7px}.horizontal-img{width:5rem;height:5rem}.title-width{max-width:70%}.home-section{display:flex;background-image:linear-gradient(180deg,rgba(112,122,194,.5) 0,hsla(0,0%,70.2%,.8)),url(/static/media/banner.28a8274b.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative;min-height:100vh;min-width:100vw;background-attachment:fixed;align-items:center;justify-content:center}.home-section,.home-text{padding:var(--spacing-2) var(--spacing-1)}.home-text{font-family:"Ubuntu",sans-serif}.home-text h4{font-family:inherit;color:var(--black-1)}.highlight-header{color:var(--brand-color)}.home-btn-container{display:flex;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin:auto;align-items:center;justify-content:space-between;padding:2rem 1rem;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.login-link{width:7rem;color:var(--black-7)}.explore{display:flex;flex-direction:row;position:relative;overflow:hidden;margin-left:17rem}.videolist_panel{width:100%;padding-bottom:var(--spacing-3)}.videolist_panel::-webkit-scrollbar{display:none}section{padding:var(--spacing-1-5) 2%}.category-video-container-explore{display:flex;grid-gap:var(--spacing-1-5);gap:var(--spacing-1-5);justify-content:center;flex-wrap:wrap}.filter-section{display:flex;flex-wrap:wrap}.filter-section select{width:30%;border-radius:4px;border:1px solid var(--blue-300)}.filter-section select,.search-box{font-size:1rem;background-color:var(--blue-400);color:#fff;padding:10px}.search-box{margin-left:auto;width:27%;border-bottom:2px solid var(--brand-color)}.loader{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (max-width:594px){.explore{margin-left:0}.search-box{margin-top:1.5rem;width:100%}.filter-section select{width:100%}}.auth__container{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.auth{display:flex;justify-content:center}.auth-form{width:30rem;padding:var(--spacing-2);background-color:var(--blue-400);border:1px solid var(--blue-200);display:flex;align-items:center}.auth-form h4{font-size:2rem;font-family:"Ubuntu",sans-serif}.auth-form .input-box{width:100%;background-color:var(--bg-color);padding:var(--spacing-0-8);margin:var(--spacing-1) 0;border-radius:var(--spacing-0-5);font-size:1.1rem;border-bottom:2px solid var(--brand-color);color:var(--black-2)}.btn-md{width:85%;font-weight:600}.btn-color{background:linear-gradient(90deg,#ff7aa8,#516391);color:var(--black-1)}.new-account{display:flex;grid-gap:1rem;gap:1rem}.signup-link{color:var(--black-3);padding-bottom:5px;border-radius:2px;border-bottom:1px solid var(--blue-100);font-family:"Ubuntu",sans-serif;font-size:1.1rem}.btn-outline-primary{border:none}.btn-outline-primary:hover{background:linear-gradient(90deg,#ff7aa8,#516391)}.category-video{margin-left:17rem}.category-video-container{display:flex;grid-gap:var(--spacing-2);gap:var(--spacing-2);justify-content:center;flex-wrap:wrap}.clr-btn{display:flex;justify-content:flex-end}@media (max-width:594px){.category-video{margin-left:0}}.video-page{display:grid;grid-template-columns:1fr 23rem;grid-gap:var(--spacing-2);height:100%;padding:var(--spacing-1);margin-left:17rem}.single_video_container{display:flex;flex-direction:column;overflow-y:auto}iframe{height:calc(75vh - 72px)}.footer-title{font-family:"Raleway",sans-serif;font-size:1.3rem}.btn-right,.footer-btn{display:flex}.btn-right{grid-gap:1rem;gap:1rem;padding:10px}.flex-container span{font-size:.9rem}.notes_container{background-color:var(--blue-400);height:calc(75vh - 72px);padding:var(--spacing-1);overflow:scroll}.notes_container::-webkit-scrollbar{display:none}.notes_container button,.notes_container textarea{background-color:var(--blue-350);color:var(--black-1)}.notes_container button{padding:10px;border-radius:2px}hr{height:.2px;background-color:var(--blue-300);border:none;margin:12px 0}.footer-desc{font-size:1rem;color:var(--black-2);line-height:1.4rem}.video-icon:hover{color:var(--brand-color)}.single_note{display:flex;justify-content:space-between;background-color:var(--blue-350);padding:10px;flex-wrap:wrap;margin-bottom:10px}@media (max-width:980px){.video-page{grid-template-columns:1fr}}@media (max-width:594px){.video-page{margin-left:0}}.playlistcard{width:18rem;max-height:18rem;cursor:pointer;position:relative;background-color:var(--blue-350);border-radius:5px;box-shadow:var(--spacing-3x) var(--spacing-3x) var(--spacing-3x)rgba(46,53,107,.5)}.trans-drawer{height:10rem;width:43%;position:absolute;background-color:var(--black-6);top:0;right:0;opacity:.9}.trans-drawer span{font-size:1.2rem}.playlist-desc{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-10x) var(--spacing-1)}.trans-drawer .video-text{font-size:1rem}.playlistvideo-container{display:flex;flex-direction:column;height:90vh;position:relative;overflow:hidden}.videolist_wrap::-webkit-scrollbar{display:none}.video_img_wrap,.videoimg_list_wrap,.videolist_wrap{overflow-y:auto}.videoimg_list_wrap{flex:1 1;display:flex;flex-wrap:wrap}.video_img_wrap{flex-basis:32rem;padding:var(--spacing-3) var(--spacing-2)}.videolist_wrap{flex:1 1;height:100%;padding:var(--spacing-3) var(--spacing-1-5) var(--spacing-1-5) 0}.playlistimg-container{width:100%;height:15rem}.empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh}.empty-text{text-align:center}.empty-img{width:10rem;height:10rem}.image-resp{width:100%;height:100%;object-fit:contain}.empty-text span{font-size:1.3rem;font-weight:500;color:var(--highlight-text-color)}.error-page{display:flex;align-items:center;justify-content:center}.error-img{width:25rem;height:25rem}
/*# sourceMappingURL=main.7a7bf8e7.chunk.css.map */