.jinya-dialog__container {
  position: fixed;
  inset: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(0 0 0 / 20%);
  backdrop-filter: blur(20px);

  .jinya-button {
    font-size: 1rem;
  }
}

.jinya-dialog {
  background: var(--modal-background-color);
  backdrop-filter: blur(20px);
  border-radius: 1rem;

  --variation-color: var(--primary-color);

  &.is--negative {
    --variation-color: var(--error-color);
  }
}

.jinya-dialog__title {
  font-weight: 200;
  margin: 0;
  padding: 1.5rem;
  background: var(--variation-color);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  color: var(--text-color-white);
}

.jinya-dialog__content {
  padding: 1.5rem;
  margin: 0;
}

.jinya-dialog__footer {
  display: flex;
  justify-content: end;
  gap: 1rem;
  padding: 1.5rem;
  border-top: 0.125rem solid var(--variation-color);

  .jinya-button {
    &:last-of-type {
      background: var(--variation-color);
      color: var(--text-color-white);
      border-color: var(--variation-color);

      &:hover {
        color: var(--variation-color);
        background: var(--text-color-white);
        border-color: var(--variation-color);
      }
    }
  }
}