.mysearch-filter-toggle {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #212121 !important;
  transition: background-color 0.35s ease, color 0.35s ease;
}

.mysearch-filter-toggle[aria-expanded="true"] {
  background-color: #212121 !important;
  color: #ffffff !important;
}

.mysearch-filter-toggle .mysearch-filter-count {
  background-color: #ffffff !important;
  color: #212121 !important;
}

.mysearch-filter-drawer {
  top: calc(100% + 8px);
}

.mysearch-panel {
  top: calc(100% + 4px);
}

.mysearch-filter-panel[hidden] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .mysearch-filter-toggle {
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
  }
}