.navbar-brand .totp-logo-wipe {
      position: relative;
      display: inline-block;
      width: 50px;
      height: 50px;
      overflow: hidden;
      vertical-align: middle;
    }
    .navbar-brand .totp-logo-wipe-strip {
      display: flex;
      height: 100%;
      animation: totp-logo-wipe 24s 1 ease-in-out forwards;
    }
    .navbar-brand .totp-logo-wipe-strip img {
      flex: 0 0 50px;
      width: 50px;
      height: 50px;
    }
    @keyframes totp-logo-wipe {
      0%, 6.6667% { transform: translateX(0); }
      8.3333%, 15% { transform: translateX(-50px); }
      16.6667%, 23.3333% { transform: translateX(-100px); }
      25%, 31.6667% { transform: translateX(-150px); }
      33.3333%, 40% { transform: translateX(-200px); }
      41.6667%, 48.3333% { transform: translateX(-250px); }
      50%, 56.6667% { transform: translateX(-300px); }
      58.3333%, 65% { transform: translateX(-350px); }
      66.6667%, 73.3333% { transform: translateX(-400px); }
      75%, 81.6667% { transform: translateX(-450px); }
      83.3333%, 90% { transform: translateX(-500px); }
      91.6667%, 98.3333% { transform: translateX(-550px); }
      100% { transform: translateX(-600px); }
    }
    @media (prefers-reduced-motion: reduce) {
      .navbar-brand .totp-logo-wipe-strip {
        animation: none;
      }
    }