:root {
    --main-font: "Mulish", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.profile-btn {
    display: flex;
    width: 130px;
    max-height: 40px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 30px;
    border: none;
    border-radius: 40px;
    font-size: 1rem;
    line-height: 20px;
    font-weight: 600;
    color: #000;
    background-color: #fcc142;
    cursor: pointer;
}
.profile-btn--white {
    background-color: #fff;
}
.block--1000 {
    max-width: 1000px;
}
.user_avatar {
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-avatar-thumb_profile {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.13);
    padding: 10px;
    max-height: 170px;
    max-width: 170px;
    height: 170px;
    width: 170px;
}

.profile-toning {
    background-color: rgba(52, 58, 64, 0.3) !important;
    position: relative;
}
.block-title {
    font-size: 1.125rem;
    font-weight: 600;
}
.profile-position {
    color: #dedede;
    font-weight: bold;
    text-shadow: 0px 2px 17px rgba(0, 0, 0, 0.7);
    margin-bottom: 12px;
}

.profile-user-social__link {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ccc;
    color: #fff;
    font-size: 1rem;
}

.profile-user-social__link:hover {
    color: #fff;
}

.profile-user-social__link .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.profile-user-social__link_vk {
    background: #3278a2;
}

.profile-user-social__link_tw {
    background: #00afee;
}

.profile-user-social__link_insta {
    background: linear-gradient(180deg, #5B5ECC 0%, #D44B6B 45.83%, #FFDC7F 100%);
}

.profile-user-social__link_fb {
    background: #265a99;
}

.profile-user-social__item:nth-child(n+2) {
    margin-left: 20px;
}
.block--edit {
    max-width: 1000px;
}
.block-content__edit {
    padding: 0;
}
.profile-edit-form {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.profile-edit-form__header {
    position: relative;
    top: 0;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: #FFF0D3;
    margin: 0;
    padding: 20px 30px;
    width: 100%;
}
.profile-edit-form__fake {
    width: 100%;
    background: transparent;
}
.profile-edit-form__header_title {
    font-size: 1.125rem;
    margin: 0;
}
.profile-edit-form__groupe {
    width: 50%;
    margin-bottom: 30px;
}
.profile-edit-form__header_buttons {
    display: flex;
    flex-wrap: wrap;
}
.profile-edit-form__header_buttons .profile-btn--white {
    margin-right: 12px;
}
.profile-edit-form-group {
    margin-bottom: 70px;
}
.profile-edit-form-group .form-row > .col, .form-row > [class*="col-"] {
    padding: 6px 10px;
}
.profile-edit-form-group .form-control {
    resize: none;
    font-size: 1rem;
}
.profile-edit-form__data {
    width: 100%;
    padding: 35px 80px 0;
}
.profile-edit-form__data {
    color: #000;
}
.profile-edit-form__avatar {
    margin-bottom: 50px;
}
.profile-edit-form__data label {
    font-size: 1rem;
    color: #aaa;
    font-weight: 300;
}
.form-title {
    font-size: 1.125rem;
    margin-bottom: 25px;
    padding-left: 6px;
}
.profile-block {
    align-items: flex-start;
    margin: 0 5px;
}
.profile-user {
    margin-right: 30px;
    margin-bottom: 70px !important;
}
.profile-user__head {
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 55px;
}
.profile-user__head_about {
    margin-top: 50px;
    padding-left: 0;
}
.profile-user__head_name {
    font-size: 28px;
}
.profile-user__head_birth-date {
    font-size: 1rem;
    font-weight: normal;
    color: #a4aebd;
}

.profile-user__head_description {
    font-size: 1rem;
    line-height: 21px;
    font-weight: normal;
    color: #000000;
}
.profile-user__head_buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 30px;
}
.profile-user__head_btn {
    width: 123px;
    height: 38px;
    padding: 0;
    background: #FBC04F;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 38px;
    text-align: center;
    color: #000;
    margin-right: 20px;
}

.in-vacation {
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    font-size: 1rem;
    height: 38px;
    max-width: 212px;
    color: #000;
    background: #FFF0D3;
    border-radius: 4px;
    padding: 0 17px;
    white-space: nowrap;
}
.profile-user__head_controls {
    display: flex;
    position: absolute;
    top: 55px;
    right: 30px;
}
.profile-user__head_controls-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background: #F0F2F5;
    border-radius: 50%;
    white-space: nowrap;
}
.profile__edit-btn {
    margin-right: 8px;
}
.profile-user__head_controls-btn svg {
    fill: #C3C7D6;
    height: 11px;
    width: 11px;
}
.profile-user__info {
    padding: 0 50px;
    color: #000;
}
.profile-user__info_item {
    margin-bottom: 50px;
}
.profile-user__info_item h3 {
    font-size: 1rem;
    color: #000;
    margin-bottom: 10px;
}
.profile-user__info_item p,
.profile-user__info_item a {
    font-size: 1rem;
    margin-bottom: 0 !important;
}
.profile-avatar-40 {
    margin-right: 15px;
}
.profile-avatar-40 img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.achievements {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.achievements_item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 13px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    border: 2px solid #FBC04F;
    margin-bottom: 10px;
}
.achievements_item:not(:last-of-type) {
    margin-right: 10px;
}
.achievements_item_img {
    height: 44px;
    width: 44px;
    max-width: 44px;
    max-height: 44px;
}
.achievements_item--more {
    font-weight: 600;
    color: #000;
    font-size: 1rem;
    cursor: pointer;
}
.profile-contacts {
    max-width: 550px;
    flex-grow: 1;
}
.profile-contacts__info {
    width: 100%;
    padding-top: 30px;
    padding-left: 40px;
    color: #000;
}
.profile-contacts_icon {
    margin-right: 15px;
}
.profile-contacts__item {
    margin-bottom: 30px;
}
.profile-contacts__phone {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}
.profile-contacts_numbers_item {
    display: flex;
    margin-bottom: 17px;
    max-height: 24px;
    align-items: baseline;
}
.profile-contacts_numbers_item p {
    font-size: 1rem;
    margin-right: 12px;
}
.profile-contacts_numbers_item span {
    font-size: 1rem;
    color: #A4AEBD;
}
.profile-contacts_link {
    font-size: 1rem;
}
/* ----------------- Блок создания поста ----------------- */
.profile-write-post {
    display: flex;
    padding: 20px 30px 30px 30px;
    margin-bottom: 25px;
}
.profile-write-post_content {
    width: 100%;
    height: 100%;
}
.profile-write-post_content > textarea {
    resize: none;
    border: none;
}
.profile-write-post_content > textarea::placeholder {
    font-size: 1rem;
    color: #A4AEBD;
}
.profile-write-post_content-text {
    height: 100%;
}
.profile-write-post_content-buttons {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
}
.profile-write-post_content-buttons svg {
    margin-left: 20px;
}
.profile-posts {
    padding: 0;
}
.profile-posts__post {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    padding: 20px 30px 30px 30px;
}
.profile-posts__post_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.profile-posts__post_header-user {
    display: flex;
}
.profile-posts__post_header-user_info h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}
.profile-posts__post_header-user_info a {
    color: #000;
}
.profile-posts__post_header-user_info p {
    font-size: 1rem;
    color: #A4AEBD;
    margin-bottom: 0;
}
.profile-posts__post_header-menu {
    cursor: pointer;
}
.profile-posts__post_content {
    margin-bottom: 30px;
}
.profile-posts__post_content p {
    margin-bottom: 0;
    font-size: 1rem;
    color: #000;
}
.profile-posts__post_media {
    display: flex;
    align-items: center;
}
.profile-posts__post_media-item {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.profile-posts__post_media-item svg {
    margin-right: 8px;
}
.profile-posts__post_media-item span {
    font-size: 1rem;
    color: #A4AEBD;
}
.profile-user--has-birthday {
    border-top: 2px solid #FBC04F;
    position: relative;
}
.profile-user--has-birthday:before {
    content: '';
    position: absolute;
    top: -63px;
    right: -23px;
    display: block;
    height: 113px;
    width: 72px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='73' height='113' viewBox='0 0 73 113' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.1169 28.9816C45.5082 38.3543 41.3067 49.0172 35.3031 55.4504C34.9076 55.8741 34.773 56.479 34.9508 57.0306C36.1885 60.8527 36 60 36.5 61H51V74.5533C51.5748 74.6427 52.1583 74.6892 52.7498 74.6892C63.1992 74.6892 72.1581 59.804 72.1581 47.3547C72.1581 34.7352 63.539 26.2872 52.7498 26.2872C50.4716 26.2872 48.2591 26.6661 46.1729 27.4138C45.5157 27.6498 45.0886 28.2846 45.1169 28.9816Z' fill='%23FBC04F'/%3E%3Cpath d='M45.117 28.9816C45.5083 38.3542 41.3068 49.0172 35.3031 55.4503C34.9077 55.8741 34.7731 56.4789 34.9517 57.0306C36.1891 60.8524 36 60 36.5 61H49.2443C49.6507 61.6638 50.1102 62.3034 50.6229 62.9129C50.7469 63.0603 50.8726 63.2064 51 63.3512V74.5532C51.5748 74.6427 52.1584 74.6892 52.7498 74.6892C56.4388 74.6892 60.2074 72.7691 63.4967 69.3053C58.5898 69.8394 54.2554 67.051 51 63.3512V61H49.2443C46.1483 55.9425 46.1394 49.4815 49.2072 44.2457C52.366 38.8544 54.3957 32.3706 54.6799 26.3802C51.7844 26.1019 48.8723 26.4467 46.173 27.4138C45.5158 27.6498 45.0887 28.2845 45.117 28.9816Z' fill='%23FFA000'/%3E%3Cpath d='M24.5196 108.432C25.1428 107.809 25.1428 106.799 24.5196 106.176C22.3404 103.996 22.3404 100.47 24.5196 98.2911C27.9236 94.8872 27.9377 89.3579 24.5628 85.9366C26.8751 85.689 28.6821 83.7257 28.6821 81.3495C28.6821 78.8055 26.6117 76.7351 24.0677 76.7351C22.9784 76.7351 21.9756 77.1148 21.1855 77.7487C21.2054 76.0671 21.8701 74.4893 23.0607 73.2979C24.8736 71.4858 25.8714 69.0764 25.8714 66.5133C25.8714 65.6318 25.1569 64.9181 24.2762 64.9181C23.3955 64.9181 22.681 65.6318 22.681 66.5133C22.681 68.224 22.0147 69.8325 20.805 71.0422C17.4841 74.363 17.1227 79.4768 19.6235 83.1807C19.98 85.0509 20.8864 86.7724 22.2639 88.1491C24.4382 90.3234 24.4382 93.8611 22.2639 96.0345C18.8459 99.4526 18.8459 105.014 22.2639 108.432C22.8871 109.055 23.8973 109.055 24.5196 108.432ZM24.0677 79.9255C24.945 79.9255 25.6388 80.7231 25.4643 81.6312C25.353 82.2061 24.8786 82.6631 24.2995 82.7545C23.4005 82.8957 22.6428 82.1986 22.6444 81.3578C22.6444 81.3562 22.6444 81.3537 22.6444 81.352C22.6444 80.5644 23.2825 79.9255 24.0677 79.9255Z' fill='%23CECECE'/%3E%3Cpath d='M24.1674 0C37.7773 0 48.3347 10.7061 48.3347 26.2694C48.3347 41.8625 37.1135 60.4807 24.1674 60.4807C11.198 60.4807 3.05176e-05 41.8292 3.05176e-05 26.2694C3.05176e-05 10.7169 10.5467 0 24.1674 0V0Z' fill='%23EF5350'/%3E%3Cpath d='M17.6703 0.865723C12.1851 5.9496 9.57133 13.3108 9.57133 20.952C9.57133 37.4997 22.2706 57.6658 36.3674 54.9016C18.2993 71.9869 0.000102997 45.9651 0.000102997 26.2693C0.000102997 13.0508 7.51085 3.65816 17.6703 0.865723Z' fill='%23D32F2F'/%3E%3Cpath d='M26.8842 67.1515C27.8571 67.1515 28.5683 66.2351 28.3265 65.2929L27.106 60.5289C26.762 59.1863 25.554 58.2474 24.1673 58.2474C22.7807 58.2474 21.5718 59.1854 21.2278 60.5289L20.0073 65.2929C19.7664 66.2351 20.4776 67.1515 21.4497 67.1515H26.8842Z' fill='%23D32F2F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51 111.745C51.1938 111.982 51.4012 112.211 51.6223 112.432C52.2446 113.055 53.2549 113.055 53.8781 112.432C54.5012 111.809 54.5012 110.799 53.8781 110.176C51.5417 107.839 51.5417 104.038 53.8781 101.702C57.4581 98.1212 57.4581 92.2962 53.8781 88.7153C51.5417 86.379 51.5417 82.5779 53.8781 80.2408C54.5012 79.6185 54.5012 78.6082 53.8781 77.985C53.2549 77.3627 52.2446 77.3627 51.6223 77.985C51.4012 78.2061 51.1938 78.4358 51 78.6729V90.284C51.1938 90.5211 51.4012 90.7507 51.6223 90.9718C53.9586 93.3081 53.9586 97.1092 51.6223 99.4455C51.4012 99.6666 51.1938 99.8963 51 100.133V111.745Z' fill='%23CECECE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51 79.7514H54.6631C55.6353 79.7514 56.3464 78.8358 56.1055 77.8928L55.1998 74.3576C54.9132 73.2376 53.9054 72.4558 52.7498 72.4558C52.0795 72.4558 51.459 72.7188 51 73.1581V79.7514Z' fill='%23FFA000'/%3E%3C/svg%3E%0A");
}
.profile-user--has-birthday .profile-user__birthday {
    display: flex !important;
    align-items: baseline;
    margin-bottom: 10px;
}
.profile-user--has-birthday .profile-user__birthday_icon {
    margin-right: 10px;
    height: 26px;
    width: 26px;
}
.profile-user--has-birthday .profile-user__birthday_title {
    color: #FF7058;
    font-size: 1rem;
    font-weight: 600;
}
.profile-user--has-birthday .profile-user__head {
    align-items: center;
}
.profile-user__head_avatar {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#main-container {
    overflow-x: visible !important;
}
.profile-edit-form__avatar {
    display: inline-flex; /* Для того, чтобы label не растягивался на всю ширину */
    align-items: center;
    margin-bottom: 40px;
}
.profile-edit-form__avatar > span {
    display: none;
    font-weight: 600;
    font-size: 1rem;
    margin-left: 20px;
    color: #2173D3;
    cursor: pointer;
}
.profile-edit-form__avatar_image {
    max-width: 120px;
    max-height: 120px;
    height: 120px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.07);
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
}
.profile-edit-form__avatar_image::before {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    content: 'Изменить фотографию';
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border: 6px solid #fff;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
}
.profile-edit-form__avatar_image:hover::before {
    display: flex;
}
.profile-edit-form__avatar_image > img {
    max-width: 108px;
    max-height: 108px;
    height: 108px;
    width: 108px;
    border-radius: 50%;
}
.btn-confirm {
    background: #F2F2F2;
    color: #AAAAAA;
    font-size: 1rem;
    margin-right: 20px;
    font-weight: 600;
}
.btn-confirm, .btn-cancel {
    color: #AAAAAA;
    font-size: 1rem;
}
.custom_password_popup .swal2-title,
.custom_achievements_popup .swal2-title{
    text-align: left;
    font-size: 1.125rem;
    margin-bottom: 25px;
    color: #000;
}
.custom_password_popup .swal2-content {
    text-align: left;
    font-family: var(--main-font);
}
.custom_password_popup .form-control {
    color: #000;
}
.custom_password_popup .form-group > label {
    color: #AAAAAA;
    font-weight: 300;
    font-size: 1rem;
}
.custom_achievements_popup {
    height: 450px;
    overflow: hidden;
    display: flex !important;
    padding: 20px 0 20px 20px !important;
}
.custom_achievements_popup .swal2-content {
    overflow-y: auto;
}
.achievements_popup_list {
    list-style-type: none;
    margin: 0;
    padding: 0 10px 0 0;
    font-family: var(--main-font);
}
.achievements_popup_item {
    display: flex;
    align-items: center;
}
/* Убрать отступ у всех, кроме последнего элемента */
.achievements_popup_item:not(:last-of-type) {
    margin-bottom: 25px;
}
.achievements_popup_item p {
    font-size: 1rem;
    color: #000;
    text-align: left;
    margin-bottom: 0;
}
.achievements_popup_item_img {
    margin-right: 15px;
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 2px solid #FBC04F;
    border-radius: 50%;
}
.achievements_popup_item_img img {
    height: 44px;
    width: 44px;
}
.achievements_popup_list::-webkit-scrollbar {
    width: 5px;
}

