.ele-cropper {
  .ele-cropper-group {
    display: flex;
  }

  .ele-cropper-img-group {
    flex: 1;
    box-sizing: border-box;
  }

  .ele-cropper-preview-group {
    font-size: 0;
    flex-shrink: 0;
    text-align: right;
  }

  .ele-cropper-preview {
    margin-top: 16px;
    display: inline-block;
    border: 1px solid hsla(0, 0%, 80%, 0.6);
    vertical-align: top;
    overflow: hidden;
  }

  .ele-cropper-preview-circle {
    border-radius: 50%;
  }
}

@media screen and (max-width: 768px) {
  .ele-cropper-responsive.ele-cropper .ele-cropper-preview-group {
    display: none;
  }
}

/* cropper tools */
.ele-cropper-tool {
  margin-top: 6px;
}

.ele-cropper-tool-item {
  margin: 10px 14px 0 0;
  vertical-align: top;

  &:last-child {
    margin-right: 0 !important;
  }

  & > .ant-btn + span {
    vertical-align: -1px;
  }
}

.ele-cropper-tool-btn {
  width: auto;
  padding: 0 10px;
}

.ele-cropper-tool-btn-ok {
  padding-left: 12px;
  padding-right: 12px;
}

@media screen and (max-width: 768px) {
  .ele-cropper-responsive .ele-cropper-tool .ele-cropper-tool-item {
    margin-right: 6px;
  }
}