/**
 * Popover styles
 * @countermeasure/web-components/display/popover
 */

.cmm-popover {
  position: fixed;
  z-index: var(--z-popover);
  background-color: hsl(var(--popover));
  color: hsl(var(--popover-foreground));
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  min-width: 200px;
  opacity: 0;
  transform: scale(0.95) translateY(-4px);
  transition:
    opacity var(--transition-normal),
    transform var(--transition-normal);
}

.cmm-popover--open {
  opacity: 1;
  transform: scale(1) translateY(0);
}

.cmm-popover__content {
  padding: 1rem;
}
