:root{--color-white:#fff;--color-light:#f2f1f3;--color-gray:#fafafa;--color-primary:#6b4de6;--color-secondary:#d6ccff;--color-success:#7351fb;--color-danger:#fb5151;--color-dark:#241e38;--color-black:#151221;--card-border-radius:2rem;--border-radius:1rem;--btn-padding:0.6rem 2rem;--search-padding:0.6rem 1rem;--card-padding:1rem}*,:after,:before{box-sizing:border-box;margin:0;outline:none;padding:0}body{background:#f2f1f3;background:var(--color-light);color:#241e38;color:var(--color-dark);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}*,:after,:before{border:none;list-style:none;text-decoration:none}.profile-photo{aspect-ratio:1/1;border-radius:50%;overflow:hidden;width:2.7rem}img{display:block;width:100%}.AddSinal{color:#7794e3;cursor:pointer;font-size:30px}.AddSinal:hover{opacity:.8}.text-mute{color:var(--color-gray)}.navbar{align-items:center;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);display:flex;justify-content:space-between;padding:15px;position:fixed;top:0;width:100%;z-index:10}.navbar .search-bar{background:#eeeded;border-radius:5px;padding:var(--search-padding)}.navbar .search-bar input[type=search]{background:transparent;font-size:.9rem;margin-left:1rem;width:30vw}.navbar .create{align-items:center;display:flex;gap:2rem}.btn{border-radius:5px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:var(--btn-padding);-webkit-transform:all .3s ease;transform:all .3s ease}.btn:hover{opacity:.8}.btn-primary{background:#7794e3;color:#fff}.text-bold{font-weight:500}.left .sidebar{background:var(--color-white);border-radius:5px;box-shadow:0 1px 3px 0 hsla(0,0%,100%,.02),0 0 0 1px rgba(27,31,35,.15);margin-top:1rem}.left .sidebar .menu-item{align-items:center;cursor:pointer;display:flex;height:4rem;position:relative;translate:all .3s ease}.siderbarItem{font-style:normal}.left .sidebar .menu-item:hover{background:var(--color-light)}.left .sidebar i{color:#333232;font-size:1.4rem;margin-left:2rem;position:relative}i{display:flex}.left .sidebar i .notification-count{background:var(--color-danger);border-radius:.8rem;color:#fff;font-size:.7rem;padding:.1rem .4rem;position:absolute;right:-.3rem;top:-.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.left .sidebar h3{font-size:1rem;margin-left:1.5rem}.profile{box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15)}.left .sidebar .active{background:var(--color-light)}.left .sidebar .active h3,.left .sidebar .active i{color:var(--color-primary)}.left .sidebar .active:before{background:var(--color-primary);content:"";display:block;height:100%;position:absolute;width:.5rem}.left .sidebar .menu-item:first-child.active,.left .sidebar .menu-item:last-child.active{border-top-left-radius:5px;overflow:hidden}.left .btn{margin-top:1rem;padding:1rem 0;text-align:center;width:100%}.backgroundnotifications{background:#f0eef6;border-radius:5px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);margin-left:600px;padding:20px;position:fixed;z-index:1000}.notificationImage{border-radius:50%;height:50px;margin-top:15px;width:50px}.notification-data{cursor:pointer;display:flex}.notification-data:hover{background-color:#ebe5e5;border-radius:5px;padding:5px}.Xicon{cursor:pointer;font-size:25px;justify-content:right}.notification-body{margin:10px;width:300px}.middle .stories{display:flex;gap:.5rem;height:17rem;justify-content:space-between}.story{box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);transition:.3s}.story:hover{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.middle .stories .story{align-items:center;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;justify-content:space-between;overflow:hidden;padding:var(--card-padding);position:relative;width:100%}.middle .stories .story:before{background:linear-gradient(transparent,rgba(0,0,0,.75));bottom:0;content:"";display:block;height:5rem;position:absolute;width:100%}.middle .stories .story .name{z-index:2}.middle .stories .story:first-child{background:url(https://cdna.artstation.com/p/assets/images/images/019/251/130/large/steven-lu-sketch-xueshan.jpg?1562680503&dl=1) no-repeat 50%/cover}.middle .stories .story:nth-child(2){background:url(https://cdn.eso.org/images/wallpaper4/eso1907a.jpg) no-repeat 50%/cover}.middle .stories .story:nth-child(3){background:url(https://images.pexels.com/photos/289586/pexels-photo-289586.jpeg?cs=srgb&dl=pexels-pixabay-289586.jpg&fm=jpg) no-repeat 50%/cover}.middle .stories .story:nth-child(4){background:url(https://www.10wallpaper.com/wallpaper/1366x768/1605/Gray_river_fog_rocks-Nature_Scenery_HD_Wallpaper_1366x768.jpg) no-repeat 50%/cover}.middle .stories .story:nth-child(5){background:url(https://a.cdn-hotels.com/gdcs/production138/d1142/08366677-a8d0-4979-84d5-b54f93ca00e5.jpg?impolicy=fcrop&w=800&h=533&q=medium) no-repeat 50%/cover}.middle .stories .story:nth-child(6){background:url(https://images.pexels.com/photos/289586/pexels-photo-289586.jpeg?cs=srgb&dl=pexels-pixabay-289586.jpg&fm=jpg) no-repeat 50%/cover}.middle .story .profile-photo{align-self:start;border:3px solid var(--color-primary);height:2rem;width:2rem}.middle .create-post{align-items:center;background:var(--color-white);border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);display:flex;justify-content:space-between;margin-top:1rem;padding:.4rem var(--card-padding);width:100%}.middle .create-post input[type=text]{background:transparent;color:var(--color-dark);justify-self:start;margin-right:1rem;padding-left:1rem;width:100%}.middle .feeds .feed{background-color:var(--color-white);border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);font-size:.85rem;line-height:1.5;margin:1.5rem 0}.middle .feed .head{display:flex;justify-content:space-between}.middle .feed .user{display:flex;gap:1rem}.middle .feed .photo{overflow:hidden}.head{padding:10px}.ingo,.profile-photo{cursor:pointer}.caption,.liked-by{font-size:15px;padding:10px}.text-muted{padding:10px}.middle .feed .action-buttons{align-items:center;display:flex;font-size:1.8rem;justify-content:space-between;margin:.6rem}.action-Item{cursor:pointer;margin:8px}.action-Item:hover{color:#e66d6d}.bookmark{cursor:pointer}.bookmark:hover{color:#e66d6d}.comments{font-size:15px}.middle .liked-by{display:flex}.middle .liked-by span{border:2px solid var(--color-white);border-radius:50%;display:block;height:2rem;margin-left:-.6rem;overflow:hidden;width:2rem}.middle .liked-by span:first-child{margin:0}.middle .liked-by p{margin-left:.5rem}.right .messages{background:var(--color-white);border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);padding:var(--card-padding)}.right .messages .heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.right .messages i{font-size:1.4rem}.right .messages .search-bar{display:flex;margin:1rem}.right .messages .category{display:flex;justify-content:space-between;margin-bottom:1rem}.right .messages .category h6{border-bottom:4px solid var(--color-light);font-size:.85rem;padding-bottom:.5rem;text-align:center;width:100%}.right .messages .category .active{border-color:var(--color-dark)}.right .messages .message-requests{color:var(--color-dark)}.right .messages .message{align-items:start;gap:1rem;margin-bottom:1rem}.right .message .profile-photo{margin:5px;overflow:visible;position:relative}.right .profile-photo .rightprofile{border-radius:50%;height:50px;width:50px}.containerMessage:hover{background-color:#ebe5e5;border-radius:5px;padding:2px}.containerRequest,.containerRequests{display:flex}.rightprofileRequest{border-radius:50%;height:50px;width:50px}.containerMessage{cursor:pointer;display:flex}.message-body{margin:10px}.messageReceived{margin-bottom:25px}.right .messages .message:last-child{margin:0}.right .messages .message p{font-size:.8rem}.right .messages .message .profile-photo .active{background:var(--color-success);border:3px solid var(--color-white);bottom:0;height:.8rem;position:absolute;right:0;width:.8rem}.right .friend-requests{margin-top:1rem}.right .friend-requests h4{margin:1rem 0}.right .request{background:var(--color-white);border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);margin-bottom:.7rem;padding:var(--card-padding)}.right .request .info{display:flex;margin:2px}.right .request .action{display:flex;gap:1rem}main{top:5.4rem}main,main .conta{position:relative}main .conta{grid-column-gap:3rem;-webkit-column-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:15vw 30vw 15vw;justify-content:center;padding:20px}main .conta .left{height:-webkit-max-content;height:max-content;position:-webkit-sticky;position:sticky;top:40px}main .conta .left .profile{align-items:center;background:var(--color-white);border-radius:5px;-webkit-column-gap:1rem;column-gap:1rem;display:flex;padding:var(--card-padding);width:100%}main .conta .right{bottom:0;height:-webkit-max-content;height:max-content;position:-webkit-sticky;position:sticky;top:-18rem}@media screen and (max-width:1700px){.conta{width:96%}main .conta{gap:1rem;grid-template-columns:0 auto 30vw}.left{width:5rem;z-index:5}.left .btn,.sidebar h3,main .conta .left .profile{display:none}}@media screen and (max-width:992px){.backgroundnotifications{margin-left:0}.navbar .search-bar{display:none}main .conta{gap:0;grid-template-columns:10px 100vw 0}main .conta .left{bottom:0;right:0}.left .notifications-popup{left:-20rem;position:absolute;width:20rem}.left .notifications-popup:before{display:block;left:19.4rem;position:absolute;top:1.3rem}main .conta .middle{grid-column:1/3}main .conta .right{display:none}}
/*# sourceMappingURL=main.8c2f0e4b.css.map*/