html.notice {
	width: 100%;
    height: 100%;
}
html.notice body {
	text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
    font-family: Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;
    margin: 0;
}
html.notice div {
    margin-top: -50px;
}
html.notice h1 {
	font-size: 36px;
    font-weight: 300;
    color: var(--primary-title);
}
html.notice h3 {
	font-weight: 300;
    color: var(--primary-title);
}

.chat-container * { scrollbar-color: rgba(0,0,0,.2) hsla(0,0%,100%,.1);	scrollbar-width: thin; font-size: 100%; outline: none; margin: 0; padding: 0; border: 0; }

.chat-container ::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
}
.chat-container ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
}

.chat-container ::-webkit-scrollbar-track {
    background: hsla(0,0%,100%,.1);
}

.chat-container {
	--beige: #e5ddd5;
    --beige-rgb: 229,221,213;
    --black: #000;
    --black-rgb: 0,0,0;
    --blue: #039be5;
    --blue-rgb: 3,155,229;
    --blue-light: #00a5f4;
    --blue-light-rgb: 0,165,244;
    --blue-ocean: #aadaff;
    --blue-ocean-rgb: 170,218,255;
    --blue-sky: #9de1fe;
    --blue-sky-rgb: 157,225,254;
    --dark: #263238;
    --dark-rgb: 38,50,56;
    --gray-30: #f7f7f7;
    --gray-30-rgb: 247,247,247;
    --gray-60: #f0f0f0;
    --gray-60-rgb: 240,240,240;
    --gray-70: #ededed;
    --gray-70-rgb: 237,237,237;
    --gray-100: #e6e6e6;
    --gray-100-rgb: 230,230,230;
    --gray-150: #d9d9d9;
    --gray-150-rgb: 217,217,217;
    --gray-200: #ccc;
    --gray-200-rgb: 204,204,204;
    --gray-300: #b3b3b3;
    --gray-300-rgb: 179,179,179;
    --gray-400: #999;
    --gray-400-rgb: 153,153,153;
    --gray-500: grey;
    --gray-500-rgb: 128,128,128;
    --gray-600: #666;
    --gray-600-rgb: 102,102,102;
    --gray-700: #4a4a4a;
    --gray-700-rgb: 74,74,74;
    --gray-800: #303030;
    --gray-800-rgb: 48,48,48;
    --gray-850: #262626;
    --gray-850-rgb: 38,38,38;
    --gray-900: #1a1a1a;
    --gray-900-rgb: 26,26,26;
    --green: #07bc4c;
    --green-rgb: 7,188,76;
    --green-deep: #1b9a59;
    --green-deep-rgb: 27,154,89;
    --orange: #ffad20;
    --orange-rgb: 255,173,32;
    --pale-blue-green: #ecfaf5;
    --pale-blue-green-rgb: 236,250,245;
    --pale-green: #dcf8c6;
    --pale-green-rgb: 220,248,198;
    --pale-yellow: #fff5c4;
    --pale-yellow-rgb: 255,245,196;
    --red: #d70000;
    --red-rgb: 215,0,0;
    --red-light: #f44336;
    --red-light-rgb: 244,67,54;
    --teal: #009688;
    --teal-rgb: 0,150,136;
    --teal-light: #1de9b6;
    --teal-light-rgb: 29,233,182;
    --teal-lighter: #2e7971;
    --teal-lighter-rgb: 46,121,113;
    --white: #fff;
    --white-rgb: 255,255,255;
    --yellow: #fed859;
    --yellow-rgb: 254,216,89;
    --active-tab-marker: #009688;
    --active-tab-marker-rgb: 0,150,136;
    --app-background: #dddbd1;
    --app-background-rgb: 221,219,209;
    --app-background-deeper: #d2dbdc;
    --app-background-deeper-rgb: 210,219,220;
    --app-background-stripe: #009688;
    --app-background-stripe-rgb: 0,150,136;
    --attach-media-drop-border: rgba(0,0,0,0.3);
    --attach-media-drop-border-rgb: 0,0,0;
    --attach-media-drop-overlay: hsla(0,0%,100%,0.6);
    --attach-media-drop-overlay-rgb: 255,255,255;
    --audio-progress-incoming: #31c76a;
    --audio-progress-incoming-rgb: 49,199,106;
    --audio-progress-outgoing: #889a7b;
    --audio-progress-outgoing-rgb: 136,154,123;
    --audio-progress-played-incoming: #30b6f6;
    --audio-progress-played-incoming-rgb: 48,182,246;
    --audio-progress-played-outgoing: #2ab5eb;
    --audio-progress-played-outgoing-rgb: 42,181,235;
    --audio-track-incoming: #e6e6e6;
    --audio-track-incoming-rgb: 230,230,230;
    --audio-track-outgoing: #c6dfb2;
    --audio-track-outgoing-rgb: 198,223,178;
    --avatar-background: #e6e6e6;
    --avatar-background-rgb: 230,230,230;
    --avatar-border: #fff;
    --avatar-border-rgb: 255,255,255;
    --avatar-placeholder-background: #dfe5e7;
    --avatar-placeholder-background-rgb: 223,229,231;
    --avatar-placeholder-primary: #fff;
    --avatar-placeholder-primary-rgb: 255,255,255;
    --background-default: #fff;
    --background-default-rgb: 255,255,255;
    --background-default-active: #efefef;
    --background-default-active-rgb: 239,239,239;
    --background-default-hover: #f5f5f5;
    --background-default-hover-rgb: 245,245,245;
    --badge-icon: #fff;
    --badge-icon-rgb: 255,255,255;
    --badge-pending: #00bfa5;
    --badge-pending-rgb: 0,191,165;
    --border-bubble: rgba(0,0,0,0.06);
    --border-bubble-rgb: 0,0,0;
    --border-default: #f0f0f0;
    --border-default-rgb: 240,240,240;
    --border-list: #f2f2f2;
    --border-list-rgb: 242,242,242;
    --border-panel: rgba(0,0,0,0.05);
    --border-panel-rgb: 0,0,0;
    --border-strong: #d9d9d9;
    --border-strong-rgb: 217,217,217;
    --border-stronger: rgba(0,0,0,0.08);
    --border-stronger-rgb: 0,0,0;
    --bubble-meta: rgba(0,0,0,0.45);
    --bubble-meta-rgb: 0,0,0;
    --bubble-meta-icon: rgba(0,0,0,0.3);
    --bubble-meta-icon-rgb: 0,0,0;
    --butterbar-battery-background: #fa685e;
    --butterbar-battery-background-rgb: 249.69711,103.94798,93.50289;
    --butterbar-battery-icon: hsla(0,0%,100%,0.9);
    --butterbar-battery-icon-rgb: 255,255,255;
    --butterbar-battery-primary: #fff;
    --butterbar-battery-primary-rgb: 255,255,255;
    --butterbar-battery-secondary: #fff;
    --butterbar-battery-secondary-rgb: 255,255,255;
    --butterbar-connection-background: #fed859;
    --butterbar-connection-background-rgb: 254,216,89;
    --butterbar-connection-primary: rgba(48,48,48,0.96);
    --butterbar-connection-primary-rgb: 48,48,48;
    --butterbar-connection-secondary: rgba(48,48,48,0.85);
    --butterbar-connection-secondary-rgb: 48,48,48;
    --butterbar-default-background: #9de1fe;
    --butterbar-default-background-rgb: 157,225,254;
    --butterbar-icon: hsla(0,0%,100%,0.9);
    --butterbar-icon-rgb: 255,255,255;
    --butterbar-notice-background: #e2f2ef;
    --butterbar-notice-background-rgb: 226,242,239;
    --butterbar-notice-circle: #fff;
    --butterbar-notice-circle-rgb: 255,255,255;
    --butterbar-notice-icon: #6fb9b0;
    --butterbar-notice-icon-rgb: 111,185,176;
    --butterbar-notice-smb-background: #d8e9f2;
    --butterbar-notice-smb-background-rgb: 216,233,242;
    --butterbar-notice-smb-circle: #fff;
    --butterbar-notice-smb-circle-rgb: 255,255,255;
    --butterbar-notice-smb-icon: #3a5564;
    --butterbar-notice-smb-icon-rgb: 58,85,100;
    --butterbar-notification-icon: hsla(0,0%,100%,0.9);
    --butterbar-notification-icon-rgb: 255,255,255;
    --butterbar-primary: rgba(48,48,48,0.96);
    --butterbar-primary-rgb: 48,48,48;
    --butterbar-secondary: rgba(48,48,48,0.85);
    --butterbar-secondary-rgb: 48,48,48;
    --butterbar-update-background: #1de9b6;
    --butterbar-update-background-rgb: 29,233,182;
    --butterbar-update-icon: hsla(0,0%,100%,0.9);
    --butterbar-update-icon-rgb: 255,255,255;
    --button-alternative: #00a5f4;
    --button-alternative-rgb: 0,165,244;
    --button-alternative-background: #fff;
    --button-alternative-background-rgb: 255,255,255;
    --button-background-disabled: #e6e6e6;
    --button-background-disabled-rgb: 230,230,230;
    --button-bubble: rgba(0,150,136,0.7);
    --button-bubble-rgb: 0,150,136;
    --button-plain-background: #fff;
    --button-plain-background-rgb: 255,255,255;
    --button-primary: #fff;
    --button-primary-rgb: 255,255,255;
    --button-primary-background: #05cd51;
    --button-primary-background-rgb: 5.44623,204.85377,81.46347;
    --button-primary-background-hover: #06d253;
    --button-primary-background-hover-rgb: 5.57831,209.82169,83.43905;
    --button-round-background: #09e85e;
    --button-round-background-rgb: 8.64769,232.25231,93.88923;
    --button-secondary: #07bc4c;
    --button-secondary-rgb: 7,188,76;
    --button-secondary-background: #fff;
    --button-secondary-background-rgb: 255,255,255;
    --button-secondary-background-hover: #fff;
    --button-secondary-background-hover-rgb: 255,255,255;
    --button-secondary-hover: #05cd51;
    --button-secondary-hover-rgb: 5.44623,204.85377,81.46347;
    --chat-marker: #999;
    --chat-marker-rgb: 153,153,153;
    --chat-marker-admin: #07bc4c;
    --chat-marker-admin-rgb: 7,188,76;
    --chat-marker-admin-border: rgba(7,188,76,0.7);
    --chat-marker-admin-border-rgb: 7,188,76;
    --chat-marker-border: rgba(91,202,255,0.1);
    --chat-marker-border-rgb: 91,201.90164,255;
    --chatlist-icon: rgba(0,0,0,0.3);
    --chatlist-icon-rgb: 0,0,0;
    --checkbox-background: #009688;
    --checkbox-background-rgb: 0,150,136;
    --checkbox-mark: #fff;
    --checkbox-mark-rgb: 255,255,255;
    --chevron-button-background: rgba(0,0,0,0.35);
    --chevron-button-background-rgb: 0,0,0;
    --compose-input-background: #efefef;
    --compose-input-background-rgb: 255,255,255;
    --compose-input-background-focused: #d4f1ff;
    --compose-input-background-focused-rgb: 212,241,255;
    --compose-input-border: #efefef;
    --compose-input-border-rgb: 255,255,255;
    --compose-input-border-focused: #ccedfd;
    --compose-input-border-focused-rgb: 204,237,253;
    --compose-panel-background: #f0f0f0;
    --compose-panel-background-rgb: 240,240,240;
    --compose-panel-background-hover: #e6e6e6;
    --compose-panel-background-hover-rgb: 230,230,230;
    --compose-primary: #4a4a4a;
    --compose-primary-rgb: 74,74,74;
    --conversation-panel-background: #fff;
    --conversation-panel-background-rgb: 229,221,213;
    --conversation-panel-border: rgba(0,0,0,0.03);
    --conversation-panel-border-rgb: 0,0,0;
    --danger: #df3333;
    --danger-rgb: 223,51,51;
    --drawer-background: #ededed;
    --drawer-background-rgb: 237,237,237;
    --drawer-background-deep: #ededed;
    --drawer-background-deep-rgb: 237,237,237;
    --drawer-gallery-background: #ededed;
    --drawer-gallery-background-rgb: 237,237,237;
    --drawer-gallery-background-active: #dadada;
    --drawer-gallery-background-active-rgb: 218,218,218;
    --drawer-gallery-background-hover: #e4e4e4;
    --drawer-gallery-background-hover-rgb: 228,228,228;
    --drawer-header-title: #fff;
    --drawer-header-title-rgb: 255,255,255;
    --drawer-section-background: #fff;
    --drawer-section-background-rgb: 255,255,255;
    --dropdown-background: #fff;
    --dropdown-background-rgb: 255,255,255;
    --dropdown-background-hover: #f5f5f5;
    --dropdown-background-hover-rgb: 245,245,245;
    --empty-state-background: #e6e6e6;
    --empty-state-background-rgb: 230,230,230;
    --empty-state-icon: #fff;
    --empty-state-icon-rgb: 255,255,255;
    --ephemeral-nux-bubble: #00bfa5;
    --ephemeral-nux-bubble-rgb: 0,191,165;
    --ephemeral-nux-timer: #00bfa5;
    --ephemeral-nux-timer-rgb: 0,191,165;
    --focus: #00a5f4;
    --focus-rgb: 0,165,244;
    --focus-animation: rgba(0,165,244,0.22);
    --focus-animation-rgb: 0,165,244;
    --focus-animation-deeper: rgba(0,165,244,0.3);
    --focus-animation-deeper-rgb: 0,165,244;
    --focus-lighter: rgba(0,165,244,0.1);
    --focus-lighter-rgb: 0,165,244;
    --highlight: #009688;
    --highlight-rgb: 0,150,136;
    --icon: #1670ca;
    --icon-rgb: 145,145,145;
    --icon-ack: #4fc3f7;
    --icon-ack-rgb: 79,195,247;
    --icon-disabled: #c9c9c9;
    --icon-disabled-rgb: 201,201,201;
    --icon-fixed: #919191;
    --icon-fixed-rgb: 145,145,145;
    --icon-lighter: rgba(0,0,0,0.3);
    --icon-lighter-rgb: 0,0,0;
    --icon-search-back: #1670ca;
    --icon-search-back-rgb: 51,183,246;
    --icon-strong: #333;
    --icon-strong-rgb: 51,51,51;
    --icon-bright-highlight: #00bfa5;
    --icon-bright-highlight-rgb: 0,191,165;
    --incoming-background: #EFEFEF;
    --incoming-background-rgb: 239,239,239;
    --incoming-background-deeper: #f0f0f0;
    --incoming-background-deeper-rgb: 240,240,240;
    --incoming-background-highlight: #ccc;
    --incoming-background-highlight-rgb: 204,204,204;
    --incoming-primary: #989898;
    --incoming-primary-rgb: 152,152,152;
    --input-border-active: #00bfa5;
    --input-border-active-rgb: 0,191,165;
    --input-border: rgba(0,0,0,0.15);
    --input-border-rgb: 0,0,0;
    --input-placeholder: #999;
    --input-placeholder-rgb: 153,153,153;
    --intro-background: #f8f9fa;
    --intro-background-rgb: 248,249,250;
    --intro-border: #4adf83;
    --intro-border-rgb: 74.14115,222.85885,130.83464;
    --intro-logo: rgba(78,100,112,0.4);
    --intro-logo-rgb: 78,100,112;
    --intro-secondary: rgba(0,0,0,0.45);
    --intro-secondary-rgb: 0,0,0;
    --inverse: #fff;
    --inverse-rgb: 255,255,255;
    --labels-icon: rgba(0,0,0,0.4);
    --labels-icon-rgb: 0,0,0;
    --link: #039be5;
    --link-rgb: 3,155,229;
    --live-location-footer-background: hsla(0,0%,100%,0.9);
    --live-location-footer-background-rgb: 255,255,255;
    --live-location-glow: rgba(37,211,102,0.3);
    --live-location-glow-rgb: 37,211,102;
    --live-location-glow-stale: rgba(255,0,31,0.3);
    --live-location-glow-stale-rgb: 255,0,31;
    --location-cluster-background: #fff;
    --location-cluster-background-rgb: 255,255,255;
    --media-editor-control: #1c313f;
    --media-editor-control-rgb: 28,49,63;
    --media-viewer-background: hsla(0,0%,100%,0.96);
    --media-viewer-background-rgb: 255,255,255;
    --media-viewer-button-background: #ccc;
    --media-viewer-button-background-rgb: 204,204,204;
    --media-viewer-button-icon: #fff;
    --media-viewer-button-icon-rgb: 255,255,255;
    --media-inner-border: rgba(0,0,0,0.1);
    --media-inner-border-rgb: 0,0,0;
    --menu-context-sticker-icon: rgba(48,48,48,0.5);
    --menu-context-sticker-icon-rgb: 48,48,48;
    --menu-context-sticker-icon-inverse: #fff;
    --menu-context-sticker-icon-inverse-rgb: 255,255,255;
    --menu-tabs-list-active: #6cea91;
    --menu-tabs-list-active-rgb: 108.28579,234.05421,145.4638;
    --message-background-deep: rgba(0,0,0,0.12);
    --message-background-deep-rgb: 0,0,0;
    --message-placeholder-icon: rgba(48,48,48,0.3);
    --message-placeholder-icon-rgb: 48,48,48;
    --message-primary: #303030;
    --message-primary-rgb: 48,48,48;
    --message-selection-highlight: rgba(0,150,136,0.08);
    --message-selection-highlight-rgb: 0,150,136;
    --modal-backdrop: hsla(0,0%,100%,0.85);
    --modal-backdrop-rgb: 255,255,255;
    --modal-backdrop-solid: #ededed;
    --modal-backdrop-solid-rgb: 237,237,237;
    --modal-background: #fff;
    --modal-background-rgb: 255,255,255;
    --notification-biz-background: rgba(236,250,245,0.95);
    --notification-biz-background-rgb: 236,250,245;
    --notification-biz-text: rgba(0,0,0,0.96);
    --notification-biz-text-rgb: 0,0,0;
    --notification-e2e-background: rgba(255,245,196,0.95);
    --notification-e2e-background-rgb: 255,245,196;
    --notification-e2e-icon: rgba(0,0,0,0.45);
    --notification-e2e-icon-rgb: 0,0,0;
    --notification-e2e-text: rgba(0,0,0,0.96);
    --notification-e2e-text-rgb: 0,0,0;
    --notification-info-icon: rgba(0,0,0,0.45);
    --notification-info-icon-rgb: 0,0,0;
    --notification-text: rgba(0,0,0,0.96);
    --notification-text-rgb: 0,0,0;
    --outgoing-background: #e1f3f3;
    --outgoing-background-rgb: 225,243,243;
    --outgoing-background-deeper: #cfe9ba;
    --outgoing-background-deeper-rgb: 207,233,186;
    --outgoing-background-highlight: #b3cba1;
    --outgoing-background-highlight-rgb: 179,203,161;
    --overlay: #000;
    --overlay-rgb: 0,0,0;
    --panel-background: #ededed;
    --panel-background-rgb: 237,237,237;
    --panel-background-active: #dadada;
    --panel-background-active-rgb: 218,218,218;
    --panel-background-colored: #00bfa5;
    --panel-background-colored-rgb: 0,191,165;
    --panel-background-colored-deeper: #009688;
    --panel-background-colored-deeper-rgb: 0,150,136;
    --panel-background-deep: #d9d9d9;
    --panel-background-deep-rgb: 217,217,217;
    --panel-background-deeper: #e6e6e6;
    --panel-background-deeper-rgb: 230,230,230;
    --panel-background-hover: #e4e4e4;
    --panel-background-hover-rgb: 228,228,228;
    --panel-background-lighter: #f7f7f7;
    --panel-background-lighter-rgb: 247,247,247;
    --panel-header-background: #fff;
    --panel-header-background-rgb: 237,237,237;
    --panel-header-icon: #919191;
    --panel-header-icon-rgb: 145,145,145;
    --panel-input-background: #e6e6e6;
    --panel-input-background-rgb: 230,230,230;
    --panel-primary: rgba(0,0,0,0.35);
    --panel-primary-rgb: 0,0,0;
    --payment-amount: #008c7f;
    --payment-amount-rgb: 0,139.8,126.752;
    --payment-status-failed: #f44336;
    --payment-status-failed-rgb: 244,67,54;
    --payment-status-processing: rgba(0,0,0,0.45);
    --payment-status-processing-rgb: 0,0,0;
    --payment-status-success: #07bc4c;
    --payment-status-success-rgb: 7,188,76;
    --payment-status-waiting: rgba(0,0,0,0.45);
    --payment-status-waiting-rgb: 0,0,0;
    --photopicker-overlay-background: hsla(0,0%,40%,0.8);
    --photopicker-overlay-background-rgb: 102,102,102;
    --picker-background: #f0f0f0;
    --picker-background-rgb: 240,240,240;
    --popup-panel-background: rgba(0,0,0,0.05);
    --popup-panel-background-rgb: 0,0,0;
    --primary: #4a4a4a;
    --primary-rgb: 74,74,74;
    --primary-strong: #000;
    --primary-strong-rgb: 0,0,0;
    --primary-stronger: #303030;
    --primary-stronger-rgb: 48,48,48;
    --primary-strongest: #000;
    --primary-strongest-rgb: 0,0,0;
    --primary-title: #525252;
    --primary-title-rgb: 81.65,81.65,81.65;
    --product-image-button-background: rgba(0,0,0,0.35);
    --product-image-button-background-rgb: 0,0,0;
    --product-thumb-background: #ededed;
    --product-thumb-background-rgb: 237,237,237;
    --product-thumb-background-deeper: #d9d9d9;
    --product-thumb-background-deeper-rgb: 216.6,216.6,216.6;
    --progress-background: #e6e6e6;
    --progress-background-rgb: 230,230,230;
    --progress-primary: #00d9bb;
    --progress-primary-rgb: 0,216.5,187.0288;
    --ptt-blue: #4fc3f7;
    --ptt-blue-rgb: 79,195,247;
    --ptt-button-cancel: rgba(229,57,53,0.8);
    --ptt-button-cancel-rgb: 229,57,53;
    --ptt-button-send: rgba(9,210,97,0.8);
    --ptt-button-send-rgb: 9,210,97;
    --ptt-gray: rgba(48,48,48,0.7);
    --ptt-gray-rgb: 48,48,48;
    --ptt-green: #09d261;
    --ptt-green-rgb: 9,210,97;
    --ptt-message-blue: #039be5;
    --ptt-message-blue-rgb: 3,155,229;
    --quick-action-button: #fff;
    --quick-action-button-rgb: 255,255,255;
    --quick-action-button-background: rgba(0,0,0,0.14);
    --quick-action-button-background-rgb: 0,0,0;
    --rich-text-panel-background: #fff;
    --rich-text-panel-background-rgb: 240,240,240;
    --search-container-background: #fff;
    --search-container-background-rgb: 245.725,245.725,245.725;
    --search-input-background: #efefef;
    --search-input-background-rgb: 255,255,255;
    --secondary: rgba(0,0,0,0.6);
    --secondary-rgb: 0,0,0;
    --secondary-light: rgba(0,0,0,0.25);
    --secondary-light-rgb: 0,0,0;
    --secondary-lighter: rgba(0,0,0,0.45);
    --secondary-lighter-rgb: 0,0,0;
    --secondary-stronger: rgba(0,0,0,0.8);
    --secondary-stronger-rgb: 0,0,0;
    --security-icon-background: #d3ede6;
    --security-icon-background-rgb: 211,237,230;
    --security-icon-lock: #1fc4b1;
    --security-icon-lock-rgb: 31,196,177;
    --security-icon-shield: #f0faf7;
    --security-icon-shield-rgb: 240,250,247;
    --shadow: #000;
    --shadow-rgb: 0,0,0;
    --shadow-light: rgba(0,0,0,0.08);
    --shadow-light-rgb: 0,0,0;
    --spinner-default: #ccc;
    --spinner-default-rgb: 204,204,204;
    --spinner-highlight: rgba(7,188,76,0.7);
    --spinner-highlight-rgb: 7,188,76;
    --spinner-incoming: #b3b3b3;
    --spinner-incoming-rgb: 179,179,179;
    --spinner-outgoing: #9aae8b;
    --spinner-outgoing-rgb: 154,174,139;
    --startup-background: #f0f0f0;
    --startup-background-rgb: 240,240,240;
    --startup-icon: #bfbfbf;
    --startup-icon-rgb: 191,191,191;
    --status-background: #000;
    --status-background-rgb: 0,0,0;
    --status-background-hover: #262626;
    --status-background-hover-rgb: 38,38,38;
    --status-primary: #fff;
    --status-primary-rgb: 255,255,255;
    --status-secondary: hsla(0,0%,100%,0.55);
    --status-secondary-rgb: 255,255,255;
    --status-secondary-stronger: #b3b3b3;
    --status-secondary-stronger-rgb: 179,179,179;
    --success: #07bc4c;
    --success-rgb: 7,188,76;
    --suspicious-background: rgba(244,67,54,0.8);
    --suspicious-background-rgb: 244,67,54;
    --system-message-background: transparent;/*rgba(225,245,254,0.92);*/
    --system-message-background-rgb: 255,255,255;/*225,245,254;*/
    --system-message-text: #7a7a7a;/*rgba(0,0,0,0.88);*/
    --system-message-text-rgb: 122,122,122;/*0,0,0;*/
    --teal-hover: #00ab97;
    --teal-hover-rgb: 0,171,151;
    --teal-pale: #5fb9b0;
    --teal-pale-rgb: 95,185,176;
    --thumb-border-active: #fff;
    --thumb-border-active-rgb: 255,255,255;
    --thumb-border-active-new-media-editor: #303030;
    --thumb-border-active-new-media-editor-rgb: 48,48,48;
    --thumb-border-viewer-active: #ccc;
    --thumb-border-viewer-active-rgb: 204,204,204;
    --toast-background: rgba(0,0,0,0.82);
    --toast-background-rgb: 0,0,0;
    --tooltip-text: #fff;
    --tooltip-text-rgb: 255,255,255;
    --tooltip-background: #595959;
    --tooltip-background-rgb: 89.25,89.25,89.25;
    --typing: #07bc4c;
    --typing-rgb: 7,188,76;
    --unread-background: #fff;
    --unread-background-rgb: 255,255,255;
    --unread-bar-background: hsla(0,0%,100%,0.25);
    --unread-bar-background-rgb: 255,255,255;
    --unread-marker-background: #1670ca;
    --unread-marker-background-rgb: 5.71038,214.78962,85.41462;
    --unread-marker-text: #fff;
    --unread-marker-text-rgb: 255,255,255;
    --vcard-placeholder-background: rgba(0,0,0,0.04);
    --vcard-placeholder-background-rgb: 0,0,0;
    --vcard-placeholder-background-deeper: rgba(0,0,0,0.08);
    --vcard-placeholder-background-deeper-rgb: 0,0,0;
    --video-player-background: #000;
    --video-player-background-rgb: 0,0,0;
    --video-primary: #fff;
    --video-primary-rgb: 255,255,255;
    --voip-accept-background: #2ec452;
    --voip-accept-background-rgb: 46,196,82;
    --voip-background: #262626;
    --voip-background-rgb: 38,38,38;
    --voip-background-deep: #000;
    --voip-background-deep-rgb: 0,0,0;
    --voip-beta-tag-background: #9d9d9d;
    --voip-beta-tag-background-rgb: 157,157,157;
    --voip-beta-tag-font-color: #ebebeb;
    --voip-beta-tag-font-color-rgb: 235,235,235;
    --voip-controls-background: #2d2d2d;
    --voip-controls-background-rgb: 45,45,45;
    --voip-primary: #fff;
    --voip-primary-rgb: 255,255,255;
    --voip-alternative: #000;
    --voip-alternative-rgb: 0,0,0;
    --voip-reject-background: #ff3b30;
    --voip-reject-background-rgb: 255,59,48;
    --voip-disabled-background: #222;
    --voip-disabled-background-rgb: 34,34,34;
    --wallpaper-background: #e5ddd5;
    --wallpaper-background-rgb: 229,221,213;
    --wallpaper-thumb-border-active: #00a5f4;
    --wallpaper-thumb-border-active-rgb: 0,165,244;
    --wallpaper-thumb-border-hover: #fff;
    --wallpaper-thumb-border-hover-rgb: 255,255,255;
    --win32-title-primary: #fff;
    --win32-title-primary-rgb: 255,255,255;
}

