@property --p{syntax:"<number>";inherits:true;initial-value:0}@media (prefers-reduced-motion:no-preference){.rise{animation:1s cubic-bezier(.16,1,.3,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hint{animation:2.4s ease-in-out 2.2s infinite hint}@keyframes hint{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}}.pin,.pin-stage{position:relative}.cv-rule{transform-origin:50%}.fx-panels{position:relative}.fx-rail-mark{transition:opacity .18s}@media (prefers-reduced-motion:no-preference) and (min-width:768px){.pin{height:var(--pin-h)}.pin-stage{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.cv-chip{--t:clamp(0, calc(var(--p) * 2.4 - var(--i) * .13), 1);opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 18px))}.cv-rule{transform:scaleX(clamp(0, calc(var(--p) * 2.2 - 1.3), 1))}.cv-label{opacity:clamp(0, calc(var(--p) * 3 - 2.1), 1)}.cv-said-before{opacity:clamp(0, calc(4.5 - var(--p) * 9), 1)}.cv-said-after{opacity:clamp(0, calc(var(--p) * 9 - 4.9), 1)}.fx-panels{height:min(52svh,25rem)}.fx-panel{opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(14px)}.fx-panel[data-active=true]{opacity:1;pointer-events:auto;transform:none}.fx-rail-mark{opacity:.4}.fx-rail-mark[data-active=true]{opacity:1}.fx-progress{transform:scaleY(var(--p));transform-origin:top}.mg-old{opacity:clamp(.45, calc(1.15 - var(--p) * 1.3), 1)}.mg-pipe-draw{transform:scaleY(clamp(0, calc(var(--p) * 2.6 - .55), 1));transform-origin:top}.mg-pipe-label{opacity:clamp(0, calc(var(--p) * 3 - .95), 1)}.mg-new{--n:clamp(0, calc(var(--p) * 2.6 - 1.2), 1);opacity:var(--n);transform:translateY(calc((1 - var(--n)) * 16px))}.mg-keeps{opacity:clamp(0, calc(var(--p) * 4 - 2.9), 1)}}