/* Reveal the incoming document itself in five alternating bands. */
@property --reveal-0 { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@property --reveal-1 { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@property --reveal-2 { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@property --reveal-3 { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@property --reveal-4 { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@keyframes reveal-band-0 { to { --reveal-0:100%; } }
@keyframes reveal-band-1 { to { --reveal-1:100%; } }
@keyframes reveal-band-2 { to { --reveal-2:100%; } }
@keyframes reveal-band-3 { to { --reveal-3:100%; } }
@keyframes reveal-band-4 { to { --reveal-4:100%; } }
::view-transition-group(root) { animation: none; }
::view-transition-image-pair(root) { isolation: isolate; }
::view-transition-old(root) { animation: none; opacity:1; }
::view-transition-new(root), html.is-page-reveal-fallback body {
  mix-blend-mode:normal;
  mask-image: linear-gradient(#000 0 0),linear-gradient(#000 0 0),linear-gradient(#000 0 0),linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  mask-size:var(--reveal-0) calc(20dvh + 1px),var(--reveal-1) calc(20dvh + 1px),var(--reveal-2) calc(20dvh + 1px),var(--reveal-3) calc(20dvh + 1px),var(--reveal-4) calc(20dvh + 1px);
  mask-position:0 0,100% 20dvh,0 40dvh,100% 60dvh,0 80dvh;
  mask-repeat:no-repeat;
  animation:reveal-band-0 .735s cubic-bezier(.76,0,.24,1) 0s both,
    reveal-band-1 .735s cubic-bezier(.76,0,.24,1) .065s both,
    reveal-band-2 .735s cubic-bezier(.76,0,.24,1) .13s both,
    reveal-band-3 .735s cubic-bezier(.76,0,.24,1) .195s both,
    reveal-band-4 .735s cubic-bezier(.76,0,.24,1) .26s both;
}
html.is-page-reveal-fallback { background:#012bba; }
html.is-page-changing { overflow:clip; }
html.is-transition-waiting::before {
  content:''; position:fixed; inset:0; z-index:2147483646; background:#012bba;
}
.page-loader { display:none !important; }
@view-transition { navigation:auto; }
html.is-page-reveal-fallback body {
  mask-position:0 var(--page-reveal-top),100% calc(var(--page-reveal-top) + 20dvh),0 calc(var(--page-reveal-top) + 40dvh),100% calc(var(--page-reveal-top) + 60dvh),0 calc(var(--page-reveal-top) + 80dvh);
}
@media (prefers-reduced-motion:reduce) {
  @view-transition { navigation:none; }
  ::view-transition-new(root) { animation:none; mask:none; }
}