$stratum: 10000
$width: 700px
$height: 450px

.up-modal-overlay
  position: fixed
  top: 0
  left: 0
  bottom: 0
  right: 0
  background-color: rgba(90, 90, 90, 0.7)
  z-index: $stratum

.up-modal-dialog
  position: fixed
  z-index: $stratum + 1
  margin: auto
  top: 0
  left: 0
  bottom: 0
  right: 0
  width: $width
  height: $height
  max-width: 100%
  max-height: 100%
  background-color: #fff
  box-shadow: 0 0 10px 5px #000

.up-modal-close
  position: absolute
  top: 20px
  right: 20px
  background-color: #666
  color: #fff
  font-weight: bold
  text-transform: uppercase
  padding: 5px 15px
  z-index: $stratum + 2
  cursor: pointer
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)

.up-modal-close-label

.up-modal-close-key
  margin-left: 3px
  opacity: 0.5

.up-modal-content
  overflow-x: hidden
  overflow-y: auto
  width: 100%
  height: 100%
  padding: 20px
  box-sizing: border-box