.bg-card{--edge:0;--angle:45deg;--edge-sens:35;--color-sens:55;--cone-spread:25;--glow-pad:32px;position:relative;border-radius:var(--radius,24px);isolation:isolate;transform:translateZ(.01px);display:grid;background:rgb(var(--paper));border:1px solid rgb(var(--line));overflow:visible}.bg-card:after,.bg-card:before,.bg-card>.bg-edge{content:"";position:absolute;inset:0;border-radius:inherit;transition:opacity .35s ease-out;z-index:0}.bg-card:not(:hover):after,.bg-card:not(:hover):before,.bg-card:not(:hover)>.bg-edge{opacity:0;transition:opacity .75s ease-out}.bg-card:before{border:1px solid transparent;background:linear-gradient(rgb(var(--paper)) 0 100%) padding-box,var(--bg-g1) border-box,var(--bg-g2) border-box,var(--bg-g3) border-box,var(--bg-g4) border-box,var(--bg-g5) border-box,var(--bg-g6) border-box,var(--bg-g7) border-box,var(--bg-gbase) border-box;opacity:calc((var(--edge) - var(--color-sens)) / (100 - var(--color-sens)));-webkit-mask-image:conic-gradient(from var(--angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.bg-card:after{border:1px solid transparent;background:var(--bg-g1) padding-box,var(--bg-g2) padding-box,var(--bg-g3) padding-box,var(--bg-g4) padding-box,var(--bg-g5) padding-box,var(--bg-gbase) padding-box;-webkit-mask-image:linear-gradient(to bottom,black,black),radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%),conic-gradient(from var(--angle) at center,transparent 8%,black 18%,black 82%,transparent 92%);mask-image:linear-gradient(to bottom,black,black),radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%),conic-gradient(from var(--angle) at center,transparent 8%,black 18%,black 82%,transparent 92%);-webkit-mask-composite:source-out,source-over,source-over;mask-composite:subtract,add,add;opacity:calc(.35 * (var(--edge) - var(--color-sens)) / (100 - var(--color-sens)));mix-blend-mode:multiply}.bg-card>.bg-edge{inset:calc(var(--glow-pad) * -1);pointer-events:none;z-index:-1;-webkit-mask-image:conic-gradient(from var(--angle) at center,black 3%,transparent 12%,transparent 88%,black 97%);mask-image:conic-gradient(from var(--angle) at center,black 3%,transparent 12%,transparent 88%,black 97%);opacity:calc((var(--edge) - var(--edge-sens)) / (100 - var(--edge-sens)));mix-blend-mode:multiply}.bg-card>.bg-edge:before{content:"";position:absolute;inset:var(--glow-pad);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color),inset 0 0 1px 0 var(--glow-color-60),inset 0 0 3px 0 var(--glow-color-50),inset 0 0 6px 0 var(--glow-color-40),inset 0 0 15px 0 var(--glow-color-30),inset 0 0 25px 2px var(--glow-color-20),inset 0 0 50px 2px var(--glow-color-10),0 0 3px 0 var(--glow-color-50),0 0 8px 0 var(--glow-color-40),0 0 16px 0 var(--glow-color-30),0 0 32px 2px var(--glow-color-20),0 0 50px 4px var(--glow-color-10)}.bg-inner{display:block;position:relative;z-index:1}