/* v0.9.8 — shared Scialla "paper label" treatment for interactive pills. */
#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-categories button,
#ajax-content-wrap .container.main-content .te-classic-shell .te-filter-tag,
#ajax-content-wrap .container.main-content .te-classic-shell .te-venue,
#ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-venue,
#ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-tags button,
#ajax-content-wrap .container.main-content .te-classic-shell .te-active-filter {
  border-radius: 999px !important;
  transform: rotate(-.8deg) !important;
  transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-categories button:nth-child(even),
#ajax-content-wrap .container.main-content .te-classic-shell .te-filter-tag:nth-child(even),
#ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-tags button:nth-child(even),
#ajax-content-wrap .container.main-content .te-classic-shell .te-active-filter:nth-child(even) {
  transform: rotate(.7deg) !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-categories button:hover,
#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-categories button:focus-visible,
#ajax-content-wrap .container.main-content .te-classic-shell .te-filter-tag:hover,
#ajax-content-wrap .container.main-content .te-classic-shell .te-filter-tag:focus-visible,
#ajax-content-wrap .container.main-content .te-classic-shell .te-venue:hover,
#ajax-content-wrap .container.main-content .te-classic-shell .te-venue:focus-visible,
#ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-venue:hover,
#ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-venue:focus-visible,
#ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-tags button:hover,
#ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-tags button:focus-visible {
  transform: rotate(0deg) translateY(-1px) !important;
}

@media (prefers-reduced-motion: reduce) {
  #ajax-content-wrap .container.main-content .te-classic-shell .te-classic-categories button,
  #ajax-content-wrap .container.main-content .te-classic-shell .te-filter-tag,
  #ajax-content-wrap .container.main-content .te-classic-shell .te-venue,
  #ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-venue,
  #ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-tags button,
  #ajax-content-wrap .container.main-content .te-classic-shell .te-active-filter {
    transform: none !important;
  }
}

/* Locations are controls first: keep them steady and easy to scan. */
#ajax-content-wrap .container.main-content .te-classic-shell .te-venue,
#ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-venue,
#ajax-content-wrap .container.main-content .te-classic-shell .te-venue:hover,
#ajax-content-wrap .container.main-content .te-classic-shell .te-venue:focus-visible,
#ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-venue:hover,
#ajax-content-wrap .container.main-content .te-classic-shell .te-dialog-venue:focus-visible {
  transform: none !important;
}
/* Keep filter removers as calm rounded rectangles, like the report button. */
#ajax-content-wrap .container.main-content .te-classic-shell .te-active-filter {
  border-radius: 8px !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-active-filter-close {
  border-radius: 0 8px 8px 0 !important;
}