@import url(https://jodd-component-css.netlify.app/main.css);@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400&display=swap);:root{--COLOR-BACKGROUND:#171717;--COLOR-PRIMARY:#f2f2f2;--Z-INDEX-10:10;--Z-INDEX-20:20;--COLOR-CARD-BACKGROUND:#1c1c22;--COLOR-CARD-FOOTER:#9ca3af;--COLOR-BTN-BACKGROUND:#1f2937;--COLOR-LIKED:#dc2626;--COLOR-MODAL-BACKGROUND:#1f2937}body{background-color:#171717;background-color:var(--COLOR-BACKGROUND)}a,body{color:#f2f2f2;color:var(--COLOR-PRIMARY)}.App{display:flex;flex-direction:column;height:100vh}.main-container{display:flex;flex-grow:1}.content{position:relative;width:100%;z-index:var(--Z-INDEX-10)}.loader{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.emptyCard-container{padding:4.5rem 4.5rem 3rem;flex-direction:column;grid-gap:4rem;gap:4rem}.emptyCard-container,.videos-length{display:flex;justify-content:center;align-items:center}.videos-length{padding-top:4.5rem}@media only screen and (max-width:768px) and (min-width:500px){.content{width:calc(100% - 20rem)}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--Z-INDEX-20);width:100%}.navigation{padding:1rem 2rem;align-items:center;background-color:var(--COLOR-BACKGROUND)}.brand-text{font-family:"Merienda One",cursive}.text-badge{top:-1.2rem;left:1.2rem;width:2rem;height:2rem;border:2px solid var(--BACKGROUND-COLOR)}.hamburger{background:transparent;color:var(--SECONDARY-COLOR)}.hamburger:hover{background-color:transparent}.logout{cursor:pointer}.login{display:flex;flex-direction:column;align-items:center}.nav-link{color:var(--COLOR-PRIMARY)}.login>p{font-weight:500;font-size:1.5rem}.search{flex-basis:50rem;position:relative}.search-icon,.search-icon-responsive{position:absolute;top:10px;right:10px;font-size:2rem;color:var(--SECONDARY-COLOR);cursor:pointer}.search-responsive{margin:0 2px;display:none;position:relative}@media only screen and (max-width:768px){.nav-section>*{margin-right:5px}}@media only screen and (max-width:500px){.search{display:none}.search-responsive{display:block}}ul{list-style:none}.sidebar{padding:5rem 2rem 2rem;width:30rem;background-color:var(--COLOR-CARD-BACKGROUND);min-height:calc(100vh - 7rem)}.sidebar-list{position:-webkit-sticky;position:sticky;top:9rem;left:0}.sidebar-item{display:flex;align-items:center;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;margin-bottom:3rem;padding:1rem;border-radius:5px;cursor:pointer;color:var(--COLOR-PRIMARY)}.active{background-color:var(--SECONDARY-COLOR);color:var(--BACKGROUND-COLOR)}.sidebar-item:hover{color:var(--SECONDARY-COLOR)}.active:hover{color:var(--BACKGROUND-COLOR)}@media only screen and (max-width:768px){.sidebar{width:20rem}}@media only screen and (max-width:500px){.sidebar-responsive-hide{display:none}.sidebar-responsive-show{display:flex;position:fixed;top:7rem;left:0;z-index:var(--Z-INDEX-20)}}.videoCard_cardContainer__2BiYS{max-width:30rem;position:relative;transition:all .3s ease-in-out}.videoCard_card__2DR28{min-height:29rem;height:30rem;background-color:var(--COLOR-CARD-BACKGROUND);border:0;border-radius:1rem;overflow:hidden;cursor:pointer;justify-content:space-between}.videoCard_cardImage__16gqd{height:18rem;object-position:top center}.videoCard_length__2-KQ0{position:absolute;top:52%;right:5px;background-color:var(--COLOR-BACKGROUND);padding:3px;opacity:.6;font-size:1.1rem;border-radius:5px}.videoCard_cardBody__3jTe5{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:0 .5rem;position:relative;width:95%}.videoCard_cardFooter__x_vH6{grid-gap:3px;gap:3px}.videoCard_cardFooter__x_vH6,.videoCard_videoDetails__2-30s{display:flex;align-items:center;padding:0 5.5rem;color:var(--COLOR-CARD-FOOTER);font-size:1.2rem}.videoCard_videoDetails__2-30s{grid-gap:5px;gap:5px;margin-bottom:1rem}.videoCard_dotSeparator__2nzK8{background-color:var(--COLOR-CARD-FOOTER);width:4px;height:4px;border-radius:50%}.videoCard_moreOption__2mxpf{font-size:2rem;position:absolute;bottom:25%;right:2px;cursor:pointer}.videoCard_moreOptionsContainer__32mLB{position:absolute;bottom:-4.5rem;right:.5rem;z-index:var(--Z-INDEX-10);width:23rem;border-radius:5px;background-color:var(--COLOR-BACKGROUND)}.videoCard_moreOptionsListItem__2ooXe{display:flex;align-items:center;font-size:1.6rem;cursor:pointer;padding:1rem;border-bottom:1px solid var(--SECONDARY-COLOR)}.videoCard_moreOptionsListItem__2ooXe:last-child{border-bottom:none}.videoCard_moreOptionsContainer__32mLB li>span{margin-left:10px}.videoCard_liked__3sigr{color:var(--COLOR-LIKED)}.videoCard_card__2DR28:hover{-webkit-transform:translateY(0);transform:translateY(0)}.videoCard_cardContainer__2BiYS:hover{-webkit-transform:scale(1.03);transform:scale(1.03);z-index:var(--Z-INDEX-20)}@media only screen and (max-width:768px){.videoCard_card__2DR28{height:33rem}.videoCard_length__2-KQ0{top:43%}.videoCard_moreOption__2mxpf{bottom:32%}.videoCard_moreOptionsContainer__32mLB{bottom:6%}}@media only screen and (max-width:500px){.videoCard_moreOptionsContainer__32mLB{bottom:12%}}.filters_filters__1NgSU{display:flex;flex-wrap:wrap;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.filters_btn__3i3wT{width:15rem}.filters_btnSecondaryOutline__1Ru9x{background-color:transparent;color:var(--SECONDARY-COLOR);border:1px solid var(--SECONDARY-COLOR)}.filters_sort__2faUh{position:relative}.filters_sortContainer__WgnAv{position:absolute;top:5rem;left:0;z-index:var(--Z-INDEX-10);width:20rem;border-radius:5px;background-color:var(--COLOR-CARD-BACKGROUND);overflow:hidden}.filters_sortListItem__1qPMs{font-size:2rem;cursor:pointer;padding:1rem}.filters_sortListItem__1qPMs:first-child{border-bottom:1px solid var(--SECONDARY-COLOR)}.filters_sortListItem__1qPMs:hover{background-color:var(--SECONDARY-COLOR)}@media only screen and (max-width:768px){.filters_btn__3i3wT{width:10rem}}@media only screen and (max-width:500px){.filters_filters__1NgSU{justify-content:center}.filters_btn__3i3wT{width:10rem}}.form{max-width:45rem;margin:3rem auto;grid-gap:2rem;gap:2rem;border-color:var(--SECONDARY-COLOR);color:var(--COLOR-PRIMARY)}.form,.password-input{width:100%}.visibility-icon{position:relative;top:-2.6rem;left:95%;cursor:pointer;color:var(--COLOR-BACKGROUND)}.form-input{width:100%}.form>div{margin-bottom:0;height:50px}.form>button{width:100%;border-radius:5px;max-width:none}.signIn{display:flex;flex-direction:column}.btn-secondary-outline{background-color:transparent}.underline{border-bottom:1px solid var(--SECONDARY-COLOR)}.underline:hover{color:var(--SECONDARY-COLOR);border-bottom:3px solid var(--SECONDARY-COLOR)}.likedCard_cardContainer__2LcvE{max-width:30rem;position:relative;transition:all .3s ease-in-out}.likedCard_card__kdBbZ{min-height:29rem;background-color:var(--COLOR-CARD-BACKGROUND);border:0;border-radius:1rem;overflow:hidden;cursor:pointer;justify-content:space-between}.likedCard_cardImage__3Rn7T{height:18rem;object-position:top center}.likedCard_length__aIQwv{position:absolute;top:54%;right:5px;background-color:var(--COLOR-BACKGROUND);padding:3px;opacity:.8;font-size:1.1rem;border-radius:5px}.likedCard_cardBody__19PwG{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:0 .5rem;position:relative;width:95%}.likedCard_cardFooter__lcNdW{grid-gap:3px;gap:3px}.likedCard_cardFooter__lcNdW,.likedCard_videoDetails__1VE3z{display:flex;align-items:center;padding:0 5.5rem;color:var(--COLOR-CARD-FOOTER);font-size:1.2rem}.likedCard_videoDetails__1VE3z{grid-gap:5px;gap:5px;margin-bottom:1rem}.likedCard_dotSeparator__I-W6g{background-color:var(--COLOR-CARD-FOOTER);width:4px;height:4px;border-radius:50%}.likedCard_card__kdBbZ:hover{-webkit-transform:translateY(0);transform:translateY(0)}.likedCard_cardContainer__2LcvE:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.likedCard_cta__xfYHV{display:flex;grid-gap:1rem;gap:1rem}.likedCard_trashBtn__oRpKv{position:absolute;bottom:3.5rem;right:1rem;font-size:1.5rem;cursor:pointer}@media only screen and (max-width:768px){.likedCard_card__kdBbZ{max-width:28rem}}.emptyCard_emptyCardImage__maC0Q{height:40rem;width:40rem}@media only screen and (max-width:768px){.emptyCard_emptyCardImage__maC0Q{width:30rem}}@media only screen and (max-width:500px){.emptyCard_emptyCardImage__maC0Q{width:35rem}}.watchLaterCard_cardContainer__2XQtj{max-width:30rem;position:relative;transition:all .3s ease-in-out}.watchLaterCard_card__1r6fV{min-height:29rem;height:30rem;background-color:var(--COLOR-CARD-BACKGROUND);border:0;border-radius:1rem;overflow:hidden;cursor:pointer;justify-content:space-between}.watchLaterCard_cardImage__3AYB7{height:18rem;object-position:top center}.watchLaterCard_length__YO0Re{position:absolute;top:51%;right:5px;background-color:var(--COLOR-BACKGROUND);padding:3px;opacity:.8;font-size:1.1rem;border-radius:5px}.watchLaterCard_cardBody__-ZnTM{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:0 .5rem;position:relative;width:95%}.watchLaterCard_cardFooter__2drpK{grid-gap:3px;gap:3px}.watchLaterCard_cardFooter__2drpK,.watchLaterCard_videoDetails__3oPX_{display:flex;align-items:center;padding:0 5.5rem;color:var(--COLOR-CARD-FOOTER);font-size:1.2rem}.watchLaterCard_videoDetails__3oPX_{grid-gap:5px;gap:5px;margin-bottom:1rem}.watchLaterCard_dotSeparator__oj8oH{background-color:var(--COLOR-CARD-FOOTER);width:4px;height:4px;border-radius:50%}.watchLaterCard_card__1r6fV:hover{-webkit-transform:translateY(0);transform:translateY(0)}.watchLaterCard_cardContainer__2XQtj:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.watchLaterCard_cta__2wIgI{display:flex;grid-gap:1rem;gap:1rem}.watchLaterCard_trashBtn__2ywVh{position:absolute;bottom:3.5rem;right:1rem;font-size:1.5rem;cursor:pointer}@media only screen and (max-width:768px){.watchLaterCard_card__1r6fV{max-width:28rem}.watchLaterCard_trashBtn__2ywVh{bottom:12%}}@media only screen and (max-width:500px){.watchLaterCard_trashBtn__2ywVh{bottom:18%}}.historyCard_cardContainer__1M8u6{max-width:30rem;position:relative;transition:all .3s ease-in-out}.historyCard_card__2WghX{min-height:29rem;height:30rem;background-color:var(--COLOR-CARD-BACKGROUND);border:0;border-radius:1rem;overflow:hidden;cursor:pointer;justify-content:space-between}.historyCard_cardImage__2pory{height:18rem;object-position:top center}.historyCard_length__1fXbG{position:absolute;top:51%;right:5px;background-color:var(--COLOR-BACKGROUND);padding:3px;opacity:.8;font-size:1.1rem;border-radius:5px}.historyCard_cardBody__E2Y98{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:0 .5rem;position:relative;width:95%}.historyCard_cardFooter__3ZlK6{grid-gap:3px;gap:3px}.historyCard_cardFooter__3ZlK6,.historyCard_videoDetails__2ZJ2z{display:flex;align-items:center;padding:0 5.5rem;color:var(--COLOR-CARD-FOOTER);font-size:1.2rem}.historyCard_videoDetails__2ZJ2z{grid-gap:5px;gap:5px;margin-bottom:1rem}.historyCard_dotSeparator__1j43Z{background-color:var(--COLOR-CARD-FOOTER);width:4px;height:4px;border-radius:50%}.historyCard_card__2WghX:hover{-webkit-transform:translateY(0);transform:translateY(0)}.historyCard_cardContainer__1M8u6:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.historyCard_cta__3UtrT{display:flex;grid-gap:1rem;gap:1rem}.historyCard_trashBtn__2RUR6{position:absolute;bottom:3.5rem;right:1rem;font-size:1.5rem;cursor:pointer}@media only screen and (max-width:768px){.historyCard_card__2WghX{max-width:28rem}.historyCard_trashBtn__2RUR6{bottom:12%}}@media only screen and (max-width:500px){.historyCard_trashBtn__2RUR6{bottom:18%}}.playListModal_playListModalContainer__BX-Ua{z-index:var(--Z-INDEX-20);width:100vw;height:100vh;position:fixed;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.playListModal_playListForm__2b9Nk{position:absolute;top:20%;left:40%;width:30rem;background-color:var(--COLOR-MODAL-BACKGROUND);padding:2rem;border-radius:5px;display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.playListModal_textarea__17bqW{height:10rem;resize:none}.playListModal_playListForm__2b9Nk>button:first-of-type{max-width:none;border-radius:5px}.playListModal_modalCloseBtn__2j5GX{position:absolute;top:1.6rem;right:1rem;padding:5px;background-color:transparent;color:var(--COLOR-PRIMARY);cursor:pointer}.playListModal_modalCloseBtn__2j5GX:hover{color:var(--SECONDARY-COLOR)}.playListModal_playlistItem__GEFrc>input{display:inline-block;margin-right:1rem}.playListModal_playlistItem__GEFrc>li{display:inline-block}@media only screen and (max-width:768px){.playListModal_playListForm__2b9Nk{top:20%;left:30%}}@media only screen and (max-width:500px){.playListModal_playListForm__2b9Nk{top:20%;left:20%}}.playListCard_playlistContainer__1Nhfo{background-color:var(--COLOR-CARD-BACKGROUND);position:relative;display:flex;flex-direction:column;grid-gap:5px;gap:5px;height:28rem;max-height:30rem}.playListCard_playListImage__25HkJ{width:100%;height:20rem;margin-bottom:1rem}.playListCard_trashBtn__2NPY4{color:var(--COLOR-PRIMARY);background-color:transparent;cursor:pointer}.playListCard_playListLengthContainer__TpLFJ{position:relative}.playListCard_playListLength__3xiiM{position:absolute;bottom:1rem;left:0;opacity:.7;display:flex;justify-content:center;align-items:center;height:10rem;width:100%;background-color:var(--COLOR-CARD-BACKGROUND);color:var(--COLOR-PRIMARY)}.playListCard_playListDescription__TMEmU{padding:0 1rem}.playListCard_playListTitle__2Fw9i{display:flex;justify-content:space-between;margin-bottom:5px}.individualPlayListVideoCard_cardContainer__18TBB{max-width:30rem;position:relative;transition:all .3s ease-in-out}.individualPlayListVideoCard_card__3HllV{min-height:29rem;height:30rem;background-color:var(--COLOR-CARD-BACKGROUND);border:0;border-radius:1rem;overflow:hidden;cursor:pointer;justify-content:space-between}.individualPlayListVideoCard_cardImage__1-JR_{height:18rem;object-position:top center}.individualPlayListVideoCard_length__3PVXh{position:absolute;top:51%;right:5px;background-color:var(--COLOR-BACKGROUND);padding:3px;opacity:.8;font-size:1.1rem;border-radius:5px}.individualPlayListVideoCard_cardBody__23Z2O{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:0 .5rem;position:relative;width:95%}.individualPlayListVideoCard_cardFooter__yQ1LE{grid-gap:3px;gap:3px}.individualPlayListVideoCard_cardFooter__yQ1LE,.individualPlayListVideoCard_videoDetails__2jsPe{display:flex;align-items:center;padding:0 5.5rem;color:var(--COLOR-CARD-FOOTER);font-size:1.2rem}.individualPlayListVideoCard_videoDetails__2jsPe{grid-gap:5px;gap:5px;margin-bottom:1rem}.individualPlayListVideoCard_dotSeparator___O2_X{background-color:var(--COLOR-CARD-FOOTER);width:4px;height:4px;border-radius:50%}.individualPlayListVideoCard_card__3HllV:hover{-webkit-transform:translateY(0);transform:translateY(0)}.individualPlayListVideoCard_cardContainer__18TBB:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.individualPlayListVideoCard_cta__2cylk{display:flex;grid-gap:1rem;gap:1rem}.individualPlayListVideoCard_trashBtn__1QU7i{position:absolute;bottom:3.5rem;right:1rem;font-size:1.5rem;cursor:pointer}@media only screen and (max-width:768px){.individualPlayListVideoCard_card__3HllV{max-width:28rem}.individualPlayListVideoCard_trashBtn__1QU7i{bottom:12%;right:3rem}}@media only screen and (max-width:500px){.individualPlayListVideoCard_trashBtn__1QU7i{bottom:18%}}.notesCard_notedCardContainer__29maj{background-color:var(--COLOR-CARD-BACKGROUND);width:60%;padding:2rem;border-radius:5px;margin-bottom:2rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.notesCard_cta__2-c53{align-self:flex-end;cursor:pointer}@media only screen and (max-width:768px){.notesCard_notedCardContainer__29maj{width:100%}}.notesForm_notesForm__k8mYv{width:60%}.notesForm_notesForm__k8mYv>*{margin-bottom:2rem}.notesForm_cta__1ZF44{display:flex;justify-content:space-between}.notesForm_trashBtn__37iMR{background-color:var(--SECONDARY-COLOR);color:var(--COLOR-PRIMARY);display:flex;justify-content:center;align-items:center}.notesForm_trashBtn__37iMR:hover{background-color:#c247f3}.notesForm_trashBtn__37iMR>*{margin-right:1rem}.notesForm_fieldset__3lV5H{display:flex;justify-content:center;align-items:center;border-radius:5px;padding:5px}.notesForm_legend__2nywj{font-size:1.8rem}.notesForm_formInput__3nWiV{background-color:transparent;width:100%;outline:none;border:none;color:var(--COLOR-PRIMARY);font-size:1.7rem;padding:3px 5px}.notesForm_addNoteBtn__uT-Nz{width:100%;padding:1rem;background-color:var(--SECONDARY-COLOR);color:var(--COLOR-PRIMARY);font-size:2rem;border-radius:5px;cursor:pointer}@media only screen and (max-width:768px){.notesForm_notesForm__k8mYv{width:100%}}.not-found-container{display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem;width:50%;margin:0 auto}.not-found-container>img{height:50rem}
/*# sourceMappingURL=main.ed0cf845.chunk.css.map */