body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--COLOR-BACKGROUND:#fff;--COLOR-BACKGROUND-LIGHTER:#e7e2f3;--COLOR-PRIMARY:#4a3794;--COLOR-DEFAULT-TEXT:#000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--COLOR-BACKGROUND)}.App{grid-gap:10px;color:#000;color:var(--COLOR-DEFAULT-TEXT);display:grid;grid-template-areas:"nav nav nav nav" "aside main main main" "... main main main "}.navbar{align-items:center;border-bottom:3px solid #e7e2f3;border-bottom:3px solid var(--COLOR-BACKGROUND-LIGHTER);color:#4a3794;color:var(--COLOR-PRIMARY);display:flex;flex-wrap:wrap;grid-area:nav;justify-content:space-between;max-height:30rem;width:99%}.aside{background-color:#fff;background-color:var(--COLOR-BACKGROUND);border-right:2px solid #e7e2f3;border-right:2px solid var(--COLOR-BACKGROUND-LIGHTER);grid-area:aside;height:80vh;min-height:50vh;width:20vw}.active{border-bottom:2px solid #e7e2f3;border-bottom:2px solid var(--COLOR-BACKGROUND-LIGHTER);color:#4a3794;color:var(--COLOR-PRIMARY)}.main{grid-area:main;width:70vw}.eye{cursor:pointer;position:fixed;top:18.1rem}.pass{top:24rem}.bottom-nav{display:none}@media only screen and (max-width:768px){.App{grid-template-areas:"nav" "main" "bottomNav"}.aside{display:block;font-size:2rem;min-height:100vh;position:fixed;top:13vh;transition:all .5s linear;width:50%;z-index:3}.main{text-align:center;width:100vw}.bottom-nav{display:block;grid-area:bottomNav}}.navbar_nav__N6fO2{padding:1rem}.navbar_logowrapper__fFwH9{cursor:pointer;margin:1rem}.navbar_navheading__4qoIr{display:inline-block;font-size:2.5rem}.navbar_loginIcon__TVdPn{color:var(--COLOR-PRIMARY);cursor:pointer;margin:1rem 2rem}.navbar_searchBoxWrapper__WOqUj{position:relative}.navbar_searchBox__hhuQm{background-color:initial;border:1px solid var(--COLOR-DEFAULT-TEXT);border-radius:1.2rem;color:var(--COLOR-DEFAULT-TEXT);font-size:1.2rem;padding:.5rem 1rem;width:35rem}.navbar_searchBox__hhuQm:focus{border:1px solid var(--COLOR-PRIMARY);outline:1px solid var(--COLOR-PRIMARY)}.navbar_searchBoxWrapper__WOqUj>i{color:var(--COLOR-PRIMARY);position:absolute;right:.5rem;top:.7rem}@media only screen and (max-width:768px){.navbar_logowrapper__fFwH9{font-size:xx-large;margin:0 1rem 0 0}.navbar_searchBoxWrapper__WOqUj{margin:.2rem .5rem;order:10}.navbar_searchBox__hhuQm{width:97vw}}.aside_asideUl__aS\+K7{font-size:1.5rem;font-weight:600}.aside_asideLink__jiQbZ{color:var(COLOR-DEFAULT-TEXT);cursor:pointer;display:flex;justify-content:flex-start;padding:1rem}.aside_asideLink__jiQbZ:hover{background-color:var(--COLOR-BACKGROUND-LIGHTER);color:var(--COLOR-PRIMARY)}.aside_navLinkName__5JxmM{margin-left:1rem}.category_categoryWrapper__FSsm\+{align-items:flex-start;display:block;display:flex;height:10vh;justify-content:space-around;margin:1rem 0 0 2rem;width:35vw}.category_category__evSFg{background-color:var(--COLOR-BACKGROUND-LIGHTER);border-radius:10px;cursor:pointer;display:inline-block;padding:.5rem 1rem;white-space:nowrap}.category_category__evSFg:hover{color:var(--COLOR-PRIMARY)}.category_hiddenInput__IyOhl{visibility:hidden}.category_hiddenInput__IyOhl:checked+.category_category__evSFg{color:var(--COLOR-PRIMARY)}@media only screen and (max-width:768px){.category_categoryWrapper__FSsm\+{margin:1rem .2rem;overflow-x:scroll;width:100vw}}.snackbar{border-radius:2px;border-radius:8px;color:#fff;font-size:17px;margin-left:-125px;min-width:220px;padding:5px;position:fixed;right:2%;text-align:center;top:80px;z-index:10}.show{visibility:visible}.hide{visibility:hidden}.liked_cardContainer__NPZtj{display:flex;flex-wrap:wrap;margin-left:2rem;width:75vw}.liked_videoCard__-wNV\+{border:1px solid var(--COLOR-BACKGROUND-LIGHTER);cursor:pointer;height:15rem;margin:4rem 1rem .5rem;position:relative;width:17rem}.liked_image__1C-Bb{height:60%;width:100%}.liked_image__1C-Bb:hover{opacity:.6}.liked_videoDetail__IAuzE{align-items:center;display:flex;height:40%;justify-content:flex-start}.liked_videoThumbnail__8zPxd{border-radius:50%;display:inline-block;height:2rem;margin:0 .8rem;width:2rem}.liked_videoTitle__I3wzJ{font-size:medium;text-align:flex-start}.liked_views__netZy{display:block;font-size:.7rem}.liked_videoDetailWrapper__mlWLh{display:flex;justify-content:space-between}.liked_iconWrapper__nTgYu>div{margin-right:.4rem;margin-top:.2rem;padding:.7rem .9rem}.liked_iconWrapper__nTgYu>div:hover{background-color:var(--COLOR-BACKGROUND-LIGHTER);border-radius:50%}.liked_toggleMenu__mZy4B{background-color:var(--COLOR-BACKGROUND-LIGHTER);display:flex;flex-direction:column;left:6rem;margin-top:-1rem;position:absolute}.liked_toggleMenu__mZy4B>button{background:none;border:none;color:#fff;cursor:pointer;margin:.2rem;padding:.5rem}.liked_toggleMenu__mZy4B>button:hover{background-color:var(--COLOR-BACKGROUND);color:var(--COLOR-PRIMARY)}.liked_toggleMenu__mZy4B>button:disabled{cursor:not-allowed}.liked_emptyLikeContainer__fE9Z3{text-align:center;width:75vw}.liked_emptyLikeContainer__fE9Z3>*{padding:1rem 0}.liked_exploreBtn__rVzVb{background-color:var(--COLOR-BACKGROUND);border:2px solid var(--COLOR-PRIMARY);color:var(--COLOR-PRIMARY);cursor:pointer;display:inline-block;font-size:1rem;margin:2rem 0 0;padding:.8rem 3rem;text-decoration:none}.liked_exploreBtn__rVzVb:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}@media only screen and (max-width:768px){.liked_cardContainer__NPZtj,.liked_emptyLikeContainer__fE9Z3{margin-left:0;width:100vw}.liked_cardContainer__NPZtj{justify-content:center}}.modal_modalWrapper__ojlnk{background-color:var(--COLOR-BACKGROUND-LIGHTER);border-radius:20px;color:#fff;left:50%;max-height:17rem;min-width:20rem;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}.modal_modalHead__dhmiF{display:flex;justify-content:space-between;padding:1rem}.modal_btnWrappper__tiRcs{bottom:0;left:2.5rem;position:fixed}.modal_createPlaylistBtn__2Nf1f{background-color:var(--COLOR-PRIMARY);border:none;border-radius:10px;color:#fff;cursor:pointer;margin:.8rem 0;padding:.4rem 4rem}.modal_createPlaylistBtn__2Nf1f:disabled,.modal_selectInputWrapper__W9CXx>input:disabled{cursor:not-allowed}.modal_inputWrapper__rqc56{height:6rem;margin:.5rem 0;padding:1rem;text-align:center}.modal_inputWrapper__rqc56>label,.modal_selectInputWrapper__W9CXx>input{margin-right:1rem}.modal_inputWrapper__rqc56>input{padding:.4rem 1rem}.modal_selectInputWrapper__W9CXx{font-size:large;text-align:center}.loader_loader__M-FUL{-webkit-animation:loader_spin__u99fp 2s linear infinite;animation:loader_spin__u99fp 2s linear infinite;border-radius:50%;border-top:10px solid var(--COLOR-DEFAULT-TEXT);border:10px solid var(--COLOR-DEFAULT-TEXT);border-top-color:var(--COLOR-PRIMARY);height:100px;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px}@-webkit-keyframes loader_spin__u99fp{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes loader_spin__u99fp{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:768px){.loader_loader__M-FUL{border-top:5px solid var(--COLOR-DEFAULT-TEXT);border:5px solid var(--COLOR-DEFAULT-TEXT);border-top-color:var(--COLOR-PRIMARY);height:50px;width:50px}}.bottomNav_bottomNavWrapper__jB50f{background-color:#000;bottom:0;display:flex;justify-content:space-around;padding:.3rem 0;position:fixed;width:100vw}.bottomNav_bottomNavWrapper__jB50f>li{list-style:none}.home_cardContainer__8hzE1{display:flex;flex-wrap:wrap;margin-left:2rem}.home_videoCardLink__sHwL2{color:var(--DEFAULT-TEXT-COLOR);text-decoration:none}.home_videoCard__B\+QVO{border:1px solid var(--COLOR-BACKGROUND-LIGHTER);cursor:pointer;height:14rem;margin:.5rem 1rem;width:17rem}.home_image__-Bl3M{height:70%;width:inherit}.home_image__-Bl3M:hover{opacity:.6}.home_videoDetail__200mz{align-items:center;display:flex;height:30%;justify-content:flex-start}.home_videoThumbnail__F3HUx{border-radius:50%;display:inline-block;height:2rem;margin:0 .8rem;width:2rem}.home_videoTitle__QiAgB{font-size:medium;text-align:flex-start}.home_views__PZ-N2{display:block;font-size:.7rem}@media only screen and (max-width:768px){.home_cardContainer__8hzE1,.home_videoCardLink__sHwL2{justify-content:center;margin-left:0}}.playlist_emptyPlaylistContainer__xZGjZ{text-align:center;width:75vw}.playlist_emptyPlaylistContainer__xZGjZ>*{padding:1rem 0}.playlist_exploreBtn__b0gu1{background-color:var(--COLOR-BACKGROUND);border:2px solid var(--COLOR-PRIMARY);color:var(--COLOR-PRIMARY);cursor:pointer;display:inline-block;font-size:1rem;margin:2rem 0 0;padding:.8rem 3rem;text-decoration:none}.playlist_exploreBtn__b0gu1:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.playlist_links__zKe7v{color:#fff;text-decoration:none}.playlist_playlistContainer__nKYAE{display:flex;flex-wrap:wrap;width:75vw}.playlist_leftPane__D59Ay{width:25vw}.playlist_rightPane__555rm{display:flex;flex-wrap:wrap;justify-content:center;width:50vw}.playlist_playlistCards__zTAIf{background-color:var(--COLOR-PRIMARY);border-radius:20px;height:5rem;justify-content:space-between;margin:1rem 0;padding:1rem;position:relative}.playlist_playlistCards__zTAIf,.playlist_showPlaylistnum__r8-xR{align-items:center;display:flex}.playlist_showPlaylistnum__r8-xR{background-color:var(--COLOR-BACKGROUND);height:inherit;opacity:.5;position:absolute;right:0;top:0;width:50%}.playlist_delPlaylistBtn__7d\+JX{background-color:initial;border:none;color:var(--COLOR-DEFAULT-TEXT);cursor:pointer;z-index:3}.playlist_delPlaylistBtn__7d\+JX :disabled{cursor:not-allowed}@media only screen and (max-width:768px){.playlist_emptyPlaylistContainer__xZGjZ,.playlist_playlistContainer__nKYAE{width:100vw}.playlist_playlistContainer__nKYAE{align-items:center;flex-direction:column-reverse}.playlist_rightPane__555rm{width:100vw}.playlist_leftPane__D59Ay{text-align:center;width:50vw}.playlist_playlistCards__zTAIf{margin:1rem auto}}.history_emptyHistoryContainer__pDlP2{text-align:center;width:75vw}.history_emptyHistoryContainer__pDlP2>*{padding:1rem 0}.history_exploreBtn__Mhtt7{background-color:var(--COLOR-BACKGROUND);border:2px solid var(--COLOR-PRIMARY);color:var(--COLOR-PRIMARY);cursor:pointer;display:inline-block;font-size:1rem;margin:2rem 0 0;padding:.8rem 3rem;text-decoration:none}.history_exploreBtn__Mhtt7:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.history_historyContainer__gtLt4{display:flex;flex-wrap:wrap;justify-content:center;position:relative;width:75vw}.history_clearAllBtn__zkvp\+{background-color:var(--COLOR-BACKGROUND-LIGHTER);border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1rem;position:absolute;right:10px;top:10px}.history_clearAllBtn__zkvp\+:hover{color:var(--COLOR-PRIMARY);-webkit-transform:scale(1.02,1.03);transform:scale(1.02,1.03)}.history_card__ZkaBa{background-color:var(--COLOR-BACKGROUND-LIGHTER);height:270px;margin:4rem 1rem 1rem;width:20rem}.history_card__ZkaBa>img{width:inherit}@media only screen and (max-width:768px){.history_emptyHistoryContainer__pDlP2,.history_historyContainer__gtLt4{width:100vw}}.video_videoContainer__C34Fq{display:flex;flex-direction:column;padding-top:2rem}.video_iframeWrapper__KSy0f{text-align:center}.video_iframe__qli1r{height:28rem;width:50rem}.video_videoDescription__EGQcW,.video_videoPageName__-zsbN{padding:1rem 2rem}.video_videoBtnWrapper__lF56M{display:flex;justify-content:flex-end;margin-right:2rem}.video_videoActionBtn__kIjt5{background-color:initial;border:none;color:var(--COLOR-DEFAULT-TEXT);cursor:pointer;display:flex;flex-direction:column;padding:.5rem}.video_videoActionBtn__kIjt5:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.video_videoActionBtn__kIjt5:disabled{cursor:not-allowed}@media only screen and (max-width:768px){.video_iframe__qli1r{width:100vw}}.form_formWrapper__f4yc1{text-align:center}.form_formWrapper__f4yc1>h2{white-space:nowrap}.form_formContainer__pGd\+g{align-items:center;border:2px solid var(--COLOR-BACKGROUND-LIGHTER);display:flex;flex-direction:column;justify-content:center;margin:2.6rem 0;padding:1rem 0}.form_formContainer__pGd\+g>input,.form_passInputWrapper__oTR\+1>input{background-color:var(--COLOR-BACKGROUND-LIGHTER);border:none;border-radius:1.2rem;color:var(--COLOR-PRIMARY);font-weight:600;margin:.5rem 0;padding:.5rem 1rem;width:30vw}.form_submitBtn__w\+WwZ{background-color:var(--COLOR-BACKGROUND);border:2px solid var(--COLOR-PRIMARY);color:var(--COLOR-PRIMARY);cursor:pointer;font-size:1rem;margin:1.5rem 0 0;padding:.4rem 3rem}.form_submitBtn__w\+WwZ:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.form_linkWrapper__s36TF{margin:1rem 0}.form_passInputWrapper__oTR\+1,.form_passInput__Kj52G{position:relative}@media only screen and (max-width:768px){.form_formWrapper__f4yc1{align-items:center;display:flex;flex-direction:column;justify-content:center}}.profile_profileWrapper__6TTfb{display:flex;height:9rem;justify-content:center;margin:10rem 0 0;text-align:center}.profile_leftPane__1qq7x{border-right:2px solid var(--COLOR-BACKGROUND-LIGHTER)}.profile_rightPane__p7sU8{text-align:start;width:30rem}.profile_listWrapper__aZpuc{font-size:1.4rem;list-style:none}.profile_listWrapper__aZpuc>li{cursor:pointer;padding:1rem;text-decoration:none}.profile_userDetail__96ln-{border-bottom:2px solid var(--COLOR-BACKGROUND-LIGHTER)}.profile_rightPane__p7sU8>h3{padding:1rem}.profile_rightPane__p7sU8>button{background-color:var(--COLOR-BACKGROUND-LIGHTER);border:2px solid var(--COLOR-PRIMARY);color:var(--COLOR-PRIMARY);cursor:pointer;margin:1rem 0 0 2rem;padding:.5rem 3rem}.profile_emailRow__761zT{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:1rem;padding-left:1rem}.pagenotfound_notFoundContainer__V6O1u{margin-top:4rem;text-align:center;width:75vw}.pagenotfound_notFoundContainer__V6O1u>p{font-size:4rem;margin-bottom:2rem}.pagenotfound_toHomeBtn__rWmnd{color:var(--COLOR-PRIMARY);font-size:2rem}@media only screen and (max-width:768px){.pagenotfound_notFoundContainer__V6O1u{width:100vw}}
/*# sourceMappingURL=main.990ac3e0.css.map*/