.hero-grid-module__U0obSq__gridContainer{--hero-grid-hover-color-1:color-mix(in srgb, var(--primary) 20%, transparent);--hero-grid-hover-color-2:color-mix(in srgb, var(--color-blue-800) 18%, transparent);--hero-grid-hover-color-3:color-mix(in srgb, var(--color-green-700) 18%, transparent);--hero-grid-hover-color-4:color-mix(in srgb, var(--color-purple-800) 18%, transparent);perspective:2000px;perspective-origin:50%;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 95%);mask-image:linear-gradient(#000 0% 50%,#0000 95%)}.hero-grid-module__U0obSq__mainGrid{aspect-ratio:1;pointer-events:auto;grid-template-rows:repeat(40,1fr);grid-template-columns:repeat(40,1fr);width:140rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(50deg)rotateY(-5deg)rotate(20deg)scale(1.25)}.hero-grid-module__U0obSq__tile{border:.5px solid color-mix(in srgb, currentColor 7%, transparent);transition:background-color 1.2s}.dark .hero-grid-module__U0obSq__tile{border:.5px solid #ffffff0a}.hero-grid-module__U0obSq__tile:hover{transition-duration:0s}.hero-grid-module__U0obSq__tile:nth-child(4n):hover{background-color:var(--hero-grid-hover-color-1)}.hero-grid-module__U0obSq__tile:nth-child(4n+1):hover{background-color:var(--hero-grid-hover-color-2)}.hero-grid-module__U0obSq__tile:nth-child(4n+2):hover{background-color:var(--hero-grid-hover-color-3)}.hero-grid-module__U0obSq__tile:nth-child(4n+3):hover{background-color:var(--hero-grid-hover-color-4)}.hero-grid-module__U0obSq__tile:nth-child(7n):hover{background-color:var(--hero-grid-hover-color-2)}.hero-grid-module__U0obSq__tile:nth-child(7n+3):hover{background-color:var(--hero-grid-hover-color-3)}.hero-grid-module__U0obSq__tile:nth-child(7n+5):hover{background-color:var(--hero-grid-hover-color-4)}.hero-grid-module__U0obSq__tile:nth-child(7n+6):hover,.hero-grid-module__U0obSq__tile:nth-child(11n+1):hover{background-color:var(--hero-grid-hover-color-1)}.hero-grid-module__U0obSq__tile:nth-child(11n+4):hover{background-color:var(--hero-grid-hover-color-2)}.hero-grid-module__U0obSq__tile:nth-child(11n+7):hover{background-color:var(--hero-grid-hover-color-3)}.hero-grid-module__U0obSq__tile:nth-child(11n+10):hover{background-color:var(--hero-grid-hover-color-4)}@media (prefers-reduced-motion:reduce){.hero-grid-module__U0obSq__mainGrid{transform:translate(-50%,-50%)rotate(20deg)}.hero-grid-module__U0obSq__tile{transition:none}}