@import "import";

.keyholeAnimation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: z(overlay);
  pointer-events: none;

  .overlay,
  .logoAnimationWrapper {
    width: 100%;
    height: 100%;
  }

  .overlay {
    background-color: color(black);
    position: fixed;
  }

  .logoAnimation {
    .background {
      fill: color(black);
    }

    .logoGroup {
      transform-origin: 0.5 0.5 !important;

      @include firefox {
        transform-origin: 50% 50% !important;
      }
    }
  }
}