.popover {
  background-color: var(--color-surface);
  border-radius: var(--rounded);
  border-width: var(--border-width);
  box-shadow: var(--shadow);
  color: var(--color-text);
  inline-size: var(--popover-size, max-content);
  backdrop-filter: blur(var(--blur));

  overflow: clip;
  position: absolute;
  z-index: 3;

  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.popover--center {
  inset-inline-end: calc(1/2 * 100%);
  translate: 50% 0;
}

.popover--left {
  inset-inline-end: 0;
}