.faq-magnet{justify-items:center;gap:34px;pointer-events:none}.faq-magnet__magnet{width:100%;height:auto;overflow:visible;transform-origin:50% 46%;transition:transform .9s cubic-bezier(.3,1.5,.55,1)}.faq-magnet__outline{fill:none;stroke:var(--foreground);stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:0;vector-effect:non-scaling-stroke}.faq-magnet__poles{fill:var(--color-pole)}.faq-magnet__arc{fill:none;stroke:var(--color-pole);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.faq-magnet[data-motif=pending] .faq-magnet__outline{stroke-dashoffset:100}.faq-magnet[data-motif=pending] .faq-magnet__poles{fill:var(--line-strong)}.faq-magnet[data-motif=play] .faq-magnet__outline{animation:faq-magnet-draw 2.2s cubic-bezier(.16,1,.3,1) .2s both}.faq-magnet[data-motif=play] .faq-magnet__poles{animation:faq-magnet-poles .3s ease-out 1.9s both}@keyframes faq-magnet-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes faq-magnet-poles{0%{fill:var(--line-strong)}to{fill:var(--color-pole)}}.faq-magnet__readout{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;color:var(--muted-foreground)}.faq-magnet__led{display:block;width:6px;height:6px;background-color:var(--line-strong)}.faq-magnet[data-open] .faq-magnet__readout{color:var(--foreground)}.faq-magnet[data-open] .faq-magnet__led{background-color:var(--color-pole)}@media (prefers-reduced-motion:reduce){.faq-magnet__magnet{transition:none}.faq-magnet[data-motif] .faq-magnet__outline,.faq-magnet[data-motif] .faq-magnet__poles{animation:none}.faq-magnet[data-motif] .faq-magnet__outline{stroke-dashoffset:0}.faq-magnet[data-motif] .faq-magnet__poles{fill:var(--color-pole)}}