/* Mobile/PWA: keep the notifications bell visually stable while it is tapped. */
@media (max-width:820px), (display-mode:standalone) and (max-width:1024px) and (orientation:landscape) and (hover:none) and (pointer:coarse) {
  #mobile-lite .mobile-notification-button {
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    color: #654655;
    box-shadow: none;
    touch-action: manipulation;
    transition: transform .12s ease;
  }

  #mobile-lite .mobile-notification-button:hover,
  #mobile-lite .mobile-notification-button:focus,
  #mobile-lite .mobile-notification-button:focus-visible,
  #mobile-lite .mobile-notification-button:active {
    outline: 0;
    background: rgba(255, 255, 255, .58);
    color: #654655;
    box-shadow: none;
  }

  #mobile-lite .mobile-notification-button:active {
    transform: scale(.96);
  }
}