.popover-layout {
  background: var(--color-popover-bg);
  color: var(--color-default-on-accent-sm);
  padding: 1rem;
  border: 1px solid var(--co-popover--border-color);
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  max-width: 24rem;
  border-radius: 0.25rem;
  position: relative;
  z-index: 10;
}

.coupdoeil--popover .popover-layout div[data-popover-arrow] {
    --co-popover--color: var(--color-popover-bg); /* The background color of the arrow */
  --co-popover--border-color: var(--color-popover--border); /* The border color of the arrow */
}