.joinchat{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.joinchat--show{display:block;transform:scaleX(1);}.joinchat__button{cursor:pointer;transition:background-color .2s linear;}.joinchat__button:hover{background-color:#128c7e;}.joinchat__button:active{background-color:#128c7e;transition:none;}.joinchat__button:has(.joinchat__button__ico){background:var(--color);box-shadow:1px 6px 24px 0 hsl(var(--ch),var(--cs),calc(var(--cl) - 10%),24%);}.joinchat__button:has(.joinchat__button__ico):active,.joinchat__button:has(.joinchat__button__ico):hover{background:var(--hover);}.joinchat__qr{position:absolute;z-index:2;bottom:calc(var(--s) + 24px);right:8px;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none;}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--h) - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff;}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0;image-rendering:pixelated;}@keyframes joinchat_show{0%{transform:scale3d(0,0,0);}to{transform:scaleX(1);}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0);}to{opacity:1;transform:translateZ(0);}}@keyframes joinchat_image_loop{0%{opacity:0;}3%,20%{opacity:1;}25%,to{opacity:0;}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0);}1%,20%{opacity:1;transform:scaleX(1);}25%,to{opacity:0;transform:scaleX(1);}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){}@media (hover:hover){.joinchat--btn .joinchat__button:hover~.joinchat__qr{display:flex;}}@media (prefers-reduced-motion){}