@property --mesh-spot-r{syntax:"<length>";inherits:false;initial-value:.01px}:is(.s-workflow,.s-billing) .mesh{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;--mesh-grid-rgb:178 150 236;--mesh-depth:30rem;--mesh-fade-down:linear-gradient(180deg,#000 0,#000 30%,rgba(0,0,0,0.42) 62%,rgba(0,0,0,0));--mesh-fade-up:linear-gradient(0deg,#000 0,#000 30%,rgba(0,0,0,0.42) 62%,rgba(0,0,0,0))}[data-theme=light] :is(.s-workflow,.s-billing) .mesh{--mesh-grid-rgb:109 43 184}:is(.s-workflow,.s-billing) .mesh__band{position:absolute;inset-inline-start:0;inset-inline-end:0;height:var(--mesh-depth)}:is(.s-workflow,.s-billing) .mesh__band--top{top:0;-webkit-mask-image:var(--mesh-fade-down);mask-image:var(--mesh-fade-down)}:is(.s-workflow,.s-billing) .mesh__band--bottom{bottom:0;-webkit-mask-image:var(--mesh-fade-up);mask-image:var(--mesh-fade-up)}:is(.s-workflow,.s-billing) .mesh__grid{position:absolute;inset:0;--mesh-x:-100vw;--mesh-y:-100vh;--mesh-rest:linear-gradient(90deg,rgba(0,0,0,0.68) 0%,rgba(0,0,0,0.68) 13%,rgba(0,0,0,0.26) 27%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 58%,rgba(0,0,0,0.26) 73%,rgba(0,0,0,0.68) 87%,rgba(0,0,0,0.68));--mesh-spot:radial-gradient(circle var(--mesh-spot-r) at var(--mesh-x) var(--mesh-y),#000 0%,rgba(0,0,0,0.55) 40%,rgba(0,0,0,0) 74%);-webkit-mask-image:var(--mesh-rest),var(--mesh-spot);mask-image:var(--mesh-rest),var(--mesh-spot);--mesh-spot-r:0.01px;transition:--mesh-spot-r .45s var(--ease);opacity:.75}:is(.s-workflow,.s-billing) .mesh[data-lit] .mesh__grid{--mesh-spot-r:10rem}@media (prefers-reduced-motion:reduce){:is(.s-workflow,.s-billing) .mesh__grid{transition:none}}:is(.s-workflow,.s-billing) .mesh__grid{display:block;width:100%;height:100%}