.bd-stack{position:absolute;top:84px;left:16px;z-index:29;display:grid;gap:8px;width:min(340px,calc(100vw - 32px))}.bd-stack[hidden]{display:none}.bd-card{--c: var(--st-blackout);position:relative;display:flex;align-items:stretch;background:var(--panel-solid);border:1px solid var(--border-strong);border-left:4px solid var(--c);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;animation:bd-in .42s cubic-bezier(.2,1.3,.4,1) both}.bd-card.bd-problems{--c: var(--st-throttled)}.bd-card.bd-up{--c: var(--st-online)}.bd-card.bd-out{animation:bd-out .26s ease-in both}@keyframes bd-in{0%{opacity:0;transform:translate(-24px) scale(.96)}}@keyframes bd-out{to{opacity:0;transform:translate(-24px)}}.bd-main{flex:1;min-width:0;display:flex;gap:12px;align-items:flex-start;padding:12px 6px 12px 12px;color:var(--text);text-decoration:none}.bd-ic{position:relative;flex:none}.bd-av{display:block;width:34px;height:34px;border-radius:9px;object-fit:contain;background:#fff;padding:3px;box-sizing:border-box}.bd-av-l{display:grid;place-items:center;background:var(--c);color:#fff;font:700 16px var(--font-display);padding:0}.bd-dot{position:absolute;right:-4px;top:-4px;width:12px;height:12px;border-radius:50%;background:var(--c);border:2px solid var(--panel-solid)}.bd-dot:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--c);animation:bd-ping 1.6s ease-out infinite}.bd-up .bd-dot:after{display:none}@keyframes bd-ping{0%{transform:scale(1);opacity:.9}to{transform:scale(2.8);opacity:0}}.bd-tx{min-width:0;display:flex;flex-direction:column;gap:2px}.bd-tx b{font:700 15px/1.25 var(--font-display);letter-spacing:-.01em}.bd-tx small{color:var(--text-muted);font-size:12.5px}.bd-more{display:inline-flex;align-items:center;gap:5px;margin-top:4px;color:var(--c);font-weight:700;font-size:12.5px}.bd-more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.bd-main:hover .bd-more svg{transform:translate(3px)}.bd-up .bd-more{color:var(--text-muted)}.bd-x{flex:none;align-self:flex-start;display:grid;place-items:center;width:34px;height:34px;margin:6px 6px 0 0;border:0;border-radius:9px;background:transparent;color:var(--text-muted);cursor:pointer}.bd-x:hover,.bd-x:focus-visible{background:var(--chip);color:var(--text)}.bd-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.bd-card.bd-auto:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--c);transform-origin:left;animation:bd-timer 8s linear both}html[dir=rtl] .bd-card.bd-auto:after{transform-origin:right}@keyframes bd-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}html[dir=rtl] .bd-stack{left:auto;right:16px}html[dir=rtl] .bd-card{border-left-width:1px;border-right:4px solid var(--c)}@media (max-width: 720px){.bd-stack{top:70px;left:10px;width:min(360px,calc(100vw - 20px));gap:6px}html[dir=rtl] .bd-stack{right:10px}.bd-card{border-radius:12px}.bd-main{align-items:center;gap:9px;padding:6px 2px 6px 9px}.bd-av{width:24px;height:24px;border-radius:6px;padding:2px}.bd-av-l{font-size:13px;padding:0}.bd-dot{width:10px;height:10px;right:-4px;top:-4px}.bd-tx{flex:1;flex-direction:row;align-items:baseline;gap:6px;white-space:nowrap;overflow:hidden}.bd-tx b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}.bd-tx small,.bd-more{display:none}.bd-x{align-self:center;width:32px;height:32px;margin:0 3px 0 0}}
