.mansup-list {
  position: relative;
}
.mansup-list.grid {
  --grid-column-width: calc((100% / var(--grid-column-count)) - ((var(--grid-column-count) - 1) * var(--grid-gap) / var(--grid-column-count)));
  display: grid;
  grid-template-columns: repeat(var(--grid-column-count), 1fr);
  gap: var(--grid-gap);
  clear: both;
  flex-wrap: wrap;
  align-items: stretch;
  margin: var(--grid-gap) 0;
  --grid-column-count: 2;
}
.mansup-list.grid:before, .mansup-list.grid:after {
  content: none;
}
.mansup-list.grid > * {
  min-width: 0;
}
.mansup-list.grid > * > *:first-child {
  height: 100%;
}
@media (min-width: 420px) {
  .mansup-list.grid {
    --grid-column-count: 3;
  }
}
@media (min-width: 1008px) {
  .mansup-list.grid {
    --grid-column-count: 4;
  }
}
@media (min-width: 1368px) {
  .mansup-list.grid {
    --grid-column-count: 6;
  }
}
@media (min-width: 1008px) {
  .with-column .mansup-list.grid {
    --grid-column-count: 3;
  }
}
@media (min-width: 1368px) {
  .with-column .mansup-list.grid {
    --grid-column-count: 4;
  }
}

.mansup-list .mansup-container {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
.mansup-list .mansup-logo a {
  position: relative;
  display: block;
  overflow: hidden;
}
.mansup-list .mansup-logo a:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  z-index: 1;
  pointer-events: none;
  padding: 0 0 var(--image-ratio, 100%);
}
.mansup-list .mansup-logo a img {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.mansup-list .mansup-logo a img {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.mansup-list .mansup-infos {
  overflow: hidden;
  padding: 16px;
  font-size: 1rem;
}
.mansup-list .mansup-infos:hover .mansup-name {
  color: #F36C32;
}
.mansup-list .mansup-name {
  margin: 0;
  text-align: center;
  color: var(--dark-color);
  font-size: 1.125rem;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
}
.mansup-list .mansup-name a {
  color: inherit;
}
.mansup-list .mansup-desc {
  display: none;
  color: var(--text-color);
  margin: 12px 0 0;
}
.mansup-list .mansup-more {
  display: none;
  vertical-align: top;
  margin-top: 8px;
  text-decoration: underline;
}

.content_sortPagiBar {
  text-align: left;
}

#list-filter {
  position: relative;
  margin: 0;
  width: clamp(200px, 66%, 300px);
}
#list-filter_button_search, #list-filter_button_reset {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  width: var(--input-height);
  font-size: calc(var(--input-height) * 0.5);
  line-height: var(--input-height);
  text-align: center;
  cursor: pointer;
  color: var(--dark-color);
}
#list-filter_button_search:hover, #list-filter_button_reset:hover {
  color: var(--text-color);
}
#list-filter #list-filter_button_reset {
  display: none;
}
#list-filter_query.filled ~ #list-filter_button_search, #list-filter_query:focus ~ #list-filter_button_search {
  display: none;
}
#list-filter_query.filled ~ #list-filter_button_reset, #list-filter_query:focus ~ #list-filter_button_reset {
  display: block;
}
#list-filter_loader {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  padding-top: 9%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  animation: fadeIn 0.2s cubic-bezier(0.23, 1, 0.32, 1) both;
  align-items: start;
}

/*# sourceMappingURL=manufacturer.css.map */