@import url(https://freshstyleui.netlify.app/styles.css);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css);:root{--primary:#07ba51;--primary-dark:#003918;--secondary:#ffe626;--secondary-dark:#ff9100;--text-color-1:#444;--text-color-2:#666;--text-color-3:#000;--bg-color-1:#fff;--bg-color-2:#eee;--bg-color-3:#e1e1e1;--box-shadow:0 .5rem 1.5rem rgba(0,0,0,0.1);--background-color:#fff;--background-color2:#fff;--danger-color:#df0000;--green:green;--red:red;--playlist-card-overlay-background-color:rgba(133,130,130,0.5019607843137255)}body{background:#eee;background:var(--bg-color-2)}body.active{--text-color-1:#fff;--text-color-2:#eee;--text-color-3:#000;--bg-color-1:#333;--bg-color-2:#222;--bg-color-3:#565656;--box-shadow:0 .5rem 1.5rem rgba(0,0,0,0.4);--background-color:#000;--background-color2:#333}.btn-success{background-color:#07ba51;background-color:var(--primary)}*{font-family:"Poppins",sans-serif;margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none;transition:all .2s linear}html{font-size:62.5%;overflow-x:hidden;scroll-padding-top:7rem;scroll-behavior:smooth}html::-webkit-scrollbar{width:.4rem;height:.1rem}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#07ba51;background:var(--primary);border-radius:5rem}section{padding:2rem 7%}.heading{text-align:center;padding-bottom:2rem;color:#444;color:var(--text-color-1);font-size:4rem}main{position:absolute;top:0;left:0;min-width:120rem;min-height:60rem;margin-top:5rem;margin-left:18rem;background-color:var(--bg-color-3);object-fit:cover;border-radius:2rem}img{max-width:100%;max-height:100%;margin:auto;display:block}.flex-r{background-color:var(--bg-color-3)}.header{position:fixed;top:0;left:0;right:0;background:var(--bg-color-1);box-shadow:var(--box-shadow);padding:1.5rem 7%;z-index:1000;display:flex;align-items:center;justify-content:space-between}.header .logo{font-weight:bolder;font-size:2.5rem;color:var(--text-color-1)}.header .logo i{color:var(--primary);font-size:48px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header .search-form{background:var(--bg-color-2);color:var(--text-color-1);border-radius:.5rem;display:flex;align-items:center;height:4.5rem;width:50rem}.header .search-form input{height:100%;width:100%;background:none;text-transform:none;font-size:1.5rem;color:var(--text-color-1);padding:1rem}.header .search-form input::-webkit-input-placeholder{color:var(--text-color-1)}.header .search-form input:-ms-input-placeholder{color:var(--text-color-1)}.header .search-form input::placeholder{color:var(--text-color-1)}.header .search-form label{font-size:2rem;margin-right:1.5rem;color:var(--text-color-1);cursor:pointer}.header .search-form label:hover{color:var(--primary)}.header .icons div{height:4.5rem;width:4rem;line-height:4.5rem;font-size:1.5rem;border-radius:.5rem;margin-left:.2rem;background:var(--bg-color-2);color:var(--text-color-1);cursor:pointer;text-align:center}.header .icons div:hover{color:#fff;background:var(--primary)}#search-btn{display:none}.header .navbar{position:absolute;top:115%;right:7%;background:var(--bg-color-1);border-radius:.5rem;box-shadow:var(--box-shadow);width:25rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right}.header .navbar.active{-webkit-transform:scale(1);transform:scale(1)}.header .navbar a{display:block;margin:1rem;padding:1rem;font-size:1.5rem;font-weight:600;color:var(--text-color-1);border-radius:.5rem}.active-page,.header .navbar a:hover{color:var(--primary);background:var(--bg-color-2);padding-left:2rem}.header .login-form.active{-webkit-transform:scale(1);transform:scale(1)}.header .login-form .inputBox{margin-bottom:1rem}.header .login-form .inputBox span{font-size:1.7rem;color:var(--text-color-2)}.header .login-form .inputBox input{font-size:1.5rem;color:var(--text-color-1);border-radius:.5rem;padding:1rem;background:var(--bg-color-2);width:100%;text-transform:none;margin:.5rem 0}.header .login-form .remember{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 0}.header .login-form .remember label{color:var(--text-color-2);font-size:1.5rem;cursor:pointer}.header .login-form .btn{width:100%}.userName{font-size:2rem;color:var(--text-color-1);margin-right:2rem}.fasIcon{margin-left:1rem;font-size:1.6rem;color:var(--text-color-2)}.large-Nav-Icon{width:10rem!important}.container-toast{list-style:none;position:fixed;bottom:4rem;right:0}.text-toast{font-size:1.5rem;margin-bottom:.7rem;width:35rem;border-radius:.5rem;box-shadow:var(--box-shadow);z-index:4;color:var(--background-color);padding:2rem;align-items:center}.added{background-color:var(--green)}.removed{background-color:var(--red)}.sidebar{position:fixed;top:.5rem;margin-left:2rem;margin-top:10rem;width:14rem;background-color:var(--bg-color-1);max-height:60rem;border-radius:1rem}.sidebar-heading{font-size:2rem;margin-left:3.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:0;cursor:pointer;padding-top:2rem;color:var(--text-color-1)}.link{border:none}.link,.link:hover{background-color:var(--background-color2)}.link:hover{padding:none}.banner{height:40rem;object-fit:cover;width:100%;border-radius:2rem;margin-bottom:7rem}.banner-button{font-size:large;width:40rem;padding:1.5rem;position:absolute;top:30rem;left:44rem;background-color:var(--secondary);color:var(--text-color-3)!important}.category-filter{z-index:10;position:absolute;top:42rem;left:10rem}.home{border-radius:.5rem;min-width:125rem}.btn-transparent{background:transparent;border:transparent;cursor:pointer}.display-none{display:none}.playlist-main-container{border-radius:.4rem;background-color:var(--bg-color-3);color:var(--text-white);display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;margin-top:-9.5rem;margin-left:2rem;z-index:2}.h3{font-size:1rem}.playlist-first-div{display:flex;justify-content:space-between}.playlist-third-div{display:flex}.playlist-title{margin-top:-.2rem}.playlist-checkbox{width:2rem;height:1.05rem}.new-plyalist-head{margin-left:.5rem;margin-right:1rem}.playlist-plus{margin-left:.5rem;margin-top:1.4rem}.playlist-saveTo-text{margin-left:.5rem;font-size:1.2rem}.playlist-cross{font-size:1.8rem;margin-right:.5rem;margin-top:.6rem}.playlist-footer-container{display:flex;flex-direction:column}.footer-container{display:flex;justify-content:space-between}.cancel-btn{margin-left:.5rem;margin-bottom:.5rem;margin-top:.5rem}.cancel-btn,.create-btn{border:none;border-radius:.3rem;padding:.3rem .6rem;cursor:pointer}.create-btn{margin:.5rem}.input-playlist-video-card{width:12rem;margin-left:.5rem;border-radius:.2rem}.avatar{background-color:var(--bg-color-1);position:relative;bottom:2rem;right:1rem;padding:.6rem}.content .contentTitle{position:relative;min-width:20rem;bottom:-.1rem;margin-top:.7rem;font-size:1.6rem;line-height:1.5rem;color:var(--text-color-1)}.creatorName{font-weight:500;left:0}.creatorName,.durationVideo{font-size:1rem;position:absolute;top:3rem;border-radius:.5rem;padding:.2rem .4rem;color:var(--text-color-1);background-color:var(--bg-color-3)}.durationVideo{font-weight:800;left:12rem}.viewsCount{font-size:1rem;position:absolute;right:-3rem;top:3.1rem;border-radius:.5rem;padding:.2rem .4rem;color:var(--text-color-1);background-color:var(--bg-color-3)}.dropDownIcon{color:var(--text-color-1);font-size:2.5rem;position:relative;right:-4rem;bottom:-1.5rem}.card-dropdown{position:absolute;color:var(--text-color-1);background-color:var(--bg-color-3);z-index:2;right:-7rem;bottom:3rem}.card-dropdown>li{font-weight:800;font-size:1.2rem;list-style:none;display:flex;align-items:center;padding:.5rem 1rem;border:1px solid #000}.card-dropdown>li:hover{background-color:var(--bg-color-2)}.card-dropdown>li>.dropIcon{margin-right:1rem}.category{min-width:35rem;border-radius:.5rem;padding:.1rem;border:.2rem solid var(--bg-color-3)}.container-overlay-img-playlist-card{width:18rem;height:20rem;position:absolute;top:2rem;right:2rem;border-radius:.2rem;background-color:var(--playlist-card-overlay-background-color)}.disable-link{pointer-events:none;cursor:default}.container-btn-playlist-card{position:relative}.btn-remove-playlist{position:absolute;top:0;right:0}.nav-button{display:flex;position:absolute;bottom:-1.5rem;left:10rem}.play-icon{font-size:3rem;color:var(--text-color-3);position:relative;top:6rem;left:6rem}.playlist-control{position:relative;display:flex;flex-direction:row;left:2rem}.link-to-view{text-decoration:none;color:var(--text-color-3)}main{top:4rem}.main-container{display:grid;grid-template-columns:1fr 1fr 1fr}.home{min-height:20rem;border-radius:1.5rem;align-items:center;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;background-color:var(--bg-color-1);background-size:cover}.home .image{flex:1 1 45rem}.home .image img{width:100%}.home .content{flex:1 1 45rem}.home .content h3{font-size:4rem;display:inline;padding:.2rem}.home .content h3,.home .content p{color:#000;background-color:var(--bg-color-1);border-radius:.5rem}.home .content p{font-size:1.7rem;font-weight:300;line-height:1.7;padding:0 1rem;margin-top:.2rem;width:60%}.category{margin:1rem;cursor:pointer}.image{margin-bottom:3rem}.content{display:flex;flex-direction:row;margin-top:11rem;right:0}.main{background-color:transparent!important;margin-top:5rem!important;margin-left:0!important}.wrapper{max-width:40rem;margin-top:2rem;margin-left:55rem;width:100%;background:var(--bg-color-1);padding:3rem;border-radius:.5rem;box-shadow:0 5px 10px rgba(0,0,0,.2)}.login-wrapper{margin-top:5rem;margin-bottom:6rem}.wrapper h2{position:relative;font-size:4rem;font-weight:600;color:var(--text-color-1)}.wrapper form{margin-top:1rem}.wrapper form .input-box{height:3.5rem;margin:1.2rem 0}form .input-box input{height:100%;width:100%;outline:none;padding:0 1rem;font-size:1.6rem;font-weight:400;color:var(--text-color-3);border:.1rem solid var(--text-color-2);border-radius:.5rem;transition:all .3s ease}.input-box input:focus,.input-box input:valid{border-color:var(--primary);border-radius:.5rem}form .policy{display:flex;align-items:center}form h3{color:var(--text-color-2);border-radius:.5rem;font-size:1.2rem;font-weight:500;margin-left:1rem}.input-box.button input{color:var(--bg-color-2);letter-spacing:1px;border:none;background:var(--primary);cursor:pointer}.input-box.button input:hover{background:var(--primary-dark)}form .text h3 a{color:var(--secondary);text-decoration:none}form .text h3 a:hover{text-decoration:underline}.input-icons{width:100%;margin-bottom:10px}.iconLogin{position:absolute;z-index:10;margin-top:16px;min-width:40px;margin-left:31rem}.flex-r{margin-top:8rem;min-width:132rem;background-color:var(--bg-color-1)}.single-video-main{margin-left:0;width:85rem;padding:0}.right-container{padding:0;width:40rem}.singleVid-avatar{background-color:var(--bg-color-1);position:relative;top:1rem;right:32rem;z-index:1}.singleVid-contentTitle{bottom:0;font-size:3rem;line-height:1.5rem}.singleVid-contentTitle,.singleVid-creatorName{position:relative;margin-top:1.5rem;color:var(--text-color-1)}.singleVid-creatorName{font-size:1.8rem;font-weight:500;min-width:20rem;bottom:5rem;left:.1rem;z-index:0;border-radius:.2rem;padding:.2rem .4rem;background-color:var(--bg-color-3)}.singleVid-durationVideo{font-weight:800;left:9.8rem}.singleVid-durationVideo,.singleVid-viewsCount{font-size:1.2rem;position:relative;bottom:2rem;margin-top:1.5rem;border-radius:.2rem;padding:.2rem .4rem;color:var(--text-color-1);background-color:var(--bg-color-3)}.singleVid-viewsCount{left:-2rem;font-weight:600}.singleVid-description{font-size:1.6rem;margin-left:2rem;width:95%;position:relative;bottom:4rem;left:0;margin-top:1.5rem;border-radius:.5rem;padding:.2rem 1rem;color:var(--text-color-1);background-color:var(--bg-color-3)}.btn-with-icon{width:25%;font-size:1.1rem;position:relative;bottom:5rem;left:6rem}.btn-with-icon :hover{background-color:var(--primary)!important}
/*# sourceMappingURL=main.c750c78a.chunk.css.map */