:root{--chat-bubble-radius:6px;--chat-bubble-text-color:#fff;--chat-bubble-hover-background-color:#e6e6e6;--chat-bubble-hover-border-color:#adadad;--chat-bubble-pinging-background-color:#f0ad4e;--chat-bubble-pinging-border-color:#eea236;--chat-bubble-pinging-hover-background-color:#ec971f;--chat-bubble-pinging-hover-border-color:#d58512;--chat-radius:3px;--chat-text-color:#333;--chat-muted-text-color:#777;--chat-heading-background-color:#f5f5f5;--chat-body-background-color:#fff;--chat-input-background-color:var(--chat-body-background-color);--chat-button-background-color:var(--chat-body-background-color);--chat-button-hover-background-color:#eee;--chat-border-color:#ddd;--chat-contact-online-color:#09b309;--chat-contact-offline-color:#bbb;--chat-messages-background-color:#eee;--chat-messages-owned-background-color:#337ab7;--chat-messages-owned-text-color:#fff;--chat-message-owned-link-color:#95cdf9}.chat__frame{bottom:5%;left:5%;position:fixed;right:5%;top:80px}@media screen and (min-width:768px){.chat__frame{bottom:30px;left:unset;right:30px;top:80px;width:20%}}.chat__bubble{background-color:var(--chat-body-background-color);border:1px solid var(--chat-border-color);border-radius:var(--chat-bubble-radius);bottom:2rem;color:var(--chat-text-color);font-size:24px;line-height:1;padding:16px 24px;position:fixed;right:2rem}.chat__bubble:hover{background-color:var(--chat-bubble-hover-background-color);border-color:var(--chat-bubble-hover-border-color)}.chat__bubble--pinging{background-color:var(--chat-bubble-pinging-background-color);border-color:var(--chat-bubble-pinging-border-color);color:var(--chat-bubble-text-color)}.chat__bubble--pinging:hover{background-color:var(--chat-bubble-pinging-hover-background-color);border-color:var(--chat-bubble-pinging-hover-border-color)}.chat__horizontal-spacer{height:1rem;width:100%}.chat__title{border-bottom:1px solid var(--chat-border-color);color:var(--chat-text-color);display:flex;flex:0;justify-content:space-between;padding:0 0 .5rem}.chat__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:#000;cursor:pointer;filter:alpha(opacity=20);float:right;font-size:21px;font-weight:700;line-height:1;opacity:.2;padding:0;text-shadow:0 1px 0 #fff}.chat__close:hover{color:var(--color-muted);cursor:pointer;filter:alpha(opacity=50);opacity:.5;text-decoration:none}.chat__heading{background-color:var(--chat-heading-background-color);border:1px solid var(--chat-border-color);border-bottom:1px solid transparent;border-top-left-radius:var(--chat-radius);border-top-right-radius:var(--chat-radius);height:42px}.chat__body,.chat__heading{color:var(--chat-text-color);padding:10px 15px}.chat__body{background-color:var(--chat-body-background-color);border:1px solid var(--chat-border-color);border-bottom-left-radius:var(--chat-radius);border-bottom-right-radius:var(--chat-radius);display:flex;flex-direction:column;height:calc(100% - 42px);justify-content:space-between}.chat__contacts{overflow:auto}.chat__contact{align-items:center;border:1px solid var(--chat-border-color);border-radius:var(--chat-radius);color:var(--chat-text-color);cursor:pointer;display:flex;justify-content:space-between;margin:.7rem 0;padding:.7rem}.chat__contact:hover{background:#f5f5f5}a.chat__contact,a.chat__contact:hover{color:var(--chat-text-color);text-decoration:none}.chat__contact.chat__contact--offline:after,.chat__contact.chat__contact--online:after{border-radius:100%;content:" ";height:2rem;margin-right:.7rem;width:2rem}.chat__contact.chat__contact--online:after{background-color:var(--chat-contact-online-color)}.chat__contact.chat__contact--offline:after{background-color:var(--chat-contact-offline-color)}.chat__contact.chat__contact--selected{font-weight:700}.chat__conversation{display:flex;flex-direction:column;height:55%;margin-top:5%;min-height:55%;overflow:hidden}.chat__messages{height:100%;list-style-type:none;margin:0;overflow:auto;padding:0}.chat__message{background:var(--chat-messages-background-color);border-radius:.6rem;clear:both;padding:1rem;position:relative;width:80%}.chat__message:not(:last-of-type){margin-bottom:1rem}.chat__message--owned{background:var(--chat-messages-owned-background-color);color:var(--chat-messages-owned-text-color);float:right}.chat__message--owned a{color:var(--chat-message-owned-link-color)}.chat__message--owned .chat__message-status-read-indicator{color:var(--chat-messages-owned-text-color)}.chat__message--owned .chat__message-status-read-indicator.chat__message-status-read-indicator--invisible:before{content:" "}.chat__message.chat__message--empty{background:transparent;color:var(--chat-muted-text-color);padding:0;text-align:center;width:100%}.chat__message-meta{align-items:baseline;display:flex;font-size:.8em;justify-content:space-between;margin-bottom:.5rem}.chat__message-content{margin-bottom:-10px}.chat__message-meta-author{font-weight:700}.chat__message-meta-timestamp{font-size:.9em;font-style:italic}.chat__message-status{bottom:.3em;position:absolute;right:.7em}.chat__message-status-read-indicator{color:#777;font-size:.7em;opacity:.4}.chat__message-status-read-indicator:hover{opacity:1}.chat__message-box{border-top:1px solid var(--chat-border-color);display:flex;flex:0;margin-top:1rem;padding-top:1rem}.chat__message-textarea{border-bottom-left-radius:var(--chat-radius);border-top-left-radius:var(--chat-radius)}.chat__message-button{background-color:var(--chat-body-background-color);border:1px solid var(--chat-border-color);border-bottom-right-radius:var(--chat-radius);border-left-width:0;border-top-right-radius:var(--chat-radius);padding:6px 12px}.chat__form-button-group,.chat__form-group{margin:0 0 1rem}.chat__form-buttons-group{display:flex;justify-content:space-between}.chat__form-label{color:var(--chat-text-color)}.chat__form-input{background-color:var(--chat-input-background-color);width:100%}.chat__form-button,.chat__form-input{border:1px solid var(--chat-border-color);border-radius:var(--chat-radius);color:var(--chat-text-color);padding:6px 12px}.chat__form-button{background-color:var(--chat-button-background-color);float:right}.chat__form-button:hover{background-color:var(--chat-button-hover-background-color)}