.a-legend-down {
  &::before {
    @include keyframes(legendDown) {
      0% {
        transform: translateY(0) translateX(9px);
        height: 0;
      }

      100% {
        height: 64%;
        transform: translateY(9px) translateX(9px);
      }
    }

    content: '';
    display: block;
    position: absolute;
    width: 90%;
    height: 64%;
    z-index: 1000;
    transform: translateY(9px) translateX(9px);
    background: rgba(0, 0, 0, 0.5);

    @include animate(legendDown $legend-timing ease-out 1);
  }

  @include show();
}