/*
 * Views filters Summary
 *
 * This file contains all the styles for the views filters summary.
 */
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
@media (min-width: 992px) {
  .view-header {
    margin-right: 225px;
  }
}

.views-filters-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
@media (min-width: 992px) {
  .views-filters-summary {
    margin-top: 2rem;
  }
}
.views-filters-summary .items {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1rem 0.5rem;
}
.views-filters-summary .remove-filter {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0;
}
.views-filters-summary .remove-filter svg {
  height: 100%;
  color: #491e88;
}
.views-filters-summary .reset {
  color: #333333;
}
.views-filters-summary .reset:hover {
  color: #491e88;
  text-decoration: none;
}
.views-filters-summary .reset .icon {
  display: flex;
  height: 1rem;
}
.views-filters-summary .reset .icon svg {
  fill: #491e88;
}
.views-filters-summary .value-container, .views-filters-summary .reset {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  margin: 0;
  border: 2px solid #dbdbdb;
  transition: all 0.3s ease;
}
.views-filters-summary .value-container:after, .views-filters-summary .reset:after {
  display: none;
}
.views-filters-summary .value-container:hover, .views-filters-summary .reset:hover {
  border-color: #491e88;
}
/*# sourceMappingURL=views-filters-summary.css.map */