.modal {
  font-size: 14px;
  line-height: 14px;
  .logo {
    max-height: 28.8px;
    margin: 0 auto;
  }
  &-dialog {
    max-width: 440px;
  }
  &-content {
    border-radius: 3px;
    box-shadow: 0px 3px 6px #00000080;
    border: none;
  }
  &-body {
    padding: 20px 40px 40px 40px;
  }
  &-header {
    border: none;
    padding: 40px 10px 10px 10px;
    &__close {
      position: absolute;
      top: 20px;
      right: 20px;
      height: 12px;
      width: 12px;
      &:after,
      &:before {
        content: "";
        display: block;
        height: 2px;
        width: 16px;
        background-color: #999999;
        border-radius: 2px;
        position: absolute;
        top: 50%;
        left: -2px;
      }
      &:after {
        transform: translateY(-50%) rotate(45deg);
      }
      &:before {
        transform: translateY(-50%) rotate(-45deg);
      }
    }
  }
  .checkbox {
    &__indicator {
      height: 20px;
      width: 20px;
      border-color: #cccccc;
      border-radius: 3px;
    }
    &__label {
      font-size: 14px;
      line-height: 14px;
      transform: translateY(2.5px);
      margin-left: 11px;
    }
  }
}
