/*
  Segue: Stripes Vertical (stripes: count: 9, angle: 90, spread: 0.5, order: reverse, alternate: false)

  Drop this in and any view transition on the page uses it:
  - same page:   document.startViewTransition(() => updateTheDOM())
  - across pages: the @view-transition rule below opts same-origin
    navigations in; it needs to be on both pages.
  No extra markup needed. Reduced motion falls back to the default crossfade.

  LanTax: global eingebunden über functions.php (assets/css/segue.css), Farben = LanTax-Orange und Schiefer.
  Rückwärts-Richtung: Inline-Skript im <head> (pagereveal → Typ „backwards“), ebenfalls in functions.php.
*/

@view-transition {
  navigation: auto;
}

@property --segue-lead {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
@property --segue-trail {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
@property --segue-page {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
@keyframes segue-lead {
  to { --segue-lead: 1; }
}
@keyframes segue-trail {
  to { --segue-trail: 1; }
}
@keyframes segue-page {
  to { --segue-page: 1; }
}

:root {
  --segue-lead-color: #e25500; /* LanTax-Orange (Original: #ff6fae) */
  --segue-trail-color: #454b58; /* Schiefer (Original: #2b59ff) */
  --segue-duration: 0.8s;
  --segue-gap: 0.08s;
  --segue-ease: cubic-bezier(0.65, 0, 0.35, 1);
  /* the pointer origin; set these from JS to grow from a click */
  --segue-x: 50vw;
  --segue-y: 50vh;
}

@media (prefers-reduced-motion: no-preference) {
  ::view-transition-group(root) {
    animation: none;
    background: var(--segue-lead-color);
  }
  ::view-transition-image-pair(root) {
    background: var(--segue-trail-color);
    animation: segue-lead var(--segue-duration) var(--segue-ease) 0s both,
      segue-trail var(--segue-duration) var(--segue-ease) var(--segue-gap) both;
    clip-path: shape(evenodd from -1% -1%, hline to 101%, vline to 101%, hline to -1%, close, move to calc(50% + -1 * (-1 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-1 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (1 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-lead) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (1 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-1 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-1 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (1 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (1 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close);
  }
  ::view-transition-old(root) {
    mix-blend-mode: normal;
    animation: segue-trail var(--segue-duration) var(--segue-ease) var(--segue-gap) both;
    clip-path: shape(evenodd from -1% -1%, hline to 101%, vline to 101%, hline to -1%, close, move to calc(50% + -1 * (-1 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-1 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (1 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-trail) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (1 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close);
  }
  ::view-transition-new(root) {
    mix-blend-mode: normal;
    animation: segue-page var(--segue-duration) var(--segue-ease) calc(var(--segue-gap) * 2) both;
    clip-path: shape(evenodd from calc(50% + -1 * (-1 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-1 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + -1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (1 * (50vw + 0vh + 1px))) calc(50% + 1 * ((clamp(0, (var(--segue-page) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + -1 * (1 * (50vw + 0vh + 1px))) calc(50% + 1 * (-1 * (0vw + 50vh + 1px))), close);
  }
}


/*
  Backwards: the same move, the other way, for going back. It runs when the
  view transition carries the type "backwards":
  - same page:   document.startViewTransition({ update, types: ['backwards'] })
  - across pages: in a 'pagereveal' listener, when the navigation went back,
    event.viewTransition.types.add('backwards')
*/

@media (prefers-reduced-motion: no-preference) {
  :root:active-view-transition-type(backwards)::view-transition-group(root),
  :root:active-view-transition-type(backwards)::view-transition-image-pair(root),
  :root:active-view-transition-type(backwards)::view-transition-old(root),
  :root:active-view-transition-type(backwards)::view-transition-new(root) {
    animation: none;
    clip-path: none;
    mask: none;
    transform: none;
    filter: none;
    box-shadow: none;
    background: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root:active-view-transition-type(backwards)::view-transition-group(root) {
    animation: none;
    background: var(--segue-lead-color);
  }
  :root:active-view-transition-type(backwards)::view-transition-image-pair(root) {
    background: var(--segue-trail-color);
    animation: segue-lead var(--segue-duration) var(--segue-ease) 0s both,
      segue-trail var(--segue-duration) var(--segue-ease) var(--segue-gap) both;
    clip-path: shape(evenodd from -1% -1%, hline to 101%, vline to 101%, hline to -1%, close, move to calc(50% + 1 * (-1 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-1 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (1 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-lead) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (1 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-1 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-1 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (1 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (1 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close);
  }
  :root:active-view-transition-type(backwards)::view-transition-old(root) {
    mix-blend-mode: normal;
    animation: segue-trail var(--segue-duration) var(--segue-ease) var(--segue-gap) both;
    clip-path: shape(evenodd from -1% -1%, hline to 101%, vline to 101%, hline to -1%, close, move to calc(50% + 1 * (-1 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-1 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (1 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-trail) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (1 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close);
  }
  :root:active-view-transition-type(backwards)::view-transition-new(root) {
    mix-blend-mode: normal;
    animation: segue-page var(--segue-duration) var(--segue-ease) calc(var(--segue-gap) * 2) both;
    clip-path: shape(evenodd from calc(50% + 1 * (-1 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-1 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.5) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.4375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.375) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.3125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (-0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.25) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.1111 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.1875) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.3333 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.125) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.5556 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0.0625) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close, move to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), line to calc(50% + 1 * (0.7778 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (1 * (50vw + 0vh + 1px))) calc(50% + -1 * ((clamp(0, (var(--segue-page) - 0) / 0.5, 1) * 2 - 1) * (0vw + 50vh + 1px))), line to calc(50% + 1 * (1 * (50vw + 0vh + 1px))) calc(50% + -1 * (-1 * (0vw + 50vh + 1px))), close);
  }
}