@pioneer-platform/pioneer 1.0.5 → 1.0.6

package/es/components/Launcher.js

@@ -1,96 +0,0 @@
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import ChatWindow from './ChatWindow';
-import launcherIcon from './../assets/logo-no-bg.svg';
-import incomingMessageSound from './../assets/sounds/notification.mp3';
-import launcherIconActive from './../assets/close-icon.png';
-var Launcher = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(Launcher, _Component);
-  function Launcher() {
-    var _this;
-    _this = _Component.call(this) || this;
-    _this.state = {
-      launcherIcon: launcherIcon,
-      isOpen: false
-    };
-    return _this;
-  }
-  var _proto = Launcher.prototype;
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.mute) {
-      return;
-    }
-    var nextMessage = nextProps.messageList[nextProps.messageList.length - 1];
-    var isIncoming = (nextMessage || {}).author === 'them';
-    var isNew = nextProps.messageList.length > this.props.messageList.length;
-    if (isIncoming && isNew) {
-      this.playIncomingMessageSound();
-    }
-  };
-  _proto.playIncomingMessageSound = function playIncomingMessageSound() {
-    var audio = new Audio(incomingMessageSound);
-    audio.play();
-  };
-  _proto.handleClick = function handleClick() {
-    if (this.props.handleClick !== undefined) {
-      this.props.handleClick();
-    } else {
-      this.setState({
-        isOpen: !this.state.isOpen
-      });
-    }
-  };
-  _proto.render = function render() {
-    var isOpen = this.props.hasOwnProperty('isOpen') ? this.props.isOpen : this.state.isOpen;
-    var classList = ['sc-launcher', isOpen ? 'opened' : ''];
-    return /*#__PURE__*/React.createElement("div", {
-      id: "sc-launcher"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classList.join(' '),
-      onClick: this.handleClick.bind(this)
-    }, /*#__PURE__*/React.createElement(MessageCount, {
-      count: this.props.newMessagesCount,
-      isOpen: isOpen
-    }), /*#__PURE__*/React.createElement("img", {
-      className: 'sc-open-icon',
-      src: launcherIconActive
-    }), /*#__PURE__*/React.createElement("img", {
-      className: 'sc-closed-icon',
-      src: launcherIcon
-    })), /*#__PURE__*/React.createElement(ChatWindow, {
-      messageList: this.props.messageList,
-      onUserInputSubmit: this.props.onMessageWasSent,
-      onFilesSelected: this.props.onFilesSelected,
-      agentProfile: this.props.agentProfile,
-      isOpen: isOpen,
-      onClose: this.handleClick.bind(this),
-      showEmoji: this.props.showEmoji
-    }));
-  };
-  return Launcher;
-}(Component);
-var MessageCount = function MessageCount(props) {
-  if (props.count === 0 || props.isOpen === true) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: 'sc-new-messages-count'
-  }, props.count);
-};
-Launcher.propTypes = process.env.NODE_ENV !== "production" ? {
-  onMessageWasReceived: PropTypes.func,
-  onMessageWasSent: PropTypes.func,
-  newMessagesCount: PropTypes.number,
-  isOpen: PropTypes.bool,
-  handleClick: PropTypes.func,
-  messageList: PropTypes.arrayOf(PropTypes.object),
-  mute: PropTypes.bool,
-  showEmoji: PropTypes.bool
-} : {};
-Launcher.defaultProps = {
-  newMessagesCount: 0,
-  showEmoji: true
-};
-export default Launcher;

package/lib/components/Launcher.js

@@ -1,105 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
-var _ChatWindow = _interopRequireDefault(require("./ChatWindow"));
-var _logoNoBg = _interopRequireDefault(require("./../assets/logo-no-bg.svg"));
-var _notification = _interopRequireDefault(require("./../assets/sounds/notification.mp3"));
-var _closeIcon = _interopRequireDefault(require("./../assets/close-icon.png"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-var Launcher = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(Launcher, _Component);
-  function Launcher() {
-    var _this;
-    _this = _Component.call(this) || this;
-    _this.state = {
-      launcherIcon: _logoNoBg["default"],
-      isOpen: false
-    };
-    return _this;
-  }
-  var _proto = Launcher.prototype;
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.mute) {
-      return;
-    }
-    var nextMessage = nextProps.messageList[nextProps.messageList.length - 1];
-    var isIncoming = (nextMessage || {}).author === 'them';
-    var isNew = nextProps.messageList.length > this.props.messageList.length;
-    if (isIncoming && isNew) {
-      this.playIncomingMessageSound();
-    }
-  };
-  _proto.playIncomingMessageSound = function playIncomingMessageSound() {
-    var audio = new Audio(_notification["default"]);
-    audio.play();
-  };
-  _proto.handleClick = function handleClick() {
-    if (this.props.handleClick !== undefined) {
-      this.props.handleClick();
-    } else {
-      this.setState({
-        isOpen: !this.state.isOpen
-      });
-    }
-  };
-  _proto.render = function render() {
-    var isOpen = this.props.hasOwnProperty('isOpen') ? this.props.isOpen : this.state.isOpen;
-    var classList = ['sc-launcher', isOpen ? 'opened' : ''];
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      id: "sc-launcher"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: classList.join(' '),
-      onClick: this.handleClick.bind(this)
-    }, /*#__PURE__*/_react["default"].createElement(MessageCount, {
-      count: this.props.newMessagesCount,
-      isOpen: isOpen
-    }), /*#__PURE__*/_react["default"].createElement("img", {
-      className: 'sc-open-icon',
-      src: _closeIcon["default"]
-    }), /*#__PURE__*/_react["default"].createElement("img", {
-      className: 'sc-closed-icon',
-      src: _logoNoBg["default"]
-    })), /*#__PURE__*/_react["default"].createElement(_ChatWindow["default"], {
-      messageList: this.props.messageList,
-      onUserInputSubmit: this.props.onMessageWasSent,
-      onFilesSelected: this.props.onFilesSelected,
-      agentProfile: this.props.agentProfile,
-      isOpen: isOpen,
-      onClose: this.handleClick.bind(this),
-      showEmoji: this.props.showEmoji
-    }));
-  };
-  return Launcher;
-}(_react.Component);
-var MessageCount = function MessageCount(props) {
-  if (props.count === 0 || props.isOpen === true) {
-    return null;
-  }
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: 'sc-new-messages-count'
-  }, props.count);
-};
-Launcher.propTypes = process.env.NODE_ENV !== "production" ? {
-  onMessageWasReceived: _propTypes["default"].func,
-  onMessageWasSent: _propTypes["default"].func,
-  newMessagesCount: _propTypes["default"].number,
-  isOpen: _propTypes["default"].bool,
-  handleClick: _propTypes["default"].func,
-  messageList: _propTypes["default"].arrayOf(_propTypes["default"].object),
-  mute: _propTypes["default"].bool,
-  showEmoji: _propTypes["default"].bool
-} : {};
-Launcher.defaultProps = {
-  newMessagesCount: 0,
-  showEmoji: true
-};
-var _default = Launcher;
-exports["default"] = _default;
-module.exports = exports.default;

