.app-chat{--bs-chat-bg: #f7f6fa;position:relative;block-size:calc(100vh - 11.7rem)}.layout-navbar-hidden .app-chat{block-size:calc(100vh - 7.8rem)}@media (min-width: 1200px){.layout-horizontal .app-chat{block-size:calc(100vh - 11.7rem - 4.2rem)}}@media (width <= 992px){.app-chat .app-sidebar{z-index:4}}.app-chat .app-sidebar .sidebar-header{position:relative}.app-chat .app-sidebar .sidebar-header .close-sidebar{position:absolute;inset-block-start:1.25rem;inset-inline-end:1.25rem}.app-chat .app-sidebar .sidebar-header .chat-sidebar-avatar{block-size:84px;inline-size:84px}.app-chat .app-sidebar .sidebar-header .chat-sidebar-avatar:after{block-size:15px;box-shadow:0 0 0 .188rem var(--bs-paper-bg);inline-size:15px;inset-block-end:6px}.app-chat .app-chat-contacts,.app-chat .app-chat-sidebar-left{background-color:var(--bs-paper-bg)}.app-chat .app-chat-contacts .chat-actions .chat-search-input,.app-chat .app-chat-sidebar-left .chat-actions .chat-search-input{background-color:var(--bs-body-bg)}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active,.app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active{background-color:var(--bs-primary);box-shadow:var(--bs-box-shadow-xs);color:var(--bs-white)}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active h6,.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active .chat-contact-list-item-time,.app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active h6,.app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active .chat-contact-list-item-time{color:var(--bs-white)}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li .chat-contact-list-item-time,.app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li .chat-contact-list-item-time{color:var(--bs-secondary-color)}.app-chat .app-chat-contacts .sidebar-body .chat-sidebar-avatar,.app-chat .app-chat-sidebar-left .sidebar-body .chat-sidebar-avatar{block-size:84px;inline-size:84px}.app-chat .app-chat-contacts .sidebar-body .chat-sidebar-avatar:after,.app-chat .app-chat-sidebar-left .sidebar-body .chat-sidebar-avatar:after{block-size:15px;inline-size:15px;inset-block-end:6px}.app-chat .app-chat-contacts{position:absolute;flex-basis:21rem;block-size:calc(100vh - 11.7rem);inline-size:21rem;inset-inline-start:-22rem;transition:all .25s ease}.app-chat .app-chat-contacts .sidebar-header{block-size:4.75rem}.layout-navbar-hidden .app-chat .app-chat-contacts{block-size:calc(100vh - 7.8rem)}@media (min-width: 1200px){.layout-horizontal .app-chat .app-chat-contacts{block-size:calc(100vh - 11.7rem - 4.2rem)}}@media (width >= 992px){.app-chat .app-chat-contacts{position:static}}.app-chat .app-chat-contacts.show{inset-inline-start:0}.app-chat .app-chat-contacts .sidebar-body{block-size:calc(100vh - 16.4rem)}.layout-navbar-hidden .app-chat .app-chat-contacts .sidebar-body{block-size:calc(100vh - 12.5rem)}@media (min-width: 1200px){.layout-horizontal .app-chat .app-chat-contacts .sidebar-body{block-size:calc(calc(100vh - 11.7rem) - 4.7rem - 4.2rem)}}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item{display:flex;justify-content:space-between;border-radius:.5rem;cursor:pointer;margin-block:.25rem;margin-inline:.75rem;padding-block:.5rem;padding-inline:.75rem}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item a{inline-size:100%}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item .chat-contact-info{min-inline-size:0}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item .chat-contact-info .chat-contact-name{line-height:1.5}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item small{white-space:nowrap}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item-title{padding-block:.5rem .25rem;padding-inline:1rem}.app-chat .app-chat-sidebar-left,.app-chat .app-chat-sidebar-right{position:absolute;z-index:5;block-size:calc(100vh - 11.7rem);inline-size:21rem;inset-block-start:0;opacity:0;transition:all .25s ease}.layout-navbar-hidden .app-chat .app-chat-sidebar-left,.layout-navbar-hidden .app-chat .app-chat-sidebar-right{block-size:calc(100vh - 7.8rem)}@media (min-width: 1200px){.layout-horizontal .app-chat .app-chat-sidebar-left,.layout-horizontal .app-chat .app-chat-sidebar-right{block-size:calc(100vh - 11.7rem - 4.2rem)}}.app-chat .app-chat-sidebar-left.show,.app-chat .app-chat-sidebar-right.show{opacity:1}.app-chat .app-chat-sidebar-left{inset-inline-start:-22rem}.app-chat .app-chat-sidebar-left.show{inset-inline-start:0}.app-chat .app-chat-sidebar-left .sidebar-body{block-size:calc(100vh - 24rem)}.layout-navbar-hidden .app-chat .app-chat-sidebar-left .sidebar-body{block-size:calc(100vh - 20.1rem)}@media (min-width: 1200px){.layout-horizontal .app-chat .app-chat-sidebar-left .sidebar-body{block-size:calc(100vh - 28.2rem)}}.app-chat .app-chat-conversation{background-color:var(--bs-chat-bg);block-size:calc(100vh - 11.7rem)}.layout-navbar-hidden .app-chat .app-chat-conversation{block-size:calc(100vh - 7.8rem)}@media (min-width: 1200px){.layout-horizontal .app-chat .app-chat-conversation{block-size:calc(100vh - 11.7rem - 4.2rem)}}.app-chat .app-chat-conversation .app-chat-conversation-btn{display:none}@media (width <= 992px){.app-chat .app-chat-conversation .app-chat-conversation-btn{display:block}}.app-chat .app-chat-history{position:relative;background-color:var(--bs-chat-bg);block-size:calc(100vh - 11.7rem);transition:all .25s ease}.layout-navbar-hidden .app-chat .app-chat-history{block-size:calc(100vh - 7.8rem)}@media (min-width: 1200px){.layout-horizontal .app-chat .app-chat-history{block-size:calc(100vh - 11.7rem - 4.2rem)}}.app-chat .app-chat-history .chat-history-wrapper{background-color:var(--bs-chat-bg)}.app-chat .app-chat-history .chat-history-header{margin-block-start:-1px;padding-block:1rem;padding-inline:1.25rem}.app-chat .app-chat-history .chat-history-body{overflow:hidden;block-size:calc(100vh - 22.35rem);padding-block:1.5rem;padding-inline:1.25rem}.layout-navbar-hidden .app-chat .app-chat-history .chat-history-body{block-size:calc(100vh - 18.4rem)}@media (min-width: 1200px){.layout-horizontal .app-chat .app-chat-history .chat-history-body{block-size:calc(100vh - 26.55rem)}}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message{display:flex;justify-content:flex-start}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message .chat-message-text{border-radius:.5rem;background-color:var(--bs-paper-bg);box-shadow:var(--bs-box-shadow-xs);padding-block:.543rem;padding-inline:1rem}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right{justify-content:flex-end}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right .chat-message-text{background-color:var(--bs-primary);border-start-end-radius:0;color:var(--bs-white)}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message:not(.chat-message-right) .chat-message-text{border-start-start-radius:0}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message .thumbnail{cursor:zoom-in}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message:not(:last-child){margin-block-end:2.5rem}.app-chat .app-chat-history .chat-history-footer{padding:.1875rem .5rem .1875rem 1rem;margin:1.25rem;background-color:var(--bs-paper-bg);box-shadow:var(--bs-box-shadow-xs);border-radius:.5rem}.app-chat .app-chat-history .chat-history-footer .form-control.message-input{padding-block:.8555rem;padding-inline:1rem}.app-chat .app-chat-sidebar-right{background-color:var(--bs-paper-bg);box-shadow:16px 1px 45px 3px #262b4380;inset-inline-end:-22rem}.app-chat .app-chat-sidebar-right.show{inset-inline-end:0}.app-chat .app-chat-sidebar-right .sidebar-body{block-size:calc(100vh - 24rem)}.layout-navbar-hidden .app-chat .app-chat-sidebar-right .sidebar-body{block-size:calc(100vh - 20.1rem)}@media (min-width: 1200px){.layout-horizontal .app-chat .app-chat-sidebar-right .sidebar-body{block-size:calc(calc(100vh - 11.7rem) - 12.1rem - 4.2rem)}}@media (width <= 576px){.app-chat .app-chat-sidebar-right.show,.app-chat .app-chat-sidebar-left.show,.app-chat .app-chat-contacts.show{inline-size:100%}}[data-bs-theme=dark] .app-chat{--bs-chat-bg: #343752}