.HoverGrid_grid__gdk_J{touch-action:none;display:grid;grid-template-columns:repeat(var(--cols,24),minmax(0,1fr));width:100%;font-size:clamp(.9rem,2vw,1.7rem);font-weight:600;line-height:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;cursor:none}.HoverGrid_cell__Nml9y{touch-action:none;aspect-ratio:1;display:grid;place-items:center;opacity:calc(var(--opacity) + .18);scale:1.35;filter:grayscale(1);color:var(--cell-color,var(--accent));transition-property:opacity,rotate,filter;transition-duration:.8s,.4s,.6s;transition-timing-function:ease-in,ease-out,ease-out}@media(hover:hover)and (pointer:fine){.HoverGrid_cell__Nml9y:hover{transition-duration:0s;rotate:calc(var(--grade, 0)*90deg);filter:grayscale(0) brightness(1.15);opacity:1}}.HoverGrid_cell__Nml9y[data-hover]{transition-duration:0s;rotate:calc(var(--grade, 0)*90deg);filter:grayscale(0) brightness(1.15);opacity:1}@media(prefers-reduced-motion:reduce){.HoverGrid_cell__Nml9y,.HoverGrid_cell__Nml9y:hover,.HoverGrid_cell__Nml9y[data-hover]{transition-duration:0s;rotate:0deg}}