.#{$namespace}-dialog {
  .#{$namespace}-dialog--middle {
    width: 60%;
  }
  .#{$namespace}-dialog__header {
    display: flex;
    align-items: center;
    padding: 14px 20px;
    margin-right: 0;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    .#{$namespace}-dialog__title {
      flex: 1;
      color: #010033;
      font-size: 14px;
    }
    .#{$namespace}-dialog__headerbtn {
      position: static;
      width: 16px;
      height: 16px;
      .#{$namespace}-dialog__close {
        display: block;
      }
    }
  }
  .#{$namespace}-dialog__footer {
    padding: 14px 20px;
    text-align: right;
    border-top: 1px solid #e0e0e0;
  }
}