html:active-view-transition-type(slide-left)::view-transition-old(main-content){animation:.3s cubic-bezier(.4,0,.2,1) both slide-out-left}html:active-view-transition-type(slide-left)::view-transition-new(main-content){animation:.3s cubic-bezier(.4,0,.2,1) both slide-in-left}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}to{transform:translate(0)}}html:active-view-transition-type(slide-right)::view-transition-old(main-content){animation:.3s cubic-bezier(.4,0,.2,1) both slide-out-right}html:active-view-transition-type(slide-right)::view-transition-new(main-content){animation:.3s cubic-bezier(.4,0,.2,1) both slide-in-right}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes taskCompleteProgress{0%{width:0%}to{width:100%}}