:where(.pixel-grid){--pixel-off: oklch(51.2% .27 268 / .35);--pixel-on: oklch(51.2% .27 268);--pixel-glow: oklch(51.2% .27 268 / .9)}.pixel-grid__cell{background-color:var(--pixel-off);border-radius:1px;transition:background-color .3s ease-out,box-shadow .3s ease-out}.pixel-grid__cell.is-on{background-color:var(--pixel-on);box-shadow:0 0 3px var(--pixel-glow),0 0 6px var(--pixel-glow)}@media(prefers-reduced-motion:reduce){.pixel-grid__cell{transition:none}}@keyframes pixel-grid-twinkle{0%,to{background-color:var(--pixel-off);box-shadow:none}15%{background-color:var(--pixel-on);box-shadow:0 0 3px var(--pixel-glow),0 0 6px var(--pixel-glow)}35%{background-color:var(--pixel-off);box-shadow:none}}.pixel-grid__cell--twinkle{animation:pixel-grid-twinkle var(--twinkle-duration, 1.8s) ease-out var(--twinkle-delay, 0ms) infinite;will-change:background-color,box-shadow}@media(prefers-reduced-motion:reduce){.pixel-grid__cell--twinkle{animation:none;background-color:var(--pixel-on)}}.pixel-grid--magenta,.pixel-grid__cell--magenta{--pixel-off: oklch(40% .08 330 / .4);--pixel-on: oklch(85% .25 330);--pixel-glow: oklch(75% .3 330 / .9)}.pixel-grid--yellow,.pixel-grid__cell--yellow{--pixel-off: oklch(50% .08 90 / .4);--pixel-on: oklch(95% .2 90);--pixel-glow: oklch(90% .25 90 / .9)}.pixel-grid--green,.pixel-grid__cell--green{--pixel-off: oklch(40% .08 145 / .4);--pixel-on: oklch(90% .25 145);--pixel-glow: oklch(80% .3 145 / .9)}.pixel-grid--orange,.pixel-grid__cell--orange{--pixel-off: oklch(45% .08 50 / .4);--pixel-on: oklch(85% .22 50);--pixel-glow: oklch(75% .28 50 / .9)}.pixel-grid--blue,.pixel-grid__cell--blue{--pixel-off: oklch(51.2% .27 268 / .35);--pixel-on: oklch(51.2% .27 268);--pixel-glow: oklch(51.2% .27 268 / .9)}.pixel-grid--red,.pixel-grid__cell--red{--pixel-off: oklch(40% .08 25 / .4);--pixel-on: oklch(70% .25 25);--pixel-glow: oklch(60% .3 25 / .9)}.pixel-grid--purple,.pixel-grid__cell--purple{--pixel-off: oklch(40% .08 300 / .4);--pixel-on: oklch(75% .22 300);--pixel-glow: oklch(65% .28 300 / .9)}.pixel-grid--white,.pixel-grid__cell--white{--pixel-off: oklch(50% 0 0 / .3);--pixel-on: oklch(98% 0 0);--pixel-glow: oklch(95% 0 0 / .8)}.pixel-grid--teal,.pixel-grid__cell--teal{--pixel-off: oklch(40% .08 175 / .4);--pixel-on: oklch(82% .18 175);--pixel-glow: oklch(72% .24 175 / .9)}.pixel-grid--pink,.pixel-grid__cell--pink{--pixel-off: oklch(45% .08 350 / .4);--pixel-on: oklch(80% .2 350);--pixel-glow: oklch(70% .26 350 / .9)}.pixel-grid--lime,.pixel-grid__cell--lime{--pixel-off: oklch(45% .08 120 / .4);--pixel-on: oklch(88% .22 120);--pixel-glow: oklch(80% .28 120 / .9)}