.sliding-verification-code-container {
  background: #fff;
  border-radius: 1px;
  width: 460px;
  padding: $space-small;
  box-sizing: border-box;
  user-select: none;

  .sliding-verification-code-title {
    @include box();
    @include flex-justify-between();
    @include flex-align-center();
    width: 100%;
    padding-bottom: $space-small;
    font-size: $font-large;
  }

  .sliding-verification-code-content {
    width: 430px;
    height: 175px;
    position: relative;

    .sliding-verification-code-lump {
      position: absolute;
      width: 100px;
      height: 100px;
      cursor: pointer;
      user-select: none;
      background: url("https://testecf.eflycloud.com/upload/puzzle/tmp/2021031217/small/f324b605ba92b113ef2afddaf2060fb0.png");
    }
  }

  .sliding-verification-code-progress {
    position: relative;
    width: 100%;
    margin-top: $space-default;
    margin-bottom: $space-mini;
    @include box-sizing();

    .sliding-verification-code-line {
      @include box();
      @include flex-align-center();
      @include flex-justify-center();
      width: 100%;
      height: 35px;
      color: $color-primary;
      background: $color-light-primary;
      box-shadow: inset 0 0 1px rgb(12 10 10 / 20%);
      user-select: none;
    }

    .sliding-verification-code-btn {
      @include box();
      @include flex-center();
      width: 46px;
      height: 40px;
      z-index: 100;
      position: absolute;
      top: -3px;
      box-shadow: 0 0 4px #b1a8a1;
      cursor: pointer;
      color: white;
      background: $color-primary;

      &.sliding-verification-code-btn-error {
        background: $color-danger;
      }
    }


  }
}