/**
 * The default transition, used when the element is visible
 * since the beginning of the animation
 * ---
 * @access private
 * @type transition
 * @group transition
 */
/**
 * The enter transition, used when the element is not visible on the screen
 * since the beginning of the animation and become visible
 * ---
 * @access private
 * @type transition
 * @group transition
 */
/**
 * The leave transition, used when the element is visible on the screen
 * since the beginning of the animation and is removed
 * ---
 * @access private
 * @type transition
 * @group transition
 */
/**
 * The stand transition, used when the element is going to accelerate,
 * like movements from bottom to top
 * ---
 * @access private
 * @type transition
 * @group transition
 */
/**
 * The out transition, used when the element is going to deaccelerate,
 * like movements from top to bottom
 * ---
 * @access private
 * @type transition
 * @group transition
 */
.md-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.6);
}
body > .md-overlay, .md-overlay.md-fixed {
  position: fixed;
}

.md-overlay-enter,
.md-overlay-leave {
  transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.md-overlay-enter.md-overlay-enter-active {
  opacity: 1;
}

.md-overlay-enter,
.md-overlay-leave-active {
  opacity: 0;
}