@import '../global.scss';

$query-filter: #{$teamix-pro-form}-query-filter;

.#{$query-filter} {
  .#{$query-filter}-inline {
    margin-right: 8px;
    margin-bottom: 8px;
  }
  .#{$query-filter}-inline-hidden {
    display: none;
  }
  .#{$query-filter}-tag-title {
    margin-right: 12px;
    color: var(--color-text1-8, #848484);
  }
  .#{$query-filter}-tag-content {
    .#{$teamix-pro-field} {
      display: inline-block;
      .#{$css-prefix}form-preview {
        color: var(--color-text1-2, #5a5a5a);
        font-weight: bold;
      }
    }
  }
}

.#{$query-filter}-advanced {
  .#{$css-prefix}formily-button-group {
    margin-top: 0;
  }
}
.#{$query-filter}-advanced,
.#{$query-filter}-simple,
.#{$query-filter}-light {
  .#{$form-item-cls}-feedback-layout-popover {
    margin-bottom: 0;
  }
  .#{$css-prefix}date-picker2-input {
    .#{$css-prefix}input {
      width: inherit;
      input {
        width: inherit;
        display: block;
      }
    }
  }
}