.figx{--figx-tone:#d4ff5c;--figx-ground:color-mix(in oklab,var(--figx-tone) 34%,white);--figx-edge:color-mix(in oklab,var(--figx-tone) 62%,#12140f);--figx-ink:#1d2118;--figx-ink-soft:#3d4336;position:absolute;z-index:45}html[data-explain=sky] .figx{--figx-tone:#4ee2ff}html[data-explain=gold] .figx{--figx-tone:#ffc44d}.figx-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--figx-edge);background:var(--figx-ground);color:var(--figx-ink);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px -8px rgba(20,20,15,.35);transition:transform .32s cubic-bezier(.23,1,.32,1),background-color .32s cubic-bezier(.23,1,.32,1),box-shadow .32s cubic-bezier(.23,1,.32,1)}.figx-btn-icon{width:22px;height:22px;overflow:visible}.figx-ray{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1)}.figx-btn:hover .figx-ray,.figx[data-open=true] .figx-ray{opacity:1;transform:none;transition:opacity .32s cubic-bezier(.23,1,.32,1) calc(60ms + var(--figx-r) * 90ms),transform .32s cubic-bezier(.23,1,.32,1) calc(60ms + var(--figx-r) * 90ms)}.figx-btn:hover,.figx[data-open=true] .figx-btn{background:color-mix(in oklab,var(--figx-tone) 70%,white);transform:scale(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 20px -8px rgba(20,20,15,.4)}.figx-btn:active{transform:scale(.95);transition-duration:.12s}.figx-btn:focus-visible{outline:2px solid var(--figx-ink);outline-offset:3px}.figx-card{position:absolute;top:calc(100% + var(--figx-drop, 10px));right:0;width:min(430px,calc(100vw - 48px));translate:var(--figx-shift,0) 0;padding:18px 20px;border-radius:14px;border:1px solid color-mix(in oklab,var(--figx-edge) 55%,transparent);background:var(--figx-ground);color:var(--figx-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 26px 50px -24px rgba(20,20,15,.45);transform-origin:calc(100% - 16px) -10px;opacity:0;transform:translateY(-4px) scale(.965);visibility:hidden;pointer-events:none;transition:opacity .24s cubic-bezier(.23,1,.32,1),transform .24s cubic-bezier(.23,1,.32,1),visibility 0s linear .24s}.figx-card:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(var(--figx-drop, 10px) + 2px)}.figx[data-place=up] .figx-card{top:auto;bottom:calc(100% + var(--figx-drop, 10px));transform-origin:calc(100% - 16px) calc(100% + 10px);transform:translateY(4px) scale(.965)}.figx[data-place=up] .figx-card:before{bottom:auto;top:100%}@keyframes figxCardIn{0%{opacity:0;transform:translateY(-4px) scale(.965)}to{opacity:1;transform:none}}@keyframes figxCardInUp{0%{opacity:0;transform:translateY(4px) scale(.965)}to{opacity:1;transform:none}}@keyframes figxRowIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.figx[data-open=true] .figx-card{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:none;animation:figxCardIn .34s cubic-bezier(.23,1,.32,1) both}.figx[data-place=up][data-open=true] .figx-card{animation-name:figxCardInUp}.figx-row{opacity:0;transform:translateY(7px);transition:opacity .12s ease,transform 0s linear .24s}.figx[data-open=true] .figx-row{opacity:1;transform:none;transition:none;animation:figxRowIn .15s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(62ms + var(--figx-i) * 45ms)}.figx-kicker{margin:0 0 4px;font-size:12.5px;font-weight:600;color:var(--figx-ink-soft)}.figx-headline{margin:0 0 14px;font-family:var(--font-display,var(--font-serif,Georgia,serif));font-size:22px;line-height:1.18;letter-spacing:-.01em;color:var(--figx-ink)}.figx-parts{margin:0;display:grid;gap:10px}.figx-part{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:baseline;padding-top:10px;border-top:1px solid color-mix(in oklab,var(--figx-edge) 28%,transparent)}.figx-part dt{font-size:13.5px;font-weight:650;color:var(--figx-ink)}.figx-part dd{margin:0;font-size:14px;line-height:1.45;color:var(--figx-ink-soft)}@media (max-width:480px){.figx-part{grid-template-columns:1fr;gap:2px}}@media (prefers-reduced-motion:reduce){.figx-btn,.figx-btn-icon,.figx-card,.figx-row,.figx[data-open=true] .figx-card,.figx[data-open=true] .figx-row{transition:opacity .12s linear,visibility 0s;transform:none;animation:none}}.figx-card{isolation:isolate;background:radial-gradient(85% 150% at 6% -18%,rgb(255 255 255/.62),rgb(255 255 255/0) 62%),linear-gradient(to bottom,transparent 50%,color-mix(in oklab,var(--figx-edge) 5%,transparent)),var(--figx-ground)}.figx-card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:soft-light;opacity:.55;-webkit-mask-image:radial-gradient(110% 170% at 6% -18%,#000 25%,rgb(0 0 0/.3) 80%);mask-image:radial-gradient(110% 170% at 6% -18%,#000 25%,rgb(0 0 0/.3) 80%)}.figx-btn{position:relative;z-index:1}.figx-btn:after{content:"";inset:-2px;border-radius:50%;border:2px solid #ffc44d;opacity:0}.figx-btn:after,.figx-flies{position:absolute;pointer-events:none}.figx-flies{left:50%;top:4px;width:0;height:0}.figx-flies i{position:absolute;left:-2px;top:-2px;width:4px;height:4px;border-radius:50%;background:#ffb347;box-shadow:0 0 6px 1px rgb(255 190 90/.7);opacity:0}.figx-flies i:nth-child(2){width:3px;height:3px;background:#ffd66b}.figx-flies i:nth-child(3){width:3.5px;height:3.5px;background:#ff9f5a}@media (hover:hover) and (pointer:fine){.figx-btn:hover .figx-ray{animation:figxRayCatch .62s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--figx-r) * 70ms)}.figx-btn:hover:after{animation:figxIdeaRing .9s cubic-bezier(.23,1,.32,1) .26s both}.figx-btn:hover .figx-flies i:first-child{animation:figxFlyA 1.3s cubic-bezier(.23,1,.32,1) .3s both}.figx-btn:hover .figx-flies i:nth-child(2){animation:figxFlyB 1.5s cubic-bezier(.23,1,.32,1) .47s both}.figx-btn:hover .figx-flies i:nth-child(3){animation:figxFlyC 1.7s cubic-bezier(.23,1,.32,1) .38s both}}@keyframes figxRayCatch{0%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(.7)}24%{opacity:.2;transform:scale(.7)}36%{opacity:1;transform:scale(.8)}46%{opacity:.35;transform:scale(.8)}70%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:none}}@keyframes figxIdeaRing{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}@keyframes figxFlyA{0%{opacity:0;transform:translate(0) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(-20px,-12px) scale(1)}}@keyframes figxFlyB{0%{opacity:0;transform:translate(0) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(17px,-36px) scale(1)}}@keyframes figxFlyC{0%{opacity:0;transform:translate(0) scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(-4px,-48px) scale(.9)}}@media (prefers-reduced-motion:reduce){.figx-btn:hover .figx-flies i,.figx-btn:hover .figx-ray,.figx-btn:hover:after{animation:none}}.figx-card{border-radius:22px 4px 22px 8px}.figx[data-place=up] .figx-card{border-radius:8px 22px 4px 22px}