@property --vt-reveal-size{syntax:"<length>";inherits:false;initial-value:0}::view-transition-old(root){animation-duration:.25s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:.25s;animation-timing-function:cubic-bezier(.4,0,.2,1)}html[data-vt-anim=overlay-to-right][data-vt-dir=forward]::view-transition-old(root){z-index:1;animation-name:vt-shift-left}html[data-vt-anim=overlay-to-right][data-vt-dir=forward]::view-transition-new(root){z-index:2;animation-name:vt-slide-from-right}html[data-vt-anim=overlay-to-right][data-vt-dir=back]::view-transition-old(root){z-index:2;animation-name:vt-slide-to-right}html[data-vt-anim=overlay-to-right][data-vt-dir=back]::view-transition-new(root){z-index:1;animation-name:vt-shift-from-left}html[data-vt-anim=fade-to-right][data-vt-dir=forward]::view-transition-old(root){animation-name:vt-fade-out}html[data-vt-anim=fade-to-right][data-vt-dir=forward]::view-transition-new(root){animation-name:vt-fade-slide-in}html[data-vt-anim=fade-to-right][data-vt-dir=back]::view-transition-old(root){animation-name:vt-fade-slide-out}html[data-vt-anim=fade-to-right][data-vt-dir=back]::view-transition-new(root){animation-name:vt-fade-in}html[data-vt-anim=slide-to-right][data-vt-dir=forward]::view-transition-old(root){animation-name:vt-slide-to-left}html[data-vt-anim=slide-to-right][data-vt-dir=forward]::view-transition-new(root){animation-name:vt-slide-from-right}html[data-vt-anim=slide-to-right][data-vt-dir=back]::view-transition-old(root){animation-name:vt-slide-to-right}html[data-vt-anim=slide-to-right][data-vt-dir=back]::view-transition-new(root){animation-name:vt-slide-from-left}html[data-vt-anim=circular-reveal]::view-transition-old(root){animation-duration:.45s;animation-timing-function:ease}html[data-vt-anim=circular-reveal]::view-transition-new(root){animation-duration:.45s;animation-timing-function:ease}html[data-vt-anim=circular-reveal][data-vt-dir=forward]::view-transition-old(root){z-index:1;animation:none}html[data-vt-anim=circular-reveal][data-vt-dir=forward]::view-transition-new(root){z-index:2;clip-path:circle(var(--vt-reveal-size) at var(--vt-reveal-x) var(--vt-reveal-y));animation-name:vt-circular-reveal-in}html[data-vt-anim=circular-reveal][data-vt-dir=back]::view-transition-old(root){z-index:2;clip-path:circle(var(--vt-reveal-size) at var(--vt-reveal-x) var(--vt-reveal-y));animation-name:vt-circular-reveal-out}html[data-vt-anim=circular-reveal][data-vt-dir=back]::view-transition-new(root){z-index:1;animation:none}@keyframes vt-slide-from-right{0%{transform:translate(100%)}to{transform:none}}@keyframes vt-slide-from-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes vt-slide-to-left{0%{transform:none}to{transform:translate(-100%)}}@keyframes vt-slide-to-right{0%{transform:none}to{transform:translate(100%)}}@keyframes vt-shift-left{0%{transform:none}to{transform:translate(-50px)}}@keyframes vt-shift-right{0%{transform:none}to{transform:translate(50px)}}@keyframes vt-shift-from-left{0%{transform:translate(-50px)}to{transform:none}}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vt-fade-slide-in{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:none}}@keyframes vt-fade-slide-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(50px)}}@keyframes vt-circular-reveal-in{0%{--vt-reveal-size:0vmax}to{--vt-reveal-size:125vmax}}@keyframes vt-circular-reveal-out{0%{--vt-reveal-size:125vmax}to{--vt-reveal-size:0vmax}}