.chat-container { user-select: none; font-family: Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif; color: #4a4a4a; text-rendering: optimizeLegibility; font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -moz-font-feature-settings: "kern=1"; }

.chat-container button {
    outline: none;
    border: 0;
    padding: 0;
    background: none;
    cursor: pointer;
}
.chat-container svg {
    display: block;
    pointer-events: none;
}
.chat-container .copyable-text {}
.chat-container .selectable-text { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.px-chat { position: relative; top: 0; display: flex; width: 100%; height: 100%; overflow: hidden; }
.px-chat .left { flex:30%; position: relative; z-index: 100; height: 100%; overflow: hidden; }
.px-chat .left > div { display: flex; flex-direction: column; height: 100%; }
.px-chat .left > div header { border-bottom: 1px solid var(--border-stronger); padding: 10px 16px; background-color: var(--panel-header-background); position: relative; z-index: 1000; box-sizing: border-box; display: flex; flex: none; align-items: center; justify-content: flex-end; width: 100%; height: 59px; }


.px-chat > .left > div .search { background-color: var(--search-container-background); flex: none; }
.px-chat > .left > div .search > div { background-color: initial; position: relative; z-index: 100; box-sizing: border-box; flex: none; height: 49px; transition: box-shadow .18s ease-out,background-color .25s ease-out; }
.px-chat > .left > div .search > div > button { left: 24px; position: absolute; top: 12px; z-index: 100; width: 24px; height: 24px; }
.px-chat > .left > div .search > div button .back { top: 0; left: 0; pointer-events: none; opacity: 0; transition: all .3s cubic-bezier(.4,0,.2,1); transform: scale(.8) rotate(225deg); color: var(--icon-search-back); position: absolute; z-index: 100; }
.px-chat > .left > div .search > div button .search { background-color: transparent; transition: all .24s cubic-bezier(.4,0,.2,1); transform: rotate(0); top: 0; left: 0; color: var(--icon); position: absolute; z-index: 100; }
.px-chat > .left > div .search > div button.reset { right: 21px; top: 12px; color: var(--icon-lighter); position: absolute; z-index: 100; }
.px-chat > .left > div .search > div .text { right: 24px; left: 77px; position: absolute; top: 13px; z-index: 100; height: 20px; overflow: hidden; font-size: 14px; line-height: 20px; color: var(--input-placeholder); text-overflow: ellipsis; white-space: nowrap; pointer-events: none; transition: opacity .14s linear; }
.px-chat > .left > div .search > div label { right: 14px; left: 12px; padding-right: 32px; padding-left: 65px; background-color: var(--search-input-background); border-radius: 18px; position: absolute; top: 7px; box-sizing: border-box; display: flex; align-items: center; height: 35px; }
.px-chat > .left > div .search > div label > div { padding-right: 0; cursor: text; position: relative; display: flex; flex: 1; overflow: hidden; }
.px-chat > .left > div .search > div label > div > div.first { visibility: visible; left: 2px; position: absolute; top: 6px; z-index: 100; z-index: 2; font-size: 15px; line-height: 20px; color: var(--input-placeholder); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .08s linear; }
.px-chat > .left > div .search > div label > div > div.second { padding: 0; font-size: 15px; white-space: nowrap; position: relative; width: 100%; min-height: 20px; font-size: 17px; line-height: 20px; color: var(--primary); word-wrap: break-word; white-space: pre-wrap; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
.px-chat > .left > div .search > div::after { left: 0; background-color: rgba(var(--inverse-rgb),.14); border-bottom: 1px solid var(--border-stronger); position: absolute; bottom: -1px; width: 100%; height: 1px; content: ""; }

.px-chat > .left > div .search.focus > div { background-color: var(--background-default); box-shadow: 0 2px 3px var(--shadow-light); }
.px-chat > .left > div .search.focus .text { opacity:0; }
.px-chat > .left > div .search.focus button .search { opacity:0; transition:all .24s cubic-bezier(.4,0,.2,1) .06s; transform:rotate(135deg); }
.px-chat > .left > div .search.focus button .back { opacity:1; transform:scale(1) rotate(1turn); }
.px-chat > .left > div .search.focus label { background-color:transparent; }

.px-chat .left > div .list { z-index: 1; flex-grow: 1; overflow-y: auto; display: flex; flex-direction: column; position: relative; }
.item-container { width:100%; position: absolute; min-height: 72px; z-index: 105; transition: transform 200ms ease-in-out 0s; height: 72px; }
.item-container .item { min-height: 72px; cursor: pointer; background-color: var(--background-default); position: relative; display: flex; flex-direction: row; height: 72px; pointer-events: all; }
.item-container .item:hover { background-color: var(--background-default-hover); }
.item-container .item.active { background-color: var(--background-default-active); }
.item-container .left { padding: 0 15px 0 13px; margin-top: -1px; display: flex; flex: none; align-items: center; }
.item-container .left > div { height: 49px; width: 49px; background-color: var(--avatar-background); border-radius: 50%; position: relative; overflow: hidden; }
.item-container .left .avatar,
.item-container .left .status { left: 0; position: absolute; top: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.item-container .left .status { z-index: 101; }
.item-container .left .avatar svg,
.item-container .left .status svg { width: 100%; height: 100%; }
.item-container .left img { border-radius: 50%; position: relative; z-index: 100; display: block; width: 100%; height: 100%; overflow: hidden; opacity:0; transition: opacity .15s ease-out; }
.item-container img.visible { opacity:1; }
.item-container svg { display: block; pointer-events: none; }
.chat-list-item { height:72px; min-height: 72px; }
.chat-list-item .avatar span { background-color: #ccc; }
.communication-container .table .sidebar .chat-list-item .title { font-weight:400; }
.communication-container .table tr.selected .sidebar .item { background-color: var(--background-default-active); }

.item-container .right { padding-right: 15px; border-top: 1px solid var(--border-list); display: flex; flex-basis: auto; flex-direction: column; flex-grow: 1; justify-content: center; min-width: 0; }
.item-container .right > .top { text-align: left; display: flex; align-items: center; line-height: normal; }
.item-container .right > .top .title { line-height: normal; flex-grow: 1; overflow: hidden; font-size: 17px; font-weight: 400; color: var(--primary-strong); text-overflow: ellipsis; white-space: nowrap; }
.item-container .right > .top .date { width:initial; margin-top: 3px; margin-left: 6px; overflow: hidden; line-height: 14px; text-overflow: ellipsis; white-space: nowrap; flex: none; max-width: 100%; font-size: 12px; line-height: 20px; color: var(--secondary-lighter); }
.item-container .right > .bottom { margin-top: 2px; display: flex; align-items: center; min-height: 20px; font-size: 13px; line-height: 20px; color: var(--secondary); }
.item-container .right > .bottom .desc { text-align: left; background-color: initial; flex-grow: 1; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.item-container .right > .bottom .info { margin-left: 6px; flex: none; max-width: 100%; font-size: 12px; line-height: 20px; color: var(--secondary-lighter); }
.item-container .right > .bottom .info > span > div { margin-right: 0; display: inline-block; color: var(--icon-lighter); vertical-align: top; }
.item-container .right > .bottom .info > span > div > span { padding: 0.3em .3em .4em; text-align: center; background-color: var(--unread-marker-background); border-radius: 1em; display: inline-block; min-width: 1em; min-height: .9em; font-size: 12px; font-weight: 600; line-height: .9em; color: var(--unread-marker-text); vertical-align: top; }

.px-chat > .right {  transform-origin: left top; flex: 70%; position: relative; z-index: 100; height: 100%; overflow: hidden; }
.px-chat > .right > div { transform-origin: left top; background-color: var(--conversation-panel-background); display: flex; flex-direction: column; height: 100%; transition: background-color .3s ease; }
.px-chat > .right > div header { border-bottom: 1px solid var(--border-stronger); border-left: 1px solid var(--border-stronger); padding: 10px 16px; background-color: var(--panel-header-background); position: relative; z-index: 1000; box-sizing: border-box; display: flex; align-items: center; width: 100%; height: 59px; }
.px-chat .messages { position: relative; z-index: 1; flex: 1 1 0; order: 2; }
.px-chat footer { padding: 0; background-color: var(--compose-panel-background); position: relative; z-index: 1; box-sizing: border-box; flex: none; order: 3; width: 100%; min-height: 62px; }

.px-chat > .right .avatar { padding: 0 15px 0 0; margin-top: -1px; flex: none; /* cursor: pointer; */ }
.px-chat > .right .avatar > div { height: 40px; width: 40px; background-color: var(--avatar-background); border-radius: 50%; position: relative; overflow: hidden; }
.px-chat > .right .avatar > div > div { left: 0; position: absolute; top: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.px-chat > .right .avatar > div .status { z-index:101; }
.px-chat > .right header .text { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; min-width: 0; }
.px-chat > .right .text > div.title { text-align: left; margin-top: -1px; display: flex; align-items: flex-start; line-height: normal; }
.px-chat > .right .text > div.title > div { text-align: left; display: flex; flex-grow: 1; overflow: hidden; font-size: 16px; font-weight: 400; line-height: 21px; color: var(--primary-strong); text-overflow: ellipsis; white-space: nowrap; }
.px-chat > .right .text > div.title > div > span { display: inline-block; position: relative; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; user-select: text; }
.px-chat > .right .text > div.desc { min-height: 20px; font-size: 13px; line-height: 20px; color: var(--secondary); display: flex; align-items: flex-start; }
.px-chat > .right .text > div.desc > span { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
.px-chat > .right .text > div.desc > span a { color:inherit; }
.px-chat > .right .avatar svg { width: 100%; height: 100%; }
.px-chat > .right .avatar img { border-radius: 50%; position: relative; z-index: 100; display: block; width: 100%; height: 100%; overflow: hidden; opacity:0; transition: opacity .15s ease-out; }
.px-chat > .right .avatar img.visible { opacity:1; }

.px-chat .messages > div { left: 0; border-left: 1px solid var(--border-stronger); background-color: initial; position: absolute; top: 0; z-index: 100; box-sizing: border-box; display: flex; flex-direction: column-reverse; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; transition: background .3s ease-out .1s; }
.px-chat .messages div.top { flex: 1 1 auto; min-height: 12px; }
.px-chat .messages div.content { padding-left: 0; transition: padding-left .3s cubic-bezier(.69,0,.79,.14); flex: 0 0 auto; }
.px-chat .messages div.content.notice { text-align: center; align-items: center; justify-content: center; width: 100%; height: 100%; display: flex; flex:initial; }
.px-chat .messages div.content.notice h1 { font-size: 36px; font-weight: 300; color: var(--primary-title); }

.px-chat .messages .message { padding-right: 9%; padding-left: 9%; margin-bottom: 12px; align-items: flex-end; position: relative; display: flex; flex-direction: column; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
.px-chat .messages .message.group { margin-bottom:2px; }

.px-chat .messages .dategroup { padding-right: 9%; padding-left: 9%; margin-bottom: 12px; display: flex; flex-direction: row; justify-content: center; position: relative; user-select: text; }
.px-chat .messages .dategroup > div { margin-bottom: 0; padding: 5px 12px 6px; text-align: center; background-color: var(--system-message-background); border-radius: 7.5px; box-sizing: border-box; display: inline-block; flex: none; max-width: 100% !important; font-size: 12.5px; line-height: 21px; color: var(--system-message-text); position: relative; }

.px-chat .messages .message.out > div > div { background-color: var(--outgoing-background); border-radius: 7.5px; }
.px-chat .messages .message.in > div > div { background-color: var(--incoming-background); border-radius: 7.5px; }
.px-chat .messages .message > div { max-width: 65%; position: relative; flex: none; font-size: 14.2px; line-height: 19px; color: var(--message-primary); }
.px-chat .messages .message.out > div > div { border-bottom-right-radius:0; border-top-right-radius:0; }
.px-chat .messages .message.in > div > div { border-bottom-left-radius:0; border-top-left-radius:0; }
.px-chat .messages .message.rounding.out > div > div { border-top-right-radius: 7.5px; }
.px-chat .messages .message.rounding.in  > div > div { border-bottom-left-radius: 7.5px; }
.px-chat .messages .message.in { align-items: flex-start; }
.px-chat .messages .message > div > div > div { padding: 6px 7px 8px 9px; box-sizing: border-box; user-select: text; }
.px-chat .messages .message .member { display: inline-flex; max-width: 100%; font-size: 12.8px; font-weight: 500; line-height: 22px; color: var(--teal-lighter); }
.px-chat .messages .message .member span { padding-left: 2px; margin-left: -2px; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.px-chat .messages .message .text { position: relative; overflow-wrap: break-word; white-space: pre-wrap; }
.px-chat .messages .message .text span.t { visibility: visible; user-select: text; }
.px-chat .messages .message .text span.t .actions { padding: 15px 0 6px 0; }
.px-chat .messages .message .text span.t .actions span { background-color: #1670CA; color: white; border-radius: 15px; padding: 6px 10px; margin-right:10px; }
.px-chat .messages .message .text span.t .actions.e span { background-color: #F5F5F5; color: #CCCCCC; }
.px-chat .messages .message .text span.t .actions.e span.s { background-color: #1670CA; color: white; }
.px-chat .messages .message .text span.f { width: 75px; display: inline-block; vertical-align: middle; }
.px-chat .messages .message .info { float: right; margin: -10px 0 -5px 4px; position: relative; z-index: 10; }
.px-chat .messages .message .info > div { height: 15px; font-size: 11px; line-height: 15px; color: var(--bubble-meta); white-space: nowrap; }
.px-chat .messages .message .info > div > span.date { display: inline-block; vertical-align: top; }
.px-chat .messages .message .info > div > div { margin-left: 3px; display: inline-block; }
.px-chat .messages .message .info > div > div > span.ack { color: var(--icon-ack); display: block; width:16px; }

.px-chat .messages .message.i > div > div > div { padding: 3px; }
.px-chat .messages .message.i .info { bottom: 6px; right: 8px; position: absolute; margin:0; z-index: 2; }
.px-chat .messages .message.i .info > div { color: rgba(var(--inverse-rgb),.9); }
.px-chat .messages .message.i.t .info > div { color: var(--bubble-meta); }
.px-chat .messages .message.i .back { left: 0; background: linear-gradient(0deg,rgba(var(--overlay-rgb),.3),rgba(var(--overlay-rgb),0)); position: absolute; bottom: 0; z-index: 2; width: 100%; height: 28px; }
.px-chat .messages .message.i.t .info { bottom: 3px; right: 7px; bottom: 3px; position: absolute; margin:0; z-index: 2; }
.px-chat .messages .message.i .info > div > div > span.ack { color: var(--inverse); }
.px-chat .messages .message.i.t .info > div > div > span.ack { color: var(--icon-ack); }
.px-chat .messages .message.i a,
.px-chat .messages .message.f a { display: contents; text-decoration: none; color: inherit; }
.px-chat .messages .message.i .member span { padding-left:8px; padding-bottom:3px; }

.px-chat .messages .message.f > div > div > div { box-sizing: border-box; width: 336px; }
.px-chat .messages .message.f .t { color: var(--secondary-lighter); position: absolute; left: 0px; bottom: -4px; height: 15px; font-size: 11px; line-height: 15px; }
.px-chat .messages .message.f .t span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 130px; }
.px-chat .messages .message.f .t .size::BEFORE { margin: 0 4px; display: inline-block; color: var(--secondary-light); content: " \2022 "; }

.px-chat .messages .message .img-c { cursor: pointer; border-radius: 6px; position: relative; display: flex; align-items: center; justify-content: center; max-width: 100%; overflow: hidden; }
.px-chat .messages .message .img-c > div { width: 100%; height: 100%; position: relative; }
.px-chat .messages .message .img-c div.p,
.px-chat .messages .message .img-c div.m { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.px-chat .messages .message .img-c img { height: 100%; transition: filter .16s linear; flex: none; }
.px-chat .messages .message .text-c { padding: 7px 4px 5px 6px; box-sizing: border-box; max-width: 330px; }

.px-chat .messages .message .att-c:hover { border-radius: 7.5px; background-color: rgba(var(--overlay-rgb),0.05); }
.px-chat .messages .message .att-c { cursor:pointer; padding: 13px 16px; height: 34px; align-items: center; justify-content: flex-start; flex-direction: row; display: flex; min-width: 0; min-height: 0; }
.px-chat .messages .message .att-c .doc { margin-top: -1px; flex: none; align-self: auto; order: 0; min-width: 0; min-height: 0; }
.px-chat .messages .message .att-c .doc div { background-repeat: no-repeat; background-size: contain; width: 26px; height: 30px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAYAAADL94L/AAAByElEQVR4Ae3axdJTQRAFYFyegA3u8ALseCDcicsGhxt3x+G32BXc3X3NBnfXYTqp3sZlhuqpOlXZRL46He9ReJyJxGSTEreaPfEHZiX+1uSJvelVNu+Jvjd7Yk9zI8aSUe0eDpjCIYfNSuw5v/zF5In/6mU27478tXriLJvXjdSwPq1lCDTCmxjiCNav8GZYBVMwWKagX8kWjk9vCcMhYWhEFEw1+oV0wZjdPKY6Vn9EwmBDTYPwBoXCYPLGDQTJjkHQNQRJj0FQtmgs+C8wOHIIkh2DoDu5vD5Xfkz9hsTBWDyxhjDYUDqvLRYSY1JilSQGyyxXOt4QKJPX70NDQmI27gyxHcn9bH/5RFMNAUgoDI4afOAMHBiCdiDNj5woGAhgsCEYudSI1lBCRwoPL957slAoDDYEoPXb/ZVs3FE/y9072fDxsx4BMPVfGOpl1VY/y5++4EWM1Fm9LcCKpy8RpnchDGEIQxjCEIYwhCEMYQhDGMIQhjCEIQxhCEMYwhCGMIQhDGEIQxhYNlXiP+XHXLRDM5thQVpyzIfS2YtLceVEkRmzalsgMArPhp258bA6b/LEb8LqPM930VNdvY/fhMmCxw+Of+4BTcPInBo2AAAAAElFTkSuQmCC); }
.px-chat .messages .message .att-c .title { flex: 0 1 auto; flex-grow: 1; margin: 0 10px; position: relative; top: -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-self: auto; order: 0; min-width: 0; min-height: 0;}
.px-chat .messages .message .att-c .down { align-self: auto; order: 0; min-width: 0; min-height: 0; flex: 0 1 auto; flex-grow: 0; }
.px-chat .messages .message .att-c .down > div { position: relative; display: flex; flex: none; align-items: center; justify-content: center; width: 34px; height: 34px; color: rgba(var(--icon-strong-rgb),.5); }

.px-chat .messages > span { position:absolute;z-index:200;box-sizing:border-box;display:flex;justify-content:center;width:100%;pointer-events:none; padding-top:8.5px; padding-right:6px; padding-left:6px }

.px-chat .emojis { flex: 0 0 auto; order: 2; border-left: 1px solid var(--border-stronger); }
.px-chat footer .bottom { border-left: 1px solid var(--border-stronger); padding: 5px 10px; background-color: var(--rich-text-panel-background); position: relative; z-index: 2; box-sizing: border-box; display: flex; flex-direction: row; align-items: flex-end; max-width: 100%; min-height: 62px; }
.px-chat footer .bottom > .feature { padding: 5px 10px; margin-right: -10px; box-sizing: border-box; flex: none; min-height: 52px; display: flex; color: var(--icon); will-change: width; }
.px-chat footer .bottom > .feature > .emoji.selected { width: 76px; margin-right: 8px; }
.px-chat footer .bottom > .feature > .emoji.selected button.del { opacity: 1; }
.px-chat footer .bottom > .feature > .emoji.selected button.icon { transform: translateX(42px); opacity: 1; z-index: 2; }

.px-chat footer .bottom > .feature > .emoji { margin-right: 8px; position: relative; display: flex; width: 26px; height: 42px; transition: width .3s; }
.px-chat footer .bottom > .feature > .emoji button.del { border-radius: 2px; transform: translateZ(0); will-change: transform,opacity; position: absolute; bottom: 8px; display: block; width: 26px; color: var(--icon); opacity: 0; transition: transform .3s,opacity .3s; }
.px-chat footer .bottom > .feature > .emoji button.icon { border-radius: 2px; transform: translateZ(0); will-change: transform,opacity; z-index: 2; position: absolute; bottom: 8px; display: block; width: 26px; color: var(--icon); transition: transform .3s,opacity .3s; opacity: 1; }
.px-chat footer .bottom > .feature > .attachments { display: flex; align-items: center; }
.px-chat footer .bottom > .feature > .attachments > div { display:none; cursor: pointer; }
.px-chat footer .bottom > .text { padding: 9px 12px 11px; margin: 5px 10px; background-color: var(--compose-input-background); border: 1px solid var(--compose-input-border); border-radius: 21px; box-sizing: border-box; flex: 1 1 auto; width: inherit; min-width: 0; min-height: 20px; font-size: 15px; font-weight: 400; line-height: 20px; outline: none; will-change: width; }
.px-chat footer .bottom > .text > div { padding-right: 0; position: relative; cursor: text; display: flex; flex: 1; overflow: hidden; }
.px-chat footer .bottom > .text .first { visibility: visible; left: 2px; top: 0; position: absolute; z-index: 2; font-size: 15px; line-height: 20px; color: var(--input-placeholder); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .08s linear; } 
.px-chat footer .bottom > .text .second { padding: 0; padding-right: 2px; position: relative; z-index: 1; min-height: 20px; max-height: 100px; overflow-x: hidden; overflow-y: auto; font-size: 15px; font-weight: 400; color: var(--compose-primary); word-wrap: break-word; white-space: pre-wrap; outline: none; width: 100%; line-height: 20px; user-select: text; }
.px-chat footer .bottom > .micro { display:none; padding: 5px 10px; box-sizing: border-box; flex: none; min-height: 52px; }
.px-chat footer .bottom > .micro > div { padding-top: 4px; cursor: default; position: relative; width: 24px; transition: width .18s ease-in-out; }
.px-chat footer .bottom > .micro button { position: absolute; top: 9px; z-index: 2; color: var(--icon); }
.px-chat footer .bottom > .send { padding: 5px 10px; box-sizing: border-box; flex: none; min-height: 52px; }
.px-chat footer .bottom > .send button { margin-top: 9px; flex: 0 0 auto; color: var(--icon); opacity: .9; }

@keyframes animation-loading {
	50% {transform: scale(0.75);opacity: 0.2}
	100% {transform: scale(1);opacity: 1}
}

.px-chat .beat-1 {
  display: inline-block;
  background-color: #86bacf;
  width: 20px;
  height: 20px;
  margin: 2px;
  border-radius: 100%;
  -webkit-animation: animation-loading 0.8749999999999999s 0.43749999999999994s infinite linear;
  animation: animation-loading 0.8749999999999999s 0.43749999999999994s infinite linear;
    animation-fill-mode: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.px-chat .beat-2 {
  display: inline-block;
  background-color: #86bacf;
  width: 20px;
  height: 20px;
  margin: 2px;
  border-radius: 100%;
  -webkit-animation: animation-loading 0.8749999999999999s 0s infinite linear;
  animation: animation-loading 0.8749999999999999s 0s infinite linear;
    animation-fill-mode: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}