:root {
  --color-primary-hue: 315;
}

main {
  width: 100%;
  height: 100dvh;
  display: grid;
  place-content: center;
}

[popovertarget="confirm-dialog"] {
 
}

[popover] {
  max-inline-size: 400px;
  padding: 1.5rem;
  border: none;
  border-radius: 0.5rem;
  box-shadow: 2px 8px 16px oklch(27.6% 0.122 var(--color-primary-hue) / 30%);
}

::backdrop {
  background-color: oklch(5% 0.25 var(--color-primary-hue) / 25%);
}

p {
  line-height: 165%;
}