@use '../../style/default.scss' as *;

/* 验证码 */
.yu-framework-image-captcha-wrapper {
  width: 100%;
  display: flex;
  align-items: center;

  .el-input {
    flex: 1;
  }
  .el-input__wrapper {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .image-captcha-large, .image-captcha-medium {
    flex-shrink: 0;
    width: 108px;

    /*margin-left: 8px;*/
    border-radius: var(--el-border-radius-base);
    border: 1px solid var(--el-border-color);

    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left-color: #fff;

    transition: border 0.2s;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    cursor: pointer;

    img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }

    &:hover {
      border-color: var(--el-color-primary);
    }
  }
  .image-captcha-large{
    height: 40px;
  }
  .image-captcha-medium {
    height: 32px;
  }
}