.ci-story{background:#fff;border-radius:12px;max-width:660px;overflow:hidden}.ci-story svg{display:block;height:auto;width:100%}.ci-story text{fill:#05031a;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ci-story .ttl{font-size:18px;font-weight:600;letter-spacing:-.2px}.ci-story .sub{font-size:14px;font-weight:400;letter-spacing:-.4px}.ci-story .sub-r,.ci-story .ttl-r{text-anchor:end}.ci-story .flow{animation:csFlow 2.4s linear infinite}@keyframes csFlow{to{stroke-dashoffset:-8}}.ci-story .comet{opacity:0}.ci-story .card,.ci-story .card-bg,.ci-story .conn,.ci-story .ico,.ci-story .node,.ci-story .node-halo{transform-box:fill-box}.ci-story .node{transform-origin:center;transition:transform .55s cubic-bezier(.34,1.4,.64,1),opacity .35s ease}.ci-story .conn{transition:transform .5s cubic-bezier(.16,1,.3,1) .06s,opacity .4s ease .06s}.ci-story .card-r .conn,.ci-story .stop .conn{transform-origin:left center}.ci-story .stop[data-i="1"] .conn,.ci-story .stop[data-i="3"] .conn{transform-origin:right center}.ci-story .card{transition:opacity .8s ease .12s}.ci-story.is-pre .stop:not(.on) .node{opacity:0;transform:scale(0)}.ci-story.is-pre .stop:not(.on) .conn{opacity:0;transform:scaleX(0)}.ci-story.is-pre .stop:not(.on) .card{opacity:0}.ci-story .node-halo{opacity:0;transform-origin:center}.ci-story .stop.is-active .node-halo{animation:csHalo 1.2s ease-out}@keyframes csHalo{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.ci-story .ico *{transform-box:fill-box}.ci-story .pencil{transform-origin:15% 85%}.ci-story .stop.is-active .pencil{animation:csWrite 1.1s ease}@keyframes csWrite{0%,to{transform:rotate(0) translate(0)}20%{transform:rotate(-10deg) translate(-1px,1px)}40%{transform:rotate(6deg)}60%{transform:rotate(-8deg) translate(-1px,1px)}80%{transform:rotate(3deg)}}.ci-story .code path:first-child{transform-origin:center}.ci-story .stop.is-active .code path:first-child{animation:csCodeL 1s ease}.ci-story .stop.is-active .code path:last-child{animation:csCodeR 1s ease}@keyframes csCodeL{0%,to{transform:translateX(0)}40%{transform:translateX(-1.6px)}}@keyframes csCodeR{0%,to{transform:translateX(0)}40%{transform:translateX(1.6px)}}.ci-story .stop.is-active .arr-dn{animation:csDn 1.1s ease}.ci-story .stop.is-active .arr-up{animation:csUp 1.1s ease}@keyframes csDn{0%,to{transform:translateY(0)}30%{transform:translateY(2.5px)}60%{transform:translateY(-.5px)}}@keyframes csUp{0%,to{transform:translateY(0)}30%{transform:translateY(-2.5px)}60%{transform:translateY(.5px)}}.ci-story .sn{transform-origin:center}.ci-story .stop.is-active .sn1{animation:csNode .5s ease 0s}.ci-story .stop.is-active .sn2{animation:csNode .5s ease .18s}.ci-story .stop.is-active .sn3{animation:csNode .5s ease .36s}@keyframes csNode{0%,to{transform:scale(1)}50%{transform:scale(1.45)}}.ci-story .meridian{transform-origin:center}.ci-story .stop.is-active .meridian{animation:csSpin 1.2s ease-in-out}@keyframes csSpin{0%,to{transform:scaleX(1)}25%{transform:scaleX(.15)}50%{transform:scaleX(1.9)}75%{transform:scaleX(.15)}}.ci-story .stop.is-active .brackets{animation:csBlink 1.1s steps(2,jump-none)}@keyframes csBlink{0%,to{opacity:1}25%{opacity:.15}50%{opacity:1}75%{opacity:.15}}.ci-story .star{transform-origin:center}.ci-story .stop.is-active .star{animation:csStar 1.3s cubic-bezier(.3,1.4,.5,1)}@keyframes csStar{0%{transform:scale(1) rotate(0)}40%{transform:scale(1.18) rotate(45deg)}to{transform:scale(1) rotate(90deg)}}.ci-story .plus{transform-origin:center}.ci-story .plus-1{animation:csTwinkle 2.8s ease-in-out infinite}.ci-story .plus-2{animation:csTwinkle 2.8s ease-in-out 1.4s infinite}@keyframes csTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.55)}}.ci-story .spine-wrap,.ci-story .stop{transition:opacity .9s ease}.ci-story.is-out .spine-wrap,.ci-story.is-out .stop{opacity:0}.ci-story.is-still *,.ci-story.no-anim *{transition:none!important}.ci-story.is-still *{animation:none!important}@media (prefers-reduced-motion:reduce){.ci-story *{animation:none!important;transition:none!important}}