.live-toasts{z-index:1200;pointer-events:none;flex-direction:column;gap:10px;width:min(380px,100vw - 24px);display:flex;position:fixed;top:92px;right:20px}.live-toast{--ease-out:cubic-bezier(.22, 1, .36, 1);border:1px solid var(--c-border);box-shadow:0 22px 50px -22px rgb(var(--c-shadow) / .45), 0 2px 6px rgb(var(--c-shadow) / .05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;animation:liveIn .45s var(--ease-out) both;background:var(--lightningcss-light,#fffffff7)var(--lightningcss-dark,#131a2ef7);border-radius:18px;align-items:flex-start;display:flex;position:relative;overflow:hidden}.live-toast:before{content:"";background:var(--tone);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.live-toast.is-leaving{animation:.26s forwards liveOut}.live-toast.is-important{border-color:color-mix(in srgb, var(--tone) 35%, var(--c-surface))}.live-toast__main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:flex-start;gap:12px;padding:14px 6px 14px 16px;display:flex}.live-toast__main:focus-visible{outline:2px solid var(--tone);outline-offset:-2px;border-radius:18px}.live-toast__icon,.live-toast__avatar{border-radius:13px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;position:relative}.live-toast__icon{color:var(--tone);background:color-mix(in srgb, var(--tone) 12%, var(--c-surface))}.live-toast__icon svg{width:20px;height:20px}.live-toast__avatar{color:#fff;border-radius:50%;font-size:16px;font-weight:800}.live-toast__avatar i{color:#fff;border:2px solid var(--c-surface);background:var(--tone);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-4px;right:-4px}.live-toast__avatar i svg{width:10px;height:10px}.live-toast__body{flex-direction:column;gap:3px;min-width:0;display:flex}.live-toast__body small{color:var(--tone);letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.live-toast__body small em{color:var(--c-muted);letter-spacing:.3px;text-transform:none;background:var(--c-surface-3);border-radius:999px;padding:2px 6px;font-size:10px;font-style:normal}.live-toast__body b{color:var(--c-text);font-size:14px;font-weight:800;line-height:1.3}.live-toast__text{color:var(--lightningcss-light,#5b6478)var(--lightningcss-dark,var(--c-muted));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.live-toast__action{color:var(--tone);align-items:center;gap:5px;margin-top:4px;font-size:13px;font-weight:800;display:inline-flex}.live-toast__action svg{width:14px;height:14px;transition:transform .25s var(--ease-out)}.live-toast__main:hover .live-toast__action svg{transform:translate(3px)}.live-toast__close{width:28px;height:28px;color:var(--lightningcss-light,#9aa3b5)var(--lightningcss-dark,var(--c-faint));cursor:pointer;background:0 0;border:0;border-radius:9px;flex-shrink:0;place-items:center;margin:8px 8px 0 0;padding:0;display:grid}.live-toast__close:hover{color:var(--c-text);background:var(--lightningcss-light,#f2f4f8)var(--lightningcss-dark,var(--c-surface-3))}.live-toast__close svg{width:15px;height:15px}.live-toast__timer{background:color-mix(in srgb, var(--tone) 55%, transparent);transform-origin:0;width:100%;height:3px;animation:liveTimer var(--show) linear forwards;position:absolute;bottom:0;left:0}.live-toast.is-paused .live-toast__timer{animation-play-state:paused}@keyframes liveIn{0%{opacity:0;transform:translate(40px)scale(.96)}}@keyframes liveOut{to{opacity:0;transform:translate(40px)scale(.96)}}@keyframes liveTimer{to{transform:scaleX(0)}}@media (max-width:640px){.live-toasts{width:auto;top:12px;left:12px;right:12px}@keyframes liveIn{0%{opacity:0;transform:translateY(-20px)}}}@media (prefers-reduced-motion:reduce){.live-toast,.live-toast.is-leaving{animation-duration:.01ms}}