/* The reference site's purple particle treatment, responding only to pointer input. */
.has-pointer-background{position:relative;isolation:isolate;overflow:hidden;--particle-far:#c4b5fd;--particle-mid:#a855f7;--particle-near:#9333ea}
.has-pointer-background>.container{position:relative;z-index:1}
.pointer-particle-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;contain:paint;mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}
.pointer-particle-layer{position:absolute;inset:-36px;transition:transform .3s ease-out}
.pointer-particle-layer>svg{display:block;width:100%;height:100%;fill:currentColor}
.pointer-depth-far{color:var(--particle-far);opacity:.7;transform:translate3d(var(--particle-far-x,0px),var(--particle-far-y,0px),0)}
.pointer-depth-mid{color:var(--particle-mid);opacity:.5;transform:translate3d(var(--particle-mid-x,0px),var(--particle-mid-y,0px),0)}
.pointer-depth-near{color:var(--particle-near);opacity:.4;transform:translate3d(var(--particle-near-x,0px),var(--particle-near-y,0px),0)}
.has-pointer-background[data-pointer-active=true] .pointer-particle-layer{will-change:transform}
html[data-theme=dark] .has-pointer-background{--particle-far:#b19be8;--particle-mid:#b887f4;--particle-near:#d1b8ff}
html[data-theme=dark] .pointer-depth-far{opacity:.55}html[data-theme=dark] .pointer-depth-mid{opacity:.6}html[data-theme=dark] .pointer-depth-near{opacity:.65}
@media(max-width:760px){.pointer-depth-far{display:none}.pointer-particle-field{opacity:.65}.pointer-particle-layer{inset:0}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.pointer-particle-layer{transform:none!important;transition:none!important;will-change:auto!important}}
@media print{.pointer-particle-field{display:none!important}}