[data-v-d0ae8f1e] .b-chat__header {
    z-index: 10;
    flex-shrink: 0
}

[data-v-d0ae8f1e] .b-chat__header.g-header-sticky-edge {
    flex-basis: 112px
}

[data-v-d0ae8f1e] .b-chat__header__actions {
    padding-right: 30px
}

[data-v-d0ae8f1e] .b-chat__header.m-search-form-visible .g-page-title {
    min-height: auto
}

[data-v-d0ae8f1e] .b-chat__header.m-search-form-visible .b-search-form {
    top: 100%;
    left: 0;
    right: 0
}

[data-v-d0ae8f1e] .b-chat__header.m-search-form-visible+.b-chat__messages .b-preloader-line {
    top: 49px
}

[data-v-d0ae8f1e] .b-chat__header.m-search-form-visible .b-preloader-line {
    top: auto;
    bottom: 0
}

[data-v-d0ae8f1e] .b-chat__header__wrapper {
    min-width: 0;
    flex: 1
}

[data-v-d0ae8f1e] .b-chat__header__title {
    width: 100%;
    padding-left: 30px;
    padding-right: 28px;
    margin-bottom: 4px;
    margin-top: -2px;
    display: flex;
    align-content: center;
    align-items: center
}

@media (min-width: 1004px) {
    [data-v-d0ae8f1e] .b-chat__header__title {
        padding-left:34px;
        margin-top: -4px
    }
}

[data-v-d0ae8f1e] .b-chat__header .dropdown {
    position: absolute;
    bottom: 0;
    right: 11px;
    min-height: inherit;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

[data-v-d0ae8f1e] .b-chat__header__online-badge {
    width: 8px;
    height: 8px;
    margin: 0 9px 0 0;
    border-radius: 1000px;
    background: #35d063
}

[data-v-d0ae8f1e] .b-chat__header__online-badge.m-muted {
    background: var(--bg-color);
    position: relative;
    color: #fefefe
}

[data-v-d0ae8f1e] .b-chat__header__online-badge.m-muted:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(138,150,163,.4);
    border-radius: 1000px;
    z-index: 0
}

[data-v-d0ae8f1e] .b-chat__header__online-badge.m-muted .g-icon {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    z-index: 1
}

[data-v-d0ae8f1e] .b-chat__header__live-badge {
    width: 14px;
    height: 14px;
    border-radius: 1000px;
    background: #ff485b;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0 6px 0 0;
    color: #fefefe
}

[data-v-d0ae8f1e] .b-chat__header__live-badge .g-icon {
    width: 12px;
    height: 12px;
    flex: 0 0 12px
}

[data-v-d0ae8f1e] .b-chat__subheader {
    width: 100%;
    padding-left: 30px;
    display: flex;
    align-content: center;
    align-items: center
}

@media (min-width: 1004px) {
    [data-v-d0ae8f1e] .b-chat__subheader {
        padding-left:34px
    }
}

[data-v-d0ae8f1e] .b-chat__subheader__col {
    --padding-gap: 6px;
    position: relative;
    padding-left: var(--padding-gap);
    padding-right: var(--padding-gap);
    font-size: 11px;
    display: inline-flex
}

@media (min-width: 768px) {
    [data-v-d0ae8f1e] .b-chat__subheader__col {
        --padding-gap:14px
    }
}

