@import '../../index';

.modal
  position: fixed
  right: 0
  top: 0
  width: 100%
  height: calc(100% - 10em)
  top: 5em

.modal-background
  background-color:  $app['palette']['bg-primary']['1']
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: $opacity_disabled

.modal-panel
  background-color:  $app['palette']['bg-primary']['2']
  Box-shadow: 0px 0px 0px  $app['palette']['border-primary']
  border: 5px solid  $app['palette']['border-primary']
  color:  $app['palette']['text-primary']['1']
  border-radius: 1.5em;
  box-sizing: border-box
  position: absolute
  padding: 1em
  margin: auto