body {
  background: khaki;
  padding: 1.5rem;
}

dialog {
  width: 80vw;

  &[open] {
    background-color: gold;
    border: 0;
    border-radius: 12px;
    box-shadow:
      0 2.8px 2.2px rgba(0, 0, 0, 0.034),
      0 6.7px 5.3px rgba(0, 0, 0, 0.048),
      0 12.5px 10px rgba(0, 0, 0, 0.06),
      0 22.3px 17.9px rgba(0, 0, 0, 0.072),
      0 41.8px 33.4px rgba(0, 0, 0, 0.086),
      0 100px 80px rgba(0, 0, 0, 0.12);
  }

  &::backdrop {
    background: hsl(0 0 0 / .5);
    backdrop-filter: blur(5px);
  }
}