.art-filters { display: block; }

.art-filters__header {
  display:flex; justify-content:space-between; align-items:center;
  gap:16px; margin: 0 0 12px;
}
.art-filters__title { margin: 0; font-size: 16px; letter-spacing: .02em; }

.art-filters__raw { display:flex; align-items:center; gap:10px; position:relative; font-size:14px; }
.art-filters__raw input { transform: translateY(1px); }

.art-tooltip {
  width:22px; height:22px; border-radius:999px;
  border:1px solid currentColor; background:transparent;
  line-height:1; cursor:pointer;
}
.art-tooltip__text{
  position:absolute; left:0; top: calc(100% + 8px);
  max-width: 320px; padding:10px 12px;
  border:1px solid rgba(0,0,0,.15);
  background:#fff; font-size:13px;
  display:none;
}
.art-filters__raw .art-tooltip[aria-expanded="true"] + .art-tooltip__text { display:block; }

.art-filters__row{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-bottom: 10px;
}

/* Combo dropdown */
.art-combo { position:relative; }
.art-combo__title{
  border:1px solid rgba(0,0,0,.18);
  background:#fff; padding:10px 12px;
  border-radius: 10px; cursor:pointer;
  min-width: 160px;
  display:flex; justify-content:space-between; align-items:center;
}
.art-combo__content{
  position:absolute; z-index:50; top: calc(100% + 8px); left:0;
  width: 280px; max-height: 340px; overflow:auto;
  background:#fff; border:1px solid rgba(0,0,0,.18);
  border-radius: 12px; padding:10px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.art-combo__search input{
  width:100%; padding:10px 10px;
  border:1px solid rgba(0,0,0,.18);
  border-radius: 10px;
  margin-bottom: 10px;
}
.art-combo__list { list-style:none; padding:0; margin:0; }
.art-combo__list li { margin: 6px 0; font-size:14px; }

.art-date { padding: 6px 2px 2px; }
#art-date-slider { margin: 8px 6px 14px; }
.art-date__values { display:flex; gap:10px; font-size:13px; opacity:.9; }

/* Tags */
.art-filters__selected { margin: 8px 0 12px; }
.art-tags { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px; }
.art-tags li { display:inline-flex; }
.art-tag{
  border:1px solid rgba(0,0,0,.18);
  background:#fff; border-radius: 999px;
  padding: 8px 10px; font-size:13px;
  cursor:pointer;
}
.art-tags__clear button{
  border:none; background:transparent; text-decoration:underline;
  cursor:pointer; padding:8px 6px; font-size:13px;
}

/* Results */
.art-results__loader { padding: 16px 0; }
.art-results__more{
  margin-top: 14px;
  border:1px solid rgba(0,0,0,.18);
  background:transparent;
  padding: 10px 14px;
  border-radius: 12px;
  cursor:pointer;
}