#userMenuDropdown {
  transform-origin: top;
  transition: transform 0.2s, opacity 0.2s;
  width: min(50vw, 20rem);
  max-width: calc(100vw - 1rem);
  min-width: 14rem;
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: 0;
  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: min(50vw, 20rem);
    max-width: calc(100vw - 1rem);
    min-width: 12rem;
    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;
  }
}