@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);:root{--primary-color-hue:252;--dark-color-lightness:17%;--light-color-lightness:95%;--white-color-lightness:100%;--color-white:hsl(252,30%,var(--white-color-lightness));--color-light:hsl(252,30%,var(--light-color-lightness));--color-gray:hsl(var(--primary-color-hue),15%,65%);--color-primary:hsl(var(--primary-color-hue),75%,60%);--color-secondary:#d6ccff;--color-success:#51fb51;--color-danger:#fb5151;--color-dark:hsl(252,30%,var(--dark-color-lightness));--border-radius:2rem;--card-border-radius:1rem;--btn-padding:0.6rem 2rem;--search-padding:0.6rem 1rem;--card-padding:1rem;--sticky-top-left:5.4rem;--sticky-top-right:-18rem}*,:after,:before{border:none;box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}body{background:#f0eef6;background:var(--color-light);color:#241e38;color:var(--color-dark);font-family:Poppins,sans-serif;overflow-x:hidden}.btn{border-radius:2rem;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.6rem 2rem;padding:var(--btn-padding);transition:all .3s ease}.btn:hover{opacity:.9}.btn-primary{background:#6b4de6;background:var(--color-primary);color:#fff}.text-bold{font-weight:500}.text-muted{color:#9e98b3;color:var(--color-gray)}.loader{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.txt-center{text-align:center}.container{margin:0 auto;width:80%}.profile-picture{aspect-ratio:1/1;border-radius:50%;overflow:hidden;width:2.7rem}img{display:block;width:100%}.main{position:relative;top:5.4rem}.main .container{position:relative}.main .container,.main .post-container{grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:18vw auto 20vw}.postdetail__sec{margin:0 auto;width:80%}.discard-btn{color:#d52020}.error_image{border-radius:2rem;border-radius:var(--border-radius);height:550px;margin:1.4rem 0}.error__container{margin:0 auto;width:80%}.error__container h3{margin:.8rem 0}textarea::-webkit-input-placeholder{font-family:Poppins,sans-serif}textarea::placeholder{font-family:Poppins,sans-serif}.bookmark__para{font-size:20px;margin-top:2rem;text-align:center}@media screen and (max-width:1200px){.container{width:97%}.main .container{gap:1rem;grid-template-columns:5rem auto 30vw}.left{width:5rem;z-index:5}.sidebar span{display:none}.sidebar .menu-item{justify-content:center}.main .post-container{gap:0;grid-template-columns:0 100% 0}.error_image{height:350px}.customize-theme .card{padding:1rem!important;width:80%!important}.postdetail__sec{width:100%!important}}@media screen and (max-width:992px){.main .container{gap:0;grid-template-columns:16 90% 5rem}.left{z-index:0!important}.main .post-container .middle{grid-column:1/4;margin:0 auto;padding-bottom:2rem;width:90%}.main .container .left .sidebar,.main .post-container .left .sidebar{bottom:0;grid-column:1/3;position:fixed;right:0;width:100%}.main .container .left .sidebar{border-radius:0;box-shadow:-1px 0 7px -1px #282626}.main .post-container .right{display:none}.sidebar ul{display:flex;justify-content:space-around}.sidebar i{display:flex;margin:0!important}.main .container .middle{grid-column:1/4;margin:0 auto;width:95%}.main .container .right{display:none}nav .create{gap:.6rem!important}.para{font-size:13px!important}.caption p,.hash-tag{word-wrap:break-word;max-width:300px!important}.liked-by p{word-wrap:break-word;max-width:222px!important}.modal-close{bottom:15rem;left:17rem}.modal{width:83%!important}.modal-body{width:320px!important}.update textarea{width:255px!important}.comment__sec{flex-wrap:wrap}.create__post--icons .img__icon{left:-18.5rem!important}.smile__icon{right:15rem!important}.emoji--container{right:-1rem!important;top:6.5rem!important}.liked-by span{display:flex!important}.post__image__container{margin-top:4rem}.modal-close:hover{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.content{display:none}.auth-form{margin:1.5rem auto}.login__container{flex-direction:column}.auth-form input{width:270px!important}.auth-form input[type=password]::-webkit-input-placeholder,.auth-form input[type=text]::-webkit-input-placeholder{font-size:15px!important}.auth-form input[type=password]::placeholder,.auth-form input[type=text]::placeholder{font-size:15px!important}.logo{font-size:16px!important}.logo__container{gap:.2rem!important}}.auth-form{align-items:center;border-radius:15px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);display:flex;flex-direction:column;justify-content:center;padding:1rem}.auth-form h1{color:#fff;display:flex;gap:1rem;margin:1rem 0}.auth-form input{background:transparent;border-bottom:1.2px solid #fff;color:#fff;font-size:17px;font-weight:700;margin-bottom:1rem;outline:none;padding:1rem;width:320px}.auth-form input[type=password]::-webkit-input-placeholder,.auth-form input[type=text]::-webkit-input-placeholder{color:#ccc;font-family:Poppins,sans-serif;font-size:17px;font-weight:700}.auth-form input[type=password]::placeholder,.auth-form input[type=text]::placeholder{color:#ccc;font-family:Poppins,sans-serif;font-size:17px;font-weight:700}.auth-form button{border-radius:20px!important;letter-spacing:.8px;margin-bottom:1.4rem;width:100%}.login-btn{background:linear-gradient(338deg,#e26e6e,#7c57d3 71%);margin-top:1.5rem}.guest-btn{background:#fff;background:linear-gradient(135deg,#a9a7a7,#7e7e7e)}.login__container{display:flex;justify-content:space-around;margin:0 auto;width:80%}#video-background{background-color:#000;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}#video-background video{min-height:100%;min-width:100%;object-fit:cover;opacity:.4}.content{color:#fff;flex:60% 1;padding:20px;text-align:center}.content,.form__section{position:relative;top:7rem}.form__section{flex:20% 1}.heading{-webkit-text-fill-color:transparent;background:linear-gradient(338deg,#e26e6e,#7c57d3 71%);-webkit-background-clip:text;font-size:5.6rem;line-height:7rem;text-align:left}.tagline{font-size:1.4rem;font-weight:700;letter-spacing:.6px;line-height:2rem;margin-top:1.8rem;text-align:left}.typed-out{-webkit-animation:typing 5s steps(100) forwards;animation:typing 5s steps(100) forwards;overflow:hidden;white-space:nowrap;width:0}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}.para{color:#ccc}.link__text{color:#fff;cursor:pointer;font-weight:700;margin-left:1rem}.password__icon{color:var(--color-white)}.password__input{position:relative}.password__input span{cursor:pointer;position:absolute;right:1rem;top:.9rem}.password-error-msg{color:#e43838;font-size:14px}nav{background:var(--color-white);padding:.7rem;position:fixed;top:0;width:100%;z-index:10}nav .container{align-items:center;display:flex;justify-content:space-between}nav .search-bar{background:var(--color-light);border-radius:var(--border-radius);padding:var(--search-padding)}nav .search-bar input[type=search]{background:transparent;color:var(--color-dark);font-size:.9rem;margin-left:1rem;width:30vw}nav .search-bar input[type=search]:focus{border:none;outline:none}nav .search-bar input[type=search]::-webkit-input-placeholder{color:var(--color-gray)}nav .search-bar input[type=search]::placeholder{color:var(--color-gray)}nav .create{gap:2rem}.logo__container,nav .create{align-items:center;display:flex}.logo__container{cursor:pointer;gap:.8rem}.logo__image{border-radius:50%;height:38px;width:38px}.logo{color:var(--color-primary);font-size:22px}.header__profile{cursor:pointer}.feed{background:var(--color-white);border-radius:var(--card-border-radius);font-size:.85rem;line-height:1.5;margin:1rem 0 2.4rem;padding:var(--card-padding)}.feed .head{display:flex;justify-content:space-between}.feed .user{display:flex;gap:1rem}.feed .photo{border-radius:var(--card-border-radius);margin:.7rem 0;overflow:hidden}.feed .action-buttons{align-items:center;display:flex;font-size:1.4rem;justify-content:space-between;margin:.6rem}.uil.uil-bookmark-full.active{fill:var(--color-primary);position:relative;top:4px;transition:fill .4s ease-in-out}.liked-by{display:flex;margin-left:.6rem}.liked-by span{border:2px solid var(--color-white);border-radius:50%;display:block;height:1.4rem;margin-left:-.6rem;overflow:hidden;width:1.4rem}.liked__users{display:flex}.uil.uil-heart.active{fill:#e30f0f;font-weight:700;position:relative;top:4px;transition:fill .4s ease-in-out}.bookmark,.interaction-buttons{cursor:pointer;display:flex;gap:1rem}.post__action--btns{background-color:var(--color-white);border-radius:8px;box-shadow:-1px 0 7px -1px #282626;cursor:pointer;font-size:.8rem;position:absolute;right:0;z-index:1}.post__action--btns li{padding:.5rem .8rem}.post__action--btns li:hover{background-color:rgba(137,132,159,.4);border-radius:8px}.edit__container{position:relative}.edit__icon{cursor:pointer;display:flex;justify-content:flex-end}.hash-tag{color:#1d9bf0;font-size:.8rem;font-weight:700}.caption span{margin-right:.7rem}.liked-by p{font-size:13px;margin-left:.4rem;max-width:370px}.liked-by b{margin-left:.2rem}.caption p{max-width:720px}.comment_count{cursor:pointer}.modal{margin:0 auto;max-height:100%;max-width:20rem;position:relative;width:100%;z-index:99}.modal-body{background:var(--color-white);border-radius:8px;bottom:-5rem;box-shadow:0 2px 6px rgba(57,56,56,.24);margin-bottom:1.5rem;padding:2rem;position:absolute;width:400px}.modal-close{border:none;bottom:15rem;cursor:pointer;font-size:1.7rem;font-weight:600;outline:none;position:absolute;right:-4rem;z-index:999}.modal-close:hover{background-color:rgba(27,26,26,.45);border-radius:50%;transition:background-color .3s ease}.edit-form{display:flex;flex-direction:column}.edit-form input{border:1px solid var(--color-gray);border-radius:5px;font-weight:700;margin:10px 0;outline:none;padding:.5rem;width:100%}.user__info{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}textarea{background:var(--color-white);border:1px solid var(--color-gray);border-radius:7px;color:var(--color-dark);outline:none;padding:.5rem;resize:none;width:100%}.edit__post--image{height:100px;opacity:.7;width:100px}.add__image{bottom:2rem;left:1rem;margin:0!important;opacity:0;padding:0!important;position:relative;width:0!important}.uil.uil-image{cursor:pointer;font-size:1.5rem;left:-18.5rem;position:absolute;top:4rem}.edit__image{opacity:.7}.edit__post{left:3.8rem!important;top:18rem!important}.avatars{align-items:center;justify-content:center;margin-left:2rem}.avatar-container,.avatars{display:flex}.avatar__title{font-size:12px;margin-left:1rem;margin-top:.5rem;text-align:center}.avatars img{cursor:pointer}.btn__container{align-items:center;display:flex;gap:1rem;justify-content:flex-end}.modal-body.edit-post{bottom:-11rem!important}.post__username{font-size:.8rem;line-height:.9rem}.mt-7{margin-top:7.2rem}.smiley__icon{cursor:pointer;font-size:1.3rem;position:absolute;right:3rem;top:8.4rem}.emoji__container{position:absolute;z-index:1}.post__btn:disabled{cursor:none;opacity:.8}.close__image{border:1px solid red;border-radius:50%;left:5rem;position:absolute;top:.2rem}.post__image__container{position:relative}.post__image__container .uil.uil-times{cursor:pointer;font-weight:700}.post__image__container .uil.uil-times:hover{background-color:var(--color-gray)}.edit__image_icon{left:3rem;position:absolute;top:5rem}.comment_user--sec{align-items:center;display:flex;gap:.5rem;margin-top:1rem}.comment__username{display:flex;font-size:.75rem;gap:1.5rem;line-height:5px}.commented__time{font-size:.65rem}.fw-bold{font-weight:700}.comment__sec{align-items:center;border-bottom:1px solid #f5f0f0;display:flex;gap:1.5rem;margin-bottom:1rem;margin-top:.8rem;padding-bottom:.5rem}.comment__sec textarea{border:none;border:.4px solid var(--color-primary);font-family:Poppins,sans-serif;outline:none;width:80%}.comment__sec textarea::-webkit-input-placeholder{font-family:Poppins,sans-serif}.comment__sec textarea::placeholder{font-family:Poppins,sans-serif}.comment__sec button{margin-top:1.2rem}.comment__sec button:disabled{opacity:.7}.all__comments{align-items:center;display:flex;gap:.5rem}.comment{letter-spacing:.2px;margin:.6rem}.comment__action--btns{display:flex;justify-content:space-between;position:relative}.update textarea{width:330px!important}.edit i{cursor:pointer}.filter-lists .isActive{color:var(--color-primary);font-weight:700;transition:all .3s ease}.create__post{align-items:center;display:flex;justify-content:space-between;width:100%}.create__post--icons{position:relative}.filter__header{align-items:center;display:flex;justify-content:space-between;padding:1rem 1rem 0}.filter__container{position:relative}.filter__container h3{color:var(--color-gray)}.filter-lists{background-color:var(--color-white);border-radius:8px;box-shadow:-1px 0 7px -1px #282626;padding:0;position:absolute;right:0;top:2.5rem;z-index:1}.filter-lists li{cursor:pointer;font-size:.9rem;padding:.3rem 1.1rem}.filter-lists li:hover{background-color:rgba(137,132,159,.4);border-radius:8px}.filter__icon{cursor:pointer}.post__input{border:none;outline:none}.smile__icon{cursor:pointer;font-size:1.3rem;position:absolute;right:15rem;top:4.4rem}.emoji--container{position:absolute;right:9rem;top:6rem;z-index:10}.create__post--image{border-radius:.6rem;height:auto;margin-top:4rem;width:100%}.close__post--image{border:1px solid red;border-radius:50%;position:absolute;right:1.5rem;top:.2rem}.create__post--container{background:var(--color-white);border-radius:.6rem;margin-top:1rem;padding:.4rem var(--card-padding)}.post__button{display:flex;justify-content:flex-end;margin-top:.6rem}.post__button button:disabled{cursor:none;opacity:.7}.main .container .left{height:-webkit-max-content;height:max-content;position:-webkit-sticky;position:sticky;top:var(--sticky-top-left)}.sidebar{background:var(--color-white);border-radius:var(--card-border-radius);margin-top:1rem}.sidebar .menu-item{align-items:center;cursor:pointer;display:flex;height:4rem;position:relative;transition:all .3s ease}.sidebar .menu-item:hover{background:var(--color-light)}.sidebar i{color:var(--color-gray);font-size:1.4rem;margin-left:2rem;margin-right:1.5rem}.sidebar .menu-title{color:var(--color-dark);font-size:1.05rem;font-weight:700;letter-spacing:.3px}.menu-title.active,.menu-title.active i{color:var(--color-primary)}.menu-title.active{font-size:1.1rem}.customize-theme{background:hsla(0,0%,100%,.5);font-size:.9rem;height:100vh;left:0;place-items:center;position:fixed;text-align:center;top:0;width:100vw;z-index:100}.customize-theme .card{background:var(--color-white);border-radius:var(--card-border-radius);box-shadow:0 0 1rem var(--color-primary);left:50%;padding:3rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.customize-theme .card .card__btn{display:flex;justify-content:flex-start;margin:.5rem 0}.customize-theme .card .card__btn span{margin-right:.6rem}.customize-theme .choose-color{align-items:center;background:var(--color-light);border-radius:var(--card-border-radius);display:flex;justify-content:space-between;padding:var(--search-padding)}.customize-theme .choose-color span{border-radius:50%;height:2.2rem;width:2.2rem}.customize-theme .choose-color span.active{border:5px solid #fff}.choose-color span:first-child{background:#6b4de6}.choose-color span:nth-child(2){background:#e6d14d}.choose-color span:nth-child(3){background:#e64d61}.choose-color span:nth-child(4){background:#4de69e}.choose-color span:nth-child(5){background:#4dade6}.choose-bg{background:var(--color-light);border-radius:var(--card-border-radius);justify-content:space-between;padding:var(--search-padding)}.choose-bg,.choose-bg>div{align-items:center;display:flex}.choose-bg>div{border-radius:.4rem;cursor:pointer;font-size:1rem;font-weight:700;padding:var(--card-padding);width:100%}.choose-bg span:first-child{background:#fff;color:#000}.choose-bg span:nth-child(2){background:#241e38;color:#fff}.choose-bg span:nth-child(3){background:#151221;color:#fff}.choose-bg span{border:2px solid var(--color-gray);border-radius:50%;height:2rem;margin-right:1rem;width:2rem}.choose-bg span.active{border:5px solid #fff}.card-content{margin:1rem 0}.card-content h4{margin:.5rem 0}.overlay{align-items:center;background-color:rgba(0,0,0,.3);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:98}.right .users{bottom:0;height:-webkit-max-content;height:max-content;margin-top:1rem;position:-webkit-sticky;position:sticky;top:var(--sticky-top-right)}.right .users h3{color:var(--color-gray);margin:1rem 0}.right .users-container{background:var(--color-white);border-radius:var(--card-border-radius);margin-bottom:.7rem;padding:var(--card-padding)}.right .info{cursor:pointer;margin-bottom:.7rem}.right .info,.right .info .profile-info{align-items:center;display:flex;justify-content:space-between}.right .info .profile-info{gap:1rem}.profile__username{font-size:.8rem;line-height:13px}.profile{background:var(--color-white);border-radius:var(--card-border-radius);-webkit-column-gap:1rem;column-gap:1rem;height:-webkit-max-content;height:max-content;padding:var(--card-padding);width:100%}.handle{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1rem}.uil.uil-edit{cursor:pointer;font-size:1.3rem}.website__link{color:#1d9bf0;font-size:.8rem}.username__text{font-size:.9rem}.follow__sec{display:flex;justify-content:space-around;margin-top:.6rem}.follow__sec span{font-size:14px;margin-left:.2rem}.follow__sec p{margin-right:.6rem}.profile_user_info{align-items:center;display:flex;gap:1rem}.follow-btn{margin-top:.6rem}
/*# sourceMappingURL=main.dc286a89.css.map*/