.twitch-alert{position:absolute;z-index:4;isolation:isolate;top:0;left:50%;width:max-content;height:38px;display:grid;grid-template-columns:max-content 34px max-content;gap:7px;align-items:center;padding:2px 10px;border:1px solid transparent;border-radius:12px;background:rgba(0,0,0,.54);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(-50%)}
.twitch-alert.visible{opacity:1}
.alert-message{justify-self:end;display:flex;align-items:center;gap:9px;padding-right:7px;min-width:0}
.alert-user{font-size:17px;font-weight:750}.alert-kind,.alert-advance{font-size:15px;font-weight:800;letter-spacing:.035em;color:#e9bcff;text-shadow:0 1px 2px #000,0 0 5px #000}.alert-advance:empty,.alert-tier:empty,.alert-value:empty{display:none}
.alert-person{position:relative;z-index:1;align-self:stretch;display:flex;align-items:center;justify-content:center}
.alert-avatar-frame{position:relative;display:block;width:29px;height:29px;flex:none;overflow:hidden;border:2px solid #9146ff;border-radius:50%;background:#2d3036;box-shadow:0 0 0 2px #9146ff99,0 2px 8px #000c}
.alert-avatar-frame::before{content:"";position:absolute;top:5px;left:9px;width:7px;height:7px;border-radius:50%;background:#aeb1ba}
.alert-avatar-frame::after{content:"";position:absolute;left:5px;bottom:2px;width:15px;height:9px;border-radius:9px 9px 3px 3px;background:#aeb1ba}
.alert-avatar-frame.has-image::before,.alert-avatar-frame.has-image::after{display:none}
.twitch-alert.youtube .alert-avatar-frame{border-color:#ff0033;box-shadow:0 0 0 2px #ff003399,0 2px 8px #000c}
.twitch-alert.youtube .alert-kind,.twitch-alert.youtube .alert-advance,.twitch-alert.youtube .alert-recipient-prefix{color:#ff7777}
.twitch-alert.kofi .alert-avatar-frame{border-color:#29c5d9;box-shadow:0 0 0 2px #29c5d999,0 2px 8px #000c}
.twitch-alert.kofi .alert-kind,.twitch-alert.kofi .alert-advance,.twitch-alert.kofi .alert-recipient-prefix{color:#5fe0ee}
.twitch-alert.blerp .alert-kind{color:#FE295C}
.twitch-alert.blerp .alert-count-symbol,.twitch-alert.blerp .alert-count-number{color:#fff}
.alert-heart.donation-icon{object-fit:contain;filter:drop-shadow(0 0 4px #29c5d988)}
.alert-avatar-frame img{display:none;width:100%;height:100%;object-fit:cover;border-radius:50%}.alert-avatar-frame.has-image img{display:block}
.alert-reward{justify-self:start;display:flex;align-items:center;gap:7px;padding-left:7px;font-size:17px;font-weight:800}
.alert-tier{font-size:15px;font-weight:750}.alert-heart{display:block;width:30px;height:30px;flex:0 0 30px;filter:drop-shadow(0 0 5px #ff397655)}
.alert-value{font-size:17px;color:#fff}.alert-recipient-prefix{font-size:17px;font-weight:800;color:#e9bcff;text-shadow:0 1px 2px #000,0 0 5px #000;margin-right:9px}
.alert-count-symbol,.alert-count-number{display:inline-block}.alert-count-symbol{font-weight:900;margin-right:5px;transform-origin:center}.alert-count-number{font-size:17px;line-height:1;font-style:italic;font-weight:900;transition:font-size .12s ease-out;will-change:font-size}
.alert-count-suffix{display:inline-block;margin-left:5px;opacity:0;transition:opacity .18s ease}.alert-count-suffix.revealed{opacity:1}
.twitch-alert.playing{opacity:1;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;animation:twitch-alert-shell 6.7s both}
.twitch-alert.playing::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:12px;background:rgba(0,0,0,.54);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:twitch-alert-bar 6.7s both}
.twitch-alert.playing .alert-person{animation:twitch-avatar-cycle 6.7s both}
.twitch-alert.playing .alert-message{animation:twitch-message-cycle 6.7s both}
.twitch-alert.playing .alert-reward{animation:twitch-reward-cycle 6.7s both}
.twitch-alert.playing .alert-heart{animation:twitch-heart-cycle 6.7s both}
.twitch-alert.playing.has-count .alert-count-symbol{animation:twitch-count-cycle 6.7s both}
.twitch-alert.playing.has-count .alert-count-number{animation:twitch-number-cycle 6.7s both}
@keyframes twitch-alert-shell{0%,99%{opacity:1}100%{opacity:0}}
@keyframes twitch-alert-bar{0%,5%{transform:scaleX(0);opacity:0}16%,82%{transform:scaleX(1);opacity:1}92%,100%{transform:scaleX(0);opacity:0}}
@keyframes twitch-avatar-cycle{0%{opacity:0;transform:scale(.25);animation-timing-function:cubic-bezier(.2,1.5,.35,1)}5.7%{opacity:1;transform:scale(1.18)}8.2%,92%{opacity:1;transform:scale(1)}96%{opacity:1;transform:scale(1.08)}100%{opacity:0;transform:scale(.25)}}
@keyframes twitch-message-cycle{0%,4.9%{clip-path:inset(0 0 0 100%);transform:translateX(8px);opacity:0}16.1%,82%{clip-path:inset(0 0 0 0);transform:translateX(0);opacity:1}92%,100%{clip-path:inset(0 0 0 100%);transform:translateX(8px);opacity:0}}
@keyframes twitch-reward-cycle{0%,4.9%{clip-path:inset(0 100% 0 0);transform:translateX(-8px);opacity:0}16.1%,82%{clip-path:inset(0 0 0 0);transform:translateX(0);opacity:1}92%,100%{clip-path:inset(0 100% 0 0);transform:translateX(-8px);opacity:0}}
@keyframes twitch-heart-cycle{0%,11.9%{opacity:0;transform:scale(.94)}16.6%{opacity:1;transform:scale(1.12);filter:drop-shadow(0 0 5px #ff397677)}19.7%{opacity:1;transform:scale(.98)}22.4%,82%{opacity:1;transform:scale(1);filter:none}87%{opacity:1;transform:scale(1.12)}92%,100%{opacity:0;transform:scale(.94)}}
@keyframes twitch-count-cycle{0%,22.7%{opacity:0;transform:scale(3.3);filter:blur(2px)}25.5%{opacity:1;transform:scale(2.25);filter:drop-shadow(0 0 10px #fff)}28%{opacity:1;transform:scale(.83);filter:none}30.2%,76.9%{opacity:1;transform:scale(1);filter:none}79%{opacity:1;transform:scale(.83)}81%{opacity:1;transform:scale(2.25);filter:drop-shadow(0 0 10px #fff)}84%,100%{opacity:0;transform:scale(3.3);filter:blur(2px)}}
@keyframes twitch-number-cycle{0%,30.7%{opacity:0;transform:scale(.8)}34.5%,76.9%{opacity:1;transform:scale(1)}82%,100%{opacity:0;transform:scale(.8)}}