.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 #ffffff14;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}.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):before,.border-glow-card:not(:hover):after,.border-glow-card:not(:hover)>.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) 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:1px solid #0000}.border-glow-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%), 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), 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 1px 0 var(--glow-color-60), 0 0 3px 0 var(--glow-color-50), 0 0 6px 0 var(--glow-color-40), 0 0 15px 0 var(--glow-color-30), 0 0 25px 2px var(--glow-color-20), 0 0 50px 2px var(--glow-color-10);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{transition:none}}
.card-swap{-webkit-tap-highlight-color:transparent;outline:none;width:100%;height:100%;position:relative}.card-swap-sizer{pointer-events:none;max-height:100%;overflow:hidden}.card-swap-sizer>span{width:100%;max-width:var(--swap-stage-w);aspect-ratio:var(--swap-ratio);display:block}.card-swap-stage{width:var(--swap-stage-w);height:var(--swap-stage-h);perspective:900px;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-swap-slot{top:var(--swap-oy);left:var(--swap-ox);width:var(--swap-w);height:var(--swap-h);margin:calc(var(--swap-h) / -2) 0 0 calc(var(--swap-w) / -2);border-radius:var(--swap-radius);isolation:isolate;box-shadow:var(--swap-shadow);pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:pan-y;backface-visibility:hidden;position:absolute;overflow:hidden}.card-swap:focus-visible .card-swap-slot[data-front]{outline:2px solid var(--swap-ink);outline-offset:3px}.card-swap-shade{z-index:3;border-radius:inherit;background:var(--swap-shade);opacity:0;pointer-events:none;position:absolute;inset:0}.card-swap-card{box-sizing:border-box;border-radius:inherit;isolation:isolate;background:var(--swap-tile);width:100%;height:100%;color:var(--swap-ink);position:relative;overflow:hidden}.card-swap-card-rim{z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--swap-tile-edge), inset 0 1px 0 var(--swap-tile-highlight);pointer-events:none;position:absolute;inset:0}.card-swap-item{box-sizing:border-box;flex-direction:column;gap:6px;height:100%;padding:6px;display:flex}.card-swap-head{flex:none;align-items:center;gap:10px;min-width:0;height:30px;padding:0 6px;display:flex}.card-swap-icon{background:var(--swap-badge);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.card-swap-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.2;overflow:hidden}.card-swap-media{border-radius:max(0px, calc(var(--swap-radius) - 6px));background:var(--swap-badge);flex:1;min-height:0;position:relative;overflow:hidden}.card-swap-media img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.card-swap-media:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--swap-media-edge);pointer-events:none;position:absolute;inset:0}.card-swap-placeholder{color:var(--swap-ink);opacity:.45;letter-spacing:.02em;background-image:radial-gradient(circle, var(--swap-tile-edge) 1px, transparent 1px);background-size:16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;inset:0}
