@import url(https://dev-suit.netlify.app/CSS/main.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);:root{--bg-color:rgba(0,0,0,0.7)}.App{font-family:sans-serif;text-align:center;background-color:rgba(0,0,0,.7);background-color:var(--bg-color);min-height:100vh}.app-display,.app-layout{display:block}.app-display{grid-area:display;width:100%;margin-bottom:2rem;min-height:calc(85vh - 7rem)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:1;color:var(--primary);height:4rem}.bttn-hamburger{margin-right:1rem;background-color:#000;color:var(--primary);padding:.25rem .5rem;border-radius:.2rem}.active-page{font-weight:bolder;color:#fff!important}.nav-list{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-weight:400}.bttn{font-size:.8rem}.card{background-color:inherit;color:var(--primary);border-radius:0;width:300px;padding:0;border:none}.card .video-image:hover{opacity:.7}.modal-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;z-index:2;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-container .modal{position:relative;top:inherit;left:inherit;background-color:rgba(0,0,0,.9)}.modal-body{width:100%;margin:1rem auto;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;grid-row-gap:1rem;row-gap:1rem}.label-playlist,.modal-body{display:-webkit-flex;display:flex}.label-playlist{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.footer-nav{position:relative;width:100%;padding:1rem;grid-area:footer}.footer-nav .nav-list{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}.bttn-floating-action{color:#000;bottom:3.5rem;z-index:2}.txt-white{color:#fff}.txt-primary{color:var(--primary)}.txt-align-left{text-align:left}.flex-row{display:-webkit-flex;display:flex;width:100%;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;-webkit-align-items:center;align-items:center}.input-checkbox{width:1rem;height:1rem}@media screen and (min-width:769px){.app-layout{display:grid;grid-template-areas:"side-nav display" "footer footer";grid-template-columns:auto 1fr;-webkit-justify-content:center;justify-content:center}}.video-display-homepage{display:grid;grid-template-columns:repeat(auto-fill,300px);grid-gap:1rem;-webkit-flex:1 1;flex:1 1;margin-top:1rem;-webkit-justify-content:center;justify-content:center}.video-card{height:100%;grid-row-gap:.5rem;row-gap:.5rem;padding:0;position:relative}.video-image{width:100%}.video-card .video-details{-webkit-flex-direction:column;flex-direction:column;grid-row-gap:.5rem;row-gap:.5rem;width:100%}.video-card .video-details,.video-title{display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1}.video-title{text-align:left;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 .5rem;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.video-like,.video-title .avatar{-webkit-align-self:flex-start;align-self:flex-start}.video-like{background:none;border:var(--primary);font-size:1.5rem;color:var(--primary);cursor:pointer}.action-bttns{position:absolute;right:0;top:0;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;grid-row-gap:.5rem;row-gap:.5rem;padding:.5rem;-webkit-align-items:flex-end;align-items:flex-end}.action-bttns,.video-bttn{display:-webkit-flex;display:flex}.video-bttn{background-color:rgba(0,0,0,.7);padding:.3rem;border-radius:.2rem;cursor:pointer;min-width:1.6rem;height:1.6rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;font-size:.8rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;grid-column-gap:.3rem;-webkit-column-gap:.3rem;column-gap:.3rem}.searchBar-container{margin:.5rem}.search-bar,.searchBar-container{display:-webkit-flex;display:flex;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.search-bar{width:100%;padding:.3rem .4rem;margin:auto;border:1px solid grey;-webkit-justify-content:center;justify-content:center;background-color:#fff;-webkit-align-items:center;align-items:center}.search-bar>i{display:block;cursor:pointer;font-size:1.3rem}@media screen and (min-width:768px){.search-bar{position:fixed;top:1rem;left:calc(50% - 140px);width:280px;z-index:2}.homepage-layout{display:grid;grid-template-columns:12rem auto;grid-template-areas:"side-nav videos";position:relative;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}.video-display-homepage{grid-area:videos;-webkit-justify-content:flex-start;justify-content:flex-start}}.side-nav{display:none}.side-nav-mobile{position:fixed;top:4rem;background-color:rgba(0,0,0,.85);color:var(--primary);z-index:1;width:100vh;height:100vh;padding-left:1rem;padding-top:1rem}.nav-list,.side-nav-mobile{display:-webkit-flex;display:flex}.nav-list{-webkit-flex-direction:row;flex-direction:row;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.side-nav>.list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-row-gap:2rem;row-gap:2rem;font-weight:700;-webkit-align-items:flex-start;align-items:flex-start}li{list-style:none}.list a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-column-gap:.3rem;-webkit-column-gap:.3rem;column-gap:.3rem;font-size:.9rem}.side-nav a:hover{color:#fff}@media screen and (min-width:769px){.side-nav{position:relative;grid-area:side-nav;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;color:var(--primary);-webkit-justify-content:center;justify-content:center;padding:1rem;background-color:rgba(0,0,0,.6);min-height:100vh;height:100%;margin-right:1rem}.side-nav-mobile{display:none}}.loader-container{display:-webkit-flex;display:flex;width:100%;height:100%;-webkit-justify-content:center;justify-content:center;-webkit-align-self:center;align-self:center}.loader{border:.4rem solid #000;border-radius:50%;border-top:.4rem solid var(--primary);width:4rem;height:4rem;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:fixed;top:50vh;z-index:1;background-color:#fff;opacity:.9}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Toastify__toast-container{min-width:10rem;max-width:-webkit-max-content;max-width:max-content}.Toastify__toast{min-height:2rem!important}.Toastify__toast--default{background:var(--bg-color)!important;color:var(--primary)!important}.Toastify__close-button{color:#fff!important;opacity:1!important}.horizontal-video-card{width:100%;margin:auto;-webkit-flex-direction:column;flex-direction:column}.horizontal-video-card .video-image{width:100%;height:auto}.horizontal-video-card>.video-details{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-grow:1;flex-grow:1}.horizontal-video-card .video-title{justify-self:flex-start;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;grid-row-gap:1rem;row-gap:1rem}@media screen and (min-width:768px){.horizontal-video-card{width:40rem;height:8rem;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start}.horizontal-video-card .video-image{height:100%;width:auto}}.playlist-head{margin:1rem auto;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.playlist-head,.video-display-playlistpage{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.video-display-playlistpage{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;width:80%;margin:2rem auto auto}i:hover{cursor:pointer}.video-display-history{width:80%;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;grid-row-gap:1rem;row-gap:1rem}.history-head,.video-display-history{display:-webkit-flex;display:flex;margin:2rem auto auto}.history-head{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;width:90%;max-width:40rem}.history-video-card{width:80%;-webkit-flex-direction:column;flex-direction:column}.history-video-card .video-image{width:100%;height:auto}.history-video-card>.video-details{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-grow:1;flex-grow:1}.history-video-card .video-title{justify-self:flex-start;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;grid-row-gap:1rem;row-gap:1rem}.video-sub-title{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.video-display-history .action-bttns{justify-self:flex-end}@media screen and (min-width:768px){.history-video-card{width:40rem;height:8rem;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start}.history-video-card .video-image{height:100%;width:auto}}.video-display-playslistspage{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;grid-row-gap:1rem;row-gap:1rem;margin:0 .5rem}.playlist-section{display:block;margin-top:.5rem;border-bottom:1px solid var(--primary)}.video-display-playslist{display:-webkit-flex;display:flex;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;margin:1rem .5rem}.video-display-playslist .video-card{width:18rem}.playlist-card{width:10rem}.bttn-icon{border:none;background-color:initial;color:#000;color:initial;font-size:1.2rem}.card-videopage{width:100%;max-width:640px;margin:1rem auto}.card-videopage .youtube-video{width:100%}.card-videopage .card{width:100%;grid-row-gap:1rem;row-gap:1rem;background-color:initial;border:none}.card-videopage .video-title{font-size:1.5rem}.card:hover{border:initial}.card-videopage .sub-details{display:-webkit-flex;display:flex;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;-webkit-align-items:center;align-items:center}.card-videopage .action-bttns{-webkit-justify-content:flex-end;justify-content:flex-end}.card-videopage .video-like{-webkit-align-self:flex-end;align-self:flex-end}.login-layout{margin:5rem auto auto;max-width:25rem;border-radius:.5rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);background-color:#fff}.form-container,.login-layout{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-row-gap:1rem;row-gap:1rem;padding:1rem}.form-container{-webkit-justify-content:center;justify-content:center;width:100%;height:100%}.form-container label{display:block;margin-bottom:.2rem}.form-container section,input{width:100%;text-align:left}.input{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.login{width:100%;font-size:1.2rem}.error-msg{color:red;font-size:1.3rem}
/*# sourceMappingURL=main.ef94002e.chunk.css.map */