html,body,#root{height:100%}body{color:#2b303a}a{color:#1f6adb}hr{margin:2rem 0;color:#f7f7f7;opacity:.25}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)}}