.fg-avatar-cropper-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;

  background-color: #222426;

  transition: all .4s ease;
}

.fg-avatar-cropper-controller-button {
  position: absolute;
  top: 25px;

  width: 25px;
  height: 25px;

  background: transparent;
  border: none;

  font-size: 25px;
  line-height: 1;

  transition: color .4s ease;
}

.fg-avatar-cropper-controller-close-button {
  left: 25px;

  color: #999999;
}

.fg-avatar-cropper-controller-submit-button {
  right: 25px;

  color: #66AFFF;
}

.fg-avatar-cropper-controller-button:hover {
  color: #FFFFFF;
}

.fg-avatar-cropper-container {
  position: relative;
  top: calc(50% - 200px);

  display: flex;
  justify-content: center;
  align-items: center;

  width: 400px;
  height: 400px;
  
  margin: auto;
}

.fg-avatar-cropper-container,
.fg-avatar-cropper-container .cropper-wrap-box {
  background-color: #2D2F31;
}

.fg-avatar-cropper-container .cropper-line,
.fg-avatar-cropper-container .point-n,
.fg-avatar-cropper-container .point-e,
.fg-avatar-cropper-container .point-w,
.fg-avatar-cropper-container .point-s {
  cursor: default;
}

.fg-avatar-cropper-container .point-n,
.fg-avatar-cropper-container .point-e,
.fg-avatar-cropper-container .point-w,
.fg-avatar-cropper-container .point-s {
  display: none;
}

.fg-avatar-cropper-loader {
  position: absolute;
  top: calc(50% - 17.5px);
  left: calc(50% - 17.5px);

  width: 35px;
  height: 35px;

  margin: auto;
}

.fg-avatar-cropper-loader-icon {
  position: relative;

  width: 35px;

  margin: 0 auto;

  background-image: none;
}