body{background-color:#030303;background-color:var(--yt-spec-general-background-c);color:#f1f1f1;color:var(--secondary-color);font-family:Roboto,Arial,sans-serif}ul{list-style:none;margin:0;padding:0}.main-page{left:300px;position:absolute;top:60px}.page-heading{font-size:24px}.videos-list{display:flex;flex-wrap:wrap}.category-card{margin:20px 20px 20px 0;text-decoration:none;width:270px}.category-thumbnail{align-items:center;display:flex;justify-content:center;width:100%}.category-name{color:var(--yt-spec-brand-icon-active);font-size:18px}.video-card{display:flex;flex-direction:column;height:290px;justify-content:space-between;margin:20px 20px 20px 0;overflow:hidden;width:350px}.video-card-header{position:relative}.video-card-thumbnail{margin:0;padding:0;width:100%}.btn-watch-later{background:none;background-color:#fff;background-color:var(--yt-spec-static-brand-white);border:none;border-bottom-left-radius:40px;cursor:pointer;padding:15px 30px;position:absolute;right:0;top:0}.btn-watch-later i{font-size:16px}.video-thumbnail-small{height:40px;width:40px}.video-details{color:#fff;color:var(--yt-spec-text-primary);display:flex;font-weight:300;height:90%;text-decoration:none;width:100%}.video-info{display:flex;flex-direction:column;height:90%;justify-content:space-between;margin:0;padding:0}.video-card-name{font-size:14px;margin:5px}.video-card-category{font-size:12px;margin:5px}.video-card-views{color:#717171;color:var(--yt-spec-text-disabled);font-size:13px;font-weight:500;margin:5px}.btn-delete-from-playlist{background:none;background-color:red;background-color:var(--yt-spec-static-brand-red);border:none;border-bottom-right-radius:40px;color:#fff;color:var(--yt-spec-text-primary);cursor:pointer;left:0;padding:15px 30px;position:absolute;top:0}.btn-delete-from-playlist i{font-size:16px}.playlist-card{margin:0 20px 20px 0;position:relative;width:350px}.btn-delete{background:none;background-color:var(--yt-spec-static-brand-red);border:none;color:var(--yt-spec-text-primary);cursor:pointer;font-size:17px;left:0;padding:7.5px 15px;position:absolute;top:0}.playlist-thumbnail{width:100%}.playlist-card-name{font-size:22px;margin:10px 0 0}.playlist-card-category{margin:5px 0 10px}.btn-new-playlist{background:none;border:none;border-radius:50%;color:var(--yt-spec-text-primary);cursor:pointer}.btn-new-playlist i{font-size:30px;padding:15px}.add-new-playlist-box{position:fixed}.modal-page{background-color:rgba(63,59,59,.726);height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.modal-box,.modal-page{align-items:center;display:flex}.modal-box{background-color:var(--lynx-white-color);box-sizing:border-box;flex-direction:column;padding:20px 40px;width:400px}.modal-box label textarea{border:none;box-sizing:border-box;color:var(--primary-color);font-family:var(--font);font-size:16px;margin-bottom:10px;padding:5px 10px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;width:100%}.modal-header i{color:var(--primary-color);cursor:pointer}.modal-heading{color:var(--primary-color);margin:10px 0 20px}.modal-save-btn{background:none;background-color:var(--primary-color);border:none;border:1px solid var(--primary-color);box-sizing:border-box;color:var(--white-color);cursor:pointer;margin:10px;padding:7.5px 15px}.modal-save-btn:hover{opacity:.45}.vidoe-main{height:500px;width:1000px}.single-video-info{align-items:center;display:flex;justify-content:space-between;width:100%}.add-new-playlist-btn,.single-video-tools-button{background:none;border:none;color:var(--yt-spec-text-primary);cursor:pointer;font-size:18px;margin:10px}.add-new-playlist-btn{align-items:center;background-color:var(--primary-color);box-sizing:border-box;display:flex;justify-content:center;width:100%}.add-new-playlist-btn i{align-self:center;border:none;margin:10px}.playlist-list{width:100%}.playlist-list-item{border-bottom:1px solid var(--primary-color);display:flex;justify-content:space-between;margin:5px 0;padding:10px 0;width:100%}.playlist-list-item button:hover{background-color:var(--primary-color);color:var(--yt-spec-text-primary);cursor:pointer}.playlist-list-item button{background:none;border:none;cursor:pointer;font-size:16px;padding:10px}.list-heading{color:var(--primary-color)}.notes-list{width:100%}.notes-list-item{display:flex;justify-content:space-between}.notes-list-item-content{font-size:18px}:root{--primary-color:#202020;--secondary-color:#f1f1f1;--action-color:#3b82f6;--grey-color:#9a9a9a;--black-color:#282828;--white-color:#fff;--lynx-white-color:#f7f7f7;--violet-color:#5348c7;--lynx-gray-color:#c5c5c5;--font:"Open Sans",sans-serif;--xxl-size:4rem;--xl-size:2.5rem;--l-size:2rem;--m-size:1.5rem;--s-size:1rem;--xs-size:0.5rem;--xl-font:3rem;--light-weight:300;--regular-weight:400;--semibold-weight:600;--bold-weight:700;--black-weight:900;--yt-spec-base-background:#0f0f0f;--yt-spec-raised-background:#212121;--yt-spec-menu-background:#282828;--yt-spec-inverted-background:#f1f1f1;--yt-spec-additive-background:hsla(0,0%,100%,.1);--yt-spec-outline:hsla(0,0%,100%,.2);--yt-spec-shadow:rgba(0,0,0,.25);--yt-spec-text-primary:#fff;--yt-spec-text-secondary:#aaa;--yt-spec-text-disabled:#717171;--yt-spec-text-primary-inverse:#030303;--yt-spec-call-to-action:#3ea6ff;--yt-spec-call-to-action-inverse:#065fd4;--yt-spec-suggested-action:#263850;--yt-spec-suggested-action-inverse:#def1ff;--yt-spec-icon-active-other:#fff;--yt-spec-icon-inactive:#909090;--yt-spec-icon-disabled:#606060;--yt-spec-button-chip-background-hover:hsla(0,0%,100%,.2);--yt-spec-touch-response:#fff;--yt-spec-touch-response-inverse:#000;--yt-spec-brand-icon-active:#fff;--yt-spec-brand-icon-inactive:#909090;--yt-spec-brand-button-background:#c00;--yt-spec-brand-link-text:#ff4e45;--yt-spec-wordmark-text:#fff;--yt-spec-error-indicator:#ff8983;--yt-spec-themed-blue:#3ea6ff;--yt-spec-themed-green:#2ba640;--yt-spec-ad-indicator:#00aaa7;--yt-spec-themed-overlay-background:rgba(0,0,0,.8);--yt-spec-commerce-badge-background:#002d08;--yt-spec-static-brand-red:red;--yt-spec-static-brand-white:#fff;--yt-spec-static-brand-black:#212121;--yt-spec-static-clear-color:hsla(0,0%,100%,0);--yt-spec-static-clear-black:transparent;--yt-spec-static-ad-yellow:#fbc02d;--yt-spec-static-grey:#606060;--yt-spec-static-overlay-background-solid:#000;--yt-spec-static-overlay-background-heavy:rgba(0,0,0,.8);--yt-spec-static-overlay-background-medium:rgba(0,0,0,.6);--yt-spec-static-overlay-background-medium-light:rgba(0,0,0,.3);--yt-spec-static-overlay-background-light:rgba(0,0,0,.1);--yt-spec-static-overlay-text-primary:#fff;--yt-spec-static-overlay-text-primary-inverse:#030303;--yt-spec-static-overlay-text-secondary:hsla(0,0%,100%,.7);--yt-spec-static-overlay-text-disabled:hsla(0,0%,100%,.3);--yt-spec-static-overlay-call-to-action:#3ea6ff;--yt-spec-static-overlay-icon-active-other:#fff;--yt-spec-static-overlay-icon-inactive:hsla(0,0%,100%,.7);--yt-spec-static-overlay-icon-disabled:hsla(0,0%,100%,.3);--yt-spec-static-overlay-button-primary:hsla(0,0%,100%,.3);--yt-spec-static-overlay-button-secondary:hsla(0,0%,100%,.1);--yt-spec-static-overlay-touch-response:#fff;--yt-spec-static-overlay-touch-response-inverse:#000;--yt-spec-static-overlay-background-brand:rgba(204,0,0,.9);--yt-spec-assistive-feed-themed-gradient-1:#005446;--yt-spec-assistive-feed-themed-gradient-2:#39003f;--yt-spec-assistive-feed-themed-gradient-3:#590000;--yt-spec-brand-background-solid:#212121;--yt-spec-brand-background-primary:rgba(33,33,33,.98);--yt-spec-brand-background-secondary:rgba(33,33,33,.95);--yt-spec-general-background-a:#181818;--yt-spec-general-background-b:#0f0f0f;--yt-spec-general-background-c:#030303;--yt-spec-error-background:#f9f9f9;--yt-spec-10-percent-layer:hsla(0,0%,100%,.1);--yt-spec-snackbar-background:#030303;--yt-spec-snackbar-background-updated:#f9f9f9;--yt-spec-badge-chip-background:hsla(0,0%,100%,.1);--yt-spec-verified-badge-background:hsla(0,0%,100%,.25);--yt-spec-call-to-action-faded:rgba(62,166,255,.3);--yt-spec-call-to-action-hover:#6ebcff;--yt-spec-brand-button-background-hover:#990412;--yt-spec-brand-link-text-faded:rgba(255,78,69,.3);--yt-spec-filled-button-focus-outline:hsla(0,0%,100%,.7);--yt-spec-static-overlay-button-hover:hsla(0,0%,100%,.5);--yt-spec-mono-filled-hover:#d9d9d9;--yt-spec-commerce-filled-hover:#65b8ff;--yt-spec-mono-tonal-hover:hsla(0,0%,100%,.2);--yt-spec-commerce-tonal-hover:#515561;--yt-spec-static-overlay-filled-hover:#e6e6e6;--yt-spec-static-overlay-tonal-hover:hsla(0,0%,100%,.2);--yt-spec-paper-tab-ink:hsla(0,0%,100%,.3);--yt-spec-filled-button-text:#030303;--yt-spec-selected-nav-text:#fff}.navbar{background:transparent;display:flex;flex-direction:column;left:0;padding:20px;position:fixed;top:50px;width:275px}.nav-section,.navbar{box-sizing:border-box}.nav-section{height:100vh;overflow:scroll;transition-duration:2s}.nav-item{align-items:center;box-sizing:border-box;color:#fff;color:var(--yt-spec-text-primary);display:flex;font-size:15px;font-weight:100;padding:10px 15px;text-decoration:none}.nav-item:hover{background-color:#212121;background-color:var(--yt-spec-static-brand-black);border-radius:10px}.nav-item i{box-sizing:border-box;width:20px}.nav-item p{margin:0 20px}.active{background-color:#212121;background-color:var(--yt-spec-static-brand-black);border-radius:10px}.nav-items-section{border-bottom:1px solid #282828;border-bottom:1px solid var(--yt-spec-menu-background);display:flex;flex-direction:column;justify-content:center;padding:10px 0}.nav-items-section-heading{display:flex;flex-wrap:wrap;margin:5px 0 10px;padding:0 10px}.sign-in-tag{font-size:15px;padding:17.5px 7.5px}.sign-in-tag button{margin:0 10px}.fa-exclamation,.fa-plus{align-items:center;border:1px solid #fff;border:1px solid var(--yt-spec-text-primary);border-radius:50%;display:flex;justify-content:center;padding:2.5px}.sign-in-btn-nav{width:50%}.top-bar{background-color:var(--yt-spec-general-background-c);box-sizing:border-box;height:60px;justify-content:space-between;left:0;padding:10px;position:fixed;right:0;top:0;z-index:1}.top-bar,.top-bar-app-info,.top-bar-left{align-items:center;display:flex}.fa-bars{border-radius:50%;cursor:pointer;font-size:26px;margin:10px;padding:10px}.fa-bars:hover{background-color:var(--yt-spec-static-brand-black)}.top-bar-app-info i{color:var(--yt-spec-static-brand-red);font-size:40px}.top-bar-app-name{font-size:21px;font-weight:100;margin:0 10px}.search-bar{align-items:center;border:1px solid var(--yt-spec-menu-background);border-radius:20px;display:flex;flex-basis:550px;overflow:hidden;padding:0 0 0 15px}.search-bar,.search-bar-input{background-color:var(--yt-spec-general-background-b)}.search-bar-input{border:1px solid var(--yt-spec-general-background-b);color:var(--yt-spec-text-primary);font-size:16px;padding:10px 15px;width:100%}.search-bar-input:focus{outline:none}.search-bar-btn{align-items:center;background-color:var(--yt-spec-brand-background-solid);border:none;box-sizing:border-box;color:var(--yt-spec-text-secondary);display:flex;font-size:18px;justify-content:center;margin:0;padding:11px 25px}.search-bar-btn i{padding:0}.sign-in-btn-top-bar{align-items:center;background:transparent;border:1px solid var(--yt-spec-static-grey);border-radius:20px;box-sizing:border-box;color:var(--yt-spec-call-to-action);cursor:pointer;display:flex;font-size:15px;font-weight:var(--light-weight);justify-content:space-between;margin:0 20px 0 0;padding:7.5px 15px}.sign-in-btn-top-bar i{font-size:18px;margin:0 5px 0 0}
/*# sourceMappingURL=main.ef50046d.css.map*/