.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card--light{border-color:#18181b1f;box-shadow:0 1px 2px #18181b0a,0 8px 24px #18181b0d}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) 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:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-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(--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%), 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(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{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}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}
.tilted-card{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.tilted-card[data-interactive]{cursor:pointer}.tilted-card[data-active]{z-index:2}.tilted-card__shadow{background:var(--tc-shadow-color,#0000008c);filter:blur(20px);opacity:0;pointer-events:none;will-change:transform, opacity;max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.tilted-card__body{max-width:100%;max-height:100%;transform-style:preserve-3d;position:relative}.tilted-card__face{border-radius:var(--tc-radius);backface-visibility:hidden;isolation:isolate;position:absolute;inset:0;overflow:hidden}.tilted-card__back{transform:rotateY(180deg)}.tilted-card__img{object-fit:cover;pointer-events:none;max-width:none;display:block;position:absolute}.tilted-card__layer{position:absolute;inset:0}.tilted-card__img,.tilted-card__layer{transform:translate3d(calc(var(--tc-px,0) * var(--tc-depth,0) * 1px), calc(var(--tc-py,0) * var(--tc-depth,0) * 1px), 0)}.tilted-card__glare{z-index:5;background:radial-gradient(farthest-corner circle at var(--tc-gx,50%) var(--tc-gy,50%), rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .34)) 0%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .331)) 9%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .285)) 18%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .202)) 27%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .108)) 36%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .035)) 45%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .003)) 54%, rgba(var(--tc-glare-rgb,255, 255, 255), 0) 60%);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.tilted-card__rim{z-index:6;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--tc-rim-color,#ffffff14), inset 0 1px 0 var(--tc-rim-light,#ffffff1f);pointer-events:none;position:absolute;inset:0}.tilted-card__edge{z-index:7;box-sizing:border-box;border-radius:inherit;background:radial-gradient(farthest-side circle at var(--tc-gx,50%) var(--tc-gy,50%), rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .85)) 0%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .71)) 18%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .43)) 36%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .16)) 54%, rgba(var(--tc-glare-rgb,255, 255, 255), calc(var(--tc-glare,0) * .02)) 72%, rgba(var(--tc-glare-rgb,255, 255, 255), 0) 85%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.tilted-card:focus-visible .tilted-card__rim{box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 0 0 3px #00000059}.tilted-card__overlay{z-index:2;transform:translateZ(var(--tc-lift,30px));backface-visibility:hidden;position:absolute;inset:0}.tilted-card__caption{z-index:3;color:#18181b;white-space:nowrap;opacity:0;pointer-events:none;transform-origin:0 0;will-change:transform, opacity;background:#fff;border-radius:7px;margin:16px 0 0 14px;padding:5px 9px;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #18181b14,0 8px 18px -8px #00000073}
