.glowing-card{--glow-sens:30;--color-sens:calc(var(--glow-sens) + 20);--pointer-angle:45deg;--pointer-d:0;--pads:24px;--dark:#1c1c22;--glow-blend:plus-lighter;--glow-color:0deg 0% 100%;--glow-boost:0%;--blend:soft-light;--card-bg:linear-gradient(8deg,var(--dark) 45%,color-mix(in hsl,var(--dark),#fff 2.5%) 75.5%);--gradient-1:radial-gradient(at 80% 55%,#be85ff 0px,transparent 50%);--gradient-2:radial-gradient(at 69% 34%,#ff7a93 0px,transparent 50%);--gradient-3:radial-gradient(at 8% 6%,#7a88ff 0px,transparent 50%);--gradient-4:radial-gradient(at 41% 38%,#47daff 0px,transparent 50%);--gradient-5:radial-gradient(at 86% 85%,#7af2ff 0px,transparent 50%);--gradient-6:radial-gradient(at 82% 18%,#ffe74d 0px,transparent 50%);--gradient-7:radial-gradient(at 51% 4%,#ff8d70 0px,transparent 50%);--gradient-base:linear-gradient(#c299ff 0 100%);position:relative;width:100%;border-radius:24px;isolation:isolate;display:grid;transform:translateZ(.01px);will-change:transform;border:1px solid transparent;background:linear-gradient(180deg,#14171e,#201e31) padding-box,linear-gradient(135deg,#fff 2%,hsla(0,0%,100%,.64) 8%,hsla(0,0%,100%,.32) 32%,hsla(0,0%,100%,.24)) border-box;background-repeat:no-repeat;box-shadow:0 1px 2px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1);overflow:visible}.glowing-card:after,.glowing-card:before{content:"";position:absolute;inset:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:0;pointer-events:none;will-change:opacity}.glowing-card:not(:hover):not(.animating):after,.glowing-card:not(:hover):not(.animating):before,.glowing-card:not(:hover):not(.animating)>.glowing-card__glow{opacity:0!important;transition:opacity .75s ease-in-out}.glowing-card>.glowing-card__glow{content:"";position:absolute;border-radius:inherit;transition:opacity .25s ease-out;pointer-events:none;will-change:opacity}.glowing-card:before{background:linear-gradient(var(--card-bg) 0 100%) padding-box,linear-gradient(hsla(0,0%,100%,0) 0 100%) border-box,var(--gradient-1) border-box,var(--gradient-2) border-box,var(--gradient-3) border-box,var(--gradient-4) border-box,var(--gradient-5) border-box,var(--gradient-6) border-box,var(--gradient-7) border-box,var(--gradient-base) border-box;-webkit-mask-image:conic-gradient(from var(--pointer-angle) at center,#000 25%,transparent 40%,transparent 60%,#000 75%);mask-image:conic-gradient(from var(--pointer-angle) at center,#000 25%,transparent 40%,transparent 60%,#000 75%)}.glowing-card:after,.glowing-card:before{border:1px solid transparent;opacity:calc((var(--pointer-d) - var(--color-sens)) / (100 - var(--color-sens)))}.glowing-card:after{background:var(--gradient-1) padding-box,var(--gradient-2) padding-box,var(--gradient-3) padding-box,var(--gradient-4) padding-box,var(--gradient-5) padding-box,var(--gradient-6) padding-box,var(--gradient-7) padding-box,var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,#000 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,#000 5%,transparent 40%),conic-gradient(from var(--pointer-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,#000 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,#000 5%,transparent 40%),conic-gradient(from var(--pointer-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;mix-blend-mode:var(--blend)}.glowing-card__glow{--outset:var(--pads);inset:calc(var(--outset) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--pointer-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);mask-image:conic-gradient(from var(--pointer-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);opacity:calc((var(--pointer-d) - var(--glow-sens)) / (100 - var(--glow-sens)));mix-blend-mode:var(--glow-blend)}.glowing-card__glow:before{content:"";position:absolute;inset:var(--outset);border-radius:inherit;box-shadow:inset 0 0 0 1px hsl(var(--glow-color)/100%),inset 0 0 2px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 55%)),inset 0 0 8px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 35%)),inset 0 0 20px 1px hsl(var(--glow-color)/calc(var(--glow-boost) + 25%)),inset 0 0 40px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 15%)),0 0 2px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 55%)),0 0 8px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 35%)),0 0 20px 1px hsl(var(--glow-color)/calc(var(--glow-boost) + 25%)),0 0 40px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 15%))}.glowing-card__inner{position:relative;z-index:2;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit}