@import variables
@import mixins

#modal-overlay
  position: fixed
  top: 0
  left: 0
  width: 100%
  height: 100%
  background: rgba(0, 0, 0, 0.9)
  overflow: auto
  z-index: 100

#modal-box
  position: fixed
  max-height: calc(100% - 30px)
  top: 2%
  left: 50%
  transform: translateX(-50%)
  background: #fff
  overflow: auto
  border-radius: 5px

#modal-content
  padding: 0 5px 5px

#modal-header
  text-align: right
  padding-right: 5px

#modal-close-button
  color: color('primary')
  &:hover
    color: color('error')