{"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-widget 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"]}