.filter-header[data-v-b1b31e5b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--np-border-color);
}
.filter-title[data-v-b1b31e5b] {
  font-size: 14px;
  font-weight: 600;
}
.filter-close[data-v-b1b31e5b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  cursor: pointer;
  opacity: 0.5;
}
.filter-close[data-v-b1b31e5b]:hover {
  opacity: 1;
}
.filter-modal-content[data-v-b1b31e5b] {
  --padding-start: 16px;
  --padding-end: 16px;
  --padding-top: 16px;
  --padding-bottom: 16px;
}
.filter-rows[data-v-b1b31e5b] {
  display: grid;
  grid-template-columns: 180px 120px 1fr 28px;
  gap: 8px;
  align-items: center;
}
.filter-row[data-v-b1b31e5b] {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
.filter-between[data-v-b1b31e5b] {
  display: flex;
  gap: 8px;
}
.filter-between .filter-text-input[data-v-b1b31e5b] {
  flex: 1;
}
.filter-text-input[data-v-b1b31e5b] {
  border: 1px solid var(--np-border-color);
  border-radius: 4px;
  height: 36px;
  padding: 0 8px;
  font-size: 13px;
}
.filter-remove[data-v-b1b31e5b] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.5;
}
.filter-remove[data-v-b1b31e5b]:hover {
  opacity: 1;
}
.filter-row-sub[data-v-b1b31e5b] {
  padding-left: 0;
}
.filter-sub-label[data-v-b1b31e5b] {
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.filter-add[data-v-b1b31e5b] {
  display: flex;
  align-items: center;
  margin-top: 12px;
  padding: 4px 0;
  font-size: 13px;
  color: var(--ion-text-color);
  opacity: 0.7;
  cursor: pointer;
}
.filter-add[data-v-b1b31e5b]:hover {
  opacity: 1;
}
.filter-footer[data-v-b1b31e5b] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 16px;
  gap: 8px;
}
.filter-clear-btn[data-v-b1b31e5b] {
  --color: var(--ion-text-color);
  font-size: 13px;
}
.filter-apply-btn[data-v-b1b31e5b] {
  font-size: 13px;
}
.filter-slide-enter-active[data-v-b1b31e5b],
.filter-slide-leave-active[data-v-b1b31e5b] {
  transition: all 0.2s ease;
}
.filter-slide-enter-from[data-v-b1b31e5b] {
  opacity: 0;
  transform: translateY(-12px);
}
.filter-slide-leave-to[data-v-b1b31e5b] {
  opacity: 0;
  transform: translateY(-12px);
}
.filter-slide-move[data-v-b1b31e5b] {
  transition: transform 0.2s ease;
}