@import url(https://decode-ui.netlify.app/style.css);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap);@import url(https://use.fontawesome.com/releases/v5.15.3/css/all.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.videos-list{display:flex;flex-direction:column;margin-top:2em}.cta{justify-content:space-evenly}.order{position:relative;width:100%}.footer,.liked-list{display:flex;flex-direction:column}.create-btn{width:5em;margin-top:.5em}.create-btn,.search{margin-left:auto;margin-right:auto}.search{max-width:30em;width:50%;height:.6em;font-size:1.2em;text-align:left;display:block;box-shadow:inset 0 0 2px var(--gray-fade);color:#000;border:1px solid var(--gray-fade);padding:.4em .4em .4em 1em;align-self:center;font-family:"Roboto"}.login{padding:0 1em}.login,.title{align-self:center;font-size:1.2em;cursor:pointer}.title{padding-right:1em;font-weight:500}::-webkit-input-placeholder{font-family:"Roboto";color:var(--gray)}:-ms-input-placeholder{font-family:"Roboto";color:var(--gray)}::placeholder{font-family:"Roboto";color:var(--gray)}nav{border-bottom:1px solid var(--gray-fade);position:fixed;background-color:#fff;width:100vw;top:0}.nav{left:0;padding-top:1em;transition:.35s;height:100%}.nav,.nav-disable{position:fixed;border-right:1px solid var(--gray-fade);background-color:#fff}.nav-disable{left:-100%;transition:.85s;top:1em}.nav-disable li{list-style:none;display:flex;padding:1.5em 2em .5em 1em}.nav-disable i,.nav-disable svg{padding:0 1em;font-size:1.3em}.nav li{list-style:none;display:flex;padding:1.5em 2em .5em 1em}.nav i{padding:0 1em;font-size:1.3em}.nav svg{padding:0 1em;width:1.5em;height:1.5em}hr{width:12em;border:1px solid var(--gray-fade)}.fa-bars{padding:1.4em 1.8em;font-size:1.3em}nav img{width:5.3em;height:2em;border:none;margin-left:-3em;border-right:1px solid var(--gray-fade);padding:1.52em 2em}.above{margin-left:-4.83em;margin-top:.62em;font-size:1.8em}.margin{margin-top:3em}.video-listing{display:flex;flex-wrap:wrap;margin-left:15em}*{font-family:"Roboto"}.video-listing-1{display:flex;flex-wrap:wrap;padding-left:10em;padding-top:6em;justify-content:center}.thumbnail{width:20em;height:auto;margin:4em 1em;border:none}.video-style{display:flex;flex-direction:column}.cta span{padding-right:1.1em;cursor:pointer;text-align:left}.cta{display:flex;align-self:flex-end;flex-direction:column;background-color:#fff;margin-top:.5em;z-index:1;padding:.5em;box-shadow:inset 1px 2px 2px 1px var(--gray-fade);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cta,.ellipsis{margin-right:1.8em}.ellipsis{align-self:flex-start;color:var(--gray);cursor:pointer}.details{display:flex;justify-content:space-between}.img-round{width:2em;height:2em;border-radius:2em;border:none;padding:0;margin:0 0 0 1.8em}.channel-details{display:flex;flex-direction:column;text-align:left;font-weight:500;padding:0 1em}.gray{color:#606060;font-size:.9em}.video-name{font-weight:500}.circle{font-size:2em}.last-row{margin-top:-.8em}footer{height:2em}.row{display:flex}.modal-1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:none;max-width:20em;max-height:7em;background-color:#fff;z-index:100}.flex{display:flex;justify-content:center}.modal-heading{font-size:1.2em;padding-top:2em}h1{margin-top:4em}.video{display:block;margin:5em auto 0}.video,.video-nav-hidden{width:100vw;height:38em;max-width:100em}.modal-fade{position:absolute;width:100vw;height:1000vh;top:0;bottom:0;background-color:rgba(0,0,0,.384);z-index:90}.like{justify-self:flex-end;font-size:xx-large;cursor:pointer;display:flex;align-items:center}.spinner{margin-top:20em}.name{font-size:larger;margin-top:4em}.wide{width:100vw}.channel-details-1{padding:0 1em 10em}.channel-details-1,.channel-details-hidden{margin-left:12.5em;flex-direction:row;justify-content:space-between;display:flex;text-align:left;font-weight:500}.channel-details-hidden{padding:0 1em}.inc{font-size:1.2em}.video-style-1{display:flex;flex-direction:column;flex-wrap:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:0}.details-1{align-self:flex-start;margin-left:1.1em}.notes{width:30em;margin-top:5em;margin-left:12em;padding:1em 4em;display:flex;flex-direction:column}.notes span{font-size:1.4em;text-align:left;color:rgba(0,0,0,.76)}.notes input{border:none;margin-top:2em;font-size:1em;text-align:left;width:30em;outline:none;border-bottom:1px solid var(--gray-fade);font-family:Roboto}.notes input:focus{border-bottom:2px solid #000;transition:20ms}.buttons{align-self:flex-end;margin-right:-1.2em}.button-primary{border-radius:.2em}.button-outline-none,.button-primary{padding:.5em 2em;font-size:1em;font-weight:500}.button-outline-none{border:none;border-radius:.2em;background-color:#fff;cursor:pointer}::-webkit-input-placeholder{font-family:Roboto}:-ms-input-placeholder{font-family:Roboto}::placeholder{font-family:Roboto}.relative{display:flex;flex-direction:row;justify-content:space-evenly;display:grid;grid-template-columns:.9fr .1fr;grid-template-areas:"n v";border-top:1px solid var(--gray-fade)}.item-list{text-align:left;display:flex;flex-direction:column;font-size:.7em}.row{grid-area:n}.v{grid-area:v}.input span{width:30em}input{font-family:Roboto}.playlist{padding:1em;align-content:center}@media only screen and (max-width:600px){.video-nav-hidden{width:100vw;height:17em;margin-top:6.8em}.video{width:100vw;height:17em;margin-top:5em}.channel-details-hidden{margin-left:0;font-size:small}.like{font-size:large}}@media only screen and (min-width:600px){.channel-details-hidden{margin-left:0}}.modal{width:15em;position:absolute;top:48em;right:1em;background-color:#fff;box-shadow:none;z-index:1;border:1px solid var(--gray)}.modal-header{font-size:.8em;padding:1em;text-align:center}.modal-close{top:.8em;font-size:medium}.check-list{display:flex;justify-content:space-evenly}.heading{font-size:1.5em;font-weight:400}.modal-body{padding:1em}.create{margin:0 .5em}.footer{margin:auto}.cta span{padding:1em 0}.button-primary-1{border-radius:.2em;padding:0 .5em;font-size:1em;font-weight:500;background-color:var(--blue);color:#fff;border:none}.history{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-left:10.3em;margin-top:10em}.videos-history{width:23em;height:15em;padding:1em;margin-left:-10em}.title-history{position:absolute;top:3.5em;text-transform:uppercase;text-align:center;font-size:2em;z-index:-1;left:0;right:0}.grid-history{display:grid;grid-template-columns:.6fr .4fr;grid-template-areas:"g d"}.g{grid-area:g}.d{grid-area:d;height:100vh;display:flex;flex-wrap:wrap}.d span{position:fixed;text-transform:uppercase;text-align:center;font-size:1em;top:50%;padding-left:3em;font-weight:500;transform:translateY(-50%)}.d span,.fa-trash{color:#606060;cursor:pointer}.fa-trash{font-size:1.2em;padding:0 .5em}.history-library-div{margin-top:5em;display:flex;flex-direction:column;border-bottom:1px solid var(--gray-fade);padding-bottom:.5em}.videos-history-library{width:18em;height:10em;padding:1em}.title-history-library{font-size:1.2em;margin-top:3em;align-self:flex-start;margin-left:15em}.history-library{justify-content:center;display:flex;margin-left:4em;flex-wrap:wrap}.history-library-div-1{margin-top:1em;display:flex;flex-direction:column;border-bottom:1px solid var(--gray-fade);padding-bottom:1em}.user-input-wrp{position:relative;width:50%;max-width:20em;font-family:"Poppins",sans-serif}.user-input-wrp .inputText{width:100%;border-radius:.3em;box-shadow:none!important;padding:1em;border:none;width:15em;margin:2em 2em 1em;background-color:hsla(0,0%,50.2%,.075)}.floating-label-password,.user-input-wrp .floating-label{position:absolute;pointer-events:none;top:55px;left:35px;font-size:1em;transition:all .2s ease;color:grey}.user-input-wrp input:focus~.floating-label,.user-input-wrp input:focus~.floating-label-password,.user-input-wrp input:not(:focus):valid~.floating-label,.user-input-wrp input:not(:focus):valid~.floating-label-password{top:10px;left:25px;opacity:1}.eye{top:3.6em;position:absolute;right:-6em}.login-flow{display:flex;flex-direction:column;align-items:center;justify-items:center;width:50%;margin-top:13em;margin-left:2em}.login-banner{width:38%;margin-left:-10em;height:100vh}.flex-login{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width:950px){.grid-login{display:flex;flex-direction:column;align-content:center}.login-banner{width:100%;height:40%;margin-top:-8em;margin-left:0}.login-flow{align-items:center;justify-items:center;margin:2em auto auto}}.user-input-wrp-1{position:relative;width:90%;max-width:20em;font-family:"Poppins",sans-serif}.user-input-wrp-1 .inputText-1{width:100%;border-radius:.3em;box-shadow:none!important;padding:1em;border:none;width:15em;margin:1em;background-color:hsla(0,0%,50.2%,.075)}.floating-label-password-1,.user-input-wrp-1 .floating-label-1{position:absolute;pointer-events:none;top:43px;left:25px;font-size:1em;transition:all .2s ease;color:grey}.user-input-wrp-1 input:focus~.floating-label-1,.user-input-wrp-1 input:focus~.floating-label-password-1,.user-input-wrp-1 input:not(:focus):valid~.floating-label-1,.user-input-wrp-1 input:not(:focus):valid~.floating-label-password-1{top:5px;left:15px;opacity:1}.eye-1{top:2.6em;position:absolute;left:13em}.login-flow-1{display:flex;flex-direction:column;align-items:center;justify-items:center;width:50%;margin-top:10em;margin-left:2em}.text-lg{font-size:2.5em;font-weight:500}.underline{text-decoration:underline}.login-banner-1{width:38%;margin-left:-10em;height:100vh}.flex-login-1{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width:950px){.grid-login-1{display:flex;flex-direction:column;align-content:center}.login-banner-1{width:100%;height:40%;margin-top:-8em;margin-left:0}.login-flow-1{align-items:center;justify-items:center;margin:2em auto auto}.floating-label-password-1,.user-input-wrp-1 .floating-label-1{position:absolute;pointer-events:none;top:43px;left:15px;font-size:1em;transition:all .2s ease;color:grey;padding:0 1em}.user-input-wrp-1 input:focus~.floating-label-1,.user-input-wrp-1 input:focus~.floating-label-password-1,.user-input-wrp-1 input:not(:focus):valid~.floating-label-1,.user-input-wrp-1 input:not(:focus):valid~.floating-label-password-1{left:0}}.footer-text{margin:1em 0}
/*# sourceMappingURL=main.ad753583.chunk.css.map */