[data-v-d0ae8f1e] .b-chat__subheader__col:after {
    content: "";
    width: 1px;
    height: 16px;
    background: rgba(138,150,163,.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

[data-v-d0ae8f1e] .b-chat__subheader__col:first-child {
    padding-left: 0
}

[data-v-d0ae8f1e] .b-chat__subheader__col:first-child:after {
    content: none
}

@media (max-width: 1079px) {
    [data-v-d0ae8f1e] .b-chat__subheader__col_text {
        display:none
    }
}

[data-v-d0ae8f1e] .b-chat__subheader__col .g-btn {
    margin-left: 0!important;
    font-size: inherit;
    line-height: 16px;
    min-height: 16px;
    position: relative
}

[data-v-d0ae8f1e] .b-chat__subheader__col .g-btn:after {
    content: "";
    position: absolute;
    top: calc(var(--padding-gap)*-.5);
    right: calc(var(--padding-gap)*-1);
    bottom: calc(var(--padding-gap)*-.5);
    left: calc(var(--padding-gap)*-1)
}

[data-v-d0ae8f1e] .b-chat__subheader__col .g-btn .g-icon {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    transform: translateY(-1px)
}

[data-v-d0ae8f1e] .b-chat__subheader__col .g-btn .g-icon:not(:last-child) {
    margin-right: 3px
}

@media (max-width: 1079px) {
    [data-v-d0ae8f1e] .b-chat__subheader__col .g-btn .g-icon:not(:last-child) {
        margin-right:0
    }
}

[data-v-d0ae8f1e] .b-chat__user-status,[data-v-d0ae8f1e] .b-chat__username {
    font-size: 11px;
    line-height: 16px;
    color: #8a96a3
}

[data-v-d0ae8f1e] .b-chat__user-status {
    white-space: nowrap;
    display: flex;
    align-content: center;
    align-items: center
}

[data-v-d0ae8f1e] .b-chat__user-status span:not([class]) {
    margin-left: 3px
}

.b-chats[data-v-d0ae8f1e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative
}

.b-chats__conversations[data-v-d0ae8f1e] {
    display: flex;
    flex-grow: 1;
    position: relative
}

.b-chats__conversations[data-v-d0ae8f1e]>.b-spinner-processing {
    position: absolute;
    top: 0;
    left: 1px;
    right: 0;
    bottom: 0;
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh)*100);
    z-index: 10;
    background: var(--bg-color)
}

.b-chats__conversations[data-v-d0ae8f1e] .b-page-content:not(.m-chat-footer) {
    flex: 1;
    position: relative;
    overflow: hidden
}

.b-chats__conversations[data-v-d0ae8f1e] .b-page-content.m-chat-footer {
    display: flex;
    flex-direction: column-reverse;
    position: relative
}

@media (max-width: 1003px) {
    .b-chats__conversations[data-v-d0ae8f1e] .b-chat {
        height:100%
    }
}

@media (min-width: 768px) {
    .b-chats__conversations[data-v-d0ae8f1e] .b-chat__message__media .swiper-container {
        overflow:hidden;
        border-radius: inherit;
        max-height: 100%
    }
}

[data-v-d0ae8f1e] .b-chats__conversations-list {
    max-width: 100%
}

@media (min-width: 1004px) {
    [data-v-d0ae8f1e] .b-chats__conversations-list {
        max-width:395px;
        flex: 0 0 395px;
        border-right: 1px solid rgba(138,150,163,.25);
        display: flex;
        flex-direction: column
    }
}

@media (min-width: 768px) {
    .b-chats__conversations-list .b-chats__list-wrapper[data-v-d0ae8f1e] {
        flex:1;
        position: relative
    }
}

@media (min-width: 1004px) {
    .b-chats__conversations-list .b-chats__list-wrapper[data-v-d0ae8f1e] {
        overflow:hidden
    }
}

@media (min-width: 768px) {
    .b-chats__conversations-list .b-chats__list-wrapper .b-chats__scroller[data-v-d0ae8f1e] {
        left:-8px;
        right: -11px;
        bottom: 10px;
        padding-right: 11px;
        padding-left: 8px;
        position: absolute
    }
}

[data-v-d0ae8f1e] .b-chats__conversations-content {
    max-width: 100%;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative
}

@media (min-width: 1004px) {
    [data-v-d0ae8f1e] .b-chats__conversations-content {
        max-width:calc(100% - 395px);
        padding-left: 16px;
        padding-right: 16px
    }
}

