.fx-back{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}.fx-plane{position:absolute;inset:-12%;will-change:transform;background-repeat:repeat}.fx-plane.p1{opacity:.55;background-size:260px 260px;background-image:radial-gradient(1px 1px at 12% 22%,hsla(0,0%,100%,.9),transparent),radial-gradient(1px 1px at 64% 71%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 38% 88%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 86% 34%,hsla(0,0%,100%,.8),transparent)}.fx-plane.p2{opacity:.5;background-size:420px 420px;background-image:radial-gradient(2px 2px at 30% 40%,hsla(0,0%,100%,.75),transparent),radial-gradient(1.6px 1.6px at 78% 18%,hsla(0,0%,100%,.6),transparent),radial-gradient(1.8px 1.8px at 55% 82%,hsla(0,0%,100%,.55),transparent)}.fx-plane.p3{opacity:.35;background-size:760px 760px;background-image:radial-gradient(38px 38px at 22% 30%,hsla(0,0%,100%,.1),transparent 70%),radial-gradient(54px 54px at 72% 66%,hsla(0,0%,100%,.07),transparent 70%),radial-gradient(26px 26px at 84% 14%,hsla(0,0%,100%,.09),transparent 70%)}.fx-glow{position:absolute;left:0;top:0;width:640px;height:640px;border-radius:50%;opacity:0;will-change:transform,opacity;background:radial-gradient(closest-side,hsla(0,0%,100%,.2),hsla(0,0%,100%,.07) 45%,transparent 72%);transition:opacity .5s ease}.fx-glow.on{opacity:1}@media (max-width:640px){.fx-glow{width:420px;height:420px}}.fx-scene{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.fx-scene.on{opacity:var(--fx-scene-o,.5)}.fx-scene canvas{position:absolute;inset:0}.fx-top{position:fixed;inset:0;z-index:2147482000;overflow:hidden;contain:strict}.fx-ripple,.fx-top{pointer-events:none}.fx-ripple{position:absolute;left:0;top:0;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:radial-gradient(closest-side,hsla(0,0%,100%,.34),hsla(0,0%,100%,.12) 60%,transparent 100%);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.28);will-change:transform,opacity}[data-fx] .card,[data-fx] .card:active,[data-fx] [data-tilt]{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(var(--fx-dx,0),calc(var(--lift, 0px) + var(--fx-dy, 0px)),0)}[data-fx] .fx-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 40px 80px -24px rgba(0,0,0,.9),0 0 0 1px hsla(0,0%,100%,.22),0 0 40px -6px hsla(0,0%,100%,.18)!important;z-index:5}[data-fx] .fx-dragging,[data-fx] .fx-springing{transition:border-color .28s ease,box-shadow .28s ease!important}@media (hover:hover) and (pointer:fine){[data-fx] .card{cursor:grab}[data-fx] .card :where(a,button,input,textarea,select,label){cursor:auto}[data-fx] .card :where(a,button){cursor:pointer}}@media (prefers-reduced-motion:reduce){.fx-back,.fx-top{display:none!important}}@media (prefers-reduced-transparency:reduce){.fx-glow,.fx-plane.p3{display:none}}html[data-scheme=day] .fx-scene canvas{filter:none}@media print{.fx-back,.fx-top{display:none}}