@layer base,design-system;@layer marketplace-themes{.event-message{border-radius:16px;min-height:100px;padding:1.5rem;transition:all .3s ease-in-out;animation:.6s cubic-bezier(.68,-.55,.265,1.55) event-bounce-in;position:relative;overflow:hidden;transform:scale(1.05)}.event-tier-high{background:linear-gradient(135deg,#ffd70040 0%,#ff8c0026 100%);border:3px solid gold;animation:.6s cubic-bezier(.68,-.55,.265,1.55) event-bounce-in,2s ease-in-out infinite high-tier-glow;box-shadow:0 0 30px #ffd70080,0 8px 32px #0006,inset 0 1px #ffffff1a}.event-tier-medium{background:linear-gradient(135deg,#9333ea33 0%,#4f46e526 100%);border:3px solid #9333ea;box-shadow:0 0 25px #9333ea66,0 6px 24px #0000004d}.event-tier-low{background:#3b82f626;border:2px solid #3b82f6;box-shadow:0 0 15px #3b82f64d}.event-title{text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 8px #00000080;font-size:1.125rem;font-weight:700}.event-value{text-shadow:0 2px 12px #ffd700cc;font-weight:800}.event-message[class*=subscription],.event-message[class*=gift_subscription]{border-left:8px solid #9146ff}.event-message[class*=super_chat],.event-message[class*=super_sticker]{background:linear-gradient(135deg,#ffd70033,#ff00001a);border-left:8px solid gold}.event-message[class*=raid]{background:linear-gradient(135deg,#ff450040,#8a2be226);border-left:8px solid #ff4500}.event-message[class*=bits]{background:linear-gradient(135deg,#9146ff33,#00c8ff1a);border-left:8px solid #9146ff}.event-message[class*=channel_points]{border-left:8px solid #00c8ff}.event-message[class*=gift]{border-left:8px solid #ff69b4}.event-message[class*=follow]{border-left:8px solid #1da1f2}.event-message[class*=like_aggregate]{border-left:8px solid #fe2c55}.event-message[class*=member]{border-left:8px solid #0f0}.event-icon{filter:drop-shadow(0 2px 8px #ffffff4d);animation:1.5s ease-in-out infinite event-icon-pulse;display:inline-block}.event-type-like_aggregate .event-icon{animation:.6s ease-in-out infinite heartbeat}.event-type-raid:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ff450000 0%,#ff450033 50%,#ff450000 100%);animation:2s ease-in-out infinite raid-sweep;position:absolute;inset:0}.event-type-super_chat.event-tier-high{background:linear-gradient(135deg,#f003,#ffd70026);border-color:gold}.event-type-mystery_gift{animation:.8s ease-out gift-explosion}.event-type-token_expiration_warning{background:linear-gradient(135deg,#ef444440 0%,#dc262626 100%);border:3px solid #ef4444;border-left:8px solid #dc2626;animation:2s ease-in-out infinite warning-pulse;box-shadow:0 0 30px #ef444480,0 8px 32px #0006}.event-type-token_expiration_warning .event-icon{animation:.5s ease-in-out infinite warning-shake}.event-type-token_expiration_warning .event-warning-message{background:#dc262633;border-radius:.375rem;margin-top:.5rem;padding:.5rem}.event-type-listener_deprecation_notice{background:linear-gradient(135deg,#f59e0b38 0%,#d9770624 100%);border:3px solid #f59e0b;border-left:8px solid #d97706;box-shadow:0 0 24px #f59e0b66,0 8px 32px #0006}.event-type-listener_deprecation_notice .event-warning-message{background:#d977062e;border-radius:.375rem;margin-top:.5rem;padding:.5rem}.event-message .event-content{transition:all .3s ease-in-out}}@layer visual-customizer{.overlay-preview-body{padding:var(--chat-overlay-padding,1rem)!important;gap:var(--chat-message-gap,.75rem)!important}.overlay-preview-body>*+*{margin-top:var(--chat-message-gap,.75rem)!important}.overlay-preview-body>div{border-radius:var(--chat-bubble-border-radius,.5rem)!important;border-width:var(--chat-bubble-border-width,0px)!important;border-color:var(--chat-bubble-border-color,transparent)!important;padding:var(--chat-bubble-padding,.75rem)!important;-webkit-backdrop-filter:blur(var(--chat-backdrop-blur,0px))!important;backdrop-filter:blur(var(--chat-backdrop-blur,0px))!important;border-style:solid!important}.overlay-preview-body .flex-shrink-0{display:var(--chat-show-avatars,block)!important}.overlay-preview-body .flex-shrink-0 img,.overlay-preview-body .flex-shrink-0>div{width:var(--chat-avatar-size,2.5rem)!important;height:var(--chat-avatar-size,2.5rem)!important;min-width:var(--chat-avatar-size,2.5rem)!important;min-height:var(--chat-avatar-size,2.5rem)!important;max-width:4rem!important;max-height:4rem!important}.overlay-preview-body .flex.gap-1{display:var(--chat-show-badges,flex)!important}.overlay-preview-body .flex.gap-1 img{width:var(--chat-badge-size,1rem)!important;height:var(--chat-badge-size,1rem)!important;margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)!important;margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)!important}.overlay-preview-body .platform-badge-text{font-size:var(--chat-badge-size,.75rem)!important;margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,.75rem)) / 2)!important;margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,.75rem)) / 2)!important;line-height:1!important}.overlay-preview-body .platform-badge-icon svg,.overlay-preview-body .platform-badge-icon img{width:var(--chat-badge-size,1rem)!important;height:var(--chat-badge-size,1rem)!important;margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)!important;margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)!important}.overlay-preview-body .font-semibold{display:var(--chat-show-username,inline)!important}.overlay-preview-body .chat-username{font-family:var(--chat-username-font-family,inherit)!important;font-weight:var(--chat-username-font-weight,600)!important;font-size:var(--chat-username-font-size,.875rem)!important}.overlay-preview-body .break-words{font-size:var(--chat-font-size,1rem)!important;font-family:var(--chat-font-family,inherit)!important;font-weight:var(--chat-font-weight,inherit)!important;line-height:calc(var(--chat-line-height,1.5) * 1em)!important;letter-spacing:var(--chat-letter-spacing,normal)!important;color:var(--chat-message-color,inherit)!important}.overlay-preview-body .break-words:has(img){line-height:max(calc(var(--chat-line-height,1.5) * 1em), calc(1.4em * var(--chat-emote-scale,1)))!important}.overlay-preview-body .text-xs.text-slate-500{display:var(--chat-show-timestamps,block)!important;font-size:var(--chat-timestamp-font-size,.75rem)!important;font-family:var(--chat-timestamp-font-family,inherit)!important;color:var(--chat-timestamp-color,inherit)!important}.overlay-preview-body .break-words img{display:var(--chat-show-emotes,inline)!important;height:calc(1.4em * var(--chat-emote-scale,1))!important;vertical-align:middle!important;width:auto!important}.overlay-live-body>*+*{margin-top:var(--chat-message-gap,.75rem)!important}.overlay-live-body>div{border-radius:var(--chat-bubble-border-radius,.5rem)!important;border-width:var(--chat-bubble-border-width,0px)!important;border-color:var(--chat-bubble-border-color,transparent)!important;padding:var(--chat-bubble-padding,.75rem)!important;-webkit-backdrop-filter:blur(var(--chat-backdrop-blur,4px))!important;backdrop-filter:blur(var(--chat-backdrop-blur,4px))!important;border-style:solid!important}.overlay-live-body .flex-shrink-0 img,.overlay-live-body .flex-shrink-0>div{width:var(--chat-avatar-size,2.5rem)!important;height:var(--chat-avatar-size,2.5rem)!important;min-width:var(--chat-avatar-size,2.5rem)!important;min-height:var(--chat-avatar-size,2.5rem)!important;max-width:4rem!important;max-height:4rem!important}.overlay-live-body .flex.gap-1 img{width:var(--chat-badge-size,1rem)!important;height:var(--chat-badge-size,1rem)!important;margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)!important;margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)!important}.overlay-live-body .platform-badge-text{font-size:var(--chat-badge-size,.75rem)!important;margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,.75rem)) / 2)!important;margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,.75rem)) / 2)!important;line-height:1!important}.overlay-live-body .platform-badge-icon svg,.overlay-live-body .platform-badge-icon img{width:var(--chat-badge-size,1rem)!important;height:var(--chat-badge-size,1rem)!important;margin-top:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)!important;margin-bottom:calc((var(--chat-username-font-size,.875rem) - var(--chat-badge-size,1rem)) / 2)!important}.overlay-live-body .chat-username{font-family:var(--chat-username-font-family,inherit)!important;font-weight:var(--chat-username-font-weight,600)!important;font-size:var(--chat-username-font-size,.875rem)!important}.overlay-live-body .break-words{font-family:var(--chat-font-family,inherit)!important;font-weight:var(--chat-font-weight,inherit)!important;line-height:calc(var(--chat-line-height,1.5) * 1em)!important;letter-spacing:var(--chat-letter-spacing,normal)!important;color:var(--chat-message-color,#fff)!important}.overlay-live-body .break-words:has(img){line-height:max(calc(var(--chat-line-height,1.5) * 1em), calc(1.4em * var(--chat-emote-scale,1)))!important}.overlay-live-body .text-xs.text-slate-500{font-size:var(--chat-timestamp-font-size,.75rem)!important;font-family:var(--chat-timestamp-font-family,inherit)!important;color:var(--chat-timestamp-color,#64748b)!important}.overlay-live-body .break-words img{display:var(--chat-show-emotes,inline)!important;height:calc(1.4em * var(--chat-emote-scale,1))!important;vertical-align:middle!important;width:auto!important}.event-message[class*=super_chat],.event-message[class*=super_sticker]{display:var(--chat-show-super-chat,block);transform:scale(var(--chat-super-chat-size-modifier,1.05))}.event-message[class*=subscription],.event-message[class*=gift_subscription]{display:var(--chat-show-subscriptions,block);transform:scale(var(--chat-subscription-size-modifier,1.05))}.event-message[class*=raid]{display:var(--chat-show-raids,block);transform:scale(var(--chat-raid-size-modifier,1.05))}.event-message[class*=bits]{display:var(--chat-show-bits,block);transform:scale(var(--chat-bits-size-modifier,1.05))}.event-message[class*=member],.event-message[class*=gift]{display:var(--chat-show-membership-gift,block);transform:scale(var(--chat-membership-gift-size-modifier,1.05))}}@layer user-overrides;@keyframes event-bounce-in{0%{opacity:0;transform:scale(.3)translateY(50px)}50%{transform:scale(1.1)translateY(-10px)}to{opacity:1;transform:scale(1.05)translateY(0)}}@keyframes high-tier-glow{0%,to{box-shadow:0 0 30px #ffd70080,0 8px 32px #0006,inset 0 1px #ffffff1a}50%{box-shadow:0 0 50px #ffd700cc,0 8px 32px #0006,inset 0 1px #fff3}}@keyframes event-icon-pulse{0%,to{filter:drop-shadow(0 2px 8px #ffffff4d);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 4px 16px #fff9);transform:scale(1.15)rotate(-5deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}25%,75%{transform:scale(1.2)}50%{transform:scale(1.1)}}@keyframes raid-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gift-explosion{0%{transform:scale(.9);box-shadow:0 0 10px #9333ea80}50%{transform:scale(1.05);box-shadow:0 0 30px #9333eacc}to{transform:scale(1);box-shadow:0 0 20px #9333ea4d}}@keyframes warning-pulse{0%,to{box-shadow:0 0 30px #ef444480,0 8px 32px #0006}50%{box-shadow:0 0 50px #ef4444cc,0 8px 32px #0006}}@keyframes warning-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}