.tc-hero-dot-spotlight{z-index:0;pointer-events:none;--mx:-9999px;--my:-9999px;--px:0px;--py:0px;position:absolute;inset:0;overflow:hidden}.tc-hero-dot-spotlight__base,.tc-hero-dot-spotlight__glow{background-image:radial-gradient(circle at center, color-mix(in srgb, var(--primary,#00c8ff) 90%, transparent) 0, color-mix(in srgb, var(--primary,#00c8ff) 90%, transparent) var(--dot-size,1.5px), transparent calc(var(--dot-size,1.5px) + .5px));background-size:var(--dot-gap,22px) var(--dot-gap,22px);background-position:var(--px) var(--py);will-change:opacity, background-position;transition:background-position 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.tc-hero-dot-spotlight__base{opacity:.08}.tc-hero-dot-spotlight__glow{opacity:.45;-webkit-mask-image:radial-gradient(circle var(--spot-radius,280px) at var(--mx) var(--my), #000 0%, #0000008c 55%, #0000 100%);-webkit-mask-image:radial-gradient(circle var(--spot-radius,280px) at var(--mx) var(--my), #000 0%, #0000008c 55%, #0000 100%);mask-image:radial-gradient(circle var(--spot-radius,280px) at var(--mx) var(--my), #000 0%, #0000008c 55%, #0000 100%);transition:opacity .6s ease-out,background-position 1.2s cubic-bezier(.22,1,.36,1),-webkit-mask-position .6s ease-out,mask-position .6s ease-out}:root.light .tc-hero-dot-spotlight__base,.tantia-light .tc-hero-dot-spotlight__base{opacity:.05}:root.light .tc-hero-dot-spotlight__glow,.tantia-light .tc-hero-dot-spotlight__glow{opacity:.3}@media (prefers-reduced-motion:reduce){.tc-hero-dot-spotlight__glow{display:none}}