.chat{max-height:100%}.chat .chat-header{height:60px;padding-bottom:12px;border-bottom:1px solid #d8d8d8}.chat .chat-header .user-container{flex-direction:column}.chat .chat-header .user-container .name{color:#000;font-weight:700;line-height:19px;flex-basis:100%}.chat .chat-header .user-container .user-info{font-weight:400;font-size:16px;line-height:20px;color:#888b8d}.chat .chat-body{overflow:auto;max-height:calc(100vh - 340px);overscroll-behavior-y:contain;-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity}.chat .chat-body :last-child{scroll-snap-align:end}.chat .chat-body::-webkit-scrollbar{width:6px}.chat .chat-body::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c4c4c4;outline:1px solid #c4c4c4}.chat .chat-body .message-group-date{font-family:mainFont(Inter)!important;font-size:15px;color:#acaeaf;justify-content:center}.chat .chat-body .message-container{display:flex;flex-wrap:wrap;justify-content:flex-end;width:95%;margin:auto;font-family:mainFont(Inter)!important}.chat .chat-body .message-container .v-banner{flex-basis:100%;letter-spacing:-.3px;border-radius:8px;color:#fff}.chat .chat-body .message-container .message-time{font-family:mainFont(Inter)!important;font-size:12px;color:#000}.chat .chat-body .message-container.hcp-message-container{float:right}.chat .chat-body .message-container.hcp-message-container .sender-container{flex-direction:row-reverse}.chat .chat-body .message-container.hcp-message-container .v-banner.message{background-color:#fdedcf;border:1px solid #fdedcf;color:#000;margin-right:55px}.chat .chat-body .message-container.hcp-message-container .v-banner .v-banner__wrapper{padding:16px 8px 16px 16px}.chat .chat-body .message-container.hcp-message-container .v-banner .message-time{color:#acaeaf}.chat .chat-body .message-container.patient-message-container{float:left}.chat .chat-body .message-container.patient-message-container .sender-container{flex-direction:row}.chat .chat-body .message-container.patient-message-container .v-banner.message{background:var(--primary-color);border:1px solid var(--primary-color);margin-left:55px}.chat .chat-body .message-container.system-message-container{margin:auto}.chat .chat-body .message-container.system-message-container .v-banner{color:#000}.chat .chat-body .message-container.system-message-container .v-banner.message{background:#d3d3d3;border:1px solid #d3d3d3}.chat .chat-send-message-box{max-height:40%}.chat .chat-send-message-box .col,.chat .chat-send-message-box .col .v-input,.chat .chat-send-message-box .col .v-input .v-input__control{height:100%;max-height:100%}.chat .chat-send-message-box .col .v-input .v-input__control .v-text-field__slot{padding:5px 8px 5px 0;margin:2px 0;overflow-y:auto;font-family:mainFont(Inter)!important;align-self:center}.chat .chat-send-message-box .col .v-input .v-input__control .v-text-field__slot textarea{margin-top:0}.chat .chat-send-message-box .col .v-input .v-input__control .v-text-field__slot textarea::-webkit-scrollbar{width:6px}.chat .chat-send-message-box .col .v-input .v-input__control .v-text-field__slot textarea::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c4c4c4;outline:1px solid #c4c4c4}.chat .chat-send-message-box .col .v-input.primary--text,.chat .chat-send-message-box .col .v-input .v-icon.mdi-send{cursor:pointer;color:var(--primary-color)!important}.chat .chat-send-message-box .col .v-input .v-input__append-inner{align-self:flex-end;margin-bottom:12px}.chat .chat-send-message-box div{max-height:inherit}.chat .v-skeleton-loader>div{background:transparent!important;padding-left:0}.chat div{box-sizing:border-box}@media only screen and (min-width:1264px){.messages-container{padding-left:72px}}.emoji-invoker{position:relative;width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;transition:all .2s;padding:2px 0 0;margin-right:5px;background:transparent;border:0}.emoji-invoker>svg{fill:#b1c6d0}.emoji-invoker:hover{transform:scale(1.1)}.emoji-picker{position:absolute;bottom:42px;right:45px;z-index:1;font-family:Montserrat;border:1px solid #ccc;width:15rem;height:20rem;min-height:20rem;overflow:scroll;padding:1rem;box-sizing:border-box;border-radius:.5rem;background:#fff;box-shadow:1px 1px 8px #c7dbe6}.emoji-picker h5{margin-bottom:0;color:#b1b1b1;text-transform:uppercase;font-size:.8rem;cursor:default}.emoji-picker .emojis{display:flex;flex-wrap:wrap;justify-content:space-between}.emoji-picker .emojis span{padding:.2rem;cursor:pointer;border-radius:5px}.emoji-picker .emojis span:hover{background:#ececec;cursor:pointer}.emoji-picker .emojis:after{content:"";flex:auto}.emoji-picker__search{display:flex}.emoji-picker__search>input{flex:1;border-radius:10rem;border:1px solid #ccc;padding:.5rem 1rem;outline:none}