#userMenuDropdown {
  transform-origin: top;
  transition: transform 0.2s, opacity 0.2s;
  width: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: scaleY(0);
  pointer-events: none;
}
#userMenuDropdown.menu-open {
  opacity: 1 !important;
  transform: scaleY(1) !important;
  pointer-events: auto;
}
@media (max-width: 1200px) {
  #userMenuDropdown {
    width: 100vw;
    max-width: 100vw;
    min-width: 0;
    position: absolute;
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    top: 100%;
    margin: 0;
    border-radius: 0 0 12px 12px;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    z-index: 9999;
  }
}