.a-portrait-blur {
  &::before {
    @include keyframes(portraitBlur) {
      0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 74%;
        transform: translateY(0) translateX(0);
      }

      100% {
        box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.5);
        width: 90%;
        height: 64%;
        transform: translateY(9px) translateX(9px);
      }
    }

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

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

  @include show();
}