dialog {
  background: var(--color-white);
  border: 1px solid var(--color-grey-90);
  border-radius: var(--size-8);
  height: fit-content;
  left: 0;
  margin: auto;
  padding: var(--size-16);
  position: absolute;
  right: 0;
  width: fit-content;

  &:not([open]) {
    display: none;
  }

  &::backdrop {
    background: rgb(0 0 0 / 25%);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
}