.spx{margin:0}.spx-plot{aspect-ratio:5/2;margin:28px 64px 0 12px;position:relative}.spx-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.spx-grid{stroke:var(--ui-line-2);stroke-width:1px;vector-effect:non-scaling-stroke}.spx-band{fill:rgba(var(--ui-red-rgb), .1)}.spx-line{fill:none;stroke:var(--ui-strong);stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.spx-dot{background:var(--ui-strong);width:8px;height:8px;box-shadow:0 0 0 2px var(--mat-card,#fff);border-radius:50%;margin:-4px 0 0 -4px;position:absolute}.spx-dot--low{background:var(--ui-red)}.spx-dot--now{background:var(--ui-red);width:10px;height:10px;box-shadow:0 0 0 2px var(--mat-card,#fff), 0 0 0 6px rgba(var(--ui-red-rgb), .25);margin:-5px 0 0 -5px;animation:1.4s ease-in-out infinite spx-blink}.spx-dot--now:after{content:"";background:rgba(var(--ui-red-rgb), .35);border-radius:50%;animation:1.4s ease-out infinite spx-ping;position:absolute;inset:-6px}@keyframes spx-blink{50%{opacity:.35}}@keyframes spx-ping{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.spx-dot--now{animation:none}.spx-dot--now:after{display:none}}.spx-tag{white-space:nowrap;flex-direction:column;align-items:center;line-height:1.1;display:flex;position:absolute;top:-26px;transform:translate(-50%)}.spx-tag b{color:var(--ui-red);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.spx-tag small,.spx-now small{color:var(--ui-t3);font-size:11px}.spx-now{flex-direction:column;width:58px;line-height:1.15;display:flex;position:absolute;right:-64px;transform:translateY(-120%)}.spx-now b{color:var(--ui-t1);white-space:nowrap;font-size:14px}.spx-x{height:18px;margin:8px 64px 0 12px;position:relative}.spx-x span{color:var(--ui-t3);font-size:11px;position:absolute;transform:translate(-50%)}@media (max-width:639px){.spx-plot{aspect-ratio:4/3;margin:34px 52px 0 12px}.spx-x{margin:8px 52px 0 12px}.spx-now{width:48px;right:-52px}.spx-tag b{font-size:13px}}