:host {
  display: block;
}

.popover {
  display: flex;
  flex-direction: column;
  min-width: 24rem;
  background-color: rgb(var(--contrast-100));
  border: 1px solid rgb(var(--contrast-700));
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.popover__header {
  --header-background-color: rgba(var(--contrast-300));
  padding-right: 0.5rem;
  gap: 1rem;
}

.popover__header-actions {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0.75rem;
  padding: 0.25rem;
  align-items: center;
}

.popover__delete-button {
  color: rgb(var(--contrast-1100));
}

.popover__body {
  padding: 1rem;
}