dialog {
  z-index: 999;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  min-height: 100%;
  backdrop-filter: blur(0.375rem);
  background-color: rgba(15, 17, 20, 0.75);

  &:not([open]),
  &[open="false"] {
    display: none;
  }

  article {
    background-color: var(--secondary-background);
    border: 1px solid var(--secondary-border);
    padding: 1rem;
    border-radius: 12px;
    max-width: 400px;

    h2 {
      text-align: center;
    }

    footer {
      display: flex;
      flex-direction: row;
      justify-content: center;
    }
  }
}