.px-veil{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.px-grid{--cols:12;--rows:8;grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);display:grid;position:absolute;inset:0}.px-grid>:first-child{--r:0;--c:0}.px-grid>:nth-child(2){--r:0;--c:1}.px-grid>:nth-child(3){--r:0;--c:2}.px-grid>:nth-child(4){--r:0;--c:3}.px-grid>:nth-child(5){--r:0;--c:4}.px-grid>:nth-child(6){--r:0;--c:5}.px-grid>:nth-child(7){--r:0;--c:6}.px-grid>:nth-child(8){--r:0;--c:7}.px-grid>:nth-child(9){--r:0;--c:8}.px-grid>:nth-child(10){--r:0;--c:9}.px-grid>:nth-child(11){--r:0;--c:10}.px-grid>:nth-child(12){--r:0;--c:11}.px-grid>:nth-child(13){--r:1;--c:0}.px-grid>:nth-child(14){--r:1;--c:1}.px-grid>:nth-child(15){--r:1;--c:2}.px-grid>:nth-child(16){--r:1;--c:3}.px-grid>:nth-child(17){--r:1;--c:4}.px-grid>:nth-child(18){--r:1;--c:5}.px-grid>:nth-child(19){--r:1;--c:6}.px-grid>:nth-child(20){--r:1;--c:7}.px-grid>:nth-child(21){--r:1;--c:8}.px-grid>:nth-child(22){--r:1;--c:9}.px-grid>:nth-child(23){--r:1;--c:10}.px-grid>:nth-child(24){--r:1;--c:11}.px-grid>:nth-child(25){--r:2;--c:0}.px-grid>:nth-child(26){--r:2;--c:1}.px-grid>:nth-child(27){--r:2;--c:2}.px-grid>:nth-child(28){--r:2;--c:3}.px-grid>:nth-child(29){--r:2;--c:4}.px-grid>:nth-child(30){--r:2;--c:5}.px-grid>:nth-child(31){--r:2;--c:6}.px-grid>:nth-child(32){--r:2;--c:7}.px-grid>:nth-child(33){--r:2;--c:8}.px-grid>:nth-child(34){--r:2;--c:9}.px-grid>:nth-child(35){--r:2;--c:10}.px-grid>:nth-child(36){--r:2;--c:11}.px-grid>:nth-child(37){--r:3;--c:0}.px-grid>:nth-child(38){--r:3;--c:1}.px-grid>:nth-child(39){--r:3;--c:2}.px-grid>:nth-child(40){--r:3;--c:3}.px-grid>:nth-child(41){--r:3;--c:4}.px-grid>:nth-child(42){--r:3;--c:5}.px-grid>:nth-child(43){--r:3;--c:6}.px-grid>:nth-child(44){--r:3;--c:7}.px-grid>:nth-child(45){--r:3;--c:8}.px-grid>:nth-child(46){--r:3;--c:9}.px-grid>:nth-child(47){--r:3;--c:10}.px-grid>:nth-child(48){--r:3;--c:11}.px-grid>:nth-child(49){--r:4;--c:0}.px-grid>:nth-child(50){--r:4;--c:1}.px-grid>:nth-child(51){--r:4;--c:2}.px-grid>:nth-child(52){--r:4;--c:3}.px-grid>:nth-child(53){--r:4;--c:4}.px-grid>:nth-child(54){--r:4;--c:5}.px-grid>:nth-child(55){--r:4;--c:6}.px-grid>:nth-child(56){--r:4;--c:7}.px-grid>:nth-child(57){--r:4;--c:8}.px-grid>:nth-child(58){--r:4;--c:9}.px-grid>:nth-child(59){--r:4;--c:10}.px-grid>:nth-child(60){--r:4;--c:11}.px-grid>:nth-child(61){--r:5;--c:0}.px-grid>:nth-child(62){--r:5;--c:1}.px-grid>:nth-child(63){--r:5;--c:2}.px-grid>:nth-child(64){--r:5;--c:3}.px-grid>:nth-child(65){--r:5;--c:4}.px-grid>:nth-child(66){--r:5;--c:5}.px-grid>:nth-child(67){--r:5;--c:6}.px-grid>:nth-child(68){--r:5;--c:7}.px-grid>:nth-child(69){--r:5;--c:8}.px-grid>:nth-child(70){--r:5;--c:9}.px-grid>:nth-child(71){--r:5;--c:10}.px-grid>:nth-child(72){--r:5;--c:11}.px-grid>:nth-child(73){--r:6;--c:0}.px-grid>:nth-child(74){--r:6;--c:1}.px-grid>:nth-child(75){--r:6;--c:2}.px-grid>:nth-child(76){--r:6;--c:3}.px-grid>:nth-child(77){--r:6;--c:4}.px-grid>:nth-child(78){--r:6;--c:5}.px-grid>:nth-child(79){--r:6;--c:6}.px-grid>:nth-child(80){--r:6;--c:7}.px-grid>:nth-child(81){--r:6;--c:8}.px-grid>:nth-child(82){--r:6;--c:9}.px-grid>:nth-child(83){--r:6;--c:10}.px-grid>:nth-child(84){--r:6;--c:11}.px-grid>:nth-child(85){--r:7;--c:0}.px-grid>:nth-child(86){--r:7;--c:1}.px-grid>:nth-child(87){--r:7;--c:2}.px-grid>:nth-child(88){--r:7;--c:3}.px-grid>:nth-child(89){--r:7;--c:4}.px-grid>:nth-child(90){--r:7;--c:5}.px-grid>:nth-child(91){--r:7;--c:6}.px-grid>:nth-child(92){--r:7;--c:7}.px-grid>:nth-child(93){--r:7;--c:8}.px-grid>:nth-child(94){--r:7;--c:9}.px-grid>:nth-child(95){--r:7;--c:10}.px-grid>:nth-child(96){--r:7;--c:11}.px-block{opacity:0;will-change:transform, opacity;background:#06090fe0;display:block;transform:scale(.6)}.px-host:hover .px-block,.px-host:focus-visible .px-block{animation:.6s cubic-bezier(.22,1,.36,1) both pxSweep;animation-delay:calc((var(--r) + var(--c)) * 14ms)}@keyframes pxSweep{0%{opacity:0;transform:scale(.6)}30%{opacity:.92;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}.px-magnets{--mx:0;--my:0;position:absolute;inset:0}.px-magnet{background:var(--color-phosphor-hi);opacity:0;will-change:transform;transition:transform .55s cubic-bezier(.2,.9,.3,1.2),opacity .3s;display:block;position:absolute;transform:translate(0);box-shadow:0 0 10px #5de0b08c}.px-host:hover .px-magnet{opacity:.85;transform:translate(calc(var(--mx) * 44px), calc(var(--my) * 44px))}@media (hover:none),(pointer:coarse){.px-veil{display:none}}@media (prefers-reduced-motion:reduce){.px-veil{display:none}}