@import settings

.Toast
  border-left: 1rem solid #8a8a8a
  border-radius: 0.5rem
  box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.25)
  padding: 1rem
  margin: 1rem auto
  width: 25rem
  color: $fc-night !important

.Toast--success
  border-color: #008554
  background: rgba(27, 85, 41, 0.8)

.Toast--warning
  border-color: #FFC627
  background: hsla(69, 52%, 22%, 0.8)

.Toast--error
  border-color: #D14229
  background: hsla(7, 52%, 22%, 0.8)

.Toast__message-category
  font-weight: bold
  font-size: 1.25rem
  margin-bottom: 0.5rem
  margin-top: 0
  text-transform: capitalize

.Toast__message-text
  margin-bottom: 0

.popupClose
  position: relative
  right: 65px
  bottom: 30px

.popupClose span
  color: $fc-night !important
  cursor: pointer

#modal-alert
  z-index: 1051

#modal-toast
  display: none
  position: fixed
  top: 10%
  right: 1%
