.mkt-demo [data-on=false]{opacity:0}.mkt-demo [data-on=true]{opacity:1}.mkt-demo[data-demo-live=true] .mkt-pop[data-on=true]{animation:.42s cubic-bezier(.2,.9,.3,1.25) both mkt-pop}.mkt-demo[data-demo-live=true] .mkt-rise[data-on=true]{animation:.48s cubic-bezier(.2,.8,.2,1) both mkt-rise}.mkt-demo[data-demo-live=true] .mkt-fade[data-on=true]{animation:.4s ease-out both mkt-fade}.mkt-demo[data-demo-live=true] .mkt-slide[data-on=true]{animation:.52s cubic-bezier(.2,.8,.2,1) both mkt-slide}.mkt-demo .mkt-draw[data-on=false]{stroke-dasharray:120;stroke-dashoffset:120px}.mkt-demo[data-demo-live=true] .mkt-draw[data-on=true]{stroke-dasharray:120;animation:.6s ease-out both mkt-draw}.mkt-demo[data-demo-live=true] .mkt-ripple[data-on=true]{animation:.9s ease-out both mkt-ripple}.mkt-demo[data-demo-live=true] .mkt-scan[data-on=true]{animation:1.4s ease-in-out both mkt-scan}.mkt-demo[data-demo-live=true] .mkt-typing[data-on=true]{animation:1.4s ease-out both mkt-typing}.mkt-demo .mkt-typing-dot{background:currentColor;border-radius:9999px;width:3px;height:3px;display:inline-block}.mkt-demo[data-demo-live=true] .mkt-typing[data-on=true] .mkt-typing-dot{animation:.9s ease-in-out infinite mkt-blink}.mkt-demo .mkt-typing-dot:nth-child(2){animation-delay:.15s}.mkt-demo .mkt-typing-dot:nth-child(3){animation-delay:.3s}.mkt-demo .mkt-piece{transition:opacity .4s,box-shadow .3s}.mkt-demo[data-demo-live=true] .mkt-piece[data-dim=true]{opacity:.4}.mkt-demo[data-demo-live=true] .mkt-piece[data-active=true]{box-shadow:0 0 0 3px #6f8cff8c}.mkt-demo[data-demo-status=paused] *{animation-play-state:paused!important}@keyframes mkt-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes mkt-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes mkt-fade{0%{opacity:0}to{opacity:1}}@keyframes mkt-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes mkt-draw{0%{stroke-dashoffset:120px}to{stroke-dashoffset:0}}@keyframes mkt-ripple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes mkt-scan{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100px)}}@keyframes mkt-typing{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes mkt-blink{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.mkt-demo *,.mkt-demo :before,.mkt-demo :after{transition:none!important;animation:none!important}.mkt-demo .mkt-draw[data-on=true]{stroke-dashoffset:0}.mkt-demo .mkt-ripple,.mkt-demo .mkt-scan,.mkt-demo .mkt-typing{opacity:0!important}}