.confirm-overwrite-contents-item {
  &-body {
    width: 420px;
    margin: 11px 40px 0;
  }

  &-message {
    margin-top: 5px;
  }

  &-caption {
    margin: 5px 40px 0;
    width: 420px;
    font-size: 12px;
    text-align: left;
    color: #666666;
  }

  &-footer {
    @include align-center-vertical;
    display: flex;
    z-index: -1;
    margin: 50px 35px 40px 40px;

    &-checkbox {

      @include checkbox-off;
      @include size(16px);
      float: left;
      cursor: pointer;

      &__checked {
        @include checkbox-on;
        @include size(16px);
        float: left;
        cursor: pointer;
      }

      &__label {
        margin-left: 10px;
        font-size: 12px;
        color: #666666;
      }
    }

    &-button {
      display: flex;
      flex-direction: row-reverse;
      width: 100%;

      &__skip {
        @include button;
        color: $color-highlight-blue;
        margin-right: 20px;
      }

      &__overwrite {
        @include button;
        color: $color-highlight-blue;
      }
    }
  }
}