.joinchat--show{transform:scaleX(1);display:block}.joinchat--left{right:auto;left:var(--sep)}.joinchat--noanim{animation:none}.joinchat--left .joinchat__button{right:auto;left:8px}.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{height:100%;object-fit:cover;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__tooltip{height:32px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none;padding:0 14px;border:none;right:calc(var(--s) + 16px);color:rgba(0,0,0,.8);transition:opacity .3s ease-out .4s;position:absolute;max-width:calc(100vw - var(--s) - 45px);opacity:0;top:calc(var(--s)/2 - 16px);border-radius:16px;background:#fff;line-height:31px;white-space:nowrap}.joinchat__tooltip:after{border:8px solid transparent;border-left-color:#fff;right:-6px;content:"";position:absolute;border-width:6px 0 6px 8px;top:10px;display:block}.joinchat__tooltip div{overflow:hidden;text-overflow:ellipsis;max-width:100%;width:-moz-max-content;width:max-content}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.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;margin:0;width:200px;display:block}.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 (hover:hover){.joinchat__button:hover .joinchat__tooltip{animation:none;transition:opacity .2s;opacity:1}.joinchat--btn .joinchat__button:hover .joinchat__qr{display:flex}}