:root{--primary-color:#191921;--white:#fff;--hover:#5c4fa8;--home-bg-color:#000;--input-bg-color:rgba(0,0,0,0.5);--landing-page-font:cursive;--label-title-color:#dbdaaa;--text-color:#000;--login-container-color:#544f4f;--login-hover:#2d2929;--link-color:#fff;--link-hover:#271919;--login-font:"roboto";--card-font:"Roboto","Arial",sans-serif;--vr-card-bg:#cdcdcd;-mod-bg:#aca4a4;--black:#000}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}.nav-container{background-color:var(--primary-color);color:var(--white);padding:1.2rem;position:relative}.title{margin-left:1rem}.user{font-size:1.5rem;cursor:pointer;border:1px solid var(--white);padding:.5rem;border-radius:100%;margin-right:1rem}.user:hover{color:var(--vr-card-bg);box-shadow:var(--shadow-box)}.user-modal{color:var(--primary-color)}.user-modal:hover{background-color:var(--vr-card-bg);cursor:pointer}.user-modal-container{position:absolute;margin-top:1rem;margin-right:2.8rem}.scroller{background-color:var(--primary-color);padding:1rem;height:100vh;border-right:1px solid var(--white);border-top:1rem}.component-child{color:var(--white)}.component-child:hover{background-color:#34343d;cursor:pointer}.title-box{display:flex;justify-content:space-between;align-items:flex-end}.creator,.title-box{padding:.4rem}.vid-title{max-width:90%;font-family:var(--card-font)}.video-card{cursor:pointer}.image,.video-card{border-radius:1rem}.fa-ellipsis-v{padding:.5rem;margin-left:1rem}.modal-title{position:relative}.card-modal-main{border:1px solid var(--black);position:absolute;top:30px;right:30px}.main-modal-child{padding:.4rem 1rem;background-color:var(--white);font-family:var(--card-font)}.main-modal-child:hover{background-color:var(--vr-card-bg)}.play-card{position:relative}.video-number{position:absolute;width:100%;height:90%;background-color:rgba(0,0,0,.7);top:0;right:0;border-radius:1rem;color:#fff;display:flex;align-items:center;justify-content:center}.plist-m-container{width:100vw;height:100vh;position:fixed;top:0;padding-top:10rem;background-color:rgba(0,0,0,.5)}.plist-m{border:1px solid var(--black);width:-webkit-max-content;width:max-content;padding:.5rem;margin:5rem auto auto;border-radius:.5rem;font-family:var(--card-font);background-color:var(--white)}.input-container{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}input{padding:.2rem}.playlists{display:flex;flex-direction:column;padding-bottom:.5rem}.playlist-child{display:flex;align-items:flex-end;grid-gap:1rem;gap:1rem}.heading-txt{padding-bottom:.5rem}.heading-container{display:flex;justify-content:space-between}.fa-times{cursor:pointer}.fa-times:hover{color:var(--login-container-color)}.vertical-card-container{padding:1rem;background-color:var(--vr-card-bg);display:flex;justify-content:space-between;cursor:pointer}.vertical-card{display:flex;grid-gap:1rem;gap:1rem;font-family:var(--card-font)}.img-cont{height:8rem;flex-shrink:0}.vertical-image{width:100%;height:100%}.options{cursor:pointer;padding:.5rem}.modal-container{display:flex;grid-gap:1rem;gap:1rem}.modal-child{margin-top:1rem;border:1px solid #000;padding:.5rem;display:flex;justify-content:center;align-items:center;background-color:var(--white);border-radius:.2rem;font-family:var(--card-font)}.modal-child:hover{background-color:var(--mod-bg)}.nav-container{box-shadow:var(--shadow-box)}.flex-space-between{display:flex;justify-content:space-between;align-items:center}a{color:var(--primary-color)}.card-skeleton .fas{padding:.5rem;background-color:#eef2f7;border-radius:50%}.card-skeleton .fas,.vertical-card-component:hover{box-shadow:var(--shadow-box)}.content{grid-gap:1rem;gap:1rem}.content,.filter-and-category{display:flex;flex-direction:column}.filter-and-category{grid-area:scroller;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;align-self:start;width:14rem;color:var(--primary-color);box-shadow:none;color:var(--text-color);font-family:"Open Sans",sans-serif}.price-range{justify-content:flex-start;grid-gap:2.5rem;gap:2.5rem}.scroll-input{flex-direction:column;grid-gap:.5rem;gap:.5rem;align-items:flex-start}.product-listing-body{display:flex}.product-container{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));padding:1rem;grid-gap:2rem;gap:2rem}.card-skeleton{height:100%;width:100%;box-shadow:var(--shadow-box)}.list-title,.radio-list{align-self:flex-start}.imageContainer{height:50%}.image{object-fit:fill;width:100%}.content h5{color:var(--text-color)}@media screen and (max-width:1200px){.product-container{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:1000px){.product-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.product-container{grid-template-columns:1fr}}.login-container{font-family:var(--login-font);height:100vh}.login-container,.login-inputs{display:flex;justify-content:center;align-items:center}.login-inputs{background-color:var(--login-container-color);width:25rem;height:35rem;flex-direction:column;box-shadow:var(--shadow-box)}.primary-button{border:none}.primary-button:hover{background-color:var(--login-hover)}a{color:var(--link-color);margin-left:2rem}a:hover{color:var(--link-hover)}.forgot-password a{margin-left:auto;text-decoration:none}.login-container button{width:100%}.login-container a{text-decoration:none;justify-content:center}input[type=email],input[type=password]{border:1px solid}.signup-input{cursor:pointer;color:var(--white)}.signup-input:hover{color:var(--primary-color)}form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.signup-inputs{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;font-size:small}.user-link{padding-right:2rem}.cross{cursor:pointer}.error-msg{background-color:var(--white);width:-webkit-max-content;width:max-content;padding:1rem;position:absolute;top:42rem;left:33rem;border:1px solid red}.error-msg,.input-icon{display:flex;grid-gap:1rem;gap:1rem;align-items:center}.fa-eye{border:1px solid var(--black);padding:7px;cursor:pointer;border-radius:5px;font-size:20px}.fa-eye:hover{color:var(--white)}.single-video-container{width:100%}.outer-container{display:flex}.sidebar{flex-shrink:0}.single-video-page{display:grid;grid-template-columns:4fr 1fr;grid-gap:2rem;padding:1rem}.video-title{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.vid-icons{display:flex;font-size:1rem;grid-gap:1rem;gap:1rem}.icon-name{font-family:var(--card-font);display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;border:1px solid #000;padding:.5rem;border-radius:1rem;cursor:pointer}.dark{color:var(--white);background-color:#000}.liked-page,.liked-vid-container{padding:1rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.liked-vid-container{width:100%}.empty-page{display:flex;align-items:center;font-size:2rem;color:var(--vr-card-bg)}.clr-btn{width:-webkit-max-content;width:max-content;padding:.5rem;background-color:var(--primary-color);color:var(--white);border-radius:.5rem;cursor:pointer}.clr-btn:hover{color:var(--primary-color);background-color:var(--white)}
/*# sourceMappingURL=main.bde27768.chunk.css.map */