export const removeStylesOfHighlightedElements = () => {
  const $highlightedElements = document.getElementsByClassName('highlightedTrainingElement');
  const $highlightedBackgrounds = document.getElementsByClassName('highlightedTrainingElementBackground');
  const $highlightedPositions = document.getElementsByClassName('highlightedTrainingElementPosition');
  const $highlightedZIndexes = document.getElementsByClassName('highlightedTrainingElementZIndex');

  for (let elem of $highlightedElements) {
    elem.classList.remove('highlightedTrainingElement');
  }

  for (let elem of $highlightedBackgrounds) {
    elem.classList.remove('highlightedTrainingElementBackground');
  }

  for (let elem of $highlightedPositions) {
    elem.classList.remove('highlightedTrainingElementPosition');
  }

  for (let elem of $highlightedZIndexes) {
    elem.classList.remove('highlightedTrainingElementZIndex');
  }
};