/* prettier-ignore */
:host {
  --bce-color-l: var(--bce-color-primary-l);
  --bce-color-n: var(--bce-color-primary-n);
  --bce-color-d: var(--bce-color-primary-d);
  --bce-color-t: var(--bce-color-primary-t);
  display: inline-block;
}
:host .trigger {
  --bce-color-l: var(--bce-color-dark-l);
  --bce-color-n: var(--bce-color-dark-n);
  --bce-color-d: var(--bce-color-dark-d);
  --bce-color-t: var(--bce-color-dark-t);
  cursor: pointer;
}
:host .dropdown {
  z-index: 8;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
  background-color: var(--bce-color-n);
  border-radius: 4px;
  transition: opacity 150ms ease-in-out;
  opacity: 0;
  max-width: 400px;
  pointer-events: none;
}
:host .dropdown[data-active] {
  display: block;
  opacity: 1;
  pointer-events: auto;
}