/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
/* Do not use this */
/* Use this */
go-dropdown {
  /**
    @prop --dropdown-shadow:
      Box shadow of dropdown
      - default: var(--shadow-3)
  */
  --dropdown-shadow: var(--shadow-3);
  /**
    @prop --dropdown-bg-color:
      Dropdown background color
      - default: var(--go-color-lightest)
  */
  --dropdown-bg-color: var(--go-color-lightest);
  /**
    @prop --dropdown-duration:
      Duration for dropdown open/close transition
      - default: var(--go-duration-fast)
  */
  --dropdown-duration: var(--go-duration-fast);
  /**
    @prop --dropdown-radius:
      Border radius of dropdown
      - default: var(--radius-2)
  */
  --dropdown-radius: var(--radius-2);
  position: fixed;
  display: none;
  visibility: hidden;
  opacity: 0;
  box-shadow: var(--dropdown-shadow);
  pointer-events: none;
  z-index: 1;
  transform: translateY(-0.3125rem);
  transform-origin: top;
  width: var(--dropdown-width, 200px);
  background-color: var(--dropdown-bg-color);
  border-radius: var(--dropdown-radius);
  transition: opacity var(--dropdown-duration) var(--go-timing-function), visibility var(--go-duration-normal) var(--go-timing-function), transform var(--dropdown-duration) var(--go-timing-function);
}
@media (prefers-reduced-motion: reduce) {
  go-dropdown {
    transition-duration: 0s;
  }
}
go-dropdown.full-width {
  --dropdown-width: 100%;
}
go-dropdown.flip {
  transform-origin: bottom;
  transform: translateY(0.3125rem);
}
go-dropdown.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: inherit;
  transform: translateY(0);
}