:root{--backdrop:hsla(0,0%,60%,.15);--radius:24;--border:2;--backup-border:var(--backdrop);--size:500}[data-glow].yellow{background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px),hsl(var(--hue,60) 100% 70/var(--bg-spot-opacity,.1)),transparent)}[data-glow].yellow:after,[data-glow].yellow:before{background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px),#e6fe54,transparent 100%)}[data-glow]{--border-size:calc(var(--border, 2) * 1px);--spotlight-size:calc(var(--size, 150) * 1px);--hue:calc(var(--base) + (var(--xp, 0) * var(--spread, 0)));background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px),hsl(var(--hue,220) 100% 70/var(--bg-spot-opacity,.1)),transparent);background-color:rgba(0,102,255,.05);border:var(--border-size) solid var(--backup-border);position:relative}[data-glow],[data-glow]:after,[data-glow]:before{background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));background-position:50% 50%;background-attachment:fixed}[data-glow]:after,[data-glow]:before{content:"";position:absolute;inset:calc(var(--border-size) * -1);border:var(--border-size) solid transparent;border-radius:calc(var(--radius) * 1px);background-repeat:no-repeat;-webkit-mask:linear-gradient(transparent,transparent),linear-gradient(#fff,#fff);mask:linear-gradient(transparent,transparent),linear-gradient(#fff,#fff);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in,xor;mask-composite:intersect;pointer-events:none}[data-glow]:before{background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px),hsl(var(--hue,230) calc(var(--saturation, 100) * 1%) calc(var(--lightness, 50) * 1%)/var(--border-spot-opacity,1)),transparent 100%);filter:brightness(2);pointer-events:none}[data-glow]:after{background-image:radial-gradient(calc(var(--spotlight-size) * .5) calc(var(--spotlight-size) * .5) at calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px),hsl(0 100% 100%/var(--border-light-opacity,1)),transparent 100%);pointer-events:none}@media (max-width:768px){[data-glow],[data-glow]:after,[data-glow]:before{background-image:none}}