@import url(https://uilight.netlify.app/main.css);@import url(https://fonts.googleapis.com/icon?family=Material+Icons+Outlined);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);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}.heading{background-color:var(--background-color);color:var(--primary-color);padding:.5rem 5rem;border-bottom:1px solid var(--border-color);width:100vw;overflow:hidden;z-index:1;justify-content:space-between}.icon{width:3rem;height:3rem;border-radius:50%}.heading-title{font-size:2.5rem}.search-box{width:30rem;padding-left:2rem;font-size:1rem;border:none;border-bottom:1px solid var(--primary-color);background-color:transparent}.search-box:focus{outline:none}.search-icon{top:8px;left:4px}.navigation,.search-box-container{margin-left:0}.auth-btn{background-color:transparent;color:var(--primary-color)}:root{--primary-color:#334155;--background-color:#f3f4f6}body{background-color:#f3f4f6;background-color:var(--background-color);overflow-x:hidden}.footer{padding:2rem;background-color:var(--primary-color);color:var(--text-color-secondary)}.padding-all-16{padding:8px 0 0}.hero-drawer{position:fixed;left:0;padding-top:0}.list-item-drawer{margin-bottom:.25rem}.list-item-drawer:hover{background-color:var(--primary-color);color:var(--background-color)}.br{border-radius:0 2rem 2rem 0}.video-card{max-width:25rem;padding:.5rem}.horizontaol-video-card,.video-card{border:1px solid var(--accent-color);border-radius:4px}.horizontaol-video-card{padding:8px;width:40vw;margin-bottom:2rem}.thumbnail-container{position:relative;width:23.875rem;height:13.44rem;cursor:pointer}.thumbnail{width:100%;height:100%;border-radius:4px;object-fit:cover}.video-length{background-color:var(--primary-color);color:#fff;padding:.3rem .5rem;bottom:.875rem;right:.25rem;border-radius:4px;font-weight:700}.about-video{margin-top:8px;align-items:flex-start;width:24vw}.video-details{width:80%}.channel-icon{width:3.125rem;height:3.125rem;border-radius:50%}.line-height{line-height:8px;font-weight:400}.option{top:-8px;right:-10px}.chip{border-radius:2rem;padding:.3rem .875rem;margin-bottom:.5rem;max-width:12.5rem;border:1px solid}.chip:hover{background-color:var(--primary-color);color:var(--background-color);cursor:pointer}.category{padding:.3rem 0 1rem}.selected{background-color:var(--primary-color);color:var(--background-color)}.modal-container{width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid var(--accent-color);z-index:1}.modal-container .m-box{width:20vw;background-color:#fff;font-weight:700;padding:.5rem}.modal-nav{border-bottom:1px solid var(--accent-color);justify-content:space-between;padding-bottom:.5rem;margin-bottom:.5rem}.gap-12px{grid-gap:12px;gap:12px}.gap-8px{grid-gap:8px;gap:8px}.playlist-btn{margin-top:.5rem;font-size:1.25rem}.title-input{width:19vw;height:5vh;padding:.5rem;border:1px solid var(--accent-color);font-size:1rem;background-color:var(--background-color);border-radius:4px}.title-input:focus{border:none;outline-color:var(--accent-color)}.d-none{display:none}.create-btn{align-self:center}.playlist-btn{width:100%;border-top:1px solid var(--accent-color)}.single-video-container{padding:8px;border:1px solid var(--accent-color);border-radius:4px;width:76vw;margin-bottom:2rem}.single-video-container:hover{cursor:pointer}.video-frame-container{width:100%;height:25rem}.video-frame{width:100%;height:100%;border:none;border-radius:4px;object-fit:cover}.about-creator{margin-bottom:.75rem}.col-flex-util{display:flex;flex-direction:column;align-items:flex-start}.gap-12px{grid-gap:.75rem;gap:.75rem}.gap-8px{grid-gap:.5rem;gap:.5rem}.feature-btn{font-size:.875rem;padding:8px 0;cursor:pointer}.feature-btn:hover{color:var(--primary-color)}.views-count{margin-left:auto;font-size:.875rem}.description{margin-top:12px}.bottom-0{bottom:0}.del-btn{padding:.5rem}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader{width:8rem;height:8rem;border-top:10px solid var(--accent-color);border:10px solid var(--accent-color);border-top-color:var(--primary-color);border-radius:50%;-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite}.loader-container{margin-top:15rem}.d-grid,.loader-container{display:grid;place-content:center center}.d-grid{margin-top:7rem;margin-bottom:1rem}.login-auth{width:33rem;background-color:var(--card-background);padding:0 2rem}.auth-title{margin:1rem 0;text-align:center}.auth-title,.form-input{color:var(--primary-color)}.form-input{width:26rem;margin:4px 0;font-size:1rem;border:1px solid var(--primary-color);border-radius:4px}.form-input:focus{outline:1px solid var(--primary-color)}.form-label{padding:0;text-decoration:none;color:var(--primary-color)}.form-container{margin:1rem 0}.label-remember{font-size:1.25rem;color:var(--primary-color)}.login-btn{width:26rem}.create-account{margin:1rem 0}.new-account{font-weight:700;font-size:1.5rem;color:var(--primary-color)}.flex-row{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px}.create-acc{text-decoration:none;color:var(--text-color-primary)}.pwd-icon-position{top:2.5rem;right:3.5rem}.pass-check-text{display:flex;flex-direction:column;background-color:var(--secondary-color);color:var(--text-color-primary);width:-webkit-max-content;width:max-content;padding:8px;border-radius:4px}.display-n{display:none}.sign-up-btn[disabled]:hover{cursor:none;background-color:var(--secondary-color);color:var(--text-color-primary)}.btn-outline-primary:hover{color:var(--background-color);background-color:var(--primary-color);cursor:pointer}.check-box{width:18px;height:18px}.mg{margin-top:6rem;position:relative}.main-video-container{margin:0 0 8rem 16rem}.videos-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;place-content:center center}.page-title{margin-bottom:2rem}.clear-all{margin-left:auto}.title-width{width:78vw}.back-home{text-decoration:underline;color:var(--primary-color)}.notify-message{text-align:center}.playlist-box{width:35vw;padding:1rem}.playlist-container{grid-gap:3rem;gap:3rem;flex-wrap:wrap}.playlist-box:hover{cursor:pointer}.error-page{margin-top:10rem;display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem}.error-title{font-size:10rem;color:var(--primary-color);margin-bottom:4rem}.error-msg{color:var(--text-color-primary);text-align:center;width:50%}
/*# sourceMappingURL=main.05d4f02f.chunk.css.map */