.live-banner{border-radius:var(--radius-lg);background:var(--color-bg-card);min-height:168px;box-shadow:var(--shadow-sm);align-items:center;display:flex;position:relative;overflow:hidden;container:live-banner/inline-size}.live-banner__copy{z-index:1;gap:var(--space-1);max-width:min(520px,100% - 360px);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex;position:relative}.live-banner__date,.live-banner__title,.live-banner__subtitle{margin:0}.live-banner__date,.live-banner__subtitle{color:var(--color-text-secondary)}.live-banner__title{color:var(--color-text-primary)}.live-banner__art{pointer-events:none;width:360px;height:100%;position:absolute;top:0;right:0}.live-banner__grid{stroke:var(--color-text-secondary);stroke-opacity:.22;stroke-dasharray:1 5;stroke-linecap:round}.live-banner__round-edge{stroke:var(--color-text-secondary);stroke-opacity:.45;stroke-dasharray:3 4}.live-banner__beat{stroke:var(--color-text-secondary);stroke-opacity:.9;stroke-width:1.25px;stroke-dasharray:5 4}.live-banner__beat--past{stroke:var(--color-text-secondary);stroke-opacity:.5;stroke-dasharray:4 4}.live-banner__price--up,.live-banner__price--down{fill:none;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.live-banner__price--up{stroke:var(--color-positive)}.live-banner__price--down{stroke:var(--color-negative)}.live-banner__round--past{opacity:.55}.live-banner__round--past .live-banner__price--up,.live-banner__round--past .live-banner__price--down{stroke-width:2px}.live-banner__result--up,.live-banner__result--down{stroke:var(--color-bg-card);stroke-width:2px}.live-banner__result--up{fill:var(--color-positive)}.live-banner__result--down{fill:var(--color-negative)}.live-banner__result-glyph{fill:none;stroke:var(--color-white);stroke-linecap:round;stroke-linejoin:round}.live-banner__stop--up{stop-color:var(--color-positive)}.live-banner__stop--down{stop-color:var(--color-negative)}.live-banner__stop--line{stop-color:var(--color-text-secondary)}.live-banner__stop--card{stop-color:var(--color-bg-card)}.live-banner__live-ring{fill:none;stroke:var(--color-positive);stroke-opacity:.5;stroke-width:1.5px}.live-banner__live-dot{fill:var(--color-positive);stroke:var(--color-white);stroke-width:2px}@container live-banner (max-width:560px){.live-banner__copy{max-width:none;padding:var(--space-3)}.live-banner__subtitle{display:none}.live-banner__art{width:55%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%);mask-image:linear-gradient(90deg,#0000,#000 45%)}}