@pioneer-platform/pioneer 1.0.5 → 1.0.6

package/umd/{main.8da8d3c4.css → main.97f3bf4c.css}

@@ -1,5 +1,5 @@
 /*!
- * @pioneer-platform/pioneer v1.0.5 - https://github.com/asliddinusmonov/popup-chat-react
+ * @pioneer-platform/pioneer v1.0.6 - 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 */
+/*# sourceMappingURL=main.97f3bf4c.css.map */

package/umd/main.97f3bf4c.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["main.97f3bf4c.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,8FASA,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,CC3FA,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,CAEA,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,kEAEA,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.97f3bf4c.css","sourcesContent":["/*!\n * @pioneer-platform/pioneer v1.0.6 - 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\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.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  width: 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, 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 0.2s ease, box-shadow 0.2s ease;\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,\n.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\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}\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.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  width: 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, 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 0.2s ease, box-shadow 0.2s ease;\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,\n.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}\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"]}