/* Supplied Bäm page-move design; no overlay or artificial navigation delay. */
@view-transition { navigation: auto; }
.hd { view-transition-name: bam-hd; }
.sp-bar { view-transition-name: bam-spbar; }
::view-transition-old(root) { animation: bam-vt-out .16s ease both; }
::view-transition-new(root) { animation: bam-vt-in .22s cubic-bezier(.16,1,.3,1) both; }
::view-transition-old(bam-hd), ::view-transition-new(bam-hd),
::view-transition-old(bam-spbar), ::view-transition-new(bam-spbar) { animation: none; }
@keyframes bam-vt-out { to { opacity: 0; } }
@keyframes bam-vt-in { from { opacity: 0; } }
.bam-move-host { position: relative; }
.bam-going { transform: scale(.97); transition: transform .12s ease; }
.bam-pd { position: absolute; left: 50%; top: -11px; width: 22px; height: 7px; margin-left: -11px; pointer-events: none; }
.bam-pd i { position: absolute; top: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--green,#1eb05d); transform: scale(0); }
.bam-pd i:first-child { left: 0; }
.bam-pd i:last-child { right: 0; }
.bam-going .bam-pd i { transform: scale(1); transition: transform .4s cubic-bezier(.34,1.56,.64,1); }
.bam-going .bam-pd i:last-child { transition-delay: .055s; }
.bam-pd.on-green i { background: #111; }
.bam-line { position: absolute; left: 0; bottom: -1px; height: 3px; width: 0; background: var(--green,#1eb05d); border-radius: 0 2px 2px 0; opacity: 0; pointer-events: none; z-index: 1; }
.bam-loading .bam-line { opacity: 1; width: 80%; transition: width 6s cubic-bezier(.1,.6,.2,1),opacity .1s; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*),
  ::view-transition-new(*) { animation: none !important; }
  .bam-going { transform: none; transition: none; }
  .bam-going .bam-pd i { transition: none; }
  .bam-loading .bam-line { transition: none; width: 100%; }
}