.home-live-promo{display:flex;align-items:center;gap:16px;padding:23px 20px;border:1px solid #ff222265;border-left:3px solid #FF2222;background:linear-gradient(115deg,#181010e8,#111c);backdrop-filter:blur(8px);max-width:370px;min-width:0;margin-top:22px;color:#f2f1ed}
.home-live-promo:hover{border-color:#FF2222;background:#201010ef}.home-live-avatar{display:block;width:56px;height:56px;flex:0 0 56px;object-fit:cover;object-position:center;border-radius:50%}.home-live-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.home-live-label{font-size:11px;font-weight:700;letter-spacing:2px;color:#ff7979;display:flex;gap:8px;align-items:center}.home-live-label i{width:7px;height:7px;background:#FF2222;border-radius:50%}.home-live-copy strong{font:700 24px/1.05 var(--display);overflow-wrap:anywhere}.home-live-copy small{font-size:12px;color:#bbb}.home-live-arrow{margin-left:auto;font-size:24px;color:#FF2222}.home-live-promo .live-initial{display:grid;place-items:center;background:#FF2222;color:#080808;font-weight:700}
@media(min-width:1300px){body[data-page=home] .hero-body:has(.home-live-promo){display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,370px);gap:36px;align-items:center}.home-live-promo{margin-top:0}}
@media(max-width:1299px) and (min-width:1001px){.home-live-promo{max-width:510px;padding:12px 18px;margin-top:16px}.home-live-avatar{width:44px;height:44px;flex-basis:44px}.home-live-copy strong{font-size:22px}.home-live-copy small{display:none}}
@media(max-width:1000px){.home-live-promo{max-width:560px;padding:16px;margin-top:24px}.home-live-copy strong{font-size:24px}}
@media(max-height:700px) and (min-width:1001px){.home-live-promo{padding:10px 14px;margin-top:10px}.home-live-copy small{display:none}.home-live-copy{gap:5px}.home-live-copy strong{font-size:21px}.home-live-avatar{width:40px;height:40px;flex-basis:40px}}