.achievements_popup_list::-webkit-scrollbar-track {
    background: #fff;
}

.achievements_popup_list::-webkit-scrollbar-thumb {
    background: #DCDCDC;
}

.achievements_popup_list::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-box {
    border-radius: 4px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
    color: #000 !important;
    text-align: center;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-box {
    font-size: 1rem;
    color: #000 !important;
    opacity: 1;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 400;
}
@media screen and (max-width: 1500px) {
    .profile-user__head {
        padding-left: 20px;
    }
    .profile-user__head_about {
        padding-left: 15px;
    }
}
@media screen and (max-width: 1366px) {
    .profile-edit-form__data {
        padding: 35px 40px 0;
    }
    .img-avatar-thumb_profile {
        height: 150px;
        width: 150px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .profile-user__head_name {
        font-size: 1.375rem;
    }
    .profile-contacts__info {
        padding-left: 20px;
    }
    .profile-contacts_icon {
        margin-right: 10px;
    }
    .profile-contacts_numbers_item p {
        font-size: 1rem;
        margin-right: 10px;
    }
    .profile-contacts_numbers_item span {
        font-size: 1rem;
    }
    .profile-contacts_link {
        font-size: 1rem;
    }
    .profile-user-social__link {
        width: 40px;
        height: 40px;
        font-size: 0.625rem;
    }
}
@media screen and (max-width: 1200px) {
    .profile-user {
        margin-right: 0;
    }
    .img-avatar-thumb_profile {
        height: 170px;
        width: 170px;
    }
}
@media screen and (max-width: 768px) {
    .profile-user__head {
        text-align: center;
    }
    .profile-user__head_about {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }
    .profile-user__head_controls {
        display: none;
    }
    .profile-user__head_controls--mobile {
        display: flex !important;
    }
    .profile-user__head_buttons {
        justify-content: center;
    }
    .profile-user__head_btn {
        margin-bottom: 10px;
    }
    .profile-user__info {
        padding: 0 25px;
    }
    .profile-user__info_item {
        margin-bottom: 0;
    }
    .profile-user__info_item > div {
        margin-bottom: 20px;
    }
    .img-avatar-thumb_profile {
        height: 200px;
        width: 200px;
    }
    .profile-edit-form__data {
        padding: 35px 20px 0;
    }
    .profile-edit-form__avatar {
        justify-content: center;
    }
    .profile-edit-form__avatar > span {
        display: unset;
    }
}
@media screen and (max-width: 500px) {
    .profile-edit-form__header {
        justify-content: center;
    }
    .profile-edit-form__header_title {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 375px) {
    .profile-user--has-birthday .profile-user__birthday {
        justify-content: center;
    }
    .profile-user__birthday_title {
        width: 75%;
    }
    .profile-user__head_btn {
        margin-right: 0;
    }
    .profile-contacts__info {
        padding-left: 20px;
    }
    .profile-contacts_icon {
        margin-right: 10px;
    }
    .profile-contacts_numbers_item p {
        font-size: 1rem;
        margin-right: 10px;
    }
    .profile-contacts_numbers_item span {
        font-size: 1rem;
    }
    .profile-contacts_link {
        font-size: 1rem;
    }
    .profile-user-social {
        margin-left: 20px;
    }
    .profile-user-social__link {
        width: 40px;
        height: 40px;
        font-size: 0.625rem;
    }
    .profile-edit-form__header_title {
        font-size: 1rem;
    }
    .profile-edit-form__header_buttons {
        justify-content: center;
    }
    .profile-btn--white {
        margin-bottom: 10px;
    }
}