.chat-clara{width:360px;height:100vh;max-height:0;transition:all 200ms ease-out 0s;box-shadow:rgba(6,25,56,.25) 0 25px 50px -12px;border-radius:6px 6px 0 0;background:#fff;overflow:hidden}.chat-clara--opened{max-height:620px}.chat-clara--container{width:360px;position:fixed;bottom:0;right:5%;z-index:2147483647}.chat-clara--header{background:#009688;position:relative;box-sizing:border-box;display:flex;align-items:center;height:72px;padding:14px 8px 15px 8px}.chat-clara--header_img{position:relative;flex-shrink:0;width:42px;height:42px;border-radius:50%;padding:5px;text-align:center;background:#fff}.chat-clara--header_text{flex-grow:1;max-width:calc(100% - 54px);margin:0 12px}.chat-clara--header_title{overflow:hidden;max-width:100%;margin:0;font-weight:400;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:17px;line-height:normal;display:inline-block;vertical-align:middle}.chat-clara--header_beta{display:inline-block;vertical-align:middle;margin-left:10px}.chat-clara--header_hint{position:absolute;right:34px;top:1px;opacity:.5;transition:opacity .2s ease-in}.chat-clara--header_hint:hover{opacity:1}.chat-clara--header_hint .material-icons{font-size:22px;color:#fff}.chat-clara--header_close{position:absolute;right:6px;top:0;opacity:.5;transition:opacity .2s ease-in}.chat-clara--header_close:hover{opacity:1}.chat-clara--header_close .material-icons{font-size:24px;color:#fff}.chat-clara--field{position:relative;display:flex;flex-wrap:wrap;align-items:center;padding:16px 0 16px 16px;box-shadow:0 -1px 1px rgba(45,51,56,.08)}.chat-clara--field_textarea{box-sizing:border-box;width:100%;max-height:143px;min-height:24px;padding:3px 55px 4px 0;border:0;overflow:auto;font-size:16px;line-height:19px;font-weight:400;color:#111;outline:0;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.chat-clara--field_placeholder{position:absolute;top:50%;transform:translateY(-50%);font-weight:600;font-size:14px;line-height:120%;color:#95a3ba;padding-right:55px;white-space:nowrap}.chat-clara--field_sending{display:flex;justify-content:center;align-items:center;width:24px;height:24px;padding:0;margin:0;border:0;outline:0;cursor:pointer;transition:all 200ms ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#009688;border-radius:50%}.chat-clara--field_sending.disabled{opacity:.5}.chat-clara--field_sending-icon{position:relative;z-index:1}.chat-clara--field_controls{position:absolute;right:16px;bottom:16px;display:flex}.chat-clara--field_emoji-picker{display:inline-block;vertical-align:middle;height:24px;margin-right:5px}.chat-clara--field_emoji-picker .emoji-invoker{cursor:pointer}.chat-clara--field_emoji-picker .emoji-invoker.disabled{pointer-events:none;cursor:default;opacity:.5}.chat-clara--field_emoji-picker .emoji-invoker .material-icons{font-size:24px;color:rgba(0,0,0,.28);transition:color .2s ease}.chat-clara--field_emoji-picker .emoji-invoker:hover .material-icons{color:rgba(21,21,21,.7)}.chat-clara--field_emoji-picker .emoji-picker{position:absolute;z-index:1;font-family:Montserrat;border:1px solid #d9d9d9;box-sizing:border-box;border-radius:6px;background:#fff;bottom:25px;right:0;padding:0;box-shadow:0 2px 6px 0 rgba(21,27,38,.15);width:270px;height:auto}.chat-clara--field_emoji-picker .emoji-picker .emoji-picker__smiles{padding:0 0 10px 10px;height:220px;overflow:auto;position:relative;scrollbar-color:#cecece #fff;scrollbar-width:thin}.chat-clara--field_emoji-picker .emoji-picker__categories{background:#f6f8f9;border-bottom:1px solid #cbd4db;display:flex;justify-content:space-around;padding:3px 10px 0 10px}.chat-clara--field_emoji-picker .emoji-picker__category-btn{align-items:center;cursor:pointer;display:flex;height:33px}.chat-clara--field_emoji-picker .emoji-picker__category-btn .material-icons{color:#aeaeae;font-size:24px;transition:color .2s ease}.chat-clara--field_emoji-picker .emoji-picker__category-btn.active-category .material-icons{color:#009688}.chat-clara--field_emoji-picker .emoji-picker__search{display:flex}.chat-clara--field_emoji-picker .emoji-picker__search>input{border:1px solid #cbd4db;border-radius:15px;-moz-box-sizing:border-box;box-sizing:border-box;display:block;height:27px;margin:10px 0 5px;padding-left:10px;padding-right:30px;width:100%;font-family:Roboto;font-size:14px}.chat-clara--field_emoji-picker h5{margin-bottom:0;color:#b1b1b1;text-transform:uppercase;font-size:11px;cursor:default;font-family:Roboto;text-align:left}.chat-clara--field_emoji-picker .emojis{display:flex;flex-wrap:wrap;width:100%}.chat-clara--field_emoji-picker .emojis:after{content:"";flex:auto}.chat-clara--field_emoji-picker .emojis span{padding:6px 2px 3px;cursor:pointer;border-radius:5px;text-align:center;width:35px;font-size:24px}.chat-clara--field_emoji-picker .emojis span:hover{background:#ececec;cursor:pointer}@supports not (-ms-high-contrast: none){.chat-clara--field_emoji-picker .emoji-picker__smiles::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:4px;background-color:#fff}.chat-clara--field_emoji-picker .emoji-picker__smiles::-webkit-scrollbar{width:4px;background-color:#fff}.chat-clara--field_emoji-picker .emoji-picker__smiles::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:transparent;transition:background-color .2s ease,-webkit-box-shadow .2s ease}.chat-clara--field_emoji-picker .emoji-picker__smiles:hover::-webkit-scrollbar-thumb{background-color:#cecece;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}}.chat-clara--dialog{display:none;flex-direction:column;justify-content:flex-end;height:calc(100% - 74px)}.chat-clara--dialog.shown{display:flex}.chat-clara--dialog_messages{overflow-y:auto;overflow-x:hidden;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content;padding:12px}.chat-clara--variants{margin-top:7px}.chat-clara--variants_item{width:100%;margin:5px 0;box-shadow:none !important;text-transform:none;border:1px solid #000;color:#000;background-color:#fff;border-radius:4px;padding:7px 4px;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-weight:600;font-size:14px;line-height:19px;overflow:hidden;text-decoration:none !important;transition:background-color .2s ease-in,color .2s ease-in}.chat-clara--variants_item:hover{color:#fff;background-color:#000}.chat-clara--variants_another{box-shadow:none !important;text-transform:none;margin:5px 0 0 auto;display:block;color:#000 !important;background-color:#fff !important;border-radius:4px;padding:3px 4px;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:16px;overflow:hidden;text-decoration:underline}.chat-clara--message{text-align:left;display:flex;max-width:100%;margin-top:12px;align-items:flex-end}.chat-clara--message_text{display:inline-block;padding:12px 16px;margin:0;font-size:15px;line-height:120%;font-weight:400;white-space:pre-line;word-break:break-word;text-align:left}.chat-clara--message_bot{background-color:#f0f2f7;color:#324256;border-radius:12px 4px 4px 4px;margin-left:6px}.chat-clara--message_client{border-radius:4px 12px 4px 4px;box-shadow:4px 4px 6px rgba(184,194,214,.2);color:#fff;background:#009688;margin-left:auto}.chat-clara--message_avatar{min-width:32px;min-height:32px;max-height:32px;max-width:32px;width:100%;height:100%;display:block;text-align:center;padding:2px}.chat-clara--message_typing{align-items:center;display:flex;height:17px}.chat-clara--message_typing__dot{animation:mercuryTypingAnimation 1.8s infinite ease-in-out;background-color:#6cad96;border-radius:50%;height:7px;margin-right:4px;vertical-align:middle;width:7px;display:inline-block}.chat-clara--message_typing__dot:nth-child(1){animation-delay:200ms}.chat-clara--message_typing__dot:nth-child(2){animation-delay:300ms}.chat-clara--message_typing__dot:nth-child(3){animation-delay:400ms}.chat-clara--message_typing__dot:last-child{margin-right:0}@keyframes mercuryTypingAnimation{0%{transform:translateY(0px);background-color:#6cad96}28%{transform:translateY(-7px);background-color:#9ecab9}44%{transform:translateY(0px);background-color:#b5d9cb}}.clara-hint--tooltip{width:290px;min-width:290px;max-width:100%;left:auto !important;right:10px !important;margin-top:15px !important}.clara-hint--tooltip .tooltip-arrow{left:auto !important;right:31px !important}.clara-hint--tooltip .tooltip-inner{font-size:12px;font-weight:400;text-align:left;white-space:pre-line;max-width:100%;color:#000;padding:10px 10px;line-height:normal}