.trigger {
  outline: none;

  &:focus-visible {
    border-radius: var(--ac-radius-sm);
    outline: 2px solid var(--ac-ring);
    outline-offset: 2px;
  }

  &[data-disabled] {
    opacity: 0.5;
    cursor: not-allowed;
  }
}

.panel {
  overflow: hidden;
  transition: opacity var(--ac-transition-normal);

  &[data-starting-style],
  &[data-ending-style] {
    opacity: 0;
  }
}