/**
 *
 * This file may have been modified by Bytedance Inc. (“Bytedance Inc.'s Modifications”). 
 * All Bytedance Inc.'s Modifications are Copyright (year) Bytedance Inc..  
 * 
 * This source code is licensed under the Apache license.
 * See LICENSE file in the project root for license information.
 *
 */
@import '../../../styles/variables.less';
@import '../../../styles/mixins.less';

@import '../../input/style/base/mixin.less';
@import '../../input/style/mixins.less';

@label-wrapper-prefix-cls: ~'@{ant-prefix}-label-wrapper';

.@{label-wrapper-prefix-cls} {
  .input();
  display: flex;
  padding: 0;
  line-height: auto;

  &-focus {
    .active();
  }

  &-disabled {
    background-color: @color-fill-deepen-4;

    &:hover {
      background-color: @color-fill-deepen-4;
      cursor: not-allowed;
    }
  }

  &-label {
    align-self: center;
    padding-left: @input-padding-horizontal;
    color: @color-text-icon-2;
    flex-shrink: 0;
  }

  &-content {
    flex-grow: 1;
    overflow: hidden;
  }
  .@{ant-prefix}-input-number-handler-wrapper {
    width: 100%;
  }

  &-component {
    width: 100% !important;
    max-width: 100% !important;
  }

  .@{ant-prefix}-input[disabled]:hover {
    background: none;
  }

  .@{ant-prefix}-cascader-picker-disabled {
    background: none;

    &:hover {
      background: none;
    }
  }

  .@{ant-prefix}-input-tag-disabled {
    background: none;
  }

  .@{ant-prefix}-picker-borderless {
    border: none;
  }

  .@{ant-prefix}-input-number-handler-wrap-borderless .@{ant-prefix}-input-number {
    height: @input-height-base - 2px;
  }

  .@{ant-prefix}-select-borderless .@{ant-prefix}-select-selector {
    border: none;
    height: @input-height-base - 2px;
  }

  .@{ant-prefix}-cascader-picker-borderless.auxo-cascader-picker-multiple {

    &:hover {
      .@{ant-prefix}-cascader-multiple-wrapper {
        border: none;
      }
    }

    .@{ant-prefix}-cascader-multiple-wrapper {
      min-height: @input-height-base - 2px;
      border: none;

      &:hover {
        border: none;
      }
    }
    
    .@{ant-prefix}-cascader-input {
      border: none;
    }
  }
 
  .@{ant-prefix}-input-tag-borderless.@{ant-prefix}-input-tag-single {
    height: @input-height-base - 2px;
  }
}

.@{ant-prefix}-form-item-has-error {
  .@{label-wrapper-prefix-cls} {
    border-color: @color-function-danger-main;

    &:hover {
      border-color: @color-function-danger-hover;
    }

    &-focus:not(.sp-null):not(.sp-null-1) {
      border-color: @color-function-danger-active;
    }
  }
}