.cfx-host{--rx:0;--ry:0;--rz:0;--ty:0;--s:1;--mx:.5;--my:.42;--ang:90;--pa:0;--pg:0;--q:0;--r:22;--shine-max:.55;position:relative;perspective:1000px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y pinch-zoom}.cfx-host[data-cfx=hero]{perspective:1400px}.cfx-tilt{position:absolute;inset:0;transform:translate3d(0,calc(var(--ty) * 1px),0) rotateX(calc(var(--rx) * 1deg)) rotateY(calc(var(--ry) * 1deg)) rotate(calc(var(--rz) * 1deg)) scale(var(--s));transition:filter .38s ease}.cfx-host.is-live{z-index:5}.cfx-host.is-live .cfx-tilt{filter:drop-shadow(0 26px 40px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(174,224,57,calc(.12 + var(--q) * .22)))}.cfx-host[data-cfx=hero] .cfx-tilt{transition:filter .45s ease}.cfx-layers{position:absolute;inset:0;border-radius:calc(var(--r) * 1px);pointer-events:none;visibility:hidden}.cfx-host.is-live .cfx-layers,.cfx-host[data-cfx=hero] .cfx-layers{visibility:visible}.cfx-layers>div{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.cfx-shine{opacity:calc(var(--pa) * .75);background:linear-gradient(calc(var(--ang) * 1deg),rgba(255,255,255,calc(var(--my) * var(--shine-max))),#fff0 80%)}.cfx-glow{overflow:hidden}.cfx-glow:before{content:"";position:absolute;left:-60%;top:-60%;width:220%;height:220%;will-change:transform;background:radial-gradient(closest-side circle,rgba(255,255,255,.34),rgba(205,235,120,.22) 26%,rgba(174,224,57,.1) 48%,transparent 66%);opacity:calc(var(--pg) * (.62 + .35 * var(--q)));transform:translate3d(calc((var(--mx) - .5) * 46%),calc((var(--my) - .5) * 46%),0)}.cfx-holo,.cfx-spark,.cfx-glare,.cfx-edge,html[data-fx-style=foil] .cfx-shine{display:none}html[data-fx-style=foil] .cfx-holo{display:block;mix-blend-mode:color-dodge;opacity:calc(var(--holo-base) + var(--pa) * var(--holo-gain));background-image:repeating-linear-gradient(115deg,#b0ec5157,#52e0b14d,#5fcdf24d,#8db8e23d,#f6d55147,#b0ec5157 30%),repeating-linear-gradient(-48deg,#fff0 0% 6%,#ffffff38 9%,#fff0 12% 18%);background-size:340% 340%,230% 230%;background-position:calc((1.3 - var(--mx) * 1.6) * 100%) calc((1.3 - var(--my) * 1.6) * 100%),calc(var(--mx) * 100%) calc(var(--my) * 100%);-webkit-mask-image:radial-gradient(120% 120% at calc(var(--mx) * 100%) calc(var(--my) * 100%),#000 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.12) 78%,transparent 100%);mask-image:radial-gradient(120% 120% at calc(var(--mx) * 100%) calc(var(--my) * 100%),#000 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.12) 78%,transparent 100%);filter:brightness(.72) contrast(calc(1.15 + var(--q) * .6)) saturate(calc(.6 + var(--q) * .55));transform:translate(calc(var(--ry) * .5px),calc(var(--rx) * -.5px))}html[data-fx-style=foil] .cfx-spark{display:block;mix-blend-mode:color-dodge;opacity:calc(var(--spark-base) + var(--pa) * var(--spark-gain));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='s' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='11'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 18 -11'/></filter><rect width='240' height='240' filter='url(%23s)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='s' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='37'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 18 -11.5'/></filter><rect width='240' height='240' filter='url(%23s)'/></svg>");background-size:240px 240px,150px 150px;background-position:calc(var(--mx) * 50px) calc(var(--my) * 50px),calc(var(--mx) * -90px) calc(var(--my) * -90px);-webkit-mask-image:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),#000 0%,rgba(0,0,0,.4) 26%,transparent 52%);mask-image:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),#000 0%,rgba(0,0,0,.4) 26%,transparent 52%);filter:brightness(1) contrast(1.9);transform:translate(calc(var(--ry) * 1.1px),calc(var(--rx) * -1.1px))}html[data-fx-style=foil] .cfx-glare{display:block;overflow:hidden;mix-blend-mode:screen;opacity:calc(var(--glare-base) + var(--pa) * var(--glare-max))}html[data-fx-style=foil] .cfx-glare-dot{position:absolute;left:-60%;top:-60%;width:220%;height:220%;will-change:transform;background:radial-gradient(closest-side circle,rgba(255,255,255,.26),rgba(223,243,106,.08) 30%,rgba(255,255,255,.04) 42%,transparent 62%);transform:translate3d(calc((var(--mx) - .5) * 46%),calc((var(--my) - .5) * 46%),0)}html[data-fx-style=foil] .cfx-edge{display:block;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;mix-blend-mode:screen;opacity:calc(var(--edge-base) + var(--pa) * var(--edge-gain));background:conic-gradient(from calc(var(--ang) * 1deg),rgba(255,255,255,.95),rgba(205,238,74,.35) 12%,transparent 30% 55%,rgba(140,220,255,.3) 72%,transparent 86%,rgba(255,255,255,.95))}.cfx-sweep{mix-blend-mode:screen;opacity:0;background-image:linear-gradient(115deg,transparent 32%,rgba(205,238,74,.35) 44%,rgba(255,255,255,.6) 50%,rgba(140,220,255,.35) 56%,transparent 68%);background-size:320% 320%;background-position:-40% 50%}.cfx-shadow{position:absolute;left:12%;right:12%;bottom:-26px;height:40px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),rgba(0,0,0,.22) 45%,transparent 70%);filter:blur(9px);opacity:calc(.6 - var(--pa) * .25);transform:translate(calc(var(--ry) * -2.2px)) translateY(calc(var(--ty) * -.3px)) scale(calc(1 + var(--pa) * .08),calc(1 - var(--pa) * .18));will-change:transform,opacity}.cfx-pop{--popz:80;position:absolute;inset:0;pointer-events:none;z-index:6;visibility:hidden;opacity:calc(var(--pa) * var(--pa));transform:translate3d(0,calc(var(--ty) * 1px),0) rotateX(calc(var(--rx) * 1deg)) rotateY(calc(var(--ry) * 1deg)) rotate(calc(var(--rz) * 1deg)) scale(var(--s)) translateZ(calc(var(--pa) * var(--popz) * 1px))}.cfx-host.is-live .cfx-pop{visibility:visible}.cfx-pop-d{--popz:38}.cfx-pop .cfx-pop-inner{position:absolute;left:6%;width:88%;text-align:center;display:block;color:#fff;padding:.35em .6em;border-radius:12px;text-shadow:-1px -1px 1px #111,1px 1px 1px #363636,0 3px 18px rgba(0,0,0,.9);background:radial-gradient(ellipse closest-side,rgba(4,6,4,.66),rgba(4,6,4,.35) 60%,transparent 100%)}.cfx-pop-t .cfx-pop-inner{top:30%;font-family:Saira Condensed,sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#dff36a;font-size:calc(var(--r) * 1.5px);line-height:1.05}.cfx-pop-d .cfx-pop-inner{top:43%;font-family:Saira,sans-serif;font-weight:600;font-size:calc(var(--r) * .72px);line-height:1.35}#grid .like-num{display:inline-block}#grid .like-num.bump{animation:cfx-bump .5s cubic-bezier(.2,1.6,.3,1)}@keyframes cfx-bump{30%{transform:scale(1.5)}}.like-btn:active{transform:scale(.965)}@media(prefers-reduced-motion:reduce){.cfx-tilt{transform:none!important;transition:none!important;filter:none!important}.cfx-host.is-live{z-index:auto}.cfx-shine,.cfx-sweep,.cfx-glow,.cfx-holo,.cfx-spark,.cfx-glare,.cfx-edge{opacity:0!important}.cfx-shadow{transform:none!important;opacity:.5!important}.cfx-pop{opacity:0!important;transform:none!important}#grid .like-num.bump{animation:none}.like-btn:active{transform:none}}