.vio-license-warning {
position: fixed;
left: 50%;
top: 16px;
z-index: 999998;
width: min(760px, calc(100vw - 28px));
transform: translateX(-50%);
font-family: "Open Sans", Arial, sans-serif;
}
.vio-license-warning-inner {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 14px;
border: 1px solid #f3d8a8;
border-radius: 18px;
background: #fffaf2;
color: #5f3d00;
box-shadow: 0 14px 36px rgba(95, 61, 0, 0.10);
}
.vio-license-warning-inner strong {
flex: 0 0 auto;
color: #8a5700;
font-size: 13px;
font-weight: 800;
}
.vio-license-warning-inner span {
flex: 1 1 auto;
font-size: 13px;
line-height: 1.45;
}
.vio-license-warning-inner button {
flex: 0 0 auto;
width: 28px;
height: 28px;
border: 1px solid #f0d4a4;
border-radius: 999px;
background: #ffffff;
color: #8a5700;
cursor: pointer;
font-size: 18px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.vio-license-live-blocked {
overflow: hidden !important;
}
.vio-license-live-block {
position: fixed;
inset: 0;
z-index: 2147483647;
display: flex;
align-items: center;
justify-content: center;
padding: 28px;
background: radial-gradient(circle at top, rgba(244, 234, 255, 0.98) 0%, rgba(251, 249, 255, 0.98) 38%, rgba(255, 255, 255, 0.98) 100%);
color: #22162f;
font-family: "Open Sans", Arial, sans-serif;
}
.vio-license-live-block-card {
width: min(620px, 100%);
background: #ffffff;
border: 1px solid #eee7f8;
border-radius: 28px;
padding: 38px;
text-align: center;
box-shadow: 0 24px 70px rgba(78, 38, 126, 0.12);
}
.vio-license-live-logo {
width: 78px;
height: 78px;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 24px;
border: 1px solid #eadcff;
background: #f7f0ff;
color: #8800ff;
font-size: 24px;
font-weight: 800;
letter-spacing: 0.02em;
}
.vio-license-live-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 7px 13px;
border: 1px solid #eadcff;
border-radius: 999px;
background: #fbf7ff;
color: #8800ff;
font-size: 13px;
font-weight: 700;
margin-bottom: 16px;
}
.vio-license-live-block-card h1 {
margin: 0 0 12px;
font-size: 30px;
line-height: 1.18;
letter-spacing: -0.03em;
}
.vio-license-live-block-card p {
margin: 0 auto 18px;
color: #6f647a;
font-size: 16px;
line-height: 1.65;
max-width: 480px;
}
.vio-license-live-actions {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 24px;
}
.vio-license-live-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 20px;
border-radius: 5px;
border: 1px solid #8800ff;
color: #8800ff;
background: #ffffff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.vio-license-live-note {
margin-top: 22px;
font-size: 13px;
color: #948aa0;
}
@media (max-width: 560px) {
.vio-license-warning {
top: 10px;
width: calc(100vw - 20px);
}
.vio-license-warning-inner {
align-items: flex-start;
}
.vio-license-live-block {
padding: 18px;
}
.vio-license-live-block-card {
padding: 28px 22px;
border-radius: 22px;
}
.vio-license-live-block-card h1 {
font-size: 25px;
}
}.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}}