UNPKG

@risecx/carespace-chat-ui

Version:

carespace-chat-ui React component

6 lines 30.8 kB
@charset "UTF-8"; /*! * @risecx/carespace-chat-ui v1.6.0 * MIT Licensed */.sc-chat-window{width:370px;height:calc(100% - 120px);max-height:590px;position:fixed;right:25px;bottom:100px;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:Avenir Next,Helvetica Neue,Helvetica,sans-serif}.sc-chat-window.closed{opacity:0;visibility:hidden;bottom:90px}.sc-message-list{height:80%;overflow-y:auto;overflow-x:hidden;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:#4e8cff;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 .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,transform .1s ease-in-out}.sc-launcher .sc-open-icon{padding:20px;box-sizing:border-box;opacity:0}.sc-launcher.opened .sc-open-icon{transform:rotate(-90deg);opacity:1}.sc-launcher.opened .sc-closed-icon{transform:rotate(-90deg);opacity:0}.sc-launcher.opened:before{box-shadow: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:#844eff;min-height:65px;border-top-left-radius:9px;border-top-right-radius:9px;color:#fff;position:relative;box-sizing:border-box;display:flex}.sc-header--img{border-radius:50%;align-self:center;padding:10px;max-width:50px}.sc-header--team-name{align-self:center;padding:10px 0;flex:1;-webkit-user-select:none;-ms-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;position:absolute;right:0}.sc-header--close-button:hover{background:#4882ed}.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-sub--header{font-size:11px;color:hsla(0,0%,100%,.5)}.sc-sub-header{background:#895ff0;min-height:37px;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);position:relative;box-sizing:border-box;display:flex;overflow:hidden}.sc-sub-header>.toolbar{margin:0;list-style:none;width:100%;padding:0}.sc-sub-header>.toolbar li{float:right;cursor:pointer;text-transform:uppercase;font-size:12px;font-weight:500;padding:10px;color:hsla(0,0%,100%,.4)}.sc-sub-header>.toolbar li.back{float:left}.sc-sub-header>.toolbar li.back img{padding:0;opacity:.4;height:13px}.sc-sub-header>.toolbar li.label{cursor:default;color:#fff}.sc-sub-header>.toolbar li.label:hover{background:#825be2}.sc-sub-header>.toolbar li.active,.sc-sub-header>.toolbar li:hover{background:#825be2;color:#fff}.sc-sub-header>.toolbar li img{padding:0 8px 0 0;opacity:.4;height:13px}.sc-sub-header>.toolbar li.active img,.sc-sub-header>.toolbar li:hover img{opacity:1}h3{font-weight:500}h3,h4{margin:15px 0}h4{font-weight:600}h5{font-weight:700;margin:12px 0 0}p{color:#9ca1ae;font-size:.9em}.sc-message{width:340px;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--content.sent .sc-message--text{color:#70668a;background-color:#e2e6ff;max-width:calc(100% - 120px);word-wrap:break-word}.sc-message--content.received .sc-message--text{color:#51788c;background-color:#f4f7f9;margin-right:0;position:relative;z-index:1}@media (max-width:450px){.sc-message{width:80%}}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;width:100%;background:#fff}.card .image-container img{border-radius:8px}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.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-menu-icon-wrapper{outline:none}.sc-user-input.active-action-menu>.quick-menu,.sc-user-input.active-action-menu>.sc-user-input--text{display:none}.sc-user-input.active-action-menu .sc-actionmenu--button.active button.sc-actionmenu-icon-wrapper{margin-left:90%}.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.active-action-menu .sc-user-input--buttons{width:100%}.sc-user-input--buttons{position:relative;height:100%;display:flex;justify-content:flex-end}.sc-actionmenu--button:first-of-type,.sc-menu--button:first-of-type,.sc-user-input--button:first-of-type{width:35px;margin:0}.sc-actionmenu--button,.sc-user-input--button{margin-right:5px}.sc-menu--button button{margin-left:15px}.sc-actionmenu--button,.sc-menu--button,.sc-user-input--button{width:30px;height:55px;display:flex;flex-direction:column;justify-content:center}.sc-actionmenu--button button,.sc-menu--button button,.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-menu-icon,.sc-user-input--file-icon,.sc-user-input--send-icon{height:20px;width:20px;cursor:pointer;align-self:center;outline:none}.sc-menu-icon:hover path,.sc-menu-icon path,.sc-user-input--file-icon path,.sc-user-input--send-icon path{fill:rgba(86,88,103,.3)}.sc-menu-icon:hover path,.sc-user-input--file-icon:hover path,.sc-user-input--send-icon:hover path{fill:#565867}.sc-actionmenu-icon-wrapper,.sc-menu-icon-wrapper,.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;outline:none}.sc-menu-icon-wrapper,.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-actionmenu--button.active{right:-5px}.sc-actionmenu--button.active,.sc-menu--button.active{left:0;right:0;position:absolute;width:100%;background:#4d8cff;z-index:1}.sc-actionmenu--button.active .sc-actionmenu-icon-wrapper,.sc-actionmenu--button.active .sc-actionmenu-icon-wrapper .sc-menu-icon,.sc-menu--button.active .sc-menu-icon-wrapper,.sc-menu--button.active .sc-menu-icon-wrapper .sc-menu-icon{display:block}.sc-actionmenu--button.active .sc-menu-icon path,.sc-menu--button.active .sc-menu-icon path{fill:#fff}.sc-actionmenu--button button.sc-actionmenu-icon-wrapper .sc-menu--button button.sc-menu-icon-wrapper{margin:0 0 0 10px;width:100%}.sc-actionmenu--button.active button.sc-actionmenu-icon-wrapper,.sc-menu--button.active button.sc-menu-icon-wrapper{padding:0 2px}.menu-links{position:absolute;left:0;right:0;bottom:55px;background:#fff;width:100%;height:0;overflow:hidden;z-index:2}.sc-menu--button>.menu-links{transition:height .2s ease-in}.menu-links ul,.programs-list ul{list-style:none;margin:0;padding:0}.menu-links ul li,.programs-list ul li{padding:8px 12px;cursor:pointer;color:#2185d0;font-weight:500;font-size:14px;background:#fff;border-bottom:1px solid #f4f7f9}.menu-links ul li:last-child,.programs-list ul li:last-child{border-bottom:0}.menu-links ul li:hover,.programs-list ul li:hover{background:#f4f7f9}.sc-actionmenu--button.active .menu-links,.sc-menu--button.active .menu-links{height:111px}.sc-actionmenu--button.active .menu-links ul,.sc-menu--button.active .menu-links ul{display:block}.menu-links ul li:first-child{border-top:3px solid #4d8cff}button.sc-actionmenu-icon-wrapper p,button.sc-menu-icon-wrapper p{position:absolute;top:18.6px;left:52px;padding:0;margin:0;color:hsla(0,0%,100%,.4);font-size:14px;font-weight:500;display:none}.optionsmenu.sc-actionmenu--button{width:100%}.optionsmenu button.sc-actionmenu-icon-wrapper p,.optionsmenu button.sc-menu-icon-wrapper p{left:0;right:52px;text-align:right}.optionsmenu button.sc-actionmenu-icon-wrapper,.optionsmenu button.sc-menu-icon-wrapper{left:0;right:0;text-align:right;padding:0}.sc-actionmenu--button.active button.sc-actionmenu-icon-wrapper p,.sc-menu--button.active button.sc-menu-icon-wrapper p{display:block}.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;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:-ms-input-placeholder{color:#c1c7cd}.sc-popup-window--search::placeholder{color:#c1c7cd}.sc-message--text{padding:12px;border-radius:8px;font-size:13px;line-height:1.4;white-space:pre-wrap;-webkit-font-smoothing:subpixel-antialiased;word-wrap:break-word;width:calc(100% - 110px)}.sc-message--emoji{font-size:40px}.sc-message--file{background:#fff;border:1px solid #cccdd1;padding:15px 20px;border-radius:5px;display:flex;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)}.sc-button.button{display:flex;flex-direction:row;justify-content:center;text-decoration:none;color:rgba(0,0,255,.521);font-size:13px;font-weight:600;border-color:#d8d8d8 #d1d1d1 #bababa;border-style:solid;border-width:1px;padding:1px 7px 2px;box-sizing:border-box;background-color:buttonface;width:100%}#sc-launcher .buttons{display:flex;flex-direction:column;align-items:center}#sc-launcher .buttons .sc-button.button,#sc-launcher .buttons a{width:94%;margin:0 0 25px;cursor:pointer;padding:8px;border-radius:5px;background:transparent;border:1px solid #0084ff;color:#0084ff}#sc-launcher .buttons .sc-button.button.first{margin:0}#sc-launcher .sc-message--card .buttons .sc-button.button,#sc-launcher .sc-message--card .buttons a,#sc-launcher .sc-message--quick-response .buttons .sc-button.button,#sc-launcher .sc-message--quick-response .buttons a{margin:6px auto}#sc-launcher .buttons .sc-button.button.outline,.buttons .button.outline{border:1px solid #fff;color:#fff}#sc-launcher .buttons .sc-button.button:hover,#sc-launcher .buttons a:hover{color:#fff;background:#0084ff}#sc-launcher .buttons .sc-button.button.outline:hover{color:#0084ff;background:#fff}.sc-button.button:disabled{opacity:.65;background:#0084ff;cursor:not-allowed;color:#fff}.sc-message--content>.card-container-out{width:295px}.sc-message--content>.card-container-out .card.sc-message--card{margin:0;width:98%}.sc-message--card{border-radius:8px;text-align:left}.sc-message--card img{width:100%;height:160px;object-fit:cover;border-radius:8px 8px 0 0}.sc-message--card .container{padding:2px 16px}.sc-message--card h4{margin:18px 0 0}.sc-message--card p{margin:5px 0 15px}.card.sc-message--image{box-shadow:none;background:transparent}.card .container h3,.card .container h4,.card .container h5{margin-top:8px;color:#585858}.card.sc-message--image,.card.sc-message--image:hover,.card.sc-message--list{box-shadow:none}.sc-message--list .list-container ul>li h5{margin-top:10px}.sc-message--list .container{padding:2px 16px;background-size:cover;background-repeat:no-repeat;background-position:50%;color:#fff;background:linear-gradient(180deg,#fff,#5d5d5d,#292929,#000);opacity:.65}.sc-message--list .list-container ul{padding:0;list-style-type:none}.sc-message--list .list-container ul>li{padding:0;list-style:none;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:8px;margin:10px 0;border-bottom:none;min-height:200px;position:relative;width:98%}.sc-message--list.list .list-container ul>li{min-height:86px}.sc-message--list .list-container ul>li h3{font:700 10px/1.5 Helvetica,Verdana,sans-serif;word-break:break-word}.sc-message--list .list-container ul>li h5{word-break:break-word}.sc-message--list .list-container ul>li img{margin:0 15px 0 0;object-fit:cover;border-radius:8px;height:100%;width:100%;position:absolute}.sc-message--list.list .list-container ul>li img{border-radius:8px 0 0 8px;width:90px}.list-content{display:inline-block;max-width:185px;vertical-align:top;margin-left:100px;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 107px)}.list-content a{color:#0084ff;text-decoration:none;font-size:14px;border:none;background:transparent;text-align:left;padding:0;display:block;margin-bottom:8px}.sc-message--list .list-container ul>li p{margin:0 0 10px}#sc-launcher .card.sc-message--list a.button{width:98%;margin:0 0 8px}.card.sc-message--list{background:transparent}.card.sc-message--quick-response{border-radius:8px;width:82%}.sc-message--quick-response .container{padding:2px 16px}.sc-message--quick-response .button{justify-content:left;color:#223350;border:1px solid #dde5ed}#quickResponseModal .__react_modal_quick_response__modal_container{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);touch-action:none;overflow:hidden}#quickResponseModal .__react_modal_quick_response__modal_content{position:relative;height:100%;width:100%}#quickResponseModal .__react_modal_quick_response__modal_content>div{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);overflow:hidden;background-color:#fff;padding:10px;border-radius:8px}#quickResponseModal .__react_modal_quick_response__medium_img{max-width:98%;max-height:98%;background-color:#000}#quickResponseModal .__react_modal_quick_response__large_img{cursor:move;background-color:#000}#quickResponseModal .__react_modal_quick_response__icon_menu a{display:inline-block;font-size:40px;cursor:pointer;line-height:40px;box-sizing:border-box;border:none;padding:0 5px;margin:0 0 0 10px!important;color:#fff;background-color:transparent!important}#quickResponseModal .__react_modal_quick_response__icon_menu{display:inline-block;float:right}#quickResponseModal .__react_modal_quick_response__caption{display:inline-block;color:#fff;font-size:120%;padding:10px;margin:0}#quickResponseModal .__react_modal_quick_response__header{position:absolute;top:0;width:100%;background-color:rgba(0,0,0,.7);overflow:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(ajax-loader.fb6f3c23.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(slick.a4e97f5a.eot);src:url(slick.a4e97f5a.eot?#iefix) format("embedded-opentype"),url(slick.29518378.woff) format("woff"),url(slick.c94f7671.ttf) format("truetype"),url(slick.2630a3e3.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.sc-message--carousel{overflow:hidden;text-align:-moz-center;text-align:-webkit-center;padding:15px 0 30px;width:257px}.slick-next,.slick-prev{width:35px;height:35px;top:42%}.slick-disabled{display:none!important}.sc-message--carousel>.slick-slider .slick-next{right:-3px;z-index:10}.sc-message--carousel>.slick-slider .slick-prev{left:-3px;z-index:10}.sc-message--carousel>.slick-slider .slick-next:before,.sc-message--carousel>.slick-slider .slick-prev:before{color:#000}.sc-message--carousel .slick-slider .slick-list{overflow:visible}.sc-message--carousel>.slick-slider .slick-next:before,.sc-message--carousel>.slick-slider .slick-prev:before{opacity:1;content:"";padding:15px;background-position:50%;background-repeat:no-repeat}.sc-message--carousel>.slick-slider .slick-prev:before{background-image:url(arrow-btn-left.718d5943.png)}.sc-message--carousel>.slick-slider .slick-next:before{background-image:url(arrow-btn-right.5c7f239e.png)}.sc-message--carousel .card.sc-message--card{box-shadow:inset 0 0 5px 0 rgba(0,0,0,.2)}.sc-message--content>.card-container-out .card.sc-message--image>div>img{width:100%;position:relative}.sc-message--content>.card-container-out .card.sc-message--image>.image-container{position:relative}.sc-message--content>.card-container-out .card.sc-message--image>.image-container .expand{display:none}.sc-message--content>.card-container-out .card.sc-message--image:hover .expand{display:block;background:#000;color:#fff;font-size:11px;z-index:2;position:absolute;bottom:calc(50% - 16px);right:calc(50% - 16px);-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;border-radius:6px;padding:8px;text-align:right;opacity:.8;vertical-align:middle;height:16px}.sc-message--content>.card-container-out .card.sc-message--image:hover .expand>img{width:16px;fill:#fff;height:16px;border-radius:0}.card.sc-message--menu{border-radius:8px;width:82%}.sc-message--menu .container{padding:2px 16px}.sc-message--menu .container h4{margin-bottom:15px}.sc-message--menu .button{justify-content:left;color:#223350;border:1px solid #dde5ed}body{overflow:hidden}#menuModal .__react_modal_menu__modal_container{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);touch-action:none;overflow:hidden}#menuModal .__react_modal_menu__modal_content{position:relative;height:100%;width:100%}#menuModal .__react_modal_menu__modal_content>div{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);overflow:hidden;background-color:#fff;padding:10px;border-radius:8px}#menuModal .__react_modal_menu__medium_img{max-width:98%;max-height:98%;background-color:#000}#menuModal .__react_modal_menu__large_img{cursor:move;background-color:#000}#menuModal .__react_modal_menu__icon_menu a{display:inline-block;font-size:40px;cursor:pointer;line-height:40px;box-sizing:border-box;border:none;padding:0 5px;margin:0 0 0 10px!important;color:#fff;background-color:transparent!important}#menuModal .__react_modal_menu__icon_menu{display:inline-block;float:right}#menuModal .__react_modal_menu__caption{display:inline-block;color:#fff;font-size:120%;padding:10px;margin:0}#menuModal .__react_modal_menu__header{position:absolute;top:0;width:100%;background-color:rgba(0,0,0,.7);overflow:hidden}.sc-message--content .favorite{cursor:pointer;width:32px;height:24px;align-self:center;margin-right:5px;margin-left:5px;background-repeat:no-repeat;position:relative;left:75px;transition:left 175ms ease-in}.favorite:hover,.sc-message--content.received .sc-message--text:hover+.favorite,.sc-message--content:hover .favorite{left:6px}.favorite.on{background-image:url(favorite_on.603c9ca4.png)}.favorite.off{background-image:url(favorite_off.97c0ce02.png)}.favorites-container{height:100%;background:rgba(164,151,189,.5);overflow:hidden}.favorites-container .sc-message-list{background:transparent}.fav-empty-state svg.empty-state-icon{margin:0 auto;display:block}.fav-empty-state h3,.fav-empty-state p{text-align:center;padding:0 50px;margin:0}.fav-empty-state{margin-top:60px}.fav-empty-state p{font-size:15px;color:#666}.time-indicator-row{display:flex;flex-direction:row;margin:10px 0 20px;justify-content:center}.time-indicator-container{background-color:#6c38d9;opacity:.85;padding:4px 20px;border-radius:12px;color:#fff;font-size:9px;font-weight:700}.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;transition-delay:60ms}.sc-emoji-picker--emoji:hover{transform:scale(1.4)}.sc-auth--register{height:100%}.sc-auth--register>.container{height:calc(100% - 96px);overflow-y:auto}.sc-auth--register form{border-radius:5px;max-width:700px;width:100%;background-color:transparent;overflow:hidden}.sc-auth--register input,.sc-auth--register select{border-radius:5px 5px 5px 5px;border:1px solid #eee;margin-bottom:15px;width:calc(100% - 20px);height:31px;padding:0 8px;float:left;font-size:14px}.sc-auth--register .form-group{overflow:hidden;clear:both;margin-left:5px}.sc-auth--register .form-group.stealth{text-align:left}.sc-auth--register .form-group.stealth input,.sc-auth--register .form-group.stealth label{width:auto;text-align:justify;color:#fff;font-size:9px;text-transform:uppercase;font-weight:600;letter-spacing:1px;opacity:.75;margin:0 5px 4px}.sc-auth--register .form-group.stealth label{vertical-align:sub;display:inline-block}.sc-auth--register h4{margin:18px 0 0 5px}.sc-auth--register p{text-align:justify;margin:0 5px}.sc-auth--register form.error input{border:1px solid #ff4646}.sc-auth--register form.error .error-message,.sc-auth--register form.error p{color:#ff4646;font-size:13px}.sc-auth--register form.error .error-message ul{margin:0;padding-left:20px}.sc-auth--register .buttons{display:flex!important;width:100%!important;flex-direction:column!important;align-items:center!important;margin-top:8px}.sc-auth--register .buttons>.button{margin:0!important}.sc-auth--login{height:calc(100% - 10px);display:flex;flex-direction:column;align-items:inherit;justify-content:center}.sc-auth--login form{border-radius:5px;max-width:700px;width:100%;margin:5% auto;background-color:transparent;overflow:hidden}.sc-auth--login input,.sc-auth--login select{border-radius:5px 5px 5px 5px;border:1px solid #eee;margin-bottom:15px;width:calc(100% - 15px);height:40px;float:left;font-size:14px;padding-left:5px}.sc-auth--login .form-group{overflow:hidden;clear:both;margin-left:5px}.sc-auth--login h4{margin:18px 0 0 5px}.sc-auth--login p{text-align:justify;margin:0 5px}.sc-auth--login form.error input{border:1px solid #ff4646}.sc-auth--login form.error .error-message,.sc-auth--login form.error p{color:#ff4646;font-size:13px}.sc-auth--login .buttons .or{margin:10px;color:#fff;font-size:13px}.sc-auth--forgot-password{height:100%}.sc-auth--forgot-password>.container{height:calc(100% - 85px);overflow-y:auto;flex-direction:row;display:flex;align-items:center;align-content:center}.sc-auth--forgot-password form{border-radius:5px;max-width:700px;width:100%;margin:5% auto;background-color:transparent;overflow:hidden}.sc-auth--forgot-password .form-group{overflow:hidden;clear:both;margin-left:5px}.sc-auth--forgot-password input,.sc-auth--forgot-password select{border-radius:5px 5px 5px 5px;border:1px solid #eee;margin-bottom:15px;width:calc(100% - 20px);height:35px;padding:0 8px;float:left;font-size:14px}.sc-auth--forgot-password form.error input{border:1px solid #ff4646}.sc-auth--forgot-password form.error .error-message,.sc-auth--forgot-password form.error p{color:#ff4646;font-size:13px}.sc-auth--forgot-password form.error .error-message ul{margin:0;padding-left:20px}.sc-auth--forgot-password .buttons{display:flex!important;width:100%!important;flex-direction:column!important;align-items:center!important;margin-top:8px}.sc-auth--forgot-password .buttons>.button{margin:0!important}.sc-auth--forgot-password h4{margin:18px 0 0 5px}.sc-auth--forgot-password p{text-align:justify;margin:0 5px}.sc-auth--component{height:91%;padding:10px;background:#844eff}.sc-auth--component p{text-align:justify;color:#fff;font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:1px;opacity:.75;margin:0 5px 4px}.sc-auth--component .content-container{height:calc(100% - 65px);display:flex;flex-direction:column;align-items:normal;justify-content:space-between}.auth-logo{max-width:250px;margin:50px auto;display:block}.btn-cancel,.btn-forgot-password,.sc-auth--component .content-container .btn-anonymous{display:block;padding:20px 10px;text-align:center;color:#fff;cursor:pointer;font-size:13px}.btn-forgot-password{text-align:right;float:right}.btn-cancel:hover,.btn-forgot-password,.sc-auth--component .content-container .btn-anonymous:hover{text-decoration:underline}.sc-message--content .program{cursor:pointer;width:32px;height:24px;align-self:center;margin-right:5px;margin-left:5px;background-repeat:no-repeat;position:relative;left:75px;transition:left 175ms ease-in}.program:hover,.sc-message--content.received .sc-message--text:hover+.program,.sc-message--content:hover .program{left:6px}.programs-container{height:100%;background:rgba(164,151,189,.5)}.programs-container .sc-message-list{background:transparent}.program-empty-state img{margin:0 auto;display:block;padding:60px 50px 40px}.program-empty-state h3,.program-empty-state p{text-align:center;padding:0 50px;margin:0}.program-empty-state{margin-top:60px}.program-empty-state p{font-size:15px;color:#666}.loadingImg{text-align:center}.loadingImg img{padding:60px;display:inline-block}.programs-list button{font-size:10px;float:right;background-color:transparent;cursor:pointer}.programs-list button.subscribe{border:1px solid #b9d8f1;color:#4785d0}.programs-list button.subscribe:focus,.programs-list button.subscribe:hover{border:1px solid #719fd6;color:#1c4a82;outline:0}.programs-list button.unsubscribe{border:1px solid #b9d8f1;color:#4785d0}.programs-list button.unsubscribe:focus,.programs-list button.unsubscribe:hover{border:1px solid #719fd6;color:#1c4a82;outline:0} /*# sourceMappingURL=main.4721f5cc.css.map */