*{margin:0;padding:0;box-sizing:border-box}ol,ul{list-style:none}a{text-decoration:none;color:#061520}input{outline:none}html{scroll-behavior:smooth}body{font-family:Mail Sans Roman,Arial,sans-serif;color:#061520;background:#f5f5f5;padding:10px 16px 23px;overflow-x:hidden;min-height:100vh}@media screen and (min-width:768px){body{padding:10px 0 0}}button,input,textarea{font-family:Mail Sans Roman,Arial,sans-serif;outline:none}footer,header,main{margin:0 auto}@media screen and (min-width:768px){footer,header,main{max-width:580px}}@media screen and (min-width:1024px){footer,header,main{max-width:890px}}@media screen and (min-width:1240px){footer,header,main{max-width:1180px}}.nav__logo.visible{animation:bounceIn;animation-duration:1.2s}.nav__center--desktop a:first-child.visible{animation:fadeIn;animation-duration:1.2s}.nav__center--desktop a:nth-child(2).visible,.nav__login.visible{animation:fadeIn;animation-duration:1.7s}.header__users.visible,.nav__container-login a.visible{animation:fadeIn;animation-duration:1.2s}.header__title.visible{animation:fadeInUp;animation-duration:.7s}.about__left>h2,.about__left>img,.about__right-img img,.about__right-img--mobile,.about__right-text{opacity:0;transition:opacity .3s ease}.about.visible .about__left>h2{animation:fadeInUp;animation-duration:.7s;opacity:1;transition:opacity .5s ease}.about.visible .about__left>img{opacity:1;animation:fadeInUp;animation-duration:1.2s;transition:opacity .9s ease}.about__right-img.visible .about__right-img--mobile,.about__right-img.visible img:nth-child(2){animation:fadeInUp;animation-duration:.7s;opacity:1;transition:opacity .5s ease}.about__right-img.visible img:nth-child(3),.about__right-text.visible{animation:fadeInUp;animation-duration:1.2s;opacity:1;transition:opacity .9s ease}.top__img,.top__left{opacity:0;transition:opacity .3s ease}.top__container.visible .top__left{animation:fadeIn;animation-duration:.9s;opacity:1;transition:opacity .7s ease}.top__container.visible .top__img{animation:fadeIn;animation-duration:.7s;opacity:1;transition:opacity .5s ease}.reputation__bottom .bottom__left img,.reputation__bottom .bottom__left p,.reputation__bottom .bottom__right img,.reputation__bottom .bottom__right p{opacity:0;transition:opacity .3s ease}.reputation__bottom .bottom__right p.visible{animation:fadeInLeft;animation-duration:.7s;opacity:1;transition:opacity .5s ease}.reputation__bottom .bottom__right img.visible{animation:fadeInRight;animation-duration:.9s;opacity:1;transition:opacity .7s ease}.reputation__bottom .bottom__left p.visible{animation:fadeInLeft;animation-duration:.7s;opacity:1;transition:opacity .5s ease}.reputation__bottom .bottom__left img.visible{animation:fadeInRight;animation-duration:.9s;opacity:1;transition:opacity .7s ease}@media screen and (min-width:1024px){.reputation__bottom .bottom__right p.visible{animation:fadeInRight;animation-duration:.7s;opacity:1;transition:opacity .5s ease}.reputation__bottom .bottom__right img.visible{animation:zoomInRight;animation-duration:.9s;opacity:1;transition:opacity .7s ease}.reputation__bottom .bottom__left p.visible{animation:fadeInLeft;animation-duration:.7s;opacity:1;transition:opacity .5s ease}.reputation__bottom .bottom__left img.visible{animation:zoomInLeft;animation-duration:.9s;opacity:1;transition:opacity .7s ease}}.bottom__center-img{opacity:0;transition:opacity .3s ease}.bottom__center-img.visible{animation:fadeIn;animation-duration:1.3s;opacity:1;transition:opacity 1s ease}.bottom__center-text p:first-child,.bottom__center-text p:nth-child(2){opacity:0;transition:opacity .3s ease}.bottom__center-text.visible p:first-child{animation:fadeInUp;animation-duration:.7s;opacity:1;transition:opacity .5s ease}.bottom__center-text.visible p:nth-child(2){animation:fadeInUp;animation-duration:1.2s;opacity:1;transition:opacity .9s ease}.bottom__center-like.visible{animation:headShake;animation-duration:.7s;animation-delay:1.5s}@media screen and (min-width:1024px){.comment__dislike-button:hover,.comment__like-button:hover,.dislike.comment__dislike-button:hover,.like.comment__like-button:hover{background-color:#4651bf!important}.user__category,.user__name{transition:color .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease}.user__category:hover,.user__name:hover{text-decoration:underline}.link-to-post h3{transition:all .3s ease}.link-to-post:hover h3{scale:1.005}.nav__logo:hover{animation:headShake;animation-duration:1s}.nav__right{overflow:hidden;border-radius:50px;width:145px}.nav__login{width:140px}.nav__login span{position:relative;transition:all .35s;z-index:2}.nav__login:hover{color:#fff}.nav__login:before{position:absolute;content:"";top:0;left:-1px;width:0;height:100%;background:#6c75cc;border-radius:50px;transition:all .35s;z-index:1}.nav__login:hover:before{width:100%}.nav__login:hover:after{content:"";background:url(/_next/static/media/arrow-for-btn-reverse.169c5d2d.svg) 50% no-repeat;background-size:cover;transition:all .5s;z-index:2}.nav__container-login:hover .nav__join--desktop{box-shadow:0 0 5px rgba(0,0,0,.4);animation:pulse;animation-duration:1s}.about__right-invite-btn:hover{transform:scale(1.05);box-shadow:0 0 5px rgba(0,0,0,.4);transition:all .3s}.top__container-invite{cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.top__container-invite:before{content:"";position:absolute;bottom:0;left:0;width:0;height:100%;background-color:#6c75cc;transition:all .3s;border-radius:38px;z-index:-1}.top__container-invite:hover{transform:scale(1.05);box-shadow:0 0 5px rgba(0,0,0,.4);color:#fff;transition:all .3s ease}.top__container-invite:hover:before{width:100%}.top__container-invite:hover a{color:#fff}.top__container-invite:hover svg path{stroke:#fff}.footer__right ul li a{transition:all .2s ease}.footer__right ul li a:hover{opacity:.6}.footer__right>a{cursor:pointer}.footer__right>a:hover{opacity:.6}.sign-in__back-btn span{position:relative;transition:all .35s;z-index:2}.sign-in__back-btn:hover{color:#6c75cc}.sign-in__back-btn:before{position:absolute;content:"";top:0;left:-1px;width:0;height:100%;background:#fff;border-radius:50px;transition:all .35s;z-index:-1}.sign-in__back-btn:hover:before{width:107%}.sign-in__back-btn:hover:after{content:"";background:url(/_next/static/media/arrow-for-btn.a33b0f0b.svg) 50% no-repeat;background-size:cover;transition:all .7s;z-index:2}.sign-in__form-submit button{cursor:pointer;transition:all .3s;position:relative;overflow:hidden;z-index:1}.sign-in__form-submit button:before{content:"";position:absolute;bottom:0;left:0;width:0;height:100%;background-color:#3d47af;transition:all .3s;border-radius:10rem;z-index:-1}.sign-in__form-submit button:hover{transform:scale(1.05);color:#fff;box-shadow:0 0 5px rgba(0,0,0,.4)}.sign-in__form-submit button:hover:before{width:100%}.sign-in__link{margin-left:auto;display:flex;align-items:center;gap:3px}.sign-in__link a{overflow:hidden;position:relative;display:inline-block}.sign-in__link a:after,.sign-in__link a:before{content:"";position:absolute;width:100%;left:0}.sign-in__link a:before{background-color:#6c75cc;height:2px;bottom:0;transform-origin:100% 50%;transform:scaleX(0)}.sign-in__link a:after,.sign-in__link a:before{transition:transform .3s cubic-bezier(.76,0,.24,1)}.sign-in__link a:after{content:attr(data-replace);height:100%;top:0;transform-origin:100% 50%;transform:translate3d(200%,0,0);color:#fff}.sign-in__link a:hover:before{transform-origin:0 50%;transform:scaleX(1)}.sign-in__link a:hover:after{transform:translateZ(0)}.sign-in__link a span{display:inline-block;transition:transform .3s cubic-bezier(.76,0,.24,1)}.sign-in__link a:hover span{transform:translate3d(-200%,0,0)}.sign-in__form-submit.personal-datas__form-submit a{border-radius:50%;opacity:1;position:relative;display:inline-block}.sign-in__form-submit.personal-datas__form-submit a:hover:after{opacity:1;transform:translateY(0) rotateX(0)}.sign-in__form-submit.personal-datas__form-submit a:hover:before{opacity:0;transform:translateY(50%) rotateX(90deg)}.sign-in__form-submit.personal-datas__form-submit a:after{width:60px;height:60px;top:0;left:0;opacity:0;width:100%;display:block;transition:.3s;position:absolute;content:"";background:url(/_next/static/media/arrow-for-btn.a33b0f0b.svg) 50% no-repeat;background-size:cover;transform:translateY(-50%) rotateX(90deg)}.sign-in__form-submit.personal-datas__form-submit a:before{width:60px;height:60px;top:0;left:0;opacity:1;display:block;transition:.3s;position:relative;content:"";background:url(/_next/static/media/arrow-for-btn-reverse.169c5d2d.svg) 50% no-repeat;background-size:cover;transform:translateY(0) rotateX(0)}.personal-datas__nav-bottom a:first-child:before{width:130%;left:-18px}.personal-datas__nav-bottom a:first-child:before,.personal-datas__nav-bottom a:nth-child(2):before{content:"";position:absolute;height:3px;border-radius:4px;background-color:#6c75cc;bottom:-3px;transform-origin:right;transform:scaleX(0);transition:transform .2s ease-in-out}.personal-datas__nav-bottom a:nth-child(2):before{width:100%;left:0}.personal-datas__nav-bottom a:hover:before{transform-origin:left;transform:scaleX(1)}.posts__left a:hover h2{animation:headShake;animation-duration:1s}.posts__create--desktop{transition:all .5s}.posts__create--desktop:hover{animation:pulse;animation-duration:1s}.posts__create--desktop:hover,.posts__notification:hover{box-shadow:0 0 5px rgba(0,0,0,.4)}.posts__notification:hover:after{animation-name:pepe;animation-duration:.5s}.posts__profile-link{transition:all .3s}.posts__profile-link:hover{box-shadow:0 0 5px rgba(0,0,0,.4);scale:1.05;transition:all .3s}.posts-main__right-link:hover{transition:all .3s;background:#f0f0f0}.posts-main__right-link.posts-main__right-link_active,.posts-main__right-link.posts-main__right-link_active:hover{background:#6c75cc;color:#fff}.about-me__edit-link,.user-profile__post-edit{transition:all .3s}.about-me__edit-link:hover,.user-profile__post-edit:hover{transition:all .3s;scale:1.03}.selected-tags__item{transition:all .2s}.selected-tags__item:hover{box-shadow:0 0 5px rgba(0,0,0,.1);scale:1.04;transition:all .3s}.question__submit-btn,.user-settings__confirm-btn,.user-settings__denie-btn{transition:all .3s}.question__submit-btn:hover,.user-settings__confirm-btn:hover,.user-settings__denie-btn:hover{box-shadow:0 0 5px rgba(0,0,0,.4);scale:1.05;transition:all .3s}.current-post__to-back{position:relative}.current-post__to-back span{position:relative;transition:all .35s;z-index:2}.current-post__to-back:hover{color:#fff}.current-post__to-back:before{position:absolute;content:"";top:0;right:-1px;width:0;height:100%;background:#6c75cc;border-radius:50px;transition:all .35s;z-index:1}.current-post__to-back:hover:before{width:100%}.current-post__to-back:hover:after{position:absolute;content:"";background:url(/_next/static/media/arrow-for-btn-reverse.169c5d2d.svg) 50% no-repeat;height:100%;width:50px;top:0;left:0;transform:rotate(180deg);background-size:cover;transition:all .5s;z-index:2}.form__upload-container{transition:all .3s}.form__upload-container:hover{background:#f5f5f5;transition:all .2s}.user-profile__seting-link:hover img{transform:rotate(90deg);transition:all .5s}.user-post__reactions button,.user-post__reactions>a{cursor:pointer}.user-post__reactions button:hover,.user-post__reactions button:last-child:hover,.user-post__reactions>a:hover{background:#f0f0f0}.user-post__reactions-item.user-post__reactions-item--active{background:#6c75cc;color:#fff;transition:all .3s}.user-post__reactions-item.user-post__reactions-item--active:hover{background:#6c75cc;color:#fff}.comment__dislike-button img.animated,.comment__like-button img.animated,.user-post__reactions img.animated{animation-name:lePeek;animation-duration:1s}.comment__actions>div:first-child button:hover{background:#f0f0f0}.comment__actions>div:first-child button.user-post__reactions-item--active{background:#6c75cc;color:#fff;transition:all .3s}.comment__actions>div:first-child button.user-post__reactions-item--active:hover{background:#6c75cc;color:#fff}}.comment__dislike-button,.comment__like-button,.user-post__reactions .comment__like-button{background:#6c75cc!important;color:#fff!important}.comment__dislike-button:hover,.comment__like-button:hover,.user-post__reactions .comment__like-button:hover{background:#5b64b3;color:#fff}@keyframes pepe{0%,33%,66%,to{transform:rotate(4deg)}16%,50%,83%{transform:rotate(-4deg)}}@keyframes lePeek{25%{transform:rotateX(30deg) translateY(5px) rotate(-10deg)}50%{transform:translateY(-5px) rotate(5deg) scale(1.1)}}.comments{padding-top:13px}.comments__other{color:#0b5dd7;padding:12px 0;font-size:17px;font-weight:400;line-height:26px;background:rgba(0,0,0,0);width:100%;text-align:start;border:none;border-top:1px solid #e5e5e5}.comments-container{flex-direction:column;align-items:start;padding:20px 16px 0;margin:20px -16px 0;border-top:1px solid #d9d9d9}.comments-container input{padding:12px;margin-bottom:12px;font-size:17px;font-weight:400;line-height:26px;color:#595959;border:1px solid rgba(0,0,0,.031372549);background:#f5f5f5;border-radius:12px;width:100%}.comments-count{margin-bottom:20px;font-size:17px;font-weight:500;line-height:26px}.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.comment-header img{border-radius:50%;object-fit:cover}.comment-header div{display:flex;flex-direction:column}.comment__author{font-size:15px;font-weight:500;line-height:22px}.comment__date{font-size:13px;font-weight:400;line-height:18px;color:#595959}.comment__text{margin-right:30px;font-size:17px;font-weight:400;line-height:26px;margin-bottom:8px}.comment__actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment__actions>div:first-child,.comment__actions>div:nth-child(2){display:flex;align-items:center;gap:8px}.comment__actions>div:first-child button{background:#f9f9f9;border:none;padding:4px 8px;display:flex;gap:7px;align-items:center;border-radius:8px;color:#595959;font-size:13px;font-weight:400;line-height:18px}.comment__actions>div:nth-child(2) button{cursor:pointer;background:rgba(0,0,0,0);border:none;height:22px;display:flex;align-items:center;border-radius:8px}.comment__reply-button{color:#595959}.comment__toggle-button{color:#0b5dd7}.comment-on-comment{margin-left:26px}@media screen and (min-width:600px){.comments__text{margin-right:50px}}@media screen and (min-width:1024px){.comments-container{margin:30px -24px 0;padding:0 24px}.comments__other{width:614px;margin:0 -24px;padding:12px 24px}.comments-count{margin:20px 0;font-size:20px;font-weight:500;line-height:28px}}@media screen and (min-width:1240px){.comments__other{width:640px}}