:root{--PRIMARY:#fff;--ACCENT-COLOR:#fab75f;--ACCENT-COLOR-LIGHT:#fed7aa;--GREY:#6c757d;--GREY-DARK:#343a40;--PURE-BLACK:#212529;--PURE-WHITE:#fff;--BREAKPOINT-SML:576px;--BREAKPOINT-MED:768px;--BREAKPOINT-LRG:992px;--BREAKPOINT-XL:1200px;--GREY-LIGHT:#d3d3d3;--SLATE-50:#f8fafc;--STONE-100:#f5f5f4;--footer-bg:#343a40;--color:#f2f3fb;--color-smooth:#9da2ae;--input-border:#3a456a;--btn-bg-color:#f1f2fc;--btn-hover-bg:#d5d9f6;--btn-color:#1e2641}body{font-family:"Roboto",sans-serif}li{list-style:none}a{text-decoration:none;color:#212529;color:var(--PURE-BLACK)}::selection{background-color:var(--ICONS-ORANGE);color:#fff}html::-webkit-scrollbar{width:.75vw}html::-webkit-scrollbar-thumb{background-color:#fed7aa;background-color:var(--ACCENT-COLOR-LIGHT)}html::-webkit-scrollbar-thumb:hover{background-color:#fab75f;background-color:var(--ACCENT-COLOR)}html::-webkit-scrollbar-track{background-color:#fff}.display-none{display:none}.no-border{border:none}.text-accent{color:#fab75f;color:var(--ACCENT-COLOR)}.flex-center-center{display:flex;align-items:center;justify-content:center}.text-black{color:#212529;color:var(--PURE-BLACK)}.flex-align-end{display:flex;align-items:flex-end}.divider-2{height:2px}.divider-2,.divider-5{background-color:#d3d3d3;background-color:var(--GREY-LIGHT)}.divider-5{height:5px}.margin-1{margin-top:1rem;margin-bottom:1rem}.margin-0{margin:0}.margin-2{margin-bottom:2rem}.margin-2,.margin-top-1{margin-top:2rem}.margin-top-0{margin-top:0}.margin-bottom-5{margin-top:5px}.margin-bottom-1{margin-top:1rem}.margin-bottom-0{margin-bottom:0}.margin-l-1{margin-left:1rem}.margin-l-4{margin-left:4rem}.margin-l-16{margin-left:16rem}.padding-4{padding:4px}.padding-2R{padding:2rem}.padding-l-r{padding-left:1rem;padding-right:1rem}.padding-r-3{padding-right:4rem}.text-white{color:#fff;color:var(--PURE-WHITE)}.text-dark-grey{color:#343a40;color:var(--GREY-DARK)}.text-red{color:var(--ERROR-RED)}.text-3{font-size:3rem}.text-2{font-size:2rem}.text{font-size:16px}.text-line-through{text-decoration:line-through;text-decoration-thickness:2px}.font-weight-900{font-weight:900}.background-orange{background-color:#fed7aa;background-color:var(--ACCENT-COLOR-LIGHT)}.background-stone{background:#f5f5f4;background:var(--STONE-100)}.background-white{background-color:#fff;background-color:var(--PURE-WHITE)}.flex-center-space-betw{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.width-70{width:70%}.width-100{width:100%}.flex-wrap{flex-wrap:wrap}.padding-5-10{padding:.5rem 1rem}.display-flex{display:flex}.border-radius{border-radius:1rem}.height-100{height:100vh}.active-aside-link{background:#fed7aa}.pointer{cursor:pointer}.banner-upper-empty{height:12rem;width:10%}.position-relative{position:relative}.padding-main{padding:2rem .5rem}.Toastify{font-size:16px}.brand-title{font-size:3rem;color:#d9d9d9}.brand-title span{color:#ffde59}.brand-description{font-size:1.4rem}.links{display:flex}.links a{color:#d9d9d9;font-size:1.2rem;margin:1rem}.stop-scrolling{height:100%;overflow:hidden}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#22201c;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.App-link{color:#61dafb}.FilterArea{padding:2rem;display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.chips{cursor:pointer;background-color:var(--ACCENT-COLOR-LIGHT);border-radius:25px;font-size:16px;padding:1rem 1rem .5rem}.chips:focus{background-color:#000;color:#fff}.chip-acitve{background-color:var(--PURE-BLACK);color:var(--PURE-WHITE);padding-bottom:1rem}.loader{margin:200px auto;border-left:15px solid var(--DARK-GREY);border-right:15px solid var(--DARK-GREY);width:150px;height:150px;border-top:15px solid #f39c12;border-bottom:15px solid #f39c12;border-radius:50%;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,.26)}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:hsla(0,0%,100%,.3)}.masthead{z-index:1;flex:none;display:flex;align-items:center;justify-content:space-between;width:100%}.logo-text{font-size:2rem}.logo-container{display:flex;align-items:center}.bg-style{padding:1rem}.logo{background:no-repeat url(https://drive.google.com/uc?export=view&id=1hqOaKm0Pb_iaUwd3sVpefoINmgGXbPVq);height:50px;width:30px;margin-left:2rem}.search{margin-left:4rem}.search-input,.search-input:focus{outline:none}.user-container{display:flex;align-items:center;justify-content:space-between;width:10%}.btn-profile{height:27px;width:27px;border:0;background-size:cover;border-radius:50%;font-size:27px}.user-container .DropDown{padding:1rem;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;height:10rem;font-size:16px;position:absolute;bottom:-120px;background-color:var(--color-smooth);z-index:11;width:10rem}.hide-dropdown{-webkit-transform:translate3d(-100%,0,0)!important;transform:translate3d(-100%,0,0)!important}footer{flex-direction:column;flex-wrap:wrap}.button-footer,.primary-links-footer,.secondary-links-footer,footer{display:flex}.footer{min-width:1000px}.secondary-links-footer{padding-bottom:30px}.primary-links-footer{border-top:1px solid #e2e2e2;padding-top:.8rem}.button-footer,.primary-links-footer,.secondary-links-footer{margin-left:1.6rem;margin-right:1.6rem;padding-left:0;padding-right:0}.button-footer{margin-top:.8rem;margin-bottom:.8rem}.footer button{border:1px solid #d3d3d3;background:#f8f8f8;border-radius:2px}.footer a{text-decoration:none}.footer li{list-style-type:none}.footer i{padding-right:.4rem}.footer a>span,.footer li{font-weight:500}.footer span{color:#767676;font-size:1.1rem}.footer li,.footer p,.footer textarea{font-size:1.2rem}.footer a,.footer button,.footer h1,.footer h3,.footer h5,.footer li,.footer p,.footer span,.footer textarea{font-family:"Roboto",sans-serif}.footer h1,.footer h3,.footer h5,.footer li,.footer p{color:#212121}.footer h1{font-size:2.4rem;font-weight:400}.footer h3{font-size:1.3rem;font-weight:500}.footer h5{font-size:1.28rem;margin:.64rem 0}.footer li{margin:.25rem}.footer .primary-links-footer{margin-left:1rem;margin-right:1rem;padding-left:0;padding-right:0}.footer button{margin:.4rem}@media only screen and (max-width:1000px){.footer{min-width:1000px}}@media only screen and (max-width:900px){.footer{display:none}}@media only screen and (max-width:800px){.footer{max-width:800px}}@media only screen and (max-width:500px){.footer{display:none}}#nav-drawer{border-top:0;display:flex;flex-direction:column;height:100vh;width:240px;position:fixed;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;z-index:101;font-family:"Roboto",sans-serif;font-size:16px}#nav-drawer>*{flex:none}#nav-drawer>a{display:flex;align-items:center}#nav-drawer span{font-weight:400;color:rgba(0,0,0,.54)}.nav-drawer-items-padding{padding-top:1rem;padding-bottom:1rem}.bg-style{background:#fff;border:1px solid #e2e2e2}.btn-flat{padding-top:.5rem}#nav-drawer>a:hover{background:var(--ACCENT-COLOR-LIGHT);color:#000}.hide{-webkit-transform:translate3d(-100%,0,0)!important;transform:translate3d(-100%,0,0)!important}.material-icons.md-dark{color:rgba(0,0,0,.54)}.active-aside-link{background:var(--ACCENT-COLOR-LIGHT);color:#000}.align-left{text-align:left}.app-wrap,.scroll{display:flex;flex-direction:column;height:100vh}.scroll{overflow-y:scroll;-webkit-overflow-scrolling:touch;justify-content:space-between}.content,footer{display:flex;flex-direction:column}#nav-drawer>a,.button-footer,.comment-btn-bar,.lead-btn-row,.lead-social-btn,.lead-voting-btn,.logo-container>*,.media,.primary-links-footer,.secondary-links-footer,.user-container>*{display:flex}#nav-drawer>a,.comment-btn-bar>a,.content,.lead-social-btn>a,.lead-voting-btn>a,.logo-container,.masthead,.next-up-bar,.user-container{display:flex;align-items:center}.lead-btn-row,.masthead{justify-content:space-between}.aside-span{display:block}.lead-view-count{align-self:flex-end}.media{align-items:flex-start}.media-body{flex:1 1}button,li{flex:none}button{display:flex;align-items:center}.next-up-bar>:first-child,.search{flex:1 1}.search{display:flex;margin-left:.8rem}.search-input{flex:1 1;max-width:550px;border-radius:2px 0 0 2px;border:1px solid #e2e2e2}.search-button{border-radius:0 2px 2px 0;border-left:0;margin:0}.aside,.main{width:400px}.btn-notifications,.btn-upload,.comments{display:none}.main>*,aside{margin-top:8px;margin-bottom:8px}.media-figure{margin-right:1em}.scroll a,.scroll button{margin:0 .4rem}.scroll li,.scroll ul{margin:.4rem}.up-next{border-bottom:1px solid #e2e2e2}.bg-style{padding:.8rem}.aside>div{padding:.8rem 0}.comment-filter{margin:1.2rem 0}.comment-filter>i{padding-right:0}.media-body>h3{margin-top:0;margin-bottom:.64rem}.scroll hr{border:1px solid #e2e2e2;border-bottom:0;margin-top:1.6rem}.next-up-bar>:nth-child(2){margin-right:.8rem;color:rgba(0,0,0,.54)}.scroll a,.scroll button,.scroll h1,.scroll h3,.scroll h5,.scroll li,.scroll p,.scroll span,.scroll textarea{font-family:"Roboto",sans-serif}.scroll h1,.scroll h3,.scroll h5,.scroll li,.scroll p{color:#212121}.scroll h1{font-size:2.4rem;font-weight:400}.scroll h3{font-size:1.3rem;font-weight:500}.scroll h5{font-size:1.28rem;margin:.64rem 0}.scroll li,.scroll p,.scroll textarea{font-size:1.2rem}.scroll textarea{border:1px solid #e2e2e2;line-height:2}.scroll span{color:#767676;font-size:1.1rem}.lead-view-count{font-size:1.9rem;font-weight:400}.username{color:#167ac6}.scroll a>span,.scroll li,.username{font-weight:500}.terms>li{font-size:1.1rem;color:#767676}li:hover{text-decoration:underline;color:#167ac6}.scroll strong{font-weight:500}.scroll button>span{font-weight:500;color:#333}.footer-btn{font-weight:400}.scroll i{padding-right:.64rem}.scroll li{list-style-type:none}.scroll button{border:1px solid #d3d3d3;background:#f8f8f8;border-radius:2px}.subscribe{display:flex}.subscribe-btn{background:var(--ICONS-ORANGE);margin:0;border-top-right-radius:0;border-bottom-right-radius:0;border:none}.subscribe-btn>span{color:#fff;font-weight:400;font-size:1.2rem}.subscribe-count{border-radius:0 2px 2px 0;font-weight:400;font-size:1.2rem;border:1px solid #d3d3d3;background:#f8f8f8;padding:.512rem}.btn-flat{text-align:center;padding-top:.8rem;border-top:1px solid #e2e2e2}.switch-container{cursor:pointer;position:relative}.switch-bar{cursor:grab;background:#167ac6;width:31px;height:14px;border-radius:8px}.switch-circle{position:absolute;top:1px;left:18px;height:12px;width:12px;border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);background-color:#fff;z-index:4}iframe{width:400px;height:240px}.img-profile{height:48px;width:48px}.img-aside{width:120px;height:90px}.material-icons.md-dark.md-18.liked{color:var(--ICONS-ORANGE)}@media (min-width:650px){.content{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.aside{width:350px;flex:none}.main{width:640px;flex:none;margin-right:8px}iframe{width:640px;height:350px}.btn-notifications,.btn-upload,.comments{display:block}.search{margin-left:6.4rem}}@media (min-width:1000px){.content{justify-content:center}}.reccomendation{display:flex;cursor:pointer}.view-info{display:flex;justify-content:flex-start}.preview{position:relative;margin-right:.8rem;height:11.5rem;width:34.8rem}.preview img{object-fit:cover}.timestamp{position:absolute;bottom:5px;right:5px;background:#000;color:#fff;padding:.24rem;border-radius:.4rem}.title{font-size:2rem;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;width:20rem}.username{font-size:1.76rem;text-align:left}.Explore-main{display:flex;grid-gap:1rem;gap:1rem;padding:2rem 4rem;flex-wrap:wrap;min-height:100vh}.modal-for-playlist{z-index:1001;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);position:fixed}.playlist-form{background-color:var(--ACCENT-COLOR-LIGHT);width:20rem}.playListPage-main{padding:2rem 4rem;min-height:100vh}.button-area,.playListPage-main{display:flex;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.button-area{padding:2rem}.vid-content-image{height:15.6rem;width:27.84rem;position:relative}.card-text-content{width:27.84rem;padding-top:1rem;padding-bottom:1rem;display:flex;align-items:flex-start}.vid-creator-image{width:36px;height:36px;border-radius:50%}.vid-card-description{width:20.6rem;height:7rem;display:flex;flex-direction:column;justify-content:flex-start;padding-left:1rem;padding-right:1rem;text-align:left;position:relative;top:0}.vid-card-description>.thumbnail{font-weight:550;width:15rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vid-card-description>.details{font-weight:550;font-size:14px;justify-self:start;margin-top:6px}.vid-menu-option{align-self:flex-start;color:var(--DARK-GREY);font-size:16px}.menu-video-card{width:18rem;display:flex;flex-direction:column;background-color:var(--ACCENT-COLOR-LIGHT);position:absolute;z-index:11;justify-content:space-evenly;text-align:left}.menu-card-options{display:flex;align-items:center;padding-left:1rem;cursor:pointer}.bin-delete{position:absolute;top:1rem;right:1rem;color:var(--ERROR-RED-DARK);font-size:2rem}.page-404{height:100vh;width:100vw;background-image:url(/static/media/404.bac7ccf3.png);display:flex;font-size:16px;flex-direction:column;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat}.width-38{width:38rem;max-width:38rem}.eye-icon{position:absolute;right:30px;bottom:35%}.profile-card__main{width:30rem;padding:1rem 2rem;box-shadow:0 3px 10px rgba(0,0,0,.2);border-top:2px solid var(--ACCENT-COLOR);text-align:left}.profile-card__heading{border-bottom:3px solid var(--GREY)}.profile-container__main{display:flex;justify-content:center;align-items:center;height:80vh}
/*# sourceMappingURL=main.5c2d61ee.chunk.css.map */