.sbgl-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:0;--color-sensitivity:20;--border-radius:10px;--glow-padding:28px;--cone-spread:22;border-radius:var(--border-radius);isolation:isolate;cursor:pointer;display:inline-grid;position:relative;overflow:visible;transform:translateZ(.01px)}.sbgl-card:hover{--edge-proximity:55}.sbgl-card:before,.sbgl-card:after,.sbgl-card>.sbgl-edge{content:"";border-radius:inherit;z-index:-1;pointer-events:none;transition:opacity .2s ease-out;position:absolute;inset:0}.sbgl-card:not(:hover):before,.sbgl-card:not(:hover):after,.sbgl-card:not(:hover)>.sbgl-edge{opacity:0;transition:opacity .55s ease-in-out}.sbgl-card:before{background:linear-gradient(var(--card-bg,#2742e6) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-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(--cursor-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%));border:1.5px solid #0000}.sbgl-card:after{background:var(--gradient-one) padding-box, var(--gradient-two) padding-box, var(--gradient-three) padding-box, var(--gradient-four) padding-box, var(--gradient-five) padding-box, var(--gradient-six) padding-box, var(--gradient-seven) padding-box, var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), conic-gradient(from var(--cursor-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%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.25) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;-webkit-mask-composite:source-out,source-over;mask-composite:subtract,add}.sbgl-card>.sbgl-edge{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.sbgl-card>.sbgl-edge:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#6c8def), inset 0 0 1px 0 var(--glow-color-60,#6c8def99), inset 0 0 4px 0 var(--glow-color-50,#6c8def80), inset 0 0 8px 0 var(--glow-color-40,#6c8def66), inset 0 0 18px 0 var(--glow-color-30,#6c8def4d), inset 0 0 30px 2px var(--glow-color-20,#6c8def33), 0 0 1px 0 var(--glow-color-60), 0 0 4px 0 var(--glow-color-50), 0 0 8px 0 var(--glow-color-40), 0 0 18px 0 var(--glow-color-30), 0 0 30px 2px var(--glow-color-20);position:absolute}.sbgl-inner{z-index:1;border-radius:inherit;align-items:center;display:inline-flex;position:relative;overflow:hidden}.sbgl-card.sbgl-glass:not(:hover):before,.sbgl-card.sbgl-glass:not(:hover)>.sbgl-edge{opacity:.3}.sbgl-card.w-full{display:grid}.sbgl-card.w-full .sbgl-inner{justify-content:center;width:100%;display:flex}