.morph-units{transform:scale3d(var(--unit-fit,.8),var(--unit-fit,.8),var(--unit-fit,.8))}
.morph-units .unit-cube{transform:translate3d(calc(var(--morph-x)*var(--unit)),calc(var(--morph-y)*var(--unit)),0);transition:transform 1.1s cubic-bezier(.22,.7,.2,1)}
.morph-units.morph-arrived .unit-cube{transform:translate3d(0,0,0)}
.morph-twelve .unit-cube{transition-duration:.75s;transition-delay:calc(var(--morph-row)*.24s)}
.morph-twelve.morph-arrived .unit-front{animation:twelve-row-ready .45s calc(.75s + var(--morph-row)*.24s) both}
@keyframes twelve-row-ready{0%,100%{filter:brightness(1)}45%{filter:brightness(1.28)}}
.morph-eighteen.morph-dashing{animation:eighteen-dash .65s ease-in-out both}
.morph-eighteen.morph-dashing::after{content:"";position:absolute;left:calc(-1.4*var(--unit));top:18%;width:calc(1.6*var(--unit));height:64%;background:repeating-linear-gradient(to bottom,transparent 0 18%,#f09bcc 18% 23%,transparent 23% 33%);border-radius:50%;animation:eighteen-trail .65s ease-out both}
@keyframes eighteen-dash{0%,100%{transform:translateX(0) scale3d(var(--unit-fit,.8),var(--unit-fit,.8),var(--unit-fit,.8))}42%{transform:translateX(calc(.75*var(--unit)*var(--unit-fit,.8))) scale3d(var(--unit-fit,.8),var(--unit-fit,.8),var(--unit-fit,.8))}}
@keyframes eighteen-trail{0%,100%{opacity:0;transform:scaleX(.25);transform-origin:right}35%{opacity:.6;transform:scaleX(1)}80%{opacity:0;transform:scaleX(1.1)}}
:root[data-life="off"] .morph-units .unit-cube{transition:none}
:root[data-life="off"] .morph-units,:root[data-life="off"] .morph-units::after,:root[data-life="off"] .morph-units .unit-front{animation:none}
@media(prefers-reduced-motion:reduce){.morph-units .unit-cube{transition:none}.morph-units,.morph-units::after,.morph-units .unit-front{animation:none}}