@pioneer-platform/pioneer 1.0.5

package/lib/styles/launcher.css

@@ -0,0 +1,87 @@
+.sc-launcher {
+  width: 60px;
+  height: 60px;
+  background-color: #f39314;
+  background-position: center;
+  background-repeat: no-repeat;
+  position: fixed;
+  right: 25px;
+  bottom: 25px;
+  border-radius: 50%;
+  box-shadow: none;
+  transition: box-shadow 0.2s ease-in-out;
+}
+
+.sc-launcher:before {
+  content: '';
+  position: relative;
+  display: block;
+  width: 60px;
+  height: 60px;  
+  border-radius: 50%;
+  transition: box-shadow 0.2s ease-in-out;
+}
+
+.sc-launcher.opened {
+  visibility: hidden;
+}
+
+.sc-launcher .sc-open-icon,
+.sc-launcher .sc-closed-icon {
+  width: 60px;
+  height: 60px;
+  position: fixed;
+  right: 25px;
+  bottom: 25px;
+  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out;
+}
+
+.sc-launcher .sc-closed-icon {
+  transition: opacity 100ms ease-in-out, transform 100ms ease-in-out;
+  width: 60px;
+  height: 60px;
+
+}
+
+.sc-launcher .sc-open-icon {
+  padding: 20px;
+  box-sizing: border-box;
+  opacity: 0;
+}
+
+.sc-launcher.opened .sc-open-icon {
+  transform: rotate(-90deg);
+  opacity: 1;
+}
+
+.sc-launcher.opened .sc-closed-icon {
+  transform: rotate(-90deg);
+  opacity: 0;
+}
+
+.sc-launcher.opened:before {
+  box-shadow: 0px 0px 400px 250px rgba(148, 149, 150, 0.2);
+}
+
+.sc-launcher:hover {
+  box-shadow: 0 0px 27px 1.5px rgba(0,0,0,0.2);
+}
+
+.sc-new-messages-count {
+  position: absolute;
+  top: -3px;
+  left: 41px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  border-radius: 50%;
+	width: 22px;
+  height: 22px;
+  background: #ff4646;
+  color: white;
+  text-align: center;
+  margin: auto;
+  font-size: 12px;
+  font-weight: 500;
+  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
+}

package/lib/styles/message.css

