:root{--blue:#1045e5;--purple:purple}.app{background:#f3f3f3}.mystic{background:#a6ddf0;border-radius:50%;-webkit-filter:blur(72px);filter:blur(72px);height:14rem;position:absolute;width:22rem}.goright{right:0;top:-14%}.goleft{left:-8rem;top:36%}.followers{border-radius:.7rem;display:flex;flex-direction:column;font-size:13px;max-height:500px;overflow:scroll;padding:5px;width:100%}@media(max-width:768px){.followers{display:none}}.follower{align-items:center;justify-content:space-between;padding:4px}.follower,.follower>div{display:flex}.follower__img{height:3.2rem;width:3.2rem}.follower__name{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:8px}.follower__name>span:first-of-type{font-weight:700}.fol-button{background:linear-gradient(98.63deg,#f9a225,#f95735);border:none;border-radius:.5rem;color:#fff;height:2rem;padding:0 20px;transition:all .1s ease-out}.fol-button:hover{background:transparent;color:#f99827;cursor:pointer}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{box-shadow:inset 0 0 3px grey}::-webkit-scrollbar-thumb{background:linear-gradient(98.63deg,#f9a225,#f95735);border-radius:10px}::-webkit-scrollbar{display:none}.search{display:flex}.search img{width:45px}.search__input{background-color:rgba(40,52,62,.07);border-radius:10px;display:flex;margin-left:8px;padding:5px}.search__input>input{background-color:initial;border:none;outline:none}.search__icon{align-items:center;background:linear-gradient(106.23deg,#f99827,#f95f35 100%);border-radius:5px;color:#fff;display:flex;justify-content:center;padding:5px}.userCard{background:hsla(0,0%,100%,.64);border-radius:1.5rem;overflow-x:clip}.card__images,.userCard{display:flex;flex-direction:column;position:relative}.card__images{align-items:center;margin-bottom:60px}.card__images>img:first-of-type{width:100%}.card__images>img:nth-of-type(2){border-radius:50%;bottom:-3rem;box-shadow:0 4px 17px 2px rgba(0,0,0,.25);position:absolute;width:4rem}.card__names{align-items:center;display:flex;flex-direction:column}.card__names>span:first-of-type{font-weight:700}.card__status{align-items:center;display:flex;flex-direction:column;justify-content:center}.card__status>hr{border:1px solid #cfcdcd;width:85%}.card__status>div{justify-content:space-between;width:85%}.card__status>div,.follow{align-items:center;display:flex}.follow{flex-direction:column;justify-content:center}.follow>span:first-of-type{font-weight:700}.follow>span:nth-of-type(2){color:grey;font-size:13px}.line{border-left:2px solid #cfcdcd;height:45px}.leftside{max-height:100vh;position:-webkit-sticky;position:sticky;top:0}@media (max-width:768px){.leftside{position:relative}}.post{background-color:hsla(0,0%,100%,.64);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.post>img{border-radius:.5rem;max-height:20rem;object-fit:cover;width:100%}.post>span{color:rgba(36,45,73,.65);font-size:12px}.post__reactions{align-items:flex-start;display:flex;gap:1.5rem}.post__reactions>img:hover{cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.posts{display:flex;flex-direction:column;gap:1rem}.post__Share{background-color:hsla(0,0%,100%,.64);border-radius:1rem;display:flex;padding:1rem}.post__Share>img{border-radius:50%;height:2rem;width:2rem}.post__Share>div{display:flex;flex-direction:column;margin:10px;width:90%}.post__Share>div>input{background-color:rgba(40,52,62,.07);border:none;border-radius:10px;font-size:17px;outline:none;padding:5px;width:100%}.post__media{display:flex;justify-content:space-around}.post__media__option{align-items:center;display:flex;font-size:12px;justify-content:center;padding:5px}.post__media__option:hover{cursor:pointer}.share__btn{background:linear-gradient(98.63deg,#f9a225,#f95735);border:none;border-radius:.5rem;color:#fff;height:2rem;padding:0 20px;transition:all .1s ease-out}.share__btn:hover{background:transparent;color:#f99827;cursor:pointer}.share__img__preview img{border-radius:.5rem;margin-top:15px;width:100%}@media (max-width:480px){.post__media__option>span{display:none}}.rightside{max-height:100vh;position:-webkit-sticky;position:sticky;top:0}@media(max-width:768px){.rightside{display:none}}.rightside__icons{display:flex;justify-content:space-between;margin-top:1rem}.rightside__icons>img{height:1.5rem;width:1.5rem}.rightside__icons>img:hover{cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px)}
/*# sourceMappingURL=main.700c5530.css.map*/