@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);.p1{padding:1rem}.p2{padding:2rem}.p3{padding:3rem}.p4{padding:4rem}.pT1{padding-top:1rem}.pT2{padding-top:2rem}.pT3{padding-top:3rem}.pT4{padding-top:4rem}.pR1{padding-right:1rem}.pR2{padding-right:2rem}.pR3{padding-right:3rem}.pR4{padding-right:4rem}.pB1{padding-bottom:1rem}.pB2{padding-bottom:2rem}.pB3{padding-bottom:3rem}.pB4{padding-bottom:4rem}.pL1{padding-left:1rem}.pL2{padding-left:2rem}.pL3{padding-left:3rem}.pL4{padding-left:4rem}.m1{margin:1rem}.m2{margin:2rem}.m3{margin:3rem}.m4{margin:4rem}.mT1{margin-top:1rem}.mT2{margin-top:2rem}.mT3{margin-top:3rem}.mT4{margin-top:4rem}.mR1{margin-right:1rem}.mR2{margin-right:2rem}.mR3{margin-right:3rem}.mR4{margin-right:4rem}.mB1{margin-bottom:1rem}.mB2{margin-bottom:2rem}.mB3{margin-bottom:3rem}.mB4{margin-bottom:4rem}.mL1{margin-left:1rem}.mL2{margin-left:2rem}.mL3{margin-left:3rem}.mL4{margin-left:4rem}.wrapper{width:100%}.wrapper,.wrapper-fluid{padding-left:1rem;padding-right:1rem;margin:0 auto}.wrapper-fluid{min-width:978px;max-width:1480px}.flex{display:-webkit-flex;display:flex}.f-row{-webkit-flex-direction:row;flex-direction:row}.j-content-start{-webkit-justify-content:start;justify-content:start}.j-content-end{-webkit-justify-content:flex-end;justify-content:flex-end}.j-content-center{-webkit-justify-content:center;justify-content:center}.j-space-between{-webkit-justify-content:space-between;justify-content:space-between}.j-space-around{-webkit-justify-content:space-around;justify-content:space-around}.a-items-center{-webkit-align-items:center;align-items:center}.f-column{-webkit-flex-direction:column;flex-direction:column}.block{display:block}.inline-block{display:inline-block}.primary-link{color:var(--text-color)}.secondary-link{color:var(--secondary)}.f-weight600{font-weight:600}.big-title{font-size:6rem}.paragraph{font-size:1.1rem;line-height:1.4}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.row{margin-left:-1rem;margin-right:-1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.lg-1,.lg-2,.lg-3,.lg-4,.lg-5,.lg-6,.lg-7,.lg-8,.lg-9,.lg-10,.lg-11,.lg-12,.md-1,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.md-10,.md-11,.md-12,.sm-1,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9,.sm-10,.sm-11,.sm-12,.xl-1,.xl-2,.xl-3,.xl-4,.xl-5,.xl-6,.xl-7,.xl-8,.xl-9,.xl-10,.xl-11,.xl-12{padding-left:1rem;padding-right:1rem;width:100%}.col-1{-webkit-flex:0 0 8.33%;flex:0 0 8.33%}.col-2{-webkit-flex:0 0 16.66%;flex:0 0 16.66%}.col-3{-webkit-flex:0 0 25%;flex:0 0 25%}.col-4{-webkit-flex:0 0 33.33%;flex:0 0 33.33%}.col-5{-webkit-flex:0 0 41.66%;flex:0 0 41.66%}.col-6{-webkit-flex:0 0 50%;flex:0 0 50%}.col-7{-webkit-flex:0 0 58.33%;flex:0 0 58.33%}.col-8{-webkit-flex:0 0 66.66%;flex:0 0 66.66%}.col-9{-webkit-flex:0 0 75%;flex:0 0 75%}.col-10{-webkit-flex:0 0 83.33%;flex:0 0 83.33%}.col-11{-webkit-flex:0 0 91.66%;flex:0 0 91.66%}.col-12{-webkit-flex:0 0 100%;flex:0 0 100%}@media (min-width:34.37rem){.sm-1{-webkit-flex:0 0 8.33%;flex:0 0 8.33%}.sm-2{-webkit-flex:0 0 16.66%;flex:0 0 16.66%}.sm-3{-webkit-flex:0 0 25%;flex:0 0 25%}.sm-4{-webkit-flex:0 0 33.33%;flex:0 0 33.33%}.sm-5{-webkit-flex:0 0 41.66%;flex:0 0 41.66%}.sm-6{-webkit-flex:0 0 50%;flex:0 0 50%}.sm-7{-webkit-flex:0 0 58.33%;flex:0 0 58.33%}.sm-8{-webkit-flex:0 0 66.66%;flex:0 0 66.66%}.sm-9{-webkit-flex:0 0 75%;flex:0 0 75%}.sm-10{-webkit-flex:0 0 83.33%;flex:0 0 83.33%}.sm-11{-webkit-flex:0 0 91.66%;flex:0 0 91.66%}.sm-12{-webkit-flex:0 0 100%;flex:0 0 100%}}@media (min-width:48rem){.md-1{-webkit-flex:0 0 8.33%;flex:0 0 8.33%}.md-2{-webkit-flex:0 0 16.66%;flex:0 0 16.66%}.md-3{-webkit-flex:0 0 25%;flex:0 0 25%}.md-4{-webkit-flex:0 0 33.33%;flex:0 0 33.33%}.md-5{-webkit-flex:0 0 41.66%;flex:0 0 41.66%}.md-6{-webkit-flex:0 0 50%;flex:0 0 50%}.md-7{-webkit-flex:0 0 58.33%;flex:0 0 58.33%}.md-8{-webkit-flex:0 0 66.66%;flex:0 0 66.66%}.md-9{-webkit-flex:0 0 75%;flex:0 0 75%}.md-10{-webkit-flex:0 0 83.33%;flex:0 0 83.33%}.md-11{-webkit-flex:0 0 91.66%;flex:0 0 91.66%}.md-12{-webkit-flex:0 0 100%;flex:0 0 100%}}@media (min-width:62.5rem){.lg-1{-webkit-flex:0 0 8.33%;flex:0 0 8.33%}.lg-2{-webkit-flex:0 0 16.66%;flex:0 0 16.66%}.lg-3{-webkit-flex:0 0 25%;flex:0 0 25%}.lg-4{-webkit-flex:0 0 33.33%;flex:0 0 33.33%}.lg-5{-webkit-flex:0 0 41.66%;flex:0 0 41.66%}.lg-6{-webkit-flex:0 0 50%;flex:0 0 50%}.lg-7{-webkit-flex:0 0 58.33%;flex:0 0 58.33%}.lg-8{-webkit-flex:0 0 66.66%;flex:0 0 66.66%}.lg-9{-webkit-flex:0 0 75%;flex:0 0 75%}.lg-10{-webkit-flex:0 0 83.33%;flex:0 0 83.33%}.lg-11{-webkit-flex:0 0 91.66%;flex:0 0 91.66%}.lg-12{-webkit-flex:0 0 100%;flex:0 0 100%}}@media (min-width:77.5rem){.xl-1{-webkit-flex:0 0 8.33%;flex:0 0 8.33%}.xl-2{-webkit-flex:0 0 16.66%;flex:0 0 16.66%}.xl-3{-webkit-flex:0 0 25%;flex:0 0 25%}.xl-4{-webkit-flex:0 0 33.33%;flex:0 0 33.33%}.xl-5{-webkit-flex:0 0 41.66%;flex:0 0 41.66%}.xl-6{-webkit-flex:0 0 50%;flex:0 0 50%}.xl-7{-webkit-flex:0 0 58.33%;flex:0 0 58.33%}.xl-8{-webkit-flex:0 0 66.66%;flex:0 0 66.66%}.xl-9{-webkit-flex:0 0 75%;flex:0 0 75%}.xl-10{-webkit-flex:0 0 83.33%;flex:0 0 83.33%}.xl-11{-webkit-flex:0 0 91.66%;flex:0 0 91.66%}.xl-12{-webkit-flex:0 0 100%;flex:0 0 100%}}.w-100{width:100%}.button{display:inline-block;font-weight:400;line-height:1.5;color:var(--secondary);text-align:center;background-color:#fff;border:1px solid rgba(0,0,0,.2);padding:.375rem .75rem;border-radius:.25rem}.button-primary{background-color:var(--primary);border:1px solid var(--primary);color:var(--white)}.button-secondary:hover{background-color:var(--secondary-hover)}.button-secondary{background-color:var(--secondary);border:1px solid var(--secondary);color:var(--white)}.button-secondary:hover{background-color:var(--hover-secondary);border:1px solid var(--hover-secondary)}.button-success{background-color:var(--success);border:1px solid var(--success);color:rgba(0,0,0,.85)}.button-warning{background-color:var(--warning);border:1px solid var(--warning);color:rgba(0,0,0,.85)}.button-danger{background-color:var(--danger);border:1px solid var(--danger);color:var(--white)}.button-red{background-color:var(--red);border:1px solid var(--red);color:var(--white)}.link{background:transparent;border:none;font-size:1.1rem}.link:hover{text-decoration:underline}.link-primary{color:var(--primary)}.link-secondary{color:var(--secondary)}.link-white{color:var(--white)}.link-black{color:var(--text-color)}.badge{display:inline-block;position:relative;font-size:1.1rem;line-height:1.2;padding:.2rem .8rem;color:var(--secondary);background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.badge-primary{color:#fff;background-color:var(--primary);border-color:var(--primary)}.badge.badge-success{color:rgba(0,0,0,.85);background-color:var(--success);border-color:var(--success)}.badge.badge-warning{color:rgba(0,0,0,.85);background-color:var(--warning);border-color:var(--warning)}.badge.badge-danger{color:#fff;background-color:var(--danger);border-color:var(--danger)}.alert{position:relative;padding:1rem 2rem;color:rgba(0,0,0,.85);background-color:#fff;background-image:none;border:1px solid rgba(0,0,0,.2);border-radius:.4rem}.alert-heading{color:inherit;font-size:1.4rem;font-weight:500;margin:0 0 .5rem}.alert-primary{border:1px solid var(--primary)}.alert-secondary{border:1px solid var(--secondary)}.alert-success{border:1px solid var(--success)}.alert-warning{border:1px solid var(--warning)}.alert-danger{border:1px solid var(--danger)}.alert-primary-filled{color:#fff;background-color:var(--primary);border:1px solid var(--primary)}.alert-secondary-filled{color:#fff;background-color:var(--secondary);border:1px solid var(--secondary)}.alert-success-filled{color:#fff;background-color:var(--success);border:1px solid var(--success)}.alert-warning-filled{color:var(--text-color);background-color:var(--warning);border:1px solid var(--warning)}.alert-danger-filled{color:#fff;background-color:var(--danger);border:1px solid var(--danger)}.avatar{border:1px solid var(--gray);object-fit:cover}.small-avatar{height:3rem;width:3rem}.medium-avatar{height:6rem;width:6rem}.rounded-avatar{border-radius:100%}.square-avatar{border-radius:1rem}.notification-avatar{position:relative;display:inline-block}.notification-badge{content:"";position:absolute;bottom:2%;right:-10%;height:1rem;border-radius:100%;border:2px solid var(--white);width:1rem;background-color:var(--success)}.img-fluid{max-width:100%;height:auto;width:100%}:root{--primary:#005bff;--secondary:#3a3a3d;--background-light:#1f1f23;--background-medium:#0e0e10;--background-dark:#464649;--background-opaque:rgba(0,0,0,0.8);--text-primary:#fff;--text-secondary:#adadb8;--hover-secondary:#0839b8;--border-light:hsla(0,0%,100%,0.10196078431372549);--opaque-black:hsla(0,0%,100%,0.4745098039215686);--dark:#18181b;--white:#fff;--danger:#f84545;--red:red}*{font-family:"Inter",sans-serif;margin:0;padding:0}*,:after,:before{box-sizing:border-box}body{margin:0;font-size:16px;background-color:var(--background-light-gray);font-family:var(--font-inter);font-weight:300}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}li{list-style:none}a{text-decoration:none;color:inherit}a,button{cursor:pointer}button:active,button:focus{outline:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}iframe{border:0}ol,ul{padding:0;margin:0}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.10196078431372549);background-color:var(--border-light);border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#18181b;background-color:var(--dark)}pre{margin:0;font-family:inherit!important;word-wrap:wrap}.highlighter{font-size:inherit!important;color:#e83e8c;font-weight:600;word-break:break-word}.code{font-size:1.1rem;line-height:1.6;padding:.1rem .5rem;margin:0 .1rem;color:#3a3a3d!important;color:var(--secondary)!important;background-color:var(--gray);border:1px solid var(--gray);border-radius:.2rem;word-wrap:wrap}table{border-collapse:collapse;border-spacing:0}.table-responsive{overflow-x:auto}.table{width:100%}.table tbody tr:not(:last-child){border-bottom:1px solid #dadfe1}.table thead tr{border-bottom:2px solid #dadfe1}.table-responsive .table td,.table-responsive .table th{white-space:nowrap}.table td,.table th{padding:1.2rem 1.5rem;text-align:left}.table th{font-weight:700}.table-bordered td:not(:last-child),.table-bordered th:not(:last-child),.table-inner-bordered td:not(:last-child),.table-inner-bordered th:not(:last-child){border-right:1px solid #dadfe1}.body{background-color:#0e0e10;background-color:var(--background-medium);height:100vh}.navBar{background-color:var(--dark)}.menuIcon{height:2.4rem;width:2.4rem;color:var(--opaque-black);margin-right:1rem;vertical-align:middle;border:1px solid var(--border-light);box-shadow:0 0 10px 0 rgb(0 0 0/40%);padding:.6rem;border-radius:.2rem;cursor:pointer;background-color:(--dark)}.menuIcon:hover{color:var(--white);background-color:var(--primary)}.logo{width:12rem;height:100%;vertical-align:middle}.logoText{color:var(--white);display:-webkit-inline-flex;display:inline-flex;font-size:1.4rem;font-weight:500;margin-left:.4rem;text-transform:uppercase}.icon{width:2rem;height:2rem;color:#fff;vertical-align:middle}.middleNavBar{position:relative;width:100%;-webkit-flex:1 1;flex:1 1;margin:0 2rem}.searchField{background-color:var(--background-dark);border:1px solid var(--background-dark);padding:.6rem 1rem;border-radius:.3rem;color:var(--text-primary);width:100%;height:2.8rem}.searchIconWrapper{position:absolute;background-color:var(--background-medium);right:0;top:0;height:2.8rem;cursor:pointer;padding:.8rem .6rem}.searchIcon{height:1.2rem;width:1.2rem}.searchField:focus,.searchIconWrapper:focus{border:2px solid var(--primary)!important}.searchField:focus{outline:none}@media screen and (max-width:600px) and (min-width:100px){.logo{width:6rem}}.sidebar{position:fixed;display:block;top:5rem;bottom:0;left:0;width:16rem;max-width:100%;height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;z-index:20;background-color:var(--background-light);border-right:1px solid var(--background-light);padding:1rem 1rem 0;transition:left .3s}.sidebarToggled{left:-100%!important;display:none!important}.sidebarLists{padding:2rem .6rem;border-bottom:1px solid var(--border-light)}.sidebarIcon{height:1.2rem;width:1.2rem;color:var(--opaque-black);vertical-align:text-bottom}.sidebarLists span{font-size:1.2rem;color:var(--text-secondary);margin-left:1.6rem}.sidebarLists:hover{background-color:var(--dark);color:var(--white)}.no-login-text{font-size:1.2rem;color:var(--text-secondary);margin:2rem 0;line-height:1.5}@media screen and (max-width:600px) and (min-width:100px){.sidebarToggled{left:-100%!important;display:none!important}}.main{position:absolute;top:5.1rem;bottom:0;right:0;padding:0 1rem;overflow:auto;margin-bottom:2rem;left:18rem;width:calc(100% - 18rem)}.mainToggled{left:0!important;display:block!important;width:100%!important}.mainContent{margin:1.6rem 0;padding:0 1rem}.errorImage{display:block;margin:0 auto;height:40rem;width:40rem}.errorText{font-size:1.4rem;text-align:center;color:var(--text-secondary);margin:1rem 0}.pageHeader{margin:3rem 0;color:var(--white);font-size:2.2rem;border-bottom:1px solid var(--border-light);padding-bottom:.6rem}.loaderRow{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:80vh;left:18rem;width:calc(100% - 18rem);position:absolute;top:5.1rem}.cardRow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem}.card{border:1px solid var(--border-light);border-radius:.3rem;position:relative;height:100%;box-shadow:0 0 10px 0 rgba(0,0,0,.4);transition:box-shadow .25s ease-in;cursor:pointer}.card:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.cardHeader{cursor:pointer}.cardHeaderIcon{height:1.8rem;width:1.8rem;background-color:var(--background-opaque);position:absolute;padding:.3rem;cursor:pointer;border-radius:.2rem;display:none}.card:hover .cardHeaderIcon{display:inline-block}.likeIcon{top:1rem;left:1rem}.watchLaterIcon{top:1rem;left:3.2rem}.cardBody{padding:1rem;position:relative}.channelImageUrl{border:2px solid var(--primary);border-radius:6rem;vertical-align:middle;position:absolute;top:-2rem;right:1rem}.channelName{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem}.cardIcon{height:1rem;width:1rem;vertical-align:text-bottom}.totalViews{font-size:.8rem;margin:.6rem 0 0 .4rem}.publishedDate,.totalViews{color:var(--text-secondary);display:inline}@media screen and (max-width:600px) and (min-width:0){.cardRow{grid-template-columns:1fr}}@media screen and (max-width:836px) and (min-width:601px){.cardRow{grid-template-columns:1fr 1fr}}.modal{width:100%;height:100vh;background:rgba(0,0,0,.8);position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.modalDialog{max-width:500px;margin:1.75rem auto}.modalDialogCentered{min-height:calc(100% - 3.5rem);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.modalContent{flex-direction:column;width:100%;pointer-events:auto;border:1px solid rgba(0,0,0,.2);background:var(--dark);position:relative;z-index:10;border-radius:.2rem;box-shadow:0 12px 15px 0 rgb(0 0 0/25%)}.modalBody,.modalContent{display:-webkit-flex;display:flex;-webkit-flex-direction:column}.modalBody{flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;padding:1rem;height:100%;line-height:1.8;color:#141414;-webkit-flex:1 1 auto;flex:1 1 auto}.modalHeader{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-light);border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modalTitle{margin-bottom:0;line-height:1.5;font-size:1.4rem;color:var(--text-primary)}.modalClose{width:1rem;cursor:pointer}.button-transparent{background:transparent;border:none}.playlist{margin-bottom:.6rem;text-align:left}.label{font-size:1rem;margin-left:.6rem;font-weight:600;color:var(--text-secondary)}.modalFooter{padding:1rem;margin-bottom:1rem;border-top:1px solid var(--border-light)}.modalFooterTitle{margin-bottom:1rem;line-height:1.5;font-size:1.2rem;color:var(--text-primary);text-align:left}.formField{background-color:var(--background-dark);border:1px solid var(--background-dark);padding:.6rem 1rem;border-radius:.3rem;color:var(--text-primary);width:100%;height:2.4rem;margin:0 1rem 0 0}.formField:focus{outline:none;border:2px solid var(--primary)}.reactPlayer{min-height:300px;height:500px;width:100%}.videoStats{margin:2rem 0 0}.videoStats .totalViews{margin:0}.videoDetailsHeader{margin:.2rem 0 1rem;border-bottom:1px solid var(--border-light);padding-bottom:.6rem}.buttonTransparent{background:transparent;border:none}.VideoDetailsIcons{height:2.6rem;width:2.6rem;display:block;background-color:var(--background-opaque);padding:.6rem;border-radius:.3rem;margin:0 0 0 1rem}.videoDetailsTitle{font-size:1.4rem;color:var(--white)}.videoDescription{font-size:1rem;color:var(--text-secondary);margin:1rem 0;display:block;text-align:justify;line-height:1.5}.notes-container{border:1px solid var(--border-light);padding:2rem 1rem;border-radius:.2rem;height:615px;max-height:800px;width:100%;overflow:auto}.notes-header{font-size:2.2rem;color:var(--white);margin-bottom:2rem;border-bottom:1px solid var(--border-light);padding-bottom:1rem;display:block}.notes-paragraph{font-size:1.2rem;line-height:1.5;margin-bottom:2rem;color:var(--text-secondary)}.notes-banner{height:10rem;width:10rem;margin:0 auto 3rem;display:block}.formFieldTextArea{height:4rem;resize:none}.notes-display-container{margin:3rem 0}.notes-display-container-header{font-size:1.4rem;color:var(--white);margin:1rem 0 0}.notes-display-container-description{margin:1rem 0;color:var(--text-secondary)}.note-container{margin:1.2rem 0;background-color:var(--background-opaque);padding:.6rem 1rem;border-radius:.2rem}.note-header-row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:.6rem}.note-icons{color:var(--text-secondary);margin:.6rem 0 0 .4rem;font-size:1.2rem;cursor:pointer}.note-title{-webkit-flex:1 1;flex:1 1;font-size:1.4rem;color:var(--white);margin:1rem 0 0}.note-description{color:var(--text-secondary);text-align:justify;margin:1rem 0}.playlists{border:1px solid var(--dark);padding:1rem;margin-bottom:1rem;border-radius:.2rem}.playlistName{color:var(--white);opacity:.9;font-size:1rem;-webkit-flex:1 1;flex:1 1}.playlistIcon{color:var(--opaque-black);width:2.2rem;height:2.2rem;background-color:var(--dark);padding:.3rem;border-radius:.2rem;margin-right:1rem;cursor:pointer}.playlistRow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;margin:2rem 0}.playlistCard{border:1px solid var(--border-light);border-radius:.3rem;position:relative;height:100%;box-shadow:0 0 10px 0 rgb(0 0 0/40%);transition:box-shadow .25s ease-in}.cardImage{border-radius:.3rem;width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}.videoDuration{background-color:var(--background-opaque);color:var(--white);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;padding:.3rem;font-size:.9rem;border-radius:.3rem;position:absolute;top:1rem;right:1rem}.videoTitle{font-size:1.2rem;color:var(--white);margin:1rem 0}.button-danger{display:block}.loginWrapper{-webkit-justify-content:center;justify-content:center;-webkit-align-self:center;align-self:center;margin:6rem 0}.loginCard,.loginWrapper{display:-webkit-flex;display:flex}.loginCard{background-color:#000;border:1px solid var(--border-light);padding:3rem;border-radius:.2rem;-webkit-flex-flow:column wrap;flex-flow:column wrap;max-width:30rem;margin:0 1rem}.loginCardHeader{text-align:center;font-size:1.4rem;font-weight:500;color:var(--white);margin:0 0 3rem;display:block}.formGroup{margin-bottom:2rem}.formGroup .label{margin:0 0 .2rem;display:inline-block;font-weight:400}.loginButton{margin:2rem 0;width:100%;text-align:center;text-transform:uppercase;padding:.6rem 0}.loginButton,.registerLink{display:block;font-size:1rem}.registerLink{color:var(--opaque-black);margin:3rem 0 0;padding:0}.registerLink span{color:var(--primary);font-weight:600}.error-text{color:var(--red);font-size:1rem;text-align:left;font-weight:400}.cardInfo{position:relative}.horizontalCard{display:grid;grid-template-columns:12rem 1fr auto;-webkit-align-items:center;align-items:center;grid-gap:1rem;margin-bottom:1rem;border:1px solid var(--border-light);box-shadow:0 0 10px 0 rgba(0,0,0,.4);transition:box-shadow .25s ease-in;border-radius:.3rem;cursor:pointer}.horizontalCard:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.cardBannerImage{width:100%;height:100%}.leftWrapper{position:relative}.videoTiming{background-color:var(--background-opaque);color:var(--white);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;padding:.3rem;font-size:.9rem;border-radius:.3rem;position:absolute;top:1rem;right:1rem}.actionIcons{height:1.7rem;width:1.7rem;cursor:pointer;display:inline-block;margin:0 1rem 0 0}.toast{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;position:fixed;left:2rem;bottom:2rem;background-color:var(--secondary);border:1px solid var(--dark);border-radius:.2rem;width:20rem;height:auto;z-index:999;margin:0 auto}.toastMessage{font-weight:400;color:var(--white)}.toastIcon{width:.8rem;cursor:pointer}
/*# sourceMappingURL=main.e21cbc3b.chunk.css.map */