@@ -0,0 +1,88 @@
+.sc-message {
+  width: 300px;
+  margin: auto;
+  padding-bottom: 10px;
+  display: flex;
+}
+
+.sc-message--content {
+  width: 100%;
+  display: flex;
+}
+
+.sc-message--content.sent {
+  justify-content: flex-end;
+}
+
+.sc-message--content.sent .sc-message--avatar {
+  display: none;
+}
+
+.sc-message--avatar {
+  background-image: url(https://d13yacurqjgara.cloudfront.net/assets/avatar-default-aa2eab7684294781f93bc99ad394a0eb3249c5768c21390163c9f55ea8ef83a4.gif);
+  background-repeat: no-repeat;
+  background-size: 100%;
+  background-position: center;
+  min-width: 30px;
+  min-height: 30px;
+  border-radius: 50%;
+  align-self: center;
+  margin-right: 15px;
+}
+
+.sc-message--text {
+  padding: 17px 20px;
+  border-radius: 6px;
+  font-weight: 300;
+  font-size: 14px;
+  line-height: 1.4;
+  white-space: pre-wrap;
+  -webkit-font-smoothing: subpixel-antialiased;
+  word-wrap: break-word;
+  width: calc(100% - 90px);
+}
+
+.sc-message--content.sent .sc-message--text {
+  color: white;
+  background-color: #f39314;
+  max-width: calc(100% - 120px);
+  word-wrap: break-word;
+}
+
+.sc-message--content.received .sc-message--text {
+  color: #263238;
+  background-color: #f4f7f9;
+  margin-right: 40px;
+}
+
+.sc-message--emoji {
+  font-size: 40px;
+}
+
+.sc-message--file {
+  background: white;
+  border: solid 1px #CCCDD1;
+  padding: 15px 20px;
+  border-radius: 5px;
+  display: flex;
+  font-weight: 300;
+  font-size: 14px;
+  line-height: 1.4;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+.sc-message--file p {
+  margin: 0px 0px 0px 10px;
+  color: rgba(86, 88, 103, 0.6);
+}
+
+.sc-message--file .sc-user-input--file-icon:hover path {
+  fill: rgba(86, 88, 103, 0.3);
+}
+
+@media (max-width: 450px) {
+  .sc-message {
+    width: 80%;
+  }
+}

package/lib/styles/pin-message.css

@@ -0,0 +1,24 @@
+.sc-pin--message {
+  display: flex;
+  padding: 5px;
+  background-color: #f4f7f9;
+  cursor: pointer;
+}
+
+.sc-pin--message--img {
+  border-radius: 15px;
+  align-self: center;
+  width: 45px;
+  height: 45px;
+  padding: 5px;
+}
+
+.sc-pin--message--desc {
+  padding: 10px;
+  font-size: 12px;
+}
+
+.sc-pin--message--title {
+  font-size: 16px;
+  margin-bottom: 2px;
+}

package/lib/styles/popup-window.css

@@ -0,0 +1,61 @@
+.sc-popup-window {
+  position: relative;
+  width: 150px;
+}
+
+.sc-popup-window--cointainer {
+  position: absolute;
+  bottom: 20px;
+  right: 100px;
+  width: 330px;
+  max-height: 260px;
+  height: 260px;
+  box-shadow: 0px 7px 40px 2px rgba(148, 149, 150, 0.3);
+  background: white;
+  border-radius: 10px;
+  outline: none;
+  transition: 0.2s ease-in-out;
+  z-index: 1;
+  padding: 0px 5px 5px 5px;
+  box-sizing: border-box;
+}
+
+.sc-popup-window--cointainer.closed {
+  opacity: 0;
+  visibility: hidden;
+  bottom: 14px;
+}
+
+.sc-popup-window--cointainer:after {
+  content: "";
+  width: 14px;
+  height: 14px;
+  background: white;
+  position: absolute;
+  z-index: -1;
+  bottom: -6px;
+  right: 28px;
+  transform: rotate(45deg);
+  border-radius: 2px;
+}
+
+.sc-popup-window--search {
+  width: 290px;
+  box-sizing: border-box;
+  margin: auto;
+  display: block;
+  border-width: 0px 0px 1px 0px;
+  color: #565867;
+  padding-left: 25px;
+  height: 40px;
+  font-size: 14px;
+  background-image: url(https://js.intercomcdn.com/images/search@2x.32fca88e.png);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  background-position: 0 12px;
+  outline: none;
+}
+
+.sc-popup-window--search::placeholder {
+  color: #C1C7CD;
+}

package/lib/styles/user-input.css

@@ -0,0 +1,140 @@
+.sc-user-input {
+  min-height: 55px;
+  margin: 0px;
+  position: relative;
+  bottom: 0;
+  display: flex;
+  background-color: #f4f7f9;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+  transition: background-color .2s ease,box-shadow .2s ease;
+}
+
+
+.sc-user-input--text {
+  width: 300px;
+  resize: none;
+  border: none;
+  outline: none;
+  border-bottom-left-radius: 10px;
+  box-sizing: border-box;
+  padding: 18px;
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 1.33;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  color: #565867;
+  -webkit-font-smoothing: antialiased;
+  max-height: 200px;
+  overflow: scroll;
+  bottom: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.sc-user-input--text:empty:before {
+  content: attr(placeholder);
+  display: block; /* For Firefox */
+  color: rgba(86, 88, 103, 0.3);
+  outline: none;
+}
+
+.sc-user-input--buttons {
+  width: 100px;
+  position: absolute;
+  right: 10px;
+  height: 100%;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.sc-user-input--button:first-of-type {
+  width: 40px;
+}
+
+.sc-user-input--button {
+  width: 30px;
+  height: 55px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.sc-user-input--button button {
+  cursor: pointer;
+}
+
+.sc-user-input--buttons input[type="file"] {
+  display: none;
+}
+
+.sc-user-input--picker-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+
+.sc-user-input.active {
+  box-shadow: none;
+  background-color: white;
+  box-shadow: 0px -5px 20px 0px rgba(150, 165, 190, 0.2);
+}
+
+.sc-user-input--file-icon,
+.sc-user-input--send-icon {
+  height: 20px;
+  width: 20px;
+  cursor: pointer;
+  align-self: center;
+  outline: none;
+}
+
+.sc-user-input--file-icon path,
+.sc-user-input--send-icon path {
+  fill: rgba(86, 88, 103, 0.3);
+}
+
+.sc-user-input--file-icon:hover path,
+.sc-user-input--send-icon:hover path {
+  fill: rgba(86, 88, 103, 1);
+}
+
+.sc-user-input--emoji-icon-wrapper,
+.sc-user-input--send-icon-wrapper,
+.sc-user-input--file-icon-wrapper {
+  background: none;
+  border: none;
+  padding: 2px;
+  margin: 0px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.sc-user-input--send-icon-wrapper,
+.sc-user-input--file-icon-wrapper {
+  flex-direction: row;
+}
+
+.sc-user-input--emoji-icon-wrapper:focus {
+  outline: none;
+}
+
+.sc-user-input--emoji-icon {
+  height: 18px;
+  cursor: pointer;
+  align-self: center;
+}
+
+.sc-user-input--emoji-icon path, .sc-user-input--emoji-icon circle {
+  fill: rgba(86, 88, 103, 0.3);
+}
+
+.sc-user-input--emoji-icon-wrapper:focus .sc-user-input--emoji-icon path,
+.sc-user-input--emoji-icon-wrapper:focus .sc-user-input--emoji-icon circle,
+.sc-user-input--emoji-icon.active path,
+.sc-user-input--emoji-icon.active circle,
+.sc-user-input--emoji-icon:hover path,
+.sc-user-input--emoji-icon:hover circle {
+  fill: rgba(86, 88, 103, 1);
+}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@pioneer-platform/pioneer",
+  "version": "1.0.5",
+  "description": "Embedded blockchain intelligence",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "files": [
+    "css",
+    "es",
+    "lib",
+    "umd"
+  ],
+  "scripts": {
+    "build": "nwb build-react-component --copy-files",
+    "clean": "nwb clean-module && nwb clean-demo",
+    "lint": "eslint src demo/src",
+    "start": "nwb serve-react-demo",
+    "gh:publish": "nwb build-demo && gh-pages -d demo/dist"
+  },
+  "dependencies": {
+    "classnames": "^2.2.6",
+    "emoji-js": "^3.5.0",
+    "gh-pages": "^3.1.0",
+    "prop-types": "^15.7.2",
+    "ramda": "^0.27.1",
+    "react-highlight.js": "^1.0.7",
+    "react-linkify": "^1.0.0-alpha",
+    "socket.io-client": "^3.0.3"
+  },
+  "peerDependencies": {
+    "react": "17.x"
+  },
+  "devDependencies": {
+    "babel-eslint": "^10.1.0",
+    "eslint": "^7.14.0",
+    "eslint-plugin-react": "^7.21.5",
+    "nwb": "^0.25.2",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "author": "asliddinusmonov",
+  "homepage": "https://github.com/asliddinusmonov/popup-chat-react",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/asliddinusmonov/popup-chat-react"
+  },
+  "keywords": [
+    "react-popup",
+    "react-chat",
+    "popup-chat-react"
+  ]
+}

package/umd/chat-icon.f032be1d.svg

@@ -0,0 +1 @@
+<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/logo-no-bg.4d881dc9.svg

@@ -0,0 +1 @@
+<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)"><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

@@ -0,0 +1,5 @@
+/*!
+ * @pioneer-platform/pioneer v1.0.5 - https://github.com/asliddinusmonov/popup-chat-react
+ * MIT Licensed
+ */.sc-emoji-picker{overflow:auto;width:100%;max-height:calc(100% - 40px);box-sizing:border-box;padding:15px}.sc-emoji-picker--category{display:flex;flex-direction:row;flex-wrap:wrap}.sc-emoji-picker--category-title{min-width:100%;color:#b8c3ca;font-weight:200;font-size:13px;margin:5px;letter-spacing:1px}.sc-emoji-picker--emoji{margin:5px;width:30px;line-height:30px;text-align:center;cursor:pointer;vertical-align:middle;font-size:28px;transition:transform 60ms ease-out,-webkit-transform 60ms ease-out;transition-delay:60ms}.sc-emoji-picker--emoji:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}.sc-chat-window{width:370px;height:calc(100% - 120px);max-height:590px;position:fixed;right:25px;bottom:10px;box-sizing:border-box;box-shadow:0 7px 40px 2px rgba(148,149,150,.3);background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.3s ease-in-out;border-radius:10px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.sc-chat-window.closed{opacity:0;visibility:hidden;bottom:30px}.sc-message-list{height:80%;overflow-y:auto;background-color:#fff;background-size:100%;padding:40px 0}.sc-message--me{text-align:right}.sc-message--them{text-align:left}@media (max-width:450px){.sc-chat-window{width:100%;height:100%;max-height:100%;right:0;bottom:0;border-radius:0;transition:.1s ease-in-out}.sc-chat-window.closed{bottom:0}}.sc-launcher{background-color:#f39314;background-position:50%;background-repeat:no-repeat;position:fixed;right:25px;bottom:25px;box-shadow:none}.sc-launcher,.sc-launcher:before{width:60px;height:60px;border-radius:50%;transition:box-shadow .2s ease-in-out}.sc-launcher:before{content:"";position:relative;display:block}.sc-launcher.opened{visibility:hidden}.sc-launcher .sc-closed-icon,.sc-launcher .sc-open-icon{position:fixed;right:25px;bottom:25px}.sc-launcher .sc-closed-icon,.sc-launcher .sc-open-icon{width:60px;height:60px;transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.sc-launcher .sc-open-icon{padding:20px;box-sizing:border-box;opacity:0}.sc-launcher.opened .sc-open-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:1}.sc-launcher.opened .sc-closed-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}.sc-launcher.opened:before{box-shadow:0 0 400px 250px rgba(148,149,150,.2)}.sc-launcher:hover{box-shadow:0 0 27px 1.5px rgba(0,0,0,.2)}.sc-new-messages-count{position:absolute;top:-3px;left:41px;display:flex;justify-content:center;flex-direction:column;border-radius:50%;width:22px;height:22px;background:#ff4646;color:#fff;text-align:center;margin:auto;font-size:12px;font-weight:500;box-shadow:-1px 1px 2px rgba(0,0,0,.3)}.sc-header{background:#f39314;min-height:75px;border-top-left-radius:9px;border-top-right-radius:9px;color:#fff;padding:10px;box-shadow:0 1px 4px rgba(0,0,0,.2);position:relative;box-sizing:border-box;display:flex}.sc-header--img{border-radius:50%;align-self:center;padding:10px}.sc-header--team-name{align-self:center;padding:10px;flex:1;-webkit-user-select:none;user-select:none;border-radius:5px}.sc-header--close-button{width:40px;align-self:center;height:40px;margin-right:10px;box-sizing:border-box;cursor:pointer;border-radius:5px}.sc-header--close-button:hover{background:#ed8701}.sc-header--close-button img{width:100%;height:100%;padding:13px;box-sizing:border-box}@media (max-width:450px){.sc-header{border-radius:0}}.sc-message{width:300px;margin:auto;padding-bottom:10px;display:flex}.sc-message--content{width:100%;display:flex}.sc-message--content.sent{justify-content:flex-end}.sc-message--content.sent .sc-message--avatar{display:none}.sc-message--avatar{background-image:url(https://d13yacurqjgara.cloudfront.net/assets/avatar-default-aa2eab7684294781f93bc99ad394a0eb3249c5768c21390163c9f55ea8ef83a4.gif);background-repeat:no-repeat;background-size:100%;background-position:50%;min-width:30px;min-height:30px;border-radius:50%;align-self:center;margin-right:15px}.sc-message--text{padding:17px 20px;border-radius:6px;font-weight:300;font-size:14px;line-height:1.4;white-space:pre-wrap;-webkit-font-smoothing:subpixel-antialiased;word-wrap:break-word;width:calc(100% - 90px)}.sc-message--content.sent .sc-message--text{color:#fff;background-color:#f39314;max-width:calc(100% - 120px);word-wrap:break-word}.sc-message--content.received .sc-message--text{color:#263238;background-color:#f4f7f9;margin-right:40px}.sc-message--emoji{font-size:40px}.sc-message--file{background:#fff;border:1px solid #cccdd1;padding:15px 20px;border-radius:5px;display:flex;font-weight:300;font-size:14px;line-height:1.4;cursor:pointer;text-decoration:none}.sc-message--file p{margin:0 0 0 10px;color:rgba(86,88,103,.6)}.sc-message--file .sc-user-input--file-icon:hover path{fill:rgba(86,88,103,.3)}@media (max-width:450px){.sc-message{width:80%}}.sc-user-input{min-height:55px;margin:0;position:relative;bottom:0;display:flex;background-color:#f4f7f9;border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:background-color .2s ease,box-shadow .2s ease}.sc-user-input--text{width:300px;resize:none;border:none;outline:none;border-bottom-left-radius:10px;box-sizing:border-box;padding:18px;font-size:15px;font-weight:400;line-height:1.33;white-space:pre-wrap;word-wrap:break-word;color:#565867;-webkit-font-smoothing:antialiased;max-height:200px;overflow:scroll;bottom:0;overflow-x:hidden;overflow-y:auto}.sc-user-input--text:empty:before{content:attr(placeholder);display:block;color:rgba(86,88,103,.3);outline:none}.sc-user-input--buttons{width:100px;position:absolute;right:10px;height:100%;display:flex;justify-content:flex-end}.sc-user-input--button:first-of-type{width:40px}.sc-user-input--button{width:30px;height:55px;display:flex;flex-direction:column;justify-content:center}.sc-user-input--button button{cursor:pointer}.sc-user-input--buttons input[type=file]{display:none}.sc-user-input--picker-wrapper{display:flex;flex-direction:column}.sc-user-input.active{box-shadow:none;background-color:#fff;box-shadow:0 -5px 20px 0 rgba(150,165,190,.2)}.sc-user-input--file-icon,.sc-user-input--send-icon{height:20px;width:20px;cursor:pointer;align-self:center;outline:none}.sc-user-input--file-icon path,.sc-user-input--send-icon path{fill:rgba(86,88,103,.3)}.sc-user-input--file-icon:hover path,.sc-user-input--send-icon:hover path{fill:#565867}.sc-user-input--emoji-icon-wrapper,.sc-user-input--file-icon-wrapper,.sc-user-input--send-icon-wrapper{background:none;border:none;padding:2px;margin:0;display:flex;flex-direction:column;justify-content:center}.sc-user-input--file-icon-wrapper,.sc-user-input--send-icon-wrapper{flex-direction:row}.sc-user-input--emoji-icon-wrapper:focus{outline:none}.sc-user-input--emoji-icon{height:18px;cursor:pointer;align-self:center}.sc-user-input--emoji-icon circle,.sc-user-input--emoji-icon path{fill:rgba(86,88,103,.3)}.sc-user-input--emoji-icon-wrapper:focus .sc-user-input--emoji-icon circle,.sc-user-input--emoji-icon-wrapper:focus .sc-user-input--emoji-icon path,.sc-user-input--emoji-icon.active circle,.sc-user-input--emoji-icon.active path,.sc-user-input--emoji-icon:hover circle,.sc-user-input--emoji-icon:hover path{fill:#565867}.sc-popup-window{position:relative;width:150px}.sc-popup-window--cointainer{position:absolute;bottom:20px;right:100px;width:330px;max-height:260px;height:260px;box-shadow:0 7px 40px 2px rgba(148,149,150,.3);background:#fff;border-radius:10px;outline:none;transition:.2s ease-in-out;z-index:1;padding:0 5px 5px;box-sizing:border-box}.sc-popup-window--cointainer.closed{opacity:0;visibility:hidden;bottom:14px}.sc-popup-window--cointainer:after{content:"";width:14px;height:14px;background:#fff;position:absolute;z-index:-1;bottom:-6px;right:28px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:2px}.sc-popup-window--search{width:290px;box-sizing:border-box;margin:auto;display:block;border-width:0 0 1px;color:#565867;padding-left:25px;height:40px;font-size:14px;background-image:url(https://js.intercomcdn.com/images/search@2x.32fca88e.png);background-size:16px 16px;background-repeat:no-repeat;background-position:0 12px;outline:none}.sc-popup-window--search::-webkit-input-placeholder{color:#c1c7cd}.sc-popup-window--search::placeholder{color:#c1c7cd}.sc-pin--message{display:flex;padding:5px;background-color:#f4f7f9;cursor:pointer}.sc-pin--message--img{border-radius:15px;align-self:center;width:45px;height:45px;padding:5px}.sc-pin--message--desc{padding:10px;font-size:12px}.sc-pin--message--title{font-size:16px;margin-bottom:2px}
+/*# sourceMappingURL=main.8da8d3c4.css.map */

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

@@ -0,0 +1 @@
+{"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"]}