/* UXChimp 1.10.4. Component-scoped, unlayered styles defeat broad theme resets.
 * Keep every state explicit: the old handler set background:var(--vv-fg), but
 * that token does not exist. Black text then landed on a transparent dark pill.
 */
body.vve-page [data-vve-filter] {
  box-sizing:border-box;appearance:none;-webkit-appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;height:auto;max-width:100%;margin:4px;padding:10px 18px;
  border:1px solid rgba(255,255,255,.23);border-radius:999px;
  background:#090909 !important;color:#c8c8c8 !important;
  font-family:var(--font-geist,"Geist"),Arial,sans-serif;font-size:15px;
  font-weight:500;line-height:1.1;letter-spacing:normal;text-transform:none;
  text-decoration:none;text-shadow:none;box-shadow:none;opacity:1;
  -webkit-text-fill-color:currentColor;cursor:pointer;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
body.vve-page [data-vve-filter] :is(span,svg) {
  color:inherit !important;-webkit-text-fill-color:currentColor;opacity:1;
}
body.vve-page [data-vve-filter] .vv-roll-char {box-sizing:content-box;}
body.vve-page [data-vve-filter]:hover {
  background:#1b1b1b !important;color:#fff !important;border-color:rgba(255,255,255,.55);
}
body.vve-page [data-vve-filter][aria-selected="true"],
body.vve-page [data-vve-filter][aria-selected="true"]:is(:hover,:focus,:active) {
  background:#f3fe00 !important;color:#080808 !important;border-color:#f3fe00;
  -webkit-text-fill-color:currentColor;
}
body.vve-page [data-vve-filter]:focus-visible {
  outline:2px solid #f3fe00;outline-offset:3px;
}
body.vve-page .vve-category-select {
  box-sizing:border-box;width:100%;max-width:100%;min-height:48px;padding:12px 44px 12px 18px;
  border:1px solid rgba(255,255,255,.28);border-radius:999px;
  background-color:#111;color:#fff;-webkit-text-fill-color:currentColor;color-scheme:dark;
  font-family:var(--font-geist,"Geist"),Arial,sans-serif;font-size:16px;line-height:1.3;
}
body.vve-page .vve-category-select:focus-visible {outline:2px solid #f3fe00;outline-offset:3px;}
body.vve-page .vve-category-select option {background:#111;color:#fff;}
html[data-theme="light"] body.vve-page [data-vve-filter]:not([aria-selected="true"]) {
  background:#fff !important;color:#333 !important;border-color:rgba(0,0,0,.25);
}
html[data-theme="light"] body.vve-page [data-vve-filter]:not([aria-selected="true"]):hover {
  background:#f0f0f0 !important;color:#111 !important;
}
body.vve-page .uxc-footer [data-uxc-social="youtube"] .uxc-youtube-icon {
  display:block;width:18px;height:18px;flex:0 0 18px;fill:currentColor;
}
@media(prefers-reduced-motion:reduce) {
  body.vve-page [data-vve-filter] {transition:none;}
}