.wrapper .sidebar{background:inherit;height:100vh;left:0;padding:20px 0;position:fixed;top:4rem;transition:all .5s ease;width:225px}.wrapper .sidebar ul li a{color:#f1eded;display:block;display:flex;font-size:16px;margin:6px;padding:9px 30px;position:relative}.wrapper .sidebar ul li a .item{padding:0 6px}.wrapper .sidebar ul li a .icon{color:#dee4ec;display:inline-block;text-align:center;width:30px}.wrapper .sidebar ul li a:hover{background:gray;border-radius:10px;border-right:2px solid #000;color:#dee4ec}.wrapper .sidebar ul li a:hover .icon{color:#dee4ec}.wrapper .sidebar ul li a.active:before,.wrapper .sidebar ul li a:hover:before{display:block}@media screen and (max-width:1000px){.wrapper{background-color:gray;display:none;height:100vh;position:fixed}.wrapper .sidebar{background:inherit;bottom:0;height:225px;left:0;position:absolute;width:100vw}}@media screen and (max-width:600px){.wrapper{display:none}}.Category{background:inherit;display:flex;height:50px;margin-left:16vw;margin-top:-.5vh;overflow-x:auto;overflow-y:hidden;padding-bottom:3.8rem;width:80vw}.Category::-webkit-scrollbar{height:3px;width:3px}.Category::-webkit-scrollbar-track{background:inherit;height:10px}.Category::-webkit-scrollbar-thumb{background-color:gray;border:1px solid #565050;border-radius:10px}.Category__section{background-color:#565050;border-radius:10px;color:#fff;cursor:pointer;height:32px;margin:5px 10px;padding:5px 10px}.Category__section:hover{background-color:gray}@media screen and (max-width:1200px){.Category{margin-left:auto;margin-right:auto}}@media screen and (max-width:600px){.main{height:200vh}}.video-section{grid-column-gap:15px;grid-row-gap:15px;background-color:inherit;-webkit-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));height:100vh;margin-left:16vw;padding:18px;row-gap:15px;width:80vw}.grid-layout{background-color:inherit;height:230px;margin-bottom:15px;max-width:400px;width:290px}@media screen and (max-width:1000px){.video-section{margin-left:auto;margin-right:auto}.grid-layout{margin:0 auto;width:100%}}@media screen and (max-width:600px){.video-section{margin:0;padding:0;width:100vw}.grid-layout{margin:0 auto;width:100%}}.playVideo{background-color:inherit;margin-top:1vh;width:100vw}.playVideo .related-videos{grid-column-gap:15px;grid-row-gap:15px;-webkit-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));overflow-y:auto;row-gap:15px}.playVideo .related-videos::-webkit-scrollbar{height:3px;width:3px}.playVideo .related-videos::-webkit-scrollbar-track{background:inherit;height:10px}.playVideo .related-videos::-webkit-scrollbar-thumb{background-color:gray;border:1px solid #565050;border-radius:10px}.spinner-box{display:flex;height:100%;position:relative;width:100%;z-index:10}.lds-spinner{color:official;display:inline-block;height:80px;margin:auto;position:relative;width:80px}.lds-spinner div{-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-spinner div:after{background:#fff;border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.lds-spinner div:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.lds-spinner div:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.lds-spinner div:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.lds-spinner div:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.lds-spinner div:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.lds-spinner div:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.lds-spinner div:nth-child(7){-webkit-animation-delay:-.5s;animation-delay:-.5s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lds-spinner div:nth-child(8){-webkit-animation-delay:-.4s;animation-delay:-.4s;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.lds-spinner div:nth-child(9){-webkit-animation-delay:-.3s;animation-delay:-.3s;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.lds-spinner div:nth-child(10){-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.lds-spinner div:nth-child(11){-webkit-animation-delay:-.1s;animation-delay:-.1s;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.lds-spinner div:nth-child(12){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.lazy-spinner-box{display:flex;height:100vh;width:100vw}.lazy-spinner{color:official;display:inline-block;height:80px;margin:auto;position:relative;width:80px}.lazy-spinner div{-webkit-animation:lazy-spinner 1.2s linear infinite;animation:lazy-spinner 1.2s linear infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lazy-spinner div:after{background:#fff;border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.lazy-spinner div:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.lazy-spinner div:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.lazy-spinner div:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.lazy-spinner div:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.lazy-spinner div:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.lazy-spinner div:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.lazy-spinner div:nth-child(7){-webkit-animation-delay:-.5s;animation-delay:-.5s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lazy-spinner div:nth-child(8){-webkit-animation-delay:-.4s;animation-delay:-.4s;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.lazy-spinner div:nth-child(9){-webkit-animation-delay:-.3s;animation-delay:-.3s;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.lazy-spinner div:nth-child(10){-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.lazy-spinner div:nth-child(11){-webkit-animation-delay:-.1s;animation-delay:-.1s;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.lazy-spinner div:nth-child(12){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes lazy-spinner{0%{opacity:1}to{opacity:0}}@keyframes lazy-spinner{0%{opacity:1}to{opacity:0}}header{left:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}#main-nav{background:#151414;color:#fff;flex-flow:row nowrap;height:66px;justify-content:space-between;width:100%}#main-nav,.left-icons{align-items:center;display:flex}.left-icons{flex:0 0 13%;justify-content:space-around}.logo{display:flex;font-size:1rem}.logo .youtube-name{margin:4px}.search-bar{border:.5px solid hsla(0,0%,80%,.267);border-radius:10px;display:flex;flex:0 0 49%;justify-content:center;overflow:hidden}.search-bar input{background:#151414;border:none;color:#fff;padding:.4rem .6rem;width:90%}.search-bar input::-webkit-input-placeholder{font-size:1rem}.search-bar input::placeholder{font-size:1rem}.search-bar input:focus{outline:1px solid #0c75ec}.search-icon{background:#151414;border:.5px solid hsla(0,0%,80%,.267);display:flex;width:10%}.right-icons{align-items:center;display:flex;flex:0 0 18%;justify-content:space-evenly}@media screen and (max-width:600px){.search-icon{width:20%}.youtube-name{display:none}.logo{margin:0 auto}}.sideBar-video{margin-left:16vw;padding:18px;width:100vw}.grid-layout-sideBar{background-color:inherit;display:flex;height:250px;margin-bottom:15px;max-width:700px;width:100%}.search-saved-bar{border:.5px solid hsla(0,0%,80%,.267);border-radius:10px;display:flex;flex:0 0 49%;justify-content:center;margin-left:auto;margin-right:auto;overflow:hidden;width:40%}.search-saved-bar input{background:#151414;border:none;color:#fff;padding:.4rem .6rem;width:90%}.search-saved-bar input::-webkit-input-placeholder{font-size:1rem}.search-saved-bar input::placeholder{font-size:1rem}.search-saved-bar input:focus{outline:1px solid #0c75ec}.show-saved-vidoes{background-image:linear-gradient(160deg,#df3434,#e8081b);border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px}@media screen and (max-width:600px){.sideBar-video{margin-left:0}.grid-layout-sideBar{height:170px}.show-saved-vidoes{border-radius:10px;font-size:12px;padding:10px}}.root{color:#7e8ba3;font:300 1rem/1.5 Helvetica Neue,sans-serif;margin:0;min-height:100%}.align{align-items:center;display:flex;flex-direction:row}.align__item--start{align-self:flex-start}.align__item--end{align-self:flex-end}.site__logo{margin-bottom:2rem}input{border:0;font:inherit}input::-webkit-input-placeholder{color:#7e8ba3}input::placeholder{color:#7e8ba3}.form__field{margin-bottom:1rem}.form input{outline:0;padding:.5rem 1rem}.form input[type=email],.form input[type=password],.grid{width:100%}.grid{margin:auto;max-width:25rem}h2{font-size:2.75rem;font-weight:100;margin:0 0 1rem;text-transform:uppercase}.site__logo{display:flex;flex-direction:column;max-width:100%}a{color:#7e8ba3}.register{box-shadow:0 0 250px #000;padding:4rem 2rem;text-align:center}.register input{background-color:transparent;border:1px solid #242c37;border-radius:999px;color:#fff;text-align:center}.register input[type=email],.register input[type=password],.register input[type=text]{background-position:1rem 50%;background-repeat:no-repeat;background-size:1.5rem}.register input[type=email],.register input[type=text]{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#242c37%22%3E%3Cpath%20d=%22M256.017%20273.436l-205.17-170.029h410.904l-205.734%20170.029zm-.034%2055.462l-205.983-170.654v250.349h412v-249.94l-206.017%20170.245z%22/%3E%3C/svg%3E')}.register input[type=password]{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#242c37%22%3E%3Cpath%20d=%22M195.334%20223.333h-50v-62.666c0-61.022%2049.645-110.667%20110.666-110.667%2061.022%200%20110.667%2049.645%20110.667%20110.667v62.666h-50v-62.666c0-33.452-27.215-60.667-60.667-60.667-33.451%200-60.666%2027.215-60.666%2060.667v62.666zm208.666%2030v208.667h-296v-208.667h296zm-121%2087.667c0-14.912-12.088-27-27-27s-27%2012.088-27%2027c0%207.811%203.317%2014.844%208.619%2019.773%204.385%204.075%206.881%209.8%206.881%2015.785v22.942h23v-22.941c0-5.989%202.494-11.708%206.881-15.785%205.302-4.93%208.619-11.963%208.619-19.774z%22/%3E%3C/svg%3E')}.register input[type=submit]{background-image:linear-gradient(160deg,#df3434,#e8081b);color:#fff;margin-bottom:6rem;width:100%}@media screen and (max-width:600px){.grid{margin-left:5px;width:100%}.align{display:flex;flex-direction:row}.align__item{margin-left:auto;margin-right:auto}}*{box-sizing:border-box;font-family:Quicksand;list-style:none;margin:0;padding:0;text-decoration:none}body{background:#151414;overflow-x:hidden}.error-mssg{display:flex;height:100%;text-align:center;width:100%}.error-mssg P{color:#fff;font-family:inherit;font-size:20px;margin:auto}
/*# sourceMappingURL=main.f9b1859c.css.map*/