.walkthrough-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f8fafcb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:38px 0 0}.walkthrough-source{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;max-width:94%;padding:16px 12px;font-size:11px;display:flex;box-shadow:0 12px 30px -16px #7b4dff}.walkthrough-story{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:80%;padding:18px;box-shadow:0 12px 30px -16px #7b4dff}.walkthrough-scan{background:#7b4dff0a;position:absolute;inset:38px 0 0;overflow:hidden}.walkthrough-scan:after{content:"";inset-inline:0;background:linear-gradient(#0000,#7b4dff2e);border-bottom:2px solid #7b4dff;height:40%;animation:2.8s ease-in-out infinite demo-scan;position:absolute;top:0}.walkthrough[data-playing=true] .walkthrough-bar{animation:3.2s ease-in-out infinite demo-bar}.walkthrough[data-playing=false] *,.walkthrough[data-playing=false] :after{animation-play-state:paused}@keyframes demo-scan{0%,to{transform:translateY(0)}50%{transform:translateY(150%)}}@keyframes demo-bar{0%,to{opacity:.45;transform-origin:bottom;transform:scaleY(.75)}50%{opacity:1;transform-origin:bottom;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.walkthrough *,.walkthrough :after{transition:none!important;animation:none!important}}