[data-play] .sec-in{opacity:1;transition:opacity .55s var(--ease-brand), transform .55s var(--ease-brand);transform:translateY(0)}[data-play=false] .sec-in{opacity:0;transition:none;transform:translateY(8px)}[data-play] .sec-pop{opacity:1;transition:opacity .45s var(--ease-brand), transform .45s var(--ease-brand);transform:scale(1)}[data-play=false] .sec-pop{opacity:0;transition:none;transform:scale(.72)}[data-play] .sec-draw{stroke-dashoffset:0;transition:stroke-dashoffset .65s var(--ease-brand)}[data-play=false] .sec-draw{stroke-dashoffset:1px;transition:none}[data-play] .sec-grow{transform-box:fill-box;transition:transform .6s var(--ease-brand);transform:scaleY(1)}[data-play=false] .sec-grow{transition:none;transform:scaleY(0)}[data-play] .sec-growx{transform-box:fill-box;transition:transform .7s var(--ease-brand);transform:scaleX(1)}[data-play=false] .sec-growx{transition:none;transform:scaleX(0)}[data-play] .sec-fade{opacity:1;transition:opacity .5s var(--ease-brand)}[data-play=false] .sec-fade{opacity:0;transition:none}.sec-traveler{opacity:0}[data-play=true] .sec-traveler{animation:sec-travel .9s var(--ease-brand) both}@keyframes sec-travel{0%{offset-distance:0%;opacity:0}15%{opacity:1}85%{opacity:1}to{offset-distance:100%;opacity:0}}.sec-blocked{opacity:0}[data-play=true] .sec-blocked{animation:sec-block 1.2s var(--ease-brand) both}@keyframes sec-block{0%{offset-distance:0%;opacity:0}18%{opacity:1}55%{offset-distance:86%}68%{offset-distance:80%;opacity:1}to{offset-distance:82%;opacity:0}}.sec-flow{opacity:0}[data-motion=on] .sec-flow{animation:sec-travel 3.4s var(--ease-brand) infinite}.sec-log{opacity:0;transition:opacity .45s var(--ease-brand)}.sec-log[data-active=true]{opacity:1}