.AttachmentPreviewer_preview_1SCh {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_icons_3wyQ {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_header_2AxN {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 40px;
  padding-right: 40px;
  background: #000000;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5), 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5), 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  opacity: 0.9;
  z-index: 100000;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_header_2AxN .AttachmentPreviewer_header-left_3PG6,
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_header_2AxN .AttachmentPreviewer_header-right_XvMq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_header_2AxN .AttachmentPreviewer_header-left_3PG6 {
  max-width: 75%;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_header_2AxN .AttachmentPreviewer_header-text_1b6w {
  margin-left: 5px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 21px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_header_2AxN .AttachmentPreviewer_header-left_3PG6 .AttachmentPreviewer_file-size_2hg4 {
  margin-left: 12px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 22px;
  opacity: 0.65;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_header_2AxN .AttachmentPreviewer_header-right_XvMq {
  cursor: pointer;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_header_2AxN .AttachmentPreviewer_header-right_XvMq .AttachmentPreviewer_header-btn_3LFA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 20px;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_header_2AxN .AttachmentPreviewer_header-right_XvMq .AttachmentPreviewer_header-btn_3LFA.AttachmentPreviewer_hide_22Fv {
  display: none;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX {
  position: absolute;
  top: 45px;
  right: 0;
  bottom: 5px;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 100%;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX .AttachmentPreviewer_content-btn_en4u {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #000000;
  border-radius: 50%;
  z-index: 100000;
  cursor: pointer;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX .AttachmentPreviewer_content-btn_en4u.AttachmentPreviewer_hide_22Fv {
  display: none;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX .AttachmentPreviewer_content-btn_en4u .AttachmentPreviewer_handle-icons_122j {
  color: #fff;
  font-size: 20px;
  font-weight: bolder;
  opacity: 0.8;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX .AttachmentPreviewer_content-btn_en4u:hover .AttachmentPreviewer_handle-icons_122j {
  opacity: 1;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX .AttachmentPreviewer_content-btn-left_2V6- {
  left: 60px;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX .AttachmentPreviewer_left-btn-show-animation_2Gma {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  left: 60px;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX .AttachmentPreviewer_left-btn-hide-animation_2sEK {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  left: -40px;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX .AttachmentPreviewer_content-btn-right_2cLg {
  right: 60px;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX .AttachmentPreviewer_right-btn-show-animation_2hf- {
  -webkit-transition: right 0.5s;
  -o-transition: right 0.5s;
  transition: right 0.5s;
  right: 60px;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_container_2vPX .AttachmentPreviewer_right-btn-hide-animation_zU3A {
  -webkit-transition: right 0.5s;
  -o-transition: right 0.5s;
  transition: right 0.5s;
  right: -40px;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_inner-container_2_nG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85%;
  height: 100%;
  overflow: hidden;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_inner-container_2_nG .AttachmentPreviewer_list-container_3AeU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_inner-container_2_nG .AttachmentPreviewer_list-container_3AeU .AttachmentPreviewer_list-item_PgoZ {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-left: 1px;
  padding-right: 1px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_inner-container_2_nG .AttachmentPreviewer_preview-content_33q- {
  position: relative;
  border: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-size: 16px;
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 2px;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #fff;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_inner-container_2_nG .AttachmentPreviewer_preview-content_33q-.AttachmentPreviewer_hide_22Fv {
  display: none;
}
.AttachmentPreviewer_preview_1SCh .AttachmentPreviewer_loading_4jPV {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.AttachmentPreviewer_alert-container_EJ-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 85%;
  height: 100%;
  background: #FFFFFF;
}
.AttachmentPreviewer_alert-container_EJ-5 .AttachmentPreviewer_alert-title_2xvt {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 16px;
  color: #212121;
  line-height: 24px;
}
.AttachmentPreviewer_alert-container_EJ-5 .AttachmentPreviewer_alert-btn_Ncf_ {
  font-size: 14px;
  color: #0E5FD8;
  line-height: 21px;
  cursor: pointer;
}
.AttachmentPreviewer_alert-container_EJ-5.AttachmentPreviewer_hide_22Fv {
  display: none;
}

.ImageViewer_image-viewer_slRJ {
  position: relative;
  width: 100%;
  height: 100%;
}
.ImageViewer_image-viewer_slRJ .ImageViewer_image-wrapper_1SCX {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ImageViewer_image-viewer_slRJ .ImageViewer_normal_1ws7 {
  max-width: 100%;
  max-height: 100%;
}
.ImageViewer_image-viewer_slRJ .ImageViewer_normal_1ws7:hover {
  cursor: pointer;
}
.ImageViewer_image-viewer_slRJ .ImageViewer_button-container_1eyB {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -120px;
  width: 240px;
  height: 40px;
  line-height: 40px;
  background: #000;
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ImageViewer_image-viewer_slRJ .ImageViewer_button-container_1eyB .ImageViewer_btn_Rrgp {
  display: inline-block;
  cursor: pointer;
  width: 60px;
  height: 34px;
  line-height: 34px;
  font-size: 23px;
  color: #fff;
  text-align: center;
  opacity: 0.8;
  text-decoration: none;
}
.ImageViewer_image-viewer_slRJ .ImageViewer_button-container_1eyB .ImageViewer_btn_Rrgp:hover {
  opacity: 1;
}
.ImageViewer_image-viewer_slRJ .ImageViewer_button-container_1eyB .ImageViewer_btn-disabled_3imc,
.ImageViewer_image-viewer_slRJ .ImageViewer_button-container_1eyB .ImageViewer_btn-disabled_3imc:hover {
  color: #fff;
  opacity: 0.3;
}
.ImageViewer_image-viewer_slRJ.ImageViewer_hidden_395d {
  display: none;
}