.apex-effect-wrap{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--card-radius:8px;--icon:url(/sparkle.svg);--grain:url(/grain.svg);perspective:500px;touch-action:none;position:relative;transform:translateZ(.1px)}.apex-effect-shell{z-index:1;position:relative}.apex-effect-card{backface-visibility:hidden;transition:transform 1s;position:relative;transform:translateZ(0)rotateX(0)rotateY(0)}.apex-effect-shell.entering .apex-effect-card{transition:transform .18s ease-out}.apex-effect-shell.active .apex-effect-card{transform:translateZ(0)rotateX(var(--rotate-y))rotateY(var(--rotate-x));transition:none}.apex-effect-shine{z-index:10;border-radius:var(--card-radius);pointer-events:none;-webkit-mask-image:var(--icon);mask-image:var(--icon);filter:brightness(.55)contrast(1.15)saturate(.6)opacity(.65);mix-blend-mode:color-dodge;transition:filter .8s;animation:18s linear infinite apex-holo-bg;position:absolute;inset:0;overflow:hidden;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.apex-effect-shine,.apex-effect-shine:after{--space:5%;--angle:-45deg;background:0 0;background-image:repeating-linear-gradient(0deg,var(--sunpillar-1)calc(var(--space)*1),var(--sunpillar-2)calc(var(--space)*2),var(--sunpillar-3)calc(var(--space)*3),var(--sunpillar-4)calc(var(--space)*4),var(--sunpillar-5)calc(var(--space)*5),var(--sunpillar-6)calc(var(--space)*6),var(--sunpillar-1)calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0%,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#0000001a 12%,#00000026 20%,#00000040 120%);background-position:0 var(--background-y),var(--background-x)var(--background-y),center;background-blend-mode:color,hard-light;background-repeat:repeat;background-size:500% 500%,300% 300%,200% 200%;transform:translateZ(1px)}.apex-effect-shine:before,.apex-effect-shine:after{content:"";border-radius:var(--card-radius);opacity:0;transition:opacity .8s;position:absolute;inset:0}.apex-effect-shell.active .apex-effect-shine{filter:brightness(.7)contrast(1.3)saturate();animation-play-state:paused}.apex-effect-shell.active .apex-effect-shine:before,.apex-effect-shell.active .apex-effect-shine:after{opacity:.95}.apex-effect-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x)var(--pointer-y),#b3b3b3 0%,#4d4d4d33 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x)var(--pointer-y),center,calc(var(--pointer-x)*.01)calc(var(--pointer-y)*.01);background-blend-mode:color-dodge;filter:brightness(calc(1.2 - var(--pointer-from-center)*.3))contrast(calc(var(--pointer-from-center) + 1.2))saturate(calc(.4 + var(--pointer-from-center)*.5));mix-blend-mode:luminosity}.apex-effect-shine:after{background-position:0 var(--background-y),calc(var(--background-x)*.4)calc(var(--background-y)*.5),center;mix-blend-mode:difference;filter:brightness(.8)contrast(1.5);background-size:200% 300%,700% 700%,100% 100%}@keyframes apex-holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}