.thegem-button-animate .gem-button {
opacity: 0;
transition: none;
}
.thegem-button-animated.thegem-button-animation-slide-up,
.thegem-button-animated.thegem-button-animation-slide-down,
.thegem-button-animated.thegem-button-animation-slide-left,
.thegem-button-animated.thegem-button-animation-slide-right {
overflow: hidden;
} .thegem-button-animated.thegem-button-animation-slide-up .gem-button {
animation-name: buttonSlideUp;
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0,1,0.3,1);
}
@keyframes buttonSlideUp {
from {
opacity: 1;
transform: translateY(170%);
}
to {
opacity: 1;
transform: translateX(0);
}
} .thegem-button-animated.thegem-button-animation-slide-down .gem-button {
animation-name: buttonSlideDown;
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0,1,0.3,1);
}
@keyframes buttonSlideDown {
from {
opacity: 1;
transform: translateY(-170%);
}
to {
opacity: 1;
transform: translateX(0);
}
} .thegem-button-animated.thegem-button-animation-slide-left .gem-button {
animation-name: buttonSlideLeft;
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0.25,1,0.5,1);
}
@keyframes buttonSlideLeft {
from {
opacity: 1;
transform: translateX(120%);
}
to {
opacity: 1;
transform: translateX(0);
}
} .thegem-button-animated.thegem-button-animation-slide-right .gem-button {
animation-name: buttonSlideRight;
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0.25,1,0.5,1);
}
@keyframes buttonSlideRight {
from {
opacity: 1;
transform: translateX(-100%);
}
to {
opacity: 1;
transform: translateX(0);
}
} .thegem-button-animated.thegem-button-animation-fade-down .gem-button {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: buttonFadeDown;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
@keyframes buttonFadeDown {
from {
transform: translate(0, -10%);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-button-animated.thegem-button-animation-fade-up .gem-button {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: buttonFadeUp;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
@keyframes buttonFadeUp {
from {
transform: translate(0, 10%);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-button-animated.thegem-button-animation-fade-right .gem-button {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: buttonFadeRight;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
@keyframes buttonFadeRight {
from {
transform: translate(-10%, 0);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-button-animated.thegem-button-animation-fade-left .gem-button {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: buttonFadeLeft;
animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
}
@keyframes buttonFadeLeft {
from {
transform: translate(10%, 0);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-button-animated.thegem-button-animation-fade .gem-button {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: buttonFade;
}
@keyframes buttonFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}.ht-ctc-chat{--side:right}.ht-ctc-opacity-hide{opacity:0}.ht-ctc-opacity-show{opacity:1}.ht-ctc-display-hide{display:none}.ht-ctc-display-show{display:block}.ht-ctc-display-unset{display:unset!important}@keyframes ctcBounce{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes ctc_fadeIn{0%{opacity:0}to{opacity:1}}.ht-ctc-bounce{animation:ctcBounce .45s ease-out forwards}.ht-ctc-fade-in{animation:ctc_fadeIn .25s ease}.ht_ctc_chat_greetings_box :not(ul):not(ol):not(.ht_ctc_default):not(.ht_ctc_defaults *){box-sizing:border-box;margin:0;padding:0}.ht_ctc_chat_greetings_box ol,.ht_ctc_chat_greetings_box ul{margin-bottom:0;margin-top:0}.ht_ctc_chat_greetings_box_layout{clear:both}.ht_ctc_greetings{pointer-events:none}.ht_ctc_chat_greetings_box{pointer-events:auto}.ht_ctc_greetings_box{opacity:0;transform:scale(0) translate(20px,20px);transform-origin:bottom var(--side,right);transition:all .4s cubic-bezier(.19,1,.22,1)}.ht_ctc_greetings_box.ht_ctc_greetings_box_open{opacity:1;pointer-events:auto;transform:scale(1) translate(0)}.ht_ctc_modal_backdrop{animation:ctc_fadeIn .2s ease;backdrop-filter:blur(1px);background:#0000004d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9}.ht_ctc_notification{animation:ctcBounce .45s ease-out forwards}@keyframes ht_ctc_cta_stick{0%{opacity:0;transform:translateX(6px) scaleX(.6)}to{opacity:1;transform:translateX(0) scaleX(1)}}.ht-ctc-cta-stick{animation-duration:.12s;animation-fill-mode:both;animation-name:ht_ctc_cta_stick;animation-timing-function:cubic-bezier(.25,.8,.25,1);transform-origin:var(--side,right) center}.ctc_g_content{max-height:calc(80vh - 140px);overflow-y:auto}.ctc_g_bottom,.ctc_g_content,.ctc_g_sentbutton{margin-top:-.9px!important}.greetings_header_image{display:inline-block;position:relative}.greetings_header_image img{object-fit:cover}.g_header_badge_online{border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px;z-index:1}@media only screen and (min-width:900px){.ctc_g_content::-webkit-scrollbar{width:2.8px}.ctc_g_content::-webkit-scrollbar-thumb{background:#a5a5a5}}@media only screen and (max-width:420px){.ctc_side_positions .ctc_m_p_left{left:0!important;right:unset!important}.ctc_side_positions .ctc_m_p_right{left:unset!important;right:0!important}.ctc_side_positions .ctc_m_p_left .ctc_greetings_close_btn{float:left!important}.ctc_side_positions .ctc_m_p_right .ctc_greetings_close_btn{float:right!important}.ctc_side_positions .ctc_m_cta_order_0{order:0!important}.ctc_side_positions .ctc_m_cta_order_1{order:1!important}.ht_ctc_greetings.ctc_m_full_width{bottom:0!important;position:fixed!important;right:0!important}.ht_ctc_greetings.ctc_m_full_width .ht_ctc_chat_greetings_box{margin:7px!important;min-width:80vw!important;position:unset!important;width:calc(100vw - 14px)!important}.ctc_m_full_width .ctc_g_message_box_width{max-width:85%!important}.ht_ctc_animation:has(.ht_ctc_greetings){animation-fill-mode:none!important}}