.apv-clear-hidden{display:none!important}.apv-group{--apv-accent:#7466d7;--apv-accent-light:#9b8ff0}.apv-chip{min-height:2rem;color:color-mix(in srgb, var(--color-aipratika-purple,#2a1f5c) 70%, transparent);border:1px solid color-mix(in srgb, var(--color-aipratika-purple,#2a1f5c) 12%, transparent);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;padding:.3rem .7rem;font-size:.8125rem;font-weight:600;line-height:1;transition:color .15s,background-color .15s,border-color .15s,transform .15s;display:inline-flex}.apv-chip:hover{color:var(--apv-accent,#7466d7);border-color:color-mix(in srgb, var(--apv-accent,#7466d7) 45%, transparent)}.apv-chip:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--apv-accent,#7466d7) 45%, transparent);outline:none}.apv-chip--active{color:#fff;background:var(--apv-accent,#7466d7);border-color:#0000}.apv-chip--active:hover{color:#fff}.apv-stage{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--apv-accent) 10%, transparent), transparent 70%), color-mix(in srgb, var(--apv-accent) 5%, transparent);perspective:480px;border-radius:.75rem;justify-content:center;align-items:center;width:100%;height:100%;min-height:92px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.apv-obj{background:linear-gradient(135deg, var(--apv-accent), var(--apv-accent-light));width:30px;height:30px;box-shadow:0 6px 14px -4px color-mix(in srgb, var(--apv-accent) 55%, transparent);will-change:transform, opacity;border-radius:9px}.apv-card{transition:transform .2s,box-shadow .2s,border-color .2s}@media (hover:hover){.apv-card:hover{border-color:color-mix(in srgb, var(--apv-accent) 35%, transparent);box-shadow:0 18px 30px -16px color-mix(in srgb, var(--apv-accent) 50%, transparent);transform:translateY(-4px)}.apv-card:hover .apv-stage{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--apv-accent) 18%, transparent);transform:scale(1.04)}}.apv-row{gap:8px;display:flex}.apv-row .apv-obj{width:18px;height:30px}.apv-text{font-family:var(--font-bricolage,sans-serif);color:var(--apv-accent,#7466d7);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.apv-bars{flex-direction:column;gap:7px;width:64px;display:flex}.apv-bar{background:linear-gradient(90deg, color-mix(in srgb, var(--apv-accent) 15%, transparent) 0%, color-mix(in srgb, var(--apv-accent) 15%, transparent) 40%, color-mix(in srgb, var(--apv-accent) 55%, transparent) 50%, color-mix(in srgb, var(--apv-accent) 15%, transparent) 60%, color-mix(in srgb, var(--apv-accent) 15%, transparent) 100%);background-position:150% 0;background-size:250% 100%;border-radius:5px;height:9px}.apv-bar:nth-child(2){width:80%}.apv-bar:nth-child(3){width:55%}.apv-orbit{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.apv-core{background:var(--apv-accent,#7466d7);border-radius:50%;width:18px;height:18px}.apv-sat{background:var(--apv-accent-light,#9b8ff0);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.apv-stage[data-shape=pair] .apv-a,.apv-stage[data-shape=pair] .apv-b{position:absolute}.apv-stage:not(.is-playing) *{animation-play-state:paused!important}.apv-stage[data-preview=fade] .apv-obj{animation:2.4s ease-in-out infinite apv-fade}@keyframes apv-fade{0%,to{opacity:0}25%,75%{opacity:1}}.apv-stage[data-preview=slide-in] .apv-obj{animation:2.6s cubic-bezier(.22,1,.36,1) infinite apv-slide-in}@keyframes apv-slide-in{0%{opacity:0;transform:translate(-160%)}25%,70%{opacity:1;transform:translate(0)}95%,to{opacity:0;transform:translate(160%)}}.apv-stage[data-preview=scale-in] .apv-obj{animation:2.4s ease-out infinite apv-scale-in}@keyframes apv-scale-in{0%{opacity:0;transform:scale(.2)}30%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}.apv-stage[data-preview=pop-in] .apv-obj{animation:2.4s cubic-bezier(.34,1.56,.64,1) infinite apv-pop}@keyframes apv-pop{0%{opacity:0;transform:scale(0)}35%{opacity:1;transform:scale(1.18)}50%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.apv-stage[data-preview=reveal] .apv-obj{width:60px;animation:2.6s ease-in-out infinite apv-reveal}@keyframes apv-reveal{0%{clip-path:inset(0 100% 0 0)}40%,70%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.apv-stage[data-preview=enter-exit] .apv-obj{animation:2.6s ease-in-out infinite apv-enter-exit}@keyframes apv-enter-exit{0%{opacity:0;transform:translateY(120%)scale(.6)}30%,65%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-120%)scale(.6)}}.apv-stage[data-preview=keyframes] .apv-obj{animation:2.8s ease-in-out infinite apv-keyframes}@keyframes apv-keyframes{0%{transform:translate(-44px)}33%{transform:translateY(-18px)}66%{transform:translate(44px)}to{transform:translate(-44px)}}.apv-stage[data-preview=interpolation] .apv-obj{animation:2.6s ease-in-out infinite alternate apv-tween}@keyframes apv-tween{0%{transform:translate(-44px)}to{transform:translate(44px)}}.apv-stage[data-preview=stagger] .apv-obj{animation:1.6s ease-in-out infinite apv-bob;animation-delay:calc(var(--i) * .18s)}.apv-stage[data-preview=orchestration] .apv-obj{animation:1.8s cubic-bezier(.34,1.56,.64,1) infinite apv-bob;animation-delay:calc(var(--i) * .14s)}@keyframes apv-bob{0%,to{transform:translateY(0)}40%{transform:translateY(-16px)}}.apv-stage[data-preview=delay] .apv-obj{animation:2.6s ease-out .8s infinite apv-fade-pop}@keyframes apv-fade-pop{0%{opacity:0;transform:scale(.6)}20%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.apv-stage[data-preview=duration] .apv-obj{animation:3.6s ease-in-out infinite alternate apv-tween}.apv-stage[data-preview=fill-mode] .apv-obj{animation:2.8s ease-out infinite apv-fill}@keyframes apv-fill{0%{transform:translate(-44px)}45%,to{transform:translate(44px)}}.apv-stage[data-preview=stepped] .apv-obj{animation:2.4s steps(5,end) infinite alternate apv-tween}.apv-stage[data-preview=translate] .apv-obj{animation:2.2s ease-in-out infinite alternate apv-tween}.apv-stage[data-preview=scale] .apv-obj{animation:2.2s ease-in-out infinite alternate apv-scale}@keyframes apv-scale{0%{transform:scale(.55)}to{transform:scale(1.25)}}.apv-stage[data-preview=rotate] .apv-obj{animation:2.4s ease-in-out infinite apv-rotate}@keyframes apv-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.apv-stage[data-preview=skew] .apv-obj{animation:2.2s ease-in-out infinite alternate apv-skew}@keyframes apv-skew{0%{transform:skew(-22deg)}to{transform:skew(22deg)}}.apv-stage[data-preview=tilt-3d] .apv-obj{animation:2.6s ease-in-out infinite apv-tilt}@keyframes apv-tilt{0%,to{transform:rotateY(0)rotateX(0)}50%{transform:rotateY(180deg)rotateX(12deg)}}.apv-stage[data-preview=perspective]{perspective:160px}.apv-stage[data-preview=perspective] .apv-obj{animation:2.8s linear infinite apv-rotate-y}@keyframes apv-rotate-y{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.apv-stage[data-preview=transform-origin] .apv-obj{transform-origin:0 0;animation:2.6s ease-in-out infinite apv-rotate}.apv-stage[data-preview=origin-aware] .apv-obj{transform-origin:100% 100%;animation:2.6s cubic-bezier(.34,1.56,.64,1) infinite apv-pop}.apv-stage[data-preview=crossfade] .apv-a{background:linear-gradient(135deg,#7466d7,#9b8ff0);animation:2.6s ease-in-out infinite apv-cf-a}.apv-stage[data-preview=crossfade] .apv-b{background:linear-gradient(135deg,#f0a35e,#f5c07c);animation:2.6s ease-in-out infinite apv-cf-b}@keyframes apv-cf-a{0%,40%{opacity:1}60%,to{opacity:0}}@keyframes apv-cf-b{0%,40%{opacity:0}60%,to{opacity:1}}.apv-stage[data-preview=continuity] .apv-obj{border-radius:9px;animation:2.4s ease-in-out infinite alternate apv-scale}.apv-stage[data-preview=morph] .apv-obj{animation:2.8s ease-in-out infinite apv-morph}@keyframes apv-morph{0%,to{border-radius:9px;width:30px}50%{border-radius:18px;width:64px}}.apv-stage[data-preview=shared-element] .apv-a{background:linear-gradient(135deg,var(--apv-accent),var(--apv-accent-light));width:18px;height:18px;animation:3s ease-in-out infinite apv-shared;top:30%;left:22%}.apv-stage[data-preview=shared-element] .apv-b{display:none}@keyframes apv-shared{0%,12%{width:18px;height:18px;top:30%;left:22%}50%,62%{width:52px;height:38px;top:50%;left:50%;transform:translate(-50%,-50%)}to{width:18px;height:18px;top:30%;left:22%}}.apv-stage[data-preview=layout] .apv-obj{animation:3s ease-in-out infinite apv-layout}@keyframes apv-layout{0%,to{width:24px;transform:translate(-40px)}50%{width:44px;transform:translate(40px)}}.apv-stage[data-preview=accordion] .apv-obj{width:56px;animation:2.6s ease-in-out infinite apv-accordion}@keyframes apv-accordion{0%,to{height:12px}50%{height:52px}}.apv-stage[data-preview=direction-aware] .apv-obj{animation:2.8s ease-in-out infinite apv-direction}@keyframes apv-direction{0%{transform:translate(0)}35%{transform:translate(48px)}50%{transform:translate(-48px)}85%{transform:translate(0)}to{transform:translate(0)}}.apv-stage[data-preview=scroll-reveal] .apv-obj{animation:2.6s ease-out infinite apv-scroll-reveal}@keyframes apv-scroll-reveal{0%{opacity:0;transform:translateY(28px)}35%,75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-28px)}}.apv-stage[data-preview=scroll-driven] .apv-obj{animation:2.4s linear infinite alternate apv-tween}.apv-stage[data-preview=parallax]{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--apv-accent) 12%, transparent), transparent 70%), color-mix(in srgb, var(--apv-accent) 6%, transparent)}.apv-stage[data-preview=parallax] .apv-a{opacity:.3;background:var(--apv-accent);border-radius:6px;width:70px;height:10px;animation:3.4s ease-in-out infinite alternate apv-px-far;top:30%;left:50%}.apv-stage[data-preview=parallax] .apv-b{background:linear-gradient(135deg, var(--apv-accent), var(--apv-accent-light));width:30px;height:30px;box-shadow:0 8px 16px -6px color-mix(in srgb, var(--apv-accent) 60%, transparent);animation:3.4s ease-in-out infinite alternate apv-px-near;top:56%;left:50%}@keyframes apv-px-far{0%{transform:translate(-50%)translate(-26px)}to{transform:translate(-50%)translate(26px)}}@keyframes apv-px-near{0%{transform:translate(-50%,-50%)translate(36px)}to{transform:translate(-50%,-50%)translate(-36px)}}.apv-stage[data-preview=page-transition] .apv-obj{width:60px;height:44px;animation:2.6s cubic-bezier(.65,0,.35,1) infinite apv-page}@keyframes apv-page{0%{transform:translate(120%)}25%,65%{transform:translate(0)}to{transform:translate(-120%)}}.apv-stage[data-preview=view-transition] .apv-a{background:linear-gradient(135deg,var(--apv-accent),var(--apv-accent-light));border-radius:50%;width:22px;height:22px;animation:3s ease-in-out infinite apv-vt;left:28%}.apv-stage[data-preview=view-transition] .apv-b{display:none}@keyframes apv-vt{0%,15%{border-radius:50%;width:22px;height:22px;left:28%}50%,65%{border-radius:12px;width:50px;height:40px;left:60%}to{border-radius:50%;width:22px;height:22px;left:28%}}.apv-stage[data-preview=hover],.apv-stage[data-preview=press],.apv-stage[data-preview=hold-to-confirm],.apv-stage[data-preview=drag],.apv-stage[data-preview=drag-reorder],.apv-stage[data-preview=swipe-dismiss],.apv-stage[data-preview=rubber-banding],.apv-stage[data-preview=shake],.apv-stage[data-preview=ripple]{cursor:pointer}.apv-card:hover .apv-stage[data-preview=hover] .apv-obj{animation:1.1s ease-in-out infinite apv-hover}@keyframes apv-hover{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.22)translateY(-5px)}}.apv-card:hover .apv-stage[data-preview=press] .apv-obj{animation:.9s ease-in-out infinite apv-press}@keyframes apv-press{0%,to{transform:scale(1)}45%,55%{transform:scale(.78)}}.apv-stage[data-preview=hold-to-confirm] .apv-obj{background:color-mix(in srgb, var(--apv-accent) 18%, transparent);width:64px;height:26px;box-shadow:none;position:relative;overflow:hidden}.apv-stage[data-preview=hold-to-confirm] .apv-obj:after{content:"";transform-origin:0;background:linear-gradient(135deg, var(--apv-accent), var(--apv-accent-light));position:absolute;inset:0;transform:scaleX(0)}.apv-card:hover .apv-stage[data-preview=hold-to-confirm] .apv-obj:after{animation:1.4s ease-out forwards apv-hold}@keyframes apv-hold{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.apv-card:hover .apv-stage[data-preview=drag] .apv-obj{animation:2s cubic-bezier(.22,1,.36,1) infinite apv-drag}@keyframes apv-drag{0%{transform:translate(-46px)}40%{transform:translate(40px)}55%{transform:translate(48px)}70%,to{transform:translate(40px)}}.apv-card:hover .apv-stage[data-preview=drag-reorder] .apv-obj{animation:1.8s ease-in-out infinite apv-reorder;animation-delay:calc(var(--i) * .1s)}@keyframes apv-reorder{0%,to{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(12px)}}.apv-stage[data-preview=swipe-dismiss] .apv-obj{width:56px;height:26px}.apv-card:hover .apv-stage[data-preview=swipe-dismiss] .apv-obj{animation:1.8s ease-in infinite apv-swipe}@keyframes apv-swipe{0%,30%{opacity:1;transform:translate(0)}70%,to{opacity:0;transform:translate(150%)}}.apv-card:hover .apv-stage[data-preview=rubber-banding] .apv-obj{animation:1.8s cubic-bezier(.34,1.56,.64,1) infinite apv-rubber}@keyframes apv-rubber{0%,to{transform:translate(0)}35%{transform:translate(52px)}50%{transform:translate(58px)}70%{transform:translate(0)}}.apv-card:hover .apv-stage[data-preview=shake] .apv-obj{animation:.8s ease-in-out infinite apv-shake}@keyframes apv-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)rotate(-6deg)}35%{transform:translate(8px)rotate(6deg)}55%{transform:translate(-6px)rotate(-4deg)}75%{transform:translate(6px)rotate(4deg)}90%{transform:translate(0)}}.apv-stage[data-preview=ripple] .apv-obj{border-radius:50%;width:14px;height:14px}.apv-stage[data-preview=ripple] .apv-obj:after{content:"";border:2px solid var(--apv-accent,#7466d7);opacity:0;border-radius:50%;position:absolute;inset:-2px}.apv-card:hover .apv-stage[data-preview=ripple] .apv-obj:after{animation:1.4s ease-out infinite apv-ripple}@keyframes apv-ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(3)}}.apv-stage[data-preview=easing] .apv-obj{animation:2.4s cubic-bezier(.65,0,.35,1) infinite alternate apv-tween}.apv-stage[data-preview=ease-out] .apv-obj{animation:2s cubic-bezier(0,0,.2,1) infinite alternate apv-tween}.apv-stage[data-preview=ease-in] .apv-obj{animation:2s cubic-bezier(.4,0,1,1) infinite alternate apv-tween}.apv-stage[data-preview=ease-in-out] .apv-obj{animation:2s cubic-bezier(.4,0,.2,1) infinite alternate apv-tween}.apv-stage[data-preview=linear] .apv-obj{animation:2s linear infinite alternate apv-tween}.apv-stage[data-preview=cubic-bezier] .apv-obj{animation:2.2s cubic-bezier(.68,-.55,.27,1.55) infinite alternate apv-tween}.apv-stage[data-preview=asymmetric] .apv-obj{animation:2.4s cubic-bezier(.05,.7,.1,1) infinite alternate apv-tween}.apv-stage[data-preview=spring] .apv-obj{animation:2.6s infinite apv-spring}@keyframes apv-spring{0%{transform:translate(-44px)}40%{transform:translate(52px)}55%{transform:translate(38px)}68%{transform:translate(46px)}80%,to{transform:translate(44px)}}.apv-stage[data-preview=stiffness] .apv-obj{animation:1.8s cubic-bezier(.2,1.4,.3,1) infinite alternate apv-stiff}@keyframes apv-stiff{0%{transform:translate(-44px)}to{transform:translate(44px)}}.apv-stage[data-preview=damping] .apv-obj{animation:2.8s infinite apv-damp}@keyframes apv-damp{0%{transform:translate(0)}20%{transform:translate(46px)}35%{transform:translate(-30px)}50%{transform:translate(20px)}65%{transform:translate(-12px)}80%{transform:translate(6px)}to{transform:translate(0)}}.apv-stage[data-preview=mass] .apv-obj{width:40px;height:40px;animation:3.4s cubic-bezier(.5,0,.5,1) infinite alternate apv-tween}.apv-stage[data-preview=bounce] .apv-obj{animation:2.2s cubic-bezier(.5,.05,.5,1) infinite apv-bounce}@keyframes apv-bounce{0%,to{transform:translateY(-26px)}45%{transform:translateY(20px)}60%{transform:translateY(8px)}75%{transform:translateY(16px)}88%{transform:translateY(12px)}}.apv-stage[data-preview=perceptual-duration] .apv-obj{animation:3s infinite apv-spring}.apv-stage[data-preview=momentum] .apv-obj{animation:2.8s cubic-bezier(.1,.9,.2,1) infinite apv-momentum}@keyframes apv-momentum{0%{transform:translate(-46px)}60%,to{transform:translate(46px)}}.apv-stage[data-preview=velocity] .apv-obj{animation:2.4s infinite apv-spring}.apv-stage[data-preview=interruptible] .apv-obj{animation:2.6s ease-in-out infinite apv-interrupt}@keyframes apv-interrupt{0%{transform:translate(-44px)}30%{transform:translate(10px)}45%{transform:translate(0)}75%{transform:translate(44px)}to{transform:translate(-44px)}}.apv-stage[data-preview=marquee] .apv-obj{width:24px;animation:2.4s linear infinite apv-marquee}@keyframes apv-marquee{0%{transform:translate(-70px)}to{transform:translate(70px)}}.apv-stage[data-preview=loop] .apv-obj{animation:2s linear infinite apv-rotate}.apv-stage[data-preview=alternate] .apv-obj{animation:1.4s ease-in-out infinite alternate apv-tween}.apv-stage[data-preview=orbit] .apv-sat{animation:2.4s linear infinite apv-orbit}@keyframes apv-orbit{0%{transform:rotate(0)translate(24px)rotate(0)}to{transform:rotate(360deg)translate(24px)rotate(-360deg)}}.apv-stage[data-preview=pulse] .apv-obj{animation:1.8s ease-in-out infinite apv-pulse}@keyframes apv-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.apv-stage[data-preview=float] .apv-obj{animation:3s ease-in-out infinite apv-float}@keyframes apv-float{0%,to{transform:translateY(-8px)}50%{transform:translateY(8px)}}.apv-stage[data-preview=idle] .apv-obj{animation:3.4s ease-in-out infinite apv-idle}@keyframes apv-idle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(3deg)}}.apv-stage[data-preview=blur] .apv-obj{animation:2.6s ease-in-out infinite apv-blur}@keyframes apv-blur{0%,to{filter:blur()}50%{filter:blur(6px)}}.apv-stage[data-preview=clip-path] .apv-obj{width:52px;height:52px;animation:2.8s ease-in-out infinite apv-clip}@keyframes apv-clip{0%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}50%{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}}.apv-stage[data-preview=mask] .apv-obj{width:60px;height:40px;animation:2.6s ease-in-out infinite alternate apv-mask;mask:linear-gradient(90deg,#0000,#000 30% 70%,#0000) 0 0/250% 100%}@keyframes apv-mask{0%{mask-position:0 0}to{mask-position:100% 0}}.apv-stage[data-preview=before-after] .apv-a{background:linear-gradient(135deg,#7466d7,#9b8ff0);width:60px;height:44px;left:50%;transform:translate(-50%)}.apv-stage[data-preview=before-after] .apv-b{background:linear-gradient(135deg,#f0a35e,#f5c07c);width:60px;height:44px;animation:2.6s ease-in-out infinite alternate apv-ba;left:50%;transform:translate(-50%)}@keyframes apv-ba{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.apv-stage[data-preview=line-drawing] .apv-obj{transform-origin:0;border-radius:2px;width:60px;height:4px;animation:2.6s ease-in-out infinite apv-line}@keyframes apv-line{0%{transform:scaleX(0)}55%,to{transform:scaleX(1)}}.apv-stage[data-preview=text-morph] .apv-text{animation:2.4s ease-in-out infinite apv-text-morph}@keyframes apv-text-morph{0%,40%{opacity:1;transform:translateY(0)rotateX(0)}50%{opacity:0;transform:translateY(-8px)rotateX(80deg)}60%,to{opacity:1;transform:translateY(0)rotateX(0)}}.apv-stage[data-preview=skeleton] .apv-bar{animation:1.6s linear infinite apv-shimmer}@keyframes apv-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.apv-stage[data-preview=number-ticker] .apv-text{animation:1.8s cubic-bezier(.2,.8,.2,1) infinite apv-ticker}@keyframes apv-ticker{0%{opacity:0;transform:translateY(14px)}30%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.apv-stage[data-preview=tabular-numbers] .apv-text{font-variant-numeric:tabular-nums;animation:2.2s ease-in-out infinite apv-pulse}.apv-stage[data-preview=typewriter] .apv-text{white-space:nowrap;border-right:2px solid var(--apv-accent,#7466d7);animation:3s steps(4,end) infinite apv-type,.7s step-end infinite apv-caret;position:relative;overflow:hidden}@keyframes apv-type{0%{width:0}60%,to{width:4ch}}@keyframes apv-caret{0%,to{border-color:#0000}50%{border-color:var(--apv-accent,#7466d7)}}.apv-stage[data-preview=fps] .apv-obj{animation:2s linear infinite alternate apv-tween}.apv-stage[data-preview=jank] .apv-obj{animation:2s steps(6,end) infinite alternate apv-tween}.apv-stage[data-preview=dropped-frame] .apv-obj{animation:2.4s linear infinite apv-dropped}@keyframes apv-dropped{0%{transform:translate(-44px)}40%{transform:translate(6px)}42%{transform:translate(6px)}to{transform:translate(44px)}}.apv-stage[data-preview=compositing] .apv-obj{animation:1.8s ease-in-out infinite alternate apv-tween}.apv-stage[data-preview=will-change] .apv-obj{will-change:transform;animation:2s ease-in-out infinite alternate apv-scale}.apv-stage[data-preview=layout-thrashing] .apv-obj{animation:2s steps(8,end) infinite alternate apv-thrash}@keyframes apv-thrash{0%{transform:translate(-44px)}to{transform:translate(44px)}}.apv-stage[data-preview=purposeful] .apv-obj{animation:2.4s ease-in-out infinite apv-hover}.apv-stage[data-preview=anticipation] .apv-obj{animation:2.6s ease-in-out infinite apv-anticipation}@keyframes apv-anticipation{0%,to{transform:translate(0)}25%{transform:translate(-14px)}60%{transform:translate(46px)}80%{transform:translate(0)}}.apv-stage[data-preview=follow-through] .apv-obj{animation:2.6s cubic-bezier(.34,1.56,.64,1) infinite apv-follow}@keyframes apv-follow{0%{transform:translate(-44px)rotate(0)}60%{transform:translate(44px)rotate(20deg)}75%{transform:translate(44px)rotate(-10deg)}to{transform:translate(44px)rotate(0)}}.apv-stage[data-preview=squash-stretch] .apv-obj{animation:1.6s ease-in-out infinite apv-squash}@keyframes apv-squash{0%,to{transform:translateY(-22px)scale(1)}45%{transform:translateY(-22px)scale(1.15,.85)}55%{transform:translateY(18px)scale(.8,1.2)}70%{transform:translateY(18px)scale(1.2,.8)}}.apv-stage[data-preview=perceived-performance] .apv-obj{animation:2.2s ease-out infinite apv-scroll-reveal}.apv-stage[data-preview=frequency] .apv-obj{animation:1.4s ease-in-out infinite apv-pulse}.apv-stage[data-preview=spatial-consistency] .apv-obj{animation:3s ease-in-out infinite apv-keyframes}.apv-stage[data-preview=hardware-acceleration] .apv-obj{animation:1.8s ease-in-out infinite apv-hover}.apv-stage[data-preview=reduced-motion] .apv-obj{animation:3s ease-in-out infinite apv-fade}@media (hover:none){.apv-chip{min-height:2.75rem}.apv-stage[data-preview=hover] .apv-obj{animation:1.1s ease-in-out infinite apv-hover}.apv-stage[data-preview=press] .apv-obj{animation:.9s ease-in-out infinite apv-press}.apv-stage[data-preview=hold-to-confirm] .apv-obj:after{animation:1.4s ease-out infinite alternate apv-hold}.apv-stage[data-preview=drag] .apv-obj{animation:2s cubic-bezier(.22,1,.36,1) infinite apv-drag}.apv-stage[data-preview=drag-reorder] .apv-obj{animation:1.8s ease-in-out infinite apv-reorder;animation-delay:calc(var(--i) * .1s)}.apv-stage[data-preview=swipe-dismiss] .apv-obj{animation:1.8s ease-in infinite apv-swipe}.apv-stage[data-preview=rubber-banding] .apv-obj{animation:1.8s cubic-bezier(.34,1.56,.64,1) infinite apv-rubber}.apv-stage[data-preview=shake] .apv-obj{animation:.8s ease-in-out infinite apv-shake}.apv-stage[data-preview=ripple] .apv-obj:after{animation:1.4s ease-out infinite apv-ripple}}@media (prefers-reduced-motion:reduce){.apv-stage *{animation:none!important}.apv-stage .apv-obj{opacity:1!important;transform:none!important}}