#crop-modal {
  position:         absolute;
  z-index:          1111;
  top:              $menu-height;
  bottom:           0px;
  left:             0px;
  right:            0px;
  background-color: black;
  display:          none;

  &.cropping-mode {
    display:  block;
  }

  .crop-wrapper {
    img {
      width:  100%;
    }
  }

  .control-bar {
    display:              flex;
    justify-content:      space-between;
    color:                white;
    font-size:            30px;

    button {
      text-transform:   uppercase;
      color:            white;
      font-size:        18px;
      font-weight:      bold;
    }

    i {
      padding-top:    4px;
    }
  }
}