.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):not(:focus-within):before,.border-glow-card:not(:hover):not(.sweep-active):not(:focus-within):after,.border-glow-card:not(:hover):not(.sweep-active):not(:focus-within)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:focus-within{--edge-proximity:70;--cursor-angle:0deg}.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}
.sling-button{--sl-size:56px;--sl-svg:90px;--sl-pad:#f5f5f5;--sl-icon:#18181b;--sl-accent:#f5f5f5;--sl-well:#27272a;--sl-band:#52525b;--sl-stroke:3px;--sl-dot:8px;--sl-ease-out:cubic-bezier(.23, 1, .32, 1);width:var(--sl-size);height:var(--sl-size);display:inline-block;position:relative}.sling-button__fx{width:var(--sl-svg);height:var(--sl-svg);margin:calc(var(--sl-svg) / -2) 0 0 calc(var(--sl-svg) / -2);pointer-events:none;shape-rendering:geometricprecision;position:absolute;top:50%;left:50%;overflow:visible}.sling-button__well{fill:var(--sl-well);transition:fill .2s}.sling-button[data-sent] .sling-button__well{fill:var(--sl-accent)}.sling-button__band{fill:none;stroke:var(--sl-band);stroke-width:var(--sl-stroke);stroke-linecap:round;transition:stroke-width .16s var(--sl-ease-out)}.sling-button[data-armed] .sling-button__band{stroke-width:calc(var(--sl-stroke) * 1.5)}.sling-button__band--hot{stroke:var(--sl-accent)}.sling-button__arc{fill:none;stroke:var(--sl-accent);stroke-width:var(--sl-stroke);stroke-linecap:butt;transition:stroke-width .16s var(--sl-ease-out)}.sling-button[data-armed] .sling-button__arc{stroke-width:calc(var(--sl-stroke) * 1.5)}.sling-button__move{position:absolute;inset:0}.sling-button__pad{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;outline:none;width:100%;height:100%;margin:0;padding:0;display:block;position:relative}.sling-button__pad:after{content:"";border-radius:50%;position:absolute;inset:-6px}.sling-button__pad[data-held]{cursor:grabbing}.sling-button__pad[aria-disabled=true]{cursor:not-allowed;opacity:.5}.sling-button__face{background:var(--sl-pad);width:100%;height:100%;color:var(--sl-icon);transition:transform .16s var(--sl-ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.sling-button__pad[data-held] .sling-button__face{transform:scale(.97)}.sling-button__pad[data-armed] .sling-button__face{transform:scale(1.04)}@media (hover:hover) and (pointer:fine){.sling-button__pad:not([data-held]):not([aria-disabled=true]):hover .sling-button__face{transform:scale(1.02)}}.sling-button__icon{will-change:transform;display:inline-flex}.sling-button__dot{width:var(--sl-dot);height:var(--sl-dot);margin:calc(var(--sl-dot) / -2) 0 0 calc(var(--sl-dot) / -2);background:var(--sl-accent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.sling-button__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sling-button__face{transition:none;transform:none!important}}
.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}
.holo-card{--hc-w:320px;--hc-ratio:.716;--hc-radius:14px;--hc-perspective:1100px;width:var(--hc-w);max-width:100%;aspect-ratio:var(--hc-ratio);border-radius:var(--hc-radius);perspective:var(--hc-perspective);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;outline:none;display:inline-block;position:relative}.holo-card[data-flippable]{cursor:pointer}.holo-card[data-flippable]:focus-visible{outline-offset:6px;outline:2px solid}.holo-card__shadow{border-radius:var(--hc-radius);filter:blur(26px);pointer-events:none;will-change:transform;background:#0000006b;position:absolute;inset:10% 7% -4%}.holo-card__rotor{transform-style:preserve-3d;position:absolute;inset:0}.holo-card__face{border-radius:var(--hc-radius);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;transform:rotateY(0)}.holo-card__face--back{visibility:hidden;transform:rotateY(180deg)}.holo-card__face img,.holo-card__face canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.holo-card__face img{object-fit:cover;pointer-events:none;-webkit-user-drag:none}.holo-card__face canvas{opacity:0;transition:opacity .3s}.holo-card[data-ready] .holo-card__face canvas{opacity:1}.holo-card__overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.holo-card__overlay a,.holo-card__overlay button{pointer-events:auto}