/**
 *
 * 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';

@group-prefix-cls: ~'@{ant-prefix}-picker-group';

.@{group-prefix-cls} {
  &-wrap {
    display: flex;
    align-items: center;
    .@{ant-prefix}-picker {
      font-size: 16px;
    }
  }
  &-datepicker-start {
    width: 126px;
    margin-right: 8px;
  }
  &-piece-start {
    width: 82px;
    margin-right: 8px;
  }
  &-separator {
    height: 1px;
    width: 8px;
    background-color: #252931;
    margin-right: 8px;
  }
  &-piece-end {
    width: 82px;
    margin-right: 8px;
  }
  &-datepicker-end {
    width: 126px;
  }
  &-piece-end-error:not(.sp-null):not(.sp-null-1) {
    border-color: #ff4050;
    &:hover {
      border-color: #ff4050;
    }
  }
  &-datepicker-end-error:not(.sp-null):not(.sp-null-1) {
    border-color: #ff4050;
    &:hover {
      border-color: #ff4050;
    }
  }
}