package/umd/chat-icon.f032be1d.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-4749.48 -5020 35.036 35.036"><defs><style>.a{fill:none;}.b{fill:#4e8cff;}.c{clip-path:url(#a);}.d{fill:#fff;}.e{fill:#eff4f9;}</style><clipPath id="a"><path class="a" d="M0-399.479H17.555v17.555H0Z" transform="translate(0 399.479)"/></clipPath></defs><g transform="translate(-4886 -5075)"><circle class="b" cx="17.518" cy="17.518" r="17.518" transform="translate(136.52 55)"/><g transform="translate(145.13 64)"><g class="c"><g transform="translate(0 0)"><path class="d" d="M-381.924-190.962a8.778,8.778,0,0,0-8.778-8.778,8.778,8.778,0,0,0-8.778,8.778,8.745,8.745,0,0,0,2.26,5.879v1.442c0,.8.492,1.457,1.1,1.457h5.83a.843.843,0,0,0,.183-.02,8.778,8.778,0,0,0,8.184-8.757" transform="translate(399.479 199.74)"/></g><g transform="translate(0 0)"><path class="e" d="M-68.763-194.079a9.292,9.292,0,0,1,6.38-8.888c-.252-.022-.506-.033-.763-.033a8.774,8.774,0,0,0-8.778,8.778A9.508,9.508,0,0,0-69.7-188.3c.005,0,0,.009,0,.01-.311.352-1.924,2.849.021,2.849h2.25c-1.23-.022,1.263-2.107.269-3.494a8.225,8.225,0,0,1-1.6-5.141" transform="translate(71.924 203)"/></g></g></g></g></svg>

