.dotgrid{--dot:rgba(11,15,20,0.13);--dot-size:1.25px;--dot-gap:11px;background-color:var(--dotgrid-bg,transparent);background-image:radial-gradient(circle,var(--dot) var(--dot-size),transparent calc(var(--dot-size) + .5px));background-size:var(--dot-gap) var(--dot-gap);background-position:0 0}.dotgrid-ink{--dot:rgba(244,246,248,0.16)}.dotgrid-live{position:relative;overflow:hidden;isolation:isolate}.dotgrid-live:before{content:"";position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(198,245,0,.32),rgba(198,245,0,0) 70%);width:46%;height:120%;inset:auto;left:-30%;top:-10%;animation:dotgrid-sweep 5.6s ease-in-out infinite alternate}.dotgrid-ink.dotgrid-live:before{background:radial-gradient(closest-side,rgba(198,245,0,.28),rgba(198,245,0,0) 70%)}@keyframes dotgrid-sweep{0%{transform:translateX(0)}to{transform:translateX(180%)}}@media (prefers-reduced-motion:reduce){.dotgrid-live:before{animation:none;left:20%}}