.joinchat--show{transform:scaleX(1);display:block}.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--chatbox .joinchat__button{display:none}.joinchat__button__ico{overflow:hidden;color:var(--text)!important;position:absolute;inset:0;border-radius:50%;display:flex}.joinchat__button:has(.joinchat__button__ico){box-shadow:1px 6px 24px 0 hsla(var(--ch),var(--cs),calc(var(--cl) - 10%),24%);background:var(--color)}.joinchat__button:has(.joinchat__button__ico):active,.joinchat__button:has(.joinchat__button__ico):hover{background:var(--hover)}.joinchat__button__image{overflow:hidden;position:absolute;opacity:0;inset:1px;border-radius:50%}.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--img .joinchat__button__image{animation:none;opacity:1}.joinchat__badge{height:20px;pointer-events:none;font-size:12px;border:none;font-weight:600;right:4px;color:#fff;position:absolute;opacity:0;bottom:calc(var(--s) - 8px);text-align:center;box-shadow:none;border-radius:50%;background:#e82c0c;width:20px;line-height:20px;z-index:2}.joinchat--left .joinchat__badge{right:auto;left:calc(var(--s) - 8px)}.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__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:8px;color:rgba(0,0,0,.8);position:absolute;flex-direction:column-reverse;bottom:calc(var(--s) + 24px);text-align:center;border-radius:16px;background:#fff;width:228px;white-space:nowrap;display:none;z-index:2}.joinchat__qr:after{border:8px solid transparent;right:calc(var(--h) - 6px);content:"";position:absolute;border-top-color:#fff;border-width:8px 6px 0;bottom:-6px;display:block}.joinchat--left .joinchat__qr{right:auto;left:8px}.joinchat--left .joinchat__qr:after{right:auto;left:calc(var(--h) - 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__chatbox{transform:scaleX(1);content-visibility:visible;transition:max-height .2s ease-out,opacity .2s ease-out,transform 0s linear;opacity:1}.joinchat--dark .joinchat__chatbox{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat--blur .joinchat__scroll{backdrop-filter:blur(10px);background:hsl(var(--hsl)/2%)}.joinchat--dark .joinchat__content:after{background-color:#1a1a1a}.joinchat--optout .joinchat__open{pointer-events:none;background-color:#999}.joinchat--chatbox .joinchat__open__text{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__open__text{padding:0 24px 0 4px}.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__bubble{color:#d8d8d8;background:#505050}.joinchat__bubble.joinchat__bubble--loading{animation:joinchat_show .1s ease-out 10ms both;border:none;transform-origin:50%!important;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate id='b' attributeName='cy' begin='0;a.end+0.1s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' begin='b.begin+0.1s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate id='a' attributeName='cy' begin='b.begin+0.2s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3C/svg%3E") 20px 20px no-repeat!important;width:70px}.joinchat--dark .joinchat__bubble.joinchat__bubble--loading{filter:invert(.5)}.joinchat__bubble.joinchat__bubble--note{animation:none;filter:none;min-height:0;padding:0;font-size:13px;background:0 0!important;line-height:1.33}.joinchat__bubble.joinchat__bubble--media{padding:5px}.joinchat__bubble.joinchat__bubble--loading:before,.joinchat__bubble.joinchat__bubble--note:before{content:none}.joinchat__bubble a.joinchat__btn{overflow:hidden;min-height:46px;text-overflow:ellipsis;padding:10px 20px;border:3px solid var(--msg);text-decoration:none!important;max-width:100%;text-align:center;margin:5px 0;border-radius:23px;line-height:20px;display:inline-block}.joinchat__bubble a.joinchat__btn+.joinchat__bubble a.joinchat__btn{margin-top:-5px}.joinchat__bubble img,.joinchat__bubble video{height:auto;max-width:100%;margin:.2em 0;box-shadow:0 1px 5px rgba(0,0,0,.1);border-radius:4px}.joinchat__bubble .joinchat--inline{margin:-10px 0;box-shadow:none;border-radius:0;vertical-align:middle;display:inline-block}.joinchat__bubble--media .joinchat--inline,.joinchat__bubble--media img,.joinchat__bubble--media video{margin:0;border-radius:21px;display:block}.joinchat__bubble code{padding:2px 5px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.joinchat__bubble hr{height:0!important;padding:0!important;border:none!important;border-top:2px solid var(--msg)!important;margin:10px 0!important;width:100%!important}.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:has(.joinchat__open:hover) .joinchat__qr{display:flex}}@media (prefers-color-scheme:dark){.joinchat--dark-auto{--msg:var(--dark)}.joinchat--dark-auto .joinchat__chatbox{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat--dark-auto .joinchat__content:after{background-color:#1a1a1a}.joinchat--dark-auto .joinchat__optin label:before{background:#000}.joinchat--dark-auto .joinchat__optin{color:#d8d8d8}.joinchat--dark-auto .joinchat__bubble{color:#d8d8d8;background:#505050}.joinchat--dark-auto .joinchat__bubble.joinchat__bubble--loading{filter:invert(.5)}}