.bglow{--bglow-angle:45deg;--bglow-border-o:0;--bglow-glow-o:0;--bglow-color:217deg 100% 71%;--bglow-c1:#6ba3ff;--bglow-c2:#a4c7ff;--bglow-c3:#0562ef;isolation:isolate;min-width:0;display:grid;position:relative}:root:not([data-theme=dark]) .bglow{--bglow-color:217deg 96% 58%;--bglow-c1:#3b82f6;--bglow-c2:#0562ef;--bglow-c3:#074db7}.bglow>:not(.bglow-layer){min-width:0}.bglow-layer{pointer-events:none;border-radius:inherit;transition:opacity .75s ease-in-out;position:absolute}.bglow[data-on] .bglow-layer{transition:opacity .25s ease-out}.bglow-glow>span{border-radius:inherit;position:absolute}.bglow-glow{-webkit-mask-image:conic-gradient(from var(--bglow-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);-webkit-mask-image:conic-gradient(from var(--bglow-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--bglow-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%)}.bglow-out>span{box-shadow:0 0 1px 0px hsl(var(--bglow-color) / 60%), 0 0 3px 0px hsl(var(--bglow-color) / 50%), 0 0 6px 0px hsl(var(--bglow-color) / 40%), 0 0 15px 0px hsl(var(--bglow-color) / 30%), 0 0 25px 2px hsl(var(--bglow-color) / 20%), 0 0 50px 2px hsl(var(--bglow-color) / 10%)}.bglow-in>span{box-shadow:inset 0 0 0px 1px hsl(var(--bglow-color) / 100%), inset 0 0 1px 0px hsl(var(--bglow-color) / 60%), inset 0 0 3px 0px hsl(var(--bglow-color) / 50%), inset 0 0 6px 0px hsl(var(--bglow-color) / 40%), inset 0 0 15px 0px hsl(var(--bglow-color) / 30%), inset 0 0 25px 2px hsl(var(--bglow-color) / 20%), inset 0 0 50px 2px hsl(var(--bglow-color) / 10%)}.bglow-out{z-index:-1;opacity:var(--bglow-glow-o)}.bglow-in{z-index:2;opacity:var(--bglow-glow-o);mix-blend-mode:plus-lighter}:root:not([data-theme=dark]) .bglow-in{mix-blend-mode:multiply;opacity:calc(var(--bglow-glow-o) * .5)}.bglow-ring,.bglow-fill{background:radial-gradient(at 80% 55%, var(--bglow-c1) 0px, transparent 50%), radial-gradient(at 69% 34%, var(--bglow-c2) 0px, transparent 50%), radial-gradient(at 8% 6%, var(--bglow-c3) 0px, transparent 50%), radial-gradient(at 41% 38%, var(--bglow-c1) 0px, transparent 50%), radial-gradient(at 86% 85%, var(--bglow-c2) 0px, transparent 50%), radial-gradient(at 82% 18%, var(--bglow-c3) 0px, transparent 50%), radial-gradient(at 51% 4%, var(--bglow-c2) 0px, transparent 50%), linear-gradient(var(--bglow-c1) 0 100%)}.bglow-ring{z-index:3;opacity:var(--bglow-border-o);-webkit-mask-image:conic-gradient(from var(--bglow-angle) at center, black 25%, transparent 40%, transparent 60%, black 75%), linear-gradient(#000 0 0), linear-gradient(#000 0 0);-webkit-mask-image:conic-gradient(from var(--bglow-angle) at center, black 25%, transparent 40%, transparent 60%, black 75%), linear-gradient(#000 0 0), linear-gradient(#000 0 0);mask-image:conic-gradient(from var(--bglow-angle) at center, black 25%, transparent 40%, transparent 60%, black 75%), linear-gradient(#000 0 0), linear-gradient(#000 0 0);-webkit-mask-composite:source-in, xor;padding:1px;top:0;bottom:0;left:0;right:0;-webkit-mask-clip:border-box,content-box,border-box;mask-clip:border-box,content-box,border-box;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.bglow-fill{z-index:2;opacity:calc(var(--bglow-border-o) * var(--bglow-fill));mix-blend-mode:soft-light;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--bglow-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--bglow-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--bglow-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);-webkit-mask-composite:source-out, source-over, source-over, source-over, source-over, source-over;top:1px;bottom:1px;left:1px;right:1px;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}:root:not([data-theme=dark]) .bglow-fill{mix-blend-mode:multiply}
