pioneer-widget
Version:
Embedded blockchain intelligence
1 lines • 28.1 kB
Source Map (JSON)
{"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"]}