:root{--css-animation-basics-brand:currentColor}.keyframe-reset__box{background:var(--css-animation-basics-brand);border-radius:6px;width:64px;height:64px;margin-top:50px;animation:1s cubic-bezier(.645,.045,.355,1) keyframe-reset__scale-up}.keyframe-reset__box[data-maintained=true]{animation-fill-mode:forwards}@keyframes keyframe-reset__scale-up{0%{transform:scale(1)}to{transform:scale(2)}}.pausing-animations__box{background:var(--css-animation-basics-brand);border-radius:6px;width:64px;height:64px;animation:2s cubic-bezier(.645,.045,.355,1) infinite alternate pausing-animations__xTranslate;transform:translate(-150px)}.pausing-animations__box[data-paused=true]{animation-play-state:paused}@keyframes pausing-animations__xTranslate{0%{transform:translate(-150px)}to{transform:translate(150px)}}.backwards-diff__box{background:var(--css-animation-basics-brand);border-radius:6px;width:64px;height:64px;animation:1s cubic-bezier(.645,.045,.355,1) 1s backwards-diff__fade-in}.backwards-diff__box[data-backwards=true]{animation-fill-mode:backwards}@keyframes backwards-diff__fade-in{0%{opacity:0;scale:0}to{opacity:1;scale:1}}