.dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dialog-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #eee;
}

.dialog-close {
  cursor: pointer;
  transition: color 100ms linear;

  &:hover {
    color: #999;
  }
}

.dialog-content {
  flex: 1;
  width: 100%;
  padding: 20px;
  padding-top: var(--content-padding);
  overflow: auto;

  & form {
    display: flex;
    justify-content: center;
  }
}

.dialog-btn-group {
  justify-content: flex-end;
  width: 100%;
  margin-top: calc(var(--content-padding) * 2);
}
