@import '~antd/es/cascader/style/index.less';
@import '~antd/es/input/style/index.css';
@import '../variable.less';

@cascader-prefix-cls: ~'@{ant-prefix}-cascader';

.@{cascader-prefix-cls} {
  &-not-found-content {
    display: @cascader-not-found-content-display;
    flex-direction: @cascader-not-found-content-flex-direction;
    align-items: @cascader-not-found-content-align-items;
    margin: @cascader-not-found-content-margin;
  }

  &-picker {
    &-label {
      z-index: 1;
    }

    &-arrow {
      top: 15px;
      right: 10px;
      width: 20px;
      height: 20px;
    }

    .anticon&-clear {
      color: #b4b4b4;
    }

    &-clear {
      right: 12px;
    }

    &-large {
      & {
        &-input.ant-input-lg {
          height: 40px;
        }

        &-picker {
          &-label {
            font-size: 16px;
          }

          &-arrow {
            top: 17px;
          }
        }
      }
    }

    &-small {
      & {
        &-input.ant-input-sm {
          height: 30px;
        }

        &-picker {
          &-arrow {
            top: 13px;
          }

          &-clear {
            right: 10px;
          }
        }
      }
    }
  }

  &-input {
    height: 34px;
    border-radius: 0;
  }

  &-menu {
    min-width: 120px;
    &-item {
      &:hover {
        background: @input-disabled-background;
      }
      &-active:not(&-disabled),
      &-active:not(&-disabled):hover {
        background: rgba(0, 118, 217, 0.08);
      }
    }
  }

  &-picker:focus &-input {
    box-shadow: none;
  }
  &-picker:hover &-input {
    border: 1px solid black;
  }
}

.ant-input:focus {
  box-shadow: none;
}