@charset "UTF-8";

@media screen and (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  @view-transition {
    navigation: auto;
  }

  ::view-transition {
    background: #191919;
  }

  ::view-transition-group(root) {
    animation: none;
  }

  ::view-transition-image-pair(root) {
    isolation: isolate;
  }

  ::view-transition-old(root) {
    z-index: 1;
    animation: page-transition-leave .82s cubic-bezier(.76, 0, .24, 1) both;
    mix-blend-mode: normal;
    transform-origin: 35% 50%;
  }

  ::view-transition-new(root) {
    z-index: 2;
    animation: page-transition-enter .82s cubic-bezier(.76, 0, .24, 1) both;
    mix-blend-mode: normal;
    transform-origin: 100% 50%;
  }

  @keyframes page-transition-leave {
    from {
      transform: translateX(0) scale(1);
      filter: brightness(1);
    }
    to {
      transform: translateX(-24px) scale(.975);
      filter: brightness(.78);
    }
  }

  @keyframes page-transition-enter {
    from {
      clip-path: polygon(112% 0, 112% 0, 100% 100%, 100% 100%);
      transform: translateX(32px) scale(1.025);
    }
    to {
      clip-path: polygon(-12% 0, 112% 0, 112% 100%, -24% 100%);
      transform: translateX(0) scale(1);
    }
  }
}