@property --edge-proximity{syntax:"<number>";inherits:true;initial-value:0}@property --cursor-angle{syntax:"<angle>";inherits:true;initial-value:45deg}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:18px;--glow-padding:28px;--cone-spread:20;border-radius:inherit;isolation:isolate;width:100%;height:100%;display:grid;position:relative;overflow:visible}.border-glow-visual,.border-glow-ring-cone,.border-glow-ring{border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;margin:0!important}.border-glow-visual{z-index:2;opacity:0;will-change:opacity;overflow:visible}.border-glow-ring-cone{opacity:0;z-index:1;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));filter:drop-shadow(0 0 4px var(--glow-color-50)) drop-shadow(0 0 10px var(--glow-color-20));-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%));transition:opacity .32s ease-out}.border-glow-ring{background:var(--gradient-one), var(--gradient-two), var(--gradient-three), var(--gradient-four), var(--gradient-five), var(--gradient-six), var(--gradient-seven), var(--gradient-base);-webkit-mask-composite:xor;padding:2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.border-glow-inner{z-index:3;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative}.border-glow-card:not(.border-glow-interactive):not(.border-glow-sweep-active) .border-glow-ring-cone,.border-glow-card.border-glow-interactive:not(:hover):not(.border-glow-sweep-active) .border-glow-ring-cone{opacity:0;transition-duration:.65s}.border-glow-card.border-glow-sweep-active{animation:2.45s cubic-bezier(.22,1,.36,1) both border-glow-sweep}@keyframes border-glow-sweep{0%{--edge-proximity:0;--cursor-angle:110deg}18%{--edge-proximity:100;--cursor-angle:145deg}66%{--edge-proximity:100;--cursor-angle:390deg}to{--edge-proximity:0;--cursor-angle:465deg}}@media (width<=900px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.border-glow-visual{will-change:auto;opacity:1!important;visibility:visible!important}.border-glow-ring-cone{-webkit-mask-image:none;mask-image:none;opacity:.42!important}.border-glow-card{animation:none!important}}.magic-bento{--bento-glow-color:104, 112, 255;--bento-spotlight-radius:280px;position:relative}.magic-bento__spotlight{z-index:3;width:calc(var(--bento-spotlight-radius) * 2.25);height:calc(var(--bento-spotlight-radius) * 2.25);pointer-events:none;opacity:0;background:radial-gradient(circle, rgba(var(--bento-glow-color), .16) 0%, rgba(var(--bento-glow-color), .07) 32%, transparent 70%);mix-blend-mode:screen;will-change:left, top, opacity;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.magic-bento-card{--bento-glow-x:50%;--bento-glow-y:50%;--bento-glow-intensity:0;isolation:isolate;-webkit-backdrop-filter:blur(16px)saturate(118%);will-change:transform;background:linear-gradient(145deg,#07091c99,#0a081f57);border:1px solid #ffffff29;border-radius:18px;height:100%;position:relative;overflow:visible;transform:translate(0,0);box-shadow:inset 0 1px #ffffff0b,0 18px 50px #0000181f}.magic-bento-card.strength-bento-card{border-color:rgba(var(--bento-card-accent-rgb), .42);background:radial-gradient(circle at 14% 0%, rgba(var(--bento-card-accent-rgb), .08), transparent 50%), #040616c7;box-shadow:inset 0 1px 0 #ffffff0e, 0 0 16px rgba(var(--bento-card-accent-rgb), .14), 0 18px 50px #0000181f}.magic-bento-border-glow{border-radius:inherit}.magic-bento-card:before,.magic-bento-card:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0}.magic-bento-card:before{z-index:1;background:radial-gradient(var(--bento-spotlight-radius) circle at var(--bento-glow-x) var(--bento-glow-y), rgba(var(--bento-glow-color), calc(var(--bento-glow-intensity) * .9)) 0%, rgba(var(--bento-glow-color), calc(var(--bento-glow-intensity) * .34)) 38%, transparent 68%);-webkit-mask-composite:xor;padding:1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card:after{z-index:0;opacity:calc(var(--bento-glow-intensity) * .38);background:radial-gradient(calc(var(--bento-spotlight-radius) * .72) circle at var(--bento-glow-x) var(--bento-glow-y), rgba(var(--bento-glow-color), .2), transparent 72%);transition:opacity .24s}.magic-bento-card__content{z-index:2;height:100%;position:relative}.magic-bento[data-bento-static=true] .magic-bento__spotlight,.magic-bento[data-bento-static=true] .magic-bento-card:before,.magic-bento[data-bento-static=true] .magic-bento-card:after{display:none}@media (width<=900px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.magic-bento-card{will-change:auto}}
