.hero-bg-wrap[data-v-2efdea3d]{--mx:50%;--my:30%;mask-image:linear-gradient(180deg,#000 0,#000 75%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 75%,transparent)}.hero-grid[data-v-2efdea3d]{background-image:radial-gradient(color-mix(in oklch,var(--ui-color-primary-500) 14%,transparent) 1px,transparent 1px);background-position:0 0;background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 0,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 0,transparent 75%);opacity:.5}:root:not(.dark) .hero-grid[data-v-2efdea3d]{background-image:radial-gradient(color-mix(in oklch,var(--ui-color-primary-500) 22%,transparent) 1px,transparent 1px);opacity:.35}.hero-spotlight[data-v-2efdea3d]{background:radial-gradient(600px circle at var(--mx) var(--my),color-mix(in oklch,var(--ui-color-primary-500) 18%,transparent),transparent 50%),radial-gradient(900px circle at calc(100% - var(--mx)) calc(100% - var(--my)),color-mix(in oklch,#a78bfa 12%,transparent),transparent 60%);transition:background-position .3s ease-out;will-change:background}:root:not(.dark) .hero-spotlight[data-v-2efdea3d]{background:radial-gradient(600px circle at var(--mx) var(--my),color-mix(in oklch,var(--ui-color-primary-500) 10%,transparent),transparent 50%),radial-gradient(900px circle at calc(100% - var(--mx)) calc(100% - var(--my)),color-mix(in oklch,#a78bfa 8%,transparent),transparent 60%)}@media(prefers-reduced-motion:reduce){.hero-spotlight[data-v-2efdea3d]{background:radial-gradient(600px circle at 50% 30%,color-mix(in oklch,var(--ui-color-primary-500) 14%,transparent),transparent 50%)}}