:root{--vt-ease:cubic-bezier(.32, .72, 0, 1);--vt-dim:.88}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--vt-dim:.72}}:root[data-theme=dark]{--vt-dim:.72}::view-transition-group(*){animation-duration:.32s;animation-timing-function:var(--vt-ease)}::view-transition-old(*){animation-duration:.32s;animation-timing-function:var(--vt-ease)}::view-transition-new(*){animation-duration:.32s;animation-timing-function:var(--vt-ease)}html[data-nav=push]::view-transition{background:#000}html[data-nav=pop]::view-transition{background:#000}html[data-nav=push]::view-transition-old(root){mix-blend-mode:normal;animation-fill-mode:both}html[data-nav=push]::view-transition-new(root){mix-blend-mode:normal;animation-fill-mode:both}html[data-nav=pop]::view-transition-old(root){mix-blend-mode:normal;animation-fill-mode:both}html[data-nav=pop]::view-transition-new(root){mix-blend-mode:normal;animation-fill-mode:both}html[data-nav=push]::view-transition-old(root){animation-name:vt-drift-out}html[data-nav=push]::view-transition-new(root){box-shadow:-12px 0 32px -16px hsl(var(--shadow-color) / .3);animation-name:vt-slide-in}html[data-nav=pop]::view-transition-group(*){animation-duration:.28s}html[data-nav=pop]::view-transition-old(*){animation-duration:.28s}html[data-nav=pop]::view-transition-new(*){animation-duration:.28s}html[data-nav=pop]::view-transition-old(root){z-index:1;box-shadow:-12px 0 32px -16px hsl(var(--shadow-color) / .3);animation-name:vt-slide-out}html[data-nav=pop]::view-transition-new(root){animation-name:vt-drift-in}@keyframes vt-slide-in{0%{transform:translate(100%)}}@keyframes vt-slide-out{to{transform:translate(100%)}}@keyframes vt-drift-out{to{opacity:var(--vt-dim);transform:translate(-25%)}}@keyframes vt-drift-in{0%{opacity:var(--vt-dim);transform:translate(-25%)}}html[data-nav=pane]::view-transition-old(root){opacity:0;animation:none}html[data-nav=pane]::view-transition-new(root){animation:none}html[data-nav=pane]::view-transition-old(pane){animation:.16s ease-out both vt-fade-out}html[data-nav=pane]::view-transition-new(pane){animation:.26s cubic-bezier(.16,1,.3,1) 40ms both vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}html[data-nav=handoff]::view-transition-old(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}html[data-nav=handoff]::view-transition-new(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}html[data-nav=fade]::view-transition-group(*){animation-duration:.22s}html[data-nav=fade]::view-transition-old(*){animation-duration:.22s}html[data-nav=fade]::view-transition-new(*){animation-duration:.22s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:.15s!important;animation-delay:0s!important}::view-transition-old(*){animation-duration:.15s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:.15s!important;animation-delay:0s!important}}