.ia-diversity__legend {
  display: none;
  gap: 20px;
  margin: 32px 0;
  flex-wrap: wrap;
  font-size: 14px;
}
.ia-diversity__legend.active:not([data-filter=all]) {
  display: flex;
}
.ia-diversity__legend-item {
  display: flex;
}
.ia-diversity__legend-item--color {
  width: 25px;
  margin-right: 10px;
  max-height: 25px;
  min-width: 25px;
}

.pattern-all {
  background-color: #f5f5f5;
}

.pattern-1 {
  background-image: url("../../../assets/images/patterns/1.svg");
  background-repeat: repeat;
}

.pattern-1-legend {
  background-image: url("../../../assets/images/patterns/legend/1.svg");
  background-repeat: no-repeat;
}

.pattern-2 {
  background-image: url("../../../assets/images/patterns/2.svg");
  background-repeat: repeat;
}

.pattern-2-legend {
  background-image: url("../../../assets/images/patterns/legend/2.svg");
  background-repeat: no-repeat;
}

.pattern-3 {
  background-image: url("../../../assets/images/patterns/3.svg");
  background-repeat: repeat;
}

.pattern-3-legend {
  background-image: url("../../../assets/images/patterns/legend/3.svg");
  background-repeat: no-repeat;
}

.pattern-4 {
  background-image: url("../../../assets/images/patterns/4.svg");
  background-repeat: repeat;
}

.pattern-4-legend {
  background-image: url("../../../assets/images/patterns/legend/4.svg");
  background-repeat: no-repeat;
}

.pattern-5 {
  background-image: url("../../../assets/images/patterns/5.svg");
  background-repeat: repeat;
}

.pattern-5-legend {
  background-image: url("../../../assets/images/patterns/legend/5.svg");
  background-repeat: no-repeat;
}

.pattern-6 {
  background-image: url("../../../assets/images/patterns/6.svg");
  background-repeat: repeat;
}

.pattern-6-legend {
  background-image: url("../../../assets/images/patterns/legend/6.svg");
  background-repeat: no-repeat;
}
/*# sourceMappingURL=legend.css.map */