:host {
  display: none;
  box-shadow: var(--color-dropdown-shadow);
  border-radius: 6px;
  background: var(--color-dropdown-bg);
  transition-property: transform;
  transition-duration: 270ms;
  transition-timing-function: ease;
  flex-direction: column;
  padding-top: 5px;
  padding-bottom: 5px;
  position: fixed;
  z-index: 9999;
}

:host(.open) {
  display: flex;
}

:host .--c-dropdown-title {
  font-size: 14px;
  font-weight: 600;
  padding: 7px 10px;
  color: var(--color-dropdown-title);
}