body,html{margin:0;padding:0;height:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}#root{width:100%;height:100%}body::-webkit-scrollbar{background:transparent}body{scrollbar-color:transparent transparent}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:initial}.agent-wrapper{bottom:0;right:0;background:#fff;box-shadow:0 2px 30px rgba(0,0,0,.1)}.agent-wrapper .str-chat.messaging{position:relative!important;left:0!important}.agent-channel-wrapper{display:flex;width:100%}.agent-wrapper .str-chat.messaging,.str-chat.commerce{height:auto;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.agent-wrapper .str-chat-channel.messaging .str-chat__main-panel{padding:0;background:#fff;border-bottom-right-radius:16px}.customer-wrapper{position:absolute;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;bottom:0;left:0;width:100%;height:100%}.customer-wrapper--open .str-chat{width:340px;display:flex;align-items:flex-start}.customer-wrapper--open .str-chat,.customer-wrapper .str-chat{height:100%;border-radius:32px;box-shadow:none;border:1px solid #e6e6e6}.customer-wrapper .str-chat__container{border-radius:32px;width:100%}.customer-wrapper .str-chat__list{background:#fff;border-top-left-radius:32px;border-top-right-radius:32px;width:100%;height:100%}.toggle-button{margin-top:16px;display:flex;align-items:center;justify-content:center;border-radius:30px;cursor:pointer;box-shadow:0 2px 12px 0 rgba(0,0,0,.3),inset 0 1px 0 0 hsla(0,0%,100%,.18)}.toggle-button.close-button svg{opacity:.8}.toggle-button:hover svg{opacity:1}@media screen and (max-width:414px){.str-chat-channel .str-chat__container{width:100%}}.commerce.str-chat .str-chat__date-separator,.str-chat__date-separator{padding:0}.str-chat__date-separator-date{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:11px;line-height:120%;color:#858688}.str-chat__date-separator-line{background:#e9e9ea}.str-chat__message-commerce-text-inner--is-emoji{padding:10px 4px}.str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-text-inner--is-emoji{background:#fff}.str-chat__message-commerce-text-inner.str-chat__message-commerce-text-inner--is-emoji{margin:0}.str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-data,.str-chat__message-commerce__actions{display:none}.str-chat__message-commerce-text-inner p{max-width:220px}.str-chat__typing-indicator{z-index:100}.agent-channel-wrapper .str-chat__message-commerce-data{display:none}.agent-wrapper .str-chat.messaging,.str-chat.commerce{width:100%}.customer-wrapper .commerce.str-chat .str-chat__list .str-chat__reverse-infinite-scroll{display:flex;flex-direction:column;justify-content:flex-start;padding-top:85%}.str-chat-channel .str-chat__container .str-chat__main-panel{height:100%!important;width:100%}.str-chat__typing-indicator{position:relative;bottom:8px;height:30px}.str-chat__typing-indicator__dot{background:#858688}.str-chat__send-button{display:inline-block!important}@media screen and (max-width:960px){.str-chat-channel-list.commerce{position:unset;left:unset;top:unset;z-index:unset;min-height:unset;overflow-y:unset;box-shadow:unset;transition:unset}.cd-agent-wrapper{flex-direction:column}}.agent-channel-list__container{display:flex;flex-direction:column;height:100%;overflow-y:scroll;flex:1 0 260px;background:#233746}.channel-search__container{display:flex;justify-content:center;align-items:center;padding-top:16px}.channel-search__input__wrapper{display:flex;align-items:center;height:40px;width:230px;background:hsla(0,0%,100%,.1);border-radius:8px;margin-bottom:8px}.channel-search__input__wrapper:focus-within{border:1px solid #fff}.channel-search__input__icon{margin-left:16px;margin-right:8px;display:flex;justify-content:center}.channel-search__input__text{background:none;border:none;color:#fff;font-family:Helvetica Neue,sans-serif;font-size:16px;outline:none;padding:0}::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}::placeholder{color:hsla(0,0%,100%,.5)}.agent-channel-list__conversation-header{font-family:Helvetica Neue,sans-serif;font-size:12px;line-height:12px;color:#fff;margin-left:16px}.agent-channel-list{background:#233746;display:flex;flex-direction:column}.agent-channel-list__message{color:#fff;background:#233746;padding:0 16px;height:100%}.agent-channel-preview__wrapper{height:100px;width:230px;display:flex;flex-direction:column;align-items:flex-start;background:none;border-radius:12px;border:1px solid hsla(0,0%,100%,.5);margin-bottom:16px;margin-left:16px;padding-left:16px;padding-top:16px}.agent-channel-preview__wrapper:hover{cursor:pointer}.agent-channel-preview__wrapper.selected{background:#089aa8;border:none}.agent-channel-preview__wrapper.selected p{color:#fff}.agent-channel-preview__top{display:flex;flex-direction:row;justify-content:center;align-items:center;height:36px}.agent-channel-preview__image-wrapper{display:flex;align-items:center;height:36px;width:36px;margin-right:8px}.agent-channel-preview__image-wrapper img{border-radius:18px}.agent-channel-preview__name-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:36px}.agent-channel-preview__name-count-wrapper{display:flex;width:100%;justify-content:space-between;align-items:center}.agent-channel-preview__name{font-size:12px}.agent-channel-preview__name,.agent-channel-preview__text-inquiry{color:hsla(0,0%,100%,.5);font-family:Helvetica Neue,sans-serif;margin:0}.agent-channel-preview__text-inquiry{font-weight:700;font-size:14px}.agent-channel-preview__message{color:hsla(0,0%,100%,.5);font-family:Helvetica Neue,sans-serif;font-style:normal;font-weight:400;font-size:11px;line-height:120%;margin-right:16px}.agent-channel-preview__unread-count{display:flex;justify-content:center;align-items:center;font-size:12px;width:18px;height:18px;background:#e02020;box-shadow:0 4px 4px rgba(0,0,0,.1);border-radius:9px;color:#fff}.agent-channel-header__container{display:flex;flex-direction:column}.agent-channel-header__top{display:flex;align-items:center;height:72px;margin-left:20px}.agent-channel-header__top__name{font-family:Helvetica Neue,sans-serif;font-weight:700;font-size:16px;color:#2c2c30;margin-left:10px}.agent-channel-header__top__circle{width:42px;height:42px;border-radius:21px;background:#fff;border:1px solid #e9e9ea;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:auto;margin-right:20px}.agent-channel-header__top__dot{height:4px;width:4px;border-radius:2px;background:#858688;margin:1px 0}.agent-channel-header__middle{display:flex;flex-direction:column;height:60px;margin-left:20px}.agent-channel-header__middle__wrapper{display:flex;align-items:center;height:22px}.agent-channel-header__middle__text{color:#2c2c30;font-family:Helvetica Neue,sans-serif;font-size:14px;margin:0 8px}.agent-channel-header__middle__text.email{font-weight:700;color:#089aa8}.agent-channel-header__bottom{display:flex;align-items:center;height:60px}.agent-channel-header__bottom__border{border-top:1px solid #e9e9ea}.agent-channel-header__bottom__type{font-family:Helvetica Neue,sans-serif;font-size:14px;color:#858688;margin-right:10px;margin-left:20px}.agent-channel-header__bottom__selection{font-family:Helvetica Neue,sans-serif;font-weight:700;font-size:14px;line-height:120%;color:#2c2c30;margin-right:4px}@-webkit-keyframes fade{0%,to{opacity:0}20%,80%{opacity:1}}@keyframes fade{0%,to{opacity:0}20%,80%{opacity:1}}.notification-popup__container{position:absolute;display:flex;flex-direction:column;cursor:pointer;padding:16px 20px;right:20px;top:80px;height:94px;width:300px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent),rgba(0,0,0,.75);box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:16px;z-index:100;-webkit-animation:fade 3s linear;animation:fade 3s linear}.notification-popup__top-wrapper{display:flex;align-items:center;justify-content:space-between;height:16px;margin:0;padding:0}.notification-popup__top-text{font-family:Helvetica Neue,sans-serif;font-weight:500;font-size:10px;line-height:12px;letter-spacing:.08em;color:hsla(0,0%,100%,.5);margin:0;padding:0}.notification-popup__dismiss{display:flex;align-items:center;justify-content:center;cursor:pointer}.notification-popup__waiting-text{font-family:Helvetica Neue,sans-serif;font-weight:700;font-size:14px;line-height:17px;color:#fff;margin:6px 0;padding:0}.notification-popup__message-preview{font-family:Helvetica Neue,sans-serif;font-size:12px;line-height:14px;color:#fff;margin:0;padding:0}.agent-message-input__wrapper{display:flex;justify-content:stretch;align-items:flex-start;padding:20px;background:#fff}.agent-message-input__input{width:100%;min-height:50px;display:flex;flex-direction:column;justify-content:center;border:1px solid transparent;background:rgba(0,0,0,.05);border-radius:12px;padding-right:20px}.agent-message-input__input:focus-within{background:#fff;border:1px solid #089aa8}.agent-message-input__input-wrapper{display:flex;align-items:center}.agent-message-input__wrapper div.rfu-dropzone{width:100%}.agent-message-input__wrapper .str-chat__textarea{height:100%;display:flex;align-items:center}.agent-message-input__wrapper .str-chat__textarea textarea{border:none;font-family:Helvetica Neue,sans-serif;font-size:17px;border-radius:12px;line-height:160%;background:transparent}.agent-message-input__wrapper .str-chat__textarea textarea:focus{border:none;box-shadow:none}.agent-message-input__wrapper .str-chat__textarea textarea::-webkit-input-placeholder{color:rgba(0,0,0,.2)}.agent-message-input__wrapper .str-chat__textarea textarea::placeholder{color:rgba(0,0,0,.2)}.agent-message-input__wrapper .str-chat__input--emojipicker{position:absolute;bottom:70px;right:20px;z-index:10}.agent-message-input__wrapper svg:hover{cursor:pointer}.agent-message-input__wrapper div.rfu-dropzone:focus{outline:none}.agent-message-input__wrapper .rfu-image-previewer{flex:none;margin-left:12px}.agent-message-input__wrapper .rfu-image-previewer__image{margin-bottom:0}.channel-header__container{height:95px;display:flex;flex-direction:column;background:#089aa8;border-radius:32px 32px 0 0}.channel-header__heading{display:flex;flex-direction:row;align-items:center;margin:20px 20px 5px;height:60px}.channel-header__heading img{background-blend-mode:normal;border:2px solid #089aa8;box-sizing:border-box;-webkit-filter:drop-shadow(0 3px 8px rgba(0,0,0,.08));filter:drop-shadow(0 3px 8px rgba(0,0,0,.08));border-radius:32px}.channel-header__image-3{position:absolute;z-index:1;top:20px}.channel-header__image-2{position:absolute;left:40px;top:20px;z-index:2}.channel-header__image-1{position:absolute;left:60px;top:20px;z-index:3}.channel-header__active{position:relative;left:88px;top:19px;width:16px;height:16px;background:#20e070;border-radius:8px;box-shadow:0 4px 4px rgba(0,0,0,.1);z-index:4}.channel-header__text{display:flex;flex-direction:column;align-items:flex-start}.channel-header__name{font-weight:500;font-size:27px;height:32px;margin:0 0 5px}.channel-header__name,.channel-header__subtitle{font-family:Helvetica Neue,sans-serif;font-style:normal;color:#fff}.channel-header__subtitle{font-weight:400;font-size:15px;height:18px;margin:0}.channel-header__wait__wrapper{display:flex;flex-direction:row;align-items:center;margin-left:20px}.channel-header__wait__text{font-family:Helvetica Neue,sans-serif;font-style:normal;font-weight:400;font-size:11px;color:#fff;margin-left:5px}.support-message-input__wrapper{display:flex;justify-content:center;align-items:flex-start;margin-bottom:20px;width:100%}.support-message-input__input{width:300px;min-height:50px;display:flex;flex-direction:column;justify-content:center;border:1px solid transparent;background:rgba(0,0,0,.05);border-radius:12px;padding-right:20px}.support-message-input__input:focus-within{background:#fff;border:1px solid #089aa8}.support-message-input__input-wrapper{display:flex;align-items:center}.support-message-input__wrapper .str-chat__textarea{height:100%;display:flex;align-items:center}.support-message-input__wrapper .str-chat__textarea textarea{border:none;font-family:Helvetica Neue,sans-serif;font-size:17px;border-radius:12px;line-height:160%;background:transparent}.support-message-input__wrapper .str-chat__textarea textarea:focus{border:none;box-shadow:none}.support-message-input__input:focus{outline:none}.support-message-input__wrapper .str-chat__textarea textarea::-webkit-input-placeholder{color:rgba(0,0,0,.2)}.support-message-input__wrapper .str-chat__textarea textarea::placeholder{color:rgba(0,0,0,.2)}.support-message-input__wrapper .str-chat__input--emojipicker{position:absolute;bottom:146px;right:1px;z-index:10}.emoji-mart .emoji-mart-emoji:focus{outline:none}.support-message-input__wrapper svg:hover{cursor:pointer}.support-message-input__wrapper div.rfu-dropzone:focus{outline:none}.support-message-input__wrapper .rfu-image-previewer{flex:none;margin-left:12px}.support-message-input__wrapper .rfu-image-previewer__image{margin-bottom:0}
/*# sourceMappingURL=main.282b3695.chunk.css.map */