dropdown-menu {
  display: block;
  position: relative;

  & .dropdown__toggle {
    cursor: pointer;
  }

  & .dropdown__content {
    max-height: 0;
    border-radius: 6px;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }

  &[open] .dropdown__content {
    display: block;
    max-height: 1000px;
  }

  &[direction="up"] .dropdown__content {
    top: auto;
    bottom: 100%;
  }
}