.filter-view-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
}
.filter-view-container .more-btn .right-prefix {
  display: flex;
  gap: 10px;
  align-items: center;
}
.filter-view-container .more-btn .filter-pannel {
  z-index: 1002;
  display: flex;
  gap: 10px;
  padding: 10px;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.filter-view-container .filter-content {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}
.filter-view-container .filter-content .left {
  display: flex;
  flex: 1;
  gap: 10px;
  width: 100px;
  overflow: hidden;
  background-color: #fff;
}
.filter-view-container .filter-content .right {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  background: white;
}
.base-filter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.base-filter-container .left {
  display: flex;
  align-items: center;
}
.base-filter-container .left .form-ul {
  display: flex;
  align-items: center;
}
.base-filter-container .left .filter-item-view {
  margin-right: 1rem;
}
.base-filter-container .left .filter-item-view.value .arco-picker,
.base-filter-container .left .filter-item-view.value .arco-picker-input-active input,
.base-filter-container .left .filter-item-view.value .arco-input-search,
.base-filter-container .left .filter-item-view.value .arco-select-view-single,
.base-filter-container .left .filter-item-view.value .arco-icon-hover,
.base-filter-container .left .filter-item-view.value .arco-icon-hover::before {
  background-color: rgb(var(--primary-1));
}
.base-filter-container .left .filter-item-view.value .arco-picker input,
.base-filter-container .left .filter-item-view.value .arco-input-search,
.base-filter-container .left .filter-item-view.value .arco-select-view-single,
.base-filter-container .left .filter-item-view.value .arco-select-view-suffix,
.base-filter-container .left .filter-item-view.value .arco-picker-separator,
.base-filter-container .left .filter-item-view.value .arco-picker-suffix-icon,
.base-filter-container .left .filter-item-view.value .arco-icon-hover {
  color: rgb(var(--primary-6));
}