.glow-surface{--glow-radius:16;--glow-border:2;--glow-size:200;--glow-backdrop:hsl(0 0% 42%/0.07);--glow-backup-border:hsl(0 0% 0%/0.1);--glow-bg-spot-opacity:0.16;--glow-border-spot-opacity:0.55;--glow-border-light-opacity:0.42;--glow-saturation:0;--glow-x:50%;--glow-y:50%;--glow-xp:0.5;--glow-tone-offset:0;--glow-lightness:calc(var(--glow-tone-offset) + 24 + (var(--glow-xp, 0.5) * 40));--glow-border-size:calc(var(--glow-border) * 1px);--glow-spotlight-size:calc(var(--glow-size) * 1px);position:relative;isolation:isolate;overflow:hidden;border-radius:calc(var(--glow-radius) * 1px);border:var(--glow-border-size) solid var(--glow-backup-border);background-color:var(--background);background-image:radial-gradient(var(--glow-spotlight-size) var(--glow-spotlight-size) at var(--glow-x) var(--glow-y),hsl(0 0% calc(var(--glow-lightness) * 1%)/var(--glow-bg-spot-opacity)),transparent);background-size:calc(100% + (2 * var(--glow-border-size))) calc(100% + (2 * var(--glow-border-size)));background-position:50% 50%;background-repeat:no-repeat;backdrop-filter:blur(8px);box-shadow:0 12px 32px -16px rgb(15 23 42/.12)}.glow-surface[data-glow-variant="1"]{--glow-tone-offset:6}.glow-surface[data-glow-variant="2"]{--glow-tone-offset:12}.glow-surface[data-glow-variant="3"]{--glow-tone-offset:4}.glow-surface[data-glow-variant="4"]{--glow-tone-offset:10}.glow-surface:after,.glow-surface:before{pointer-events:none;content:"";position:absolute;inset:calc(var(--glow-border-size) * -1);border:var(--glow-border-size) solid transparent;border-radius:calc(var(--glow-radius) * 1px);background-size:calc(100% + (2 * var(--glow-border-size))) calc(100% + (2 * var(--glow-border-size)));background-repeat:no-repeat;background-position:50% 50%;mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;mask-composite:intersect}.glow-surface:before{background-image:radial-gradient(calc(var(--glow-spotlight-size) * .72) calc(var(--glow-spotlight-size) * .72) at var(--glow-x) var(--glow-y),hsl(0 0% calc((var(--glow-lightness) - 8) * 1%)/var(--glow-border-spot-opacity)),transparent 100%);filter:brightness(1.15)}.glow-surface:after{background-image:radial-gradient(calc(var(--glow-spotlight-size) * .46) calc(var(--glow-spotlight-size) * .46) at var(--glow-x) var(--glow-y),hsl(0 0% 100%/var(--glow-border-light-opacity)),transparent 100%)}.glow-surface__halo{position:absolute;inset:0;border-radius:calc(var(--glow-radius) * 1px);border:calc(var(--glow-border-size) * 16) solid transparent;filter:blur(calc(var(--glow-border-size) * 8));opacity:.85;pointer-events:none;will-change:filter}.glow-surface__halo:before{content:"";position:absolute;inset:-8px;border:8px solid transparent;border-radius:calc(var(--glow-radius) * 1px);background-image:radial-gradient(calc(var(--glow-spotlight-size) * .55) calc(var(--glow-spotlight-size) * .55) at var(--glow-x) var(--glow-y),hsl(0 0% calc((var(--glow-lightness) + 12) * 1%)/.35),transparent 100%);mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;mask-composite:intersect}.glow-surface__content{position:relative;z-index:1;height:100%}@media (prefers-reduced-motion:reduce){.glow-surface,.glow-surface:after,.glow-surface:before,.glow-surface__halo,.glow-surface__halo:before{animation:none!important}}