[data-v-d0ae8f1e] .b-chats__conversations-content .b-chat {
    width: 100%
}

@media (min-width: 768px) {
    [data-v-d0ae8f1e] .b-chats__conversations-content .b-chat {
        max-height:100%
    }
}

@media (min-width: 1004px) {
    [data-v-d0ae8f1e] .b-chats__conversations-content .b-chat {
        max-width:100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        min-height: 100%
    }
}

.b-chats[data-v-d0ae8f1e] .b-username-row .g-icon.m-verified-icon {
    margin-left: 4px;
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

@media (min-width: 500px) {
    [data-v-d0ae8f1e] .b-chats__scroller.m-native-custom-scrollbar {
        position:absolute;
        top: 0;
        bottom: 0;
        left: 16px;
        right: 16px;
        overflow-x: hidden;
        max-height: calc(100vh - 56px);
        max-height: calc(var(--vh, 1vh)*100 - 56px)
    }
}

@media (min-width: 1004px) {
    [data-v-d0ae8f1e] .b-chats__scroller.m-native-custom-scrollbar {
        left:0;
        right: 0
    }
}

.scroll-list-chats[data-v-d0ae8f1e] {
    height: 100px
}

[data-v-d0ae8f1e] .b-header-conversation>.g-page__header__btn {
    position: absolute;
    left: 16px;
    bottom: 10px
}

@media (min-width: 1004px) {
    [data-v-d0ae8f1e] .b-header-conversation>.g-page__header__btn {
        left:18px
    }
}

[data-v-d0ae8f1e] .b-chat {
    display: flex;
    flex-direction: column
}

@media (min-width: 1004px) {
    [data-v-d0ae8f1e] .b-chat {
        flex:1
    }
}

[data-v-d0ae8f1e] .b-chat .error {
    color: #00aff0;
    font-weight: 500;
    font-size: 13px;
    margin: 0 16px
}

[data-v-d0ae8f1e] .b-chat .error:not(:empty) {
    padding: 8px 0 10px
}

[data-v-d0ae8f1e] .b-chat__messages {
    flex: 1;
    display: flex;
    position: relative
}

@media (max-width: 767px) {
    [data-v-d0ae8f1e] .b-chat__messages:not(.m-native-custom-scrollbar) {
        overflow-y:hidden
    }
}

.b-chat__btn-submit[data-v-d0ae8f1e] {
    margin-left: 6px
}

[data-v-d0ae8f1e] .b-chat__btn-submit[disabled] {
    opacity: .2
}

[data-v-d0ae8f1e] .b-chat__search-form {
    flex-wrap: nowrap
}

[data-v-d0ae8f1e] .b-header-conversation .b-chat__search-form {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    left: 0
}

[data-v-d0ae8f1e] .b-chat__search__results-nav {
    display: flex;
    align-content: center;
    align-items: center
}

[data-v-d0ae8f1e] .b-chat__search-nothing {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    max-width: 90%;
    width: 100%;
    color: #8a96a3;
    text-align: center
}

[data-v-d0ae8f1e] .b-chat__search__results-count {
    margin-right: 12px;
    color: #8a96a3;
    font-weight: 500
}

@media (min-width: 768px) {
    [data-v-d0ae8f1e] .chat-footer__alert {
        padding-left:16px;
        padding-right: 16px
    }
}

.b-services-chat-hints[data-v-d0ae8f1e] {
    background-color: var(--bg-color)
}

[data-v-d0ae8f1e] .hellip-animate {
    overflow: hidden;
    animation: hellip-animate-d0ae8f1e 1s linear infinite;
    display: inline-block;
    vertical-align: text-bottom;
    white-space: nowrap
}

[data-v-d0ae8f1e] .b-users-lists-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column
}

@keyframes hellip-animate-d0ae8f1e {
    0% {
        width: 0
    }

    to {
        width: 12px
    }
}