:root{--page-wipe-duration:.8s;--page-wipe-lag:.11s;--page-wipe-ease:cubic-bezier(.65, 0, .35, 1);--page-wipe-slant:50vh}:root.page-wipe::view-transition-old(root){animation:none}:root.page-wipe::view-transition-new(root){animation:page-wipe-left-of var(--page-wipe-duration) var(--page-wipe-ease) both}.page-wipe-band{z-index:2147483647;pointer-events:none;position:fixed;inset:0}.page-wipe-band.accent{clip-path:polygon(0% 0%, 300% 0%, 300% 100%, calc(0% - var(--page-wipe-slant)) 100%);background:#c9b3f6}.page-wipe-band.navy{clip-path:polygon(-300% 0%, 0% 0%, calc(0% - var(--page-wipe-slant)) 100%, -300% 100%)}.page-wipe-band-fill{clip-path:polygon(0% 0%, 300% 0%, 300% 100%, calc(0% - var(--page-wipe-slant)) 100%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='64' viewBox='0 0 40 64'%3E%3Cpath d='M20 0L40 32L20 64L0 32Z' fill='none' stroke='%23ffffff' stroke-opacity='0.14' stroke-width='1'/%3E%3Cpath d='M20 29.5L22.5 32L20 34.5L17.5 32Z' fill='%23ffffff' fill-opacity='0.18'/%3E%3C/svg%3E") 50%/40px 64px,#b292ef;position:absolute;inset:0}:root.page-wipe-run .page-wipe-band.accent{animation:page-wipe-right-of var(--page-wipe-duration) var(--page-wipe-ease) var(--page-wipe-lag) both}:root.page-wipe-run .page-wipe-band.navy{animation:page-wipe-left-of var(--page-wipe-duration) var(--page-wipe-ease) var(--page-wipe-lag) both}:root.page-wipe-run .page-wipe-band-fill{animation:page-wipe-right-of var(--page-wipe-duration) var(--page-wipe-ease) calc(var(--page-wipe-lag) * 2) both}@keyframes page-wipe-left-of{0%{clip-path:polygon(-300% 0%, 0% 0%, calc(0% - var(--page-wipe-slant)) 100%, -300% 100%)}to{clip-path:polygon(-300% 0%, calc(100% + var(--page-wipe-slant)) 0%, 100% 100%, -300% 100%)}}@keyframes page-wipe-right-of{0%{clip-path:polygon(0% 0%, 300% 0%, 300% 100%, calc(0% - var(--page-wipe-slant)) 100%)}to{clip-path:polygon(calc(100% + var(--page-wipe-slant)) 0%, 300% 0%, 300% 100%, 100% 100%)}}