body{margin:0;display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--custom-background-color);color:white;text-align:left;padding:22px 20px;border:1px solid var(--custom-background-color);height:30px;font-size:16pt;display:flex;flex-flow:row wrap;justify-content:flex-start}.header .logo{width:35px;height:35px;border-radius:100px;margin-right:10px}.header .company_name{font-family:'Open Sans';font-size:14px;font-style:normal;font-weight:700;line-height:19px;padding:8px 0px}.header .settings-btn-wrap{padding-top:5px;display:block;flex:1;position:relative}.header .settings-btn-wrap .settings-btn-container{display:flex;justify-content:flex-end}.header .settings-btn-wrap .settings-btn-container .settings-btn{background:none;border:none;color:white;cursor:pointer}.header .settings-btn-wrap .dropdown-content{display:none;position:absolute;right:0;background-color:#ffffff;border-radius:5px;min-width:165px;min-height:50px;box-shadow:0px 4px 30px 0px rgba(0,0,0,0.24);z-index:1001;text-align:center;overflow:hidden}.header .settings-btn-wrap .dropdown-content a{color:black;text-decoration:none;display:block;font-size:14px;font-family:'Open Sans';font-style:normal;font-weight:400;padding:17px 20px;margin:auto;cursor:pointer}.header .settings-btn-wrap .dropdown-content a:hover{background-color:#f1f1f1}.header .settings-btn-wrap .dropdown-content.show{display:block}.embed-header{background-color:white;color:black;text-align:left;padding:10px 20px;height:30px;font-size:16pt;display:flex;flex-flow:row wrap;justify-content:flex-start}.embed-header .logo{width:35px;height:35px;border-radius:100px;margin-right:10px}.embed-header .company_name{font-family:'Open Sans';font-size:14px;font-style:normal;font-weight:700;line-height:19px;padding:8px 0px}.embed-header .settings-btn-wrap{padding-top:5px;display:block;flex:1;position:relative}.embed-header .settings-btn-wrap .settings-btn-container{display:flex;justify-content:flex-end}.embed-header .settings-btn-wrap .settings-btn-container .settings-btn{background:none;border:none;color:white;cursor:pointer}.embed-header .settings-btn-wrap .dropdown-content{display:none;position:absolute;right:0;background-color:#ffffff;border-radius:5px;min-width:165px;min-height:50px;box-shadow:0px 4px 30px 0px rgba(0,0,0,0.24);z-index:1001;text-align:center;overflow:hidden}.embed-header .settings-btn-wrap .dropdown-content a{color:black;text-decoration:none;display:block;font-size:14px;font-family:'Open Sans';font-style:normal;font-weight:400;padding:17px 20px;margin:auto;cursor:pointer}.embed-header .settings-btn-wrap .dropdown-content a:hover{background-color:#f1f1f1}.embed-header .settings-btn-wrap .dropdown-content.show{display:block}.header-divider{background-color:#d9e3f7;height:1px;width:100%}.wrap{height:100vh;display:flex;flex-direction:column}.widget-embed-header .talk-to-agent-wrap{top:65px}.widget-embed .talk-to-agent-wrap{top:20px}.widget-external .talk-to-agent-wrap{top:95px}#attachment-loader-template{display:none}.spin-svg{display:block;color:var(--custom-background-color);transform-origin:50% 50%;-webkit-animation:spin 1.6s linear infinite;animation:spin 1.6s linear infinite;will-change:transform}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.msg-container{display:flex;flex:1;min-height:0px}.msg-container .overflow-y{flex:1;overflow:auto}.msg-container #error-message{align-self:end;background-color:#ffe6ea;text-align:center;font-family:'Open Sans';font-size:14px;padding:10px 20px;position:absolute;display:flex;justify-content:space-around;z-index:1000;width:370px;visibility:hidden}.msg-container .talk-to-agent-wrap{position:absolute;text-align:center;display:flex;justify-content:space-around;z-index:1000;width:100%}.msg-container .talk-to-agent-wrap #talk-to-agent-button{background-color:white;border:1px solid;border-color:var(--custom-background-color);color:var(--custom-background-color);padding:6px 20px;border-radius:4px;cursor:pointer;text-align:center;font-family:Open Sans;font-weight:400;font-size:16px;line-height:22px;letter-spacing:0.17px}.msg-container [id^="frame-embed-"] .talk-to-agent-wrap{top:30px}.alert{font-family:sans-serif;text-align:center;font-size:1em}body.error{background-color:#ffffff;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}main{height:100%;padding:20px;background-color:#ffffff;padding:0px 20px;border-bottom-color:#ffffff;overflow-y:auto;position:relative;display:flex;flex-direction:column-reverse}main .outgoing{align-self:flex-end;display:flex;width:-moz-max-content;width:-webkit-max-content;width:max-content;max-width:calc(100% - 43px)}main .outgoing .attachment-loader{align-self:end;min-width:14px;margin:0px 9px 5px 0px}main .outgoing .message-body{margin-top:10px;border-radius:8px 8px 0px 8px;border:1px solid var(--custom-background-color);display:flex;flex-direction:column}main .outgoing .message-body:has(.attachment){max-width:calc(100% - 25px)}main .outgoing .message-body:has(.attachment-only){max-width:100% !important}main .outgoing.invisible{visibility:hidden}main .outgoing .icon-image{padding:10px 9px;display:block;width:14px;height:12px;background-image:url(/assets/icons/image-file-06d88217168ead7dbdb48850ca2cce6326aadefd2122b3f982c3f296200dc371.svg);background-repeat:no-repeat;background-position:center;background-color:#F4F6F9;border-radius:4px}main .outgoing .icon-audio{padding:7px;display:block;width:12px;height:12px;background-image:url(/assets/icons/audio-file-c24fc4b81e2e9624868876570074d9f58bb8c60fb076f77d8e9d36b30e142f97.svg);background-repeat:no-repeat;background-position:center;background-color:#F4F6F9;border-radius:4px}main .outgoing .icon-video{padding:7px;display:block;width:12px;height:12px;background-image:url(/assets/icons/video-file-ba906608ae333a02790e064e212953ee002b5af9ab0aab9193b4e75ec736eaaa.svg);background-repeat:no-repeat;background-position:center;background-color:#F4F6F9;border-radius:4px}main .outgoing .icon-file{padding:10px 9px;display:block;width:12px;height:15px;background-image:url(/assets/icons/doc-23ef2454f9f8cdeabc00a7e918ed0b58d0daa219a303f1c99d1ab3f5294a10d7.svg);background-repeat:no-repeat;background-position:center;background-color:#F4F6F9;border-radius:4px}main .outgoing .attachment-only{width:141px;font-family:'Open Sans';font-size:14px;position:relative;text-align:left;padding:8px 16px 8px 16px;border-radius:7px 7px 0px 7px;background:var(--custom-background-color);display:inline-flex;color:#FFFFFF;font-style:normal;font-weight:400;line-height:19px;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;box-sizing:border-box;min-width:0;gap:8px}main .outgoing .attachment-only .file-name{align-self:center;flex:1;font-family:Open Sans;font-weight:400;font-size:14px;line-height:19px;letter-spacing:0px}main .outgoing .attachment{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;max-width:90%}main .outgoing .attachment .file-name{align-self:center;flex:1;font-family:Open Sans;font-weight:400;font-size:14px;line-height:19px;letter-spacing:0px;color:#6C7A92;white-space:nowrap;overflow:hidden;width:100%}main .outgoing .msg{font-family:'Open Sans';font-size:14px;position:relative;text-align:left;padding:8px 16px 8px 16px;border-radius:7px 7px 0px 7px;background:var(--custom-background-color);display:inline-block;color:#FFFFFF;font-style:normal;font-weight:400;line-height:19px;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;box-sizing:border-box}main .outgoing .msg.with-attachment{border-radius:0px 0px 0px 7px !important;width:100%}main .incoming{margin-top:10px;text-align:left;display:table}main .incoming .m-body{display:flex;flex-direction:column;width:calc(100% - 35px);min-width:0;margin-left:8px}main .incoming .m-body .mixed-content{display:flex;flex-direction:column;border-radius:8px 8px 8px 0px;border:1px solid #D9E3F7}main .incoming .m-body.invisible{visibility:hidden}main .incoming .m-body .icon-image{padding:10px 9px;display:block;width:14px;height:12px;background-image:url(/assets/icons/image-file-06d88217168ead7dbdb48850ca2cce6326aadefd2122b3f982c3f296200dc371.svg);background-repeat:no-repeat;background-position:center;background-color:#F4F6F9;border-radius:4px}main .incoming .m-body .icon-audio{padding:7px;display:block;width:12px;height:12px;background-image:url(/assets/icons/audio-file-c24fc4b81e2e9624868876570074d9f58bb8c60fb076f77d8e9d36b30e142f97.svg);background-repeat:no-repeat;background-position:center;background-color:#F4F6F9;border-radius:4px}main .incoming .m-body .icon-video{padding:7px;display:block;width:12px;height:12px;background-image:url(/assets/icons/video-file-ba906608ae333a02790e064e212953ee002b5af9ab0aab9193b4e75ec736eaaa.svg);background-repeat:no-repeat;background-position:center;background-color:#F4F6F9;border-radius:4px}main .incoming .m-body .icon-file{padding:10px 9px;display:block;width:12px;height:15px;background-image:url(/assets/icons/doc-23ef2454f9f8cdeabc00a7e918ed0b58d0daa219a303f1c99d1ab3f5294a10d7.svg);background-repeat:no-repeat;background-position:center;background-color:#F4F6F9;border-radius:4px}main .incoming .m-body .attachment-only{width:141px;font-family:'Open Sans';font-size:14px;position:relative;text-align:left;padding:8px 16px 8px 16px;border-radius:7px 7px 7px 0px;background:#D9E3F7;display:inline-flex;font-style:normal;font-weight:400;line-height:19px;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;box-sizing:border-box;min-width:0;gap:8px}main .incoming .m-body .attachment-only .progress-wrapper{position:absolute;width:32px;background-color:#dde0e0;height:32px;opacity:0.5;border-radius:4px;background:#333333;z-index:1}main .incoming .m-body .attachment-only .progress-ring{transform:rotate(-90deg)}main .incoming .m-body .attachment-only .progress-ring__circle{transition:stroke-dashoffset 0.2s ease;transform-origin:50% 50%}main .incoming .m-body .attachment-only .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:9px;font-weight:bold;color:#ffffff;line-height:1}main .incoming .m-body .attachment-only .file-name{align-self:center;flex:1;font-family:Open Sans;font-weight:400;font-size:14px;line-height:19px;letter-spacing:0px}main .incoming .m-body .attachment{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;max-width:90%}main .incoming .m-body .attachment .progress-wrapper{position:absolute;width:32px;background-color:#dde0e0;height:32px;opacity:0.5;border-radius:4px;background:#333333;z-index:1}main .incoming .m-body .attachment .progress-ring{transform:rotate(-90deg)}main .incoming .m-body .attachment .progress-ring__circle{transition:stroke-dashoffset 0.2s ease;transform-origin:50% 50%}main .incoming .m-body .attachment .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:9px;font-weight:bold;color:#ffffff;line-height:1}main .incoming .m-body .attachment .file-name{align-self:center;flex:1;font-family:Open Sans;font-weight:400;font-size:14px;line-height:19px;letter-spacing:0px;color:#6C7A92;white-space:nowrap;overflow:hidden;width:100%}main .incoming .m-body .msg{font-family:'Open Sans';font-size:14px;padding:8px 16px 8px 16px;border-radius:8px 8px 8px 0px;background:#D9E3F7;display:inline-block;font-feature-settings:'clig' off, 'liga' off;font-style:normal;font-weight:400;line-height:19px;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;box-sizing:border-box;min-width:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}main .incoming .m-body .msg.with-attachment{border-radius:0px 0px 7px 0px !important;width:100%;margin-left:0px !important}main .incoming .m-body .msg p{padding:0}main .incoming .m-body .msg p,main .incoming .m-body .msg ol,main .incoming .m-body .msg ul,main .incoming .m-body .msg code,main .incoming .m-body .msg pre{margin:0;max-width:100%;word-break:break-word;overflow-wrap:anywhere;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;box-sizing:border-box;min-width:0}main .incoming .m-body .msg ol,main .incoming .m-body .msg ul{padding-left:20px}main .incoming .m-body .msg pre{white-space:pre-wrap;overflow-x:auto}main .incoming .m-body .msg code{white-space:pre-wrap}main .incoming .m-body .msg pre{font-family:Menlo, Monaco, Consolas, "Courier New", monospace}main .incoming .m-body .msg code{padding:2px 4px;font-size:90%;color:inherit;background-color:#f9f2f4;border-radius:4px}main .incoming .m-body .msg pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}main .incoming .m-body .msg pre code{padding:0;white-space:pre-wrap;background-color:transparent;border-radius:0}main .incoming .m-body .msg .sources-list-title{cursor:pointer;margin-top:12px;display:flex;flex-direction:row;flex-wrap:wrap}main .incoming .m-body .msg .sources-list-title .icon_arrow{background:url(/assets/icons/icon_arrow_gray-6583ae66856cc44c09571a1db90420adb204f86dee78a64f436ec0b4ee2a693d.svg) center no-repeat;width:12px;height:12px;display:block;margin-top:2px;transform:rotate(0deg)}main .incoming .m-body .msg .sources-list-title p{font-size:12px;margin:0px;margin-left:10px;color:#333333}main .incoming .m-body .msg .sources-list-title.w_message_show_list .icon_arrow{transform:rotate(90deg)}main .incoming .m-body .msg .sources-list{max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;margin-left:22px}main .incoming .m-body .msg .sources-list .source-item{margin-top:4px}main .incoming .m-body .msg .sources-list .source-item a{color:#6C7A92;font-size:12px}main .incoming .m-body .msg .sources-list .source-item p{color:#6C7A92;font-size:12px}main .incoming .avatar{width:35px;display:table-cell;vertical-align:bottom}main .incoming .avatar .current-avatar-small{width:35px;height:35px;border-radius:180px}.footer{display:flex;background-color:#ffffff;padding:20px 20px 10px 20px;align-items:flex-start;justify-content:space-between;border-top-color:#ffffff;border-bottom-color:#ffffff}.info{display:flex;flex-direction:column;padding:0 30px 10px 30px;background-color:#ffffff}.info .details{text-align:center;color:#95A8C8;font-family:'Open Sans';font-size:12px;font-style:normal;font-weight:400;line-height:17px;letter-spacing:0.15px}.info .powered_by_info{text-align:center;color:#6C7A92;font-family:'Open Sans';font-size:14px;font-style:normal;font-weight:400;line-height:19px;text-decoration:none}.info .powered_by_info span{font-weight:700}.msg-input-wrap{border-radius:4px;border:1px solid var(--custom-background-color);display:flex;margin-right:10px;padding:2.5px 8px 2.5px 12px;flex:1;align-items:flex-start;min-height:29px;height:auto;box-sizing:border-box}.msg-input-wrap .input-container{flex:1}.msg-input-wrap .buttons-container{display:flex;align-self:flex-end}.msg-input-wrap #file-input{display:none}.msg-input-wrap #attachment-list{max-width:188px;list-style-type:none;padding:0;margin:0;max-height:60px;overflow-y:auto;margin-right:5px}.msg-input-wrap #attachment-list.show{margin-top:10px;margin-bottom:3px}.msg-input-wrap #attachment-list .icon-doc{padding:5px 6px;display:block;width:12px;height:15px;background-image:url(/assets/icons/doc-23ef2454f9f8cdeabc00a7e918ed0b58d0daa219a303f1c99d1ab3f5294a10d7.svg);background-repeat:no-repeat;background-position:center;color:var(--custom-background-color)}.msg-input-wrap #attachment-list .icon-close{padding:7px;display:block;width:12px;height:12px;background-image:url(/assets/icons/close-a07cd5ca1d38a96dd5b184497feb3be00dbcf3a9a1cb50a5d4cd211cc0e0b8d5.svg);background-repeat:no-repeat;background-position:center}.msg-input-wrap #attachment-list .attachment-text{align-content:center;font-family:Open Sans;font-weight:400;font-size:14px;line-height:19px;letter-spacing:0px;color:#6C7A92;margin-right:10px;flex:1}.msg-input-wrap #attachment-list li{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;padding:1px 8px 1px 12px;opacity:1;border-radius:18.5px;background-color:#F4F6F9;border:1px solid #D9E3F7}textarea#msg-input{width:100%;display:block;flex:1;font-size:14px;font-family:'Open Sans';line-height:19px;resize:none;overflow-y:hidden;min-height:19px;max-height:114px;padding:0 !important;margin-top:6px;margin-right:0 !important;margin-bottom:0 !important;margin-left:0 !important;border:none !important;outline:none !important;-webkit-appearance:none !important;-webkit-padding-start:0 !important;-webkit-padding-end:0 !important;-moz-appearance:none !important;text-indent:0 !important;box-sizing:content-box !important}textarea#msg-input:focus{outline:none !important;border:none !important}textarea#msg-input.scrolling{overflow-y:auto}textarea#msg-input::-moz-placeholder{line-height:19px}textarea#msg-input:-ms-input-placeholder{line-height:19px}textarea#msg-input::placeholder{line-height:19px}#send-msg-btn{padding:8px;color:white;border:none;cursor:pointer}#send-reset-btn{align-self:flex-end;cursor:pointer;border-radius:4px;border:1px solid var(--custom-background-color);display:flex;height:36px;width:36px;padding:6px;align-items:center;justify-content:center;box-sizing:border-box}#record-btn{align-self:flex-end;cursor:pointer;border-radius:4px;border:1px solid var(--custom-background-color);height:36px;width:36px;padding:6px;margin-left:10px;align-items:center;justify-content:center;display:none;box-sizing:border-box}#record-btn #mic-icon{display:flex;color:var(--custom-background-color)}#record-btn #stop-icon{display:none;color:var(--custom-background-color)}#attach-file-btn{cursor:pointer;padding:6px 5px}.icon-reset{width:18px;height:17px;color:var(--custom-background-color)}.icon-send{width:18px;height:13px;color:var(--custom-background-color)}.icon-attachment{width:19px;height:10px;color:var(--custom-background-color)}:focus{outline:none}:focus-visible{outline:none}.image-preview{border-radius:7px 7px 0px 0px;display:block;width:200px;height:76px;-o-object-fit:cover;object-fit:cover}.outgoing .attachment-only:has(.image-preview){width:200px !important;min-width:200px !important;padding:0 !important;overflow:hidden}.outgoing .attachment:has(.image-preview){padding:0 !important;max-width:100% !important}.outgoing .message-body:has(.image-preview) .msg.with-attachment{max-width:200px !important;box-sizing:border-box}.incoming .attachment-only:has(.image-preview){width:200px !important;min-width:200px !important;padding:0 !important;overflow:hidden}.incoming .attachment:has(.image-preview){padding:0 !important;max-width:100% !important}.incoming .m-body:has(.image-preview) .msg.with-attachment{max-width:200px !important;box-sizing:border-box}