.fabric-scrollbar::-webkit-scrollbar {
  display: none;
}
.fabric-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 1024px) {
  .fabric-scrollbar {
    -ms-overflow-style: auto;
    scrollbar-width: thin;
    scrollbar-color: #f0b60b transparent;
    padding-bottom: 6px;
  }
  .fabric-scrollbar::-webkit-scrollbar {
    height: 5px;
  }
  .fabric-scrollbar::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px;
  }
  .fabric-scrollbar::-webkit-scrollbar-thumb {
    background: #f0b60b;
    border-radius: 10px;
    transition: background 0.3s ease;
  }
  .fabric-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #f0b60b;
  }
}
.fabric-scrollbar::-webkit-scrollbar {
  height: 6px;
}
.fabric-scrollbar::-webkit-scrollbar-thumb {
  background-color: #fd0056;
  border-radius: 10px;
}
.fabric-scrollbar::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
#filterContainer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.3s ease;
  opacity: 0;
}
#filterContainer.active {
  max-height: 500px;
  opacity: 1;
}