/* Define the cursor animation */
@keyframes cursor-blink { 0% { opacity: 1;}50% { opacity: 0;}100% { opacity: 1;}}
@keyframes fadeAnimation {0% { opacity: 0.3; }50% { opacity: 0.6; }100% { opacity: 0.3; }}

.chat-button {position: absolute;bottom: 40px;right: 20px;z-index: 100;cursor: pointer;overflow: hidden;}
.chat-button.chat-active:before {content: "";position: absolute;bottom: 20px;right: 20px;width: 50px;height: 50px;border-radius: 50% 50% 50% 00%;transform: translate(50%, 50%) rotate(180deg) scaleX(1);background-color: white;}
.chat-button.chat-active .path4::before {content: '\e903';font-size: 10px;line-height: 10;}
.chat-button-logo .path4::before {color: white;}
.chat-button-logo .path3::before {color: #ee7261;}
.chat-button-logo .icon-voccall{width: 40px; height: 40px; line-height: 40px; font-size: 40px; border-radius: 50%;background: #ee7261;}
.chat-button-logo .icon-voccall > span{position: absolute; top: 52%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.chat-button svg.chat-voccall-ai-logo {width: 91px;height: 91px;position: absolute;top: -26px;left: -26px; display: none;}

.c-Section-ChatRoom {z-index: 100; position: absolute; right: 20px; bottom: 40px; min-height: 100px; min-width: 100px; width: auto; height: auto;}

.chat-popup {display: none; opacity: 0; background-color: white; border-radius: 30px !important;color: black;position: fixed; bottom: 90px; right:20px;padding: 0px;width: 330px;min-height: 100px;z-index: 1000; overflow: hidden;/*transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;animation: all 0.5s ease-out;-webkit-animation: all 0.5s ease-out;*/ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); isolation:isolate;}
.chat-popup.animated {transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;animation: all 0.5s ease-in-out;-webkit-animation: all 0.5s ease-in-out;}
.chat-popup.active {display: block;z-index: 1000; opacity: 1;}

.chat-popup .draggable {cursor: move;}
.chat-popup.draging {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform:none;}
.chat-popup .notification-popup-close-button {display: none;}
.chat-popup .c-Overlay-Container {color: black;width: 75%;vertical-align: middle;padding: 25px 0;margin: 0 auto; height: 100%; position: relative;}
.chat-popup .c-Overlay-PromptBox-Middle {min-height: 50px; padding: 0;display: block;}
.chat-popup .c-Overlay-PromptBox-Middle-Content {font-size: 14px;}
.chat-popup .c-Overlay-PromptBox-Middle .c-Chat-Lists {overflow-y: scroll;display: block;overflow-x: hidden;padding-right: 20px;width: 105%; height: 100%;}
.chat-popup .c-Overlay-PromptBox-Middle .c-Chat-Lists::-webkit-scrollbar {background:transparent;-moz-appearance: none !important; outline: none !important; width: 8px;}
.chat-popup .c-Overlay-PromptBox-Middle .c-Chat-Lists::-webkit-scrollbar-thumb {background-color: #ececec !important; border-radius: 50px;}

.chat-popup .expand_label textarea.expand_input::-webkit-scrollbar, .chat-popup .expand_label textarea.expand_input::-webkit-scrollbar-thumb {opacity: 0 !important; width: 0px !important;}

.chat-popup .c-Overlay-PromptBox-Header {font-weight: bold;}
.chat-popup .c-Overlay-PromptBox-Header, .chat-popup .c-Overlay-PromptBox-Footer {display: block; text-align: center;color: black;}
.chat-popup .popup-bubble {position: absolute;top: -5px;right: -10px;    width: 40px; height: 40px;line-height: 40px; font-size: 14px; font-weight: bold; color: white; border-radius: 50%; background-color: black; text-align:center;-webkit-transform: translate3d(0,0,0);}
.chat-popup .c-Section-Form-Input {width: 55%;}
.chat-popup .expand_label {background: #e6e3e2; width: 100%; margin: 0 auto;}
.chat-popup .c-Overlay-PromptBox-Header {padding-top: 10px;}

.c-Chat-Lists {list-style: none; display: block; width: 100%;position: static;overflow: auto;}
.c-Chat-Lists .c-Chat-List {margin: 15px auto;}
.c-Chat-Lists .c-Chat-List:first-child {margin-top: 0;}
/*.c-Chat-Lists .c-Chat-List.force-hide {display: none !important; opacity: 0 !important;} 
Visible AI chats on 17-03-2026 on requset by Ronnie */

.chat-popup .c-Overlay-PromptBox {width: 100%; margin: 0 auto; height: 100%;}
.chat-popup .c-Overlay-PromptBox-Container {height: 100%;}
.chat-popup .c-Overlay-PromptBox-Accordion {height: 100%;}
.chat-popup .c-Overlay-PromptBox-Accordion-Container {overflow-y: hidden;overflow-x: hidden;padding-right: 10px;width: 105%; margin: 20px 0; /*position: relative; left:-6px;*/}
.chat-popup .c-Overlay-PromptBox-Accordion-Container::-webkit-scrollbar {background:transparent;-moz-appearance: none !important; outline: none !important; width: 8px;}
.chat-popup .c-Overlay-PromptBox-Accordion-Container::-webkit-scrollbar-thumb {background-color: #ececec !important; border-radius: 50px;}
.chat-popup .c-Overlay-PromptBox-Accordion-Container-Box {width: 100%;}
.chat-popup .c-Overlay-PromptBox-Middle .c-Chat-Lists.scroll {width: 100%;}
.chat-popup .c-Overlay-PromptBox-Header-Statics {width: 100%;margin-top: 0;}
.chat-popup .c-Overlay-PromptBox-Middle {/*padding-bottom: 30px;*/}
.chat-popup .c-Overlay-PromptBox-Footer {position: sticky;bottom: 0;left: 0;width: 100%;z-index: 1;display: block;background: white;}
.chat-popup .c-Overlay-PromptBox-Footer.animated {/*transition: all 0.5s ease-out;*/}
.chat-popup .expand_placeholder > span {font-weight: bold;}
.chat-popup .expand_label.c-Section-Form-Fields.chat-ready {border-radius: 20px; height: 40px;}
.chat-popup .expand_label .c-Section-Form-Input-Clear {bottom: 2px; text-indent: 0;}
.chat-popup .expand_label .c-Section-Form-Input-Clear:hover {background: #ed7261;color: white;}
.chat-popup .expand_label {max-height: 200px;}
.chat-popup .expand_label .expand_textarea_height {max-height: 150px;width: 60%; padding-right: 10px; font-size: 14px;font-weight: bold;overflow: auto;}
.chat-popup .c-Overlay-PromptBox-Accordion-Container {transition: all 0.5s ease-out;;}
.chat-popup .c-Overlay-PromptBox-Accordion-Container .c-Overlay-PromptBox-Middle .c-Chat-Lists {width: 248px;transition: all 0.5s ease-out;}
.chat-popup .chat-popup-close {font-size: 10px;cursor: pointer;background: white none repeat scroll 0 0;border: none;border-radius: 6px;background: transparent;color: black;font-weight: normal;display: inline-block;margin: 0 auto;text-align: center;text-decoration: none;overflow: hidden;position: absolute;top: 20px;right: -20px;z-index: 1;}
.chat-popup .chat-popup-close.chat-popup-close-top {top: 20px;right: 20px;z-index: 2;}

.chat-popup .c-Overlay-PromptBox-Accordion-Item {margin: 10px auto; text-align: center; height: 100%;}
.chat-popup .c-Overlay-PromptBox-Accordion-Header {text-align: center;}
.chat-popup .c-Overlay-PromptBox-Accordion-Button {text-transform: initial;cursor: pointer;border: none;background: black;color: white;display: inline-block;font-size: 10px;vertical-align: middle;padding: 12px 30px;border-radius: 50px; font-weight: bold; letter-spacing: 0;margin: 0 auto;line-height: 20px; width: 100%;position: relative;}
.chat-popup .c-Overlay-PromptBox-Accordion-Item .c-Overlay-PromptBox-Accordion-Container {margin: 0 auto;}
.chat-popup .c-Overlay-PromptBox-Accordion-Item .c-Section-Form.c-Dashborad-Voccall-Search-Form {margin-bottom: 15px;}
.chat-popup .c-Overlay-PromptBox-Accordion-Item .u-Chat-Lists {min-height: 50px; width: 248px;}

.c-Section-Contact-Prompt {display: none; background: transparent; position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 20001 !important;-webkit-transform: translate3d(0,0,0);border-radius: 50px;}
.c-Section-Content-Close {display: inline-block;background: #ed7261;color: black; border-radius: 50%;width: 22px;height: 22px;line-height: 22px;font-size: 8px;text-align: center;text-indent: 3px;}
.c-Section-Contact-Form-Button {cursor: pointer; color: white;background: rgba(0,0,0,0.85);border-radius: 10px;display: inline-block;font-size: 10px;padding: 15px 25px;width: auto;min-width: 150px; height: 48px; border: none;margin: 10px auto;}
.c-Section-Contact-Prompt.u-Section-Contact-Delete .c-Section-Contact-Form-Button {width: 165px}
.c-Section-Contact-Prompt.u-Contact-Prompt-Add .c-Section-Contact-Form-Button {width: 110px}
.c-Section-Contact-Form-Button svg.tick-animate {width: 25px; height: 25px; margin: 0 auto}
.c-Contact-Button-Success {display: none; background: transparent;}
.c-Section-Contact-Form-Button.hide {display: none !important;}
.c-Section-Contact-Form-Button.success {background: rgba(73, 205, 157,0.85); cursor: no-drop;padding: 0; height: 48px;}
.c-Section-Contact-Form-Button.success .c-Contact-Button-Success {display: block;}
.c-Section-Contact-Form-Button.success .c-Contact-Button-Text {display: none;}
.c-Section-Contact-Form-Button:hover,.c-Section-Contact-Form-Button:focus,.c-Section-Contact-Form-Button:active {background: rgba(73, 205, 157,0.85);color: black;}
.c-Section-Contact-Prompt .c-Section-Block-Content-Middle {display: table; height: 100%;}
.c-Section-Contact-Prompt .c-Section-Block-Content-Content {display: table-cell; vertical-align: middle;}
.c-Section-Contact-Prompt .c-Section-Block-Content-Middle-Footer {display: block; text-align: center;position: absolute;bottom: 33px;width: 100%;left: 0;}
.chat-popup .c-Section-Form-Input-Send {background: rgba(73, 203, 155,1); overflow: hidden;}
.chat-popup .c-Section-Form-Input-Send > span {width: 100%; height: 100%; display: block;}
.chat-popup .c-Section-Form-Input-Send:hover {background: black;color: white;}
/*.chat-popup.chat-voccall-ai-processing .c-Section-Form-Input-Send {animation: fadeAnimation 2s infinite;transition: opacity 0.5s ease-in-out;}
.chat-popup.chat-voccall-ai-processing .c-Section-Form-Input-Send:hover {background: rgba(73, 203, 155,1); color: black;}*/

.chat-popup.chat-voccall-ai-processing .c-Section-Form-Input-Send {background: none; cursor: inherit;}
.chat-popup.chat-voccall-ai-processing .c-Section-Form-Input-Send span {display: none;}
.chat-popup.chat-voccall-ai-processing .c-Section-Form-Input-Send:after {content: ''; height: 15px; width: 15px; position: relative; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear;border-left: 1px solid rgba(0, 0, 0, 0.15);border-right: 1px solid rgba(0, 0, 0, 0.15);border-bottom: 1px solid rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(0, 0, 0, 0.8);border-radius: 100%;display: inline-block;vertical-align: unset; position: absolute; top: 2px; margin: 0 auto; right: 0;  left: 0;text-align: center;}

.c-Section-Contact-List.process-prompt .c-Section-Block-Contents {filter: blur(6px); -webkit-filter: blur(6px);}
.c-Section-Block-Content .c-Section-Contact-Prompt .c-Section-Block-Content-Middle-Content {height: 100%;}

.c-Chat-Message-AI-Cover {background: /*#ee7261*/#e6e3e2; border-radius: 20px; padding: 20px; text-align: left; margin: 0 auto; font-size: 12px; line-height: 15px;}
.c-Chat-Message-AI-Cover .u-Chat-Message-AI-Cover-Full {color: #ee7261;}
.c-Chat-Message-AI-Cover .u-Chat-Message-AI-Cover-Full:hover {color: #ee7261;}
.c-Chat-Message-AI-Cover .c-Chat-Message-AI-Cover-Full {display: none;}

.c-Chat-Item .c-Chat-Message {text-align: left; line-height: 24px;font-weight: normal;}
.c-Chat-List[data-type="anonymous"] .c-Chat-Message {font-weight: bold;}
.chat-popup .expand_placeholder {font-size: 14px; font-weight: bold;}
.chat-popup .expand_placeholder > a {color: inherit;}

.c-Chat-UserIcon {margin-bottom: 10px; text-align: left; position: relative;}
.c-Chat-User-Icon {width: 30px; height: 30px; line-height: 30px; vertical-align: middle; border-radius: 50%;background: #ee7261; display: inline-block; background: #49cb9b; text-align: center;}
.c-Chat-UserIcon > img {width: 30px; height: 30px; vertical-align: middle; border-radius: 50%;background: #ee7261; display: block;}
.c-Chat-Voccall-AI-Icon .icon-voccall {width: 30px;height: 30px;line-height: 30px;font-size: 30px;border-radius: 50%;background: #ee7261; display: block;}
.c-Chat-Voccall-AI-Icon .icon-voccall > span {position: absolute;top: 15.5px;left: 15.5px;-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.c-Chat-Voccall-AI-Icon .icon-voccall .path4::before {color: white;}
.chat-button.active .icon-voccall .path4::before {content: '\e903';color: white;font-size: 16px;position: relative;top: -6px; color: black;}
.chat-button.active .chat-button-animate {display: none !important;}
.chat-button.active .chat-button-close {display: block !important;}

.c-Chat-List .c-Chat-Copy {color: black;outline: none; display: inline-block;text-decoration: none; cursor: pointer; border: none; background: transparent;  border-radius: 5px; position: relative; text-align: center; padding: 2px 4px; font-size: 6px; text-transform: uppercase; font-weight: bold; letter-spacing: 0; vertical-align: middle; float: right; width: auto; position: absolute; top: 7px; right: 0; border: 1px solid black; opacity: 0.3;line-height: 8px;}
.c-Overlay-PromptBox-Live .c-Overlay-Details-Response .c-Chat-List a.c-Chat-Copy:hover, .c-Chat-List a.c-Chat-Copy:hover, .c-Chat-List .c-Chat-Copy.active {opacity: 1; color: black;}
.c-Chat-List .c-Chat-Copy:before {content: 'COPY';}
.c-Chat-List .c-Chat-Copy.active:before {content: 'COPIED';}

.chat-button-logo .icon-voccall {overflow: hidden;}
.chat-button-logo .icon-voccall .path4 {display: none;}
.chat-button.active .chat-button-logo .icon-voccall .path4 {display: block;}
.chat-button-logo .icon-voccall .icon-chat {color: black;position: absolute;top: 52%;left: 50%;-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; background-color: inherit;}
.chat-button-logo .icon-voccall .icon-chat .icon-chat-text {position: relative; top: 0; letter-spacing: 0; color: white;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);font-size: 20px;}
.chat-button.active .icon-voccall.chat-button-animation .chat-button-animate {display: none;}
.chat-button.active .icon-voccall.chat-button-animation .chat-button-animate.active {display: block;}

.chat-popup .c-Chat-Message a {color: black; font-weight: bold; text-decoration: none;}
.chat-popup .c-Chat-Message a:hover {color: #f07261; font-weight: bold; text-decoration: none;}
.chat-popup .c-Chat-Message a.chat-brand {color: #ee7261; text-decoration: none;}
.chat-popup .c-Chat-Message a.chat-brand:hover {color: #c94039;}
.chat-popup .c-Chat-Message .highlight {color: #50a3d7; font-weight: bold;}
.chat-popup .c-Chat-Message .highlight-name {color: #ee7261; font-weight: bold;}
.chat-popup .c-Chat-Message .c-Chat-Message-AI-Cover .highlight {color: #ee7261;font-weight: 500;}
.chat-popup .c-Chat-Message {word-wrap: break-word;width: 100%;max-width: none;white-space: pre-wrap;}

.chat-popup .c-Chat-Message .cursor {display: none;margin-left: 0px;width: 2px;height: 12px;background-color: #000;animation: cursor-blink 0.7s ease-in-out infinite;}
.chat-popup .c-Chat-Message .cursor {display: none;}
.chat-popup .c-Chat-Message .cursor.display_block {display: inline-block;}
.chat-popup .c-Chat-Message .chat-message-ai .cursor {display: inline-block;}

.chat-popup.compact {border-radius: 30px;width: 235px; overflow: hidden;}
.chat-popup.compact .c-Overlay-Container {width: 185px;padding: 10px 0;}
.chat-popup.compact .c-Overlay-PromptBox-Footer {width: 70%; height: 32px;background: transparent;}
.chat-popup.compact .c-Overlay-PromptBox-Footer.hidden {opacity: 0;display: none;}
.chat-popup.compact .u-Close-Chat-Overlay {top: 25px;right: -8px;}
.chat-popup.compact .c-Chat-Voccall-AI-Icon .icon-voccall {width: 25px;height: 25px;line-height: 25px;font-size: 25px;}
.chat-popup.compact .c-Chat-Voccall-AI-Icon .icon-voccall > span {top: 13px; left: 13px;}
.chat-popup.compact .c-Chat-Lists .c-Chat-List {margin-bottom: 0;}
.chat-popup .c-Chat-List.new {opacity: 0;}
.chat-popup.compact .c-Overlay-PromptBox-Footer .expand_label {height: 32px; cursor: pointer;}
.chat-popup.compact .c-Overlay-PromptBox-Footer .expand_label:hover {background: black; color: white;}
.chat-popup.compact .c-Overlay-PromptBox-Footer .expand_label:hover .expand_placeholder {color: white;}
.chat-popup.compact .c-Overlay-PromptBox-Footer .expand_placeholder {cursor: pointer;}
.chat-popup.compact .c-Overlay-PromptBox-Footer .c-Section-Task-Form {cursor: pointer;}
.chat-popup.compact .c-Overlay-Footer-FixElement {display: none; opacity: 0; height: 32px;}
.chat-popup .c-Overlay-Footer-FixElement {display: block;width: 100%;min-height: 90px; height: 90px; /*padding-top: 10px*/}
.chat-popup .c-Overlay-PromptBox-Accordion-Container-Box {position: relative;}
.chat-popup .c-Overlay-PromptBox-Footer {position: absolute; bottom: 30px; left: 0;}
.chat-popup .c-Overlay-PromptBox-Footer .c-Section-Form {width: 75%; margin: 0 auto;}
.chat-popup.compact .c-Overlay-PromptBox-Footer {position: sticky; bottom: 20px; left: 0; opacity: 0 !important;}

.chat-popup .c-Overlay-Container, .chat-popup .c-Overlay-PromptBox, .chat-popup .c-Overlay-PromptBox-Container, .chat-popup .c-Overlay-PromptBox-Accordion, .chat-popup .c-Overlay-PromptBox-Accordion-Item, .chat-popup .c-Overlay-PromptBox-Accordion-Container-Box {height: 100%;}
.chat-popup .c-Overlay-PromptBox-Accordion-Item .c-Overlay-PromptBox-Accordion-Container {height: calc(100% - 90px)}
.chat-popup.compact .c-Overlay-PromptBox-Accordion-Item .c-Overlay-PromptBox-Accordion-Container {height: 100%; width: 100%;}
.chat-popup.compact .c-Overlay-PromptBox-Accordion-Container .c-Overlay-PromptBox-Middle .c-Chat-Lists, .chat-popup.compact .c-Overlay-PromptBox-Accordion-Item .u-Chat-Lists {width: 100%;}

.c-Chat-List.c-Chat-AdminNotify {background: #dbdbdb; color: black; border-radius: 20px;padding: 20px;}
.c-Chat-List.c-Chat-AdminNotify .c-Chat-Message {text-align: left;font-size: 12px;line-height: 15px;}
.c-Chat-List.c-Chat-AdminNotify .c-Chat-UserIcon {display: none;}

.c-Section-Form-Voccall-LiveChat-Buttons {text-align: center; margin-bottom: 10px; display: none;}
.c-Section-Form-Voccall-LiveChat-Buttons.active {display: block; opacity: 0;}
.c-Section-Form-Voccall-LiveChat-Button {text-transform: none;font-size: 10px;background: black;color: #fdcf4c;text-decoration: none;border-radius: 20px;padding: 5px 10px;font-weight: normal; z-index: 100;cursor: pointer;display: inline-block;vertical-align: top;line-height: initial; border: none;}
.c-Section-Form-Voccall-LiveChat-Desclaimer {margin: 0 auto;font-size: 6px;font-weight: bold;letter-spacing: 1px;position: absolute;width: 100%; bottom: -16px; display: block;}
.chat-popup.compact .c-Section-Form-Voccall-LiveChat-Desclaimer {display: none;}
.c-Section-Form-Voccall-LiveChat-Desclaimer-Text > a {text-decoration: none;color: #c94039;}

.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-ReStart {background: black; color: white;}
.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-End {background: #ee7261; color: black;display:none !important;}
.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Counter {background: #e6e3e2; color: black; min-width: 36.83px;}
.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-ScrollEnd {background: #e6e3e2;color: black;padding: 0;border-radius: 50%;width: 25px;height: 25px;line-height: 25px;text-align: center; position: relative;}
.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Mute {background: #e6e3e2;color: black;padding: 0;border-radius: 50%;width: 25px;height: 25px;line-height: 25px;text-align: center; font-size: 14px;}
.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Mute:hover, 
.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Mute.active {background: #dc7365; color: white;}
.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Mute.active:before {content: "\e994";}
/*.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-ScrollEnd > i {display: inline-block; transform: rotate(90deg); width: 100%;position: relative;left: -1px; top: 0.33px; display: inherit;}*/
.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-ScrollEnd > i {display: block; width: 25px; height: 25px; text-align: center; position: relative;}
.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-ScrollEnd > i:before {display: block;transform: rotate(90deg);width: 25px;height: 25px; line-height: 25px; position: relative; left: -0.8px; top: 0.5px;}
.c-Section-Form-Voccall-LiveChat-Button:hover {background: #49cd9d; color: white;}
.c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Counter:hover {background: #e6e3e2; color: black; cursor: inherit;}
.c-Section-Form-Voccall-LiveChat-Buttons .c-Section-Form-Voccall-LiveChat-Button.chat-button-hide {display: none;}

.c-Overlay-PromptBox-Footer .c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Error {display: none; background: #ee7261;color: black; cursor: inherit;}
.c-Overlay-PromptBox-Footer .c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Error > span {font-weight: bold;}
.c-Overlay-PromptBox-Footer .c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Error:hover {background: #ee7261;color: black; cursor: inherit;}
.c-Overlay-PromptBox-Footer.c-Error .c-Section-Form-Voccall-LiveChat-Button {display: none !important;}
.c-Overlay-PromptBox-Footer.c-Error .c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Error {display: inline-block !important;}

.c-Animate-Elements {overflow-y: hidden; position: relative;}
.c-Animate-Elements span { position:absolute; left:0; top:0; width:100%; height:100%; display:none; }
.c-Animate-Elements span.active {display: block;}
.c-Animate-Elements span.chat-character-count {font-size: 8px;margin-top: -1px;}


.chat-popup.widget-chatbox-view {height: 100%;}
.chat-popup.compact.compact-square {width: 190px; height: 190px; max-height: 190px !important;}
.chat-popup.compact.compact-square .c-Overlay-Container {width: 70%;}
.chat-popup.compact.compact-square .c-Overlay-PromptBox-Footer {width: 100%;}
.chat-popup.compact.compact-square .c-Overlay-PromptBox-Footer .c-Section-Form {width: 70%; margin: 0 auto;}

.chat-popup .c-Chat-Overlay-Avatar-Container {display: none !important;}
.chat-popup .c-Chat-Overlay-Avatar-Container.active-avatar {display: block !important;}
.chat-popup.compact.compact-square .c-Chat-Overlay-Avatar-Container {display: block !important; position: absolute;top: 0;left: 0;z-index: 1; cursor: pointer;width: 100%; height: 100%; z-index: 2;}
.chat-popup.compact.compact-square .c-Chat-Overlay-Avatar-Container .c-Chat-Overlay-Avatar {display: block;width: 100%;}
.chat-popup .c-Chat-Overlay-Avatar-Container .c-Chat-Avatar-Animate-Steps {display: none !important;  z-index: 2;}
.chat-popup.compact.compact-square .c-Chat-Overlay-Avatar-Container .c-Chat-Avatar-Animate-Steps {display: block !important;}

.chat-popup .c-Chat-Overlay-Avatar-Container.toggle-sound {position: absolute;top: 50px;left: calc(50% - 75px);background-color: rgba(255,255,255, 0.5);width: 150px;height: 150px;text-align: center;color: #fff;border-radius: 50%; cursor: pointer; z-index: 99; animation: element-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -webkit-animation: element-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); box-shadow: 0 0 0 0 #e6e3e2; z-index: 1; overflow: hidden;}
.chat-popup .c-Chat-Overlay-Avatar-Container.toggle-sound .c-Chat-Overlay-Avatar {display: block;width: 100%;}

.chat-popup .c-Chat-Overlay-Avatar-Container {width: 100%;height: 250px;}
.chat-popup .c-Chat-Overlay-Avatar-Container.toggle-sound.avatar-wider-view {position: relative;top: 0px;left: 0;background-color: rgba(255,255,255, 0.5);width: 100%; max-height: 250px; height: 100%; text-align: center;color: #fff;border-radius: 0; cursor: pointer; z-index: 99; animation: none; -webkit-animation: none; box-shadow: 0 0 0 0 #e6e3e2; z-index: 1; overflow: hidden;}
.chat-popup .c-Chat-Overlay-Avatar-Container.toggle-sound.avatar-wider-view .c-Chat-Avatar-Video {width: 100%; height: 100%;}
.chat-popup.chat-opening .c-Chat-Overlay-Avatar-Container.toggle-sound.avatar-wider-view .c-Chat-Avatar-Video {width: 330px; height: 100%;}


.c-Chat-TextMorph-Container {position: absolute;margin: 0 auto;width: 190px;height: 47px;top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.c-Chat-TextMorph-Filters {position: absolute;}
.c-Chat-TextMorph-Container-Text1, .c-Chat-TextMorph-Container-Text2 {position: absolute;width: 100%;display: inline-block;	font-size: 36px;text-align: center;user-select: none;}

.c-Chat-Avatar-Animate-Steps {display: block; position: absolute;margin: 0 auto;width: 100%;height: 100%;top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.c-Chat-Avatar-Animate-Steps.no-animation {display: none !important;}
.c-Chat-Avatar-Animate-Steps.active {display: block}
.c-Chat-Avatar-Animate-Step {display: none; position: absolute;margin: 0 auto;width: 90%;height: auto; text-align: center;top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.c-Chat-Avatar-Animate-Step.active {display: block}
.c-Chat-Avatar-Animate-Step-Text {display: none;position: relative;cursor: pointer;border: none;background: black;color: white;  font-size: 12px;vertical-align: middle;font-weight: 500;border-radius: 5px;letter-spacing: 0;padding: 3px 16px; margin: 2px;}
.c-Chat-Avatar-Animate-Step-TextLabel {display: none;position: relative;cursor: pointer;border: none;background: transparent;color: white;  vertical-align: middle;font-weight: 500;border-radius: 5px;letter-spacing: 0;padding: 0; margin: 2px; width: 150px; cursor: pointer;top: 5px;}
.c-Chat-Avatar-Animate-Step-TextLabel .c-Section-Form-Text, .c-Chat-Avatar-Animate-Step-TextLabel .expand_label, .c-Chat-Avatar-Animate-Step-TextLabel .expand_placeholder {cursor: pointer;}
.c-Chat-Avatar-Animate-Step-Text.special-text {background: #50a3d7;color: black;}

.c-Chat-Avatar-Animate-TextLabel-Step {background: transparent; height: 101%;}
.c-Chat-Avatar-Animate-TextLabel-Step .c-Chat-Avatar-Animate-Step-TextLabel-Table {display: table; height: 100%; width: 100%;}
.c-Chat-Avatar-Animate-TextLabel-Step .c-Chat-Avatar-Animate-Step-TextLabel-TableCell {display: table-cell; vertical-align: middle;}

.c-Chat-Avatar-Video-Container {width: 100%; height: 100%; background: white;}
.c-Chat-Avatar-Video { /*width: auto; height: 100%;*/ width: 190px; height: 190px; background: white;position: absolute; top: 0; left: 0;}

.chat-popup.compact .c-Chat-Avatar-Animate-TextLabel-Step .expand_label {background: white;}

.chat-popup .c-Chat-Overlay-Avatar-Container .hide {display: none;}
.chat-popup .c-Chat-Overlay-Avatar-Container .show {display: flex;}

.chat-popup.c-video-avatar .c-Overlay-Container {padding-top: 15px;}
.chat-popup.c-video-avatar .c-Overlay-PromptBox-Accordion-Item {margin-top: 0;}
.chat-popup.c-image-avatar .c-Overlay-Container {padding-top: 15px;}
.chat-popup.c-image-avatar .c-Overlay-PromptBox-Accordion-Item {margin-top: 0;}

.chat-popup .c-Chat-Overlay-AdminAvatar {display: none;width: 100%;}
.chat-popup.voccall-chat-admin-active .c-Chat-Overlay-Avatar-Container .c-Chat-Overlay-Avatar {display: none !important;}
.chat-popup.voccall-chat-admin-active .c-Chat-Overlay-Avatar-Container .c-Chat-Overlay-AdminAvatar {display: block !important;width: 100%;z-index: 2;position: relative;}

#chat_message_0 .c-Chat-Copy {display: none !important;}
#chat_message_0 .cursor {display: none !important;}

.c-Chat-Overlay-Avatar-Container.active-textchat {background: white;}
.c-Chat-Overlay-Avatar-Container.active-textchat .c-Chat-Avatar-Animate-Steps .c-Chat-Avatar-Animate-Step.c-Chat-Avatar-Animate-TextLabel-Step {background: white;}
.chat-popup.compact .c-Chat-Overlay-Avatar-Container.active-textchat .c-Chat-Avatar-Animate-TextLabel-Step .expand_label {background: #e6e3e2;}


.c-Chat-Avatar-Streaming-Error {display: none; opacity: 0 !important; background: #ee7261;border-radius: 20px;padding: 10px 5px;text-align: left;margin: 0 auto;font-size: 10px; line-height: 15px; position: absolute; top: 80%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);color: white; width: 55%; text-align: center; clear: black;}
.c-Chat-Avatar-Streaming-Error:hover {background: black; color: white;}
.chat-popup.compact .c-Chat-Avatar-Streaming-Error {display: none !important;}
.chat-popup.compact .c-Chat-Avatar-Streaming-Error.active {display: block !important; opacity: 0 !important;}
.chat-popup .c-Chat-Avatar-Streaming-Error.active {display: block !important; opacity: 0 !important; z-index: 101;}
.c-Chat-Avatar-Streaming-Error-Content {/*margin-left: 35px;*/ margin: 0 auto;width: 90%; color: black;}
.c-Chat-Avatar-Streaming-Error:hover .c-Chat-Avatar-Streaming-Error-Content {color: white;}
.c-Chat-Avatar-Streaming-Error a {color: white;}
.c-Chat-Avatar-Streaming-Error .c-linklike {color: white;}
.c-Chat-Avatar-Streaming-Error:hover .c-linklike {color: #ee7261;}
.c-Chat-Avatar-Streaming-Error b {font-size: 12px; color: black;}
.c-Chat-Avatar-Streaming-Error:hover .c-Chat-Avatar-Streaming-Error-Content b {color: white;}
.c-Chat-Avatar-Streaming-Error-Icon {position: absolute; top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);left: 20px; font-size: 20px;}

.c-Chat-Avatar-Streaming-Error-Status {display: block; background: #ee7261; position: absolute; bottom: 10px; right: 10px; width: 6px; height: 6px; border-radius: 50%;}
body[data-peerstatus='connected']  .c-Chat-Avatar-Streaming-Error-Status {background: #49cb9b;}

.c-Chat-Avatar-Video-Error-Status {display: block; background: #ee7261; position: absolute; bottom: 10px; right: 20px; width: 6px; height: 6px; border-radius: 50%;z-index: 100000000;}
body[data-video='playing']  .c-Chat-Avatar-Video-Error-Status {background: #49cb9b;}

.icon-voccall .icon-logo-ident {width: 100%; height: 100%; font-size: 40px;}
.icon-voccall .icon-logo-ident > span {position: absolute; top: 52%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.icon-voccall .icon-logo-ident .path1:before {content: "\e910";color: #ee7261;font-size: inherit;}
.icon-voccall .icon-logo-ident .path2:before {content: "\e911"; color: white;font-size: inherit;}


body.touch-device .c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Mute:hover {background: #e6e3e2; color: black;}
body.touch-device .c-Section-Form-Voccall-LiveChat-Button.u-Voccall-LiveChat-Mute.active:hover {background: #dc7365; color: white;}

.c-Chat-Avatar-Video-Sound-Button {display: none !important /* Hide permenent on 17-12-2024 */; text-transform: none;font-size: 10px;background: rgba(73, 203, 155,1);color: black; text-decoration: none;border-radius: 10px; padding: 8px 15px; font-weight: normal; z-index: 100; cursor: pointer; vertical-align: top; line-height: initial; border: none;position: absolute; bottom: 20px;left: 104px; font-weight: bold;line-height: 10px; transform: none; box-shadow: 0px 0px 10px rgba(73, 203, 155, 0.5);  animation: webplay-history-chat-box-plus 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -webkit-animation: webplay-history-chat-box-plus 1.25s infinite cubic-bezier(0.66, 0, 0, 1);}
.chat-popup.compact .c-Chat-Avatar-Video-Sound-Button {display: none !important;}
body.video-muted .c-Chat-Avatar-Video-Sound-Button {display: block;}
.c-Chat-Avatar-Video-Sound-Button .icon-stream-mute-off {font-size: 12px;position: relative;top: 2px;left: 4px;}

.chat-overlays {display: none; width: 190px; height: 190px; max-height: 190px !important; border-radius: 30px; overflow: hidden;padding: 10px 0; overflow: hidden; position: fixed; bottom: 70px; right: 20px; padding: 0px; min-height: 100px; z-index: 1000; overflow: hidden; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; animation: all 0.5s ease-out; -webkit-animation: all 0.5s ease-out; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);background-color: white;z-index: 1000001 !important;}
.chat-overlays-block {display: block; cursor: pointer;width: auto;height: auto; z-index: 2; margin: 0 auto; padding: 20px;}
.chat-overlays-middle {display: block; width: 100%; height: 130px; margin: 0 auto; text-align: center; overflow: hidden; text-align: center; line-height: 30px; color: black; font-size: 14px; font-weight: bold; position: relative;}
.chat-overlays-content {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; vertical-align: middle; width: 100%; height: auto; position: absolute; top: 52%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 24px; font-weight: normal;}
.chat-overlays-button {margin: 0 auto; text-align: center;}
.chat-overlays-button-btn {display: inline; font-size: 8px; background: #e6e3e2; color: black; text-decoration: none; border-radius: 8px; padding: 6px 12px; cursor: pointer; vertical-align: middle; line-height: initial; border: none; font-weight: bold; line-height: 10px; margin: 0 auto;}
.chat-overlays-button-btn > span {position: relative; top: 0px;}
#u-ChatMessagePreview-Overlay:hover .chat-overlays-button-btn {background: #49cd9d; color: white;}
body.chat-v2.has-chat-message #u-ChatMessagePreview-Overlay.chat-overlays {display: block;}
.chat-overlays-close {position: absolute; top: 15px; right: 15px;display: block; line-height: 25px; font-size: 8px; color: black; width: 20px; height: 20px;  line-height: 20px; text-align: center; z-index: 10;}
.chat-overlays-close > i {display: block;}
.chat-overlays-close:hover {color: #49cd9d;}

.chat-overlay-customessage-block {background: #ee7261; position: absolute; top: 0; left: 0; width: 150px; height: 150px;}
.chat-overlay-customessage-block .chat-overlays-middle span {font-size: 18px; text-align: center; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; vertical-align: middle; width: 100%; height: auto; position: absolute; top: 58%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 26px; font-weight: normal;}

.icon-voccall .icon-logo-ident > img {width: 100%; height: auto; display: none; z-index: 2;position: relative; background: #ee7261;}
body .chat-button .icon-logo-ident-avatar {display: block !important;}
body.voccall-chat-admin-active .chat-button .icon-logo-ident-avatar {display: none !important;}
body.voccall-chat-admin-active .chat-button .icon-logo-ident-adminavatar {display: block !important;}


.c-Chat-Popup-Overlay { display: none; position: fixed; bottom: 90px; right: 20px; border-radius: 30px;padding: 0px; width: 330px;; height: 100%; max-height: calc(100% - 92px); align-items: center; justify-content: center; background: transparent; z-index: 10000000; color: black; overflow: hidden;}
.c-Chat-Popup-Overlay.active {display: flex;}
body.compact-chat .c-Chat-Popup-Overlay {display: none !important;}
body.chat-closed .c-Chat-Popup-Overlay {display: none !important;}
.c-Chat-Popup-Overlay-Container { width:80%; text-align:center; margin:0 auto; }
.c-Chat-Popup-Overlay-Container-Header > span { font-size: 10px; font-weight: bold; letter-spacing:1px; }
.c-Chat-Popup-Overlay-Container-Middle {  padding:15px;  }
.c-Chat-Popup-Overlay-Container-Middle > span { font-size:34px; font-weight:bold; letter-spacing:0px;  }
.c-Chat-Popup-Overlay-Container-Footer > span { font-size:14px; font-weight:normal; }

.chat-v2 .c-Chat-Popup-Overlay {bottom: auto; top: 0; max-height: 250px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; z-index: 3;}
.chat-v2 #c-Chat-Overlay-Loading .c-Chat-Popup-Overlay-Container-Middle > span {font-size: 26px;}
a.chat-brand {color: #ee7261; text-decoration: none;}
.c-Chat-Popup-Overlay-Container-Footer a.chat-brand {font-weight: bold; font-size: 14px;}

body.chat-v2 .chat-popup {bottom: 70px;}
body.chat-v2 .chat-button {bottom: 20px;}
.chat-v2 .c-Chat-Avatar-Streaming-Error-Status {display: none !important;}
body.chat-v2[data-video='playing']  .c-Chat-Avatar-Video-Error-Status {background: #49cb9b;}
/*body.chat-v2  .c-Chat-Avatar-Video-Container {display: none !important;}
body.chat-v2[data-video='playing']  .c-Chat-Avatar-Video-Container {display: block !important;}*/



/* Shared parent: both layers must overlap exactly 
body.chat-v2 .c-Chat-Overlay-Avatar-Container {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Both layers occupy the same area 
body.chat-v2 .c-Chat-Overlay-Image-Container,
body.chat-v2 .c-Chat-Avatar-Video-Container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block !important;
    opacity: 1;
    visibility: visible;
    transition: opacity 800ms ease-in-out;
}

/* Image is the fallback layer 
body.chat-v2 .c-Chat-Overlay-Image-Container {
    z-index: 1;
    opacity: 1;
    pointer-events: auto;
}

/* Video remains mounted above the image 
body.chat-v2 .c-Chat-Avatar-Video-Container {
    z-index: 2;
    opacity: 0;
    pointer-events: none;
}

/* Only switch after real video frames are confirmed 
body.chat-v2[data-video="playing"] .c-Chat-Overlay-Image-Container {
    opacity: 0;
    pointer-events: none;
}

body.chat-v2[data-video="playing"] .c-Chat-Avatar-Video-Container {
    opacity: 1;
    pointer-events: auto;
}

body.chat-v2 .c-Chat-Avatar-Video {
    background: transparent;
}

@media (prefers-reduced-motion: reduce) {
    body.chat-v2 .c-Chat-Overlay-Image-Container,
    body.chat-v2 .c-Chat-Avatar-Video-Container {
        transition: none;
    }
}*/

/* Default: image visible, video hidden */
body.chat-v2 .c-Chat-Overlay-Image-Container {
    display: block !important;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
}

body.chat-v2 .c-Chat-Avatar-Video-Container {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* Instant swap after video frames are confirmed */
body.chat-v2[data-video="playing"] .c-Chat-Overlay-Image-Container {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: none !important;
}

body.chat-v2[data-video="playing"] .c-Chat-Avatar-Video-Container {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: none !important;
}
/* Prevent a black video background showing through the GIF. */
body.chat-v2 #stream-video-element {
    background-color: transparent !important;
}


body.chat-v2 .chat-popup.compact.compact-square .c-Chat-Overlay-Avatar-Container .c-Chat-Overlay-Avatar {display: inline-block; height: 100%; margin: 0 auto;
    width: auto; vertical-align: middle; position: absolute; top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body.chat-v2 .chat-button .icon-logo-ident-avatar {height: 100%;width: auto; vertical-align: middle; position: absolute; top: 50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
/*body.chat-v2 .chat-popup .c-Chat-Overlay-Avatar-Container.toggle-sound.avatar-wider-view {height: 250px !important;}*/

body.chat-v2 .chat-popup,
body.chat-v2 .chat-popup .c-Overlay-Container, .chat-popup .c-Overlay-PromptBox, 
.chat-popup .c-Overlay-PromptBox-Container, 
.chat-popup .c-Overlay-PromptBox-Accordion, 
.chat-popup .c-Overlay-PromptBox-Accordion-Item, 
.chat-popup .c-Overlay-PromptBox-Accordion-Container-Box {height: calc(100% - 25px);}

body.chat-v2 .chat-popup.active-avatar,
body.chat-v2 .chat-popup.active-avatar .c-Overlay-Container, 
.chat-popup.active-avatar .c-Overlay-PromptBox, 
.chat-popup.active-avatar .c-Overlay-PromptBox-Container, 
.chat-popup.active-avatar .c-Overlay-PromptBox-Accordion, 
.chat-popup.active-avatar .c-Overlay-PromptBox-Accordion-Item, 
.chat-popup.active-avatar .c-Overlay-PromptBox-Accordion-Container-Box {height: calc(100% - 62px);}

body.chat-v2 .chat-popup .c-Overlay-PromptBox-Accordion-Item .c-Overlay-PromptBox-Accordion-Container, 
body.chat-v2 .chat-popup .c-Overlay-PromptBox-Middle,
body.chat-v2 .chat-popup .c-Overlay-PromptBox-Middle .c-Chat-Lists {height: 100%; min-height: 170px;}

body.chat-v2 .chat-popup.compact .c-Chat-Lists .c-Chat-List {max-height: 155px; overflow: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;}
body.chat-v2 .chat-popup.compact .c-Chat-Lists .c-Chat-List .c-Chat-Message {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

body.chat-v2 #u-ChatMessagePreview-Overlay.chat-overlays {display: none;}
body.chat-v2.compact-chat:not(.chat-closed).has-chat-message #u-ChatMessagePreview-Overlay.chat-overlays {display: block; bottom: 70px; z-index: 10000000 !important; opacity: 0; visibility: hidden; pointer-events: none; /*animation: chatOverlayFade 10s infinite ease-in-out*/;}
body.chat-v2.chat-closed.has-chat-message #u-ChatMessagePreview-Overlay.chat-overlays {display: block; bottom: 70px; z-index: 10000000 !important; opacity: 1 !important; visibility: visible  !important; pointer-events: auto !important; /*animation: chatOverlayFade 10s infinite ease-in-out*/;}

@keyframes chatOverlayFade {

    /* 🔒 HIDDEN (0s → 6s) */
    0% {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    55% {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    /* 🔼 FADE IN (short) */
    60% {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    /* 👁️ VISIBLE (6s → ~9.5s) */
    95% {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    /* 🔽 FADE OUT (last ~0.5s) */
    100% {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

.chat-overlays-button-btn {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
    transition: all 0.5s cubic-bezier(.2, 1, .3, 1);
    will-change: transform, opacity;
}

/* SHOW (swing up) */
.chat-overlays-button-btn.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* HIDE (swing down) */
.chat-overlays-button-btn.is-hiding {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
}

body[data-status="3"] .c-Chat-Lists .c-Chat-List.ghost-hide.force-hide {display: block !important; opacity: 1 !important;}


body .chat-popup .c-Chat-Overlay-Avatar-Container.toggle-sound.avatar-wider-view {display: flex; align-items: center; justify-content: center;  overflow: hidden;}
body .chat-popup .c-Chat-Overlay-Avatar-Container.toggle-sound .c-Chat-Overlay-Avatar {width: 100%; height: 100%; object-fit: cover;  object-position: center top;}
body[data-video='error'] .chat-popup .c-Chat-Overlay-Avatar-Container.toggle-sound .c-Chat-Overlay-Avatar {z-index: 1; position: relative;}
body .chat-popup .c-Chat-Overlay-Avatar-Container.toggle-sound .c-Chat-Overlay-AdminAvatar {width: 100%; height: 100%; object-fit: cover;  object-position: center top;}
body .chat-popup .c-Chat-Overlay-Avatar-Container.toggle-sound.avatar-wider-view .c-Chat-Avatar-Video {width: 100%; height: 100%; object-fit: cover;    object-position: center top;}

.c-VoccallChatCustomMessage-Buttons {display: none; opacity: 0; z-index: -111; position: absolute; bottom: 14px; left: 0; width: 100%; text-align: center; padding: 0;}
.chat-overlays-button-btn > span {font-weight: 900; letter-spacing: 0.5px; top: 0.5px !important; font-size: 7px;}
.c-VoccallChatCustomMessage-Buttons .chat-overlays-button-btn > span {position: relative;  top: 0px;}
body .chat-popup.compact .c-VoccallChatCustomMessage-Buttons {display: block !important; opacity: 1 ! important; z-index: 1000;}
body .chat-popup.compact:hover .c-VoccallChatCustomMessage-Buttons .chat-overlays-button-btn {background: #49cd9d;color: white;}



/* =========================================================
   BOOT SLIDER STAGE
========================================================= */

.bootslider-stage {

    position: relative;

    width: 900px;
    height: 100%;
    max-width: 100%;
    max-height: 100%;

    overflow: hidden;

    font-family: Inter, Arial, sans-serif;

    border-radius:inherit;
    overflow:hidden;

}


#c-Chat-BootSlider-Overlay{

    position:absolute !important;

    bottom:0 !important;
    right:0 !important;

    width:100% !important;
    height:100% !important;
    max-height:none !important;

    border-radius:inherit;

    overflow:hidden;

    backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.5);

}

#c-Chat-BootSlider-Overlay.active {

    opacity: 1;
    visibility: visible;
    pointer-events: auto;

}


/* =========================================================
   SLIDES
========================================================= */

.bootslide {
    position: absolute;
    inset: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;

    opacity: 0;
    visibility: hidden;

    transform: translateY(8px);
    clip-path: inset(0 100% 0 0);

    pointer-events: none;
}


.bootslide.bootslide-enter {
    visibility: visible;
    animation: bootslideEnter .38s ease forwards;
}

.bootslide.bootslide-exit {
    visibility: visible;
    animation: bootslideExit .38s ease forwards;
}


/* =========================================================
   LABEL / BOOT TEXT
========================================================= */

.bootslide-label,
.bootslide-boot {

    font-size: 46px;

    font-weight: 700;

    line-height: 1.1;

    white-space: nowrap;

}


/* =========================================================
   PROCESSING DOT CONTAINER
========================================================= */

.bootslide-processing {

    display: flex;

    justify-content: center;
    align-items: center;

    gap: 14px;

    margin-top: 28px;

    opacity: 0;

    transform: translateY(4px);

}


/*
 * Processing dots appear after the slide enters.
 */

.bootslide.bootslide-enter .bootslide-processing {

    animation:
        bootslideProcessingEnter
        .35s
        ease
        .35s
        forwards;

}


/* =========================================================
   PROCESSING DOT
========================================================= */

.bootslide-processing-dot {

    display: block;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #111;

    opacity: .15;

    animation:
        bootslideProcessingPulse
        1.4s
        ease-in-out
        infinite;

}


/*
 * Stagger processing dots.
 */

.bootslide-processing-dot:nth-child(2) {

    animation-delay: .2s;

}

.bootslide-processing-dot:nth-child(3) {

    animation-delay: .4s;

}


/* =========================================================
   BOOT DOTS
========================================================= */

.bootslide-mark {

    display: inline-block;

    margin-left: .02em;

    opacity: 0;

}


/*
 * JS adds .bootslide-show.
 */

.bootslide-mark.bootslide-show {

    animation:
        bootslideMarkReveal
        .25s
        ease
        forwards;

}


/* =========================================================
   GO
========================================================= */

.bootslide-go {

    display: inline-block;

    margin-left: .2em;

    opacity: 0;

    transform: scale(.9);

}


/*
 * JS adds .bootslide-show.
 */

.bootslide-go.bootslide-show {

    animation:
        bootslideGoReveal
        .3s
        ease
        forwards;

}


/* =========================================================
   FINAL SLIDE
========================================================= */

/*
 * No special visibility rules are necessary here.
 *
 * .bootslide-final is excluded from the normal sequence
 * by JavaScript.
 *
 * It is displayed only when:
 *
 * bootSlider.finish();
 */

.bootslide-final {

}


/* =========================================================
   SLIDE ENTER ANIMATION
========================================================= */

@keyframes bootslideEnter {

    from {

        opacity: 0;

        transform: translateY(8px);

        clip-path: inset(0 100% 0 0);

    }

    to {

        opacity: 1;

        transform: translateY(0);

        clip-path: inset(0);

    }

}


/* =========================================================
   SLIDE EXIT ANIMATION
========================================================= */

@keyframes bootslideExit {

    from {

        opacity: 1;

        transform: translateY(0);

        clip-path: inset(0);

    }

    to {

        opacity: 0;

        transform: translateY(-8px);

        clip-path: inset(0);

    }

}


/* =========================================================
   PROCESSING ENTER
========================================================= */

@keyframes bootslideProcessingEnter {

    from {

        opacity: 0;

        transform: translateY(4px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}


/* =========================================================
   PROCESSING PULSE
========================================================= */

@keyframes bootslideProcessingPulse {

    0%,
    100% {

        opacity: .15;

    }

    50% {

        opacity: 1;

    }

}


/* =========================================================
   BOOT MARK REVEAL
========================================================= */

@keyframes bootslideMarkReveal {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}


/* =========================================================
   GO REVEAL
========================================================= */

@keyframes bootslideGoReveal {

    from {

        opacity: 0;

        transform: scale(.9);

    }

    to {

        opacity: 1;

        transform: scale(1);

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .bootslider-stage {

        width: 100%;

        height: 140px;

        padding-left: 20px;
        padding-right: 20px;

    }


    .bootslide-label,
    .bootslide-boot {

        font-size: 20px;

    }


    .bootslide-processing {

        margin-top: 22px;

        gap: 11px;

    }


    .bootslide-processing-dot {

        width: 7px;
        height: 7px;

    }

}


/* MAIN VIDEO CONTAINER */

.vcl-video {
  overflow: hidden;
  isolation: isolate;
  /*background: #f7f7f8;*/
  background: transparent;
  border-radius: 18px;
}

/* AVATAR / VIDEO LAYER */

.vcl-video__visual {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  filter: blur(0px);
  transition: filter 600ms ease;
  will-change: filter;

  width: 100%;
  height: 100%;
}

/* FADE BLUR IN */

.vcl-video__visual.is-loading {
  filter: blur(25px);
}

/* FADE BLUR OUT */

.vcl-video__visual.is-launching {
  transition-duration: 800ms;
}


/* TEXT OVERLAY — NEVER BLURRED */

.vcl-video__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 24px;
  pointer-events: none;
  opacity: 0;
}

.vcl-video__message {
  position: relative;
  max-width: 100%;

  text-align: center;
  font-size: clamp(18px, 4vw, 31px);
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: -0.035em;
}

/* CORAL TEXT REVEAL */

.vcl-video__text {
  display: block;
  color: #f16f5e;
  clip-path: inset(0 100% 0 0);
  overflow-wrap: anywhere;
}

/* CORAL SWIPE CURSOR */

.vcl-video__cursor {
  position: absolute;
  top: 10%;
  left: 0;
  width: 2px;
  height: 80%;
  border-radius: 2px;
  background: #f16f5e;
  box-shadow: 0 0 9px #f16f5e88;
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .vcl-video__visual {
    transition: none;
  }
}



/* Video Intro Start */
#c-Chat-Overlay-Loading .vcl-intro-video {
    position: absolute;
    inset: 0;
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transition: opacity 400ms ease, visibility 0s;
    background: #000;
}

#c-Chat-Overlay-Loading .vcl-intro-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: transparent !important;
}

#c-Chat-Overlay-Loading .vcl-intro-video.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 400ms ease, visibility 0s linear 400ms;
}

@media (prefers-reduced-motion: reduce) {
    #c-Chat-Overlay-Loading .vcl-intro-video {
        transition: none;
    }
}
/* Video Intro End */