.px-dmd{--px-dmd-glow:oklch(78% .17 65);--px-dmd-off:oklch(78% .17 65/.08);background:linear-gradient(oklch(32% .005 260),oklch(16% .004 260));border-radius:.875rem;padding:.625rem;box-shadow:0 0 0 1px oklch(100% 0 0/.08),0 18px 40px -16px oklch(78% .17 65/.35)}.px-dmd-screen{background-color:oklch(8% .01 50);background-image:radial-gradient(circle, var(--px-dmd-off) 1px, transparent 1.4px);color:var(--px-dmd-glow);font-family:var(--font-oswald,inherit);text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 4px oklch(78% .17 65/.8),0 0 12px oklch(78% .17 65/.45);background-size:4px 4px;border-radius:.5rem;flex-direction:column;gap:1rem;padding:1.25rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 24px oklch(0% 0 0/.9)}.px-dmd-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,oklch(0% 0 0/.25) 0 1px,#0000 1px 3px);position:absolute;inset:0}.px-dmd-marquee{white-space:nowrap;will-change:transform;width:max-content;font-size:clamp(1.25rem,4vw,1.875rem);font-weight:700;animation:9s linear infinite px-dmd-marquee;display:flex}.px-dmd-marquee span{padding-right:4rem}.px-dmd-progress{align-items:center;gap:.75rem;font-size:.75rem;display:flex}.px-dmd-bar{flex:1;grid-template-columns:repeat(16,1fr);gap:3px;height:.75rem;display:grid}.px-dmd-bar span{background:var(--px-dmd-off);border-radius:1px;animation:3.2s step-end infinite px-dmd-fill}.px-dmd-blink{animation:1.2s step-end infinite px-dmd-blink}@keyframes px-dmd-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes px-dmd-fill{0%{background:var(--px-dmd-off);box-shadow:none}50%{background:var(--px-dmd-glow);box-shadow:0 0 6px var(--px-dmd-glow)}}@keyframes px-dmd-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.px-dmd-marquee,.px-dmd-bar span,.px-dmd-blink{animation:none}.px-dmd-marquee{justify-content:center;width:100%}.px-dmd-marquee span{padding-right:0}.px-dmd-marquee span+span{display:none}.px-dmd-bar span:nth-child(-n+11){background:var(--px-dmd-glow)}}