@font-face {
    font-family: 'Onest';
    src:
            local('Onest'),
            url('../fonts/OnestRegular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Onest';
    src:
            local('Onest Medium'),
            url('../fonts/OnestMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Onest';
    src:
            local('Onest Medium'),
            url('../fonts/OnestBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

.scope {
    --color-white: #f8f8f8;
    --color-black: #000000;
    --color-purple: #9e86fc;
    --color-red: #ca3838;

    --color-gray1: #adadad;
    --color-gray2: #828282;
    --color-gray3: #404042;
    --color-gray4: #636A70;
    --color-gray5: #212325;
    --color-gray6: #2c2c2c;
    --color-gray7: #ccd3d9;
    --color-gray8: #323538;

    --border-radius-avatar: 30px;
    --border-radius-midle: 20px;
    --border-radius: 23px;
    --border-radius-sm: 15px;
    --border-radius-xsm: 8px;
    --border-radius-xs: 5px;
    --border-radius-chat: 26px;

    --wrapper-padding-vertical: 30px;
    --wrapper-padding-horizontal: 20px;

    --converhide-btn-width: 243px;
    --converhide-btn-height: 54px;
    --converhide-square-btn-size: var(--converhide-btn-height);
    --converhide-square-btn-size-sm: 46px;
    --converhide-icon-size-chat: 32px;
    --converhide-icon-size: 22px;
    --converhide-avatar-size: 159px;
}

html, body {
    min-height: calc(var(--vh, 1vh) * 100);
}

.body {
    position: relative;
    display: flex;
    min-height: calc(var(--vh, 1vh) * 100);
    max-width: 100vw;
    background: var(--color-black);
    color: var(--color-white);
    font-family: 'Onest';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.2px;
    user-select: none;
    overflow-x: hidden;
}

.back {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}

a {
    color: var(--color-white);
}

[class^="button"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 3px 18px;
    width: var(--converhide-btn-width);
    height: var(--converhide-btn-height);
    outline: none;
    border-radius: var(--border-radius-sm);
    border: 1px solid transparent;
    text-align: center;
    font-family: 'Onest';
    font-size: 14px;
    font-weight: 400;
    margin: 16px auto;
    white-space: nowrap;
    background-color: transparent;
    transition: .2s;
}

[class^="button-square"] {
    width: var(--converhide-square-btn-size);
    height: var(--converhide-square-btn-size);
    padding: 0;
    margin: 0;
    flex-shrink: 0;
}

.button-square.--transparent,
.button.--transparent {
    border-color: var(--color-gray4);
    color: var(--color-white);
}

.button-square.--disabled,
.button.--disabled {
    background-color: var(--color-gray4);
    color: var(--color-gray1);
    pointer-events: none;
}

.button.--transparent:active {
    background: var(--color-gray6);
}

.button-square.--light,
.button.--light {
    background: var(--color-white);
    color: var(--color-black);
}

.button-square.--transparent:active,
.button-square.--light:active,
.button.--light:active {
    color: var(--color-black);
    background: var(--color-purple);
    border-color: transparent;
}

.button-square.--transparent:active .icon,
.button-square.--light:active .icon {
    background-color: var(--color-black);
}

.button-square.--purple,
.button.--purple {
    background-color: var(--color-purple);
    color: var(--color-black);
}

.button-square.--purple:active,
.button.--purple:active {
    background-color: var(--color-white);
    border-color: transparent;
}

.button.--grey {
    border-radius: var(--border-radius-sm);
    box-shadow: -1px 1px 0 0 rgba(217, 217, 217, 0.2);
    background: var(--color-gray6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--color-white);
    font-weight: 500;
    min-width: 287px;
}

.button-square.--grey {
    box-shadow: -1px 1px 0 0 rgba(217, 217, 217, 0.2);
    background: var(--color-gray6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--color-white);
}

.button-square.--grey:active {
    border-color: var(--color-gray4);
    color: var(--color-white);
    background: transparent;
}

.button-square.--small {
    width: var(--converhide-square-btn-size-sm);
    height: var(--converhide-square-btn-size-sm);
}

.wrapper {
    max-width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: var(--wrapper-padding-vertical) var(--wrapper-padding-horizontal);
    flex: 1;
    z-index: 5;
    transition: .5s;
}

.icon {
    display: inline-block;
    width: var(--converhide-icon-size);
    height: var(--converhide-icon-size);
    flex-shrink: 0;
    -webkit-mask-image: var(--icon-path);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: var(--color-gray3);
    transition: .2s;
}

.icon.--arrow-left {
    --icon-path: 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='M9.59439 11.5074C9.52906 11.441 9.4772 11.362 9.44181 11.275C9.40642 11.1879 9.3882 11.0946 9.3882 11.0003C9.3882 10.906 9.40642 10.8126 9.44181 10.7256C9.4772 10.6386 9.52906 10.5596 9.59439 10.4932L12.7938 7.22192C12.8591 7.15553 12.911 7.07653 12.9464 6.98949C12.9818 6.90246 13 6.8091 13 6.71481C13 6.62052 12.9818 6.52717 12.9464 6.44013C12.911 6.35309 12.8591 6.2741 12.7938 6.2077C12.6632 6.07467 12.4865 6 12.3024 6C12.1183 6 11.9416 6.07467 11.811 6.2077L8.61156 9.48608C8.21996 9.88784 8 10.4325 8 11.0003C8 11.5681 8.21996 12.1127 8.61156 12.5145L11.811 15.7929C11.9408 15.9248 12.1161 15.9992 12.2989 16C12.3907 16.0005 12.4816 15.9825 12.5665 15.947C12.6514 15.9114 12.7287 15.8591 12.7938 15.7929C12.8591 15.7265 12.911 15.6475 12.9464 15.5604C12.9818 15.4734 13 15.38 13 15.2857C13 15.1915 12.9818 15.0981 12.9464 15.0111C12.911 14.924 12.8591 14.845 12.7938 14.7786L9.59439 11.5074Z' fill='%23404042'/%3E%3C/svg%3E");
}

.icon.--planet {
    --icon-path: 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='M11 5C9.81331 5 8.65328 5.35189 7.66658 6.01118C6.67989 6.67047 5.91085 7.60754 5.45673 8.7039C5.0026 9.80026 4.88378 11.0067 5.11529 12.1705C5.3468 13.3344 5.91825 14.4035 6.75736 15.2426C7.59648 16.0818 8.66557 16.6532 9.82946 16.8847C10.9933 17.1162 12.1997 16.9974 13.2961 16.5433C14.3925 16.0891 15.3295 15.3201 15.9888 14.3334C16.6481 13.3467 17 12.1867 17 11C16.9983 9.40923 16.3656 7.8841 15.2407 6.75926C14.1159 5.63441 12.5908 5.00172 11 5V5ZM16 11C16.0006 11.9799 15.7115 12.938 15.169 13.754L14.573 13.1575C14.5263 13.1106 14.5 13.0472 14.5 12.981V12.5C14.5 12.1022 14.342 11.7206 14.0607 11.4393C13.7794 11.158 13.3978 11 13 11H11.5C11.3674 11 11.2402 10.9473 11.1464 10.8536C11.0527 10.7598 11 10.6326 11 10.5V10.25C11 10.1837 11.0263 10.1201 11.0732 10.0732C11.1201 10.0263 11.1837 10 11.25 10C11.5815 10 11.8995 9.8683 12.1339 9.63388C12.3683 9.39946 12.5 9.08152 12.5 8.75V8.25C12.5 8.1837 12.5263 8.12011 12.5732 8.07322C12.6201 8.02634 12.6837 8 12.75 8H13.4395C13.7707 7.99906 14.0882 7.86754 14.323 7.634L14.5115 7.4455C14.9831 7.90954 15.3576 8.46282 15.6131 9.07309C15.8687 9.68335 16.0002 10.3384 16 11ZM6.0245 11.4815L7.6035 13.0605C7.74245 13.2003 7.90779 13.3112 8.08993 13.3867C8.27206 13.4621 8.46736 13.5006 8.6645 13.5H10C10.1326 13.5 10.2598 13.5527 10.3536 13.6464C10.4473 13.7402 10.5 13.8674 10.5 14V15.9745C9.3501 15.8571 8.2762 15.3456 7.46047 14.5267C6.64473 13.7077 6.13739 12.6319 6.0245 11.4815V11.4815ZM11.5 15.9745V14C11.5 13.6022 11.342 13.2206 11.0607 12.9393C10.7794 12.658 10.3978 12.5 10 12.5H8.6645C8.59876 12.5001 8.53366 12.4871 8.47291 12.462C8.41217 12.4369 8.35698 12.4 8.3105 12.3535L6.0815 10.1245C6.22459 9.3111 6.56737 8.54595 7.07909 7.89769C7.59081 7.24943 8.25546 6.73835 9.0134 6.41031C9.77134 6.08226 10.5989 5.94751 11.4217 6.01814C12.2446 6.08877 13.0371 6.36258 13.728 6.815L13.616 6.927C13.5689 6.97341 13.5056 6.99961 13.4395 7H12.75C12.4185 7 12.1005 7.1317 11.8661 7.36612C11.6317 7.60054 11.5 7.91848 11.5 8.25V8.75C11.5 8.8163 11.4737 8.87989 11.4268 8.92678C11.3799 8.97366 11.3163 9 11.25 9C10.9185 9 10.6005 9.1317 10.3661 9.36612C10.1317 9.60054 10 9.91848 10 10.25V10.5C10 10.8978 10.158 11.2794 10.4393 11.5607C10.7206 11.842 11.1022 12 11.5 12H13C13.1326 12 13.2598 12.0527 13.3536 12.1464C13.4473 12.2402 13.5 12.3674 13.5 12.5V12.981C13.5009 13.3122 13.6325 13.6297 13.866 13.8645L14.5345 14.533C13.7202 15.3501 12.6478 15.8595 11.5 15.9745V15.9745Z' fill='white'/%3E%3C/svg%3E");
}

.icon.--pen {
    --icon-path: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.2936 0.706707C14.8403 0.254173 14.226 0 13.5855 0C12.945 0 12.3307 0.254173 11.8775 0.706707L0 12.584V16H3.41605L15.2936 4.1227C15.7459 3.66938 16 3.05512 16 2.4147C16 1.77428 15.7459 1.16002 15.2936 0.706707ZM2.86671 14.6667H1.33335V13.1333L10.2068 4.2667L11.7402 5.80003L2.86671 14.6667ZM14.3509 3.18003L12.6795 4.85136L11.1495 3.31803L12.8202 1.64937C13.0235 1.44604 13.2993 1.33181 13.5869 1.33181C13.8744 1.33181 14.1502 1.44604 14.3535 1.64937C14.5569 1.8527 14.6711 2.12848 14.6711 2.41604C14.6711 2.70359 14.5569 2.97937 14.3535 3.1827L14.3509 3.18003Z' fill='%23CCD3D9'/%3E%3C/svg%3E");
    background-color: var(--color-gray7);
    --converhide-icon-size: 16px;
}

.icon.--people {
    --icon-path: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.08874 9.13913C8.07386 9.13913 8.05153 9.13913 8.03665 9.13913C8.01432 9.13913 7.98456 9.13913 7.96223 9.13913C6.27293 9.08704 5.00781 7.76983 5.00781 6.14751C5.00781 4.49541 6.35479 3.14844 8.00688 3.14844C9.65898 3.14844 11.006 4.49541 11.006 6.14751C10.9985 7.77728 9.72595 9.08704 8.11107 9.13913C8.09618 9.13913 8.09618 9.13913 8.08874 9.13913ZM7.99944 4.25727C6.95758 4.25727 6.11665 5.10565 6.11665 6.14007C6.11665 7.1596 6.91293 7.98565 7.92502 8.02286C7.94735 8.01541 8.02177 8.01541 8.09618 8.02286C9.09339 7.97076 9.87479 7.15216 9.88223 6.14007C9.88223 5.10565 9.0413 4.25727 7.99944 4.25727Z' fill='%23636A70'/%3E%3Cpath d='M8.00001 15.9993C5.99815 15.9993 4.0856 15.2551 2.60467 13.9007C2.47071 13.7816 2.41118 13.603 2.42606 13.4319C2.5228 12.5463 3.0735 11.7202 3.98885 11.11C6.20653 9.63651 9.80094 9.63651 12.0112 11.11C12.9265 11.7277 13.4772 12.5463 13.574 13.4319C13.5963 13.6105 13.5293 13.7816 13.3954 13.9007C11.9144 15.2551 10.0019 15.9993 8.00001 15.9993ZM3.59443 13.283C4.82978 14.3174 6.38513 14.883 8.00001 14.883C9.6149 14.883 11.1702 14.3174 12.4056 13.283C12.2716 12.8291 11.9144 12.39 11.3861 12.0328C9.55536 10.8123 6.45211 10.8123 4.60653 12.0328C4.07815 12.39 3.72839 12.8291 3.59443 13.283Z' fill='%23636A70'/%3E%3Cpath d='M8 16C3.58698 16 0 12.413 0 8C0 3.58698 3.58698 0 8 0C12.413 0 16 3.58698 16 8C16 12.413 12.413 16 8 16ZM8 1.11628C4.20465 1.11628 1.11628 4.20465 1.11628 8C1.11628 11.7953 4.20465 14.8837 8 14.8837C11.7953 14.8837 14.8837 11.7953 14.8837 8C14.8837 4.20465 11.7953 1.11628 8 1.11628Z' fill='%23636A70'/%3E%3C/svg%3E%0A");
    background-color: var(--color-gray7);
    --converhide-icon-size: 16px;
}

.icon.--question-right {
    --icon-path: 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='M11.0015 8.00098C10.1715 8.00098 9.50146 8.67098 9.50146 9.50098C9.50146 9.77598 9.27646 10.001 9.00146 10.001C8.72646 10.001 8.50146 9.77598 8.50146 9.50098C8.50146 8.12098 9.62146 7.00098 11.0015 7.00098C12.3815 7.00098 13.5015 8.12098 13.5015 9.50098C13.5015 10.251 13.0165 10.826 12.5865 11.241C12.3965 11.421 12.1915 11.596 12.0065 11.751C11.9715 11.781 11.9365 11.811 11.9065 11.836C11.7515 11.971 11.6115 12.091 11.5015 12.201C11.4815 12.461 11.2665 12.666 11.0015 12.666C10.7265 12.666 10.5015 12.446 10.5015 12.166V12.001C10.5015 11.881 10.5465 11.761 10.6265 11.671C10.8115 11.461 11.0415 11.261 11.2565 11.076C11.2915 11.046 11.3264 11.016 11.3614 10.986H11.3665C11.5515 10.826 11.7265 10.676 11.8915 10.516C12.3015 10.126 12.5015 9.80598 12.5015 9.50098C12.5015 8.67098 11.8315 8.00098 11.0015 8.00098Z' fill='%239E86FC'/%3E%3Cpath d='M11.501 13.9985C11.501 14.2735 11.276 14.4985 11.001 14.4985C10.726 14.4985 10.501 14.2735 10.501 13.9985C10.501 13.7235 10.726 13.4985 11.001 13.4985C11.276 13.4985 11.501 13.7235 11.501 13.9985Z' fill='%239E86FC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4C14.865 4 18 7.11503 18 10.965C18 14.81 14.895 18 11.02 18C9.08002 18 7.15503 17.98 5.21503 17.96L4.51501 17.955C4.35501 17.955 4.19999 17.875 4.10999 17.74C4.01499 17.605 3.99499 17.435 4.04999 17.285L5.03003 14.605C4.37503 13.545 4 12.3 4 10.965C4 7.11503 7.135 4 11 4ZM17 10.965C17 7.67503 14.315 5 11 5C7.685 5 5 7.67503 5 10.965C5 12.185 5.37 13.32 6 14.265C6.09 14.4 6.10999 14.565 6.05499 14.715L5.23499 16.96C7.16999 16.98 9.08502 17 11.02 17C14.33 17 17 14.27 17 10.965Z' fill='%239E86FC'/%3E%3C/svg%3E%0A");
    background-color: var(--color-white);
}

.icon.--purple {
    background-color: var(--color-purple);
}

.icon.--question-left {
    --icon-path:  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='M11.0015 8.00098C10.1715 8.00098 9.50146 8.67098 9.50146 9.50098C9.50146 9.77598 9.27646 10.001 9.00146 10.001C8.72646 10.001 8.50146 9.77598 8.50146 9.50098C8.50146 8.12098 9.62146 7.00098 11.0015 7.00098C12.3815 7.00098 13.5015 8.12098 13.5015 9.50098C13.5015 10.251 13.0165 10.826 12.5865 11.241C12.3965 11.421 12.1915 11.596 12.0065 11.751C11.9715 11.781 11.9365 11.811 11.9065 11.836C11.7515 11.971 11.6115 12.091 11.5015 12.201C11.4815 12.461 11.2665 12.666 11.0015 12.666C10.7265 12.666 10.5015 12.446 10.5015 12.166V12.001C10.5015 11.881 10.5465 11.761 10.6265 11.671C10.8115 11.461 11.0415 11.261 11.2565 11.076C11.2915 11.046 11.3264 11.016 11.3614 10.986H11.3665C11.5515 10.826 11.7265 10.676 11.8915 10.516C12.3015 10.126 12.5015 9.80598 12.5015 9.50098C12.5015 8.67098 11.8315 8.00098 11.0015 8.00098Z' fill='%239E86FC'/%3E%3Cpath d='M11.501 13.9985C11.501 14.2735 11.276 14.4985 11.001 14.4985C10.726 14.4985 10.501 14.2735 10.501 13.9985C10.501 13.7235 10.726 13.4985 11.001 13.4985C11.276 13.4985 11.501 13.7235 11.501 13.9985Z' fill='%239E86FC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4C7.135 4 4 7.11503 4 10.965C4 14.81 7.10498 18 10.98 18C12.92 18 14.845 17.98 16.785 17.96L17.485 17.955C17.645 17.955 17.8 17.875 17.89 17.74C17.985 17.605 18.005 17.435 17.95 17.285L16.97 14.605C17.625 13.545 18 12.3 18 10.965C18 7.11503 14.865 4 11 4ZM5 10.965C5 7.67503 7.685 5 11 5C14.315 5 17 7.67503 17 10.965C17 12.185 16.63 13.32 16 14.265C15.91 14.4 15.89 14.565 15.945 14.715L16.765 16.96C14.83 16.98 12.915 17 10.98 17C7.66998 17 5 14.27 5 10.965Z' fill='%239E86FC'/%3E%3C/svg%3E%0A");
    background-color: var(--color-purple);
}

.icon.--call {
    --icon-path: 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='M15.0875 19.0625C14.24 19.0625 13.3475 18.86 12.425 18.47C11.525 18.0875 10.6175 17.5625 9.7325 16.925C8.855 16.28 8.0075 15.56 7.205 14.7725C6.41 13.97 5.69 13.1225 5.0525 12.2525C4.4075 11.3525 3.89 10.4525 3.5225 9.5825C3.1325 8.6525 2.9375 7.7525 2.9375 6.905C2.9375 6.32 3.0425 5.765 3.245 5.2475C3.455 4.715 3.7925 4.22 4.25 3.7925C4.8275 3.2225 5.4875 2.9375 6.1925 2.9375C6.485 2.9375 6.785 3.005 7.04 3.125C7.3325 3.26 7.58 3.4625 7.76 3.7325L9.5 6.185C9.6575 6.4025 9.7775 6.6125 9.86 6.8225C9.9575 7.0475 10.01 7.2725 10.01 7.49C10.01 7.775 9.9275 8.0525 9.77 8.315C9.6575 8.5175 9.485 8.735 9.2675 8.9525L8.7575 9.485C8.765 9.5075 8.7725 9.5225 8.78 9.5375C8.87 9.695 9.05 9.965 9.395 10.37C9.7625 10.79 10.1075 11.1725 10.4525 11.525C10.895 11.96 11.2625 12.305 11.6075 12.59C12.035 12.95 12.3125 13.13 12.4775 13.2125L12.4625 13.25L13.01 12.71C13.2425 12.4775 13.4675 12.305 13.685 12.1925C14.0975 11.9375 14.6225 11.8925 15.1475 12.11C15.3425 12.1925 15.5525 12.305 15.7775 12.4625L18.2675 14.2325C18.545 14.42 18.7475 14.66 18.8675 14.945C18.98 15.23 19.0325 15.4925 19.0325 15.755C19.0325 16.115 18.95 16.475 18.7925 16.8125C18.635 17.15 18.44 17.4425 18.1925 17.7125C17.765 18.185 17.3 18.5225 16.76 18.74C16.2425 18.95 15.68 19.0625 15.0875 19.0625ZM6.1925 4.0625C5.78 4.0625 5.3975 4.2425 5.03 4.6025C4.685 4.925 4.445 5.2775 4.295 5.66C4.1375 6.05 4.0625 6.4625 4.0625 6.905C4.0625 7.6025 4.2275 8.36 4.5575 9.14C4.895 9.935 5.3675 10.76 5.9675 11.585C6.5675 12.41 7.25 13.2125 8 13.97C8.75 14.7125 9.56 15.4025 10.3925 16.01C11.2025 16.6025 12.035 17.0825 12.86 17.4275C14.1425 17.975 15.3425 18.1025 16.3325 17.69C16.715 17.5325 17.0525 17.2925 17.36 16.9475C17.5325 16.76 17.6675 16.5575 17.78 16.3175C17.87 16.13 17.915 15.935 17.915 15.74C17.915 15.62 17.8925 15.5 17.8325 15.365C17.81 15.32 17.765 15.2375 17.6225 15.14L15.1325 13.37C14.9825 13.265 14.8475 13.19 14.72 13.1375C14.555 13.07 14.4875 13.0025 14.2325 13.16C14.0825 13.235 13.9475 13.3475 13.7975 13.4975L13.2275 14.06C12.935 14.345 12.485 14.4125 12.14 14.285L11.9375 14.195C11.63 14.03 11.27 13.775 10.8725 13.4375C10.5125 13.13 10.1225 12.77 9.65 12.305C9.2825 11.93 8.915 11.5325 8.5325 11.09C8.18 10.6775 7.925 10.325 7.7675 10.0325L7.6775 9.8075C7.6325 9.635 7.6175 9.5375 7.6175 9.4325C7.6175 9.1625 7.715 8.9225 7.9025 8.735L8.465 8.15C8.615 8 8.7275 7.8575 8.8025 7.73C8.8625 7.6325 8.885 7.55 8.885 7.475C8.885 7.415 8.8625 7.325 8.825 7.235C8.7725 7.115 8.69 6.98 8.585 6.8375L6.845 4.3775C6.77 4.2725 6.68 4.1975 6.5675 4.145C6.4475 4.0925 6.32 4.0625 6.1925 4.0625ZM12.4625 13.2575L12.3425 13.7675L12.545 13.2425C12.5075 13.235 12.4775 13.2425 12.4625 13.2575Z' fill='%23F8F8F8'/%3E%3C/svg%3E%0A");
    background-color: var(--color-white);
}

.icon.--setting {
    --icon-path: 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='M11 13.8125C9.4475 13.8125 8.1875 12.5525 8.1875 11C8.1875 9.4475 9.4475 8.1875 11 8.1875C12.5525 8.1875 13.8125 9.4475 13.8125 11C13.8125 12.5525 12.5525 13.8125 11 13.8125ZM11 9.3125C10.07 9.3125 9.3125 10.07 9.3125 11C9.3125 11.93 10.07 12.6875 11 12.6875C11.93 12.6875 12.6875 11.93 12.6875 11C12.6875 10.07 11.93 9.3125 11 9.3125Z' fill='%23F8F8F8'/%3E%3Cpath d='M13.4082 18.6423C13.2507 18.6423 13.0932 18.6198 12.9357 18.5823C12.4707 18.4548 12.0807 18.1623 11.8332 17.7498L11.7432 17.5998C11.3007 16.8348 10.6932 16.8348 10.2507 17.5998L10.1682 17.7423C9.92073 18.1623 9.53073 18.4623 9.06573 18.5823C8.59323 18.7098 8.10573 18.6423 7.69323 18.3948L6.40323 17.6523C5.94573 17.3898 5.61573 16.9623 5.47323 16.4448C5.33823 15.9273 5.40573 15.3948 5.66823 14.9373C5.88573 14.5548 5.94573 14.2098 5.81823 13.9923C5.69073 13.7748 5.36823 13.6473 4.92573 13.6473C3.83073 13.6473 2.93823 12.7548 2.93823 11.6598V10.3398C2.93823 9.24485 3.83073 8.35235 4.92573 8.35235C5.36823 8.35235 5.69073 8.22485 5.81823 8.00735C5.94573 7.78985 5.89323 7.44485 5.66823 7.06235C5.40573 6.60485 5.33823 6.06485 5.47323 5.55485C5.60823 5.03735 5.93823 4.60985 6.40323 4.34735L7.70073 3.60485C8.54823 3.10235 9.66573 3.39485 10.1757 4.25735L10.2657 4.40735C10.7082 5.17235 11.3157 5.17235 11.7582 4.40735L11.8407 4.26485C12.3507 3.39485 13.4682 3.10235 14.3232 3.61235L15.6132 4.35485C16.0707 4.61735 16.4007 5.04485 16.5432 5.56235C16.6782 6.07985 16.6107 6.61235 16.3482 7.06985C16.1307 7.45235 16.0707 7.79735 16.1982 8.01485C16.3257 8.23235 16.6482 8.35985 17.0907 8.35985C18.1857 8.35985 19.0782 9.25235 19.0782 10.3473V11.6673C19.0782 12.7623 18.1857 13.6548 17.0907 13.6548C16.6482 13.6548 16.3257 13.7823 16.1982 13.9998C16.0707 14.2173 16.1232 14.5623 16.3482 14.9448C16.6107 15.4023 16.6857 15.9423 16.5432 16.4523C16.4082 16.9698 16.0782 17.3973 15.6132 17.6598L14.3157 18.4023C14.0307 18.5598 13.7232 18.6423 13.4082 18.6423ZM11.0007 15.8673C11.6682 15.8673 12.2907 16.2873 12.7182 17.0298L12.8007 17.1723C12.8907 17.3298 13.0407 17.4423 13.2207 17.4873C13.4007 17.5323 13.5807 17.5098 13.7307 17.4198L15.0282 16.6698C15.2232 16.5573 15.3732 16.3698 15.4332 16.1448C15.4932 15.9198 15.4632 15.6873 15.3507 15.4923C14.9232 14.7573 14.8707 13.9998 15.2007 13.4223C15.5307 12.8448 16.2132 12.5148 17.0682 12.5148C17.5482 12.5148 17.9307 12.1323 17.9307 11.6523V10.3323C17.9307 9.85985 17.5482 9.46985 17.0682 9.46985C16.2132 9.46985 15.5307 9.13985 15.2007 8.56235C14.8707 7.98485 14.9232 7.22735 15.3507 6.49235C15.4632 6.29735 15.4932 6.06485 15.4332 5.83985C15.3732 5.61485 15.2307 5.43485 15.0357 5.31485L13.7382 4.57235C13.4157 4.37735 12.9882 4.48985 12.7932 4.81985L12.7107 4.96235C12.2832 5.70485 11.6607 6.12485 10.9932 6.12485C10.3257 6.12485 9.70323 5.70485 9.27573 4.96235L9.19323 4.81235C9.00573 4.49735 8.58573 4.38485 8.26323 4.57235L6.96573 5.32235C6.77073 5.43485 6.62073 5.62235 6.56073 5.84735C6.50073 6.07235 6.53073 6.30485 6.64323 6.49985C7.07073 7.23485 7.12323 7.99235 6.79323 8.56985C6.46323 9.14735 5.78073 9.47735 4.92573 9.47735C4.44573 9.47735 4.06323 9.85985 4.06323 10.3398V11.6598C4.06323 12.1323 4.44573 12.5223 4.92573 12.5223C5.78073 12.5223 6.46323 12.8523 6.79323 13.4298C7.12323 14.0073 7.07073 14.7648 6.64323 15.4998C6.53073 15.6948 6.50073 15.9273 6.56073 16.1523C6.62073 16.3773 6.76323 16.5573 6.95823 16.6773L8.25573 17.4198C8.41323 17.5173 8.60073 17.5398 8.77323 17.4948C8.95323 17.4498 9.10323 17.3298 9.20073 17.1723L9.28323 17.0298C9.71073 16.2948 10.3332 15.8673 11.0007 15.8673Z' fill='%23F8F8F8'/%3E%3C/svg%3E%0A");
    background-color: var(--color-white);
}

.icon.--file {
    --icon-path: 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%3Cg clip-path='url(%23clip0_1-2)'%3E%3Cpath d='M11.4648 18C10.5681 18 9.67146 17.6649 8.98869 16.9867C7.62314 15.6301 7.62314 13.4318 8.98869 12.0752L11.0288 10.0567C11.2674 9.81967 11.6622 9.81967 11.9008 10.0567C12.1393 10.2937 12.1393 10.6859 11.9008 10.9229L9.86067 12.9414C8.98046 13.8159 8.98046 15.246 9.86067 16.1204C10.7409 16.9948 12.1805 16.9948 13.0607 16.1204L16.2607 12.9414C17.2314 11.9771 17.7661 10.6941 17.7661 9.32934C17.7661 7.96459 17.2314 6.68156 16.2607 5.71724C14.2535 3.72324 10.9959 3.72324 8.98869 5.71724L5.50077 9.18224C4.68638 9.99128 4.23393 11.07 4.23393 12.2141C4.23393 13.3582 4.68638 14.4369 5.50077 15.246C5.73933 15.483 5.73933 15.8752 5.50077 16.1122C5.26221 16.3492 4.86735 16.3492 4.62879 16.1122C3.58406 15.0662 3 13.6851 3 12.2141C3 10.7431 3.57583 9.35385 4.62879 8.31599L8.11671 4.85099C10.601 2.383 14.6483 2.383 17.1326 4.85099C18.3337 6.04413 19 7.6377 19 9.32934C19 11.021 18.3337 12.6146 17.1326 13.8077L13.9326 16.9867C13.2499 17.6649 12.3614 18 11.4648 18Z' fill='%23636A70'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2'%3E%3Crect width='16' height='15' fill='white' transform='translate(3 3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-color: var(--color-gray4);
}

.icon.--microphone {
    --icon-path: 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 fill-rule='evenodd' clip-rule='evenodd' d='M7.28333 6.99981C7.28333 4.79077 9.07181 3 11.2831 3C13.4945 3 15.2829 4.79077 15.2829 6.99981V10.4282C15.2829 12.6373 13.4945 14.428 11.2831 14.428C9.07181 14.428 7.28333 12.6373 7.28333 10.4282V6.99981ZM11.2831 4.1428C9.70607 4.1428 8.42613 5.42217 8.42613 6.99981V10.4282C8.42613 12.0059 9.70607 13.2852 11.2831 13.2852C12.8602 13.2852 14.1401 12.0059 14.1401 10.4282V6.99981C14.1401 5.42217 12.8602 4.1428 11.2831 4.1428Z' fill='%23636A70'/%3E%3Cpath d='M5.5714 8.71457C5.88567 8.71457 6.1428 8.97056 6.1428 9.28597V10.4288C6.1428 13.2692 8.44555 15.5714 11.2854 15.5714C14.1253 15.5714 16.428 13.2692 16.428 10.4288V9.28597C16.428 8.97056 16.6852 8.71457 16.9994 8.71457C17.3137 8.71457 17.5708 8.97056 17.5708 9.28597V10.4288C17.5708 13.7075 15.0624 16.3999 11.8568 16.6885C11.8568 16.6971 11.8568 16.7056 11.8568 16.7142V17.857H13.571C13.8853 17.857 14.1424 18.113 14.1424 18.4284C14.1424 18.7438 13.8853 18.9998 13.571 18.9998H8.99981C8.68554 18.9998 8.42841 18.7438 8.42841 18.4284C8.42841 18.113 8.68554 17.857 8.99981 17.857H10.714V16.7142C10.714 16.7056 10.714 16.6971 10.714 16.6885C7.50845 16.3999 5 13.7075 5 10.4288V9.28597C5 8.97056 5.25713 8.71457 5.5714 8.71457Z' fill='%23636A70'/%3E%3C/svg%3E%0A");
    background-color: var(--color-gray4);
}

.icon.--send-message {
    --icon-path: 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='M12.8291 19.0004C11.8495 19.0004 10.4632 18.3114 9.36734 15.0157L8.76963 13.2225L6.97648 12.6248C3.68903 11.529 3 10.1426 3 9.16301C3 8.19172 3.68903 6.79705 6.97648 5.69294L14.0246 3.34358C15.7845 2.75416 17.2539 2.9285 18.1588 3.82507C19.0636 4.72165 19.238 6.19934 18.6486 7.95928L16.2992 15.0074C15.1951 18.3114 13.8087 19.0004 12.8291 19.0004ZM7.36665 6.88007C5.0588 7.65212 4.23694 8.5653 4.23694 9.16301C4.23694 9.76073 5.0588 10.6739 7.36665 11.4377L9.45866 12.135C9.6413 12.1931 9.79073 12.3425 9.84884 12.5252L10.5462 14.6172C11.3099 16.925 12.2314 17.7469 12.8291 17.7469C13.4268 17.7469 14.34 16.925 15.1121 14.6172L17.4614 7.5691C17.8848 6.29065 17.8101 5.24465 17.2705 4.70504C16.7309 4.16544 15.6849 4.09903 14.4147 4.52241L7.36665 6.88007Z' fill='%23636A70'/%3E%3Cpath d='M9.41959 12.9996C9.26186 12.9996 9.10413 12.9415 8.9796 12.817C8.73886 12.5762 8.73886 12.1777 8.9796 11.937L11.9516 8.95671C12.1923 8.71597 12.5908 8.71597 12.8316 8.95671C13.0723 9.19746 13.0723 9.59594 12.8316 9.83669L9.85957 12.817C9.74335 12.9415 9.57732 12.9996 9.41959 12.9996Z' fill='%23636A70'/%3E%3C/svg%3E%0A");
    background-color: var(--color-gray4);
}

.icon.--cross {
    --icon-path: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.73131 10C3.54542 10 3.35954 9.93154 3.21279 9.78484C2.92907 9.50122 2.92907 9.03179 3.21279 8.74817L8.75018 3.21271C9.03389 2.9291 9.50349 2.9291 9.78721 3.21271C10.0709 3.49633 10.0709 3.96577 9.78721 4.24939L4.24982 9.78484C4.11286 9.93154 3.91719 10 3.73131 10Z' fill='black'/%3E%3Cpath d='M9.26869 10C9.08281 10 8.89693 9.93154 8.75018 9.78484L3.21279 4.24939C2.92907 3.96577 2.92907 3.49633 3.21279 3.21271C3.49651 2.9291 3.96611 2.9291 4.24982 3.21271L9.78721 8.74817C10.0709 9.03179 10.0709 9.50122 9.78721 9.78484C9.64046 9.93154 9.45458 10 9.26869 10Z' fill='black'/%3E%3C/svg%3E%0A");
    --converhide-icon-size: 13px;
    background-color: var(--color-gray7);
}

.icon.--cross-loader {
    --icon-path: url("data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 5 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.92933 4.43874C3.801 4.43874 3.67267 4.39146 3.57136 4.29015L0.234794 0.946831C0.0389228 0.75096 0.0389228 0.426759 0.234794 0.230888C0.430665 0.0350166 0.754866 0.0350166 0.950737 0.230888L4.2873 3.57421C4.48317 3.77008 4.48317 4.09428 4.2873 4.29015C4.18599 4.39146 4.05766 4.43874 3.92933 4.43874Z' fill='%239E86FC'/%3E%3Cpath d='M0.592766 4.43785C0.464437 4.43785 0.336107 4.39057 0.234794 4.28925C0.0389228 4.09338 0.0389228 3.76918 0.234794 3.57331L3.57136 0.236747C3.76723 0.040876 4.09143 0.040876 4.2873 0.236747C4.48317 0.432618 4.48317 0.756819 4.2873 0.95269L0.950737 4.28925C0.849424 4.39057 0.721095 4.43785 0.592766 4.43785Z' fill='%239E86FC'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: 5px;
}

.icon.--file-downloaded {
    --icon-path: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.287 18.5215H9.23449C5.56697 18.5215 4 16.9545 4 13.287V9.23449C4 5.56697 5.56697 4 9.23449 4H12.6116C12.8885 4 13.1181 4.22964 13.1181 4.50656C13.1181 4.78348 12.8885 5.01313 12.6116 5.01313H9.23449C6.12081 5.01313 5.01313 6.12081 5.01313 9.23449V13.287C5.01313 16.4007 6.12081 17.5084 9.23449 17.5084H13.287C16.4007 17.5084 17.5084 16.4007 17.5084 13.287V9.90991C17.5084 9.63299 17.738 9.40334 18.0149 9.40334C18.2918 9.40334 18.5215 9.63299 18.5215 9.90991V13.287C18.5215 16.9545 16.9545 18.5215 13.287 18.5215Z' fill='%239E86FC'/%3E%3Cpath d='M18.0149 10.4169H15.3132C13.0033 10.4169 12.105 9.51863 12.105 7.2087V4.50703C12.105 4.30441 12.2266 4.11529 12.4157 4.04099C12.6048 3.95994 12.821 4.00722 12.9695 4.14906L18.3729 9.5524C18.5147 9.69424 18.562 9.91713 18.481 10.1062C18.3999 10.2954 18.2175 10.4169 18.0149 10.4169ZM13.1181 5.72954V7.2087C13.1181 8.95128 13.5707 9.40381 15.3132 9.40381H16.7924L13.1181 5.72954Z' fill='%239E86FC'/%3E%3Cpath d='M8.89773 14.9739C8.7694 14.9739 8.64107 14.9266 8.53976 14.8253L7.52663 13.8121C7.33076 13.6163 7.33076 13.2921 7.52663 13.0962C7.7225 12.9003 8.04671 12.9003 8.24258 13.0962L8.89773 13.7513L11.2414 11.4076C11.4373 11.2118 11.7615 11.2118 11.9574 11.4076C12.1532 11.6035 12.1532 11.9277 11.9574 12.1236L9.2557 14.8253C9.16115 14.9266 9.02606 14.9739 8.89773 14.9739Z' fill='%239E86FC'/%3E%3C/svg%3E%0A");
    /*--converhide-icon-size: 13px;*/
    background-color: var(--color-purple);
}


.message-block-file .icon.--cross-loader,
.message-block-file .icon.--file-downloaded {
    background-color: var(--color-purple);
}

.message-block-file .icon.--cross-loader,
.message-block-file .icon.--file-downloaded {
    background-color: var(--color-purple);
}

.message-block-text .icon.--cross-loader,
.message-block-text .icon.--file-downloaded {
    background-color: var(--color-white);
}

.icon.--plus {
    --icon-path: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.75 7.5H2.75C2.34 7.5 2 7.16 2 6.75C2 6.34 2.34 6 2.75 6H10.75C11.16 6 11.5 6.34 11.5 6.75C11.5 7.16 11.16 7.5 10.75 7.5Z' fill='%239E86FC'/%3E%3Cpath d='M6.75 11.5C6.34 11.5 6 11.16 6 10.75V2.75C6 2.34 6.34 2 6.75 2C7.16 2 7.5 2.34 7.5 2.75V10.75C7.5 11.16 7.16 11.5 6.75 11.5Z' fill='%239E86FC'/%3E%3C/svg%3E%0A");
    --converhide-icon-size: 13px;
    background-color: var(--color-purple);
}

.icon.--viewed {
    --icon-path: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.83766 3.19436C7.08546 2.88815 7.04487 2.4288 6.74807 2.16633C6.45126 1.91115 6.00955 1.9549 5.76245 2.26111L2.71745 6.06691L1.15714 4.66713C0.863838 4.40466 0.422129 4.44109 0.169428 4.74002C-0.0825736 5.04623 -0.0496872 5.50558 0.242914 5.76805L2.34292 7.65636C2.48572 7.7803 2.67052 7.84591 2.85742 7.83133C3.04502 7.80946 3.21794 7.72198 3.33764 7.56887L6.83766 3.19436Z' fill='%23CCD3D9'/%3E%3Cpath d='M9.71734 3.19436C9.96515 2.88815 9.92455 2.4288 9.62775 2.16633C9.33095 1.91115 8.88923 1.9549 8.64213 2.26111L5.59713 6.06691C5.84983 5.76799 5.7059 5.93096 5.59713 6.06691C4.87891 6.5 4.88059 7.5 5.22295 7.65635C5.36575 7.7803 5.5502 7.84591 5.7371 7.83133C5.9247 7.80946 6.09762 7.72198 6.21733 7.56887L9.71734 3.19436Z' fill='%23CCD3D9'/%3E%3C/svg%3E%0A");
    --converhide-icon-size: 10px;
    background-color: var(--color-gray7);
}

.icon.--sent {
    --icon-path: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.83766 3.19436C8.08546 2.88815 8.04487 2.4288 7.74807 2.16633C7.45126 1.91115 7.00955 1.9549 6.76245 2.26111L3.71745 6.06691L2.15714 4.66713C1.86384 4.40466 1.42213 4.44109 1.16943 4.74002C0.917426 5.04623 0.950313 5.50558 1.24291 5.76805L3.34292 7.65636C3.48572 7.7803 3.67052 7.84591 3.85742 7.83133C4.04502 7.80946 4.21794 7.72198 4.33764 7.56887L7.83766 3.19436Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
    --converhide-icon-size: 10px;
    background-color: var(--color-gray7);
}

.icon.--loading {
    --icon-path: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53173 5.55362C4.3959 5.44871 4.31638 5.28855 4.31638 5.11738V3.20687C4.31638 2.90317 4.56375 2.65469 4.86855 2.65469C5.17335 2.65469 5.42073 2.90317 5.42073 3.20687V4.84682L6.30972 5.53151C6.55103 5.71373 6.59631 6.06161 6.41078 6.30457C6.2247 6.54753 5.87794 6.59173 5.63609 6.40399L4.53173 5.55362Z' fill='%23CCD3D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.86523 1C2.73052 1 1 2.72831 1 4.86523C1 7.00216 2.73052 8.73047 4.86523 8.73047C6.99995 8.73047 8.73047 7.00216 8.73047 4.86523C8.73047 2.72831 6.99995 1 4.86523 1ZM2.10435 4.86523C2.10435 3.34123 3.34068 2.10435 4.86523 2.10435C6.38979 2.10435 7.62612 3.34123 7.62612 4.86523C7.62612 6.38924 6.38979 7.62612 4.86523 7.62612C3.34068 7.62612 2.10435 6.38924 2.10435 4.86523Z' fill='%23CCD3D9'/%3E%3C/svg%3E%0A");
    --converhide-icon-size: 10px;
    background-color: var(--color-gray7);
}

.icon.--error {
    --icon-path: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.83578 9C1.62334 9 1.4109 8.92176 1.24319 8.7541C0.918938 8.42997 0.918938 7.89347 1.24319 7.56933L7.57163 1.2431C7.89588 0.918966 8.43256 0.918966 8.75681 1.2431C9.08106 1.56724 9.08106 2.10374 8.75681 2.42787L2.42837 8.7541C2.27184 8.92176 2.04822 9 1.83578 9Z' fill='%23AC3636'/%3E%3Cpath d='M8.16422 9C7.95178 9 7.73934 8.92176 7.57163 8.7541L1.24319 2.42787C0.918938 2.10374 0.918938 1.56724 1.24319 1.2431C1.56744 0.918966 2.10412 0.918966 2.42837 1.2431L5.59259 4.40622L8.75681 7.56933C9.08106 7.89347 9.08106 8.42997 8.75681 8.7541C8.5891 8.92176 8.37666 9 8.16422 9Z' fill='%23AC3636'/%3E%3C/svg%3E%0A");
    --converhide-icon-size: 10px;
    background-color: #ac3636;
}

.icon.--no-microphone {
    --icon-path: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.24863 9.24915C9.24863 7.32333 10.8078 5.76215 12.7356 5.76215C14.6634 5.76215 16.2226 7.32333 16.2226 9.24915V12.238C16.2226 14.1638 14.6634 15.725 12.7356 15.725C10.8078 15.725 9.24863 14.1638 9.24863 12.238V9.24915ZM12.7356 6.75843C11.3608 6.75843 10.2449 7.87378 10.2449 9.24915V12.238C10.2449 13.6134 11.3608 14.7287 12.7356 14.7287C14.1105 14.7287 15.2264 13.6134 15.2264 12.238V9.24915C15.2264 7.87378 14.1105 6.75843 12.7356 6.75843Z' fill='%23F8F8F8'/%3E%3Cpath d='M7.75617 10.7441C8.03015 10.7441 8.25431 10.9673 8.25431 11.2423V12.2386C8.25431 14.7148 10.2618 16.7219 12.7376 16.7219C15.2134 16.7219 17.2209 14.7148 17.2209 12.2386V11.2423C17.2209 10.9673 17.4451 10.7441 17.719 10.7441C17.993 10.7441 18.2172 10.9673 18.2172 11.2423V12.2386C18.2172 15.0969 16.0303 17.4442 13.2357 17.6957C13.2357 17.7032 13.2357 17.7107 13.2357 17.7182V18.7144H14.7302C15.0042 18.7144 15.2283 18.9376 15.2283 19.2126C15.2283 19.4876 15.0042 19.7107 14.7302 19.7107H10.745C10.4711 19.7107 10.2469 19.4876 10.2469 19.2126C10.2469 18.9376 10.4711 18.7144 10.745 18.7144H12.2395V17.7182C12.2395 17.7107 12.2395 17.7032 12.2395 17.6957C9.44488 17.4442 7.25803 15.0969 7.25803 12.2386V11.2423C7.25803 10.9673 7.48219 10.7441 7.75617 10.7441Z' fill='%23F8F8F8'/%3E%3Cpath d='M5.53813 20.4763C5.40135 20.4763 5.26457 20.4259 5.15658 20.3179C4.94781 20.1091 4.94781 19.7636 5.15658 19.5548L19.5548 5.15658C19.7636 4.94781 20.1091 4.94781 20.3179 5.15658C20.5267 5.36535 20.5267 5.71091 20.3179 5.91969L5.91969 20.3179C5.8117 20.4259 5.67492 20.4763 5.53813 20.4763Z' fill='%23F8F8F8'/%3E%3C/svg%3E%0A");
    --converhide-icon-size: 25px;
    background-color: var(--color-white);
}

.icon.--chat {
    --icon-path: 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 fill-rule='evenodd' clip-rule='evenodd' d='M17.8571 13.8346V5.8512C17.8571 4.9046 17.0914 4.14048 16.1429 4.14048H5.85714C4.90857 4.14048 4.14286 4.9046 4.14286 5.8512V17.8605L7.3886 15.5453H16.1429C17.0914 15.5453 17.8571 14.7812 17.8571 13.8346ZM19 5.8512V13.8346C19 15.4084 17.72 16.6858 16.1429 16.6858H7.75426L4.80573 18.7843C4.05145 19.326 3 18.7843 3 17.8605V5.8512C3 4.27734 4.28 3 5.85714 3H16.1429C17.72 3 19 4.27734 19 5.8512Z' fill='black'/%3E%3C/svg%3E%0A");
    background-color: var(--color-white);
}

.icon.--exit {
    --icon-path: 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='M7 18.4571C7 18.1219 7.25714 17.8476 7.57143 17.8476H16.1429C17.0914 17.8476 17.8571 17.0309 17.8571 16.019V5.04762C17.8571 4.03581 17.0914 3.21905 16.1429 3.21905H7.57143C7.25714 3.21905 7 2.94476 7 2.60952C7 2.27429 7.25714 2 7.57143 2H16.1429C17.72 2 19 3.36533 19 5.04762V16.019C19 17.7013 17.72 19.0667 16.1429 19.0667H7.57143C7.25714 19.0667 7 18.7924 7 18.4571Z' fill='%23404042'/%3E%3Cpath d='M13.6228 11.1433L11.1657 13.7582C10.9429 13.9959 10.9429 14.386 11.1657 14.6237C11.3886 14.8614 11.7543 14.8614 11.9771 14.6237L15.4057 10.9665C15.6285 10.7288 15.6285 10.3388 15.4057 10.1011L11.9771 6.44391C11.7543 6.2062 11.3886 6.2062 11.1657 6.44391C10.9429 6.68162 10.9429 7.07167 11.1657 7.30939L13.6228 9.92427H3.57143C3.25714 9.92427 3 10.1986 3 10.5338C3 10.869 3.25714 11.1433 3.57143 11.1433H13.6228Z' fill='%23404042'/%3E%3C/svg%3E%0A");
    background-color: var(--color-gray3);
}

.icon.--download {
    --icon-path: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5 13.615C5.776 13.615 6 13.8343 6 14.1045V16.5521C6 17.3632 6.6715 18.0206 7.5 18.0206H16.5C17.3285 18.0206 18 17.3632 18 16.5521V14.1045C18 13.8343 18.224 13.615 18.5 13.615C18.776 13.615 19 13.8343 19 14.1045V16.5521C19 17.9036 17.8805 18.9996 16.5 18.9996H7.5C6.1195 18.9996 5 17.9036 5 16.5521V14.1045C5 13.8343 5.224 13.615 5.5 13.615Z' fill='%23F8F8F8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3799 15.6257C12.1699 15.8171 11.8285 15.8171 11.6185 15.6257L8.38788 12.6887C8.17735 12.4977 8.17735 12.1874 8.38788 11.9965C8.59787 11.8051 8.93921 11.8051 9.14921 11.9965L11.4608 14.098V5.48951C11.4608 5.2193 11.702 5 11.9992 5C12.2964 5 12.5377 5.2193 12.5377 5.48951V14.098L14.8492 11.9965C15.0592 11.8051 15.4005 11.8051 15.6105 11.9965C15.8211 12.1874 15.8211 12.4977 15.6105 12.6887L12.3799 15.6257Z' fill='%23F8F8F8'/%3E%3C/svg%3E%0A");
}

.icon.--camera {
    --icon-path: 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='M11.196 16.72H7.18132C4.83336 16.72 4 15.0731 4 13.5386V8.18132C4 5.89289 4.89289 5 7.18132 5H11.196C13.4844 5 14.3773 5.89289 14.3773 8.18132V13.5386C14.3773 15.8271 13.4844 16.72 11.196 16.72ZM7.18132 6.00532C5.45507 6.00532 5.00532 6.45507 5.00532 8.18132V13.5386C5.00532 14.3522 5.28972 15.7146 7.18132 15.7146H11.196C12.9222 15.7146 13.372 15.2649 13.372 13.5386V8.18132C13.372 6.45507 12.9222 6.00532 11.196 6.00532H7.18132V6.00532Z' fill='%23575757'/%3E%3Cpath d='M16.4206 14.9012C16.1362 14.9012 15.7724 14.8086 15.3557 14.5176L13.5898 13.2808C13.4575 13.1882 13.3781 13.0361 13.3781 12.8707V8.84944C13.3781 8.68409 13.4575 8.53197 13.5898 8.43937L15.3557 7.20256C16.1428 6.6536 16.7182 6.81233 16.9894 6.95123C17.2605 7.09673 17.7235 7.47373 17.7235 8.43276V13.2808C17.7235 14.2398 17.2605 14.6234 16.9894 14.7623C16.8637 14.8351 16.6653 14.9012 16.4206 14.9012ZM14.3769 12.6062L15.9311 13.6909C16.2288 13.8959 16.4404 13.9157 16.5264 13.8694C16.619 13.8231 16.7182 13.638 16.7182 13.2808V8.43937C16.7182 8.0756 16.6124 7.89702 16.5264 7.85073C16.4404 7.80443 16.2288 7.82427 15.9311 8.0293L14.3769 9.11399V12.6062Z' fill='%23575757'/%3E%3Cpath d='M10.2832 10.695C9.46302 10.695 8.79501 10.027 8.79501 9.20683C8.79501 8.3867 9.46302 7.71869 10.2832 7.71869C11.1033 7.71869 11.7713 8.3867 11.7713 9.20683C11.7713 10.027 11.1033 10.695 10.2832 10.695ZM10.2832 8.71078C10.012 8.71078 9.78711 8.93566 9.78711 9.20683C9.78711 9.47801 10.012 9.70288 10.2832 9.70288C10.5543 9.70288 10.7792 9.47801 10.7792 9.20683C10.7792 8.93566 10.5543 8.71078 10.2832 8.71078Z' fill='%23575757'/%3E%3C/svg%3E%0A");
    background-color: var(--color-gray3);
}

.icon.--no-camera {
    --icon-path: 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='M11.3916 17.832H6.711C3.97355 17.832 3.00195 15.912 3.00195 14.123V7.87701C3.00195 5.20897 4.04295 4.16797 6.711 4.16797H11.3916C14.0597 4.16797 15.1007 5.20897 15.1007 7.87701V14.123C15.1007 16.791 14.0597 17.832 11.3916 17.832ZM6.711 5.34006C4.6984 5.34006 4.17404 5.86441 4.17404 7.87701V14.123C4.17404 15.0715 4.50562 16.66 6.711 16.66H11.3916C13.4042 16.66 13.9286 16.1356 13.9286 14.123V7.87701C13.9286 5.86441 13.4042 5.34006 11.3916 5.34006H6.711V5.34006Z' fill='%23ADADAD'/%3E%3Cpath d='M17.4838 15.7123C17.1522 15.7123 16.7281 15.6044 16.2423 15.2651L14.1834 13.8231C14.0292 13.7152 13.9366 13.5378 13.9366 13.345V8.65667C13.9366 8.46389 14.0292 8.28654 14.1834 8.17858L16.2423 6.7366C17.1599 6.09658 17.8308 6.28165 18.1469 6.44358C18.4631 6.61323 19.0028 7.05276 19.0028 8.17087V13.8231C19.0028 14.9412 18.4631 15.3885 18.1469 15.5504C18.0004 15.6352 17.7691 15.7123 17.4838 15.7123ZM15.101 13.0366L16.9131 14.3012C17.2601 14.5402 17.5069 14.5634 17.6071 14.5094C17.7151 14.4554 17.8308 14.2395 17.8308 13.8231V8.17858C17.8308 7.75447 17.7074 7.54627 17.6071 7.49229C17.5069 7.43832 17.2601 7.46145 16.9131 7.70049L15.101 8.96511V13.0366Z' fill='%23ADADAD'/%3E%3Cpath d='M3.55634 19C3.41493 19 3.27352 18.9479 3.16188 18.8363C2.94604 18.6204 2.94604 18.2632 3.16188 18.0473L18.0473 3.16188C18.2632 2.94604 18.6204 2.94604 18.8363 3.16188C19.0521 3.37772 19.0521 3.73497 18.8363 3.95081L3.95081 18.8363C3.83917 18.9479 3.69776 19 3.55634 19Z' fill='%23ADADAD'/%3E%3C/svg%3E%0A");
}

.icon.--sound {
    --icon-path: 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='M11.0147 17.198C10.4544 17.198 9.83735 16.9994 9.22029 16.6093L7.14922 15.3114C7.00737 15.2262 6.84424 15.1766 6.68111 15.1766H5.65976C3.94333 15.1766 3 14.2333 3 12.5168V9.67977C3 7.96334 3.94333 7.02001 5.65976 7.02001H6.67401C6.83714 7.02001 7.00028 6.97036 7.14213 6.88525L9.21319 5.58729C10.2487 4.94185 11.2559 4.82128 12.0503 5.26102C12.8447 5.70077 13.2773 6.61573 13.2773 7.84276V14.3468C13.2773 15.5667 12.8376 16.4887 12.0503 16.9285C11.7382 17.1129 11.3836 17.198 11.0147 17.198ZM5.65976 8.091C4.53911 8.091 4.0639 8.56621 4.0639 9.68686V12.5239C4.0639 13.6446 4.53911 14.1198 5.65976 14.1198H6.67401C7.04283 14.1198 7.39747 14.2191 7.70954 14.4177L9.78061 15.7156C10.4615 16.1412 11.1069 16.2547 11.5396 16.0135C11.9723 15.7724 12.2205 15.1695 12.2205 14.368V7.84985C12.2205 7.04129 11.9723 6.43841 11.5396 6.20435C11.1069 5.9632 10.4615 6.06959 9.78061 6.50224L7.70245 7.79311C7.39747 7.99171 7.03574 8.091 6.67401 8.091H5.65976Z' fill='%23575757'/%3E%3Cpath d='M14.8804 14.4751C14.767 14.4751 14.6606 14.4396 14.5613 14.3687C14.3272 14.1914 14.2776 13.858 14.4549 13.6239C15.5684 12.1416 15.5684 10.0705 14.4549 8.58813C14.2776 8.35407 14.3272 8.02072 14.5613 7.8434C14.7953 7.66608 15.1287 7.71573 15.306 7.94979C16.6962 9.80807 16.6962 12.404 15.306 14.2623C15.1996 14.4041 15.0436 14.4751 14.8804 14.4751Z' fill='%23575757'/%3E%3Cpath d='M16.1792 16.2478C16.0657 16.2478 15.9593 16.2123 15.86 16.1414C15.626 15.964 15.5763 15.6307 15.7536 15.3966C17.6474 12.8716 17.6474 9.33948 15.7536 6.81448C15.5763 6.58042 15.626 6.24707 15.86 6.06975C16.0941 5.89243 16.4275 5.94208 16.6048 6.17614C18.7822 9.07705 18.7822 13.1341 16.6048 16.035C16.5055 16.1768 16.3423 16.2478 16.1792 16.2478Z' fill='%23575757'/%3E%3C/svg%3E%0A");
    background-color: var(--color-gray3);
}

.icon.--no-sound {
    --icon-path: 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.0191 17.4897C13.4308 17.4897 12.7828 17.2812 12.1349 16.8716L9.96026 15.5087C9.81131 15.4194 9.64002 15.3672 9.46873 15.3672H8.3963C6.59402 15.3672 5.60352 14.3767 5.60352 12.5744V9.59547C5.60352 7.79319 6.59402 6.80268 8.3963 6.80268H9.46128C9.63258 6.80268 9.80387 6.75055 9.95282 6.66118L12.1275 5.2983C13.2148 4.62058 14.2723 4.49398 15.1064 4.95572C15.9406 5.41746 16.3948 6.37818 16.3948 7.66658V14.4959C16.3948 15.7768 15.9331 16.745 15.1064 17.2067C14.7788 17.4004 14.4064 17.4897 14.0191 17.4897ZM8.3963 7.92724C7.21961 7.92724 6.72063 8.42622 6.72063 9.60291V12.5819C6.72063 13.7586 7.21961 14.2576 8.3963 14.2576H9.46128C9.84855 14.2576 10.2209 14.3618 10.5486 14.5704L12.7233 15.9332C13.4382 16.3801 14.1159 16.4992 14.5702 16.246C15.0245 15.9928 15.2852 15.3598 15.2852 14.5182V7.67403C15.2852 6.82502 15.0245 6.19199 14.5702 5.94623C14.1159 5.69301 13.4382 5.80473 12.7233 6.25902L10.5412 7.61445C10.2209 7.82298 9.8411 7.92724 9.46128 7.92724H8.3963Z' fill='%23ADADAD'/%3E%3Cpath d='M3.55634 19C3.41493 19 3.27352 18.9479 3.16188 18.8363C2.94604 18.6204 2.94604 18.2632 3.16188 18.0473L18.0473 3.16188C18.2632 2.94604 18.6204 2.94604 18.8363 3.16188C19.0521 3.37772 19.0521 3.73497 18.8363 3.95081L3.95081 18.8363C3.83917 18.9479 3.69776 19 3.55634 19Z' fill='%23ADADAD'/%3E%3C/svg%3E%0A");
}

.icon.--end-call {
    --icon-path: 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.6327 18.167C13.8794 18.167 13.0861 17.987 12.2661 17.6403C11.4661 17.3003 10.6594 16.8336 9.87273 16.267C9.08607 15.6936 8.33273 15.047 7.62607 14.347C6.9194 13.6336 6.2794 12.8803 5.71273 12.107C5.1394 11.307 4.6794 10.5136 4.35273 9.73365C4.00607 8.91365 3.83273 8.11365 3.83273 7.36032C3.83273 6.84032 3.92607 6.34698 4.10607 5.88698C4.2994 5.40698 4.59273 4.97365 4.9994 4.59365C5.51273 4.09365 6.0994 3.83365 6.72607 3.83365C6.98607 3.83365 7.25273 3.89365 7.4794 4.00032C7.7394 4.12032 7.9594 4.30032 8.1194 4.54032L9.66607 6.72032C9.80607 6.91365 9.91273 7.10032 9.98607 7.28698C10.0727 7.48698 10.1194 7.68698 10.1194 7.88032C10.1194 8.13365 10.0461 8.38032 9.90607 8.61365C9.80607 8.79365 9.65273 8.98698 9.4594 9.18032L9.00607 9.65365C9.01273 9.67365 9.0194 9.68698 9.02607 9.70032C9.10607 9.84032 9.26607 10.0803 9.57273 10.4403C9.89273 10.8136 10.2061 11.147 10.5127 11.467C10.9127 11.8603 11.2327 12.1603 11.5394 12.4136C11.9194 12.7336 12.1661 12.8936 12.3127 12.967L12.2994 13.0003L12.7861 12.5203C12.9927 12.3136 13.1927 12.1603 13.3861 12.0603C13.7527 11.8336 14.2194 11.7936 14.6861 11.987C14.8594 12.0603 15.0461 12.1603 15.2461 12.3003L17.4594 13.8736C17.6994 14.0403 17.8861 14.2536 17.9927 14.507C18.0927 14.7603 18.1394 14.9936 18.1394 15.227C18.1394 15.547 18.0661 15.867 17.9261 16.167C17.7861 16.467 17.6127 16.727 17.3927 16.967C17.0127 17.387 16.5994 17.687 16.1194 17.8803C15.6594 18.067 15.1594 18.167 14.6327 18.167ZM6.72607 4.83365C6.3594 4.83365 6.0194 4.99365 5.69273 5.31365C5.39273 5.60032 5.17273 5.91365 5.0394 6.25365C4.8994 6.60032 4.83273 6.96698 4.83273 7.36032C4.83273 7.98032 4.9794 8.65365 5.27273 9.34698C5.57273 10.0536 5.99273 10.787 6.52607 11.5203C7.0594 12.2536 7.66607 12.967 8.33273 13.6403C8.9994 14.3003 9.7194 14.9136 10.4594 15.4536C11.1794 15.9803 11.9194 16.407 12.6527 16.7136C13.7927 17.2003 14.8594 17.3136 15.7394 16.947C16.0794 16.807 16.3794 16.5936 16.6527 16.287C16.8061 16.1203 16.9261 15.9403 17.0261 15.727C17.1061 15.5603 17.1461 15.387 17.1461 15.2136C17.1461 15.107 17.1261 15.0003 17.0727 14.8803C17.0594 14.847 17.0127 14.767 16.8861 14.6803L14.6727 13.107C14.5394 13.0136 14.4194 12.947 14.3061 12.9003C14.1327 12.8336 14.0194 12.827 13.8727 12.9203C13.7394 12.987 13.6194 13.087 13.4861 13.2203L12.9794 13.7203C12.7194 13.9736 12.3194 14.0336 12.0127 13.9203L11.8327 13.8403C11.5594 13.6936 11.2394 13.467 10.8861 13.167C10.5594 12.8936 10.2261 12.5803 9.7994 12.1603C9.46607 11.8203 9.14607 11.467 8.80607 11.0803C8.49273 10.7136 8.26607 10.4003 8.12607 10.1403L8.0394 9.94032C7.9994 9.79365 7.98607 9.70698 7.98607 9.61365C7.98607 9.37365 8.07273 9.16032 8.2394 8.99365L8.7394 8.47365C8.87273 8.34032 8.97273 8.21365 9.0394 8.10032C9.09273 8.01365 9.11273 7.94032 9.11273 7.87365C9.11273 7.82032 9.09273 7.74032 9.0594 7.66032C9.0194 7.54698 8.94607 7.43365 8.85273 7.30032L7.30607 5.11365C7.2394 5.02032 7.1594 4.95365 7.0594 4.90698C6.95273 4.86032 6.8394 4.83365 6.72607 4.83365ZM12.2994 13.007L12.1927 13.4603L12.3727 12.9936C12.3461 12.987 12.3194 12.9936 12.2994 13.007Z' fill='%23F8F8F8'/%3E%3Cpath d='M13.82 8.68002C13.6934 8.68002 13.5667 8.63335 13.4667 8.53335C13.2734 8.34002 13.2734 8.02002 13.4667 7.82669L15.8267 5.46669C16.02 5.27335 16.34 5.27335 16.5334 5.46669C16.7267 5.66002 16.7267 5.98002 16.5334 6.17335L14.1734 8.53335C14.08 8.62669 13.9467 8.68002 13.82 8.68002Z' fill='%23F8F8F8'/%3E%3Cpath d='M16.18 8.68002C16.0534 8.68002 15.9267 8.63335 15.8267 8.53335L13.4667 6.17335C13.2734 5.98002 13.2734 5.66002 13.4667 5.46669C13.66 5.27335 13.98 5.27335 14.1734 5.46669L16.5334 7.82669C16.7267 8.02002 16.7267 8.34002 16.5334 8.53335C16.4334 8.62669 16.3067 8.68002 16.18 8.68002Z' fill='%23F8F8F8'/%3E%3C/svg%3E%0A");
    background-color: var(--color-white);
}

.icon.--stop {
    --icon-path: 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%3Crect x='5' y='4' width='13' height='13' rx='2' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-color: var(--color-white);
}

.icon.--info {
    --icon-path: 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='M11 5C9.81331 5 8.65328 5.35189 7.66658 6.01118C6.67989 6.67047 5.91085 7.60754 5.45673 8.7039C5.0026 9.80026 4.88378 11.0067 5.11529 12.1705C5.3468 13.3344 5.91825 14.4035 6.75736 15.2426C7.59648 16.0818 8.66557 16.6532 9.82946 16.8847C10.9933 17.1162 12.1997 16.9974 13.2961 16.5433C14.3925 16.0891 15.3295 15.3201 15.9888 14.3334C16.6481 13.3467 17 12.1867 17 11C16.9983 9.40923 16.3656 7.8841 15.2407 6.75926C14.1159 5.63441 12.5908 5.00172 11 5V5ZM11 16C10.0111 16 9.0444 15.7068 8.22215 15.1573C7.39991 14.6079 6.75904 13.827 6.3806 12.9134C6.00217 11.9998 5.90315 10.9945 6.09608 10.0245C6.289 9.05464 6.76521 8.16373 7.46447 7.46447C8.16373 6.7652 9.05465 6.289 10.0246 6.09607C10.9945 5.90315 11.9998 6.00216 12.9134 6.3806C13.827 6.75904 14.6079 7.3999 15.1573 8.22215C15.7068 9.04439 16 10.0111 16 11C15.9985 12.3256 15.4713 13.5966 14.5339 14.5339C13.5966 15.4713 12.3256 15.9985 11 16V16Z' fill='%23404042'/%3E%3Cpath d='M11.5303 8.46323C11.671 8.30249 11.75 8.08447 11.75 7.85714C11.75 7.62981 11.671 7.4118 11.5303 7.25105C11.3897 7.09031 11.1989 7 11 7C10.8011 7 10.6103 7.09031 10.4697 7.25105C10.329 7.4118 10.25 7.62981 10.25 7.85714C10.25 8.08447 10.329 8.30249 10.4697 8.46323C10.6103 8.62398 10.8011 8.71429 11 8.71429C11.1989 8.71429 11.3897 8.62398 11.5303 8.46323Z' fill='%23404042'/%3E%3Cpath d='M12 11V14.4286C12 14.5801 11.9473 14.7255 11.8536 14.8326C11.7598 14.9398 11.6326 15 11.5 15C11.3674 15 11.2402 14.9398 11.1464 14.8326C11.0527 14.7255 11 14.5801 11 14.4286V11H10.5C10.3674 11 10.2402 10.9398 10.1464 10.8326C10.0527 10.7255 10 10.5801 10 10.4286C10 10.277 10.0527 10.1317 10.1464 10.0245C10.2402 9.91735 10.3674 9.85714 10.5 9.85714H11C11.2652 9.85714 11.5196 9.97755 11.7071 10.1919C11.8946 10.4062 12 10.6969 12 11Z' fill='%23404042'/%3E%3C/svg%3E%0A");
    background-color: var(--color-gray3);
}

.button-square.--purple .icon {
    background-color: var(--color-black);
}

.button-square.--end-call {
    background-color: var(--color-red);
}

.chat-setting-content-section,
.content-section {
    box-sizing: border-box;
    padding: 24px;
    border-radius: var(--border-radius);
    text-align: center;
    background: linear-gradient(28deg, rgba(130, 130, 130, 0.03) 0.98%, rgba(130, 130, 130, 0.17) 97.38%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: -1px 1px 0 0 rgba(217, 217, 217, 0.10);
}

.content-section + .content-section {
    margin-top: 33px;
}

.chat-setting-content-section + .chat-setting-content-section {
    margin-top: 22px;
}

.chat-setting-content-section {
    position: relative;
    padding: 28px 24px;
}

.chat-setting-content-section.--participants-block {
    padding: 35px 24px;
}

.content-section.--one-screen {
    --one-screen-height: calc(var(--vh, 1vh) * 100);
    min-height: calc(var(--one-screen-height) - var(--wrapper-padding-vertical) - var(--wrapper-padding-vertical));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.content-section.--transparent {
    background: transparent;
    box-shadow: none;
    padding: 6px 24px;
    margin-bottom: 40px;
}

.content-section.--transparent.--info {
    padding: 24px 24px 16px;
    margin-bottom: 0;

}

.content-section-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 22px;
}

.content-section.--padding-bottom {
    padding-bottom: 40px;
}

.link-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.link-btn.--purple {
    color: var(--color-purple);
}

.logo {
    display: inline-block;
    margin: 37px 0 12px;
}

.logo-block {
    text-align: center;
    margin: 41px auto;
}

.logo.--info {
    margin-top: 25px;
    margin-bottom: 60px;
}

.logo.--about {
    margin: 25px 0;
}

.setting-row {
    margin: 16px 0;
}

.setting-row.--flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.setting-row.--flex.--between {
    justify-content: space-between;
}

.setting-row.--flex.--center {
    justify-content: center;
}

.setting-row.--avatar {
    margin-bottom: 40px;
    margin-top: 0;
}

.content-section.create-team {
    margin-top: 130px;
    padding-bottom: 28px;
}

.setting-avatar {
    position: relative;
    width: var(--converhide-avatar-size);
    padding-top: var(--converhide-avatar-size);
    margin: -121px auto 0;
    flex-shrink: 0;
    border-radius: var(--border-radius-avatar);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.setting-avatar.--avatar-1 {
    background-image: url("../images/avatar-1.png");
}

.setting-avatar.--avatar-2 {
    background-image: url("../images/avatar-2.png");
}

.setting-avatar.--avatar-3 {
    background-image: url("../images/avatar-3.png");
}

.setting-avatar.--avatar-4 {
    background-image: url("../images/avatar-4.png");
}

.setting-avatar.--avatar-5 {
    background-image: url("../images/avatar-5.png");
}

.setting-avatar.--avatar-6 {
    background-image: url("../images/avatar-6.png");
}

.setting-avatar.--avatar-7 {
    background-image: url("../images/avatar-7.png");
}

.setting-avatar.--avatar-8 {
    background-image: url("../images/avatar-8.png");
}

.setting-avatar.--avatar-9 {
    background-image: url("../images/avatar-9.png");
}

.setting-avatar.--avatar-10 {
    background-image: url("../images/avatar-10.png");
}

.setting-avatar.--avatar-11 {
    background-image: url("../images/avatar-11.png");
}

.setting-avatar.--avatar-12 {
    background-image: url("../images/avatar-12.png");
}

.setting-avatar.--avatar-0 {
    background-image: url("../images/avatar-0.svg");
}

.setting-avatar.--avatar-01 {
    background-image: url("../images/avatar-01.svg");
}

.setting-avatar.--avatar-13 {
    background-image: url("../images/avatar-13.png");
}

.setting-avatar.--avatar-14 {
    background-image: url("../images/avatar-14.png");
}

.setting-avatar.--avatar-15 {
    background-image: url("../images/avatar-15.png");
}

.setting-avatar.--avatar-16 {
    background-image: url("../images/avatar-16.png");
}

.setting-avatar.--avatar-17 {
    background-image: url("../images/avatar-17.png");
}

.setting-avatar.--avatar-18 {
    background-image: url("../images/avatar-18.png");
}

.setting-avatar.--avatar-19 {
    background-image: url("../images/avatar-19.png");
}

.setting-avatar.--avatar-20 {
    background-image: url("../images/avatar-20.png");
}

.setting-avatar.--avatar-21 {
    background-image: url("../images/avatar-21.png");
}

.setting-avatar.--avatar-22 {
    background-image: url("../images/avatar-22.png");
}

.setting-avatar.--avatar-23 {
    background-image: url("../images/avatar-23.png");
}

.setting-avatar.--avatar-24 {
    background-image: url("../images/avatar-24.png");
}

.setting-avatar.--avatar-25 {
    background-image: url("../images/avatar-25.png");
}

.setting-avatar.--avatar-26 {
    background-image: url("../images/avatar-26.png");
}

.setting-avatar.--avatar-27 {
    background-image: url("../images/avatar-27.png");
}

.setting-avatar.--avatar-28 {
    background-image: url("../images/avatar-28.png");
}

.setting-avatar.--avatar-29 {
    background-image: url("../images/avatar-29.png");
}

.setting-avatar.--avatar-30 {
    background-image: url("../images/avatar-30.png");
}

.setting-avatar.--avatar-31 {
    background-image: url("../images/avatar-31.png");
}

.setting-avatar.--avatar-32 {
    background-image: url("../images/avatar-32.png");
}

.setting-avatar.--avatar-33 {
    background-image: url("../images/avatar-33.png");
}

.setting-avatar.--avatar-34 {
    background-image: url("../images/avatar-34.png");
}

.setting-avatar.--avatar-35 {
    background-image: url("../images/avatar-35.png");
}

.setting-avatar.--avatar-36 {
    background-image: url("../images/avatar-36.png");
}

.setting-avatar.--avatar-37 {
    background-image: url("../images/avatar-37.png");
}

.setting-avatar.--avatar-38 {
    background-image: url("../images/avatar-38.png");
}

.setting-avatar.--avatar-39 {
    background-image: url("../images/avatar-39.png");
}

.setting-avatar.--avatar-40 {
    background-image: url("../images/avatar-40.png");
}

.setting-avatar.--avatar-41 {
    background-image: url("../images/avatar-41.png");
}

.setting-avatar.--avatar-42 {
    background-image: url("../images/avatar-42.png");
}

.setting-avatar.--avatar-43 {
    background-image: url("../images/avatar-43.png");
}

.setting-avatar.--avatar-44 {
    background-image: url("../images/avatar-44.png");
}

.setting-avatar.--avatar-45 {
    background-image: url("../images/avatar-45.png");
}

.setting-avatar.--avatar-46 {
    background-image: url("../images/avatar-46.png");
}

.setting-avatar.--avatar-47 {
    background-image: url("../images/avatar-47.png");
}

.setting-avatar.--avatar-48 {
    background-image: url("../images/avatar-48.png");
}

.setting-avatar.--avatar-49 {
    background-image: url("../images/avatar-49.png");
}

.setting-avatar.--avatar-50 {
    background-image: url("../images/avatar-50.png");
}

.setting-avatar.--popup {
    width: 84px;
    padding-top: 84px;
    border: 1px solid transparent;
    border-radius: var(--border-radius-sm);
    margin: 0;
}

.setting-avatar.--chat-setting-avatar {
    width: 32px;
    padding-top: 32px;
    border-radius: var(--border-radius-xsm);
    margin: 0;
    margin-right: 10px;
}

.setting-avatar.--chat-call {
    --chat-call-size: 159px;
    display: flex;
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    width: var(--chat-call-size);
    padding-top: var(--chat-call-size);
    border-radius: var(--border-radius-sm);
    margin: 0;
    transition: .2s;
}

.setting-avatar.--chat-call.--opacity {
    opacity: 0;
}

.chat-video-wrapper.--two .setting-avatar.--chat-call,
.chat-video-wrapper.--three .setting-avatar.--chat-call,
.chat-video-wrapper.--four .setting-avatar.--chat-call {
    --chat-call-size: 86px;
}

.setting-avatar-btn {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: var(--border-radius-sm);
    border: 1px solid rgba(217,217,217,.1);
    background: linear-gradient(28deg, rgba(130, 130, 130, 0.03) 0.98%, rgba(130, 130, 130, 0.17) 97.38%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.setting-input {
    flex: 1;
    height: var(--converhide-btn-height);
    width: calc(100% - 10px - var(--converhide-square-btn-size));
    border-radius: var(--border-radius-sm);
    font-family: 'Onest';
    font-size: 16px;
    font-weight: 400;
    background: var(--color-white);
    color: var(--color-black);
    padding: 5px 18px;
}

.setting-input::placeholder {
    font-size: 14px;
    color: var(--color-gray1);
}

.icon.--refresh {
    --icon-path: 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%3Cg clip-path='url(%23clip0_1_2)'%3E%3Cpath d='M11 3C12.9694 3.00596 14.8678 3.73636 16.3333 5.052V3.66667C16.3333 3.29848 16.6318 3 17 3C17.3682 3 17.6667 3.29848 17.6667 3.66667V6.42867C17.6663 6.7569 17.5358 7.07158 17.3037 7.30367C17.0716 7.53577 16.7569 7.66631 16.4287 7.66667H13.6667C13.2985 7.66667 13 7.36819 13 7C13 6.63181 13.2985 6.33333 13.6667 6.33333H15.7473C14.6638 5.23571 13.2328 4.5484 11.6987 4.38882C10.1647 4.22924 8.62285 4.6073 7.33663 5.45841C6.0504 6.30952 5.09963 7.58085 4.64677 9.05519C4.1939 10.5295 4.26704 12.1154 4.8537 13.5418C5.44035 14.9682 6.50411 16.1466 7.86322 16.8757C9.22233 17.6048 10.7924 17.8393 12.3053 17.5392C13.8181 17.2391 15.1798 16.423 16.1577 15.2303C16.994 14.2102 17.5052 12.9689 17.6342 11.6661C17.6706 11.2996 17.9655 11 18.3338 11C18.7017 11 19.0029 11.2988 18.9723 11.6654C18.8598 13.0131 18.4071 14.3141 17.6518 15.4446C16.7727 16.7602 15.5233 17.7855 14.0615 18.391C12.5997 18.9965 10.9911 19.155 9.43928 18.8463C7.88743 18.5376 6.46197 17.7757 5.34315 16.6569C4.22433 15.538 3.4624 14.1126 3.15372 12.5607C2.84504 11.0089 3.00347 9.40034 3.60897 7.93853C4.21447 6.47672 5.23985 5.22729 6.55544 4.34824C7.87103 3.46919 9.41775 3 11 3Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2'%3E%3Crect width='16' height='16' fill='white' transform='translate(3 3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    color: var(--color-black);
}

.block-button {
    margin: 35px 0;
}

.title-h1 {
    color: var(--color-white);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
}

.title-h1-span {
    color: var(--color-gray1);
}

.title-h1.--main-page {
    margin-top: auto;
    margin-bottom: 27px;
}

.title-h2 {
    margin: 20px 0 25px;
    line-height: 1.3;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    color: var(--color-white);
}

.title-h4 {
    color: var(--color-white);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.chat-setting-title {
    color: var(--color-white);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 10px;
}

.title-h4.--section {
    margin: 37px 0;
}

.title-h3 {
    margin: 28px 0;
    color: var(--color-white);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.title-h3.--popup {
    margin: 16px 0px 30px;
    color: var(--color-black);
}

.title-h3.--about {
    margin: 40px 0;
}

.subtext {
    width: 90%;
    margin: 0 auto 16px;
    text-align: center;
    line-height: 1.45;
}

.switcher-label {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: var(--converhide-btn-height);
    box-sizing: border-box;
    padding: 5px 17px;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--color-gray4);
    transition: .4s;
}

.switcher-label-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.switcher-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    margin: 0;
}

.switcher-cursor {
    flex-shrink: 0;
    position: relative;
    display: block;

    width: 35px;
    height: 19px;
    border-radius: 99rem;
    box-sizing: border-box;
    z-index: 1;
    background: var(--color-gray6);
    margin-left: 14px;
    transition: .2s;
}

.switcher-cursor::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 50%;
    background: var(--color-white);

    transform: translate(2px, 0);
    transition: transform .3s;
    z-index: 3;
}

.switcher-checkbox:checked + .switcher-cursor::before {
    transform: translate(18px, 0);
    background: var(--color-purple);
}

.switcher-checkbox:checked + .switcher-cursor {
    background: var(--color-white);
}

.switcher-info {
    color: var(--color-gray4);
    text-align: right;
    font-size: 11px;
}

.separator {
    border-width: 0;
    background: var(--color-gray4);
    height: 1px;
    margin: 50px 0;
}

/*popup*/

.popup-window-block {
    /*display: block;*/
    display: none;
    z-index: 9999;
}

.popup-window {
    /*overflow: hidden;*/
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    flex-direction: column;
    width: calc(100vw - var(--wrapper-padding-horizontal) - var(--wrapper-padding-horizontal));
    box-sizing: border-box;
    padding: 24px;
    background: var(--color-white);
    z-index: 99;
}

.popup-window-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.popup-window-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(12, 12, 12, 0.63);
    z-index: 98;
}

.popup-window.--bottom {
    border-radius: var(--border-radius-midle) var(--border-radius-midle) 0 0;
    bottom: 0;
    height: 51vh;
}

.popup-window.--bottom.--language {
    height: auto;
    padding: 24px 48px;
}

.popup-window.--bottom::before {
    content: '';
    display: block;
    width: 62px;
    height: 5px;
    position: absolute;
    left: 50%;
    bottom: calc(100% + 16px);
    transform: translate(-50%, 0);
    border-radius: 13px;
    background: linear-gradient(266deg, #F8F8F8 11.41%, rgba(248, 248, 248, 0.90) 87.69%);
}

.popup-window.--center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    border-radius: 20px;
    box-shadow: -1px 1px 0 0 rgba(217, 217, 217, 0.10);
    background: var(--color-gray5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.popup-window.--images {
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    transform: none;
    padding: 94px var(--wrapper-padding-horizontal);

    background: var(--color-black);
    z-index: 99;
}

.popup-window.--images .popup-window-wrapper {
    align-items: center;
    justify-content: center;
}

.popup-window-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--wrapper-padding-vertical) var(--wrapper-padding-horizontal);
    font-size: 11px;
}

.popup-window-footer-user-name {
    color: var(--color-white);
}

.popup-window-footer-time {
    color: var(--color-gray4);
}

.popup-window-img {
    max-width: 100%;
    max-height: 100%;
}

.popup-window-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    padding: 24px var(--wrapper-padding-horizontal);
    display: flex;
    justify-content: space-between;
}

.popup-window-header .button-square {
    border-color: var(--color-white);
}

.popup-window-header .icon {
    background-color: var(--color-white);
}

.popup-window-content-wrapper {
    max-width: 280px;
    display: flex;
    flex: 1;
    overflow: hidden auto;
    margin: 0 auto;
}

.popup-window-content {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.popup-window .link-btn {
    margin: 0 auto;
}

.popup-window .subtext {
    color: var(--color-black);
}

.popup-window.--center .subtext {
    color: var(--color-white);
}

.popup-window.--chat-menu {
    border-radius: var(--border-radius-midle);
    bottom: 79px;
    width: auto;
    transform: none;
    left: 20px;
    padding: 5px 22px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.2);
}

.popup-menu-item {
    padding: 20px 0;
    color: var(--color-black);
    min-width: 120px;
}

.popup-menu-item:first-of-type {
    border-bottom: 1px solid var(--color-gray1);
}
/*end popup*/

/*animate*/

.main-screen {
    position: fixed;
    height: 100%;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    display: flex;
    flex-direction: column;
}

.main-scree-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1;
}

.back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.back .wrap {
    position: relative;
    width: 1440px;
    height: 768px;
    min-height: unset;
    max-height: unset;
}

.back .figure {
    position: absolute;
    max-width: unset;
    overflow: hidden;
}

.back .figure:first-child {
    max-width: 1712px;
    max-height: 1706px;
        width: 1715px;
        height: 1710px;
        left: -1020px;
        top: -1340px;
    background: #1B1A21;
    box-shadow:
            inset 15px 15px 64px #c8d1d6,
            inset 77px 77px 77px #434552,
            inset 41px 271px 193px #ccd3d9;
    border-radius: 33.4% 0 34% 34%;
        transform: rotate(30deg);
    animation-name: backAnimation1;
    animation-duration: 16s;
    animation-timing-function: cubic-bezier(.37,-.025,.55,1.025);
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

.back .figure:last-child {
    max-width: 1715px;
    max-height: 1710px;
    width: 1715px;
    height: 1710px;
    top: 410px;
    left: -225px;
    background: rgba(37,35,49,.5);
    box-shadow:
            inset 20px 20px 83px #c8d1d6,
            inset 100px 100px 100px #434552,
            inset 300px 300px 250px #ccd3d9;
    border-radius: 34% 33.4% 0 34%;
    transform: rotate(45deg);
    animation-name: backAnimation2;
    animation-duration: 16s;
    animation-timing-function: cubic-bezier(.37,-.025,.55,1.025);
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

.back .figure:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/back_overlay.png);
    opacity: .65;
    mix-blend-mode: overlay;
}

@keyframes backAnimation1 {
    0% {
        transform: rotate(15deg) translate(0)
    }

    to {
        transform: rotate(-42deg) translate(12.5%, 6%)
    }
}

@keyframes backAnimation2 {
    0% {
        transform: rotate(51deg) translate(0)
    }

    to {
        transform: rotate(-53deg) translate(.5%, 2.5%)
    }
}

/*end animate*/


.chat-add-num {
    --chat-add-num: 21px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--chat-add-num);
    height: var(--chat-add-num);
    border-radius: var(--border-radius-xs);
    background: var(--color-gray4);
    color: var(--color-black);
    text-align: center;
    font-size: 11px;
}

.button-square-add .icon {
    background: var(--color-gray4);
}

.button-square-add.--people-active .chat-add-num {
    background: var(--color-purple);
}

.button-square-add.--people-active .icon {
    background: var(--color-white);
}

.button-square.--off {
    background-color: var(--color-gray4);
}

.button-square.--off .icon {
    background-color: var(--color-gray1);
}

.add-chat-info {
    margin-top: -24px;
    color: var(--color-gray1);
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}

.setting-row.invitation-chat-people {
    margin-top: 30px;
    gap: 14px;
}

/*heder*/

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 21px 20px;
    z-index: 999;
    color: var(--color-white);
    text-align: center;
    border-radius: 0 0 var(--border-radius-midle) var(--border-radius-midle);
    background: linear-gradient(85deg, rgba(87, 87, 87, 0.08) 2.61%, rgba(87, 87, 87, 0.40) 99.68%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: -1px 1px 0 0 rgba(217, 217, 217, 0.10);
}

.header.--voice {
    background: linear-gradient(85deg, rgba(158, 134, 252, 0.40) 2.61%, rgba(87, 87, 87, 0.40) 99.68%);
}

.header-content {
    flex: 1;
    overflow: hidden;
    padding: 17px 25px 0;
}

.header-title {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-text {
    margin-top: 5px;
    font-size: 11px;
}

.header-chat-hint {
    position: absolute;
    left: calc(100% + 1px);
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 21px;
    transform: translate(0, -50%);
    border-radius: 0 5px 5px 0;
    background: var(--color-gray4);
    color: var(--color-white);
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.25) inset;
}

.header-chat-hint-point {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #38F299;
    animation-name: voice-record;

}

/* end header*/

/*footer */

.footer {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 6px;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    z-index: 999;
}

.footer.--coll-nav {
    gap: 26px;
    justify-content: center;
}

.footer-content {
    display: flex;
    flex: 1;
    overflow: hidden;
    min-height: var(--converhide-square-btn-size-sm);
}

.footer-textarea {
    width: 100%;
    min-height: var(--converhide-square-btn-size-sm);
    max-height: 150px;
    height: auto;
    border-radius: var(--border-radius-sm);
    font-family: 'Onest';
    font-size: 16px;
    font-weight: 400;
    background: var(--color-white);
    color: var(--color-black);
    padding: 12px 18px;
    resize: none;
    transition: .2s;
    outline: none;
    overflow: auto;
}

.blocked-hint {
    justify-content: space-between;
    margin: 0;
    background: var(--color-gray4);
    color: var(--color-white);
    width: auto;
    flex: 1;
    height: var(--converhide-square-btn-size-sm);
}

.button-square.--blocked-time {
    width: 52px;
    background: var(--color-gray8);
    color: var(--color-gray4);
}

.message-voice-recording {
    flex: 1;
    display: flex;
    align-items: center;
    height: var(--converhide-square-btn-size-sm);
    padding-top: 6px;
}

.message-voice-time {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.message-voice-hint {
    color: var(--color-gray4);
    font-size: 14px;
    margin: 0 auto;
}


.message-voice-record {
    width: 8px;
    height: 8px;
    margin-right: 9px;
    margin-bottom: 2px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #ac3636;
    animation-name: voice-record;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}


@keyframes voice-record {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.hint-chat {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 69%;
    padding: 4px 20px;
    margin: 16px auto 0;
    border-radius: 99rem;
    background: var(--color-purple);
    color: var(--color-black);
    font-size: 11px;
}

.hint-chat-info-text {
    color: var(--color-white);
}

.button-square.--footer-top-btn {
    position: absolute;
    right: 20px;
    top: -40px;
}


/* end footer */

/* hint */

.hint {
    position: fixed;
    top: 105px;
    left: var(--wrapper-padding-horizontal);
    z-index: 9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 10px 3px 20px;
    width: calc(100vw - var(--wrapper-padding-horizontal) - var(--wrapper-padding-horizontal));

    border-radius: 8px;
    background: var(--color-purple);
    color: var(--color-black);
    font-size: 11px;
    line-height: 1.2;
}

.hint-text {
    flex: 1;
}

.hint-close {
    flex-shrink: 0;
}

/* end hint */

.content-chat {
    display: flex;
    flex-direction: column;
}

.chat-wrapper {
    flex: 1;
    z-index: 5;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    width: 100vw;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.chat-content {
    display: flex;
    flex-direction: column-reverse;
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
    padding: 100px var(--wrapper-padding-horizontal) 0;
}

.chat-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 33px 0;
    font-size: 11px;
    font-weight: 500;
    order: 9;
}

.chat-info-time {
    margin-right: 12px;
    color: var(--color-gray4);
}

.chat-info-text {
    color: var(--color-white);
}

.chat-info-link {
    color: var(--color-purple);
}

.chat-info-push {
    width: 69%;
    box-sizing: border-box;
    padding: 18px 30px;
    margin: 15px auto 0;
    border-radius: var(--border-radius-midle);
    background: linear-gradient(28deg, rgba(130, 130, 130, 0.03) 0.98%, rgba(130, 130, 130, 0.17) 97.38%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--color-gray4);
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    box-shadow: -1px 1px 0 0 rgba(217, 217, 217, 0.10);
}

.chat-info-push.--active {
    color: var(--color-white);
}

/* message */

.message {
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-top: 16px;
}

.message.--self {
    max-width: calc(100% - var(--converhide-icon-size-chat) - 10px);
    margin-left: auto;
    justify-content: flex-end;
}

.message-avatar {
    width: var(--converhide-icon-size-chat);
    height: var(--converhide-icon-size-chat);
    flex-shrink: 0;
    margin-right: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    border-radius: 8px;
}

.message-block {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    box-sizing: border-box;
    padding: 17px;
    border-radius: var(--border-radius-chat);
}

.message.--companion .message-block {
    max-width: calc(100% - var(--converhide-icon-size-chat) - 10px);
    border-bottom-left-radius: 0;
    background: var(--color-gray8);
}

.message.--self .message-block {
    border-bottom-right-radius: 0;
    background: var(--color-white);
}

.message-block-name {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:  nowrap;
    margin-bottom: 11px;
    box-sizing: border-box;
    font-size: 11px;
    color: var(--color-gray4);
}

.message.--image .message-block-name {
    position: absolute;
    left: 17px;
    top: 17px;
    padding: 3px 5px;
    margin: 0;
    border-radius: 7px;
    background: rgba(30,30,30,.20);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--color-white);
}

.message-block-text {
    font-size: 14px;
    line-height: 1.3;
}

.message.--self .message-block-text {
    color: var(--color-black);
}

.message-block-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 8px;
}

.message.--image .message-block-info {
    position: absolute;
    bottom: 17px;
    margin: 0;
    max-width: 100%;
    padding: 0 17px;
    box-sizing: border-box;
}

.message-block-time {
    color: var(--color-gray4);
    font-size: 11px;
}

.message.--image .message-block-time {
    padding: 3px 5px;
    margin: 0;
    border-radius: 7px;
    background: rgba(30,30,30,.20);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--color-white);
}

.message.--self .message-block-time {
    margin-right: 5px;
    color: var(--color-gray7);
}

.message.--self.--image .message-block-time {
    color: var(--color-white);
}

.message-block-img-block {
    display: flex;
}

.message-block-img {
    max-width: 100%;
}

.message.--image .message-block {
    padding: 0;
}

.chat-video-wrapper {
    display: grid;
    /*grid-template-columns: 1fr 1fr 1fr 1fr;*/
    /*grid-template-rows: 1fr 1fr 1fr 1fr;*/
    gap: 15px;
    flex: 1;
    max-height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0 15px;
}

.chat-video-wrapper.--four {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
            "a b"
            "c d";
}

.chat-video-wrapper.--three {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
            "a a b b"
            ". c c .";
}

.chat-video-wrapper.--three .chat-video-person:nth-child(1) {
    grid-area: a;
}

.chat-video-wrapper.--three .chat-video-person:nth-child(2) {
    grid-area: b;
}

.chat-video-wrapper.--three .chat-video-person:nth-child(3) {
    grid-area: c;
}

.chat-video-wrapper.--two {
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
            "a"
            "b";
}

.chat-video-person {
    position: relative;
    min-width: 100%;
    border-radius: var(--border-radius-midle);
    background: #323538;
    overflow: hidden;
}

.chat-video-person .chat-video-person-microphone {
    opacity: 0;
    transition: .2s;
}

.chat-video-person.--micoff .chat-video-person-microphone {
    opacity: 1;
}

/*.chat-video-wrapper.--three .chat-video-person,*/
/*.chat-video-wrapper.--four .chat-video-person {*/
/*    !*min-width: calc(50% - 8px);*!*/
/*    !*max-width: calc(50% - 8px);*!*/
/*    !*width: calc(50% - 8px);*!*/
/*    !*max-height: 50%;*!*/
/*}*/

.chat-video-person-video {
    max-height: 100%;
    max-width: 100%;
}

.chat-video-person-name {
    position: absolute;
    bottom: 12%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 9;
    color: var(--color-gray4);
}

.chat-video-person-microphone {
    position: absolute;
    top: 16px;
    right: 17px;
    border-radius: 8px;
    background: var(--color-gray4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    line-height: 0;
}

.chat-video-person-avatar {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.chat-setting-row.--flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chat-setting-editor-icon.icon {
    background-color: var(--color-gray4);
}

.chat-setting-participants {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(99, 106, 112, 0.2);
    box-sizing: border-box;
    padding: 17px 8px;
    width: 100%;
}

.chat-setting-participants:last-of-type {
    border-bottom: transparent;
}

.chat-setting-participants-text {
    flex: 1;
    overflow: hidden;
    text-align: left;
}

.chat-setting-participants-name {
    margin-bottom: 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chat-setting-participants-desc {
    color: var(--color-gray4);
    font-size: 10px;
}

.chat-setting-participants-info {
    color: var(--color-gray4);
    text-align: right;
    font-size: 10px;
}

.chat-setting-participants-btn {
    --chat-setting-participants-btn-size: 15px;
    width: var(--chat-setting-participants-btn-size);
    height: var(--chat-setting-participants-btn-size);
}

.chat-setting-participants-count {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 21px;
    border-radius: 0 5px 5px 0;
    background: var(--color-gray5);
    color: var(--color-gray4);
    text-align: center;
    font-size: 11px;
    font-weight: 500;
}

.feedback {
    display: flex;
    margin: 50px 0;
    width: 100%;
    justify-content: center;
}

.feedback.--chat-end {
    margin: 32px 0;
}

.popup-window.--center .block-button {
    margin: 16px 0;
}

.message-block-file {
    display: flex;
    align-items: center;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 7px;
}

.message-block-file-name {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

    color: var(--color-white);
    font-size: 14px;
}

.message-block-file-info {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: flex-start;
    color: var(--color-gray1);
    font-size: 11px;
}

.message-block-file .icon {
    background-color: var(--color-white);
}

.message-block-voice {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.message-block-voice-icon {
    flex-shrink: 0;
    --message-block-voice-icon-size: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--message-block-voice-icon-size);
    height: var(--message-block-voice-icon-size);
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-white);
    background-position: center;
    background-repeat: no-repeat;
}

.message.--self .message-block-voice-icon {
    background-color: var(--color-gray8);
}

.message-block-voice-icon.--play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M3.24754 13.9984C2.97177 14.0087 2.70056 13.9698 2.4385 13.8917C2.12706 13.7989 1.83492 13.6611 1.57234 13.4636C0.951499 12.9968 0.567725 12.3679 0.318729 11.6454C0.205653 11.3175 0.132807 10.9802 0.0768402 10.6382C0.0527275 10.4913 0.0339449 10.3434 0.0206194 10.196C0.00310593 10.0021 0.00335975 9.80615 0.00323284 9.6111C0.00196375 7.86828 0.00247139 6.12532 0.0025983 4.3825C0.0025983 4.24963 -0.00577772 4.11588 0.00754776 3.98429C0.0194772 3.86716 0.0277263 3.7494 0.0404173 3.63214C0.0583115 3.46819 0.0815359 3.305 0.109456 3.14308C0.136741 2.98471 0.177733 2.82849 0.218471 2.67279C0.250579 2.55008 0.286748 2.428 0.329263 2.30859C0.46899 1.91635 0.653516 1.54644 0.898451 1.20876C1.02561 1.03326 1.16928 0.870573 1.33032 0.725401C1.73986 0.356126 2.21767 0.1272 2.76275 0.0392595C3.145 -0.0224133 3.52446 -0.00896205 3.90493 0.062355C4.48453 0.171107 5.01691 0.396733 5.51541 0.704463C6.05757 1.03922 6.59427 1.38299 7.13313 1.72308C7.72884 2.09895 8.32442 2.47521 8.92026 2.85095C9.2732 3.07354 9.6326 3.28647 9.97475 3.5258C10.6196 3.97693 11.1569 4.52868 11.5352 5.2246C11.8747 5.84881 12.0388 6.51579 11.9922 7.22744C11.946 7.93312 11.7006 8.57054 11.3031 9.15173C10.8729 9.7809 10.3133 10.2716 9.67182 10.675C8.98054 11.1097 8.29066 11.5463 7.60015 11.9821C6.92322 12.4093 6.24743 12.8386 5.56884 13.2635C5.15347 13.5235 4.71233 13.7286 4.23921 13.8617C4.02524 13.9219 3.80772 13.9609 3.58677 13.9852C3.47344 13.9975 3.36049 13.9944 3.24754 13.9984ZM3.28244 12.5173C3.5855 12.521 3.8878 12.4481 4.18413 12.343C4.59113 12.1987 4.95676 11.9754 5.31832 11.746C5.68572 11.5131 6.05325 11.2802 6.42256 11.0501C7.07437 10.6442 7.72325 10.2335 8.371 9.82112C8.73751 9.58776 9.11545 9.37152 9.46458 9.11176C9.89937 8.78829 10.2753 8.41064 10.5254 7.92234C10.7382 7.50674 10.8134 7.06996 10.7167 6.60919C10.6135 6.11822 10.3517 5.71569 10.0121 5.35771C9.73413 5.0647 9.41166 4.82867 9.07001 4.61561C8.52684 4.27679 7.98786 3.93124 7.44456 3.59281C7.17945 3.42758 6.91535 3.26084 6.65163 3.09359C6.43398 2.95552 6.21595 2.81783 5.99792 2.68053C5.7337 2.51417 5.46934 2.34806 5.2055 2.18106C5.02186 2.06482 4.83746 1.94921 4.64266 1.85264C4.41688 1.74072 4.18375 1.6477 3.93958 1.58121C3.73196 1.52461 3.52179 1.492 3.30757 1.48426C3.14932 1.47855 2.99398 1.50316 2.83826 1.53311C2.57683 1.58349 2.35309 1.70544 2.1546 1.87612C1.85078 2.13753 1.65699 2.47229 1.52145 2.84499C1.33616 3.35436 1.2741 3.8834 1.2736 4.42107C1.27195 6.09195 1.27309 7.76295 1.27283 9.43383C1.27283 9.69334 1.27994 9.95208 1.30799 10.2104C1.33832 10.4901 1.38959 10.765 1.475 11.033C1.58782 11.3867 1.74862 11.7153 2.00777 11.986C2.35055 12.3437 2.77176 12.5227 3.28244 12.5173Z' fill='%23575757'/%3E%3C/svg%3E");
}

.message-block-voice-icon.--pause {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' viewBox='0 0 17 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.564453 2.33984C0.564453 1.37335 1.34795 0.589844 2.31445 0.589844H6.01831C6.98481 0.589844 7.76831 1.37335 7.76831 2.33984V12.6621C7.76831 13.6286 6.9848 14.4121 6.01831 14.4121H2.31445C1.34795 14.4121 0.564453 13.6286 0.564453 12.6621V2.33984ZM2.31445 2.08984C2.17638 2.08984 2.06445 2.20177 2.06445 2.33984V12.6621C2.06445 12.8002 2.17638 12.9121 2.31445 12.9121H6.01831C6.15638 12.9121 6.26831 12.8002 6.26831 12.6621V2.33984C6.26831 2.20177 6.15638 2.08984 6.01831 2.08984H2.31445Z' fill='%23575757'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.23047 2.33984C9.23047 1.37335 10.014 0.589844 10.9805 0.589844H14.6843C15.6508 0.589844 16.4343 1.37335 16.4343 2.33984V12.6621C16.4343 13.6286 15.6508 14.4121 14.6843 14.4121H10.9805C10.014 14.4121 9.23047 13.6286 9.23047 12.6621V2.33984ZM10.9805 2.08984C10.8424 2.08984 10.7305 2.20177 10.7305 2.33984V12.6621C10.7305 12.8002 10.8424 12.9121 10.9805 12.9121H14.6843C14.8224 12.9121 14.9343 12.8002 14.9343 12.6621V2.33984C14.9343 2.20177 14.8224 2.08984 14.6843 2.08984H10.9805Z' fill='%23575757'/%3E%3C/svg%3E");
}

.message.--self .message-block-voice-icon.--play {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.24754 13.9984C2.97177 14.0087 2.70056 13.9698 2.4385 13.8917C2.12706 13.7989 1.83492 13.6611 1.57234 13.4636C0.951499 12.9968 0.567725 12.3679 0.318729 11.6454C0.205653 11.3175 0.132807 10.9802 0.0768402 10.6382C0.0527275 10.4913 0.0339449 10.3434 0.0206194 10.196C0.00310593 10.0021 0.00335975 9.80615 0.00323284 9.61111C0.00196375 7.86828 0.00247139 6.12532 0.0025983 4.3825C0.0025983 4.24963 -0.00577772 4.11588 0.00754776 3.98429C0.0194772 3.86716 0.0277263 3.7494 0.0404173 3.63214C0.0583115 3.46819 0.0815359 3.305 0.109456 3.14308C0.136741 2.98471 0.177733 2.82849 0.218471 2.67279C0.250579 2.55008 0.286748 2.428 0.329263 2.30859C0.46899 1.91635 0.653516 1.54644 0.898451 1.20876C1.02561 1.03326 1.16928 0.870573 1.33032 0.725401C1.73986 0.356126 2.21767 0.1272 2.76275 0.0392595C3.145 -0.0224133 3.52446 -0.00896205 3.90493 0.062355C4.48453 0.171107 5.01691 0.396733 5.51541 0.704463C6.05757 1.03922 6.59427 1.38299 7.13313 1.72308C7.72884 2.09895 8.32442 2.47521 8.92026 2.85095C9.2732 3.07354 9.6326 3.28647 9.97475 3.5258C10.6196 3.97693 11.1569 4.52868 11.5352 5.2246C11.8747 5.84881 12.0388 6.51579 11.9922 7.22744C11.946 7.93312 11.7006 8.57054 11.3031 9.15173C10.8729 9.7809 10.3133 10.2716 9.67182 10.675C8.98054 11.1097 8.29067 11.5463 7.60015 11.9821C6.92322 12.4093 6.24743 12.8386 5.56884 13.2635C5.15347 13.5235 4.71233 13.7286 4.23921 13.8617C4.02524 13.9219 3.80772 13.9609 3.58677 13.9852C3.47344 13.9975 3.36049 13.9944 3.24754 13.9984ZM3.28244 12.5173C3.5855 12.521 3.8878 12.4481 4.18413 12.343C4.59113 12.1987 4.95676 11.9754 5.31832 11.746C5.68572 11.5131 6.05325 11.2802 6.42256 11.0501C7.07437 10.6442 7.72325 10.2335 8.371 9.82112C8.73751 9.58776 9.11545 9.37152 9.46458 9.11176C9.89937 8.78829 10.2753 8.41064 10.5254 7.92234C10.7382 7.50674 10.8134 7.06996 10.7167 6.60919C10.6135 6.11822 10.3517 5.71569 10.0121 5.35771C9.73413 5.0647 9.41166 4.82867 9.07002 4.61561C8.52684 4.27679 7.98786 3.93124 7.44456 3.59281C7.17945 3.42758 6.91535 3.26084 6.65163 3.09359C6.43398 2.95552 6.21595 2.81783 5.99792 2.68053C5.7337 2.51417 5.46934 2.34806 5.2055 2.18106C5.02186 2.06482 4.83746 1.94921 4.64266 1.85264C4.41689 1.74072 4.18375 1.6477 3.93958 1.58121C3.73196 1.52461 3.52179 1.492 3.30757 1.48426C3.14932 1.47855 2.99398 1.50316 2.83826 1.53311C2.57683 1.58349 2.35309 1.70544 2.1546 1.87612C1.85078 2.13753 1.65699 2.47229 1.52145 2.84499C1.33616 3.35436 1.2741 3.8834 1.2736 4.42107C1.27195 6.09195 1.27309 7.76295 1.27283 9.43383C1.27283 9.69334 1.27994 9.95208 1.30799 10.2104C1.33832 10.4901 1.38959 10.765 1.475 11.033C1.58782 11.3867 1.74862 11.7153 2.00777 11.986C2.35055 12.3437 2.77176 12.5227 3.28244 12.5173Z' fill='white'/%3E%3C/svg%3E%0A");
}

.message.--self .message-block-voice-icon.--pause {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.564453 2.18359C0.564453 1.2171 1.34795 0.433594 2.31445 0.433594H6.01831C6.98481 0.433594 7.76831 1.2171 7.76831 2.18359V12.5059C7.76831 13.4724 6.9848 14.2559 6.01831 14.2559H2.31445C1.34795 14.2559 0.564453 13.4724 0.564453 12.5059V2.18359ZM2.31445 1.93359C2.17638 1.93359 2.06445 2.04552 2.06445 2.18359V12.5059C2.06445 12.6439 2.17638 12.7559 2.31445 12.7559H6.01831C6.15638 12.7559 6.26831 12.6439 6.26831 12.5059V2.18359C6.26831 2.04552 6.15638 1.93359 6.01831 1.93359H2.31445Z' fill='%23F8F8F8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.23047 2.18359C9.23047 1.2171 10.014 0.433594 10.9805 0.433594H14.6843C15.6508 0.433594 16.4343 1.2171 16.4343 2.18359V12.5059C16.4343 13.4724 15.6508 14.2559 14.6843 14.2559H10.9805C10.014 14.2559 9.23047 13.4724 9.23047 12.5059V2.18359ZM10.9805 1.93359C10.8424 1.93359 10.7305 2.04552 10.7305 2.18359V12.5059C10.7305 12.6439 10.8424 12.7559 10.9805 12.7559H14.6843C14.8224 12.7559 14.9343 12.6439 14.9343 12.5059V2.18359C14.9343 2.04552 14.8224 1.93359 14.6843 1.93359H10.9805Z' fill='%23F8F8F8'/%3E%3C/svg%3E%0A");
}

.message-block-voice-time {
    flex-shrink: 0;
}

.message.--self .message-block-voice-time {
    color: var(--color-gray8);
}

.message-block-voice-content {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 3px;
    overflow: hidden;
    height: 40px;
}

.message-block-voice-item {
    width: 1px;
    height: 100%;
    background-color: var(--color-white);
}

.message.--self .message-block-voice-item.--active,
.message-block-voice-item.--active {
    background-color: var(--color-purple);
}

.message.--self .message-block-voice-item {
    background-color: var(--color-gray8);
}

.content.--main-page {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.content-section.--section-bottom {
    /*padding-bottom: 74px;*/

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /*margin-bottom: calc(-1 * var(--wrapper-padding-vertical) - 50px);*/
    margin-bottom: calc(-1 * var(--wrapper-padding-vertical));
}

.content-section.--faq {
    margin: 84px 0;
}

.faq-block {
    position: relative;
    border-bottom: 1px solid var(--color-gray8);
}

.faq-block:last-of-type {
    border-color: transparent;
}

.faq-checkbox {
    width: 100%;
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    margin: 0;
    z-index: 9;
}

.faq-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 20px 10px;
    color: var(--color-gray1);
    font-weight: 500;
}

.faq-name .icon {
    transform: rotate(-90deg);
    background-color: var(--color-gray1);
}

.faq-title {
    padding-left: 7px;
}

.faq-text-block {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 500ms;
}

.faq-text-content {
    overflow: hidden;
}

.faq-text {
    color: var(--color-white);
    text-align: left;
    line-height: 25px;
    padding: 3px 17px 28px;
}

.faq-checkbox:checked ~ .faq-name {
    color: var(--color-purple);
}

.faq-checkbox:checked ~ .faq-name .icon {
    transform: rotate(-270deg);
    background-color: var(--color-purple);
}

.faq-checkbox:checked ~ .faq-text-block {
    grid-template-rows: 1fr;
}

.feedback-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    gap: 19px;
    padding-bottom: 9px;
    color: var(--color-gray2);
}

.feedback-title {
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    margin: 28px 0 24px;
}

.feedback-radio {
    -webkit-appearance: none;
    --feedback-radio-size: 24px;
    width: var(--feedback-radio-size);
    height: var(--feedback-radio-size);
    border-radius: 50%;
    margin: 0;
    border: 1px solid var(--color-gray4);
    background-color: transparent;
}

.feedback-radio:checked,
.feedback-radio:checked ~ .feedback-radio {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.91667C0 3.54441 3.58229 0 7.95455 0C12.3268 0 15.9091 3.54441 15.9091 7.91667C15.9091 12.2889 12.3268 15.8333 7.95455 15.8333C3.58229 15.8333 0 12.2889 0 7.91667Z' fill='%239E86FC'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.feedback-textarea {
    box-sizing: border-box;
    width: 100%;
    height: 200px;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: var(--border-radius-sm);
    background: var(--color-white);
    color: var(--color-black);
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    resize: none;
}

.feedback-textarea::placeholder {
    color: var(--color-gray1);
}

.content-section.--feedback {
    margin: 55px 0 43px;
}

.feedback-subtext {
    color: var(--color-gray2);
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 40px;
}

.feedback-subtext.--purple {
    color: var(--color-purple);
    margin: 47px 0 16px;
}

.feedback-link {
    display: block;
    padding: 10px 0;
    text-align: center;
    font-weight: 500;
    line-height: 20px;
}

.policy-subtext {
    color: var(--color-gray4);
    text-align: center;
    line-height: 20px;
    margin: 20px 0;
}

.title-h2.--policy {
    margin: 36px auto 22px;
    width: 90%;
}

.policy-text {
    line-height: 25px;
    padding: 7px 0;
}

.policy-text ul {
    padding-left: 21px;
    margin: 0;
}

.policy-subtext.--bottom {
    color: var(--color-gray7);
    font-weight: 500;
    margin: 50px 0;
}

.tablet-screen {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100vw;
    min-height: calc(var(--vh, 1vh) * 100);
    background: var(--color-black);
}

.main-screen.--tablet {
    width: 50vw;
    right: 0;
}

.tablet-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    width: 56vw;
    height: calc(var(--vh, 1vh) * 100);
    box-sizing: border-box;
    padding: 5% 7%;
    background: var(--color-gray6);
}

.tablet-logo-img {
    width: 323px;
}

.tablet-text {
    margin: 20% 0 14%;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
}

.tablet-subtext {
    color: var(--color-gray1);
}

.content-section.--tablet {
    display: none;
}

.chat-setting-content-section .setting-row.--flex {
    margin: 0;
}

.chat-setting-content-section .setting-input {
    background: transparent;
    padding: 0;
    --converhide-btn-height: 20px;
    text-transform: uppercase;
    color: var(--color-white);
    border-radius: 0;
}

.chat-setting-content-section .setting-input + .button-square.--transparent {
    border: none;
    --converhide-square-btn-size: 20px;
}

.button-square.--small.--disable {
    border-color: var(--color-gray4);
}

.button-square.--small.--disable .icon {
    background-color:var(--color-gray4);
}

.up-arrow.button-square.--transparent {
    z-index: 9;
    position: fixed;
    right: var(--wrapper-padding-horizontal);
    bottom: var(--wrapper-padding-horizontal);
    background: linear-gradient(28deg, rgba(130, 130, 130, 0.03) 0.98%, rgba(130, 130, 130, 0.17) 97.38%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: -1px 1px 0 0 rgba(217, 217, 217, 0.10);
    border-color: transparent;
    opacity: 0;
    pointer-events: none;
}

.up-arrow.button-square.--transparent.--active {
    opacity: 1;
    pointer-events: all;
}

.up-arrow .icon.--arrow-left {
    transform: rotate(90deg);
    background-color: var( --color-white);
}

/*left*/
.wrapper.--show {
    min-width: 100%;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.wrapper.--next-page {
    min-width: 100%;
    pointer-events: none;
    opacity: 0;
    transition: .5s;
    transform: translateX(-20%);
}

.wrapper.--previous-page {
    pointer-events: none;
    opacity: 0;
    transition: .5s;
    transform: translateX(-20%);
}

.wrapper.--show-now {
    transform: translateX(-100%);
    opacity: 1;
    pointer-events: auto;
}

/*left-right*/

.loader {
    display: flex;
    align-items: center;
    min-height: 100%;
}

.subtext.--loader {
    width: 80%;
}

.title-h2.--loader {
    margin: 12vh 0 7vh;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 4vh 0 4vh;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

.message-block-voice.--footer {
    flex: 1;
    padding-right: 10px;
}

.message-block-voice-icon-footer {
    display: block;
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    -webkit-mask-image: var(--icon-path);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: var(--color-white);
}

.message-block-voice-icon-footer.--play {
    --icon-path: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.24754 13.9984C2.97177 14.0087 2.70056 13.9698 2.4385 13.8917C2.12706 13.7989 1.83492 13.6611 1.57234 13.4636C0.951499 12.9968 0.567725 12.3679 0.318729 11.6454C0.205653 11.3175 0.132807 10.9802 0.0768402 10.6382C0.0527275 10.4913 0.0339449 10.3434 0.0206194 10.196C0.00310593 10.0021 0.00335975 9.80615 0.00323284 9.6111C0.00196375 7.86828 0.00247139 6.12532 0.0025983 4.3825C0.0025983 4.24963 -0.00577772 4.11588 0.00754776 3.98429C0.0194772 3.86716 0.0277263 3.7494 0.0404173 3.63214C0.0583115 3.46819 0.0815359 3.305 0.109456 3.14308C0.136741 2.98471 0.177733 2.82849 0.218471 2.67279C0.250579 2.55008 0.286748 2.428 0.329263 2.30859C0.46899 1.91635 0.653516 1.54644 0.898451 1.20876C1.02561 1.03326 1.16928 0.870573 1.33032 0.725401C1.73986 0.356126 2.21767 0.1272 2.76275 0.0392595C3.145 -0.0224133 3.52446 -0.00896205 3.90493 0.062355C4.48453 0.171107 5.01691 0.396733 5.51541 0.704463C6.05757 1.03922 6.59427 1.38299 7.13313 1.72308C7.72884 2.09895 8.32442 2.47521 8.92026 2.85095C9.2732 3.07354 9.6326 3.28647 9.97475 3.5258C10.6196 3.97693 11.1569 4.52868 11.5352 5.2246C11.8747 5.84881 12.0388 6.51579 11.9922 7.22744C11.946 7.93312 11.7006 8.57054 11.3031 9.15173C10.8729 9.7809 10.3133 10.2716 9.67182 10.675C8.98054 11.1097 8.29066 11.5463 7.60015 11.9821C6.92322 12.4093 6.24743 12.8386 5.56884 13.2635C5.15347 13.5235 4.71233 13.7286 4.23921 13.8617C4.02524 13.9219 3.80772 13.9609 3.58677 13.9852C3.47344 13.9975 3.36049 13.9944 3.24754 13.9984ZM3.28244 12.5173C3.5855 12.521 3.8878 12.4481 4.18413 12.343C4.59113 12.1987 4.95676 11.9754 5.31832 11.746C5.68572 11.5131 6.05325 11.2802 6.42256 11.0501C7.07437 10.6442 7.72325 10.2335 8.371 9.82112C8.73751 9.58776 9.11545 9.37152 9.46458 9.11176C9.89937 8.78829 10.2753 8.41064 10.5254 7.92234C10.7382 7.50674 10.8134 7.06996 10.7167 6.60919C10.6135 6.11822 10.3517 5.71569 10.0121 5.35771C9.73413 5.0647 9.41166 4.82867 9.07001 4.61561C8.52684 4.27679 7.98786 3.93124 7.44456 3.59281C7.17945 3.42758 6.91535 3.26084 6.65163 3.09359C6.43398 2.95552 6.21595 2.81783 5.99792 2.68053C5.7337 2.51417 5.46934 2.34806 5.2055 2.18106C5.02186 2.06482 4.83746 1.94921 4.64266 1.85264C4.41688 1.74072 4.18375 1.6477 3.93958 1.58121C3.73196 1.52461 3.52179 1.492 3.30757 1.48426C3.14932 1.47855 2.99398 1.50316 2.83826 1.53311C2.57683 1.58349 2.35309 1.70544 2.1546 1.87612C1.85078 2.13753 1.65699 2.47229 1.52145 2.84499C1.33616 3.35436 1.2741 3.8834 1.2736 4.42107C1.27195 6.09195 1.27309 7.76295 1.27283 9.43383C1.27283 9.69334 1.27994 9.95208 1.30799 10.2104C1.33832 10.4901 1.38959 10.765 1.475 11.033C1.58782 11.3867 1.74862 11.7153 2.00777 11.986C2.35055 12.3437 2.77176 12.5227 3.28244 12.5173Z' fill='%23F8F8F8'/%3E%3C/svg%3E%0A");
}

.message-block-voice-icon-footer.--pause {
    --icon-path: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 1.75C0 0.783502 0.783501 0 1.75 0H5.45385C6.42035 0 7.20385 0.783502 7.20385 1.75V12.0723C7.20385 13.0388 6.42035 13.8223 5.45385 13.8223H1.75C0.7835 13.8223 0 13.0388 0 12.0723V1.75ZM1.75 1.5C1.61193 1.5 1.5 1.61193 1.5 1.75V12.0723C1.5 12.2103 1.61193 12.3223 1.75 12.3223H5.45385C5.59192 12.3223 5.70385 12.2103 5.70385 12.0723V1.75C5.70385 1.61193 5.59192 1.5 5.45385 1.5H1.75Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.66602 1.75C8.66602 0.783502 9.44952 0 10.416 0H14.1199C15.0864 0 15.8699 0.783502 15.8699 1.75V12.0723C15.8699 13.0388 15.0864 13.8223 14.1199 13.8223H10.416C9.44952 13.8223 8.66602 13.0388 8.66602 12.0723V1.75ZM10.416 1.5C10.2779 1.5 10.166 1.61193 10.166 1.75V12.0723C10.166 12.2103 10.2779 12.3223 10.416 12.3223H14.1199C14.2579 12.3223 14.3699 12.2103 14.3699 12.0723V1.75C14.3699 1.61193 14.2579 1.5 14.1199 1.5H10.416Z' fill='white'/%3E%3C/svg%3E%0A");
}

.message-block-voice-icon-footer.--delete {
    --icon-path: 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%3Cg clip-path='url(%23clip0_1161_994)'%3E%3Cpath d='M13.125 2.5H11.1875C11.0424 1.79463 10.6586 1.16084 10.1008 0.705449C9.54293 0.250056 8.84513 0.000909078 8.125 0L6.875 0C6.15487 0.000909078 5.45707 0.250056 4.89922 0.705449C4.34136 1.16084 3.95756 1.79463 3.8125 2.5H1.875C1.70924 2.5 1.55027 2.56585 1.43306 2.68306C1.31585 2.80027 1.25 2.95924 1.25 3.125C1.25 3.29076 1.31585 3.44973 1.43306 3.56694C1.55027 3.68415 1.70924 3.75 1.875 3.75H2.5V11.875C2.50099 12.7035 2.83055 13.4978 3.41639 14.0836C4.00222 14.6694 4.7965 14.999 5.625 15H9.375C10.2035 14.999 10.9978 14.6694 11.5836 14.0836C12.1694 13.4978 12.499 12.7035 12.5 11.875V3.75H13.125C13.2908 3.75 13.4497 3.68415 13.5669 3.56694C13.6842 3.44973 13.75 3.29076 13.75 3.125C13.75 2.95924 13.6842 2.80027 13.5669 2.68306C13.4497 2.56585 13.2908 2.5 13.125 2.5ZM6.875 1.25H8.125C8.51267 1.25047 8.8907 1.37086 9.20726 1.59465C9.52381 1.81844 9.76339 2.13468 9.89313 2.5H5.10687C5.23661 2.13468 5.47619 1.81844 5.79274 1.59465C6.1093 1.37086 6.48733 1.25047 6.875 1.25ZM11.25 11.875C11.25 12.3723 11.0525 12.8492 10.7008 13.2008C10.3492 13.5525 9.87228 13.75 9.375 13.75H5.625C5.12772 13.75 4.65081 13.5525 4.29917 13.2008C3.94754 12.8492 3.75 12.3723 3.75 11.875V3.75H11.25V11.875Z' fill='%239E86FC'/%3E%3Cpath d='M6.25 11.2495C6.41576 11.2495 6.57473 11.1837 6.69194 11.0664C6.80915 10.9492 6.875 10.7903 6.875 10.6245V6.87451C6.875 6.70875 6.80915 6.54978 6.69194 6.43257C6.57473 6.31536 6.41576 6.24951 6.25 6.24951C6.08424 6.24951 5.92527 6.31536 5.80806 6.43257C5.69085 6.54978 5.625 6.70875 5.625 6.87451V10.6245C5.625 10.7903 5.69085 10.9492 5.80806 11.0664C5.92527 11.1837 6.08424 11.2495 6.25 11.2495Z' fill='%239E86FC'/%3E%3Cpath d='M8.75 11.2495C8.91576 11.2495 9.07474 11.1837 9.19195 11.0664C9.30916 10.9492 9.37501 10.7903 9.37501 10.6245V6.87451C9.37501 6.70875 9.30916 6.54978 9.19195 6.43257C9.07474 6.31536 8.91576 6.24951 8.75 6.24951C8.58424 6.24951 8.42527 6.31536 8.30806 6.43257C8.19085 6.54978 8.125 6.70875 8.125 6.87451V10.6245C8.125 10.7903 8.19085 10.9492 8.30806 11.0664C8.42527 11.1837 8.58424 11.2495 8.75 11.2495Z' fill='%239E86FC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1161_994'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-color: var(--color-purple);
}







.button-click {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rebeccapurple;
    z-index: 9999;
}







.lds-ring {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    margin: 4px;
    border: 1px solid var(--color-purple);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--color-purple) transparent transparent transparent;
}

.message-block-text .lds-ring div{
    border-color: var(--color-white) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.popup-window.--center.--new-version {
    background: var(--color-white);
}

.popup-window.--center.--new-version .title-h3 {
    color: var(--color-black);
}

.popup-window.--center.--new-version .button.--purple:active {
    background: var(--color-gray4);
}