x-dropdown {
  display: inherit;
  text-align: inherit;
}
x-dropdown .dropdown-container {
  display: block;
  width: max-content;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 10000;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
x-dropdown .dropdown-container.dropdown-show {
  pointer-events: initial;
  opacity: 1;
  visibility: visible;
}