*{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}ul{list-style:none}li{font-family:"Poppins",Arial,Helvetica,sans-serif}a{text-decoration:none;color:#000}.app,.homeRoutes{display:flex}.homeRoutes{width:100%}.progress-auth{display:flex;justify-content:center}.progress-auth span{font-size:18px;margin-top:-5px;margin-bottom:10px;font-family:"poppins",Arial,Helvetica,sans-serif}.loading{display:flex;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;border-radius:50%;border:.35rem solid #003045;border-bottom-color:rgba(0,48,69,.07450980392156863);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.danger-auth{display:flex;align-items:center;color:#eb5757;margin-bottom:5px;margin-top:-5px}.danger-auth img{max-width:18px;width:100%;margin-right:5px}@media (max-width:500px){.homeRoutes{display:flex;flex-direction:column}}.signin{flex-direction:column;width:100%;height:100vh;margin:0 1rem;box-sizing:border-box}.signin,.signin__logo{display:flex;align-items:center}.signin__logo{margin:40px 20px 20px}.signin__logo h1{font-family:"poppins",Arial,Helvetica,sans-serif;margin-left:10px}.signin__logo h1 span{color:#003049}.signin__logo img{max-width:60px;width:100%;object-fit:contain;border-radius:50%}.signin__container{display:flex;flex-direction:column;max-width:400px;width:100%;border-radius:10px;padding:1.5rem;box-sizing:border-box;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.08)}.signin__container h3{font-size:25px;margin-bottom:10px;color:#003049;font-family:"quicksand",Arial,Helvetica,sans-serif}.signin__container form{display:flex;flex-direction:column}.signin__container form input{width:100%;height:40px;margin-bottom:5px;border-radius:5px;border:none;background:#f5f5f5;outline:none;padding:.5rem;font-size:14px;box-sizing:border-box}.signin__btnContainer{display:flex;justify-content:space-between;align-items:flex-start;margin-top:10px}.signin__goto{font-family:"quicksand",Arial,Helvetica,sans-serif;font-size:14px;margin-left:10px}.signin__goto a{color:#6b6b6b}.signin__goto a:hover{text-decoration:underline}.signin__btnContainer button{width:100px;height:35px;background:#003049;font-family:"quicksand",Arial,Helvetica,sans-serif;font-weight:700;color:#fff;border-radius:10px;border:none;outline:none;cursor:pointer;box-shadow:0 5px 10px rgba(0,47,73,.3);transition:.2s}.signin__btnContainer button:hover{background:#002d47}@media (max-width:500px){.signin__logo h1{font-size:25px}.signin__logo img{max-width:45px}.signin__container h3{font-size:20px;margin-bottom:10px;color:#003049;font-family:"quicksand",Arial,Helvetica,sans-serif}.signin__container label{font-size:16px}.signin__container form input{width:100%;height:35px;margin-bottom:5px;border-radius:5px;border:none;background:#f5f5f5;outline:none;padding:.5rem;font-size:14px;box-sizing:border-box}.signin__goto{font-size:12px}.signin__goto a{color:#6b6b6b}.signin__goto a:hover{text-decoration:underline}.signin__btnContainer button{width:90px;height:35px;font-size:14px}.signin__btnContainer button:hover{background:#002d47}}.register{flex-direction:column;width:100%;height:100vh;margin:0 1rem;box-sizing:border-box}.register,.register__logo{display:flex;align-items:center}.register__logo{margin:40px 20px 20px}.register__logo h1{font-family:"poppins",Arial,Helvetica,sans-serif;margin-left:10px}.register__logo h1 span{color:#003049}.register__logo img{max-width:60px;width:100%;object-fit:contain;border-radius:50%}.register__container{display:flex;flex-direction:column;max-width:400px;width:100%;border-radius:10px;padding:1.5rem;background:#fff;box-sizing:border-box;box-shadow:0 10px 20px rgba(0,0,0,.08)}.register__container h3{font-size:25px;margin-bottom:10px;color:#003049;font-family:"quicksand",Arial,Helvetica,sans-serif}.register__container form{display:flex;flex-direction:column}.register__container form input{width:100%;height:40px;margin-bottom:5px;border-radius:5px;border:none;background:#f5f5f5;outline:none;padding:.5rem;font-size:14px;box-sizing:border-box}.register__btnContainer{display:flex;justify-content:space-between;align-items:flex-start;margin-top:10px}.register__goto{font-family:"quicksand",Arial,Helvetica,sans-serif;font-size:14px;margin-left:10px}.register__goto a{color:#6b6b6b}.register__goto a:hover{text-decoration:underline}.register__btnContainer button{width:100px;height:35px;background:#003049;font-family:"quicksand",Arial,Helvetica,sans-serif;font-weight:700;color:#fff;border-radius:10px;border:none;outline:none;cursor:pointer;box-shadow:0 5px 10px rgba(0,47,73,.3);transition:.2s}.register__btnContainer button:hover{background:#002d47}@media (max-width:500px){.register__logo h1{font-size:25px}.register__logo img{max-width:45px}.register__container h3{font-size:20px;margin-bottom:10px;color:#003049;font-family:"quicksand",Arial,Helvetica,sans-serif}.register__container label{font-size:16px}.register__container form input{width:100%;height:35px;margin-bottom:5px;border-radius:5px;border:none;background:#f5f5f5;outline:none;padding:.5rem;font-size:14px;box-sizing:border-box}.register__goto{font-size:12px}.register__goto a{color:#6b6b6b}.register__goto a:hover{text-decoration:underline}.register__btnContainer button{width:90px;height:35px;font-size:14px}.register__btnContainer button:hover{background:#002d47}}.sidebarNav{display:flex;flex-direction:column;justify-content:space-between;height:100vh;padding:1rem;box-sizing:border-box;max-width:80px;width:100%;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1)}.sidebarNav__down,.sidebarNav__up{display:flex;align-items:center;justify-content:center;flex-direction:column}.sidebarNav__imgLogo{max-width:50px;width:100%;border-radius:50%;margin-bottom:20px}.sidebarNav__icon{position:relative;width:100%;max-width:30px;cursor:pointer;margin:15px 0}.sidebarNav__icon img{max-width:23px;width:100%;margin-left:3px}.sidebarNav__icon.active:after,.sidebarNav__icon:hover.sidebarNav__icon:after{position:absolute;content:"";right:-26px;top:-15px;border:1px solid #003049;height:60px}.sidebarNav__icon:hover.sidebarNav__icon:after{border-radius:10px}.sidebar__userImage{width:45px;height:45px;object-fit:cover;border-radius:50%}.sidebarNav__profile{position:relative;width:100%;cursor:pointer}.sidebarNav__profile.active:after,.sidebarNav__profile:hover.sidebarNav__profile:after{position:absolute;content:"";right:-17px;top:-12px;border:1px solid #003049;height:60px}.sidebarNav__profile:hover.sidebarNav__profile:after{width:0;border-radius:10px}.sidebarNav__back,.sidebarNav__responsive,.sidebarNav__username{display:none}@media (max-width:500px){.sidebarNav{position:fixed;display:flex;justify-content:space-between;z-index:111;align-items:center;flex-direction:row;max-width:none;width:100%;height:70px}.sidebarNav__down,.sidebarNav__up{align-items:center;justify-content:flex-start;flex-direction:row}.sidebarNav__username{display:inline;display:initial;font-size:18px}.sidebarNav__imgLogo{max-width:40px;width:100%;object-fit:contain;border-radius:50%;margin-bottom:0}.sidebarNav__back{display:inline;display:initial}.sidebarNav__responsive{display:flex}.sidebarNav__responsive span{font-size:25px}.sidebarNav__navbar{position:fixed;top:0;bottom:0;background:#fff;right:0;padding:1rem;width:200px;box-shadow:-2px 0 20px rgba(0,0,0,.1);animation:slideNav .5s ease}.sidebarNav__navbar span{display:flex;justify-content:flex-end;font-size:20px}.sidebarNav__navbar ul{margin-top:20px}.sidebarNav__navbarIcon{padding:.8rem}.sidebarNav__navbarIcon.active{background:hsla(0,0%,39.2%,.2)}.sidebar__userImage,.sidebarNav__icon,.sidebarNav__icon.active:after,.sidebarNav__icon:hover.sidebarNav__icon:after,.sidebarNav__icon img,.sidebarNav__profile,.sidebarNav__profile.active:after,.sidebarNav__profile:hover.sidebarNav__profile:after{display:none}}@keyframes slideNav{0%{transform:translateX(200px)}to{transform:translateX(0)}}.inputMessages__form{width:100%;background:#fff;display:flex;align-items:center;border-radius:30px;box-shadow:0 3px 6px rgba(0,0,0,.2)}.inputMessages__form input{font-family:"poppins";width:100%;height:50px;border:none;outline:none;font-size:14px;border-radius:30px;padding:0 1rem}.inputMessages__icons{display:flex}.inputMessages__icons span{font-size:20px;margin-right:20px;cursor:pointer}.inputMessages__add{margin-right:15px;max-width:20px;margin-left:5px}.inputMessages__send{max-width:20px;margin-right:20px}.inputMessages__sticker{margin-top:5px;max-width:25px}.inputMessages__add:hover,.inputMessages__send:hover,.inputMessages__sticker:hover{cursor:pointer}.inputMessages__stickerContainer{position:relative;padding:.5rem}.inputMessages__stickerContent{position:absolute;display:none;flex-wrap:wrap;opacity:0;align-items:center;padding:.5rem;box-sizing:border-box;width:200px;border-radius:15px;max-height:100px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.2);right:-85px;bottom:45px;transition:.5s}.inputMessages__stickerContent p{font-size:25px;margin:5px;cursor:pointer;transition:.2s;box-sizing:border-box}.inputMessages__stickerContent p:hover{box-sizing:border-box;font-size:28px;margin-top:-5px}.inputMessages__stickerContainer:hover .inputMessages__stickerContent{display:flex;opacity:1}@media (max-width:375px){.inputMessages__form input{font-family:"poppins";width:100%;height:40px;border:none;outline:none;font-size:12px;border-radius:30px;padding:0 1rem}.inputMessages__sticker{max-width:20px}.inputMessages__add{margin-right:10px;max-width:16px;margin-left:0}.inputMessages__send{max-width:15px;margin-right:20px}}.message{display:flex;flex-direction:column;font-family:"poppins",arial;width:100%}.message__container{display:flex;width:100%;align-items:flex-start}.message__content{display:flex;align-items:center;background:#fff;padding:1rem;box-sizing:border-box;border-radius:20px;margin-bottom:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:90%;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.message__content.user{color:#fff;margin-left:auto;background:#003049;box-shadow:0 2px 4px rgba(0,47,73,.5)}.message__content.user.sticker{margin-left:auto}.message__content.sticker,.message__content.user.sticker{background:transparent;box-shadow:none;font-size:100px;padding:0}.message__content.sticker{margin-left:20px;margin-bottom:30px}.message__person{max-width:45px;width:100%;height:45px;object-fit:cover;border-radius:50%}@media (max-width:500px){.message__person{max-width:40px;height:40px;object-fit:cover;width:100%;border-radius:50%}.message__content.sticker{margin-left:5px}.sidebarNav__username{font-size:20px;font-family:"poppins",Arial,Helvetica,sans-serif;margin-left:20px}.message__content{padding:.8rem}.message__content.sticker,.message__content.user.sticker{font-size:80px;margin-bottom:10px}}@media (max-width:375px){.message__content{font-size:12px}.message__content.sticker,.message__content.user.sticker{font-size:70px}}.messages{display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;box-sizing:border-box;height:100vh}.messages__content{display:flex;flex-direction:column-reverse;overflow-y:auto;height:100%;margin-bottom:20px}.messages__content.no-selected{overflow-y:hidden}.messages__content::-webkit-scrollbar{display:none}.messages__noSelected{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;font-family:"poppins",Arial,Helvetica,sans-serif}.messages__noSelectedImg{max-width:450px;width:100%;margin-bottom:20px}.messages__selectTitle{font-size:20px;color:#003049}.messages__selectSubTitle{color:silver}.messages__firstConnectImg{max-width:380px;width:100%;margin-bottom:30px}@media (max-width:500px){.messages{padding:5.5rem 1rem 1rem}}.sidebar{display:flex;height:100vh}.sidebar__content{padding:1rem;justify-content:flex-start;background:#fff;box-shadow:5px 0 20px rgba(0,0,0,.1);box-sizing:border-box}.sidebar__content,.sidebar__header{display:flex;flex-direction:column;width:100%}.sidebar__header{justify-content:space-between;height:100px}.sidebar__content h1{font-family:"quicksand";font-size:30px;color:#003045}.sidebar__input{display:flex;justify-content:space-between;align-items:center;width:100%;background:#f0f0f0;height:35px;padding:0 1rem;box-sizing:border-box;border-radius:30px;margin-bottom:10px}.sidebar__input input{font-family:"quicksand";width:100%;background:transparent;border:none;outline:none}.sidebar__chat{flex:4 1;margin-top:10px}@media (max-width:500px){.sidebar__content{margin-top:20px}}.sidebarMsg{display:flex;margin:0 -1rem;padding:.5rem 1rem}.sidebarMsg.active{background:#003049}.sidebarMsg.no-person:hover,.sidebarMsg:hover{background:#003049;cursor:pointer}.sidebarMsg.no-person:hover .sidebarMsg__text h3,.sidebarMsg:hover .sidebarMsg__text h3{color:#fff}.sidebarMsg.no-person:hover .sidebarMsg__noPerson{-webkit-filter:invert(1);filter:invert(1)}.sidebarMsg__person{max-width:45px;height:45px;object-fit:cover;width:100%;border-radius:50%}.sidebarMsg__noPerson{width:40px;height:40px;border-radius:50%}.sidebarMsg__text{font-family:"quicksand";margin-left:15px}.sidebarMsg__text h3{font-size:18px;font-weight:500}.sidebarMsg__text.active h3{color:#fff}.sidebarMsg__text p{font-size:14px;color:#afafaf}.sidebarMsg__progress{justify-content:center;align-items:center;height:100%;margin:0 -1rem}.home,.sidebarMsg__progress{display:flex;width:100%}.home__left,.home__leftResponsive{flex:1 1 15rem}.home__right,.home__rightResponsive{flex:3 1 30rem}.home__responsive{display:none}@media (max-width:768px){.home{display:none}.home__responsive{display:flex;width:100%}}.profile{display:flex;justify-content:center;width:100%;height:100vh;overflow-y:scroll}.profile__edit{display:flex;flex-direction:column;align-items:center;max-width:600px;width:100%;background:#fff;margin:30px 2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:20px;padding:1rem;box-shadow:0 10px 20px rgba(0,0,0,.1)}.profile__edit h2{font-weight:700;margin-top:10px}.profile__edit h2,.profile__formEdit input{font-family:"quicksand",Arial,Helvetica,sans-serif}.profile__formEdit input{width:100%;font-size:1rem;border-radius:1em;margin-bottom:1rem;padding:.75em 1em;background:#eee;outline:none;font-weight:500;box-sizing:border-box;border:none}.profile__formEdit label{font-weight:700;margin-bottom:.25rem;display:block}.profile__formEditBtn{width:100px;height:35px;margin-top:10px;outline:none;font-family:"quicksand",Arial,Helvetica,sans-serif;border:none;border-radius:10px;cursor:pointer;background:#003049;color:#fff;font-weight:700;box-shadow:0 5px 10px rgba(0,47,73,.3)}.profile__formEditBtn.loading-update{background:#efefef;color:#afafaf}.profile__formEditBtn:hover{background-color:#002d47}.profile__formEditBtn.loading-update:hover{background-color:#efefef;cursor:default}.profile__image{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.profile__userImage{max-width:180px;width:100%;height:180px;object-fit:cover;border-radius:50%}.profile__editImage{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;width:40px;height:40px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);bottom:30px;right:120px;cursor:pointer}.profile__formEdit{position:relative;display:flex;flex-direction:column;font-family:"quicksand",Arial,Helvetica,sans-serif;max-width:400px;width:100%;margin:10px 0}.profile__editImage input{cursor:pointer;background:transparent;color:transparent;width:40px;height:40px;outline:none;position:absolute;border:none;border-radius:50%;bottom:-5px;transition:.2s}.profile__editImage input:hover{background:rgba(0,0,0,.03)}.profile__editImage input::-webkit-file-upload-button{visibility:hidden}.profile__editImage input::-moz-file-upload-button{visibility:hidden}.profile__successUpdate{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.4);z-index:100}.profile__successUpdateContainer{font-family:"poppins",Arial,Helvetica,sans-serif;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;height:350px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:10px;padding:1rem;box-sizing:border-box;box-shadow:0 0 40px rgba(0,0,0,.25);animation:popup-overlay .3s}.profile__successUpdateContainer img{max-width:100px;width:100%;margin-bottom:20px}.profile__successUpdateContainer h3{font-weight:500}.profile__successUpdateContainer h5{color:#afafaf;font-weight:500;margin-bottom:20px}.profile__successUpdateContainer button{width:140px;height:35px;cursor:pointer;border-radius:5px;border:none;outline:none;font-family:"quicksand",Arial,Helvetica,sans-serif;font-weight:600;background:#003049;color:#fff;box-shadow:0 5px 10px rgba(0,47,73,.3)}@keyframes popup-overlay{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@media (max-width:500px){.profile__edit{margin:4rem 0 0;border-radius:0;padding:1rem}.profile__userImage{max-width:130px;height:130px}.profile__formEdit input{width:100%;height:35px;padding:.5rem;font-size:14px}.profile__formEditBtn{width:90px;height:35px;background:#003049;color:#fff;font-size:12px}.profile__edit h2{font-size:20px}.profile__editImage{width:35px;height:35px;background:#fff;bottom:30px;right:30%;cursor:pointer}.profile__editImage img{max-width:20px;width:100%}}.setting{display:flex;justify-content:center;width:100%;height:100vh;padding:1rem;box-sizing:border-box;background:#f7f7f7}.setting__container{max-width:500px;width:100%;margin-top:50px}.setting__container ul li{display:flex;align-items:center;padding:1rem;font-family:"poppins",Arial,Helvetica,sans-serif;font-weight:400;box-sizing:border-box;border-bottom:1px solid #c4c4c4}.setting__container ul li:hover{background:#e6e6e6;cursor:pointer}.setting__container ul li img{margin-right:20px;max-width:25px;width:100%}.setting__footer{display:flex;justify-content:flex-end;width:100%;font-family:"quicksand",Arial,Helvetica,sans-serif;font-size:14px;margin-left:auto;color:#c4c4c4}@media (max-width:500px){.setting{margin-top:2rem}}.deleteComment{position:relative}.deleteComment__settings{cursor:pointer}.deleteComment__settings img{width:15px}.deleteComment__settingLists{position:absolute;background:#fff;width:100px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.25);right:4px;top:20px;z-index:100}.deleteComment__settingLists li{padding:.5rem;border-radius:10px;box-sizing:border-box;font-size:10px;font-weight:500;font-family:"quicksand",Arial,Helvetica,sans-serif}.deleteComment__settingLists li:hover{background:#e7e7e7;cursor:pointer}.comment__person{max-width:35px;width:100%;height:35px;object-fit:cover;border-radius:50%}.comment__comment{margin-top:5px;display:flex;flex-direction:column}.comment__commentInput{display:flex;width:100%;align-items:center}.comment__comment input{border:none;height:35px;width:100%;outline:none;font-family:"poppins";font-size:14px;padding:.5rem;box-sizing:border-box;border-radius:5px;margin:0 5px 0 10px}.comment__comment button{height:30px;width:90px;border-radius:5px;margin-left:5px;border:none;outline:none;font-family:"quicksand",Arial,Helvetica,sans-serif;background-color:#003045;color:#fff;font-weight:700;cursor:pointer;transition:.2s}.comment__comment button:disabled{background:#efefef;color:#afafaf}.comment__allComments{width:100%;max-height:300px;overflow-y:auto;margin-top:10px}.comment__allComments::-webkit-scrollbar{display:none}.comment__allComments ul{display:flex;flex-direction:column-reverse}.comment__commentContainer{display:flex;align-items:flex-start;width:100%;margin:10px 0}.comment__commentContent{width:100%;margin-left:10px}.comment__commentContentHeader{display:flex;align-items:center;justify-content:space-between;width:100%}.comment__commentContentHeader span{color:#000}.comment__commentContentHeader h3{font-size:15px;font-weight:500;font-family:"poppins",Arial,Helvetica,sans-serif;margin-right:10px}.comment__commentContent .comment__commentContentHeader p{font-size:12px;color:#afafaf}.comment__commentContent p{font-family:"poppins",Arial,Helvetica,sans-serif;font-size:13px;color:#787878}.comment__headerDetail{display:flex;align-items:center}.comment__sticker{margin-top:5px;max-width:25px}.comment__stickerContainer{position:relative;padding:.5rem}.comment__stickerContent{position:absolute;display:none;flex-wrap:wrap;opacity:0;align-items:center;padding:.5rem;box-sizing:border-box;width:200px;border-radius:15px;max-height:100px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);right:-85px;bottom:45px;transition:.5s}.comment__stickerContent p{font-size:25px;margin:5px;cursor:pointer;transition:.2s;box-sizing:border-box}.comment__stickerContent p:hover{box-sizing:border-box;font-size:28px;margin-top:-5px}.comment__stickerContainer:hover .comment__stickerContent{display:flex;opacity:1}.comment__commentStickerContainer{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:50px}.comment__commentSticker{font-size:50px!important;padding:.5rem}.comment__commentStickerContainer span{position:absolute;font-size:13px;top:0;right:0;cursor:pointer}@media (max-width:500px){.comment__comment input{height:30px;font-size:12px}}.settingPost__settingLists{position:absolute;background:#fff;max-width:120px;width:100%;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.25);right:-60px;top:40px}.settingPost__settingLists li{padding:.5rem;border-radius:10px;box-sizing:border-box;font-size:15px;font-weight:500;font-family:"quicksand",Arial,Helvetica,sans-serif}.settingPost__settingLists li:hover{background:#e7e7e7;cursor:pointer}@media (max-width:500px){.settingPost__settingLists{max-width:90px;right:-40px}.settingPost__settingLists li{font-size:12px}}.deletePost__deleteAsk{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.4);z-index:100}.deletePost__deleteAskContainer{font-family:"poppins",Arial,Helvetica,sans-serif;position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:500px;height:200px;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%);border-radius:10px;padding:1rem;box-sizing:border-box;box-shadow:0 0 40px rgba(0,0,0,.25)}.deletePost__deleteAskContainer p{font-size:18px}.deletePost__deleteAskBtn{width:100%;display:flex;justify-content:flex-end}.deletePost__deleteAskBtn button{font-family:"quicksand",Arial,Helvetica,sans-serif;width:90px;height:35px;outline:none;border-radius:10px;border:none;cursor:pointer;font-weight:500;color:#afafaf}.deletePost__deleteAskBtnCancel{margin-left:10px;background:#003045;color:#fff!important}.timelinePost{background:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:12px;margin:20px 0;padding:1.5rem;box-shadow:2px 5px 10px rgba(0,0,0,.1)}.timelinePost__header{display:flex;width:100%;align-items:center}.timelinePost.image{padding:0}.timelinePost__user{display:flex;box-sizing:border-box;justify-content:space-between;align-items:center;position:relative}.timelinePost__headerSettings{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;margin-right:-10px;font-size:20px}.timelinePost__headerSettings img{width:4px}.timelinePost__headerSettings:hover{background:#f5f5f5}.timelinePost__user.image{padding:1rem 1.5rem}.timelinePost__person{max-width:40px;width:100%;height:40px;object-fit:cover;border-radius:50%}.timelinePost__text{font-family:"quicksand";margin-left:15px}.timelinePost__text h3{font-size:18px;font-weight:500}.timelinePost__text p{font-size:14px;color:#afafaf}.timelinePost__image{width:100%}.timelinePost__image img{width:100%;max-height:350px;height:100%;object-fit:cover}.timelinePost__contentText{margin:20px 0;font-family:"poppins";font-size:15px}.timelinePost__contentText.image{margin:0;padding:1rem 1.5rem}.timelinePost__stickerBody{font-size:100px}@media (max-width:500px){.timelinePost__person{max-width:35px;height:35px}.timelinePost__text h3{font-size:16px;font-weight:500}.timelinePost__text p{font-size:12px;color:#afafaf}.timelinePost__contentText{font-size:14px}.timelinePost__headerSettings{width:30px;height:30px}.timelinePost__headerSettings img{width:3px}.timelinePost__stickerBody{font-size:70px}}.commentIcons__contentIcons{display:flex;justify-content:space-between;align-items:center}.commentIcons__contentIcons.image{padding:0 1.5rem}.commentIcons__contentIcons p{font-family:"quicksand",Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;color:#afafaf}.commentIcons__iconsIcon{display:flex;align-items:center}.commentIcons__icon{margin-right:15px;cursor:pointer;font-size:22px;color:#000}.commentIcons__icon.likes{color:#eb5056}.commentIcons__icon.image{margin-bottom:20px}@media (max-width:500px){.commentIcons__contentIcons p{font-size:12px}.commentIcons__icon{margin-right:15px;cursor:pointer;max-width:22px;font-size:20px}}.timeline{align-items:center;height:100vh;padding:1rem;overflow-y:scroll}.timeline,.timeline__content{width:100%;display:flex;flex-direction:column;box-sizing:border-box}.timeline__content{max-width:800px;margin-top:10px;height:100%;padding:1rem .5rem}.timeline__content h1{color:#003045;margin-bottom:10px;text-transform:uppercase;font-family:"quicksand",Arial,Helvetica,sans-serif}.timeline__write{display:flex;background-color:#fff;justify-content:space-between;align-items:center;height:20px;padding:1rem .5rem;border-radius:12px;box-shadow:2px 5px 10px rgba(0,0,0,.1);cursor:pointer}.timeline__write.write{height:250px}.timeline__write.sticker,.timeline__write.write{padding:1rem;flex-direction:column;align-items:flex-start;cursor:text}.timeline__write.sticker{height:400px}.timeline__write input{height:100%;width:100%;box-sizing:border-box;border:none;font-size:16px;font-family:"quicksand",Arial,Helvetica,sans-serif;outline:none;cursor:pointer}.timeline__writePost{width:100%;height:100%;display:flex;flex-direction:column}.timeline__writePostStiker{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative}.timeline__writePostStiker p{font-size:100px;padding:20px}.timeline__writePostStiker span{position:absolute;top:0;color:#003045;cursor:pointer;right:0}.timeline__writePost textarea{resize:none;height:100%;width:100%;outline:none;border:none;font-size:16px;margin-bottom:10px;font-family:"quicksand",Arial,Helvetica,sans-serif}.timeline__utilContainer{display:flex;align-items:center;justify-content:space-between;width:100%}.timeline__utilContainer.write{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.timeline__iconContainer{display:flex;align-items:center}.timeline__icon{max-width:20px;width:100%;margin-right:20px;box-sizing:border-box;cursor:pointer}.timeline__icon.write{margin:0}.timeline__sticker{max-width:25px;width:100%}.timeline__utilContainer button{width:100px;height:35px;border-radius:5px;outline:none;cursor:pointer;border:none;color:#afafaf;margin-left:10px;font-family:"quicksand",Arial,Helvetica,sans-serif;font-weight:700}.timeline__btnSend{background:#003045!important;color:#fff!important;transition:all .3s}.timeline__btnSend:disabled{background:#efefef!important;color:#afafaf!important}.timeline__progress{display:flex;justify-content:center;align-items:center;height:100%;color:#003045;width:100%;font-family:"poppins",Arial,Helvetica,sans-serif}.timeline__progress span{font-size:30px}.timeline__sticker{margin-top:5px;width:25px;margin-right:10px;cursor:pointer}.timeline__stickerContainer{position:relative;padding:.5rem}.timeline__stickerContent{position:absolute;display:none;flex-wrap:wrap;opacity:0;align-items:center;padding:.5rem;box-sizing:border-box;width:200px;border-radius:15px;max-height:100px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);right:-130px;bottom:-87px;transition:.5s;z-index:80}.timeline__stickerContent p{font-size:25px;margin:5px;cursor:pointer;transition:.2s;box-sizing:border-box}.timeline__stickerContent p:hover{box-sizing:border-box;font-size:28px;margin-top:-5px}.timeline__stickerContainer:hover .timeline__stickerContent{display:flex;opacity:1}@media (max-width:500px){.timeline{padding-top:4rem}.timeline__content h1{font-size:25px}.timeline__write{height:10px}.timeline__write input{font-size:14px}.timeline__icon{max-width:18px;width:100%;margin-right:20px;box-sizing:border-box;cursor:pointer}.timeline__sticker{max-width:21px;margin-right:0}.timeline__utilContainer button{width:75px;height:30px;border-radius:5px}.timeline__writePost textarea{font-size:14px}.timeline__writePostStiker p{font-size:70px;padding:20px}}
/*# sourceMappingURL=main.5dc61929.chunk.css.map */