/* breakpoints */
.glossaryentriespage .glossaryIndicatorContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .glossaryentriespage .glossaryIndicatorContainer {
    gap: 12px;
  }
}
.glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators {
  height: 80px;
  width: 80px;
  border-radius: var(--border-radius-sm);
  position: relative;
  transition: var(--transition);
  background: var(--white);
  border: 2px solid var(--clr-grey);
  margin: 0;
  cursor: default;
}
@media (max-width: 1199.98px) {
  .glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators {
    height: 70px;
    width: 70px;
  }
}
@media (max-width: 991.98px) {
  .glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators {
    height: 60px;
    width: 60px;
  }
}
@media (max-width: 767.98px) {
  .glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators {
    height: 50px;
    width: 50px;
  }
}
.glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--font-clr);
  text-transform: uppercase;
  transition: 0.25s ease all;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  opacity: 0.2;
}
@media (max-width: 991.98px) {
  .glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators span {
    font-size: 1.125rem;
  }
}
@media (max-width: 767.98px) {
  .glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators span {
    font-size: 1rem;
  }
}
.glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators.haselements {
  background: var(--clr-grey);
  cursor: pointer;
  transition: var(--transition);
  border-color: var(--clr-grey);
}
.glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators.haselements span {
  color: var(--font-clr);
  opacity: 1;
}
.glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators.haselements:hover {
  background: var(--clr-primary-light);
  border-color: var(--clr-primary-light);
}
.glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators.haselements:hover span {
  color: var(--clr-primary);
  opacity: 1;
}
.glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators.current {
  background: linear-gradient(var(--bg-gradient-direction, 120deg), var(--clr-secondary) 0%, var(--clr-primary) 100%);
  border: none;
}
.glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators.current span {
  color: var(--white);
  opacity: 1;
}
.glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators.current:hover {
  background: linear-gradient(var(--bg-gradient-direction, 120deg), var(--clr-secondary) 0%, var(--clr-primary) 100%);
  border: none;
}
.glossaryentriespage .glossaryIndicatorContainer .glossaryIndicators.current:hover span {
  color: var(--white);
  opacity: 1;
}
.glossaryentriespage .glossary__list--area .glossary__current {
  height: 200px;
  width: 200px;
  border-radius: var(--border-radius-lg);
  border: 0;
  transition: var(--transition);
  background: linear-gradient(var(--bg-gradient-direction, 120deg), var(--clr-secondary) 0%, var(--clr-primary) 100%);
  margin: 0;
  user-select: none;
}
@media (max-width: 1199.98px) {
  .glossaryentriespage .glossary__list--area .glossary__current {
    height: 160px;
    width: 160px;
  }
}
@media (max-width: 991.98px) {
  .glossaryentriespage .glossary__list--area .glossary__current {
    height: 120px;
    width: 120px;
  }
}
@media (max-width: 767.98px) {
  .glossaryentriespage .glossary__list--area .glossary__current {
    height: 80px;
    width: 80px;
  }
}
.glossaryentriespage .glossary__list--area .glossary__current span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  transition: 0.25s ease all;
  line-height: 1;
}
.glossaryentriespage .glossary__list--area .glossary__entry--area .glossary__entry--item {
  background: var(--clr-grey);
  padding: 40px;
  border-radius: var(--border-radius-lg);
}
@media (max-width: 767.98px) {
  .glossaryentriespage .glossary__list--area .glossary__entry--area .glossary__entry--item {
    padding: 20px;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fthermotex24%2Fscss%2Fpages%2F_glossar.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Fpages%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACsCE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD7BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC6BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADNE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAWN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC5DA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkFE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC9FF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */