/* line 2, ../../../../../../resource/compass/_ui/shared/common/css/ui/layout/ui-overlay-view.scss */
#UIOverlayView {
  -webkit-animation: UIOverlayView-animation 0.15s linear;
  animation: UIOverlayView-animation 0.15s linear;
}
/* line 5, ../../../../../../resource/compass/_ui/shared/common/css/ui/layout/ui-overlay-view.scss */
#UIOverlayView .ui-icon-close-colorbox:hover #close-cross {
  stroke: #36b449;
}

/* line 10, ../../../../../../resource/compass/_ui/shared/common/css/ui/layout/ui-overlay-view.scss */
.UIOverlayView-outerContainer {
  -webkit-animation: UIOverlayView-content-animation 0.4s linear;
  animation: UIOverlayView-content-animation 0.4s linear;
}

@-webkit-keyframes UIOverlayView-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes UIOverlayView-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes UIOverlayView-content-animation {
  0% {
    max-height: 0;
    max-width: 0;
  }
  100% {
    max-height: auto;
    max-width: auto;
  }
}
@keyframes UIOverlayView-content-animation {
  0% {
    max-height: 0;
    max-width: 0;
  }
  100% {
    max-height: auto;
    max-width: auto;
  }
}