/* Hide the resizable transaction drawer by its own full width.
   A fixed negative right offset leaves part of wider drawers visible. */
@media (min-width: 901px) {
  #drawer.drawer {
    right: 0 !important;
    transform: translateX(calc(100% + 24px));
    visibility: hidden;
    pointer-events: none;
    transition: transform .25s ease, visibility 0s linear .25s;
  }

  #drawer.drawer.open {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
    transition: transform .25s ease, visibility 0s linear 0s;
  }
}

@media (max-width: 900px) {
  #drawer.drawer {
    visibility: hidden;
    pointer-events: none;
  }

  #drawer.drawer.open {
    visibility: visible;
    pointer-events: auto;
  }
}