.joinchat--show{transform:scaleX(1);display:block}.joinchat--left{right:auto;left:var(--sep)}.joinchat--dark{--msg:var(--dark)}.joinchat--noanim{animation:none}.joinchat--chatbox:not(.joinchat--noanim){animation-timing-function:ease-in-out;transform-origin:0 0}.joinchat--hidden{display:none!important}.joinchat--left .joinchat__button{right:auto;flex-direction:row-reverse;left:8px}[dir=rtl] .joinchat--left .joinchat__button{flex-direction:row}.joinchat--btn .joinchat__button:hover{transition-duration:.2s}.joinchat--chatbox .joinchat__button{transition-duration:.2s;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);background:var(--color)}.joinchat--chatbox .joinchat__button:active,.joinchat--chatbox .joinchat__button:hover{background:var(--hover)}.joinchat--optout.joinchat--chatbox .joinchat__button{pointer-events:none;background-color:#999}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__plain{animation:none;stroke-dasharray:0}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__chat{animation:none}.joinchat--chatbox .joinchat__button__open{display:none}.joinchat__button__image{height:calc(var(--s) - 2px);overflow:hidden;right:1px;position:absolute;opacity:0;top:1px;border-radius:50%;width:calc(var(--s) - 2px)}.joinchat__button__image img,.joinchat__button__image video{height:100%;object-fit:cover;object-position:center;width:100%;display:block}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{animation:none;opacity:1}.joinchat--chatbox .joinchat__button__image{display:none}.joinchat--chatbox .joinchat__button__send{display:block}.joinchat--chatbox .joinchat__button__sendtext{padding:0 4px 0 24px;transition:max-width .2s linear,opacity .4s ease-out .2s;max-width:min(400px - 16px - var(--s),100vw - 16px - var(--s) - 2 * var(--sep));opacity:1}.joinchat--chatbox.joinchat--left .joinchat__button__sendtext{padding:0 24px 0 4px}.joinchat__badge{height:20px;pointer-events:none;font-size:12px;border:none;font-weight:600;right:-4px;color:#fff;position:absolute;opacity:0;text-align:center;top:-4px;box-shadow:none;border-radius:50%;background:#e82c0c;width:20px;line-height:20px}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{border-color:transparent #fff transparent transparent;right:auto;border-width:6px 8px 6px 0;left:-6px}.joinchat__qr{animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));min-height:200px;pointer-events:none;padding:14px 14px 10px;border:none;right:0;color:rgba(0,0,0,.8);position:absolute;flex-direction:column-reverse;bottom:calc(var(--s) + 16px);text-align:center;border-radius:16px;background:#fff;width:228px;white-space:nowrap;display:none}.joinchat__qr:after{border:8px solid transparent;right:calc(var(--s)/2 - 6px);content:"";position:absolute;border-top-color:#fff;border-width:8px 6px 0;bottom:-6px;display:block}.joinchat--left .joinchat__qr{right:auto;left:0}.joinchat--left .joinchat__qr:after{right:auto;left:calc(var(--s)/2 - 6px)}.joinchat__qr div{overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#4a4a4a}.joinchat__qr canvas{height:200px;image-rendering:pixelated;margin:0;width:200px;display:block}.joinchat--chatbox .joinchat__box{transform:scaleX(1);transition:max-height .2s ease-out,opacity .2s ease-out,transform 0s linear;opacity:1}.joinchat--left .joinchat__box{right:auto;left:0}.joinchat--dark .joinchat__box{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat__header__text{overflow:hidden;text-overflow:ellipsis;font-size:19px;font-weight:600;max-width:100%;opacity:.8;white-space:nowrap}.joinchat__powered{fill:currentcolor;font-size:11px;text-decoration:none!important;color:inherit!important;opacity:.8;line-height:18px}.joinchat__powered svg{height:18px;width:auto;vertical-align:-30%;display:inline-block}.joinchat__powered:active,.joinchat__powered:hover{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));text-decoration:none!important;color:inherit!important;opacity:.9}.joinchat--blur .joinchat__box__scroll{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--rgb)/2%)}.joinchat__optin{padding:0 16px;font-size:13px;margin-bottom:16px;color:#4a4a4a;line-height:1.33}.joinchat__optin a{padding:0;text-decoration:underline;color:inherit!important;display:inline}.joinchat__optin a:hover{text-decoration-thickness:2px}.joinchat__optin input{position:absolute;visibility:hidden}.joinchat__optin label{padding:0 0 0 30px;color:inherit;font:inherit;position:relative;margin:0;cursor:pointer;display:block}.joinchat__optin label:before{height:22px;border:3px solid var(--color);transition:box-shadow .3s ease-in-out;content:"";position:absolute;top:min(50% - 11px,5px);box-shadow:0 0 0 1px var(--text);border-radius:4px;background:#fff;left:0;width:22px;display:block}.joinchat--dark .joinchat__optin label:before{background:#000}.joinchat__optin label:after{height:14px;transform:rotate(45deg);border:solid var(--text);content:"";position:absolute;border-width:0 3px 3px 0;top:min(50% - 8px,8px);left:8px;width:6px;display:none}[dir=rtl] .joinchat__optin label{padding:0 30px 0 0}[dir=rtl] .joinchat__optin label:before{right:0;left:auto}[dir=rtl] .joinchat__optin label:after{right:8px;left:auto}.joinchat__optin input:checked+label:before{box-shadow:0 0 0 1px var(--text),inset 0 0 0 10px var(--color)}.joinchat__optin input:checked+label:after{display:block}.joinchat--dark .joinchat__optin{color:#d8d8d8}.joinchat--dark .joinchat__message{color:#d8d8d8;background:#505050}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{height:var(--s);overflow:hidden;--s:40px;text-overflow:ellipsis;padding:0 calc(var(--s)/2) 0 var(--s);color:#fff;font:700 normal calc(var(--s)*.35)/var(--s) var(--joinchat-font);transition:background-color .2s;max-width:100%;box-sizing:border-box;background:#25d366 var(--joinchat-ico) calc(var(--s)*.2) 50% no-repeat;background-size:calc(var(--s)*.6);border-radius:calc(var(--s)/2);cursor:pointer;white-space:nowrap;display:inline-block}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height>=481px),(orientation:portrait) and (width>=481px){.joinchat--mobile{display:none!important}}@media (width <=767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <=480px),(width <=480px){.joinchat__header__text{font-size:17px}}@media (hover:hover){.joinchat--btn .joinchat__button:hover .joinchat__qr,.joinchat--chatbox .joinchat__button:hover .joinchat__qr{display:flex}}@media (prefers-color-scheme:dark){.joinchat--dark-auto .joinchat__optin label:before{background:#000}.joinchat--dark-auto .joinchat__optin{color:#d8d8d8}}