body {
    background-color: #F8F6F0;
}

body.dark-theme {
    background-color: #2a2a2a;
}

body.dark-theme .page-body-list {
    color: #fff;
}



main.profile {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

main.profile .sidebar {
    width: 100%;
    max-width: 360px;
    background-color: #DADADA;
    padding: 20px 35px 25px 70px;
    border-right: 1px solid #ddd;
    overflow-x: auto;
    position: relative;
    left: 32px;
}

body.dark-theme .sidebar {
    background-color: #979797;
}

main.profile:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 21px;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background-color: #DADADA;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    z-index: 10;
}

main.profile .sidebar .profile-image {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 7px;
    width: 100%;
    height: 126px;
}

main.profile .sidebar .profile-name {
    font-size: 22px;
    margin-bottom: 21px;
}

main.profile .sidebar .profile-address {
    font-size: 22px;
    margin-bottom: 21px;
    position: relative;
}

main.profile .sidebar .profile-address:after {
    content: '';
    position: absolute;
    left: -25px;
    top: 0;
    width: 14px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='22' viewBox='0 0 15 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.3584 16.9102L7.3916 16.9122L7.4248 16.9102C9.43179 16.819 11.1812 17.0871 12.4004 17.5186C13.013 17.7355 13.4558 17.9814 13.7305 18.213C14.0139 18.452 14.0322 18.5976 14.0322 18.6251C14.0322 18.6994 13.9995 18.8492 13.7305 19.0665C13.4572 19.2872 13.013 19.5123 12.3896 19.711C11.1502 20.1061 9.38566 20.3389 7.3916 20.3389C5.3828 20.3389 3.61756 20.1507 2.38086 19.7784C1.75982 19.5914 1.32583 19.3729 1.06055 19.1524C0.810661 18.9446 0.75 18.7736 0.75 18.6251C0.750001 18.5203 0.796747 18.3534 1.04297 18.1319C1.29504 17.9052 1.70985 17.6688 2.30566 17.463C3.49318 17.0527 5.24083 16.8182 7.3584 16.9102Z' stroke='black' stroke-opacity='0.85' stroke-width='1.5'/%3E%3Cpath d='M7.5752 0.625C12.0238 0.625275 15.1867 5.69942 12.207 10.5557C11.2741 12.0761 10.1995 13.9801 9.35645 15.5068C8.93528 16.2695 8.57283 16.9374 8.31543 17.4141C8.18682 17.6522 8.0838 17.8427 8.01367 17.9736C7.97869 18.039 7.95182 18.0899 7.93359 18.124C7.9245 18.1411 7.91771 18.1544 7.91309 18.1631C7.91077 18.1674 7.90839 18.1707 7.90723 18.1729L7.90625 18.1748V18.1758L7.58789 18.7744L7.25 18.1875L7.5752 18L7.25 18.1865L7.24902 18.1855C7.24865 18.1849 7.24769 18.1837 7.24707 18.1826C7.24553 18.1799 7.2431 18.1759 7.24023 18.1709C7.23416 18.1603 7.22559 18.1444 7.21387 18.124C7.19022 18.0829 7.15504 18.0221 7.11035 17.9443C7.02094 17.7887 6.89158 17.5641 6.7334 17.2881C6.41687 16.7358 5.98358 15.9773 5.51465 15.1533C4.58215 13.5148 3.50793 11.6105 2.94043 10.5518C1.28538 8.06208 1.31591 5.57922 2.34766 3.70801C3.3736 1.84735 5.37369 0.625 7.5752 0.625Z' fill='black' fill-opacity='0.85' stroke='%23DADADA' stroke-width='0.75'/%3E%3Ccircle cx='7.58067' cy='6.68546' r='3.03226' fill='%23DADADA'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

main.profile .sidebar .profile-email {
    font-size: 22px;
    margin-bottom: 21px;
    position: relative;
    color: #000;
    display: block;
}

main.profile .sidebar .profile-email:after {
    content: '';
    position: absolute;
    left: -25px;
    top: 8px;
    width: 18px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6L16 12M7 6L2 12' stroke='black' stroke-opacity='0.85' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M2.5 0.5H15C16.1046 0.5 17 1.39543 17 2.5V10.5C17 11.6046 16.1046 12.5 15 12.5H2.5C1.39543 12.5 0.5 11.6046 0.5 10.5V2.5C0.5 1.39543 1.39543 0.5 2.5 0.5Z' stroke='black' stroke-opacity='0.8'/%3E%3Cpath d='M1.5 1.5L8.05227 6.64822C8.31694 6.85617 8.68773 6.86233 8.95916 6.66328L16 1.5' stroke='black' stroke-opacity='0.85' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

main.profile .sidebar .profile-phone {
    font-size: 22px;
    margin-bottom: 21px;
    position: relative;
    color: #000;
    display: block;
}

main.profile .sidebar .profile-phone::after {
    content: '';
    position: absolute;
    left: -25px;
    top: 1px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7126 19.9972C13.2702 19.9441 9.18226 19.3792 4.90103 15.0999C0.620792 10.8195 0.0568381 6.73345 0.00274664 5.2903C-0.0773888 3.09104 1.60746 0.954863 3.55375 0.120623C3.78812 0.0194399 4.04478 -0.0190837 4.29854 0.00883272C4.5523 0.0367492 4.79444 0.130147 5.0012 0.27986C6.60391 1.44759 7.70977 3.21422 8.65938 4.60328C8.86832 4.90847 8.95765 5.27984 8.91036 5.64663C8.86307 6.01343 8.68246 6.35001 8.40295 6.59224L6.44864 8.04339C6.35423 8.11156 6.28776 8.21167 6.2616 8.32514C6.23544 8.4386 6.25136 8.5577 6.3064 8.66031C6.74915 9.46451 7.53648 10.6623 8.43801 11.5636C9.33953 12.465 10.5947 13.3042 11.4551 13.7969C11.563 13.8575 11.69 13.8744 11.81 13.8442C11.9299 13.8141 12.0338 13.7391 12.1002 13.6347L13.3723 11.6988C13.6062 11.3882 13.9513 11.1801 14.3352 11.1181C14.7191 11.0562 15.112 11.1451 15.4318 11.3663C16.8412 12.3418 18.486 13.4284 19.69 14.9697C19.8519 15.1779 19.9549 15.4258 19.9882 15.6874C20.0215 15.949 19.9839 16.2148 19.8793 16.4569C19.0409 18.4128 16.9193 20.0783 14.7126 19.9972Z' fill='%230F0D0F'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

main.profile .sidebar .profile-orders,
main.profile .sidebar .profile-timedleft,
main.profile .sidebar .profile-activity,
main.profile .sidebar .profile-chats,
main.profile .sidebar .profile-groups,
main.profile .sidebar .profile-calendar,
main.profile .sidebar .profile-settings {
    font-size: 22px;
    margin-bottom: 21px;
    position: relative;
    cursor: pointer;
}

main.profile .sidebar .profile-orders::after {
    content: '';
    position: absolute;
    left: -25px;
    top: 1px;
    width: 20px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.94434 5.4762H17.4404C17.7664 5.47625 18.0378 5.72735 18.0635 6.05237L18.7549 14.7926C18.8756 16.3192 17.669 17.6246 16.1377 17.6246H3.24707C1.71573 17.6246 0.509137 16.3192 0.629883 14.7926L1.32129 6.05237C1.347 5.72732 1.61827 5.4762 1.94434 5.4762Z' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3Cpath d='M4.39107 0.5H14.9936C15.7589 0.5 16.4016 1.07618 16.4848 1.83691L16.7866 4.60156H2.5981L2.89986 1.83691C2.97786 1.12381 3.5471 0.57302 4.24849 0.506836L4.39107 0.5Z' stroke='black' stroke-opacity='0.85'/%3E%3Cpath d='M1.02024 11.2227L18.3643 11.2227' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3Cline x1='5.9136' y1='5.53839' x2='5.9136' y2='17.9999' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3Cpath d='M12.4616 5.53839V17.9999' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

main.profile .sidebar .profile-timedleft::after {
    content: '';
    position: absolute;
    left: -25px;
    top: 1px;
    width: 19px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='10.5' r='9' stroke='black' stroke-opacity='0.85'/%3E%3Cpath d='M10.5 3C10.5 2.72386 10.2761 2.5 10 2.5C9.72386 2.5 9.5 2.72386 9.5 3H10.5ZM10 11H10.5V3H10H9.5V11H10Z' fill='black' fill-opacity='0.85'/%3E%3Cpath d='M15 11C15.2761 11 15.5 10.7761 15.5 10.5C15.5 10.2239 15.2761 10 15 10V11ZM10.5 10.5V11H15V10.5V10H10.5V10.5Z' fill='black' fill-opacity='0.85'/%3E%3Cpath d='M10 0.25C10.7919 0.25 11.51 0.430713 12.0273 0.639648C12.1167 0.675756 12.1991 0.713712 12.2744 0.75H7.72559C7.80091 0.713712 7.88328 0.675756 7.97266 0.639648C8.48996 0.430713 9.20806 0.25 10 0.25Z' stroke='black' stroke-opacity='0.85' stroke-width='0.5'/%3E%3Cpath d='M10 20.25C11.0775 20.25 12.053 20.4345 12.7559 20.6475C12.8671 20.6812 12.9706 20.7159 13.0664 20.75H6.93359C7.02936 20.7159 7.13293 20.6812 7.24414 20.6475C7.94697 20.4345 8.92245 20.25 10 20.25Z' stroke='black' stroke-opacity='0.85' stroke-width='0.5'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

main.profile .sidebar .profile-activity::after {
    content: '';
    position: absolute;
    left: -25px;
    top: 1px;
    width: 19px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4C0 1.79086 1.79086 0 4 0H15.0555C16.9366 0 18.4615 1.52494 18.4615 3.40604V16.7992C18.4615 17.5136 17.4821 17.7147 17.2007 17.058C17.1626 16.9691 17.1054 16.8898 17.0331 16.8256L15.9056 15.8242C15.1736 15.1739 14.2284 14.8148 13.2493 14.8148H4C1.79086 14.8148 0 13.024 0 10.8148V4Z' fill='%23DADADA'/%3E%3Cpath d='M4 0.5H15.0557C16.6605 0.500088 17.9619 1.80134 17.9619 3.40625V16.7988C17.9619 16.8566 17.9437 16.8854 17.9287 16.9023C17.9098 16.9238 17.8781 16.9445 17.8359 16.9531C17.7938 16.9617 17.7563 16.9556 17.7305 16.9434C17.7101 16.9336 17.6828 16.9141 17.6602 16.8613C17.5931 16.7049 17.4924 16.5652 17.3652 16.4521L16.2373 15.4502C15.4138 14.7188 14.3504 14.3145 13.249 14.3145H4C2.067 14.3145 0.5 12.7474 0.5 10.8145V4C0.5 2.067 2.067 0.5 4 0.5Z' stroke='black' stroke-opacity='0.85'/%3E%3Cline x1='5.27483' y1='5.65387' x2='13.1869' y2='5.65387' stroke='black' stroke-opacity='0.85'/%3E%3Cline x1='5.27483' y1='10.2692' x2='13.1869' y2='10.2692' stroke='black' stroke-opacity='0.85'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

main.profile .sidebar .profile-chats::after {
    content: '';
    position: absolute;
    left: -25px;
    top: 1px;
    width: 19px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5.25C2.13462 3.98438 2.80769 3.14062 4.15385 3' stroke='black' stroke-opacity='0.85' stroke-width='0.7'/%3E%3Cpath d='M2 9.75C2.13462 11.0156 2.80769 11.8594 4.15385 12' stroke='black' stroke-opacity='0.85' stroke-width='0.7'/%3E%3Cpath d='M14.9231 3C15.5288 3.14062 15.9327 3.84375 16 5.25' stroke='black' stroke-opacity='0.85' stroke-width='0.7'/%3E%3Cpath d='M14.9231 12C15.5288 11.8594 15.9327 11.1562 16 9.75' stroke='black' stroke-opacity='0.85' stroke-width='0.7'/%3E%3Cpath d='M4 0.5H15.0557C16.6605 0.500088 17.9619 1.80134 17.9619 3.40625V16.7988C17.9619 16.8566 17.9437 16.8854 17.9287 16.9023C17.9098 16.9238 17.8781 16.9445 17.8359 16.9531C17.7938 16.9617 17.7563 16.9556 17.7305 16.9434C17.7101 16.9336 17.6828 16.9141 17.6602 16.8613C17.5931 16.7049 17.4924 16.5652 17.3652 16.4521L16.2373 15.4502C15.4138 14.7188 14.3504 14.3145 13.249 14.3145H4C2.067 14.3145 0.5 12.7474 0.5 10.8145V4C0.5 2.067 2.067 0.5 4 0.5Z' stroke='black' stroke-opacity='0.85'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

main.profile .sidebar .profile-groups::after {
    content: '';
    position: absolute;
    left: -25px;
    top: 1px;
    width: 19px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65527 8.63867C7.97441 8.63875 8.27238 8.79268 8.44434 9.06152C8.7309 9.50977 9.00408 9.91797 9.50586 9.91797C10.1312 9.91788 10.3581 9.5164 10.6172 9.06836C10.777 8.79209 11.0764 8.63874 11.3955 8.63867H11.7783C11.915 8.63872 12.0509 8.6673 12.1758 8.72266C14.6142 9.80347 15.2557 10.5771 15.2539 11.5869C15.2531 12.0396 15.2533 12.5574 15.2539 12.9971C15.2546 13.5505 14.8063 14 14.2529 14H4.79785C4.24446 14 3.79616 13.5505 3.79688 12.9971C3.79744 12.5574 3.79773 12.0396 3.79688 11.5869C3.79511 10.5771 4.43657 9.80347 6.875 8.72266C6.99992 8.6673 7.13582 8.63872 7.27246 8.63867H7.65527ZM4.47363 8.63867C4.72899 8.63877 4.92887 8.85693 4.90723 9.11133C4.89252 9.28211 4.77717 9.42618 4.62109 9.49707C3.80272 9.86891 3.53404 10.4761 3.3877 11.6162C3.34822 11.9239 3.0914 12.1611 2.78125 12.1611H1.12598C0.794786 12.1609 0.526364 11.8928 0.526367 11.5615C0.526372 11.0889 0.526383 10.4589 0.526367 10.1455C0.52702 9.60602 2.12661 8.63875 2.58887 8.63867C2.90333 8.63862 3.88001 8.63865 4.47363 8.63867ZM16.4639 8.63867C16.9261 8.63875 18.5257 9.60602 18.5264 10.1455C18.5264 10.4589 18.5264 11.0889 18.5264 11.5615C18.5264 11.8928 18.2579 12.1609 17.9268 12.1611H16.2715C15.9613 12.1611 15.7045 11.9239 15.665 11.6162C15.5187 10.4761 15.25 9.86891 14.4316 9.49707C14.2756 9.42618 14.1602 9.28211 14.1455 9.11133C14.1239 8.85693 14.3237 8.63877 14.5791 8.63867C15.1727 8.63865 16.1494 8.63862 16.4639 8.63867ZM3.99707 3.90723C5.22897 3.90749 6.22754 4.90671 6.22754 6.13867C6.22741 7.37052 5.22889 8.36888 3.99707 8.36914C2.76503 8.36914 1.76576 7.37068 1.76563 6.13867C1.76563 4.90655 2.76495 3.90723 3.99707 3.90723ZM15.1055 3.90723C16.3374 3.90749 17.3359 4.90671 17.3359 6.13867C17.3358 7.37052 16.3373 8.36888 15.1055 8.36914C13.8734 8.36914 12.8742 7.37068 12.874 6.13867C12.874 4.90655 13.8733 3.90723 15.1055 3.90723ZM9.52637 0C11.4594 0 13.0264 1.567 13.0264 3.5C13.0264 5.433 11.4594 7 9.52637 7C7.59337 7 6.02637 5.433 6.02637 3.5C6.02637 1.567 7.59337 0 9.52637 0Z' fill='black' fill-opacity='0.85'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

main.profile .sidebar .profile-calendar::after {
    content: '';
    position: absolute;
    left: -25px;
    top: 1px;
    width: 19px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1.42859' width='19.5238' height='18.5714' rx='4' fill='%23DADADA'/%3E%3Crect x='0.5' y='1.92859' width='18.5238' height='17.5714' rx='3.5' stroke='black' stroke-opacity='0.85'/%3E%3Cline x1='4.39286' y1='5.33929' x2='15.6191' y2='5.33929' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3Cline x1='5.25595' x2='5.25595' y2='1.90476' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3Cline x1='14.5298' x2='14.5298' y2='1.90476' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

main.profile .sidebar .profile-settings::after {
    content: '';
    position: absolute;
    left: -25px;
    top: 1px;
    width: 21px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.02893 1.19426C8.95478 1.56501 8.80648 2.20765 8.70761 2.60312C8.58403 3.12217 8.28743 3.39405 7.64479 3.66594C6.80442 4.01197 6.70556 3.98726 5.7416 3.39405C4.48105 2.5784 4.23388 2.60312 3.41823 3.44349C2.60257 4.30857 2.57786 4.62989 3.39351 5.79158C3.962 6.63195 3.98671 6.80497 3.71483 7.57119C3.39351 8.46099 3.29464 8.51042 1.76221 8.83174C0.699385 9.02947 0.526367 9.27664 0.526367 10.5866C0.526367 11.773 0.773535 11.9955 2.40484 12.2427C3.24521 12.391 3.44294 12.5393 3.71483 13.256C3.98671 14.0223 3.93728 14.1953 3.36879 15.0851C2.60257 16.3456 2.60257 16.5187 3.41823 17.3837C4.23388 18.2241 4.57992 18.2488 5.81575 17.4826C6.73027 16.9388 6.82914 16.9388 7.69423 17.2602C8.50988 17.5815 8.65818 17.7792 8.78177 18.6196C9.05365 20.2509 9.30082 20.5475 10.5119 20.5475C11.7725 20.5475 11.9949 20.325 12.3904 18.7926C12.6129 17.8534 12.8353 17.5815 13.5274 17.2354C14.343 16.8647 14.4172 16.8647 15.3564 17.4579C15.9002 17.8039 16.4687 18.0758 16.6417 18.0758C16.9877 18.0758 18.5696 16.6917 18.5696 16.3951C18.5696 16.2962 18.2483 15.7277 17.8528 15.1345C17.1607 14.0717 17.136 14.0223 17.5315 13.2313C17.8528 12.5393 18.0753 12.391 18.9404 12.2427C20.4728 12.0202 20.5964 11.8966 20.4975 10.4136C20.4234 9.00476 20.4234 9.00476 18.4955 8.58457C18.0506 8.48571 17.7292 8.16439 17.4821 7.62062C17.1855 6.87912 17.2102 6.75553 17.8775 5.79158C18.2483 5.22309 18.5696 4.65461 18.5696 4.55574C18.5696 4.43216 18.1741 3.93782 17.7045 3.49292L16.8147 2.62783L15.6283 3.3199C14.4666 3.96254 14.3925 3.96254 13.5274 3.6165C12.9095 3.34462 12.6129 3.04802 12.4893 2.55368C12.0691 0.650493 12.0938 0.650493 10.5861 0.576343C9.22667 0.502193 9.17723 0.526909 9.02893 1.19426ZM11.7725 2.5784C11.9949 3.66594 12.1185 3.81424 13.1072 4.25914C14.4666 4.85234 14.5655 4.85234 15.7025 4.08612L16.6417 3.44349L17.2349 4.03669L17.8281 4.60517L17.2102 5.51969C16.5181 6.53308 16.4934 6.92855 16.9383 8.18911C17.2102 8.95532 17.3832 9.07891 18.4707 9.30136C19.6324 9.54853 19.6819 9.62268 19.756 10.463C19.8302 11.3281 19.8302 11.3529 18.6438 11.5506C17.6304 11.7483 17.4079 11.8966 17.0372 12.6381C16.4687 13.8245 16.4934 14.3436 17.2102 15.4064C17.5562 15.9007 17.8281 16.3704 17.8281 16.4445C17.8281 16.5187 17.5562 16.7658 17.2349 16.9883C16.6664 17.359 16.5675 17.3343 15.5294 16.7164L14.4172 16.0738L13.2308 16.6422C12.1185 17.186 11.9949 17.3096 11.7725 18.4466C11.5253 19.633 11.4512 19.6824 10.6355 19.7565C9.74572 19.8307 9.74572 19.8307 9.44912 18.4466C9.20195 17.3096 9.02893 17.013 8.48516 16.8153C8.11441 16.6917 7.57064 16.4692 7.29876 16.3209C6.87857 16.0985 6.58197 16.1726 5.76632 16.6917C4.53048 17.4579 4.43162 17.4579 3.88785 16.8647C3.46766 16.3951 3.46766 16.3209 4.1103 15.2581C4.77765 14.1211 4.77765 14.1211 4.35747 13.0089C3.91256 11.8719 3.78898 11.7978 2.18239 11.5012C1.26787 11.3529 1.24315 11.3034 1.3173 10.463C1.39145 9.62268 1.44089 9.54853 2.60258 9.30136C3.76426 9.07891 3.86313 8.98004 4.30803 7.86779L4.80237 6.7061L4.13501 5.71743C3.36879 4.55574 3.34408 4.43216 3.962 3.88839C4.43162 3.4682 4.50577 3.4682 5.56859 4.11084L6.70556 4.77819L7.81781 4.33329C9.05365 3.86367 9.30082 3.56707 9.54798 2.18293C9.721 1.26841 9.77044 1.2437 10.6355 1.31785C11.4759 1.392 11.5253 1.44143 11.7725 2.5784Z' fill='black'/%3E%3Cpath d='M8.80648 6.31063C7.76838 6.75553 6.53254 8.23854 6.21122 9.40023C5.56859 11.8472 7.29876 14.4672 9.89402 14.9615C12.4398 15.4311 15.1093 13.1325 15.1093 10.4878C15.1093 9.40023 14.4172 7.76892 13.7251 7.151C12.4646 6.03875 10.2648 5.668 8.80648 6.31063ZM12.3904 7.151C14.9362 8.41156 15.0598 11.8719 12.6129 13.6762C10.9321 14.9368 8.28743 14.1706 7.24932 12.1438C5.56859 8.88117 9.07837 5.47026 12.3904 7.151Z' fill='black'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

main.profile .sidebar .profile-socials {
    margin-top: 270px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    margin-bottom: 48px;
}

main.profile .sidebar .profile-socials-icon-facebook {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 15C29 7.26801 22.732 1 15 1C7.26801 1 1 7.26801 1 15C1 22.732 7.26801 29 15 29V30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30V29C22.732 29 29 22.732 29 15Z' fill='black' fill-opacity='0.8'/%3E%3Cpath d='M18.6085 10.8182V13.7727H9.85568V10.8182H18.6085ZM11.8592 25V9.79332C11.8592 8.76539 12.0593 7.91288 12.4594 7.23579C12.8656 6.55871 13.4196 6.0509 14.1213 5.71236C14.823 5.37381 15.6201 5.20454 16.5126 5.20454C17.1159 5.20454 17.6668 5.25071 18.1653 5.34304C18.6701 5.43537 19.0455 5.51847 19.2918 5.59233L18.5901 8.54688C18.4362 8.49763 18.2454 8.45147 18.0176 8.40838C17.796 8.36529 17.5683 8.34375 17.3344 8.34375C16.7558 8.34375 16.3526 8.47917 16.1249 8.75C15.8971 9.01468 15.7832 9.38707 15.7832 9.86719V25H11.8592Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

main.profile .sidebar .profile-socials-icon-instagram {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5625 0C23.8468 0 30.5625 6.71573 30.5625 15C30.5625 23.2843 23.8468 30 15.5625 30C7.27823 30 0.5625 23.2843 0.5625 15C0.5625 6.71573 7.27823 0 15.5625 0ZM15.5625 1C7.83051 1 1.5625 7.26801 1.5625 15C1.5625 22.732 7.83051 29 15.5625 29C23.2945 29 29.5625 22.732 29.5625 15C29.5625 7.26801 23.2945 1 15.5625 1Z' fill='black' fill-opacity='0.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.8154 4.6875C23.5767 4.68765 25.8154 6.92617 25.8154 9.6875V20.2529C25.8153 23.0141 23.5766 25.2528 20.8154 25.2529H10.25C7.48867 25.2529 5.25015 23.0142 5.25 20.2529V9.6875C5.25 6.92608 7.48858 4.6875 10.25 4.6875H20.8154ZM15.5322 9.0166C12.2445 9.0166 9.57927 11.6821 9.5791 14.9697C9.5791 18.2575 12.2444 20.9229 15.5322 20.9229C18.82 20.9228 21.4854 18.2575 21.4854 14.9697C21.4852 11.6821 18.8199 9.01663 15.5322 9.0166ZM21.332 7.5C20.7345 7.50019 20.2502 7.98452 20.25 8.58203C20.25 9.1797 20.7344 9.66485 21.332 9.66504C21.9298 9.66504 22.415 9.17981 22.415 8.58203C22.4149 7.98441 21.9297 7.5 21.332 7.5Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

main.profile .sidebar .profile-socials-icon-telegram {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.125 0C23.4093 0 30.125 6.71573 30.125 15C30.125 23.2843 23.4093 30 15.125 30C6.84073 30 0.125 23.2843 0.125 15C0.125 6.71573 6.84073 0 15.125 0ZM15.125 1C7.39301 1 1.125 7.26801 1.125 15C1.125 22.732 7.39301 29 15.125 29C22.857 29 29.125 22.732 29.125 15C29.125 7.26801 22.857 1 15.125 1Z' fill='black' fill-opacity='0.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.6933 7.01054C24.0914 6.83891 24.5041 7.22037 24.3642 7.63066L18.2177 25.5965C18.1136 25.901 17.7534 26.0294 17.4804 25.8592L14.2187 23.8201C14.0213 23.6969 13.7651 23.727 13.6005 23.8914L10.8242 26.6668C10.5647 26.9262 10.1236 26.8275 9.99994 26.4822L7.74018 20.1551C7.70278 20.0505 7.6317 19.9608 7.53803 19.9012L2.79584 16.8846C2.4575 16.6692 2.49805 16.1629 2.86616 16.0037L23.6933 7.01054ZM9.23237 18.9607L10.7822 24.1268L11.8154 21.0271L20.5976 10.6951L9.23237 18.9607Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

main.profile .sidebar .profile-socials-icon-messenger {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6875 0C23.9718 0 30.6875 6.71573 30.6875 15C30.6875 23.2843 23.9718 30 15.6875 30C7.40323 30 0.6875 23.2843 0.6875 15C0.6875 6.71573 7.40323 0 15.6875 0ZM15.6875 1C7.95551 1 1.6875 7.26801 1.6875 15C1.6875 22.732 7.95551 29 15.6875 29C23.4195 29 29.6875 22.732 29.6875 15C29.6875 7.26801 23.4195 1 15.6875 1Z' fill='black' fill-opacity='0.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.1045 4.16407C17.5105 4.1189 18.9114 4.35713 20.2236 4.86426C21.5358 5.3714 22.7327 6.13718 23.7432 7.11622C24.7536 8.09528 25.5568 9.26763 26.1055 10.5635C26.6542 11.8594 26.9375 13.2527 26.9375 14.6602C26.9374 16.0674 26.6541 17.4601 26.1055 18.7559C25.5568 20.0517 24.7536 21.2241 23.7432 22.2031C22.7327 23.1822 21.5357 23.9479 20.2236 24.4551C18.9114 24.9622 17.5105 25.2005 16.1045 25.1553C15.047 25.1582 13.9938 25.0189 12.9736 24.7402C12.7823 24.688 12.5789 24.703 12.3975 24.7832L10.252 25.7315C10.1222 25.7885 9.98018 25.8122 9.83887 25.8018C9.69753 25.7913 9.56032 25.7465 9.44043 25.6709C9.32071 25.5953 9.22171 25.4911 9.15137 25.3682C9.08098 25.2451 9.04158 25.1066 9.03711 24.9649L8.97852 23.0391C8.97364 22.9221 8.94567 22.8069 8.89551 22.7012C8.84537 22.5955 8.7739 22.5015 8.68653 22.4238C7.60089 21.4461 6.73602 20.2471 6.15039 18.9082C5.56493 17.5696 5.27233 16.1212 5.29102 14.6602C5.2828 13.252 5.55881 11.8561 6.10352 10.5576C6.64826 9.25911 7.45062 8.08403 8.46094 7.10352C9.47107 6.12329 10.6689 5.35772 11.9824 4.85255C13.2962 4.34734 14.6979 4.11299 16.1045 4.16407ZM22.2588 12.0293C22.0772 12.0235 21.899 12.0739 21.7559 12.1719L18.7676 14.2715C18.6401 14.356 18.4841 14.401 18.3242 14.4014C18.1645 14.4017 18.0087 14.3573 17.8809 14.2734L15.0117 12.3887C14.8082 12.2552 14.5747 12.1602 14.3272 12.1094C14.0798 12.0587 13.8231 12.0525 13.5732 12.0928C13.3233 12.1332 13.0855 12.2191 12.875 12.3438C12.6644 12.4685 12.4854 12.6301 12.3496 12.8184L9.34766 16.8926C9.24911 17.0267 9.20876 17.1876 9.23242 17.3457C9.25611 17.5038 9.34288 17.6495 9.47754 17.7568C9.6122 17.8641 9.78582 17.9268 9.96778 17.9326C10.1498 17.9385 10.3284 17.8875 10.4717 17.7891L13.46 15.6914C13.5875 15.6067 13.7432 15.56 13.9033 15.5596C14.0635 15.5592 14.2196 15.6053 14.3477 15.6895L17.2148 17.5732C17.4182 17.7067 17.651 17.8017 17.8984 17.8525C18.146 17.9034 18.4032 17.9085 18.6533 17.8682C18.9035 17.8278 19.1419 17.743 19.3525 17.6182C19.5632 17.4933 19.7421 17.331 19.8779 17.1426L22.8809 13.0664C22.9785 12.9323 23.0182 12.7719 22.9941 12.6143C22.97 12.4565 22.8827 12.3111 22.748 12.2041C22.6135 12.0972 22.4404 12.0351 22.2588 12.0293Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

main.profile .sidebar .profile-rating {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

main.profile .sidebar .profile-rating .profile-rating-heading {
    font-size: 15px;
    padding: 0 8px 3px;
    margin-bottom: 8px;
    background-color: #F8F6F0;
    box-shadow: inset 0px 0px 4.2px rgba(0, 0, 0, 0.25);
    filter: drop-shadow(0px 1px 4.1px rgba(0, 0, 0, 0.25));
    border-radius: 50px;
}

main.profile .sidebar .profile-rating .profile-rating-stars {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
}

main.profile .sidebar .profile-rating .profile-rating-stars .star {
    width: 22px;
    height: 20px;
}

.star.filled {
    width: 22px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.13813 18.8163L6.70316 11.8841L1.06049 8.00228C0.73691 7.77967 0.894445 7.27273 1.2872 7.27273H8.40941L10.7253 1.01386C10.8541 0.665605 11.3467 0.665606 11.4756 1.01386L13.7914 7.27273H20.9136C21.3064 7.27273 21.4639 7.77967 21.1404 8.00228L15.4977 11.8841L18.0627 18.8163C18.1982 19.1825 17.7826 19.506 17.4609 19.2847L11.1004 14.9091L4.73998 19.2847C4.41829 19.506 4.00263 19.1825 4.13813 18.8163Z' fill='%23DA8F18'/%3E%3C/svg%3E%0A");
    display: block;
}

main.profile .page {
    width: calc(100% - 392px);
    padding: 36px 31px 35px 48px;
}

main.profile .page .page-header {
    display: flex;
    gap: 76px;
    margin-bottom: 48px;
}

main.profile .page .page-header .dontdelay {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.125rem, 0.75rem + 1.25vw, 1.875rem);
    padding: 25px;
    background-color: #B5C2C3;
    background-image: url('../../assets/images/dontdelay.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 60px;
}

main.profile .page .page-header .page-search label {
    display: none;
}

main.profile .page .page-header .page-search {
    width: 100%;
    flex: 1 1 100%;
}

main.profile .page .page-header .page-search input {
    position: relative;
    width: 100%;
    height: 60px;
    padding: 20px 18px;
    border: 1px solid rgba(0, 0, 0, 0.7);
    font-size: 16px;
    background-color: #DADADA;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='20' viewBox='0 0 23 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.979 10.5616C16.6373 7.10778 14.3712 3.77426 10.9174 3.11593C7.46362 2.4576 4.1301 4.72376 3.47176 8.17754C2.81343 11.6313 5.0796 14.9648 8.53338 15.6232L8.06528 18.079C3.2552 17.1621 0.0991169 12.5195 1.01597 7.70944C1.93284 2.89937 6.57543 -0.256711 11.3855 0.660135C16.1956 1.57699 19.3517 6.21959 18.4348 11.0297C17.518 15.8398 12.8754 18.9958 8.06528 18.079L8.53338 15.6232C11.9872 16.2815 15.3207 14.0154 15.979 10.5616Z' fill='black' fill-opacity='0.7'/%3E%3Cpath d='M22.4929 17.9947L21.0001 20.0001L14.998 15.5322L16.4908 13.5268L22.4929 17.9947Z' fill='black' fill-opacity='0.7'/%3E%3C/svg%3E%0A");
    background-position: left 18px center;
    background-repeat: no-repeat;
}

main.profile .page .page-header .page-search input:focus {
    background-image: none;
}

main.profile .page .page-header .page-search input::placeholder {
    opacity: 0;
}

main.profile .page .page-body {
    display: grid;
    grid-template-columns: calc(100% - 22% - 58px) 22%;
    grid-template-rows: 50% 50%;
    column-gap: 58px;
    margin-bottom: 46px;
}

main.profile .page .page-body .page-body-lists {
    display: flex;
    gap: 76px;
    padding-bottom: 94px;
    border-bottom: 1px solid rgba(0, 0, 0, .7);
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

main.profile .page .page-body .page-body-lists .page-body-list .page-body-list-heading {
    font-size: clamp(0.875rem, -1.1694rem + 3.3827vw, 1.875rem);
    margin-bottom: 17px;
}

main.profile .page .page-body .page-body-lists .page-body-list .page-body-list-items {
    list-style: none;
    margin: 0;
    padding: 0;
}

main.profile .page .page-body .page-body-lists .page-body-list .page-body-list-items .page-body-list-item {
    margin-bottom: 8px;
}

main.profile .page .page-body .page-body-lists .page-body-list .page-body-list-items .page-body-list-item .item-title {
    font-size: 22px;
}

main.profile .page .page-body .div-body-aside {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    background-color: #B5C2C3;
    background-image: url('../../assets/images/page_banner.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom right;
    height: 100%;
}

main.profile .page .page-body .div-body-aside .div-body-aside-left {
    background-color: #94C0C3;
    width: 66px;
    height: 100%;
}

main.profile .page .page-body .div-body-footer {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    display: flex;
    padding-top: 27px;
    gap: 32px;
    overflow: hidden;
}

main.profile .page .page-body .div-body-footer .image-hover {
    width: 100%;
}

main.profile .page .page-body .div-body-footer .image-hover img {
    width: 100%;
    height: auto;
}

main.profile .page .page-body .div-body-footer .image-hover img.hover,
main.profile .page .page-body .div-body-footer .image-hover:hover img.regular {
    display: none;
}

main.profile .page .page-body .div-body-footer .image-hover:hover img.hover {
    display: block;
}

main.profile .page .page-footer {
    display: flex;
    justify-content: flex-end;
}

main.profile .page .page-footer .logout-link {
    font-size: 22px;
    padding: 12px 61px;
    background-color: #DADADA;
    color: black;
}

.popup-chats {
    position: absolute;
    top: 150px;
    left: 410px;
    width: 100%;
    max-width: 784px;
    background-color: #DADADA;
    border-radius: 25px;
    z-index: -100;
    display: none;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.popup-overlay.show {
    display: block;
    z-index: 10;
}

.popup-chats.show {
    z-index: 100;
    display: block;
}

.popup-header {
    padding: 32px 64px 17px 34px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}

.popup-header-avatar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
}

.popup-header-avatar .image {
    width: 64px;
    height: 64px;
    position: relative;
}

.popup-header-avatar .image:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #6BBF29;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
}

.popup-header-name {
    font-size: 22px;
    font-weight: 600;
}

.popup-header-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}

.icon-search {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.36364' cy='7.36364' r='7.36364' fill='%23DADADA'/%3E%3Ccircle cx='7.36364' cy='7.36364' r='6.86364' stroke='black' stroke-opacity='0.8'/%3E%3Cline x1='12.5797' y1='11.878' x2='19.9433' y2='17.6053' stroke='black' stroke-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
}

.icon-settings {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.02893 1.19426C8.95478 1.56501 8.80648 2.20765 8.70761 2.60312C8.58403 3.12217 8.28743 3.39405 7.64479 3.66594C6.80442 4.01197 6.70556 3.98726 5.7416 3.39405C4.48105 2.5784 4.23388 2.60312 3.41823 3.44349C2.60257 4.30857 2.57786 4.62989 3.39351 5.79158C3.962 6.63195 3.98671 6.80497 3.71483 7.57119C3.39351 8.46099 3.29464 8.51042 1.76221 8.83174C0.699385 9.02947 0.526367 9.27664 0.526367 10.5866C0.526367 11.773 0.773535 11.9955 2.40484 12.2427C3.24521 12.391 3.44294 12.5393 3.71483 13.256C3.98671 14.0223 3.93728 14.1953 3.36879 15.0851C2.60257 16.3456 2.60257 16.5187 3.41823 17.3837C4.23388 18.2241 4.57992 18.2488 5.81575 17.4826C6.73027 16.9388 6.82914 16.9388 7.69423 17.2602C8.50988 17.5815 8.65818 17.7792 8.78177 18.6196C9.05365 20.2509 9.30082 20.5475 10.5119 20.5475C11.7725 20.5475 11.9949 20.325 12.3904 18.7926C12.6129 17.8534 12.8353 17.5815 13.5274 17.2354C14.343 16.8647 14.4172 16.8647 15.3564 17.4579C15.9002 17.8039 16.4687 18.0758 16.6417 18.0758C16.9877 18.0758 18.5696 16.6917 18.5696 16.3951C18.5696 16.2962 18.2483 15.7277 17.8528 15.1345C17.1607 14.0717 17.136 14.0223 17.5315 13.2313C17.8528 12.5393 18.0753 12.391 18.9404 12.2427C20.4728 12.0202 20.5964 11.8966 20.4975 10.4136C20.4234 9.00476 20.4234 9.00476 18.4955 8.58457C18.0506 8.48571 17.7292 8.16439 17.4821 7.62062C17.1855 6.87912 17.2102 6.75553 17.8775 5.79158C18.2483 5.22309 18.5696 4.65461 18.5696 4.55574C18.5696 4.43216 18.1741 3.93782 17.7045 3.49292L16.8147 2.62783L15.6283 3.3199C14.4666 3.96254 14.3925 3.96254 13.5274 3.6165C12.9095 3.34462 12.6129 3.04802 12.4893 2.55368C12.0691 0.650493 12.0938 0.650493 10.5861 0.576343C9.22667 0.502193 9.17723 0.526909 9.02893 1.19426ZM11.7725 2.5784C11.9949 3.66594 12.1185 3.81424 13.1072 4.25914C14.4666 4.85234 14.5655 4.85234 15.7025 4.08612L16.6417 3.44349L17.2349 4.03669L17.8281 4.60517L17.2102 5.51969C16.5181 6.53308 16.4934 6.92855 16.9383 8.18911C17.2102 8.95532 17.3832 9.07891 18.4707 9.30136C19.6324 9.54853 19.6819 9.62268 19.756 10.463C19.8302 11.3281 19.8302 11.3529 18.6438 11.5506C17.6304 11.7483 17.4079 11.8966 17.0372 12.6381C16.4687 13.8245 16.4934 14.3436 17.2102 15.4064C17.5562 15.9007 17.8281 16.3704 17.8281 16.4445C17.8281 16.5187 17.5562 16.7658 17.2349 16.9883C16.6664 17.359 16.5675 17.3343 15.5294 16.7164L14.4172 16.0738L13.2308 16.6422C12.1185 17.186 11.9949 17.3096 11.7725 18.4466C11.5253 19.633 11.4512 19.6824 10.6355 19.7565C9.74572 19.8307 9.74572 19.8307 9.44912 18.4466C9.20195 17.3096 9.02893 17.013 8.48516 16.8153C8.11441 16.6917 7.57064 16.4692 7.29876 16.3209C6.87857 16.0985 6.58197 16.1726 5.76632 16.6917C4.53048 17.4579 4.43162 17.4579 3.88785 16.8647C3.46766 16.3951 3.46766 16.3209 4.1103 15.2581C4.77765 14.1211 4.77765 14.1211 4.35747 13.0089C3.91256 11.8719 3.78898 11.7978 2.18239 11.5012C1.26787 11.3529 1.24315 11.3034 1.3173 10.463C1.39145 9.62268 1.44089 9.54853 2.60258 9.30136C3.76426 9.07891 3.86313 8.98004 4.30803 7.86779L4.80237 6.7061L4.13501 5.71743C3.36879 4.55574 3.34408 4.43216 3.962 3.88839C4.43162 3.4682 4.50577 3.4682 5.56859 4.11084L6.70556 4.77819L7.81781 4.33329C9.05365 3.86367 9.30082 3.56707 9.54798 2.18293C9.721 1.26841 9.77044 1.2437 10.6355 1.31785C11.4759 1.392 11.5253 1.44143 11.7725 2.5784Z' fill='black'/%3E%3Cpath d='M8.80648 6.31063C7.76838 6.75553 6.53254 8.23854 6.21122 9.40023C5.56859 11.8472 7.29876 14.4672 9.89402 14.9615C12.4398 15.4311 15.1093 13.1325 15.1093 10.4878C15.1093 9.40023 14.4172 7.76892 13.7251 7.151C12.4646 6.03875 10.2648 5.668 8.80648 6.31063ZM12.3904 7.151C14.9362 8.41156 15.0598 11.8719 12.6129 13.6762C10.9321 14.9368 8.28743 14.1706 7.24932 12.1438C5.56859 8.88117 9.07837 5.47026 12.3904 7.151Z' fill='black'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
}

.icon-dots {
    width: 13px;
    height: 3px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='3' viewBox='0 0 13 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' fill='black' fill-opacity='0.8'/%3E%3Ccircle cx='6.5' cy='1.5' r='1.5' fill='black' fill-opacity='0.8'/%3E%3Ccircle cx='11.5' cy='1.5' r='1.5' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
}

.popup-chat {
    padding: 54px 70px 54px 56px;
}

.popup-chat-message {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 32px;
    margin-bottom: 24px;
}

.popup-chat-message.float-left {
    flex-direction: row;
}

.popup-chat-message.float-right {
    flex-direction: row-reverse;
}

.popup-chat-message-avatar {
    width: 75px;
    height: 75px;
    flex: 0 0 auto;
}

.popup-chat-message-content {
    position: relative;
}

.popup-chat-message-reaction {
    padding: 2px 6px;
    background-color: #F8F6F0;
    border-radius: 11px;
    border: 1px solid rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: -10px;
    right: 0;
}

.popup-chat-message-text {
    max-width: 275px;
    font-size: 20px;
    padding: 11px 21px 10px 21px;
    background-color: #F8F6F0;
    border-radius: 11px;
    border: 1px solid rgba(0, 0, 0, 0.8);
}

.popup-message-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 91px 31px 42px 94px;
}

.icon-plus {
    width: 27px;
    height: 29px;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='29' viewBox='0 0 27 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.5' cy='15.5' r='13.5' fill='%23DADADA'/%3E%3Ccircle cx='13.5' cy='15.5' r='12.5' stroke='black' stroke-opacity='0.85' stroke-width='2'/%3E%3Cpath d='M12.2734 20.9844V10.4219H14.375V20.9844H12.2734ZM8.04688 16.75V14.6484H18.6094V16.75H8.04688Z' fill='black' fill-opacity='0.85'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
}

.icon-arrow-right {
    width: 26px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='16' viewBox='0 0 26 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.7071 8.70711C26.0976 8.31658 26.0976 7.68342 25.7071 7.29289L19.3431 0.928932C18.9526 0.538408 18.3195 0.538408 17.9289 0.928932C17.5384 1.31946 17.5384 1.95262 17.9289 2.34315L23.5858 8L17.9289 13.6569C17.5384 14.0474 17.5384 14.6805 17.9289 15.0711C18.3195 15.4616 18.9526 15.4616 19.3431 15.0711L25.7071 8.70711ZM0 8V9H25V8V7H0V8Z' fill='black' fill-opacity='0.85'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
}

.popup-message-form .popup-message-input {
    flex: 1 1 100%;
    position: relative;
    background-color: #F8F6F0;
    color: #000;
    font-size: 18px;
    padding: 18px 47px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    border-radius: 28px;
}

.popup-message-form .popup-message-input::placeholder {
    color: rgba(0, 0, 0, 0.85);
}

.popup-message-form .popup-message-input:focus::placeholder {
    color: transparent;
}

.popup-groups {
    position: absolute;
    top: 150px;
    left: 410px;
    width: 100%;
    max-width: 429px;
    max-height: 100vh;
    overflow-x: auto;
    background-color: #DADADA;
    border-radius: 25px;
    z-index: -100;
    padding: 21px 180px 21px 21px;
    display: none;
    flex-direction: column;
    gap: 44px;
}

.popup-groups.show {
    z-index: 100;
    display: flex;
}

.popup-group-user {
    display: flex;
    align-items: center;
    gap: 13px;
    position: relative;
}

.popup-group-user img {
    width: 84px;
    height: 84px;
    object-fit: cover;
    overflow: hidden;
    flex: 0 0 auto;
}

.popup-group-user.active:after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 61px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #6BBF29;
}

.popup-group-user:nth-child(1) img {
    object-position: left 0;
}

.popup-group-user:nth-child(2) img {
    object-position: left -110px;
}

.popup-group-user:nth-child(3) img {
    object-position: left -221px;
}

.popup-group-user:nth-child(4) img {
    object-position: left -331px;
}

.popup-group-user:nth-child(5) img {
    object-position: left -441px;
}

.popup-group-user:nth-child(6) img {
    object-position: left -558px;
}

.popup-group-user:nth-child(7) img {
    object-position: left -667px;
}

.popup-group-user:nth-child(8) img {
    object-position: left -782px;
}

.popup-group-user-name {
    font-size: 22px;
    font-weight: 500;
}

.popup-calendar {
    position: absolute;
    top: 150px;
    left: 410px;
    width: 100%;
    max-width: 1060px;
    border-radius: 25px;
    z-index: -100;
    display: none;
}

.modal-settings {
    position: absolute;
    top: auto;
    left: 10px;
    width: 100%;
    max-width: 220px;
    border-radius: 0;
    background: #DADADA;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    padding: 9px 37px 22px 46px;
    z-index: -100;
    display: none;
}

.modal-settings.show {
    z-index: 100;
    display: block;
}

.popup-calendar.show {
    z-index: 100;
    display: block;
}

.modal-settings-links {
    margin-bottom: 43px;
}

.modal-settings-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.modal-settings-links ul li a {
    font-size: 15px;
    color: black;
    text-decoration: none;
}

.theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    font-family: sans-serif;
    background: #dcdcdc;
    padding: 0;
    cursor: pointer;
    user-select: none;
    flex-direction: row;
    position: relative;
}

.theme-checkbox:checked~.label {
    order: -1;
}

.theme-toggle .theme-checkbox {
    display: none;
}

.theme-toggle .switch {
    width: 62px;
    min-width: 62px;
    height: 28px;
    border: 1px solid #333;
    border-radius: 68px;
    background: linear-gradient(145deg, #bfbfbf, #eeeeee);
    position: relative;
    box-shadow: inset 4px 4px 2.1px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle .circle {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    position: absolute;
    right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: left 0.3s;
}

.theme-checkbox:checked+.switch .circle {
    left: 3px;
    right: auto;
}

.theme-toggle .icon {
    width: 20px;
    height: 20px;
    position: relative;
}

.theme-toggle .icon::before,
.theme-toggle .icon::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6364 11C14.6364 13.0083 13.0083 14.6364 11 14.6364C8.99169 14.6364 7.36364 13.0083 7.36364 11C7.36364 8.99169 8.99169 7.36364 11 7.36364C13.0083 7.36364 14.6364 8.99169 14.6364 11Z' fill='black' fill-opacity='0.8'/%3E%3Cpath d='M20.5 11C20.5 5.75329 16.2467 1.5 11 1.5C5.75329 1.5 1.5 5.75329 1.5 11C1.5 16.2467 5.75329 20.5 11 20.5C16.2467 20.5 20.5 16.2467 20.5 11ZM12 15.5459V18.2725H11V15.5459H12ZM9.83105 15.5869L8.24023 18.0869L7.39648 17.5498L8.9873 15.0498L9.83105 15.5869ZM15.0586 17.5498L14.2148 18.0869L12.624 15.5869L13.0455 15.3182L13.4668 15.0498L15.0586 17.5498ZM16.9746 15.4365L16.6795 15.8403L16.3848 16.2441L14.1816 14.6367L14.7715 13.8281L16.9746 15.4365ZM7.44236 13.7779L7.7373 14.1816L5.53418 15.79L4.94434 14.9814L7.14746 13.374L7.44236 13.7779ZM14.1367 11C14.1367 9.26783 12.7322 7.86328 11 7.86328C9.26783 7.86328 7.86328 9.26783 7.86328 11C7.86328 12.7322 9.26783 14.1367 11 14.1367C12.7322 14.1367 14.1367 12.7322 14.1367 11ZM6.82812 12.8184L4.18164 13.4785L3.93945 12.5078L6.58594 11.8477L6.82812 12.8184ZM17.9795 12.5078L17.7373 13.4785L15.0908 12.8184L15.333 11.8477L17.9795 12.5078ZM6.4541 10V11H3.72754V10H6.4541ZM18.2725 10V11H15.5459V10H18.2725ZM17.9893 8.96973L15.4893 9.87891L15.1475 8.93945L17.6475 8.03027L17.9893 8.96973ZM6.78125 8.5127L6.6522 8.99585L6.52246 9.47852L3.8252 8.75586L3.95454 8.27273L4.08398 7.79004L6.78125 8.5127ZM17.1152 7.29688L14.7393 8.63574L14.249 7.76465L16.625 6.42578L17.1152 7.29688ZM7.79492 7.46191L7.45503 7.82902L7.11523 8.19531L5.11523 6.34082L5.79492 5.6084L7.79492 7.46191ZM14.973 4.75368L15.3828 5.04004L13.8203 7.27539L13.4106 6.98907L13.001 6.70215L14.5635 4.4668L14.973 4.75368ZM9.25586 6.71875L8.3252 7.08594L7.3252 4.54883L8.25586 4.18164L9.25586 6.71875ZM12 3.72754V6.4541H11V3.72754H12ZM15.1367 11C15.1367 13.2845 13.2845 15.1367 11 15.1367C8.71555 15.1367 6.86328 13.2845 6.86328 11C6.86328 8.71555 8.71555 6.86328 11 6.86328C13.2845 6.86328 15.1367 8.71555 15.1367 11ZM21.5 11C21.5 16.799 16.799 21.5 11 21.5C5.20101 21.5 0.5 16.799 0.5 11C0.5 5.20101 5.20101 0.5 11 0.5C16.799 0.5 21.5 5.20101 21.5 11Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.theme-checkbox:checked+.switch .circle .icon::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19V20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20V19C14.9706 19 19 14.9706 19 10Z' fill='black' fill-opacity='0.8'/%3E%3Cpath d='M13.2264 10.1649C13.2264 4.77251 8.45283 3.26265 7.20755 2.39987C12.3962 0.890015 18 3.69408 18 10.1649C18 16.6356 11.1509 19.4397 7 17.2828C7 17.2828 13.2264 15.5572 13.2264 10.1649Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.theme-checkbox:checked+.switch .circle .icon::after {
    display: none;
}

.label {
    font-size: 12px;
    color: rgba(0, 0, 0, .8);
    transition: all 0.3s;
    position: absolute;
}

.theme-checkbox:checked~.label::before {
    content: attr(data-night);
}

.theme-checkbox:not(:checked)~.label {
    right: 0;
}

.theme-checkbox:checked~.label {
    left: 0;
}

.label::before {
    content: attr(data-day);
}

@media (min-width: 1920px) {
    main.profile .page .page-body {
        grid-template-rows: 20% 80%;
    }

    main.profile.mobile {
        display: none;
    }
}

@media (max-width: 968px) {
    main.profile.desktop {
        display: none;
    }

    main.profile.mobile {
        display: block;
    }

    main.profile:before {
        display: none;
    }

    .profile-header--mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 13px;
        background-color: #DADADA;
        position: relative;
        height: 24px;
    }

    .profile-header--back .icon-back {
        width: 11px;
        height: 9px;
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.68307 0.800743C3.87833 0.605481 4.19484 0.605481 4.3901 0.800743C4.58536 0.996006 4.58536 1.31251 4.3901 1.50777L2.06197 3.8359H10.8549V4.8359H2.06197L4.3901 7.16402C4.58536 7.35929 4.58536 7.67579 4.3901 7.87106C4.19484 8.06632 3.87833 8.06632 3.68307 7.87106L0.501427 4.68942C0.306165 4.49415 0.306165 4.17765 0.501427 3.98238L3.68307 0.800743Z' fill='black' fill-opacity='0.85'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: block;
    }

    .profile-header--title {
        font-size: 10px;
        line-height: 1;
        font-weight: 500;
        color: rgba(0, 0, 0, .8);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .profile-header--actions {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .popup-resources--mobile {
        position: fixed;
        top: 24px;
        left: -100%;
        width: 0;
        height: calc(100vh - 24px);
        background-color: #F8F6F0;
        z-index: 1000;
        border-radius: 0 10px 10px 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        transition: 500ms;
    }

    .popup-resources--mobile.show {
        width: 230px;
        left: 0;
    }

    .popup-resources-header {
        background-color: #D9D9D9;
        padding: 9px 15px;
        font-size: 18px;
        font-weight: 500;
    }

    .popup-resources-list {
        padding: 31px 12px;
        height: 100%;
        overflow-x: auto;
    }

    .popup-resources-list .popup-resource-item .heading {
        font-size: 16px;
        font-weight: 500;
        color: rgba(0, 0, 0, .85);
        margin-bottom: 13px;
        display: block;
    }

    .popup-resources-list .popup-resource-item {
        margin-bottom: 37px;
    }

    .popup-resources-list .popup-resource-item .list li {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, .8);
        margin-bottom: 6px;
        display: block;
    }

    .popup-settings--mobile {
        position: fixed;
        top: 24px;
        right: -100%;
        width: 0;
        background-color: #DADADA;
        z-index: 1000;
        border-radius: 10px 0 0 10px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        transition: 500ms;
        padding: 10px 15px 22px 15px;
    }

    .popup-settings--mobile.show {
        width: 152px;
        right: 0;
    }

    .popup-settings--mobile .theme-toggle {
        margin-top: 56px;
    }

    .profile-footer--mobile {
        width: 100%;
        height: 44px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #DADADA;
        padding: 10px 22px;
        z-index: 10000;
    }

    .profile-footer-tabs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .profile-footer-tabs .tab {
        text-align: center;
        font-size: 8px;
        color: rgba(0, 0, 0, .8);
        cursor: pointer;
    }

    .profile-body-content-tab--mobile:not(.active) {
        display: none;
    }

    .profile-body-content-tab--mobile.active {
        display: block;
    }

    .profile-footer-tabs .tab .icon {
        margin: 0 auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: block;
    }

    .icon-groups {
        width: 29px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg width='29' height='16' viewBox='0 0 29 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4966 0.5C16.3022 0.500191 17.8871 2.2252 17.8873 4.51465C17.8873 6.80423 16.3023 8.53008 14.4966 8.53027C12.6908 8.53027 11.105 6.80435 11.105 4.51465C11.1052 2.22507 12.6909 0.5 14.4966 0.5Z' stroke='black' stroke-opacity='0.8'/%3E%3Cpath d='M16.7912 9.35394C15.6188 10.0024 13.8728 10.2519 12.1765 9.37889C11.4781 9.778 8.29007 11.2996 7.68658 11.9232C6.18993 13.4697 7.43715 15.1161 8.60951 15.3406C9.1583 15.3406 19.9753 15.3439 20 15.3405C21.3195 15.1608 22.5 12.833 20.5 11.4998C18.5 10.1665 17 9.49982 16.7912 9.35394Z' stroke='black' stroke-opacity='0.8'/%3E%3Cpath d='M6.05499 0.5C7.16068 0.500059 8.17879 1.56665 8.17902 3.04395C8.17902 4.52149 7.16081 5.58881 6.05499 5.58887C4.94914 5.58887 3.93097 4.52153 3.93097 3.04395C3.93119 1.56661 4.94927 0.5 6.05499 0.5Z' stroke='black' stroke-opacity='0.8'/%3E%3Cpath d='M7.60229 6.30757C6.81173 6.74486 5.63435 6.9131 4.49058 6.32439C4.01961 6.59352 1.8699 7.61954 1.46297 8.04004C0.453766 9.08289 1.29477 10.193 2.08531 10.3444H8C8.15136 10.3444 10 8.99999 10 8.99999C10 8.99999 11 8 9.41886 7.29996C8.68965 6.9771 7.62273 6.29627 7.60229 6.30757Z' stroke='black' stroke-opacity='0.8'/%3E%3Cpath d='M23.2569 0.5C22.1512 0.500059 21.1331 1.56665 21.1329 3.04395C21.1329 4.52149 22.1511 5.58881 23.2569 5.58887C24.3627 5.58887 25.3809 4.52153 25.3809 3.04395C25.3807 1.56661 24.3626 0.5 23.2569 0.5Z' stroke='black' stroke-opacity='0.8'/%3E%3Cpath d='M21.7096 6.30757C22.5002 6.74486 23.6775 6.9131 24.8213 6.32439C25.2923 6.59352 27.442 7.61954 27.8489 8.04004C28.8581 9.08289 28.0171 10.193 27.2266 10.3444H21.3119C21.1605 10.3444 19.3119 8.99999 19.3119 8.99999C19.3119 8.99999 18.3119 8 19.893 7.29996C20.6222 6.9771 21.6892 6.29627 21.7096 6.30757Z' stroke='black' stroke-opacity='0.8'/%3E%3C/svg%3E%0A");
    }

    .icon-catalog {
        width: 12px;
        height: 11px;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.5' x2='12' y2='0.5' stroke='black' stroke-opacity='0.85'/%3E%3Cline y1='5.5' x2='12' y2='5.5' stroke='black' stroke-opacity='0.85'/%3E%3Cline y1='10.5' x2='12' y2='10.5' stroke='black' stroke-opacity='0.85'/%3E%3C/svg%3E%0A");

    }

    .icon-calendar {
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1.07141' width='14.6428' height='13.9286' rx='2.5' fill='%23DADADA'/%3E%3Crect x='0.5' y='1.57141' width='13.6428' height='12.9286' rx='2' stroke='black' stroke-opacity='0.85'/%3E%3Cline x1='3.29468' y1='3.91071' x2='11.7143' y2='3.91071' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3Cline x1='4.03571' x2='4.03571' y2='1.42857' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3Cline x1='10.9911' x2='10.9911' y2='1.42857' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3C/svg%3E%0A");
    }

    .icon-chats {
        width: 18px;
        height: 19px;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.98754C3.10848 3.78519 3.6509 2.98363 4.73572 2.85004' stroke='black' stroke-opacity='0.85' stroke-width='0.7'/%3E%3Cpath d='M15 5.1375C14.8915 3.93516 14.3491 3.13359 13.2643 3' stroke='black' stroke-opacity='0.85' stroke-width='0.7'/%3E%3Cpath d='M3 9.26246C3.10848 10.4648 3.6509 11.2664 4.73572 11.4' stroke='black' stroke-opacity='0.85' stroke-width='0.7'/%3E%3Cpath d='M15 9.41243C14.8915 10.6148 14.3491 11.4163 13.2643 11.5499' stroke='black' stroke-opacity='0.85' stroke-width='0.7'/%3E%3Cpath d='M2.5 0.5H15.0381C16.1427 0.5 17.0381 1.39543 17.0381 2.5V15.959C17.0381 16.0078 17.0238 16.0295 17.0137 16.041C16.9995 16.0569 16.9744 16.0739 16.9395 16.0811C16.9043 16.0883 16.8738 16.0824 16.8545 16.0732C16.8406 16.0666 16.8188 16.0522 16.7998 16.0078C16.7347 15.856 16.6372 15.7201 16.5137 15.6104L15.0732 14.3311C14.5243 13.8434 13.8153 13.5743 13.0811 13.5742H2.5C1.39548 13.5742 0.500078 12.6787 0.5 11.5742V2.5C0.500001 1.39543 1.39543 0.5 2.5 0.5Z' stroke='black' stroke-opacity='0.85'/%3E%3C/svg%3E%0A");
    }

    .icon-cabinet {
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='7.5' fill='%23DADADA'/%3E%3Ccircle cx='8.5' cy='8.5' r='8' stroke='black' stroke-opacity='0.85'/%3E%3Cpath d='M8.34 5.9L7.1 9.21H9.6L8.34 5.9ZM8.86 4.86L11.63 12H10.63L9.88 10.01H6.82L6.07 12H5.11L7.89 4.86H8.86Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    }

    .profile-body-head--mobile {
        padding: 20px 15px 18px 30px;
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.7); */
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
        display: flex;
        justify-content: space-between;
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #f8f6f0;
    }

    .profile-body-avatar--mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }

    .profile-body-name--mobile {
        font-size: 14px;
    }

    .profile-rating--mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .profile-rating-text {
        text-align: center;
        font-size: 15px;
        color: rgba(0, 0, 0, .8);
        padding: 0 8px 3px;
        background-color: #F8F6F0;
        border-radius: 50px;
        box-shadow: inset 0px 0px 4.2px rgba(0, 0, 0, 0.25);
        filter: drop-shadow(0px 1px 4.1px rgba(0, 0, 0, 0.25));
    }

    .profile-rating-stars {
        display: flex;
    }

    .profile-contacts--mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 19px;
        padding: 16px 39px 47px 17px;
    }

    .profile-contacts-item {
        position: relative;
        display: flex;
        gap: 22px;
    }

    .profile-contacts-text {
        font-size: 16px;
        color: rgba(0, 0, 0, .8);
        text-decoration: none;
    }

    .profile-contacts-item .icon-marker {
        width: 15px;
        height: 22px;
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='22' viewBox='0 0 15 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.3584 16.9102L7.3916 16.9122L7.4248 16.9102C9.43179 16.819 11.1812 17.0871 12.4004 17.5186C13.013 17.7355 13.4558 17.9814 13.7305 18.213C14.0139 18.452 14.0322 18.5976 14.0322 18.6251C14.0322 18.6994 13.9995 18.8492 13.7305 19.0665C13.4572 19.2872 13.013 19.5123 12.3896 19.711C11.1502 20.1061 9.38566 20.3389 7.3916 20.3389C5.3828 20.3389 3.61756 20.1507 2.38086 19.7784C1.75982 19.5914 1.32583 19.3729 1.06055 19.1524C0.810661 18.9446 0.75 18.7736 0.75 18.6251C0.750001 18.5203 0.796747 18.3534 1.04297 18.1319C1.29504 17.9052 1.70985 17.6688 2.30566 17.463C3.49318 17.0527 5.24083 16.8182 7.3584 16.9102Z' stroke='black' stroke-opacity='0.85' stroke-width='1.5'/%3E%3Cpath d='M7.5752 0.625C12.0238 0.625275 15.1867 5.69942 12.207 10.5557C11.2741 12.0761 10.1995 13.9801 9.35645 15.5068C8.93528 16.2695 8.57283 16.9374 8.31543 17.4141C8.18682 17.6522 8.0838 17.8427 8.01367 17.9736C7.97869 18.039 7.95182 18.0899 7.93359 18.124C7.9245 18.1411 7.91771 18.1544 7.91309 18.1631C7.91077 18.1674 7.90839 18.1707 7.90723 18.1729L7.90625 18.1748V18.1758L7.58789 18.7744L7.25 18.1875L7.5752 18L7.25 18.1865L7.24902 18.1855C7.24865 18.1849 7.24769 18.1837 7.24707 18.1826C7.24553 18.1799 7.2431 18.1759 7.24023 18.1709C7.23416 18.1603 7.22559 18.1444 7.21387 18.124C7.19022 18.0829 7.15504 18.0221 7.11035 17.9443C7.02094 17.7887 6.89158 17.5641 6.7334 17.2881C6.41687 16.7358 5.98358 15.9773 5.51465 15.1533C4.58215 13.5148 3.50793 11.6105 2.94043 10.5518C1.28538 8.06208 1.31591 5.57922 2.34766 3.70801C3.3736 1.84735 5.37369 0.625 7.5752 0.625Z' fill='black' fill-opacity='0.85' stroke='%23DADADA' stroke-width='0.75'/%3E%3Ccircle cx='7.58067' cy='6.68549' r='3.03226' fill='%23DADADA'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: block;
    }

    .profile-contacts-item .icon-phone {
        margin-top: 1px;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7126 19.9972C13.2702 19.9441 9.18226 19.3792 4.90103 15.0999C0.620792 10.8195 0.0568381 6.73345 0.00274664 5.2903C-0.0773888 3.09104 1.60746 0.954863 3.55375 0.120623C3.78812 0.0194399 4.04478 -0.0190837 4.29854 0.00883272C4.5523 0.0367492 4.79444 0.130147 5.0012 0.27986C6.60391 1.44759 7.70977 3.21422 8.65938 4.60328C8.86832 4.90847 8.95765 5.27984 8.91036 5.64663C8.86307 6.01342 8.68246 6.35001 8.40295 6.59224L6.44864 8.04339C6.35423 8.11156 6.28776 8.21167 6.2616 8.32514C6.23544 8.4386 6.25136 8.5577 6.3064 8.66031C6.74915 9.46451 7.53648 10.6623 8.43801 11.5636C9.33953 12.465 10.5947 13.3042 11.4551 13.7969C11.563 13.8575 11.69 13.8744 11.81 13.8442C11.9299 13.8141 12.0338 13.7391 12.1002 13.6347L13.3723 11.6988C13.6062 11.3882 13.9513 11.1801 14.3352 11.1181C14.7191 11.0562 15.112 11.1451 15.4318 11.3663C16.8412 12.3418 18.486 13.4284 19.69 14.9697C19.8519 15.1779 19.9549 15.4258 19.9882 15.6874C20.0215 15.949 19.9839 16.2148 19.8793 16.4569C19.0409 18.4128 16.9193 20.0783 14.7126 19.9972Z' fill='%230F0D0F'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: block;
    }

    .profile-contacts-item .icon-email {
        margin-top: 5px;
        width: 18px;
        height: 13px;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6L16 12M7 6L2 12' stroke='black' stroke-opacity='0.85' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M2.5 0.5H15C16.1046 0.5 17 1.39543 17 2.5V10.5C17 11.6046 16.1046 12.5 15 12.5H2.5C1.39543 12.5 0.5 11.6046 0.5 10.5V2.5C0.5 1.39543 1.39543 0.5 2.5 0.5Z' stroke='black' stroke-opacity='0.8'/%3E%3Cpath d='M1.5 1.5L8.05227 6.64822C8.31694 6.85617 8.68773 6.86233 8.95916 6.66328L16 1.5' stroke='black' stroke-opacity='0.85' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: block;
    }

    .profile-contacts-item .icon-fullness {
        margin-top: 1px;
        width: 20px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.94434 5.4762H17.4404C17.7664 5.47625 18.0378 5.72735 18.0635 6.05237L18.7549 14.7926C18.8756 16.3192 17.669 17.6246 16.1377 17.6246H3.24707C1.71573 17.6246 0.509137 16.3192 0.629883 14.7926L1.32129 6.05237C1.347 5.72732 1.61827 5.4762 1.94434 5.4762Z' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3Cpath d='M4.39105 0.5H14.9936C15.7589 0.5 16.4016 1.07618 16.4848 1.83691L16.7866 4.60156H2.59808L2.89984 1.83691C2.97785 1.12381 3.54708 0.57302 4.24847 0.506836L4.39105 0.5Z' stroke='black' stroke-opacity='0.85'/%3E%3Cpath d='M1.02026 11.2227L18.3644 11.2227' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3Cline x1='5.91357' y1='5.53842' x2='5.91357' y2='17.9999' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3Cpath d='M12.4616 5.53842V17.9999' stroke='black' stroke-opacity='0.85' stroke-width='0.75'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: block;
    }

    .profile-contacts-item .icon-timedleft {
        margin-top: 1px;
        width: 19px;
        height: 21px;
        background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='10.5' r='9' stroke='black' stroke-opacity='0.85'/%3E%3Cpath d='M10.5 3C10.5 2.72386 10.2761 2.5 10 2.5C9.72386 2.5 9.5 2.72386 9.5 3H10.5ZM10 11H10.5V3H10H9.5V11H10Z' fill='black' fill-opacity='0.85'/%3E%3Cpath d='M15 11C15.2761 11 15.5 10.7761 15.5 10.5C15.5 10.2239 15.2761 10 15 10V11ZM10.5 10.5V11H15V10.5V10H10.5V10.5Z' fill='black' fill-opacity='0.85'/%3E%3Cpath d='M10 0.25C10.7919 0.25 11.51 0.430713 12.0273 0.639648C12.1167 0.675756 12.1991 0.713712 12.2744 0.75H7.72559C7.80091 0.713712 7.88328 0.675756 7.97266 0.639648C8.48996 0.430713 9.20806 0.25 10 0.25Z' stroke='black' stroke-opacity='0.85' stroke-width='0.5'/%3E%3Cpath d='M10 20.25C11.0775 20.25 12.053 20.4345 12.7559 20.6475C12.8671 20.6812 12.9706 20.7159 13.0664 20.75H6.93359C7.02936 20.7159 7.13293 20.6812 7.24414 20.6475C7.94697 20.4345 8.92245 20.25 10 20.25Z' stroke='black' stroke-opacity='0.85' stroke-width='0.5'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: block;
    }

    .profile-contacts-item .icon-activity {
        margin-top: 1px;
        width: 19px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4C0 1.79086 1.79086 0 4 0H15.0555C16.9366 0 18.4615 1.52494 18.4615 3.40604V16.7992C18.4615 17.5136 17.4821 17.7147 17.2007 17.058C17.1626 16.9691 17.1054 16.8898 17.0331 16.8256L15.9056 15.8242C15.1736 15.1739 14.2284 14.8148 13.2493 14.8148H4C1.79086 14.8148 0 13.024 0 10.8148V4Z' fill='%23F8F6F0'/%3E%3Cpath d='M4 0.5H15.0557C16.6605 0.500088 17.9619 1.80134 17.9619 3.40625V16.7988C17.9619 16.8566 17.9437 16.8854 17.9287 16.9023C17.9098 16.9238 17.8781 16.9445 17.8359 16.9531C17.7938 16.9617 17.7563 16.9556 17.7305 16.9434C17.7101 16.9336 17.6828 16.9141 17.6602 16.8613C17.5931 16.7049 17.4924 16.5652 17.3652 16.4521L16.2373 15.4502C15.4138 14.7188 14.3504 14.3145 13.249 14.3145H4C2.067 14.3145 0.5 12.7474 0.5 10.8145V4C0.5 2.067 2.067 0.5 4 0.5Z' stroke='black' stroke-opacity='0.85'/%3E%3Cline x1='5.27484' y1='5.65387' x2='13.1869' y2='5.65387' stroke='black' stroke-opacity='0.85'/%3E%3Cline x1='5.27484' y1='10.2692' x2='13.1869' y2='10.2692' stroke='black' stroke-opacity='0.85'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: block;
    }

    .profile-share--mobile {
        border: 1px solid rgba(0, 0, 0, .8);
        padding: 15px 30px;
        border-radius: 5px;
        margin: 0 6px 5px;
        display: flex;
        align-items: center;
        gap: 31px;
        font-size: 16px;

    }

    .profile-share-buttons {
        display: flex;
        align-items: center;
        gap: 13px;
    }

    .profile-logout--mobile {
        display: flex;
        align-items: center;
        gap: 18px;
        padding: 15px 32px;
        background-color: #94C0C3;
        margin: 0 6px 47px;
        border: 1px solid rgba(0, 0, 0, .8);
        border-radius: 5px;
    }

    .profile-body-main-tab--mobile.hide {
        display: none;
    }

    .profile-body-content-tab--mobile[data-tab="groups"] {
        padding: 0;
    }

    .popup-groups {
        position: relative;
        top: 0;
        left: 0;
        background-color: transparent;
        gap: 36px;
        padding-bottom: 70px;
    }

    .popup-group-user img {
        width: 70px;
        height: 70px;
    }

    .popup-group-user-name {
        font-size: 14px;
    }

    .popup-group-user:nth-child(2) img {
        object-position: left -91px;
    }

    .popup-group-user:nth-child(3) img {
        object-position: left -185px;
    }

    .popup-group-user:nth-child(4) img {
        object-position: left -277px;
    }

    .popup-group-user:nth-child(5) img {
        object-position: left -372px;
    }

    .popup-group-user:nth-child(6) img {
        object-position: left -463px;
    }

    .popup-group-user:nth-child(7) img {
        object-position: left -557px;
    }

    .popup-group-user:nth-child(8) img {
        object-position: left -652px;
    }

    .popup-group-user.active:after {
        left: 47px;
    }

    .profile-body-content-tab--mobile[data-tab="catalog"] {
        position: fixed;
        top: 24px;
        background: #F8F6F0;
        width: 230px;
        height: calc(100% - 70px);
        overflow-x: auto;
        z-index: 1000;
        border-radius: 0 10px 10px 0;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    }

    .profile-body-content-tab-heading {
        padding: 5px 19px;
        font-size: 18px;
        font-weight: 500;
        background: #D9D9D9;
    }

    .profile-body-content-tab--list {
        padding: 11px 15px;
        font-size: 14px;
    }

    .profile-body-content-tab--list strong {
        font-weight: 500;
        font-size: 16px;
        margin-bottom: 11px;
    }

    .profile-body-content-tab--mobile img.placeholder {
        width: 100%;
        height: 100%;
        object-fit: contain;
        margin-bottom: 48px;
    }
}