*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app,.app__body{background-color:#eff2f5;width:100%}.app__body{display:flex;min-height:100vh}.header__left--img{height:40px}.header{background-color:#fff;box-shadow:0 5px 8px -9px;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;z-index:100}.header,.header__left{display:flex}.header__input{align-items:center;background:#eff2f5;border-radius:9999px;display:flex;margin-left:10px;padding:10px}.header__input>input{background-color:initial;border:none;outline-width:0}.header__middle{display:flex;flex:1 1;justify-content:center}.header__option>.MuiSvgIcon-root{color:gray;transition:all .3s ease}.header__option:hover>.MuiSvgIcon-root{color:#2e81f4}.header__option{align-items:center;cursor:pointer;display:flex;padding:0 30px;transition:all .3s ease}.header__option:hover{align-items:center;background-color:#eff2f5;border-bottom:none;border-radius:10px;padding:0 30px}.header__info{align-items:center;display:flex}.header__info>h4{margin-left:10px}.header__right{display:flex}.header__option--active>.MuiSvgIcon-root{color:#2e81f4}.header__option--active{border-bottom:4px solid #2e81f4}.sidebar{flex:0.3 1;padding:25px 10px}.sidebar__row{align-items:center;cursor:pointer;display:flex;padding:10px;transition:all .3s ease}.sidebar__row:hover{background-color:#d3d3d3;border-radius:10px}.sidebar__row>h4{font-weight:650;margin-left:20px}.sidebar__row>.MuiSvgIcon-root{color:#2e81f4;font-size:xx-large}.story{box-shadow:0 5px 17px -7px;cursor:pointer;margin-right:10px;position:relative;transition:-webkit-transform .24s ease;transition:transform .24s ease;transition:transform .24s ease,-webkit-transform .24s ease}.story,.story__image--placeholder{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:200px;width:120px}.story__image--placeholder{position:absolute}.story:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.story__avatar{border:3px solid #2e81f4;-webkit-filter:brightness(100%);filter:brightness(100%);margin:10px;transition:all .3s ease}.story:hover .story__avatar{box-shadow:0 0 10px 5px hsla(0,0%,100%,.8)}.story__username{bottom:20px;color:#fff;left:20px;position:absolute;transition:all .3s ease}.story:hover .story__username{text-shadow:0 0 20px}.story__reel{display:flex}.feed{align-items:center;flex:1 1;padding:30px 150px}.feed,.message__sender{display:flex;flex-direction:column}.message__sender{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.8);margin-top:30px;width:100%}.message__sender--top{border-bottom:1px solid #eff2f5;display:flex;padding:15px}.message__sender--top>form{display:flex;flex:1 1}.message__sender--top>form>input{background-color:#eff2f5;border:none;border-radius:999px;margin:0 10px;outline-width:1;padding:5px 20px}.message__sender--top>form>button{display:none}.message__sender--input{flex:1 1}.message__sender--bottom{display:flex;justify-content:space-around}.message__sender--option{align-items:center;color:grey;cursor:pointer;display:flex;margin:5px;padding:20px;transition:all .3s ease}.message__sender--option>h3{font-size:medium;margin-left:10px}.message__sender--option:hover{background-color:#eff2f5;border-radius:20px}.message__sender--dragdrop{align-items:center;display:flex;height:180px;justify-content:center;position:relative;width:100%}.message__sender--paddedbox{align-items:center;border:2px dotted #b4b4b4;border-radius:15px;display:flex;height:87%;justify-content:center;margin-top:0;pointer-events:none;width:97%}.stylish__span{color:gray;font-weight:500;padding-left:10px}.post{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);margin-top:15px;width:100%}.post__image{display:flex;justify-content:center}.post__image>img{width:100%}.post__top{align-items:center;display:flex;padding:15px;position:relative}.post__avatar{margin-right:10px}.post__top--info>h3{font-size:medium;margin-bottom:3px}.post__top--info>p{color:gray;font-size:small;margin-top:2px}.post__bottom{margin-bottom:10px;padding:5px 25px 10px}.tray__number{color:gray;font-size:12px;padding-left:4px}.post__details--tray{transition:all .45s ease}.comment__details,.like__details,.post__details--tray{align-items:center;display:flex}.comment__details{justify-content:center;margin-left:18px}.show__comments--container{display:flex;justify-content:flex-end;width:100%}.show__comments{background-color:initial;border:0;color:gray;cursor:pointer;font-size:16px;text-decoration:none}.post__options{border-top:1px solid #d3d3d3;color:gray;cursor:pointer;display:flex;font-size:medium;justify-content:space-evenly;padding:15px}.post__option{align-items:center;display:flex;flex:1 1;justify-content:center;padding:5px;transition:all .45s ease}.post__option--highlight{color:#2e81f4}.post__option>p{margin-left:10px}.post__option:hover{background-color:#eff2f5;border-radius:10px}.post__comments{align-items:center;border-top:1px solid #eff2f5;display:flex;justify-content:space-evenly;padding:12px;width:100%}.post__form{width:80%}.post__comment--sender{background-color:#eff2f5;border:0;border-radius:999px;padding:12px 20px;width:100%}.hidden__button{display:none}.single__comment{align-items:center;border-top:1px solid #eff2f5;display:flex;justify-content:space-between;padding:16px 16px 16px 40px;width:100%}.comment__content{display:flex}.comment__time{color:gray;font-size:14px}.comment__avatar{margin-right:14px}.comment__username,.comment__words{font-size:14px}.widgets>iframe{border-radius:12px;margin-right:16px;margin-top:30px}.login{display:grid;height:100vh;place-items:center}.login__logo>img{height:150px;object-fit:contain}.login__logo{display:flex;flex-direction:column}.login>button{background-color:#2e81f4;color:#eff2f5;font-weight:400;width:300px}.login>button:hover{background-color:#fff;color:#2e81f4}@media (max-width:1456px){.feed{padding:30px 2%}}@media (max-width:1200px){.widgets{display:none}}
/*# sourceMappingURL=main.f4a70acf.css.map*/