.buttons-wrapper{background-color:#d3d3d3;border-radius:7px;box-shadow:0 0 1px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.2);margin-top:10px;padding:15px;width:50%}.custom-button{border:none;border-radius:4px;padding:15px 30px}.submit-btn{background-color:var(--primary);border-radius:5px;color:#fff;font-size:18px;margin-top:48px;min-height:56px;width:100%}@media (max-width:768px){.submit-btn{margin-top:36px}}.username{background-color:var(--primary);justify-content:space-around;padding:10px;width:180px}.username,.username__initials{align-items:center;color:#fff;display:flex}.username__initials{background-color:var(--primary-2);border-radius:5px;flex-basis:30px;font-size:16px;font-weight:400;justify-content:center;min-height:30px}.main-header{background-color:var(--primary);border-radius:5px;min-height:50px}.main-header__inner{display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1920px;padding:0 5px}.main-header__menu-btn{background-color:inherit;border:none;border-right:1px solid var(--primary-2);min-width:50px;position:relative;transition:.3s}.main-header__menu-btn-line{background-color:#fff;height:2px;left:33%;position:absolute;top:24.5px;width:15px}.main-header__menu-btn:after,.main-header__menu-btn:before{background-color:#fff;content:"";height:2px;left:33%;position:absolute;transition:.2s;width:15px}.main-header__menu-btn:before{top:19px}.main-header__menu-btn:after{bottom:18px}.close-burger span{-webkit-transform:scale(0);transform:scale(0)}.close-burger:before{top:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close-burger:after{bottom:23px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.main-header__menu{background-color:#fff;border-top:1px solid var(--primary-2);box-shadow:0 0 20px rgba(0,0,0,.1);color:var(--secondary);list-style-type:none;opacity:0;position:absolute;top:60px;-webkit-transform:translateX(-210px);transform:translateX(-210px);transition:.3s;visibility:hidden;z-index:100}.main-header__menu.active{opacity:1;-webkit-transform:translateX(-4px);transform:translateX(-4px)}.main-header__menu.dark{background-color:var(--secondary);color:#fff}.main-header__menu-link{align-items:center;border-bottom:1px solid #e8e8e8;color:var(--secondary);display:flex;font-size:16px;justify-content:center;min-height:83px;transition:.2s;width:236px}.main-header__menu-link:hover{cursor:pointer}.main-header__menu-link:hover span{color:var(--primary)}.main-header__menu-link.dark{color:#fff}.main-header__menu-link-username{background-color:var(--primary)}.main-header__menu-link-username-logo{display:flex;justify-content:center;width:170px}.main-header__menu-link-log-out{background-color:#e8e8e8;color:var(--secondary)}.main-header__tools{display:flex}.main-header__username{align-items:center;display:flex;justify-content:center;min-width:50px}.main-header__log-in-btn{background-color:inherit}.main-header__search-btn{align-items:center;background-color:var(--primary);border-left:1px solid var(--primary-2);border-right:1px solid var(--primary-2);display:flex;justify-content:center;width:50px}.main-header__search-form{align-items:center;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:form-animate;animation-name:form-animate;background-color:var(--primary-2);display:flex;flex-grow:1;justify-content:space-between}.main-header__search-input{background-color:inherit;border:none;caret-color:hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5);height:100%;outline:none;padding:0 32px;width:95%}.main-header__search-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.main-header__search-input::placeholder{color:hsla(0,0%,100%,.5)}.main-header__search-input:-webkit-autofill{-webkit-transition:all 5000s ease-in-out 0s;transition:all 5000s ease-in-out 0s}.main-header__search-close-btn{background-color:inherit;height:15px;margin-right:10px;position:relative;width:15px}.main-header__search-close-btn:after,.main-header__search-close-btn:before{background-color:#fff;content:"";height:1px;left:0;position:absolute;width:15px}.main-header__search-close-btn:before{top:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.main-header__search-close-btn:after{bottom:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@-webkit-keyframes form-animate{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes form-animate{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:768px){.main-header__search-input{padding:0 22px;width:90%}}@media (max-width:540px){.main-header__search-input{padding:0 12px;width:80%}.main-header__username{display:none}.main-header__menu-link{min-height:63px;width:200px}.main-header__search-btn{border-right:none}}.theme-toggler{display:flex;height:83px;width:100%}.theme-toggler__btn{background-color:inherit;width:50%}.theme-toggler__btn:first-child{border-right:1px solid #e8e8e8}.tabs{border-radius:6px;box-shadow:0 0 1px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.2);display:flex;list-style-type:none;margin-top:10px;padding:10px 10px 0}.tab{border-bottom:1px solid #d3d3d3;cursor:pointer;min-height:40px;text-align:center;transition:.2s;width:20%}.tab:hover{color:var(--primary)}.tab--disabled{color:gray;cursor:not-allowed}.tab--disabled:hover{color:gray}.tab--active{border-bottom:2px solid #000}.sorting{margin-left:30px}@media (max-width:540px){.tab{width:32%}}.input-label:not(:first-child){display:block;margin-top:40px}@media (min-width:768px){.input-label:not(:first-child){margin-top:32px}}.input{border:none;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.1);display:block;margin-top:5px;min-height:56px;padding:18px 20px;width:100%}.error-input{outline:1px solid red}.error-input::-webkit-input-placeholder{color:red}.error-input::placeholder{color:red}.input-error-text{color:red;font-size:12px;font-style:italic;margin-top:5px}.post-title{color:var(--secondary);text-decoration:none;transition:.2s}.post-title.dark{color:#fff}.post-title:hover{color:var(--primary);cursor:pointer}.post-date{color:#8d8e97;display:inline-block;margin-bottom:8px}.post-wrapper{border-bottom:1px solid #dadada;display:flex;flex-direction:column;height:100%;justify-content:space-between}.post-actions__button{background-color:inherit;border:none}.post-actions{display:flex;justify-content:space-between;margin-bottom:40px}.post-actions path{transition:.2s}.post-actions__estimation-like:hover path{fill:var(--primary-2)}.post-actions__estimation-dislike{margin-left:40px}.post-actions__estimation-dislike:hover path{fill:var(--error)}.post-actions__other-bookmark:hover path,.post-actions__other-preview:hover path{fill:var(--primary-2)}.post-actions__other-bookmark,.post-actions__other-etc{margin-left:20px}.view1-main-content{display:flex;justify-content:space-between}.view1-post-info__title{-webkit-line-clamp:3;margin-bottom:24px}.view1-post-info__text,.view1-post-info__title{-webkit-box-orient:vertical;display:-webkit-box;max-width:448px;overflow:hidden;text-overflow:ellipsis}.view1-post-info__text{-webkit-line-clamp:6;color:#8d8e97;font-size:16px;line-height:28px;margin-bottom:31.5px}.view1-post-image{align-self:flex-start;margin-left:7px}.view1-post-image-img{height:244px;width:256px}.view2-post-image{height:246px;margin-bottom:24px;width:100%}.view2-post-image-img{height:100%;width:100%}.view2-post-info__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:29px;overflow:hidden;text-overflow:ellipsis}.view3-main-content{display:flex;justify-content:space-between}.view3-post-info__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:24.5px;max-width:222px;overflow:hidden;text-overflow:ellipsis}.view3-post-image{align-self:flex-start;margin-left:7px}.view3-post-image-img{height:96px;width:96px}@media (max-width:768px){.post-actions{margin-bottom:20px}.view1-post-info__title{margin-bottom:4px}.view3-post-info__title{margin-bottom:45px}}@media (max-width:540px){.view3-post-info__title{margin-bottom:24.5px}}.posts-grid{display:flex;flex-direction:column;gap:38.5px;padding:60px 0}.posts-row-2{display:flex;gap:32px}.posts-row-3{grid-column-gap:32px;grid-row-gap:40.5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.posts-row-3__el-1{grid-area:1/1/3/3}.posts-row-3__el-2{grid-area:1/3/2/4}.posts-row-3__el-3{grid-area:2/3/3/4}.posts-row-4{grid-column-gap:32px;grid-row-gap:40.5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.posts-row-4__el-1{grid-area:1/1/3/2}.posts-row-4__el-2{grid-area:1/2/3/3}.posts-row-4__el-3{grid-area:1/3/2/4}.posts-row-4__el-4{grid-area:2/3/3/4}@media (max-width:768px){.posts-grid{gap:18.5px}.posts-row-3{grid-column-gap:12px;grid-row-gap:20.5px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.posts-row-3__el-1{grid-area:1/1/3/2}.posts-row-3__el-2{grid-area:1/2/2/3}.posts-row-3__el-3{grid-area:2/2/3/3}.posts-row-4{grid-column-gap:12px;grid-row-gap:20.5px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}@media (max-width:540px){.posts-row-3,.posts-row-4{grid-template-columns:1fr;grid-template-rows:1fr}}.empty-favorites{font-size:25px;font-weight:600;margin:0 auto}.loader-wrapper{align-items:center;display:flex;height:500px;justify-content:center}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:3px solid #fff;display:inline-block;height:48px;position:relative;width:48px}.loader,.loader:after{border-radius:50%;box-sizing:border-box}.loader:after{border:3px solid;border-color:var(--primary) transparent;content:"";height:56px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:56px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main-footer__inner{align-items:center;border-top:1px solid #dadada;display:flex;justify-content:space-between;min-height:92px}.main-footer__copywriting{color:#8d8e97}.upload__input{border:none;margin-top:8px;padding:18px 20px;width:50%}.upload__btn,.upload__input{background-color:#f3f3f3;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.1);min-height:56px}.upload__btn{color:#000;width:165px}.image-item__btn-remove{background-color:inherit;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.1);color:red;min-height:20px;width:70px}@media (max-width:540px){.upload__input{width:45%}.upload__btn{width:140px}}.modal-wrapper{align-items:center;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:modal-animate;animation-name:modal-animate;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.modal{background-color:#fff;border:2px solid var(--primary);border-radius:10px;display:flex;flex-direction:column;font-size:17px;gap:20px;padding:15px}.modal.dark{background-color:#1e1e1e}.modal__btn{align-self:end;background-color:inherit;color:var(--primary);cursor:pointer;font-size:17px;transition:.2s}.modal__btn:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}@-webkit-keyframes modal-animate{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes modal-animate{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.start-page{align-items:center;display:flex;height:100vh;justify-content:center}.start-page__title{color:var(--primary)}.content-page__content{border-bottom:1px solid #dadada;padding-bottom:72px}.content-page__main-content{margin:48px auto 0;max-width:992px}.content-page__navigation{display:flex;max-width:153px;position:relative}.content-page__navigation-home{color:var(--secondary);cursor:pointer}.content-page__navigation-home:hover{color:var(--primary)}.content-page__navigation-home.dark{color:#fff}.content-page__navigation-line{background-color:#8d8e97;content:"";height:24px;left:53px;position:absolute;width:2px}.content-page__navigation-post-num{color:#8d8e97;margin-left:23px}.content-page__title{margin-top:32px}.content-page__content-image{height:518px;width:100%}.content-page__content-text{font-size:18px;line-height:32px}.content-page__content-actions,.content-page__content-text{margin:48px auto 0;max-width:920px}.content-page__content-actions-btn{background-color:#e8e8e8;min-height:56px}.content-page__content-actions-like-btn{width:88px}.content-page__content-actions-like-btn:hover{background-color:var(--primary-2)}.content-page__content-actions-like-btn:hover path{fill:#fff}.content-page__content-actions-dislike-btn{margin-left:6px;width:88px}.content-page__content-actions-dislike-btn:hover{background-color:var(--error)}.content-page__content-actions-dislike-btn:hover path{fill:#fff}.content-page__content-actions-bookmark-btn{align-items:center;color:#000;display:flex;justify-content:space-evenly;padding:0 40px;width:237px}.content-page__content-actions-bookmark-btn:hover{background-color:var(--primary-2)}.content-page__content-actions-bookmark-btn:hover .content-page__content-actions-bookmark-text{color:#fff}.content-page__content-actions-bookmark-btn:hover path{fill:#fff}@media (max-width:540px){.content-page__main-content{margin:36px auto 0}.content-page__content-image{height:200px}.content-page__content-actions,.content-page__content-text{margin:36px auto 0}.content-page__content-actions-dislike-btn,.content-page__content-actions-like-btn{width:65px}.content-page__content-actions-bookmark-btn{align-items:center;justify-content:space-evenly;padding:0 10px;width:150px}.content-page__content{padding-bottom:56px}}.pagination{display:flex;justify-content:space-between;padding-bottom:60px}.pagination__btn{align-items:center;background-color:inherit;display:flex;font-size:16px;gap:8px}.pagination__nums{display:flex;gap:20px;max-width:179px}.pagination__nums-num{background-color:inherit;color:#000;cursor:pointer;font-size:16px}.pagination__nums-num.dark{color:#fff}.pagination__nums-num.active{color:blue}.pagination__next-btn-text.dark,.pagination__prev-btn-text.dark{color:#fff}@media (max-width:580px){.pagination__next-btn-text,.pagination__prev-btn-text{display:none}}@media (max-width:430px){.pagination__next-btn,.pagination__prev-btn{display:none}.pagination__nums{display:flex;gap:10px;max-width:179px}}.drop-down-list{background-color:#fff;border:1.5px solid var(--primary);border-radius:5px;color:#000;cursor:pointer;margin-left:5px;outline:none;padding:2px 5px}@media (max-width:540px){.drop-down-list{margin-bottom:7px;margin-top:7px;padding:0}}.main-page__title{margin-bottom:40px}@media (max-width:540px){.main-page__title{margin-bottom:30px}}.my-posts-page__title{margin-bottom:40px}@media (max-width:540px){.my-posts-page__title{margin-bottom:30px}}.entry-page{padding-bottom:152px}.entry-page__home-link{color:var(--secondary)}.entry-page__home-link.dark{color:#fff}.entry-page__home-link:hover{color:var(--primary)}.entry-page__title{margin-top:32px}.entry-form{border:1px solid #dadada;border-radius:7px;margin:82px auto 0;max-width:624px;padding:40px}.entry-form__sign{align-items:center;color:#8d8e97;display:flex;justify-content:center;margin-top:24px}.entry-form__sign-link{color:var(--primary)}@media (max-width:768px){.entry-page{padding-bottom:112px}.entry-form{margin:56px auto 0}}@media (max-width:540px){.entry-page{padding-bottom:60px}.entry-page__title{margin-top:28px}.entry-form{margin:32px auto 0;padding:20px}}.sign-in-form__forgot-password{display:block;font-size:14px;margin-top:16px;max-width:120px}.sign-in-form__forgot-password:hover{color:var(--primary)}.reg-confirm-form__text{line-height:24px;max-width:350px}.reg-confirm-form__btn{align-items:center;display:flex;justify-content:center}.reg-success-form__text{line-height:24px;max-width:250px}.reg-success-form__btn{align-items:center;display:flex;justify-content:center}.search-page__not-found{font-size:23px;font-weight:600;padding-top:40px}.search-page__title{padding-bottom:24px}.search-post{border-bottom:1px solid #dadada;margin:40px 0}.search-post__content{display:flex;gap:32px;margin-bottom:45px}.search-post__content-img{height:96px;width:96px}.search-post__content-info-title{color:var(--secondary);transition:.2s}.search-post__content-info-title.dark{color:#fff}.search-post__content-info-title:hover{color:var(--primary)}@media (max-width:768px){.search-page__title{padding-bottom:16px}}@media (max-width:540px){.search-post{margin:32px 0}.search-post__content{gap:22px;margin-bottom:35px}}.add-post-page{padding-bottom:72px}.add-post-page__navigation{display:flex;max-width:153px;position:relative}.add-post-page__navigation-home{color:var(--secondary);cursor:pointer}.add-post-page__navigation-home:hover{color:var(--primary)}.add-post-page__navigation-home.dark{color:#fff}.add-post-page__navigation-line{background-color:#8d8e97;content:"";height:24px;left:53px;position:absolute;width:2px}.add-post-page__navigation-title{color:#8d8e97;margin-left:23px}.add-post-page__title{margin-top:32px}.add-post-page__form{margin-top:64px}.add-post-page__label:not(:first-child){display:block;margin-top:40px}.add-post-page__input{border:none;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.1);display:block;margin-top:8px;min-height:56px;padding:18px 20px;width:100%}.add-post-page__textarea{min-height:245px;resize:none}.add-post-page__btns{display:flex;gap:24px;justify-content:flex-end;margin-top:48px}.add-post-page__btns-cancel{background-color:#e8e8e8;border-radius:5px;color:#000;font-size:18px;min-height:56px;width:125px}.add-post-page__btns-add{background-color:var(--primary);border-radius:5px;color:#fff;font-size:18px;min-height:56px;width:143px}@media (max-width:540px){.add-post-page__form{margin-top:48px}.add-post-page__label:not(:first-child){margin-top:32px}.add-post-page__btns{display:flex;gap:24px;justify-content:center;margin-top:36px}}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}.wrapper{display:flex;flex-direction:column;height:100vh;padding:10px}.main-content{flex:1 1;padding:72px 0 0}.container{margin:0 auto;max-width:1120px}a,button{border:none;cursor:pointer;text-decoration:none}h1{font-size:56px;line-height:80px}h1,h2{font-weight:700}h2{font-size:32px;line-height:44px}h2,h3{font-style:normal}h3{font-size:18px;font-weight:600;line-height:28px}:root{--primary:#2231aa;--primary-2:#5360cd;--error:#fd3419;--secondary:#313037}@media (max-width:540px){h1{font-size:32px;line-height:48px}h2{font-size:24px;line-height:36px}.main-content{padding:56px 0 0}}
/*# sourceMappingURL=main.81324b31.css.map*/