.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.125em solid var(--colour0-tertirary);
  border-radius: 10px;
  padding: 0.125em;

  &::modal {
    background-color: black;
  }

  &::backdrop {
    background: rgba(0, 0, 0, 0.4);
  }
}
