/*! Start data-expander*/
.target-show {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
  animation-name: toggleTargetShow;
}

.target-hide {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
  animation-name: toggleTargetHide;
}

[data-expander-target] {
  display: none;
}

[data-expander-target].active {
  display: block;
}

[data-expander-target].target-show {
  animation-name: toggleTargetShow;
}

[data-expander-target].target-hide {
  animation-name: toggleTargetHide;
}

@keyframes toggleTargetShow {
  from {
    opacity: 0;
    transform: translateY(-10%);
    transition: all 1.4s ease-out;
  }
  to {
    opacity: 1;
    transform: translateY(0%);
    transition: all 1.4s ease-out;
  }
}
@keyframes toggleTargetHide {
  from {
    opacity: 1;
    transform: translateY(0%);
    transition: all 1.4s ease-out;
  }
  to {
    opacity: 0;
    transform: translateY(-10%);
    transition: all 1.4s ease-out;
  }
}
/*! End data-expander */