.chat{top:calc(var(--spacing,.25rem)*16);right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*24);z-index:30;width:100%;color:var(--color-white,#fff);flex-direction:column;display:flex;position:fixed}@media (min-width:40rem){.chat{width:calc(var(--spacing,.25rem)*77)}}@media (min-width:64rem){.chat{top:calc(var(--spacing,.25rem)*16);bottom:calc(var(--spacing,.25rem)*0)}}@media (min-width:80rem){.chat{height:calc(100vh - 4rem)}}.chat{background:radial-gradient(140% 100% at 50% 0,#c410120d,#0000 60%),linear-gradient(#171c29 0%,#141822 40%,#11141d 100%);transition:transform .3s}.chat:not(.chat-open){transform:translate(100%)}.chat-open{transform:translate(0%)}em-emoji-picker{height:300px;position:absolute;bottom:53px;right:0;width:100%!important}@keyframes chat-msg-flash{0%{background-color:#c410122e}to{background-color:#c4101200}}.chat-msg-flash{border-radius:8px;animation:1.2s ease-out chat-msg-flash}.chat:before{content:"";pointer-events:none;z-index:30;background:linear-gradient(#222838,#232a3c,#1a1f2c);width:1px;position:absolute;top:0;bottom:0;left:0}.chat:after{content:"";pointer-events:none;z-index:30;background:#ffffff06;width:1px;position:absolute;top:0;bottom:0;left:1px}.chat-scroll-fade{-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 12px),#0000 100%)}@keyframes chat-live-glow{0%,to{box-shadow:inset 0 1px #ffffff0a,0 0 14px -4px #22c55e59,0 10px 24px -16px #000000e6}50%{box-shadow:inset 0 1px #ffffff0a,0 0 22px -4px #22c55e99,0 10px 24px -16px #000000e6}}.chat-live-glow{animation:2.4s ease-in-out infinite chat-live-glow}@media (prefers-reduced-motion:reduce){.chat-live-glow{animation:none;box-shadow:inset 0 1px #ffffff0a,0 0 18px -4px #22c55e73,0 10px 24px -16px #000000e6}}