package/umd/main.8da8d3c4.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["main.8da8d3c4.css","css ./node_modules/css-loader/dist/cjs.js??ref--11-1!./node_modules/postcss-loader/src??postcss!./src/styles/emojiPicker.css","css ./node_modules/css-loader/dist/cjs.js??ref--11-1!./node_modules/postcss-loader/src??postcss!./src/styles/chat-window.css","css ./node_modules/css-loader/dist/cjs.js??ref--11-1!./node_modules/postcss-loader/src??postcss!./src/styles/launcher.css","css ./node_modules/css-loader/dist/cjs.js??ref--11-1!./node_modules/postcss-loader/src??postcss!./src/styles/header.css","css ./node_modules/css-loader/dist/cjs.js??ref--11-1!./node_modules/postcss-loader/src??postcss!./src/styles/message.css","css ./node_modules/css-loader/dist/cjs.js??ref--11-1!./node_modules/postcss-loader/src??postcss!./src/styles/user-input.css","css ./node_modules/css-loader/dist/cjs.js??ref--11-1!./node_modules/postcss-loader/src??postcss!./src/styles/popup-window.css","css ./node_modules/css-loader/dist/cjs.js??ref--11-1!./node_modules/postcss-loader/src??postcss!./src/styles/pin-message.css"],"names":[],"mappings":"AAAA;;;EAGE,CCHF,iBACA,aAAA,CACA,UAAA,CACA,4BAAA,CACA,qBAAA,CACA,YACA,CAEA,2BACA,YAAA,CACA,kBAAA,CACA,cACA,CAEA,iCACA,cAAA,CACA,aAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CACA,kBACA,CAEA,wBACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,cAAA,CACA,qBAAA,CACA,cAAA,CACA,kEAAA,CACA,qBACA,CAEA,8BACA,4BAAA,CACA,oBACA,CCtCA,gBACA,WAAA,CACA,yBAAA,CACA,gBAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,8CAAA,CACA,eAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,0BAAA,CACA,kBAAA,CACA,qDACA,CAEA,uBACA,SAAA,CACA,iBAAA,CACA,WACA,CAEA,iBACA,UAAA,CACA,eAAA,CACA,qBAAA,CACA,oBAAA,CACA,cACA,CAEA,gBACA,gBACA,CACA,kBACA,eACA,CAEA,yBACA,gBACA,UAAA,CACA,WAAA,CACA,eAAA,CACA,OAAA,CACA,QAAA,CACA,eAAA,CAGA,0BAFA,CAIA,uBACA,QACA,CACA,CCtDA,aAGA,wBAAA,CACA,uBAAA,CACA,2BAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CAEA,eAEA,CAEA,iCAbA,UAAA,CACA,WAAA,CAOA,iBAAA,CAEA,qCAWA,CARA,oBACA,UAAA,CACA,iBAAA,CACA,aAKA,CAEA,oBACA,iBACA,CAEA,wDAIA,cAAA,CACA,UAAA,CACA,WAIA,CAEA,wDAVA,UAAA,CACA,WAAA,CAIA,oEAAA,CACA,4DAAA,CACA,8FAUA,CAEA,2BACA,YAAA,CACA,qBAAA,CACA,SACA,CAEA,kCACA,gCAAA,CACA,wBAAA,CACA,SACA,CAEA,oCACA,gCAAA,CACA,wBAAA,CACA,SACA,CAEA,2BACA,+CACA,CAEA,mBACA,wCACA,CAEA,uBACA,iBAAA,CACA,QAAA,CACA,SAAA,CACA,YAAA,CACA,sBAAA,CACA,qBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,UAAA,CACA,iBAAA,CACA,WAAA,CACA,cAAA,CACA,eAAA,CACA,sCACA,CC5FA,WACA,kBAAA,CACA,eAAA,CACA,0BAAA,CACA,2BAAA,CACA,UAAA,CACA,YAAA,CACA,mCAAA,CACA,iBAAA,CACA,qBAAA,CACA,YACA,CAEA,gBACA,iBAAA,CACA,iBAAA,CACA,YACA,CAEA,sBACA,iBAAA,CACA,YAAA,CACA,MAAA,CACA,wBAAA,CACA,gBAAA,CACA,iBACA,CAEA,yBACA,UAAA,CACA,iBAAA,CACA,WAAA,CACA,iBAAA,CACA,qBAAA,CACA,cAAA,CACA,iBACA,CAEA,+BACA,kBACA,CAEA,6BACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,qBACA,CAEA,yBACA,WACA,eACA,CACA,CCrDA,YACA,WAAA,CACA,WAAA,CACA,mBAAA,CACA,YACA,CAEA,qBACA,UAAA,CACA,YACA,CAEA,0BACA,wBACA,CAEA,8CACA,YACA,CAEA,oBACA,sJAAA,CACA,2BAAA,CACA,oBAAA,CACA,uBAAA,CACA,cAAA,CACA,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,iBACA,CAEA,kBACA,iBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,oBAAA,CACA,2CAAA,CACA,oBAAA,CACA,uBACA,CAEA,4CACA,UAAA,CACA,wBAAA,CACA,4BAAA,CACA,oBACA,CAEA,gDACA,aAAA,CACA,wBAAA,CACA,iBACA,CAEA,mBACA,cACA,CAEA,kBACA,eAAA,CACA,wBAAA,CACA,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CACA,oBACA,CAEA,oBACA,iBAAA,CACA,wBACA,CAEA,uDACA,uBACA,CAEA,yBACA,YACA,SACA,CACA,CCvFA,eACA,eAAA,CACA,QAAA,CACA,iBAAA,CACA,QAAA,CACA,YAAA,CACA,wBAAA,CACA,8BAAA,CACA,+BAAA,CACA,wDACA,CAGA,qBACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,YAAA,CACA,8BAAA,CACA,qBAAA,CACA,YAAA,CACA,cAAA,CACA,eAAA,CACA,gBAAA,CACA,oBAAA,CACA,oBAAA,CACA,aAAA,CACA,kCAAA,CACA,gBAAA,CACA,eAAA,CACA,QAAA,CACA,iBAAA,CACA,eACA,CAEA,kCACA,yBAAA,CACA,aAAA,CACA,wBAAA,CACA,YACA,CAEA,wBACA,WAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,wBACA,CAEA,qCACA,UACA,CAEA,uBACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,sBACA,CAEA,8BACA,cACA,CAEA,yCACA,YACA,CAEA,+BACA,YAAA,CACA,qBACA,CAEA,sBACA,eAAA,CACA,qBAAA,CACA,6CACA,CAEA,oDAEA,WAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,YACA,CAEA,8DAEA,uBACA,CAEA,0EAEA,YACA,CAEA,uGAGA,eAAA,CACA,WAAA,CACA,WAAA,CACA,QAAA,CACA,YAAA,CACA,qBAAA,CACA,sBACA,CAEA,oEAEA,kBACA,CAEA,yCACA,YACA,CAEA,2BACA,WAAA,CACA,cAAA,CACA,iBACA,CAEA,kEACA,uBACA,CAEA,kTAMA,YACA,CC3IA,iBACA,iBAAA,CACA,WACA,CAEA,6BACA,iBAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,gBAAA,CACA,YAAA,CACA,8CAAA,CACA,eAAA,CACA,kBAAA,CACA,YAAA,CACA,0BAAA,CACA,SAAA,CACA,iBAAA,CACA,qBACA,CAEA,oCACA,SAAA,CACA,iBAAA,CACA,WACA,CAEA,mCACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,UAAA,CACA,+BAAA,CACA,uBAAA,CACA,iBACA,CAEA,yBACA,WAAA,CACA,qBAAA,CACA,WAAA,CACA,aAAA,CACA,oBAAA,CACA,aAAA,CACA,iBAAA,CACA,WAAA,CACA,cAAA,CACA,8EAAA,CACA,yBAAA,CACA,2BAAA,CACA,0BAAA,CACA,YACA,CAEA,oDACA,aACA,CAEA,sCACA,aACA,CCjEA,iBACA,YAAA,CACA,WAAA,CACA,wBAAA,CACA,cACA,CAEA,sBACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,WACA,CAEA,uBACA,YAAA,CACA,cACA,CAEA,wBACA,cAAA,CACA,iBACA","file":"main.8da8d3c4.css","sourcesContent":["/*!\n * @pioneer-platform/pioneer v1.0.5 - https://github.com/asliddinusmonov/popup-chat-react\n * MIT Licensed\n */\n.sc-emoji-picker {\n  overflow: auto;\n  width: 100%;\n  max-height: calc(100% - 40px);\n  box-sizing: border-box;\n  padding: 15px;\n}\n\n.sc-emoji-picker--category {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.sc-emoji-picker--category-title {\n  min-width: 100%;\n  color: #b8c3ca;\n  font-weight: 200;\n  font-size: 13px;\n  margin: 5px;\n  letter-spacing: 1px;\n}\n\n.sc-emoji-picker--emoji {\n  margin: 5px;\n  width: 30px;\n  line-height: 30px;\n  text-align: center;\n  cursor: pointer;\n  vertical-align: middle;\n  font-size: 28px;\n  transition: transform 60ms ease-out,-webkit-transform 60ms ease-out;\n  transition-delay: 60ms;\n}\n\n.sc-emoji-picker--emoji:hover {\n  -webkit-transform: scale(1.4);\n          transform: scale(1.4);\n}\n.sc-chat-window {\n  width: 370px;\n  height: calc(100% - 120px);\n  max-height: 590px;\n  position: fixed;\n  right: 25px;\n  bottom: 10px;\n  box-sizing: border-box;\n  box-shadow: 0px 7px 40px 2px rgba(148, 149, 150, 0.3);\n  background: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: 0.3s ease-in-out;\n  border-radius: 10px;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n.sc-chat-window.closed {\n  opacity: 0;\n  visibility: hidden;\n  bottom: 30px;\n}\n\n.sc-message-list {\n  height: 80%;\n  overflow-y: auto;\n  background-color: white;\n  background-size: 100%;\n  padding: 40px 0px;\n}\n\n.sc-message--me {\n  text-align: right;\n}\n.sc-message--them {\n  text-align: left;\n}\n\n@media (max-width: 450px) {\n  .sc-chat-window {\n    width: 100%;\n    height: 100%;\n    max-height: 100%;\n    right: 0px;\n    bottom: 0px;\n    border-radius: 0px;\n  }\n  .sc-chat-window {\n    transition: 0.1s ease-in-out;\n  }\n  .sc-chat-window.closed {\n    bottom: 0px;\n  }\n}\n\n.sc-launcher {\n  width: 60px;\n  height: 60px;\n  background-color: #f39314;\n  background-position: center;\n  background-repeat: no-repeat;\n  position: fixed;\n  right: 25px;\n  bottom: 25px;\n  border-radius: 50%;\n  box-shadow: none;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.sc-launcher:before {\n  content: '';\n  position: relative;\n  display: block;\n  width: 60px;\n  height: 60px;  \n  border-radius: 50%;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.sc-launcher.opened {\n  visibility: hidden;\n}\n\n.sc-launcher .sc-open-icon,\n.sc-launcher .sc-closed-icon {\n  width: 60px;\n  height: 60px;\n  position: fixed;\n  right: 25px;\n  bottom: 25px;\n  transition: opacity 100ms ease-in-out, -webkit-transform 100ms ease-in-out;\n  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out;\n  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;\n}\n\n.sc-launcher .sc-closed-icon {\n  transition: opacity 100ms ease-in-out, -webkit-transform 100ms ease-in-out;\n  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out;\n  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;\n  width: 60px;\n  height: 60px;\n\n}\n\n.sc-launcher .sc-open-icon {\n  padding: 20px;\n  box-sizing: border-box;\n  opacity: 0;\n}\n\n.sc-launcher.opened .sc-open-icon {\n  -webkit-transform: rotate(-90deg);\n          transform: rotate(-90deg);\n  opacity: 1;\n}\n\n.sc-launcher.opened .sc-closed-icon {\n  -webkit-transform: rotate(-90deg);\n          transform: rotate(-90deg);\n  opacity: 0;\n}\n\n.sc-launcher.opened:before {\n  box-shadow: 0px 0px 400px 250px rgba(148, 149, 150, 0.2);\n}\n\n.sc-launcher:hover {\n  box-shadow: 0 0px 27px 1.5px rgba(0,0,0,0.2);\n}\n\n.sc-new-messages-count {\n  position: absolute;\n  top: -3px;\n  left: 41px;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  border-radius: 50%;\n\twidth: 22px;\n  height: 22px;\n  background: #ff4646;\n  color: white;\n  text-align: center;\n  margin: auto;\n  font-size: 12px;\n  font-weight: 500;\n  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.sc-header {\n  background: #f39314;\n  min-height: 75px;\n  border-top-left-radius: 9px;\n  border-top-right-radius: 9px;\n  color: white;\n  padding: 10px;\n  box-shadow: 0 1px 4px rgba(0,0,0,.2);\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n}\n\n.sc-header--img {\n  border-radius: 50%;\n  align-self: center;\n  padding: 10px;\n}\n\n.sc-header--team-name {\n  align-self: center;\n  padding: 10px;\n  flex: 1;\n  -webkit-user-select: none;\n          user-select: none;\n  border-radius: 5px;\n}\n\n.sc-header--close-button {\n  width: 40px;\n  align-self: center;\n  height: 40px;\n  margin-right: 10px;\n  box-sizing: border-box;\n  cursor: pointer;\n  border-radius: 5px;\n}\n\n.sc-header--close-button:hover {\n  background: #ed8701;\n}\n\n.sc-header--close-button img {\n  width: 100%;\n  height: 100%;\n  padding: 13px;\n  box-sizing: border-box;\n}\n\n@media (max-width: 450px) {\n  .sc-header {\n    border-radius: 0px;\n  }\n}\n\n.sc-message {\n  width: 300px;\n  margin: auto;\n  padding-bottom: 10px;\n  display: flex;\n}\n\n.sc-message--content {\n  width: 100%;\n  display: flex;\n}\n\n.sc-message--content.sent {\n  justify-content: flex-end;\n}\n\n.sc-message--content.sent .sc-message--avatar {\n  display: none;\n}\n\n.sc-message--avatar {\n  background-image: url(https://d13yacurqjgara.cloudfront.net/assets/avatar-default-aa2eab7684294781f93bc99ad394a0eb3249c5768c21390163c9f55ea8ef83a4.gif);\n  background-repeat: no-repeat;\n  background-size: 100%;\n  background-position: center;\n  min-width: 30px;\n  min-height: 30px;\n  border-radius: 50%;\n  align-self: center;\n  margin-right: 15px;\n}\n\n.sc-message--text {\n  padding: 17px 20px;\n  border-radius: 6px;\n  font-weight: 300;\n  font-size: 14px;\n  line-height: 1.4;\n  white-space: pre-wrap;\n  -webkit-font-smoothing: subpixel-antialiased;\n  word-wrap: break-word;\n  width: calc(100% - 90px);\n}\n\n.sc-message--content.sent .sc-message--text {\n  color: white;\n  background-color: #f39314;\n  max-width: calc(100% - 120px);\n  word-wrap: break-word;\n}\n\n.sc-message--content.received .sc-message--text {\n  color: #263238;\n  background-color: #f4f7f9;\n  margin-right: 40px;\n}\n\n.sc-message--emoji {\n  font-size: 40px;\n}\n\n.sc-message--file {\n  background: white;\n  border: solid 1px #CCCDD1;\n  padding: 15px 20px;\n  border-radius: 5px;\n  display: flex;\n  font-weight: 300;\n  font-size: 14px;\n  line-height: 1.4;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.sc-message--file p {\n  margin: 0px 0px 0px 10px;\n  color: rgba(86, 88, 103, 0.6);\n}\n\n.sc-message--file .sc-user-input--file-icon:hover path {\n  fill: rgba(86, 88, 103, 0.3);\n}\n\n@media (max-width: 450px) {\n  .sc-message {\n    width: 80%;\n  }\n}\n\n.sc-user-input {\n  min-height: 55px;\n  margin: 0px;\n  position: relative;\n  bottom: 0;\n  display: flex;\n  background-color: #f4f7f9;\n  border-bottom-left-radius: 10px;\n  border-bottom-right-radius: 10px;\n  transition: background-color .2s ease,box-shadow .2s ease;\n}\n\n\n.sc-user-input--text {\n  width: 300px;\n  resize: none;\n  border: none;\n  outline: none;\n  border-bottom-left-radius: 10px;\n  box-sizing: border-box;\n  padding: 18px;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.33;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  color: #565867;\n  -webkit-font-smoothing: antialiased;\n  max-height: 200px;\n  overflow: scroll;\n  bottom: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.sc-user-input--text:empty:before {\n  content: attr(placeholder);\n  display: block; /* For Firefox */\n  color: rgba(86, 88, 103, 0.3);\n  outline: none;\n}\n\n.sc-user-input--buttons {\n  width: 100px;\n  position: absolute;\n  right: 10px;\n  height: 100%;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.sc-user-input--button:first-of-type {\n  width: 40px;\n}\n\n.sc-user-input--button {\n  width: 30px;\n  height: 55px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.sc-user-input--button button {\n  cursor: pointer;\n}\n\n.sc-user-input--buttons input[type=\"file\"] {\n  display: none;\n}\n\n.sc-user-input--picker-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n\n.sc-user-input.active {\n  box-shadow: none;\n  background-color: white;\n  box-shadow: 0px -5px 20px 0px rgba(150, 165, 190, 0.2);\n}\n\n.sc-user-input--file-icon,\n.sc-user-input--send-icon {\n  height: 20px;\n  width: 20px;\n  cursor: pointer;\n  align-self: center;\n  outline: none;\n}\n\n.sc-user-input--file-icon path,\n.sc-user-input--send-icon path {\n  fill: rgba(86, 88, 103, 0.3);\n}\n\n.sc-user-input--file-icon:hover path,\n.sc-user-input--send-icon:hover path {\n  fill: rgba(86, 88, 103, 1);\n}\n\n.sc-user-input--emoji-icon-wrapper,\n.sc-user-input--send-icon-wrapper,\n.sc-user-input--file-icon-wrapper {\n  background: none;\n  border: none;\n  padding: 2px;\n  margin: 0px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.sc-user-input--send-icon-wrapper,\n.sc-user-input--file-icon-wrapper {\n  flex-direction: row;\n}\n\n.sc-user-input--emoji-icon-wrapper:focus {\n  outline: none;\n}\n\n.sc-user-input--emoji-icon {\n  height: 18px;\n  cursor: pointer;\n  align-self: center;\n}\n\n.sc-user-input--emoji-icon path, .sc-user-input--emoji-icon circle {\n  fill: rgba(86, 88, 103, 0.3);\n}\n\n.sc-user-input--emoji-icon-wrapper:focus .sc-user-input--emoji-icon path,\n.sc-user-input--emoji-icon-wrapper:focus .sc-user-input--emoji-icon circle,\n.sc-user-input--emoji-icon.active path,\n.sc-user-input--emoji-icon.active circle,\n.sc-user-input--emoji-icon:hover path,\n.sc-user-input--emoji-icon:hover circle {\n  fill: rgba(86, 88, 103, 1);\n}\n\n.sc-popup-window {\n  position: relative;\n  width: 150px;\n}\n\n.sc-popup-window--cointainer {\n  position: absolute;\n  bottom: 20px;\n  right: 100px;\n  width: 330px;\n  max-height: 260px;\n  height: 260px;\n  box-shadow: 0px 7px 40px 2px rgba(148, 149, 150, 0.3);\n  background: white;\n  border-radius: 10px;\n  outline: none;\n  transition: 0.2s ease-in-out;\n  z-index: 1;\n  padding: 0px 5px 5px 5px;\n  box-sizing: border-box;\n}\n\n.sc-popup-window--cointainer.closed {\n  opacity: 0;\n  visibility: hidden;\n  bottom: 14px;\n}\n\n.sc-popup-window--cointainer:after {\n  content: \"\";\n  width: 14px;\n  height: 14px;\n  background: white;\n  position: absolute;\n  z-index: -1;\n  bottom: -6px;\n  right: 28px;\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n  border-radius: 2px;\n}\n\n.sc-popup-window--search {\n  width: 290px;\n  box-sizing: border-box;\n  margin: auto;\n  display: block;\n  border-width: 0px 0px 1px 0px;\n  color: #565867;\n  padding-left: 25px;\n  height: 40px;\n  font-size: 14px;\n  background-image: url(https://js.intercomcdn.com/images/search@2x.32fca88e.png);\n  background-size: 16px 16px;\n  background-repeat: no-repeat;\n  background-position: 0 12px;\n  outline: none;\n}\n\n.sc-popup-window--search::-webkit-input-placeholder {\n  color: #C1C7CD;\n}\n\n.sc-popup-window--search::placeholder {\n  color: #C1C7CD;\n}\n.sc-pin--message {\n  display: flex;\n  padding: 5px;\n  background-color: #f4f7f9;\n  cursor: pointer;\n}\n\n.sc-pin--message--img {\n  border-radius: 15px;\n  align-self: center;\n  width: 45px;\n  height: 45px;\n  padding: 5px;\n}\n\n.sc-pin--message--desc {\n  padding: 10px;\n  font-size: 12px;\n}\n\n.sc-pin--message--title {\n  font-size: 16px;\n  margin-bottom: 2px;\n}\n\n",".sc-emoji-picker {\n  overflow: auto;\n  width: 100%;\n  max-height: calc(100% - 40px);\n  box-sizing: border-box;\n  padding: 15px;\n}\n\n.sc-emoji-picker--category {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.sc-emoji-picker--category-title {\n  min-width: 100%;\n  color: #b8c3ca;\n  font-weight: 200;\n  font-size: 13px;\n  margin: 5px;\n  letter-spacing: 1px;\n}\n\n.sc-emoji-picker--emoji {\n  margin: 5px;\n  width: 30px;\n  line-height: 30px;\n  text-align: center;\n  cursor: pointer;\n  vertical-align: middle;\n  font-size: 28px;\n  transition: transform 60ms ease-out,-webkit-transform 60ms ease-out;\n  transition-delay: 60ms;\n}\n\n.sc-emoji-picker--emoji:hover {\n  -webkit-transform: scale(1.4);\n          transform: scale(1.4);\n}",".sc-chat-window {\n  width: 370px;\n  height: calc(100% - 120px);\n  max-height: 590px;\n  position: fixed;\n  right: 25px;\n  bottom: 10px;\n  box-sizing: border-box;\n  box-shadow: 0px 7px 40px 2px rgba(148, 149, 150, 0.3);\n  background: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: 0.3s ease-in-out;\n  border-radius: 10px;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n.sc-chat-window.closed {\n  opacity: 0;\n  visibility: hidden;\n  bottom: 30px;\n}\n\n.sc-message-list {\n  height: 80%;\n  overflow-y: auto;\n  background-color: white;\n  background-size: 100%;\n  padding: 40px 0px;\n}\n\n.sc-message--me {\n  text-align: right;\n}\n.sc-message--them {\n  text-align: left;\n}\n\n@media (max-width: 450px) {\n  .sc-chat-window {\n    width: 100%;\n    height: 100%;\n    max-height: 100%;\n    right: 0px;\n    bottom: 0px;\n    border-radius: 0px;\n  }\n  .sc-chat-window {\n    transition: 0.1s ease-in-out;\n  }\n  .sc-chat-window.closed {\n    bottom: 0px;\n  }\n}\n",".sc-launcher {\n  width: 60px;\n  height: 60px;\n  background-color: #f39314;\n  background-position: center;\n  background-repeat: no-repeat;\n  position: fixed;\n  right: 25px;\n  bottom: 25px;\n  border-radius: 50%;\n  box-shadow: none;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.sc-launcher:before {\n  content: '';\n  position: relative;\n  display: block;\n  width: 60px;\n  height: 60px;  \n  border-radius: 50%;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.sc-launcher.opened {\n  visibility: hidden;\n}\n\n.sc-launcher .sc-open-icon,\n.sc-launcher .sc-closed-icon {\n  width: 60px;\n  height: 60px;\n  position: fixed;\n  right: 25px;\n  bottom: 25px;\n  transition: opacity 100ms ease-in-out, -webkit-transform 100ms ease-in-out;\n  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out;\n  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;\n}\n\n.sc-launcher .sc-closed-icon {\n  transition: opacity 100ms ease-in-out, -webkit-transform 100ms ease-in-out;\n  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out;\n  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;\n  width: 60px;\n  height: 60px;\n\n}\n\n.sc-launcher .sc-open-icon {\n  padding: 20px;\n  box-sizing: border-box;\n  opacity: 0;\n}\n\n.sc-launcher.opened .sc-open-icon {\n  -webkit-transform: rotate(-90deg);\n          transform: rotate(-90deg);\n  opacity: 1;\n}\n\n.sc-launcher.opened .sc-closed-icon {\n  -webkit-transform: rotate(-90deg);\n          transform: rotate(-90deg);\n  opacity: 0;\n}\n\n.sc-launcher.opened:before {\n  box-shadow: 0px 0px 400px 250px rgba(148, 149, 150, 0.2);\n}\n\n.sc-launcher:hover {\n  box-shadow: 0 0px 27px 1.5px rgba(0,0,0,0.2);\n}\n\n.sc-new-messages-count {\n  position: absolute;\n  top: -3px;\n  left: 41px;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  border-radius: 50%;\n\twidth: 22px;\n  height: 22px;\n  background: #ff4646;\n  color: white;\n  text-align: center;\n  margin: auto;\n  font-size: 12px;\n  font-weight: 500;\n  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);\n}\n",".sc-header {\n  background: #f39314;\n  min-height: 75px;\n  border-top-left-radius: 9px;\n  border-top-right-radius: 9px;\n  color: white;\n  padding: 10px;\n  box-shadow: 0 1px 4px rgba(0,0,0,.2);\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n}\n\n.sc-header--img {\n  border-radius: 50%;\n  align-self: center;\n  padding: 10px;\n}\n\n.sc-header--team-name {\n  align-self: center;\n  padding: 10px;\n  flex: 1;\n  -webkit-user-select: none;\n          user-select: none;\n  border-radius: 5px;\n}\n\n.sc-header--close-button {\n  width: 40px;\n  align-self: center;\n  height: 40px;\n  margin-right: 10px;\n  box-sizing: border-box;\n  cursor: pointer;\n  border-radius: 5px;\n}\n\n.sc-header--close-button:hover {\n  background: #ed8701;\n}\n\n.sc-header--close-button img {\n  width: 100%;\n  height: 100%;\n  padding: 13px;\n  box-sizing: border-box;\n}\n\n@media (max-width: 450px) {\n  .sc-header {\n    border-radius: 0px;\n  }\n}\n",".sc-message {\n  width: 300px;\n  margin: auto;\n  padding-bottom: 10px;\n  display: flex;\n}\n\n.sc-message--content {\n  width: 100%;\n  display: flex;\n}\n\n.sc-message--content.sent {\n  justify-content: flex-end;\n}\n\n.sc-message--content.sent .sc-message--avatar {\n  display: none;\n}\n\n.sc-message--avatar {\n  background-image: url(https://d13yacurqjgara.cloudfront.net/assets/avatar-default-aa2eab7684294781f93bc99ad394a0eb3249c5768c21390163c9f55ea8ef83a4.gif);\n  background-repeat: no-repeat;\n  background-size: 100%;\n  background-position: center;\n  min-width: 30px;\n  min-height: 30px;\n  border-radius: 50%;\n  align-self: center;\n  margin-right: 15px;\n}\n\n.sc-message--text {\n  padding: 17px 20px;\n  border-radius: 6px;\n  font-weight: 300;\n  font-size: 14px;\n  line-height: 1.4;\n  white-space: pre-wrap;\n  -webkit-font-smoothing: subpixel-antialiased;\n  word-wrap: break-word;\n  width: calc(100% - 90px);\n}\n\n.sc-message--content.sent .sc-message--text {\n  color: white;\n  background-color: #f39314;\n  max-width: calc(100% - 120px);\n  word-wrap: break-word;\n}\n\n.sc-message--content.received .sc-message--text {\n  color: #263238;\n  background-color: #f4f7f9;\n  margin-right: 40px;\n}\n\n.sc-message--emoji {\n  font-size: 40px;\n}\n\n.sc-message--file {\n  background: white;\n  border: solid 1px #CCCDD1;\n  padding: 15px 20px;\n  border-radius: 5px;\n  display: flex;\n  font-weight: 300;\n  font-size: 14px;\n  line-height: 1.4;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.sc-message--file p {\n  margin: 0px 0px 0px 10px;\n  color: rgba(86, 88, 103, 0.6);\n}\n\n.sc-message--file .sc-user-input--file-icon:hover path {\n  fill: rgba(86, 88, 103, 0.3);\n}\n\n@media (max-width: 450px) {\n  .sc-message {\n    width: 80%;\n  }\n}\n",".sc-user-input {\n  min-height: 55px;\n  margin: 0px;\n  position: relative;\n  bottom: 0;\n  display: flex;\n  background-color: #f4f7f9;\n  border-bottom-left-radius: 10px;\n  border-bottom-right-radius: 10px;\n  transition: background-color .2s ease,box-shadow .2s ease;\n}\n\n\n.sc-user-input--text {\n  width: 300px;\n  resize: none;\n  border: none;\n  outline: none;\n  border-bottom-left-radius: 10px;\n  box-sizing: border-box;\n  padding: 18px;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.33;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  color: #565867;\n  -webkit-font-smoothing: antialiased;\n  max-height: 200px;\n  overflow: scroll;\n  bottom: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.sc-user-input--text:empty:before {\n  content: attr(placeholder);\n  display: block; /* For Firefox */\n  color: rgba(86, 88, 103, 0.3);\n  outline: none;\n}\n\n.sc-user-input--buttons {\n  width: 100px;\n  position: absolute;\n  right: 10px;\n  height: 100%;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.sc-user-input--button:first-of-type {\n  width: 40px;\n}\n\n.sc-user-input--button {\n  width: 30px;\n  height: 55px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.sc-user-input--button button {\n  cursor: pointer;\n}\n\n.sc-user-input--buttons input[type=\"file\"] {\n  display: none;\n}\n\n.sc-user-input--picker-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n\n.sc-user-input.active {\n  box-shadow: none;\n  background-color: white;\n  box-shadow: 0px -5px 20px 0px rgba(150, 165, 190, 0.2);\n}\n\n.sc-user-input--file-icon,\n.sc-user-input--send-icon {\n  height: 20px;\n  width: 20px;\n  cursor: pointer;\n  align-self: center;\n  outline: none;\n}\n\n.sc-user-input--file-icon path,\n.sc-user-input--send-icon path {\n  fill: rgba(86, 88, 103, 0.3);\n}\n\n.sc-user-input--file-icon:hover path,\n.sc-user-input--send-icon:hover path {\n  fill: rgba(86, 88, 103, 1);\n}\n\n.sc-user-input--emoji-icon-wrapper,\n.sc-user-input--send-icon-wrapper,\n.sc-user-input--file-icon-wrapper {\n  background: none;\n  border: none;\n  padding: 2px;\n  margin: 0px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.sc-user-input--send-icon-wrapper,\n.sc-user-input--file-icon-wrapper {\n  flex-direction: row;\n}\n\n.sc-user-input--emoji-icon-wrapper:focus {\n  outline: none;\n}\n\n.sc-user-input--emoji-icon {\n  height: 18px;\n  cursor: pointer;\n  align-self: center;\n}\n\n.sc-user-input--emoji-icon path, .sc-user-input--emoji-icon circle {\n  fill: rgba(86, 88, 103, 0.3);\n}\n\n.sc-user-input--emoji-icon-wrapper:focus .sc-user-input--emoji-icon path,\n.sc-user-input--emoji-icon-wrapper:focus .sc-user-input--emoji-icon circle,\n.sc-user-input--emoji-icon.active path,\n.sc-user-input--emoji-icon.active circle,\n.sc-user-input--emoji-icon:hover path,\n.sc-user-input--emoji-icon:hover circle {\n  fill: rgba(86, 88, 103, 1);\n}\n",".sc-popup-window {\n  position: relative;\n  width: 150px;\n}\n\n.sc-popup-window--cointainer {\n  position: absolute;\n  bottom: 20px;\n  right: 100px;\n  width: 330px;\n  max-height: 260px;\n  height: 260px;\n  box-shadow: 0px 7px 40px 2px rgba(148, 149, 150, 0.3);\n  background: white;\n  border-radius: 10px;\n  outline: none;\n  transition: 0.2s ease-in-out;\n  z-index: 1;\n  padding: 0px 5px 5px 5px;\n  box-sizing: border-box;\n}\n\n.sc-popup-window--cointainer.closed {\n  opacity: 0;\n  visibility: hidden;\n  bottom: 14px;\n}\n\n.sc-popup-window--cointainer:after {\n  content: \"\";\n  width: 14px;\n  height: 14px;\n  background: white;\n  position: absolute;\n  z-index: -1;\n  bottom: -6px;\n  right: 28px;\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n  border-radius: 2px;\n}\n\n.sc-popup-window--search {\n  width: 290px;\n  box-sizing: border-box;\n  margin: auto;\n  display: block;\n  border-width: 0px 0px 1px 0px;\n  color: #565867;\n  padding-left: 25px;\n  height: 40px;\n  font-size: 14px;\n  background-image: url(https://js.intercomcdn.com/images/search@2x.32fca88e.png);\n  background-size: 16px 16px;\n  background-repeat: no-repeat;\n  background-position: 0 12px;\n  outline: none;\n}\n\n.sc-popup-window--search::-webkit-input-placeholder {\n  color: #C1C7CD;\n}\n\n.sc-popup-window--search::placeholder {\n  color: #C1C7CD;\n}",".sc-pin--message {\n  display: flex;\n  padding: 5px;\n  background-color: #f4f7f9;\n  cursor: pointer;\n}\n\n.sc-pin--message--img {\n  border-radius: 15px;\n  align-self: center;\n  width: 45px;\n  height: 45px;\n  padding: 5px;\n}\n\n.sc-pin--message--desc {\n  padding: 10px;\n  font-size: 12px;\n}\n\n.sc-pin--message--title {\n  font-size: 16px;\n  margin-bottom: 2px;\n}\n"]}