:root{--yellow:#f5c32c;--orange:#fca61f;--black:#242d49;--gray:#242d49a6;--profileShadow:0px 4px 17px 2px #00000040;--hrColor:#cfcdcd;--cardColor:#f9f9f8;--buttonBg:linear-gradient(98.63deg,#f9a225,#f95f35);--inputColor:#28343e12;--photo:#4cb256;--video:#4a4eb7;--location:#ef5757;--schedule:#e1ae4a}*{box-sizing:border-box;font-family:Inter,sans-serif;text-decoration:none}body{background-image:linear-gradient(0deg,#fbc2eb 0,#a6c1ee);margin:0}img{max-width:100%}p{font-size:16px}.App{background-attachment:local;background-image:linear-gradient(0deg,#f3e7e9 0,#e3eeff 99%,#e3eeff);color:#242d49;color:var(--black);margin:auto;max-width:1600px;overflow:hidden;padding:1rem}.blur{background:#a6ddf0;border-radius:50%;filter:blur(72px);height:14rem;position:absolute;width:22rem}.Button{align-items:center;background:linear-gradient(98.63deg,#f9a225,#f95f35);background:var(--buttonBg);border:none;border-radius:.5rem;color:#fff;display:flex;font-weight:600;justify-content:center;transition:all .1s ease-out}.Button:hover{background:#0000;border:2px solid #fca61f;border:2px solid var(--orange);color:#fca61f;color:var(--orange);cursor:pointer}::-webkit-scrollbar{display:none}.Posts{height:100vh;overflow-y:scroll}.Post,.Posts{display:flex;flex-direction:column;gap:1rem}.Post{background-color:var(--cardColor);border-radius:1rem;box-shadow:0 2px 8px 0 #63636333;padding:1rem;width:100%}.Post>img{border-radius:.5rem;max-height:20rem;object-fit:cover;width:100%}.PostReactions{align-items:flex-start;display:flex;gap:1.5rem}.PostIcon{cursor:pointer}.Post>span:first-of-type{color:var(--gray);font-size:12px}.PostShare{align-self:center;background-color:var(--cardColor);border-radius:1rem;box-shadow:0 2px 8px 0 #63636333;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;padding:1rem;width:100%}.PostShare>img{border-radius:50%;height:3rem;width:3rem}.PostShare>div{display:flex;flex-direction:column;gap:1rem;width:90%}.PostShare>div>input{background-color:var(--inputColor);border:none;border-radius:10px;font-size:17px;outline:none;padding:10px}.PostOptions{display:flex;font-weight:700;justify-content:space-between;width:90%}.PostOption{align-items:center;border-radius:10px;display:flex;font-size:12px;justify-content:center;padding:5px 10px}.PostOptions:hover{cursor:pointer}.Btn--Share{font:12px;padding:5px 20px}.PreviewImage{position:relative}.PreviewImage>svg{background:#fff;border-radius:50%;cursor:pointer;position:absolute;right:1rem;top:.5rem}.PreviewImage>img{max-height:20rem;object-fit:cover;width:100%}.PostSide{height:100vh;overflow:auto}.FollowersCard,.PostSide{display:flex;flex-direction:column;gap:1rem}.FollowersCard{border-radius:.7rem;font-size:13px;width:95%}.Follower{align-items:center;display:flex;justify-content:space-between}.Follower>div{display:flex;gap:10px}.FollowerImg{border-radius:50%;height:3.2rem;object-fit:cover;width:3.2rem}.FollowerName{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.FollowerName>span:first-of-type{font-weight:700}.Btn--Follow{height:2rem;padding-left:20px;padding-right:20px}.LogoSearch{display:flex;gap:.75rem}.Search{background-color:var(--inputColor);border-radius:10px;display:flex;padding:5px}.Search>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;cursor:pointer;display:flex;justify-content:center;padding:4px}.ProfileCard{background:var(--cardColor);border-radius:1.5rem;box-shadow:0 2px 8px 0 #63636333;gap:1rem;overflow-x:clip}.ProfileCard,.ProfileImages{display:flex;flex-direction:column;position:relative}.ProfileImages{align-items:center;justify-content:center}.ProfileImages>img:first-of-type{object-fit:cover;width:100%}.ProfileImages>img:nth-of-type(2){border-radius:50%;bottom:-3rem;box-shadow:var(--profileShadow);height:6rem;object-fit:cover;position:absolute;width:6rem}.ProfileName{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:3rem}.ProfileName>h2{font-size:20px;font-weight:600;margin:0}.ProfileName>p{font-size:16px;margin:0}.FollowStatus{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center}.FollowStatus>hr{border:.5px solid var(--hrColor);width:85%}.FollowStatus>div{gap:.5rem;justify-content:space-evenly;padding:.5rem;width:90%}.Follow,.FollowStatus>div{align-items:center;display:flex}.Follow{flex-direction:column;gap:.4rem;justify-content:center;margin-bottom:1rem}.Follow>span:first-of-type{font-weight:700}.Follow>span:nth-of-type(2){color:var(--gray);font-style:13px}.ProfileCard>span{align-self:center;color:orange;cursor:pointer;font-weight:700;margin-bottom:1rem}.ProfileSide{align-items:center;gap:2rem;margin-left:.5rem;margin-right:.5rem;overflow:auto}.ProfileCenter,.ProfileSide{display:flex;flex-direction:column}.ProfileCenter{gap:1rem}.RightSide{display:flex;flex-direction:column;gap:2rem;margin-left:.5rem;margin-right:.5rem}.NavIcons{display:flex;justify-content:space-around;margin-top:1rem}.NavIcons>img{width:1.5rem}.Btn--Right{align-self:center;height:3rem;width:80%}.TrendCard{background-color:var(--cardColor);border-radius:1rem;box-shadow:0 2px 8px 0 #63636333;display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}.TrendCard>h2{font-size:18px}.Trend{display:flex;flex-direction:column;gap:.5rem}.Trend>span:first-of-type{font-weight:700}.Trend>span:nth-of-type(2){font-size:13px}.Home{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:19rem auto 19rem;position:relative}
/*# sourceMappingURL=main.daaf7c93.css.map*/