.modal
  position: absolute
  z-index: $modalLevelZIndex
  top: 0
  right: @top
  bottom: @right
  left: @bottom
  width: 100%
  height: @width
  display: flex
  align-items: center
  justify-content: center
  outline: none

  > .backdrop
    opacity: 0
    transition: transitOpacity(.5s, .1s)
    &.closable
      cursor: pointer

  > .contentContainer
    position: relative
    $autoOverflowY()

  > .close
    position: absolute
    top: 30px
    right: @top