.app {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}
.appLoading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 14px;
}
.previewPanel {
  position: absolute;
  top: 48px;
  bottom: 0;
  left: 56px;
  right: 0px;
}
.togglePanel {
  position: absolute;
  top: 48px;
  bottom: 0;
  left: 0;
  width: 56px;
  padding: 6px;
  background: #fff;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: #e3e5ec;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
  box-sizing: border-box;
  padding: 8px;
}
.togglePanel-item {
  margin-bottom: 8px;
  text-align: center;
  box-sizing: border-box;
  padding: 5px 0;
  position: relative;
}
.togglePanel-item-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-bottom: 2px;
}
.togglePanel-item-txt {
  font-size: 12px;
  color: #585e6d;
  line-height: 20px;
}
.togglePanel-item:hover {
  border-radius: 6px;
  background: rgba(33, 41, 58, 0.06);
  cursor: pointer;
}
.togglePanel-item__active {
  border-radius: 6px;
  background: rgba(33, 41, 58, 0.06);
  cursor: pointer;
}
.togglePanel-item-sign {
  position: absolute;
  top: -4px;
  right: -12px;
  width: 28px;
  height: 13px;
  border-radius: 24px;
  border: 1px solid #fff;
  background: #fce6ca;
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
  text-align: center;
  color: #924d08;
}
.togglePanel-item-sign-beta {
  position: absolute;
  top: -4px;
  right: -12px;
  width: 28px;
  height: 13px;
  border-radius: 24px;
  border: 1px solid #fff;
  background: #3370ff;
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
  text-align: center;
  color: #fff;
}

.icon_toggle_read {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toggle_readed053dd17da23412905d.svg);
}

.icon_toggle_read_active {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toggle_read_active038314411815e2cecbfc.svg);
}

.icon_toggle_anno {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toggle_annof4d870b79b78cb871a0a.svg);
}

.icon_toggle_anno_active {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toggle_anno_active1625b18363e32e0a9f18.svg);
}

.icon_toggle_edit {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toggle_edit78c8ab013e584a5e1d38.svg);
}

.icon_toggle_edit_active {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toggle_edit_active23e810763142adb1939f.svg);
}

.icon_toggle_convert {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toggle_convert975519a71c9d39725a7f.svg);
}

.icon_toggle_convert_active {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toggle_convert_activee58bf540890f6bd0294e.svg);
}

.icon_toolbar_undo {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_undoc693b35d00e6ea28a5d4.svg);
}

.icon_toolbar_redo {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_redo3fbc7d9a3413b0a4a0ea.svg);
}

.icon_toolbar_drap {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_drapf19cc8e1b405d4f69863.svg);
}

.icon_toolbar_text_hl {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_text_hla06c09a1e129e38da176.svg);
}

.icon_toolbar_area_hl {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_area_hla883e6da8b1a7531c48e.svg);
}

.icon_toolbar_underline {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_underline56c1a13ff1d387b13e0e.svg);
}

.icon_toolbar_deleteline {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_deleteline42aed3351684e2718f50.svg);
}

.icon_toolbar_paint {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_paint1dc5c0a2054fd105cbb1.svg);
  color: #fff;
}

.icon_toolbar_text {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_textc5db0050179718df6dbe.svg);
}

.icon_toolbar_shape {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_shape8a6de3faa1a9fc92ad68.svg);
}

.icon_toolbar_eraser {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_eraser03ce55feca4337a11b82.svg);
}

.icon_toolbar_watermark {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_watermark26d29e76466a376ee7ad.svg);
}

.icon_toolbar_add_text {
  background-image: url(//mimg.127.net/freemail/preview/static/images/toolbar_addText7dc68b3e459688ec7e76.svg);
}
.m-header {
  background-color: #fff;
  height: 48px;
  box-sizing: border-box;
  padding: 14px 12px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #e3e5ec;
}
.m-header-title {
  font-size: 14px;
  font-weight: 500;
  color: #21293a;
  margin-right: 8px;
  vertical-align: top;
}
.m-header-size {
  font-size: 14px;
  color: #585e6d;
  vertical-align: top;
}
.m-header-actions {
  float: right;
  margin-top: -4px;
}
.m-header-beni {
  float: right;
  margin-top: -4px;
}
.m-header-beni-info {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  margin-right: 8px;
  vertical-align: middle;
  color: #8a4a12;
}
.m-header-beni-info-warn {
  color: #ec4444;
}
.m-header-beni-tips {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  margin-right: 16px;
  color: #8a4a12;
}
.m-header-beni-tips img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 8px;
}
.m-header-beni-tips span {
  vertical-align: middle;
}
.m-header-divider {
  float: right;
  width: 1px;
  height: 16px;
  background: #e3e5ec;
  margin-right: 16px;
  margin-top: 1px;
}

.w-colorPicker {
  white-space: nowrap;
}
.w-colorPicker-item-wrapper {
  margin-right: 6px;
  height: 26px;
  width: 26px;
  box-sizing: border-box;
  display: inline-block;
  border: 0.5px solid #fff;
}
.w-colorPicker-item-wrapper:last-child {
  margin-right: 0;
}
.w-colorPicker-item-wrapper__active {
  border-radius: 4px;
  background: #ffffff;
  box-sizing: border-box;
  border: 0.5px solid #e3e5ec;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
}
.w-colorPicker-item-wrapper:hover {
  border-radius: 4px;
  background: #ffffff;

  border: 0.5px solid #e3e5ec;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
}
.w-colorPicker-item {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #ff6b6b;
  box-sizing: border-box;
  border: 0.5px solid #e3e5ec;
  margin: 3px;
  cursor: pointer;
}
.w-colorPicker-item-more {
  background: conic-gradient(
    from 180deg at 50% 50%,
    #ff5252 -88deg,
    #ffbe5d 0deg,
    #c6ff64 90deg,
    #528cff 178deg,
    #ff5252 272deg,
    #ffbe5d 360deg
  );
}

.w-toolbarPluginConfigPanel {
  /* width: 218px; */
}
.w-modePicker {
  margin-top: 12px;
}
.w-modePicker-title {
  color: #585e6d;
  font-size: 12px;
  line-height: 20px;
}
.w-modePicker-list {
  margin-top: 12px;
  border-radius: 4px;
  background: #f5f6f7;
  padding: 4px;
}
.w-modePicker-item {
  display: inline-block;
  width: 48px;
  height: 44px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 4px;
}
.w-modePicker-item:last-child {
  margin-right: 0;
}
.w-modePicker-item-img {
  width: 16px;
  height: 16px;
  margin: 4px auto 0;
}
.w-modePicker-item:hover {
  background-color: #fff;
}
.w-modePicker-item__active {
  background-color: #fff;
}
.w-modePicker-item-txt {
  margin-top: 2px;
  font-size: 12px;
}
.w-thicknessPicker {
  margin-top: 16px;
}
.w-thicknessPicker-title {
  color: #585e6d;
  font-size: 12px;
  line-height: 20px;
  user-select: none;
}
.w-thicknessPicker-main {
  margin-top: 8px;
  white-space: nowrap;
}
.w-thicknessPicker-input {
  width: 190px;
  display: inline-block;
  vertical-align: top;
  user-select: none;
}
.w-thicknessPicker-ctrl {
  display: inline-block;
  margin-left: 6px;
  box-sizing: border-box;
  width: 60px;
  height: 32px;
  border: 1px solid #e3e5ec;
  border-radius: 4px;
  padding: 3px 3px;
}
.w-thicknessPicker-ctrl-btn {
  display: inline-block;
  height: 24px;
  width: 24px;
  box-sizing: border-box;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.w-thicknessPicker-ctrl-btn:hover {
  background: #f5f6f7;
}

/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.dialog{
  --dialog-bg-color:white;
  --dialog-border-color:white;
  --dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2);
  --text-primary-color:#15141a;
  --text-secondary-color:#5b5b66;
  --hover-filter:brightness(0.9);
  --focus-ring-color:#0060df;
  --focus-ring-outline:2px solid var(--focus-ring-color);

  --textarea-border-color:#8f8f9d;
  --textarea-bg-color:white;
  --textarea-fg-color:var(--text-secondary-color);

  --radio-bg-color:#f0f0f4;
  --radio-checked-bg-color:#fbfbfe;
  --radio-border-color:#8f8f9d;
  --radio-checked-border-color:#0060df;

  --button-secondary-bg-color:#f0f0f4;
  --button-secondary-fg-color:var(--text-primary-color);
  --button-secondary-border-color:var(--button-secondary-bg-color);
  --button-secondary-hover-bg-color:var(--button-secondary-bg-color);
  --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
  --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);

  --button-primary-bg-color:#0060df;
  --button-primary-fg-color:#fbfbfe;
  --button-primary-hover-bg-color:var(--button-primary-bg-color);
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
  --button-primary-hover-border-color:var(--button-primary-hover-bg-color);

  font:message-box;
  font-size:13px;
  font-weight:400;
  line-height:150%;
  border-radius:4px;
  padding:12px 16px;
  border:1px solid var(--dialog-border-color);
  background:var(--dialog-bg-color);
  color:var(--text-primary-color);
  box-shadow:var(--dialog-shadow);
}

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) .dialog{
    --dialog-bg-color:#1c1b22;
    --dialog-border-color:#1c1b22;
    --dialog-shadow:0 2px 14px 0 #15141a;
    --text-primary-color:#fbfbfe;
    --text-secondary-color:#cfcfd8;
    --focus-ring-color:#0df;
    --hover-filter:brightness(1.4);

    --textarea-bg-color:#42414d;

    --radio-bg-color:#2b2a33;
    --radio-checked-bg-color:#15141a;
    --radio-checked-border-color:#0df;

    --button-secondary-bg-color:#2b2a33;
    --button-primary-bg-color:#0df;
    --button-primary-fg-color:#15141a;
}
  }

:where(html.is-dark) .dialog{
    --dialog-bg-color:#1c1b22;
    --dialog-border-color:#1c1b22;
    --dialog-shadow:0 2px 14px 0 #15141a;
    --text-primary-color:#fbfbfe;
    --text-secondary-color:#cfcfd8;
    --focus-ring-color:#0df;
    --hover-filter:brightness(1.4);

    --textarea-bg-color:#42414d;

    --radio-bg-color:#2b2a33;
    --radio-checked-bg-color:#15141a;
    --radio-checked-border-color:#0df;

    --button-secondary-bg-color:#2b2a33;
    --button-primary-bg-color:#0df;
    --button-primary-fg-color:#15141a;
}

@media screen and (forced-colors: active){

.dialog{
    --dialog-bg-color:Canvas;
    --dialog-border-color:CanvasText;
    --dialog-shadow:none;
    --text-primary-color:CanvasText;
    --text-secondary-color:CanvasText;
    --hover-filter:none;
    --focus-ring-color:ButtonBorder;

    --textarea-border-color:ButtonBorder;
    --textarea-bg-color:Field;
    --textarea-fg-color:ButtonText;

    --radio-bg-color:ButtonFace;
    --radio-checked-bg-color:ButtonFace;
    --radio-border-color:ButtonText;
    --radio-checked-border-color:ButtonText;

    --button-secondary-bg-color:ButtonFace;
    --button-secondary-fg-color:ButtonText;
    --button-secondary-border-color:ButtonText;
    --button-secondary-hover-bg-color:AccentColor;
    --button-secondary-hover-fg-color:AccentColorText;

    --button-primary-bg-color:ButtonText;
    --button-primary-fg-color:ButtonFace;
    --button-primary-hover-bg-color:AccentColor;
    --button-primary-hover-fg-color:AccentColorText;
}
  }

.dialog .mainContainer *:focus-visible{
      outline:var(--focus-ring-outline);
      outline-offset:2px;
    }

.dialog .mainContainer .radio{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
    }

.dialog .mainContainer .radio > .radioButton{
        display:flex;
        gap:8px;
        align-self:stretch;
        align-items:center;
      }

.dialog .mainContainer .radio > .radioButton input{
          -webkit-appearance:none;
             -moz-appearance:none;
                  appearance:none;
          box-sizing:border-box;
          width:16px;
          height:16px;
          border-radius:50%;
          background-color:var(--radio-bg-color);
          border:1px solid var(--radio-border-color);
        }

.dialog .mainContainer .radio > .radioButton input:hover{
            filter:var(--hover-filter);
          }

.dialog .mainContainer .radio > .radioButton input:checked{
            background-color:var(--radio-checked-bg-color);
            border:4px solid var(--radio-checked-border-color);
          }

.dialog .mainContainer .radio > .radioLabel{
        display:flex;
        padding-inline-start:24px;
        align-items:flex-start;
        gap:10px;
        align-self:stretch;
      }

.dialog .mainContainer .radio > .radioLabel > span{
          flex:1 0 0;
          font-size:11px;
          color:var(--text-secondary-color);
        }

.dialog .mainContainer button{
      border-radius:4px;
      border:1px solid;
      font:menu;
      font-weight:600;
      padding:4px 16px;
      width:auto;
      height:32px;
    }

.dialog .mainContainer button:hover{
        cursor:pointer;
        filter:var(--hover-filter);
      }

.dialog .mainContainer button.secondaryButton{
        color:var(--button-secondary-fg-color);
        background-color:var(--button-secondary-bg-color);
        border-color:var(--button-secondary-border-color);
      }

.dialog .mainContainer button.secondaryButton:hover{
          color:var(--button-secondary-hover-fg-color);
          background-color:var(--button-secondary-hover-bg-color);
          border-color:var(--button-secondary-hover-border-color);
        }

.dialog .mainContainer button.primaryButton{
        color:var(--button-primary-hover-fg-color);
        background-color:var(--button-primary-hover-bg-color);
        border-color:var(--button-primary-hover-border-color);
        opacity:1;
      }

.dialog .mainContainer button.primaryButton:hover{
          color:var(--button-primary-hover-fg-color);
          background-color:var(--button-primary-hover-bg-color);
          border-color:var(--button-primary-hover-border-color);
        }

.dialog .mainContainer textarea{
      font:inherit;
      padding:8px;
      resize:none;
      margin:0;
      box-sizing:border-box;
      border-radius:4px;
      border:1px solid var(--textarea-border-color);
      background:var(--textarea-bg-color);
      color:var(--textarea-fg-color);
    }

.dialog .mainContainer textarea:focus{
        outline-offset:0;
        border-color:transparent;
      }

.dialog .mainContainer textarea:disabled{
        pointer-events:none;
        opacity:0.4;
      }

.textLayer{
  position:absolute;
  text-align:initial;
  inset:0;
  overflow:clip;
  opacity:1;
  line-height:1;
  -webkit-text-size-adjust:none;
     -moz-text-size-adjust:none;
          text-size-adjust:none;
  forced-color-adjust:none;
  transform-origin:0 0;
  caret-color:CanvasText;
  z-index:10;
}

.textLayer.highlighting{
    touch-action:none;
    z-index:auto;
  }

.textLayer.disabled{
    z-index:0;
  }

.textLayer :is(span, br){
    color:transparent;
    position:absolute;
    white-space:pre;
    transform-origin:0% 0%;
  }

.textLayer > :not(.markedContent),
  .textLayer .markedContent span:not(.markedContent){
    z-index:1;
  }

.textLayer span.markedContent{
    top:0;
    height:0;
  }

.textLayer .highlight{
    --highlight-bg-color:rgb(180 0 170 / 0.25);
    --highlight-selected-bg-color:rgb(0 100 0 / 0.25);
    --highlight-backdrop-filter:none;
    --highlight-selected-backdrop-filter:none;

    margin:-1px;
    padding:1px;
    background-color:var(--highlight-bg-color);
    -webkit-backdrop-filter:var(--highlight-backdrop-filter);
            backdrop-filter:var(--highlight-backdrop-filter);
    border-radius:4px;
  }

@media screen and (forced-colors: active){

.textLayer .highlight{
      --highlight-bg-color:transparent;
      --highlight-selected-bg-color:transparent;
      --highlight-backdrop-filter:var(--hcm-highlight-filter);
      --highlight-selected-backdrop-filter:var(--hcm-highlight-selected-filter);
  }
    }

.textLayer .highlight.appended{
      position:initial;
    }

.textLayer .highlight.begin{
      border-radius:4px 0 0 4px;
    }

.textLayer .highlight.end{
      border-radius:0 4px 4px 0;
    }

.textLayer .highlight.middle{
      border-radius:0;
    }

.textLayer .highlight.selected{
      background-color:var(--highlight-selected-bg-color);
      -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);
              backdrop-filter:var(--highlight-selected-backdrop-filter);
    }

.textLayer ::-moz-selection{
  }

.textLayer ::selection{
  }

.textLayer br::-moz-selection{
    background:transparent;
  }

.textLayer br::selection{
    background:transparent;
  }

.textLayer .endOfContent{
    display:block;
    position:absolute;
    inset:100% 0 0;
    z-index:0;
    cursor:default;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
  }

.textLayer .endOfContent.active{
      top:0;
    }

.textLayer *:selection{
  color:transparent !important;
}
.watermarkLayer{
  position:absolute;
  text-align:initial;
  inset:0;
  overflow:clip;
  opacity:1;
  line-height:1;
  -webkit-text-size-adjust:none;
     -moz-text-size-adjust:none;
          text-size-adjust:none;
  forced-color-adjust:none;
  transform-origin:0 0;
  caret-color:CanvasText;
  z-index:0;
}

.annotationLayer{
  z-index:0;
  --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color:Highlight;
  --input-focus-outline:1px solid Canvas;
  --input-unfocused-border-color:transparent;
  --input-disabled-border-color:transparent;
  --input-hover-border-color:black;
  --link-outline:none;

  position:absolute;
  top:0;
  left:0;
  pointer-events:none;
  transform-origin:0 0;
}

@media screen and (forced-colors: active){

.annotationLayer{
    --input-focus-border-color:CanvasText;
    --input-unfocused-border-color:ActiveText;
    --input-disabled-border-color:GrayText;
    --input-hover-border-color:Highlight;
    --link-outline:1.5px solid LinkText;
}

    .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
      outline:1.5px solid selectedItem;
    }

    .annotationLayer .linkAnnotation{
      outline:var(--link-outline);
    }

      .annotationLayer .linkAnnotation:hover{
        -webkit-backdrop-filter:var(--hcm-highlight-filter);
                backdrop-filter:var(--hcm-highlight-filter);
      }

      .annotationLayer .linkAnnotation > a:hover{
        opacity:0 !important;
        background:none !important;
        box-shadow:none;
      }

    .annotationLayer .popupAnnotation .popup{
      outline:calc(1.5px * var(--scale-factor)) solid CanvasText !important;
      background-color:ButtonFace !important;
      color:ButtonText !important;
    }

    .annotationLayer .highlightArea:hover::after{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      -webkit-backdrop-filter:var(--hcm-highlight-filter);
              backdrop-filter:var(--hcm-highlight-filter);
      content:"";
      pointer-events:none;
    }

    .annotationLayer .popupAnnotation.focused .popup{
      outline:calc(3px * var(--scale-factor)) solid Highlight !important;
    }
  }

.annotationLayer[data-main-rotation="90"] .norotate{
    transform:rotate(270deg) translateX(-100%);
  }

.annotationLayer[data-main-rotation="180"] .norotate{
    transform:rotate(180deg) translate(-100%, -100%);
  }

.annotationLayer[data-main-rotation="270"] .norotate{
    transform:rotate(90deg) translateY(-100%);
  }

.annotationLayer.disabled section,
    .annotationLayer.disabled .popup{
      pointer-events:none;
    }

.annotationLayer .annotationContent{
    position:absolute;
    width:100%;
    height:100%;
    pointer-events:none;
  }

.annotationLayer .annotationContent.freetext{
      background:transparent;
      border:none;
      inset:0;
      overflow:visible;
      white-space:nowrap;
      font:10px sans-serif;
      line-height:1.35;
      -webkit-user-select:none;
         -moz-user-select:none;
              user-select:none;
    }

.annotationLayer section{
    position:absolute;
    text-align:initial;
    pointer-events:auto;
    box-sizing:border-box;
    transform-origin:0 0;
  }

.annotationLayer section:has(div.annotationContent) canvas.annotationContent{
        display:none;
      }

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a{
    position:absolute;
    font-size:1em;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
    > a:hover{
    opacity:0.2;
    background-color:rgb(255 255 0);
    box-shadow:0 2px 10px rgb(255 255 0);
  }

.annotationLayer .linkAnnotation.hasBorder:hover{
    background-color:rgb(255 255 0 / 0.2);
  }

.annotationLayer .hasBorder{
    background-size:100% 100%;
  }

.annotationLayer .textAnnotation img{
    position:absolute;
    cursor:pointer;
    width:100%;
    height:100%;
    top:0;
    left:0;
  }

.annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
    background-image:var(--annotation-unfocused-field-background);
    border:2px solid var(--input-unfocused-border-color);
    box-sizing:border-box;
    font:calc(9px * var(--scale-factor)) sans-serif;
    height:100%;
    margin:0;
    vertical-align:top;
    width:100%;
  }

.annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
    outline:1.5px solid red;
  }

.annotationLayer .choiceWidgetAnnotation select option{
    padding:0;
  }

.annotationLayer .buttonWidgetAnnotation.radioButton input{
    border-radius:50%;
  }

.annotationLayer .textWidgetAnnotation textarea{
    resize:none;
  }

.annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea), .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled]{
    background:none;
    border:2px solid var(--input-disabled-border-color);
    cursor:not-allowed;
  }

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover{
    border:2px solid var(--input-hover-border-color);
  }

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
    border-radius:2px;
  }

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus{
    background:none;
    border:2px solid var(--input-focus-border-color);
    border-radius:2px;
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus{
    background-image:none;
    background-color:transparent;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox :focus{
    border:2px solid var(--input-focus-border-color);
    border-radius:2px;
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation.radioButton :focus{
    border:2px solid var(--input-focus-border-color);
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
  .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
  .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
    background-color:CanvasText;
    content:"";
    display:block;
    position:absolute;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
  .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
    height:80%;
    left:45%;
    width:1px;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before{
    transform:rotate(45deg);
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
    transform:rotate(-45deg);
  }

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
    border-radius:50%;
    height:50%;
    left:25%;
    top:25%;
    width:50%;
  }

.annotationLayer .textWidgetAnnotation input.comb{
    font-family:monospace;
    padding-left:2px;
    padding-right:0;
  }

.annotationLayer .textWidgetAnnotation input.comb:focus{
    width:103%;
  }

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
  }

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{
    height:100%;
    width:100%;
  }

.annotationLayer .popupAnnotation{
    position:absolute;
    font-size:calc(9px * var(--scale-factor));
    pointer-events:none;
    width:-moz-max-content;
    width:max-content;
    max-width:45%;
    height:auto;
  }

.annotationLayer .popup{
    background-color:rgb(255 255 153);
    box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136);
    border-radius:calc(2px * var(--scale-factor));
    outline:1.5px solid rgb(255 255 74);
    padding:calc(6px * var(--scale-factor));
    cursor:pointer;
    font:message-box;
    white-space:normal;
    word-wrap:break-word;
    pointer-events:auto;
  }

.annotationLayer .popupAnnotation.focused .popup{
    outline-width:3px;
  }

.annotationLayer .popup *{
    font-size:calc(9px * var(--scale-factor));
  }

.annotationLayer .popup > .header{
    display:inline-block;
  }

.annotationLayer .popup > .header h1{
    display:inline;
  }

.annotationLayer .popup > .header .popupDate{
    display:inline-block;
    margin-left:calc(5px * var(--scale-factor));
    width:-moz-fit-content;
    width:fit-content;
  }

.annotationLayer .popupContent{
    border-top:1px solid rgb(51 51 51);
    margin-top:calc(2px * var(--scale-factor));
    padding-top:calc(2px * var(--scale-factor));
  }

.annotationLayer .richText > *{
    white-space:pre-wrap;
    font-size:calc(9px * var(--scale-factor));
  }

.annotationLayer .popupTriggerArea{
    cursor:pointer;
  }

.annotationLayer section svg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
  }

.annotationLayer .annotationTextContent{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    color:transparent;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    pointer-events:none;
  }

.annotationLayer .annotationTextContent span{
      width:100%;
      display:inline-block;
    }

.annotationLayer svg.quadrilateralsContainer{
    contain:strict;
    width:0;
    height:0;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
  }

:root{
  --xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --xfa-focus-outline:auto;
}

@media screen and (forced-colors: active){
  :root{
    --xfa-focus-outline:2px solid CanvasText;
  }
  .xfaLayer *:required{
    outline:1.5px solid selectedItem;
  }
}

.xfaLayer{
  background-color:transparent;
}

.xfaLayer .highlight{
  margin:-1px;
  padding:1px;
  background-color:rgb(239 203 237);
  border-radius:4px;
}

.xfaLayer .highlight.appended{
  position:initial;
}

.xfaLayer .highlight.begin{
  border-radius:4px 0 0 4px;
}

.xfaLayer .highlight.end{
  border-radius:0 4px 4px 0;
}

.xfaLayer .highlight.middle{
  border-radius:0;
}

.xfaLayer .highlight.selected{
  background-color:rgb(203 223 203);
}

.xfaPage{
  overflow:hidden;
  position:relative;
}

.xfaContentarea{
  position:absolute;
}

.xfaPrintOnly{
  display:none;
}

.xfaLayer{
  position:absolute;
  text-align:initial;
  top:0;
  left:0;
  transform-origin:0 0;
  line-height:1.2;
}

.xfaLayer *{
  color:inherit;
  font:inherit;
  font-style:inherit;
  font-weight:inherit;
  font-kerning:inherit;
  letter-spacing:-0.01px;
  text-align:inherit;
  text-decoration:inherit;
  box-sizing:border-box;
  background-color:transparent;
  padding:0;
  margin:0;
  pointer-events:auto;
  line-height:inherit;
}

.xfaLayer *:required{
  outline:1.5px solid red;
}

.xfaLayer div,
.xfaLayer svg,
.xfaLayer svg *{
  pointer-events:none;
}

.xfaLayer a{
  color:blue;
}

.xfaRich li{
  margin-left:3em;
}

.xfaFont{
  color:black;
  font-weight:normal;
  font-kerning:none;
  font-size:10px;
  font-style:normal;
  letter-spacing:0;
  text-decoration:none;
  vertical-align:0;
}

.xfaCaption{
  overflow:hidden;
  flex:0 0 auto;
}

.xfaCaptionForCheckButton{
  overflow:hidden;
  flex:1 1 auto;
}

.xfaLabel{
  height:100%;
  width:100%;
}

.xfaLeft{
  display:flex;
  flex-direction:row;
  align-items:center;
}

.xfaRight{
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
}

:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton){
  max-height:100%;
}

.xfaTop{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.xfaBottom{
  display:flex;
  flex-direction:column-reverse;
  align-items:flex-start;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton){
  width:100%;
}

.xfaBorder{
  background-color:transparent;
  position:absolute;
  pointer-events:none;
}

.xfaWrapped{
  width:100%;
  height:100%;
}

:is(.xfaTextfield, .xfaSelect):focus{
  background-image:none;
  background-color:transparent;
  outline:var(--xfa-focus-outline);
  outline-offset:-1px;
}

:is(.xfaCheckbox, .xfaRadio):focus{
  outline:var(--xfa-focus-outline);
}

.xfaTextfield,
.xfaSelect{
  height:100%;
  width:100%;
  flex:1 1 auto;
  border:none;
  resize:none;
  background-image:var(--xfa-unfocused-field-background);
}

.xfaSelect{
  padding-inline:2px;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect){
  flex:0 1 auto;
}

.xfaButton{
  cursor:pointer;
  width:100%;
  height:100%;
  border:none;
  text-align:center;
}

.xfaLink{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}

.xfaCheckbox,
.xfaRadio{
  width:100%;
  height:100%;
  flex:0 0 auto;
  border:none;
}

.xfaRich{
  white-space:pre-wrap;
  width:100%;
  height:100%;
}

.xfaImage{
  -o-object-position:left top;
     object-position:left top;
  -o-object-fit:contain;
     object-fit:contain;
  width:100%;
  height:100%;
}

.xfaLrTb,
.xfaRlTb,
.xfaTb{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

.xfaLr{
  display:flex;
  flex-direction:row;
  align-items:stretch;
}

.xfaRl{
  display:flex;
  flex-direction:row-reverse;
  align-items:stretch;
}

.xfaTb > div{
  justify-content:left;
}

.xfaPosition{
  position:relative;
}

.xfaArea{
  position:relative;
}

.xfaValignMiddle{
  display:flex;
  align-items:center;
}

.xfaTable{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

.xfaTable .xfaRow{
  display:flex;
  flex-direction:row;
  align-items:stretch;
}

.xfaTable .xfaRlRow{
  display:flex;
  flex-direction:row-reverse;
  align-items:stretch;
  flex:1;
}

.xfaTable .xfaRlRow > div{
  flex:1;
}

:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea){
  background:initial;
}

@media print{
  .xfaTextfield,
  .xfaSelect{
    background:transparent;
  }

  .xfaSelect{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    text-indent:1px;
    text-overflow:"";
  }
}

.canvasWrapper{
  border:0.54px solid #E3E5EC;
  box-shadow:0px 4.32px 12.97px 0px rgba(33, 41, 58, 0.04);
}

.canvasWrapper svg{
    transform:none;
  }

.canvasWrapper svg[data-main-rotation="90"] mask,
      .canvasWrapper svg[data-main-rotation="90"] use:not(.clip, .mask){
        transform:matrix(0, 1, -1, 0, 1, 0);
      }

.canvasWrapper svg[data-main-rotation="180"] mask,
      .canvasWrapper svg[data-main-rotation="180"] use:not(.clip, .mask){
        transform:matrix(-1, 0, 0, -1, 1, 1);
      }

.canvasWrapper svg[data-main-rotation="270"] mask,
      .canvasWrapper svg[data-main-rotation="270"] use:not(.clip, .mask){
        transform:matrix(0, -1, 1, 0, 0, 1);
      }

.canvasWrapper svg.highlight{
      --blend-mode:multiply;

      position:absolute;
      mix-blend-mode:var(--blend-mode);
    }

@media screen and (forced-colors: active){

.canvasWrapper svg.highlight{
        --blend-mode:difference;
    }
      }

.canvasWrapper svg.highlight:not(.free){
        fill-rule:evenodd;
      }

.canvasWrapper svg.highlightOutline{
      position:absolute;
      mix-blend-mode:normal;
      fill-rule:evenodd;
      fill:none;
    }

.canvasWrapper svg.highlightOutline.hovered:not(.free):not(.selected){
          stroke:var(--hover-outline-color);
          stroke-width:var(--outline-width);
        }

.canvasWrapper svg.highlightOutline.toDel:not(.free):not(.selected){
          stroke:var(--toDel-outline-color);
          stroke-width:var(--outline-width);
        }

.canvasWrapper svg.highlightOutline.selected:not(.free) .mainOutline{
            stroke:var(--outline-around-color);
            stroke-width:calc(var(--outline-width) + 2 * var(--outline-around-width));
          }

.canvasWrapper svg.highlightOutline.selected:not(.free) .secondaryOutline{
            stroke:var(--outline-color);
            stroke-width:var(--outline-width);
          }

.canvasWrapper svg.highlightOutline.free.hovered:not(.selected){
          stroke:var(--hover-outline-color);
          stroke-width:calc(2 * var(--outline-width));
        }

.canvasWrapper svg.highlightOutline.free.toDel:not(.selected){
          stroke:var(--toDel-outline-color);
          stroke-width:calc(2 * var(--outline-width));
        }

.canvasWrapper svg.highlightOutline.free.selected .mainOutline{
            stroke:var(--outline-around-color);
            stroke-width:calc(2 * (var(--outline-width) + var(--outline-around-width)));
          }

.canvasWrapper svg.highlightOutline.free.selected .secondaryOutline{
            stroke:var(--outline-color);
            stroke-width:calc(2 * var(--outline-width));
          }

.toggle-button{
  --button-background-color:#f0f0f4;
  --button-background-color-hover:#e0e0e6;
  --button-background-color-active:#cfcfd8;
  --color-accent-primary:#0060df;
  --color-accent-primary-hover:#0250bb;
  --color-accent-primary-active:#054096;
  --border-interactive-color:#8f8f9d;
  --border-radius-circle:9999px;
  --border-width:1px;
  --size-item-small:16px;
  --size-item-large:32px;
  --color-canvas:white;

  --toggle-background-color:var(--button-background-color);
  --toggle-background-color-hover:var(--button-background-color-hover);
  --toggle-background-color-active:var(--button-background-color-active);
  --toggle-background-color-pressed:var(--color-accent-primary);
  --toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
  --toggle-background-color-pressed-active:var(--color-accent-primary-active);
  --toggle-border-color:var(--border-interactive-color);
  --toggle-border-color-hover:var(--toggle-border-color);
  --toggle-border-color-active:var(--toggle-border-color);
  --toggle-border-radius:var(--border-radius-circle);
  --toggle-border-width:var(--border-width);
  --toggle-height:var(--size-item-small);
  --toggle-width:var(--size-item-large);
  --toggle-dot-background-color:var(--toggle-border-color);
  --toggle-dot-background-color-hover:var(--toggle-dot-background-color);
  --toggle-dot-background-color-active:var(--toggle-dot-background-color);
  --toggle-dot-background-color-on-pressed:var(--color-canvas);
  --toggle-dot-margin:1px;
  --toggle-dot-height:calc(
    var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *
      var(--toggle-border-width)
  );
  --toggle-dot-width:var(--toggle-dot-height);
  --toggle-dot-transform-x:calc(
    var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)
  );

  -webkit-appearance:none;

     -moz-appearance:none;

          appearance:none;
  padding:0;
  margin:0;
  border:var(--toggle-border-width) solid var(--toggle-border-color);
  height:var(--toggle-height);
  width:var(--toggle-width);
  border-radius:var(--toggle-border-radius);
  background:var(--toggle-background-color);
  box-sizing:border-box;
  flex-shrink:0;
}

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) .toggle-button{
    --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
    --button-background-color-hover:color-mix(
      in srgb,
      currentColor 14%,
      transparent
    );
    --button-background-color-active:color-mix(
      in srgb,
      currentColor 21%,
      transparent
    );
    --color-accent-primary:#0df;
    --color-accent-primary-hover:#80ebff;
    --color-accent-primary-active:#aaf2ff;
    --border-interactive-color:#bfbfc9;
    --color-canvas:#1c1b22;
}
  }

:where(html.is-dark) .toggle-button{
    --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
    --button-background-color-hover:color-mix(
      in srgb,
      currentColor 14%,
      transparent
    );
    --button-background-color-active:color-mix(
      in srgb,
      currentColor 21%,
      transparent
    );
    --color-accent-primary:#0df;
    --color-accent-primary-hover:#80ebff;
    --color-accent-primary-active:#aaf2ff;
    --border-interactive-color:#bfbfc9;
    --color-canvas:#1c1b22;
}

@media (forced-colors: active){

.toggle-button{
    --color-accent-primary:ButtonText;
    --color-accent-primary-hover:SelectedItem;
    --color-accent-primary-active:SelectedItem;
    --border-interactive-color:ButtonText;
    --button-background-color:ButtonFace;
    --border-interactive-color-hover:SelectedItem;
    --border-interactive-color-active:SelectedItem;
    --border-interactive-color-disabled:GrayText;
    --color-canvas:ButtonText;
}
  }

.toggle-button:focus-visible{
    outline:var(--focus-outline);
    outline-offset:var(--focus-outline-offset);
  }

.toggle-button:enabled:hover{
    background:var(--toggle-background-color-hover);
    border-color:var(--toggle-border-color);
  }

.toggle-button:enabled:active{
    background:var(--toggle-background-color-active);
    border-color:var(--toggle-border-color);
  }

.toggle-button[aria-pressed="true"]{
    background:var(--toggle-background-color-pressed);
    border-color:transparent;
  }

.toggle-button[aria-pressed="true"]:enabled:hover{
    background:var(--toggle-background-color-pressed-hover);
    border-color:transparent;
  }

.toggle-button[aria-pressed="true"]:enabled:active{
    background:var(--toggle-background-color-pressed-active);
    border-color:transparent;
  }

.toggle-button::before{
    display:block;
    content:"";
    background-color:var(--toggle-dot-background-color);
    height:var(--toggle-dot-height);
    width:var(--toggle-dot-width);
    margin:var(--toggle-dot-margin);
    border-radius:var(--toggle-border-radius);
    translate:0;
  }

.toggle-button[aria-pressed="true"]::before{
    translate:var(--toggle-dot-transform-x);
    background-color:var(--toggle-dot-background-color-on-pressed);
  }

.toggle-button[aria-pressed="true"]:enabled:hover::before,
  .toggle-button[aria-pressed="true"]:enabled:active::before{
    background-color:var(--toggle-dot-background-color-on-pressed);
  }

[dir="rtl"] .toggle-button[aria-pressed="true"]::before{
    translate:calc(-1 * var(--toggle-dot-transform-x));
  }

@media (prefers-reduced-motion: no-preference){
    .toggle-button::before{
      transition:translate 100ms;
    }
  }

@media (prefers-contrast){
    .toggle-button:enabled:hover{
      border-color:var(--toggle-border-color-hover);
    }

    .toggle-button:enabled:active{
      border-color:var(--toggle-border-color-active);
    }

    .toggle-button[aria-pressed="true"]:enabled{
      border-color:var(--toggle-border-color);
      position:relative;
    }

    .toggle-button[aria-pressed="true"]:enabled:hover,
    .toggle-button[aria-pressed="true"]:enabled:hover:active{
      border-color:var(--toggle-border-color-hover);
    }

    .toggle-button[aria-pressed="true"]:enabled:active{
      background-color:var(--toggle-dot-background-color-active);
      border-color:var(--toggle-dot-background-color-hover);
    }

    .toggle-button:hover::before,
    .toggle-button:active::before{
      background-color:var(--toggle-dot-background-color-hover);
    }
  }

@media (forced-colors){

.toggle-button{
    --toggle-dot-background-color:var(--color-accent-primary);
    --toggle-dot-background-color-hover:var(--color-accent-primary-hover);
    --toggle-dot-background-color-active:var(--color-accent-primary-active);
    --toggle-dot-background-color-on-pressed:var(--button-background-color);
    --toggle-background-color-disabled:var(--button-background-color-disabled);
    --toggle-border-color-hover:var(--border-interactive-color-hover);
    --toggle-border-color-active:var(--border-interactive-color-active);
    --toggle-border-color-disabled:var(--border-interactive-color-disabled);
}

    .toggle-button[aria-pressed="true"]:enabled::after{
      border:1px solid var(--button-background-color);
      content:"";
      position:absolute;
      height:var(--toggle-height);
      width:var(--toggle-width);
      display:block;
      border-radius:var(--toggle-border-radius);
      inset:-2px;
    }

    .toggle-button[aria-pressed="true"]:enabled:active::after{
      border-color:var(--toggle-border-color-active);
    }
  }

:root{
  --outline-width:2px;
  --outline-color:#0060df;
  --outline-around-width:1px;
  --outline-around-color:#f0f0f4;
  --hover-outline-around-color:var(--outline-around-color);
  --focus-outline:solid var(--outline-width) var(--outline-color);
  --unfocus-outline:solid var(--outline-width) transparent;
  --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
  --hover-outline-color:#8f8f9d;
  --hover-outline:solid var(--outline-width) var(--hover-outline-color);
  --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
  --toDel-outline-around-color:var(--outline-around-color);
  --toDel-outline-color:#ff6b6b;
  --toDel-outline:solid var(--outline-width) var(--toDel-outline-color);
  --toDel-outline-around:solid var(--outline-around-width) var(--toDel-outline-around-color);
  --freetext-line-height:1.35;
  --freetext-padding:2px;
  --resizer-bg-color:var(--outline-color);
  --resizer-size:6px;
  --resizer-shift:calc(
    0px - (var(--outline-width) + var(--resizer-size)) / 2 -
      var(--outline-around-width)
  );
  --editorFreeText-editing-cursor:text;
  --editorInk-editing-cursor:url(//mimg.127.net/freemail/preview/static/images/cursor-editorInk5ea0869845becef03a06.svg) 0 16, pointer;
  --editorHighlight-editing-cursor:url(//mimg.127.net/freemail/preview/static/images/cursor-editorTextHighlight3683cfffdcbd73685ff2.svg) 24 24, text;
  --editorFreeHighlight-editing-cursor:url(//mimg.127.net/freemail/preview/static/images/cursor-editorFreeHighlight8475f8e672ed83e24520.svg) 1 18, pointer;
}
.visuallyHidden{
  position:absolute;
  top:0;
  left:0;
  border:0;
  margin:0;
  padding:0;
  width:0;
  height:0;
  overflow:hidden;
  white-space:nowrap;
  font-size:0;
}

@media (min-resolution: 1.1dppx){
  :root{
    --editorFreeText-editing-cursor:url(//mimg.127.net/freemail/preview/static/images/cursor-editorFreeText9fb032a1799ca2a1c751.svg) 0 16, text;
  }
}

@media screen and (forced-colors: active){
  :root{
    --outline-color:CanvasText;
    --outline-around-color:ButtonFace;
    --resizer-bg-color:ButtonText;
    --hover-outline-color:Highlight;
    --hover-outline-around-color:SelectedItemText;
  }
}

[data-editor-rotation="90"]{
  transform:rotate(90deg);
}

[data-editor-rotation="180"]{
  transform:rotate(180deg);
}

[data-editor-rotation="270"]{
  transform:rotate(270deg);
}

.annotationEditorLayer{
  background:transparent;
  position:absolute;
  inset:0;
  font-size:calc(100px * var(--scale-factor));
  transform-origin:0 0;
}

.annotationEditorLayer .selectedEditor{
    z-index:100000 !important;
  }

.annotationEditorLayer.drawing *{
    pointer-events:none !important;
  }

.annotationEditorLayer.waiting{
  content:"";
  cursor:wait;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.annotationEditorLayer.disabled{
  pointer-events:none;
  cursor:pointer;
}

.annotationEditorLayer.readonly{
  pointer-events:none;
  z-index:0;
  cursor:auto;
}

.annotationEditorLayer.delMode
  :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor):hover:not(.selectedEditor){
    border:2px solid #ff6b6b;
    outline:none;
    cursor:unset;
  }

.annotationEditorLayer.delMode
  :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor):hover:not(.selectedEditor)::before{
      content:"";
      position:absolute;
      inset:0;
      border:none;
    }

.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor){
  position:absolute;
  background:transparent;
  z-index:1;
  transform-origin:0 0;
  max-width:100%;
  max-height:100%;
  border:var(--unfocus-outline);
}

.annotationEditorLayer
  .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor){
    cursor:move;
  }

.annotationEditorLayer
  .moving:is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor){
    touch-action:none;
  }

.annotationEditorLayer
  .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor){
    border:var(--focus-outline);
    outline:var(--focus-outline-around);
  }

.annotationEditorLayer
  .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor)::before{
      content:"";
      position:absolute;
      inset:0;
      border:var(--focus-outline-around);
      pointer-events:none;
    }

.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor):hover:not(.selectedEditor){
    border:var(--hover-outline);
    outline:var(--hover-outline-around);
  }

.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor):hover:not(.selectedEditor)::before{
      content:"";
      position:absolute;
      inset:0;
      border:var(--focus-outline-around);
    }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar{
    z-index:100;

    --editor-toolbar-delete-image:url(//mimg.127.net/freemail/preview/static/images/editor-toolbar-deletefde82a50e6de20239861.svg);
    --editor-toolbar-bg-color:#f0f0f4;
    --editor-toolbar-highlight-image:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-editorHighlight42e4e1954f25f8c7b965.svg);
    --editor-toolbar-fg-color:#2e2e56;
    --editor-toolbar-border-color:#8f8f9d;
    --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
    --editor-toolbar-hover-bg-color:#e0e0e6;
    --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
    --editor-toolbar-hover-outline:none;
    --editor-toolbar-focus-outline-color:#0060df;
    --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
    --editor-toolbar-vert-offset:6px;
    --editor-toolbar-height:28px;
    --editor-toolbar-padding:2px;
    width:-moz-fit-content;
    width:fit-content;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    cursor:default;
    pointer-events:auto;
    box-sizing:content-box;

    position:absolute;
    inset-inline-end:0;
    inset-block-start:calc(100% + var(--editor-toolbar-vert-offset));
  }

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) :is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar{
      --editor-toolbar-bg-color:#2b2a33;
      --editor-toolbar-fg-color:#fbfbfe;
      --editor-toolbar-hover-bg-color:#52525e;
      --editor-toolbar-focus-outline-color:#0df;
  }
    }

:where(html.is-dark) :is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar{
      --editor-toolbar-bg-color:#2b2a33;
      --editor-toolbar-fg-color:#fbfbfe;
      --editor-toolbar-hover-bg-color:#52525e;
      --editor-toolbar-focus-outline-color:#0df;
  }

@media screen and (forced-colors: active){

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar{
      --editor-toolbar-bg-color:ButtonFace;
      --editor-toolbar-fg-color:ButtonText;
      --editor-toolbar-border-color:ButtonText;
      --editor-toolbar-hover-border-color:AccentColor;
      --editor-toolbar-hover-bg-color:ButtonFace;
      --editor-toolbar-hover-fg-color:AccentColor;
      --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
      --editor-toolbar-focus-outline-color:ButtonBorder;
      --editor-toolbar-shadow:none;
  }
    }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar.hidden{
      display:none;
    }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar:has(:focus-visible){
      border-color:transparent;
    }

[dir="ltr"] :is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar{
      transform-origin:100% 0;
    }

[dir="rtl"] :is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar{
      transform-origin:0 0;
    }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:0;
      height:100%;
    }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .divider{
        width:1px;
        height:calc(
          2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
        );
        background-color:var(--editor-toolbar-border-color);
        display:inline-block;
        margin-inline:2px;
      }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .highlightButton{
        width:var(--editor-toolbar-height);
      }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .highlightButton::before{
          content:"";
          -webkit-mask-image:var(--editor-toolbar-highlight-image);
                  mask-image:var(--editor-toolbar-highlight-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          background-color:var(--editor-toolbar-fg-color);
          width:100%;
          height:100%;
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .highlightButton:hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .delete{
        width:var(--editor-toolbar-height);
      }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .delete::before{
          content:"";
          -webkit-mask-image:var(--editor-toolbar-delete-image);
                  mask-image:var(--editor-toolbar-delete-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          background-color:var(--editor-toolbar-fg-color);
          width:100%;
          height:100%;
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .delete:hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons > *{
        height:var(--editor-toolbar-height);
      }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons > :not(.divider){
        border:none;
        background-color:transparent;
        cursor:pointer;
      }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons > :not(.divider):hover{
          border-radius:2px;
          background-color:var(--editor-toolbar-hover-bg-color);
          color:var(--editor-toolbar-hover-fg-color);
          outline:var(--editor-toolbar-hover-outline);
          outline-offset:1px;
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons > :not(.divider):hover:active{
            outline:none;
          }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons > :not(.divider):focus-visible{
          border-radius:2px;
          outline:2px solid var(--editor-toolbar-focus-outline-color);
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .altText{
        --alt-text-add-image:url(//mimg.127.net/freemail/preview/static/images/altText_add59fe962b3e6bd8bfdda7.svg);
        --alt-text-done-image:url(//mimg.127.net/freemail/preview/static/images/altText_donebb72d81b39be40898db2.svg);

        display:flex;
        align-items:center;
        justify-content:center;
        width:-moz-max-content;
        width:max-content;
        padding-inline:8px;
        pointer-events:all;
        font:menu;
        font-weight:590;
        font-size:12px;
        color:var(--editor-toolbar-fg-color);
      }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .altText:disabled{
          pointer-events:none;
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .altText::before{
          content:"";
          -webkit-mask-image:var(--alt-text-add-image);
                  mask-image:var(--alt-text-add-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          width:12px;
          height:13px;
          background-color:var(--editor-toolbar-fg-color);
          margin-inline-end:4px;
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .altText:hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .altText.done::before{
          -webkit-mask-image:var(--alt-text-done-image);
                  mask-image:var(--alt-text-done-image);
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .altText .tooltip{
          display:none;
        }

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .altText .tooltip.show{
            --alt-text-tooltip-bg:#f0f0f4;
            --alt-text-tooltip-fg:#15141a;
            --alt-text-tooltip-border:#8f8f9d;
            --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);

            display:inline-flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            position:absolute;
            top:calc(100% + 2px);
            inset-inline-start:0;
            padding-block:2px 3px;
            padding-inline:3px;
            max-width:300px;
            width:-moz-max-content;
            width:max-content;
            height:auto;
            font-size:12px;

            border:0.5px solid var(--alt-text-tooltip-border);
            background:var(--alt-text-tooltip-bg);
            box-shadow:var(--alt-text-tooltip-shadow);
            color:var(--alt-text-tooltip-fg);

            pointer-events:none;
          }

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) :is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .altText .tooltip.show{
              --alt-text-tooltip-bg:#1c1b22;
              --alt-text-tooltip-fg:#fbfbfe;
              --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
          }
            }

:where(html.is-dark) :is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .altText .tooltip.show{
              --alt-text-tooltip-bg:#1c1b22;
              --alt-text-tooltip-fg:#fbfbfe;
              --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
          }

@media screen and (forced-colors: active){

:is(.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .underlineEditor,
    .strikeoutEditor,
    .lineEditor
  ),.textLayer) .editToolbar .buttons .altText .tooltip.show{
              --alt-text-tooltip-bg:Canvas;
              --alt-text-tooltip-fg:CanvasText;
              --alt-text-tooltip-border:CanvasText;
              --alt-text-tooltip-shadow:none;
          }
            }

.annotationEditorLayer .freeTextEditor{
  padding:calc(var(--freetext-padding) * var(--scale-factor));
  width:auto;
  height:auto;
  touch-action:none;
}

.annotationEditorLayer .freeTextEditor .internal{
  background:transparent;
  border:none;
  inset:0;
  overflow:visible;
  white-space:nowrap;
  font:10px sans-serif;
  line-height:var(--freetext-line-height);
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  max-width:100%;
  overflow:hidden;
}

.annotationEditorLayer .freeTextEditor .overlay{
  position:absolute;
  display:none;
  background:transparent;
  inset:0;
  width:100%;
  height:100%;
}

.annotationEditorLayer freeTextEditor .overlay.enabled{
  display:block;
}

.annotationEditorLayer .freeTextEditor .internal:empty::before{
  content:attr(default-content);
  color:gray;
}

.annotationEditorLayer .freeTextEditor .internal:focus{
  outline:none;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
}

.annotationEditorLayer .inkEditor{
  width:100%;
  height:100%;
}

.annotationEditorLayer .inkEditor.editing{
  cursor:inherit;
}

.annotationEditorLayer .inkEditor .inkEditorCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  touch-action:none;
}

.annotationEditorLayer .lineEditor{
  width:100%;
  height:100%;
}

.annotationEditorLayer .lineEditor.editing{
  cursor:inherit;
}

.annotationEditorLayer .lineEditor .lineEditorCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  touch-action:none;
}

.annotationEditorLayer .stampEditor{
  width:auto;
  height:auto;
}

.annotationEditorLayer .stampEditor canvas{
    position:absolute;
    width:100%;
    height:100%;
    margin:0;
    top:0;
    left:0;
  }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers{
      position:absolute;
      inset:0;
    }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers.hidden{
        display:none;
      }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers > .resizer{
        width:var(--resizer-size);
        height:var(--resizer-size);
        background:content-box var(--resizer-bg-color);
        border:var(--focus-outline-around);
        border-radius:2px;
        position:absolute;
      }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers > .resizer.topLeft{
          top:var(--resizer-shift);
          left:var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers > .resizer.topMiddle{
          top:var(--resizer-shift);
          left:calc(50% + var(--resizer-shift));
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers > .resizer.topRight{
          top:var(--resizer-shift);
          right:var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers > .resizer.middleRight{
          top:calc(50% + var(--resizer-shift));
          right:var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers > .resizer.bottomRight{
          bottom:var(--resizer-shift);
          right:var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers > .resizer.bottomMiddle{
          bottom:var(--resizer-shift);
          left:calc(50% + var(--resizer-shift));
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers > .resizer.bottomLeft{
          bottom:var(--resizer-shift);
          left:var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .lineEditor) > .resizers > .resizer.middleLeft{
          top:calc(50% + var(--resizer-shift));
          left:var(--resizer-shift);
        }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight{
        cursor:nwse-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle{
        cursor:ns-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft{
        cursor:nesw-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft{
        cursor:ew-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight{
        cursor:nesw-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle{
        cursor:ew-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft{
        cursor:nwse-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft{
        cursor:ns-resize;
      }

.annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .editToolbar{
      rotate:270deg;
    }

[dir="ltr"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .editToolbar{
        inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

[dir="rtl"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .editToolbar{
        inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

.annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="180"],
      [data-main-rotation="90"] [data-editor-rotation="90"],
      [data-main-rotation="180"] [data-editor-rotation="0"],
      [data-main-rotation="270"] [data-editor-rotation="270"]
    ) .editToolbar{
      rotate:180deg;
      inset-inline-end:100%;
      inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
    }

.annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .editToolbar{
      rotate:90deg;
    }

[dir="ltr"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .editToolbar{
        inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start:100%;
      }

[dir="rtl"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .editToolbar{
        inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

.dialog.altText::backdrop{
    -webkit-mask:url(#alttext-manager-mask);
            mask:url(#alttext-manager-mask);
  }

.dialog.altText.positioned{
    margin:0;
  }

.dialog.altText #altTextContainer{
    width:300px;
    height:-moz-fit-content;
    height:fit-content;
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }

.dialog.altText #altTextContainer #overallDescription{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
      align-self:stretch;
    }

.dialog.altText #altTextContainer #overallDescription span{
        align-self:stretch;
      }

.dialog.altText #altTextContainer #overallDescription .title{
        font-size:13px;
        font-style:normal;
        font-weight:590;
      }

.dialog.altText #altTextContainer #addDescription{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:8px;
    }

.dialog.altText #altTextContainer #addDescription .descriptionArea{
        flex:1;
        padding-inline:24px 10px;
      }

.dialog.altText #altTextContainer #addDescription .descriptionArea textarea{
          width:100%;
          min-height:75px;
        }

.dialog.altText #altTextContainer #buttons{
      display:flex;
      justify-content:flex-end;
      align-items:flex-start;
      gap:8px;
      align-self:stretch;
    }

.colorPicker{
  --hover-outline-color:#0250bb;
  --selected-outline-color:#0060df;
  --swatch-border-color:#cfcfd8;
}

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) .colorPicker{
    --hover-outline-color:#80ebff;
    --selected-outline-color:#aaf2ff;
    --swatch-border-color:#52525e;
}
  }

:where(html.is-dark) .colorPicker{
    --hover-outline-color:#80ebff;
    --selected-outline-color:#aaf2ff;
    --swatch-border-color:#52525e;
}

@media screen and (forced-colors: active){

.colorPicker{
    --hover-outline-color:Highlight;
    --selected-outline-color:var(--hover-outline-color);
    --swatch-border-color:ButtonText;
}
  }

.colorPicker .swatch{
    width:16px;
    height:16px;
    border:1px solid var(--swatch-border-color);
    border-radius:100%;
    outline-offset:2px;
    box-sizing:border-box;
    forced-color-adjust:none;
  }

.colorPicker button:is(:hover, .selected) > .swatch{
    border:none;
  }

.annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
      rotate:0deg;
    }

.annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar{
      rotate:270deg;
    }

.annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar{
      rotate:180deg;
    }

.annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar{
      rotate:90deg;
    }

.annotationEditorLayer .highlightEditor,
  .annotationEditorLayer .strikeoutEditor,
  .annotationEditorLayer .underlineEditor{
    position:absolute;
    background:transparent;
    z-index:1;
    max-width:100%;
    cursor:unset;
    max-height:100%;
    border:none;
    outline:none;
    pointer-events:none;
    transform-origin:0 0;
  }

.annotationEditorLayer .highlightEditor:not(.free), .annotationEditorLayer .strikeoutEditor:not(.free), .annotationEditorLayer .underlineEditor:not(.free){
      transform:none;
    }

.annotationEditorLayer .highlightEditor .internal, .annotationEditorLayer .strikeoutEditor .internal, .annotationEditorLayer .underlineEditor .internal{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      pointer-events:auto;
    }

.annotationEditorLayer .highlightEditor.disabled .internal, .annotationEditorLayer .strikeoutEditor.disabled .internal, .annotationEditorLayer .underlineEditor.disabled .internal{
      pointer-events:none;
    }

.annotationEditorLayer .highlightEditor.selectedEditor .internal, .annotationEditorLayer .strikeoutEditor.selectedEditor .internal, .annotationEditorLayer .underlineEditor.selectedEditor .internal{
        cursor:pointer;
      }

.annotationEditorLayer .highlightEditor .editToolbar, .annotationEditorLayer .strikeoutEditor .editToolbar, .annotationEditorLayer .underlineEditor .editToolbar{
      --editor-toolbar-colorpicker-arrow-image:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-menuArrow76692c54994797ddfb04.svg);

      transform-origin:center !important;
    }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker, .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker, .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker{
          position:relative;
          width:auto;
          display:flex;
          justify-content:center;
          align-items:center;
          gap:4px;
          padding:4px;
        }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker::after, .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker::after, .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker::after{
            content:"";
            -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);
                    mask-image:var(--editor-toolbar-colorpicker-arrow-image);
            -webkit-mask-repeat:no-repeat;
                    mask-repeat:no-repeat;
            -webkit-mask-position:center;
                    mask-position:center;
            display:inline-block;
            background-color:var(--editor-toolbar-fg-color);
            width:12px;
            height:12px;
          }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:hover::after, .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker:hover::after, .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker:hover::after{
            background-color:var(--editor-toolbar-hover-fg-color);
          }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)), .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)), .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)){
            background-color:var(--editor-toolbar-hover-bg-color);
          }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after, .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after, .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after{
              scale:-1;
            }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown, .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker .dropdown, .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker .dropdown{
            position:absolute;
            display:flex;
            justify-content:center;
            align-items:center;
            flex-direction:column;
            gap:11px;
            padding-block:8px;
            border-radius:6px;
            background-color:var(--editor-toolbar-bg-color);
            border:1px solid var(--editor-toolbar-border-color);
            box-shadow:var(--editor-toolbar-shadow);
            inset-block-start:calc(100% + 4px);
            width:calc(100% + 2 * var(--editor-toolbar-padding));
          }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button, .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker .dropdown button, .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker .dropdown button{
              width:100%;
              height:auto;
              border:none;
              cursor:pointer;
              display:flex;
              justify-content:center;
              align-items:center;
              background:none;
            }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible), .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible), .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible){
                outline:none;
              }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch, .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch, .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch{
                outline-offset:2px;
              }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected="true"] > .swatch, .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected="true"] > .swatch, .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected="true"] > .swatch{
                outline:2px solid var(--selected-outline-color);
              }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch, .annotationEditorLayer .strikeoutEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch, .annotationEditorLayer .underlineEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
                outline:2px solid var(--hover-outline-color);
              }

.editorParamsToolbar:has(#highlightParamsToolbarContainer){
  padding:unset;
}

#highlightParamsToolbarContainer{
  height:auto;
  padding-inline:10px;
  padding-block:10px 16px;
  gap:16px;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

#highlightParamsToolbarContainer .editorParamsLabel{
    width:-moz-fit-content;
    width:fit-content;
    inset-inline-start:0;
  }

#highlightParamsToolbarContainer .colorPicker{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

#highlightParamsToolbarContainer .colorPicker .dropdown{
      display:flex;
      justify-content:space-between;
      align-items:center;
      flex-direction:row;
      height:auto;
    }

#highlightParamsToolbarContainer .colorPicker .dropdown button{
        width:auto;
        height:auto;
        border:none;
        cursor:pointer;
        display:flex;
        justify-content:center;
        align-items:center;
        background:none;
        flex:0 0 auto;
      }

#highlightParamsToolbarContainer .colorPicker .dropdown button .swatch{
          width:24px;
          height:24px;
        }

#highlightParamsToolbarContainer .colorPicker .dropdown button:is(:active, :focus-visible){
          outline:none;
        }

#highlightParamsToolbarContainer .colorPicker .dropdown button[aria-selected="true"] > .swatch{
          outline:2px solid var(--selected-outline-color);
        }

#highlightParamsToolbarContainer .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
          outline:2px solid var(--hover-outline-color);
        }

#highlightParamsToolbarContainer #editorHighlightThickness{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    align-self:stretch;
  }

#highlightParamsToolbarContainer #editorHighlightThickness .editorParamsLabel{
      width:100%;
      height:auto;
      align-self:stretch;
    }

#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;

      --example-color:#bfbfc9;
    }

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
        --example-color:#80808e;
    }
      }

:where(html.is-dark) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
        --example-color:#80808e;
    }

@media screen and (forced-colors: active){

#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
        --example-color:CanvasText;
    }
      }

:is(#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker > .editorParamsSlider[disabled]){
        opacity:0.4;
      }

#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::before,
      #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
        content:"";
        width:8px;
        aspect-ratio:1;
        display:block;
        border-radius:100%;
        background-color:var(--example-color);
      }

#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
        width:24px;
      }

#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker .editorParamsSlider{
        width:unset;
        height:14px;
      }

#highlightParamsToolbarContainer #editorHighlightVisibility{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    align-self:stretch;
  }

#highlightParamsToolbarContainer #editorHighlightVisibility .divider{
      --divider-color:#d7d7db;

      margin-block:4px;
      width:100%;
      height:1px;
      background-color:var(--divider-color);
    }

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
        --divider-color:#8f8f9d;
    }
      }

:where(html.is-dark) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
        --divider-color:#8f8f9d;
    }

@media screen and (forced-colors: active){

#highlightParamsToolbarContainer #editorHighlightVisibility .divider{
        --divider-color:CanvasText;
    }
      }

#highlightParamsToolbarContainer #editorHighlightVisibility .toggler{
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;
    }

:root{
  --viewer-container-height:0;
  --pdfViewer-padding-bottom:0;
  --page-margin:1px auto -8px;
  --page-border:9px solid transparent;
  --spreadHorizontalWrapped-margin-LR:-3.5px;
  --loading-icon-delay:400ms;
}

@media screen and (forced-colors: active){
  :root{
    --pdfViewer-padding-bottom:9px;
    --page-margin:8px auto -1px;
    --page-border:1px solid CanvasText;
    --spreadHorizontalWrapped-margin-LR:3.5px;
  }
}

[data-main-rotation="90"]{
  transform:rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"]{
  transform:rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"]{
  transform:rotate(270deg) translateX(-100%);
}

#hiddenCopyElement,
.hiddenCanvasElement{
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  display:none;
}

.pdfViewer{
  --scale-factor:1;

  padding-bottom:var(--pdfViewer-padding-bottom);

  --hcm-highlight-filter:none;
  --hcm-highlight-selected-filter:none;
}

@media screen and (forced-colors: active){

.pdfViewer{
    --hcm-highlight-filter:invert(100%);
}
  }

.pdfViewer.copyAll{
    cursor:wait;
  }

.pdfViewer .canvasWrapper{
    overflow:hidden;
    width:100%;
    height:100%;
  }

.pdfViewer .canvasWrapper canvas{
      margin:0;
      display:block;
    }

.pdfViewer .canvasWrapper canvas[hidden]{
        display:none;
      }

.pdfViewer .canvasWrapper canvas[zooming]{
        width:100%;
        height:100%;
      }

.pdfViewer .canvasWrapper canvas .structTree{
        contain:strict;
      }

.pdfViewer .page{
  direction:ltr;
  width:816px;
  height:1056px;
  margin:var(--page-margin);
  position:relative;
  overflow:visible;
  border:var(--page-border);
  background-clip:content-box;
  background-color:rgb(255 255 255);
}

.pdfViewer .dummyPage{
  position:relative;
  width:0;
  height:var(--viewer-container-height);
}

.pdfViewer.noUserSelect{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.pdfViewer.removePageBorders .page{
  margin:0 auto 10px;
  border:none;
}

.pdfViewer:is(.scrollHorizontal, .scrollWrapped),
.spread{
  margin-inline:3.5px;
  text-align:center;
}

.pdfViewer.scrollHorizontal,
.spread{
  white-space:nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread{
  margin-inline:0;
}

.spread :is(.page, .dummyPage),
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread){
  display:inline-block;
  vertical-align:middle;
}

.spread .page,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page{
  margin-inline:var(--spreadHorizontalWrapped-margin-LR);
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page{
  margin-inline:5px;
}

.pdfViewer .page.loadingIcon::after{
  position:absolute;
  top:0;
  left:0;
  content:"";
  width:100%;
  height:100%;
  background:url(//mimg.127.net/freemail/preview/static/images/loading-iconff2dfa442d903d9d5e30.gif) center no-repeat;
  display:none;
  transition-property:display;
  transition-delay:var(--loading-icon-delay);
  z-index:5;
  contain:strict;
}

.pdfViewer .page.loading::after{
  display:block;
}

.pdfViewer .page:not(.loading)::after{
  transition-property:none;
  display:none;
}

.pdfPresentationMode .pdfViewer{
  padding-bottom:0;
}

.pdfPresentationMode .spread{
  margin:0;
}

.pdfPresentationMode .pdfViewer .page{
  margin:0 auto;
  border:2px solid transparent;
}

:root{
  --dir-factor:1;
  --inline-start:left;
  --inline-end:right;

  --sidebar-width:188px;
  --sidebar-transition-duration:200ms;
  --sidebar-transition-timing-function:ease;

  --toolbar-icon-opacity:0.7;
  --doorhanger-icon-opacity:0.9;
  --editor-toolbar-base-offset:105px;

  --main-color:rgb(12 12 13);
  --body-bg-color:rgb(212 212 215);
  --progressBar-color:rgb(10 132 255);
  --progressBar-bg-color:rgb(221 221 222);
  --progressBar-blend-color:rgb(116 177 239);
  --scrollbar-color:auto;
  --scrollbar-bg-color:auto;
  --toolbar-icon-bg-color:rgb(0 0 0);
  --toolbar-icon-hover-bg-color:rgb(0 0 0);

  --sidebar-narrow-bg-color:rgb(212 212 215 / 0.9);
  --sidebar-toolbar-bg-color:rgb(245 246 247);
  --toolbar-bg-color:rgb(249 249 250);
  --toolbar-border-color:rgb(184 184 184);
  --toolbar-box-shadow:0 1px 0 var(--toolbar-border-color);
  --toolbar-border-bottom:none;
  --toolbarSidebar-box-shadow:inset calc(-1px * var(--dir-factor)) 0 0 rgb(0 0 0 / 0.25), 0 1px 0 rgb(0 0 0 / 0.15), 0 0 1px rgb(0 0 0 / 0.1);
  --toolbarSidebar-border-bottom:none;
  --button-hover-color:rgb(221 222 223);
  --toggled-btn-color:rgb(0 0 0);
  --toggled-btn-bg-color:rgb(0 0 0 / 0.3);
  --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4);
  --toggled-hover-btn-outline:none;
  --dropdown-btn-bg-color:rgb(215 215 219);
  --dropdown-btn-border:none;
  --separator-color:rgb(0 0 0 / 0.3);
  --field-color:rgb(6 6 6);
  --field-bg-color:rgb(255 255 255);
  --field-border-color:rgb(187 187 188);
  --treeitem-color:rgb(0 0 0 / 0.8);
  --treeitem-bg-color:rgb(0 0 0 / 0.15);
  --treeitem-hover-color:rgb(0 0 0 / 0.9);
  --treeitem-selected-color:rgb(0 0 0 / 0.9);
  --treeitem-selected-bg-color:rgb(0 0 0 / 0.25);
  --thumbnail-hover-color:rgb(0 0 0 / 0.1);
  --thumbnail-selected-color:rgb(0 0 0 / 0.2);
  --doorhanger-bg-color:rgb(255 255 255);
  --doorhanger-border-color:rgb(12 12 13 / 0.2);
  --doorhanger-hover-color:rgb(12 12 13);
  --doorhanger-hover-bg-color:rgb(237 237 237);
  --doorhanger-separator-color:rgb(222 222 222);
  --dialog-button-border:none;
  --dialog-button-bg-color:rgb(12 12 13 / 0.1);
  --dialog-button-hover-bg-color:rgb(12 12 13 / 0.3);

  --loading-icon:url(//mimg.127.net/freemail/preview/static/images/loading3c14f85dc1c812d2d728.svg);
  --treeitem-expanded-icon:url(//mimg.127.net/freemail/preview/static/images/treeitem-expanded5a0d39f4f5a65c621dbe.svg);
  --treeitem-collapsed-icon:url(//mimg.127.net/freemail/preview/static/images/treeitem-collapsed6adf7ff4167ab6e1a87f.svg);
  --toolbarButton-editorFreeText-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-editorFreeText6a31ccdb81d1a89d834a.svg);
  --toolbarButton-editorHighlight-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-editorHighlight42e4e1954f25f8c7b965.svg);
  --toolbarButton-editorInk-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-editorInkfd1c2c2f673bf7c5b11e.svg);
  --toolbarButton-editorStamp-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-editorStamp42d1926112a533acfc00.svg);
  --toolbarButton-menuArrow-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-menuArrow76692c54994797ddfb04.svg);
  --toolbarButton-sidebarToggle-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-sidebarToggle5c6da2aacfe4ec0f1fa9.svg);
  --toolbarButton-secondaryToolbarToggle-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-secondaryToolbarTogglea415dce353c3feaeeff1.svg);
  --toolbarButton-pageUp-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-pageUp490197548b52bcdda7d4.svg);
  --toolbarButton-pageDown-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-pageDown2ef94bf18d79d33c1956.svg);
  --toolbarButton-zoomOut-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-zoomOute423790ce0d47a81b69a.svg);
  --toolbarButton-zoomIn-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-zoomInfe569fb3bf1e1ac0e771.svg);
  --toolbarButton-presentationMode-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-presentationModea87e3dbf606e36836044.svg);
  --toolbarButton-print-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-print1fef10623eb8815daeec.svg);
  --toolbarButton-openFile-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-openFile9ce8a798059a53d114d2.svg);
  --toolbarButton-download-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-downloadef031f947d3be08b88c2.svg);
  --toolbarButton-bookmark-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-bookmark77b3a656de7fc4ed97a4.svg);
  --toolbarButton-viewThumbnail-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-viewThumbnail61616f18b2e8684c7834.svg);
  --toolbarButton-viewOutline-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-viewOutline211d2d6fe3604a9a520c.svg);
  --toolbarButton-viewAttachments-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-viewAttachmentsc9dc2a6d0f9e1e7533bc.svg);
  --toolbarButton-viewLayers-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-viewLayersd9820fcb925358884b24.svg);
  --toolbarButton-currentOutlineItem-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-currentOutlineItemb3f42e9824f129eefaac.svg);
  --toolbarButton-search-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-search547dbbef85fc9a90a101.svg);
  --findbarButton-previous-icon:url(//mimg.127.net/freemail/preview/static/images/findbarButton-previousd1481b14f791a1eef18b.svg);
  --findbarButton-next-icon:url(//mimg.127.net/freemail/preview/static/images/findbarButton-next08100b30c685a37c29b2.svg);
  --secondaryToolbarButton-firstPage-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-firstPage59a496e49cf2678c7c14.svg);
  --secondaryToolbarButton-lastPage-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-lastPaged446089081144afb12c5.svg);
  --secondaryToolbarButton-rotateCcw-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-rotateCcw6bb52f435123a9a0f50c.svg);
  --secondaryToolbarButton-rotateCw-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-rotateCw669b1d839d36fbbf199a.svg);
  --secondaryToolbarButton-selectTool-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-selectToolbd968e9282f04c35fec8.svg);
  --secondaryToolbarButton-handTool-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-handToolebc3c24e8ad45915fae9.svg);
  --secondaryToolbarButton-scrollPage-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-scrollPage3a8a253091b23851dce7.svg);
  --secondaryToolbarButton-scrollVertical-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-scrollVertical8d2e476a02756eb47c48.svg);
  --secondaryToolbarButton-scrollHorizontal-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-scrollHorizontal8092242c154e745b9d4c.svg);
  --secondaryToolbarButton-scrollWrapped-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-scrollWrappedf1ee8ef44d94d9ebe30e.svg);
  --secondaryToolbarButton-spreadNone-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-spreadNone21b44472b437ad7ba03c.svg);
  --secondaryToolbarButton-spreadOdd-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-spreadOdd08b3b3eb6460d57a04bd.svg);
  --secondaryToolbarButton-spreadEven-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-spreadEvende44a22d2cb992ecc9ba.svg);
  --secondaryToolbarButton-documentProperties-icon:url(//mimg.127.net/freemail/preview/static/images/secondaryToolbarButton-documentProperties3f49c26d053bd50dc5ca.svg);
  --editorParams-stampAddImage-icon:url(//mimg.127.net/freemail/preview/static/images/toolbarButton-zoomInfe569fb3bf1e1ac0e771.svg);
}

[dir="rtl"]:root{
  --dir-factor:-1;
  --inline-start:right;
  --inline-end:left;
}

@media (prefers-color-scheme: dark){
  :root:where(:not(.is-light)){
    --main-color:rgb(249 249 250);
    --body-bg-color:rgb(42 42 46);
    --progressBar-color:rgb(0 96 223);
    --progressBar-bg-color:rgb(40 40 43);
    --progressBar-blend-color:rgb(20 68 133);
    --scrollbar-color:rgb(121 121 123);
    --scrollbar-bg-color:rgb(35 35 39);
    --toolbar-icon-bg-color:rgb(255 255 255);
    --toolbar-icon-hover-bg-color:rgb(255 255 255);

    --sidebar-narrow-bg-color:rgb(42 42 46 / 0.9);
    --sidebar-toolbar-bg-color:rgb(50 50 52);
    --toolbar-bg-color:rgb(56 56 61);
    --toolbar-border-color:rgb(12 12 13);
    --button-hover-color:rgb(102 102 103);
    --toggled-btn-color:rgb(255 255 255);
    --toggled-btn-bg-color:rgb(0 0 0 / 0.3);
    --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4);
    --dropdown-btn-bg-color:rgb(74 74 79);
    --separator-color:rgb(0 0 0 / 0.3);
    --field-color:rgb(250 250 250);
    --field-bg-color:rgb(64 64 68);
    --field-border-color:rgb(115 115 115);
    --treeitem-color:rgb(255 255 255 / 0.8);
    --treeitem-bg-color:rgb(255 255 255 / 0.15);
    --treeitem-hover-color:rgb(255 255 255 / 0.9);
    --treeitem-selected-color:rgb(255 255 255 / 0.9);
    --treeitem-selected-bg-color:rgb(255 255 255 / 0.25);
    --thumbnail-hover-color:rgb(255 255 255 / 0.1);
    --thumbnail-selected-color:rgb(255 255 255 / 0.2);
    --doorhanger-bg-color:rgb(74 74 79);
    --doorhanger-border-color:rgb(39 39 43);
    --doorhanger-hover-color:rgb(249 249 250);
    --doorhanger-hover-bg-color:rgb(93 94 98);
    --doorhanger-separator-color:rgb(92 92 97);
    --dialog-button-bg-color:rgb(92 92 97);
    --dialog-button-hover-bg-color:rgb(115 115 115);
  }
}

:root:where(.is-dark){
    --main-color:rgb(249 249 250);
    --body-bg-color:rgb(42 42 46);
    --progressBar-color:rgb(0 96 223);
    --progressBar-bg-color:rgb(40 40 43);
    --progressBar-blend-color:rgb(20 68 133);
    --scrollbar-color:rgb(121 121 123);
    --scrollbar-bg-color:rgb(35 35 39);
    --toolbar-icon-bg-color:rgb(255 255 255);
    --toolbar-icon-hover-bg-color:rgb(255 255 255);

    --sidebar-narrow-bg-color:rgb(42 42 46 / 0.9);
    --sidebar-toolbar-bg-color:rgb(50 50 52);
    --toolbar-bg-color:rgb(56 56 61);
    --toolbar-border-color:rgb(12 12 13);
    --button-hover-color:rgb(102 102 103);
    --toggled-btn-color:rgb(255 255 255);
    --toggled-btn-bg-color:rgb(0 0 0 / 0.3);
    --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4);
    --dropdown-btn-bg-color:rgb(74 74 79);
    --separator-color:rgb(0 0 0 / 0.3);
    --field-color:rgb(250 250 250);
    --field-bg-color:rgb(64 64 68);
    --field-border-color:rgb(115 115 115);
    --treeitem-color:rgb(255 255 255 / 0.8);
    --treeitem-bg-color:rgb(255 255 255 / 0.15);
    --treeitem-hover-color:rgb(255 255 255 / 0.9);
    --treeitem-selected-color:rgb(255 255 255 / 0.9);
    --treeitem-selected-bg-color:rgb(255 255 255 / 0.25);
    --thumbnail-hover-color:rgb(255 255 255 / 0.1);
    --thumbnail-selected-color:rgb(255 255 255 / 0.2);
    --doorhanger-bg-color:rgb(74 74 79);
    --doorhanger-border-color:rgb(39 39 43);
    --doorhanger-hover-color:rgb(249 249 250);
    --doorhanger-hover-bg-color:rgb(93 94 98);
    --doorhanger-separator-color:rgb(92 92 97);
    --dialog-button-bg-color:rgb(92 92 97);
    --dialog-button-hover-bg-color:rgb(115 115 115);
  }

@media screen and (forced-colors: active){
  :root{
    --button-hover-color:Highlight;
    --doorhanger-hover-bg-color:Highlight;
    --toolbar-icon-opacity:1;
    --toolbar-icon-bg-color:ButtonText;
    --toolbar-icon-hover-bg-color:ButtonFace;
    --toggled-hover-active-btn-color:ButtonText;
    --toggled-hover-btn-outline:2px solid ButtonBorder;
    --toolbar-border-color:CanvasText;
    --toolbar-border-bottom:1px solid var(--toolbar-border-color);
    --toolbar-box-shadow:none;
    --toggled-btn-color:HighlightText;
    --toggled-btn-bg-color:LinkText;
    --doorhanger-hover-color:ButtonFace;
    --doorhanger-border-color-whcm:1px solid ButtonText;
    --doorhanger-triangle-opacity-whcm:0;
    --dialog-button-border:1px solid Highlight;
    --dialog-button-hover-bg-color:Highlight;
    --dialog-button-hover-color:ButtonFace;
    --dropdown-btn-border:1px solid ButtonText;
    --field-border-color:ButtonText;
    --main-color:CanvasText;
    --separator-color:GrayText;
    --doorhanger-separator-color:GrayText;
    --toolbarSidebar-box-shadow:none;
    --toolbarSidebar-border-bottom:1px solid var(--toolbar-border-color);
  }
}

@media screen and (prefers-reduced-motion: reduce){
  :root{
    --sidebar-transition-duration:0;
  }
}
html,
body{
  height:100%;
  width:100%;
}

.hidden,
[hidden]{
  display:none !important;
}

#viewerContainer.pdfPresentationMode:fullscreen{
  top:0;
  background-color:rgb(0 0 0);
  width:100%;
  height:100%;
  overflow:hidden;
  cursor:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.pdfPresentationMode:fullscreen section:not([data-internal-link]){
  pointer-events:none;
}

.pdfPresentationMode:fullscreen .textLayer span{
  cursor:none;
}

.pdfPresentationMode.pdfPresentationModeControls > *,
.pdfPresentationMode.pdfPresentationModeControls .textLayer span{
  cursor:default;
}

#outerContainer{
  width:100%;
  height:100%;
  position:relative;
}

#sidebarContainer{
  position:absolute;
  inset-block:32px 0;
  inset-inline-start:calc(-1 * var(--sidebar-width));
  width:var(--sidebar-width);
  visibility:hidden;
  z-index:100;
  font:message-box;
  border-top:1px solid rgb(51 51 51);
  border-inline-end:var(--doorhanger-border-color-whcm);
  transition-property:inset-inline-start;
  transition-duration:var(--sidebar-transition-duration);
  transition-timing-function:var(--sidebar-transition-timing-function);
}

#outerContainer:is(.sidebarMoving, .sidebarOpen) #sidebarContainer{
  visibility:visible;
}

#outerContainer.sidebarOpen #sidebarContainer{
  inset-inline-start:0;
}

#mainContainer{
  position:absolute;
  inset:0;
  min-width:350px;
}

#sidebarContent{
  inset-block:32px 0;
  inset-inline-start:0;
  overflow:auto;
  position:absolute;
  width:100%;
  box-shadow:inset calc(-1px * var(--dir-factor)) 0 0 rgb(0 0 0 / 0.25);
}

#viewerContainer{
  overflow:auto;
  position:absolute;
  outline:none;
}

#viewerContainer:not(.pdfPresentationMode){
}

#outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode){
}

.np-toolbar{
  position:relative;
  inset-inline:0;
  z-index:9999;
  cursor:default;
  font:message-box;
}

:is(.np-toolbar, .editorParamsToolbar, .findbar, #sidebarContainer)
  :is(input, button, select),
.secondaryToolbar :is(input, button, a, select){
  outline:none;
  font:message-box;
}

#toolbarContainer{
  width:100%;
}

#toolbarSidebar{
  width:100%;
  height:32px;
  background-color:var(--sidebar-toolbar-bg-color);
  box-shadow:var(--toolbarSidebar-box-shadow);
  border-bottom:var(--toolbarSidebar-border-bottom);
}

#sidebarResizer{
  position:absolute;
  inset-block:0;
  inset-inline-end:-6px;
  width:6px;
  z-index:200;
  cursor:ew-resize;
}

#toolbarContainer,
.findbar,
.secondaryToolbar,
.editorParamsToolbar{
  position:relative;
  height:32px;
  background-color:var(--toolbar-bg-color);
  box-shadow:var(--toolbar-box-shadow);
  border-bottom:var(--toolbar-border-bottom);
}

#toolbarViewer{
  height:32px;
}

#loadingBar{
  --progressBar-percent:0%;
  --progressBar-end-offset:0;

  position:absolute;
  inset-inline:0 var(--progressBar-end-offset);
  height:4px;
  background-color:var(--progressBar-bg-color);
  border-bottom:1px solid var(--toolbar-border-color);
  transition-property:inset-inline-start;
  transition-duration:var(--sidebar-transition-duration);
  transition-timing-function:var(--sidebar-transition-timing-function);
}

#outerContainer.sidebarOpen #loadingBar{
  inset-inline-start:var(--sidebar-width);
}

#loadingBar .progress{
  position:absolute;
  top:0;
  inset-inline-start:0;
  width:100%;
  transform:scaleX(var(--progressBar-percent));
  transform-origin:calc(50% - 50% * var(--dir-factor)) 0;
  height:100%;
  background-color:var(--progressBar-color);
  overflow:hidden;
  transition:transform 200ms;
}

@keyframes progressIndeterminate{
  0%{
    transform:translateX(calc(-142px * var(--dir-factor)));
  }

  100%{
    transform:translateX(0);
  }
}

#loadingBar.indeterminate .progress{
  transform:none;
  background-color:var(--progressBar-bg-color);
  transition:none;
}

#loadingBar.indeterminate .progress .glimmer{
  position:absolute;
  top:0;
  inset-inline-start:0;
  height:100%;
  width:calc(100% + 150px);
  background:repeating-linear-gradient(
    135deg,
    var(--progressBar-blend-color) 0,
    var(--progressBar-bg-color) 5px,
    var(--progressBar-bg-color) 45px,
    var(--progressBar-color) 55px,
    var(--progressBar-color) 95px,
    var(--progressBar-blend-color) 100px
  );
  animation:progressIndeterminate 1s linear infinite;
}

#outerContainer.sidebarResizing
  :is(#sidebarContainer, #viewerContainer, #loadingBar){
  transition-duration:0s;
}

.findbar,
.secondaryToolbar,
.editorParamsToolbar{
  top:32px;
  position:absolute;
  z-index:30000;
  height:auto;
  padding:0 4px;
  margin:4px 2px;
  font:message-box;
  font-size:12px;
  line-height:14px;
  text-align:left;
  cursor:default;
}

.findbar{
  inset-inline-start:64px;
  min-width:300px;
  background-color:var(--toolbar-bg-color);
}

.findbar > div{
  height:32px;
}

.findbar > div#findbarInputContainer{
  margin-inline-end:4px;
}

.findbar.wrapContainers > div,
.findbar.wrapContainers > div#findbarMessageContainer > *{
  clear:both;
}

.findbar.wrapContainers > div#findbarMessageContainer{
  height:auto;
}

.findbar input[type="checkbox"]{
  pointer-events:none;
}

.findbar label{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.findbar label:hover,
.findbar input:focus-visible + label{
  color:var(--toggled-btn-color);
  background-color:var(--button-hover-color);
}

.findbar .toolbarField[type="checkbox"]:checked + .toolbarLabel{
  background-color:var(--toggled-btn-bg-color) !important;
  color:var(--toggled-btn-color);
}

#findInput{
  width:200px;
}

#findInput::-moz-placeholder{
    font-style:normal;
  }

#findInput::placeholder{
    font-style:normal;
  }

.loadingInput:has(> #findInput[data-status="pending"])::after{
    display:block;
    visibility:visible;
  }

#findInput[data-status="notFound"]{
    background-color:rgb(255 102 102);
  }

.secondaryToolbar,
.editorParamsToolbar{
  padding:6px 0 10px;
  inset-inline-end:4px;
  height:auto;
  background-color:var(--doorhanger-bg-color);
}

.editorParamsToolbarContainer{
  width:220px;
  margin-bottom:-4px;
}

.editorParamsToolbarContainer > .editorParamsSetter{
  min-height:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-inline:10px;
}

.editorParamsToolbarContainer .editorParamsLabel{
  padding-inline-end:10px;
  flex:none;
  font:menu;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  color:var(--main-color);
}

.editorParamsToolbarContainer .editorParamsColor{
  width:32px;
  height:32px;
  flex:none;
}

.editorParamsToolbarContainer .editorParamsSlider{
  background-color:transparent;
  width:90px;
  flex:0 1 0;
}

.editorParamsToolbarContainer .editorParamsSlider::-moz-range-progress{
  background-color:black;
}

.editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-runnable-track,
.editorParamsToolbarContainer .editorParamsSlider::-moz-range-track{
  background-color:black;
}

.editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-thumb,
.editorParamsToolbarContainer .editorParamsSlider::-moz-range-thumb{
  background-color:white;
}

#secondaryToolbarButtonContainer{
  max-width:220px;
  min-height:26px;
  max-height:calc(var(--viewer-container-height) - 40px);
  overflow-y:auto;
  margin-bottom:-4px;
}

#editorStampParamsToolbar{
  inset-inline-end:calc(var(--editor-toolbar-base-offset) + 0px);
}

#editorInkParamsToolbar{
  inset-inline-end:calc(var(--editor-toolbar-base-offset) + 28px);
}

#editorFreeTextParamsToolbar{
  inset-inline-end:calc(var(--editor-toolbar-base-offset) + 56px);
}

#editorHighlightParamsToolbar{
  inset-inline-end:calc(var(--editor-toolbar-base-offset) + 84px);
}

#editorStampAddImage::before{
  -webkit-mask-image:var(--editorParams-stampAddImage-icon);
          mask-image:var(--editorParams-stampAddImage-icon);
}

.doorHanger,
.doorHangerRight{
  border-radius:2px;
  box-shadow:0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color);
  border:var(--doorhanger-border-color-whcm);
}

:is(.doorHanger, .doorHangerRight)::after,
:is(.doorHanger, .doorHangerRight)::before{
  bottom:100%;
  border:8px solid rgb(0 0 0 / 0);
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  opacity:var(--doorhanger-triangle-opacity-whcm);
}

.doorHanger::after{
  inset-inline-start:10px;
  margin-inline-start:-8px;
  border-bottom-color:var(--toolbar-bg-color);
}

.doorHangerRight::after{
  inset-inline-end:10px;
  margin-inline-end:-8px;
  border-bottom-color:var(--doorhanger-bg-color);
}

:is(.doorHanger, .doorHangerRight)::before{
  border-bottom-color:var(--doorhanger-border-color);
  border-width:9px;
}

.doorHanger::before{
  inset-inline-start:10px;
  margin-inline-start:-9px;
}

.doorHangerRight::before{
  inset-inline-end:10px;
  margin-inline-end:-9px;
}

#findResultsCount{
  background-color:rgb(217 217 217);
  color:rgb(82 82 82);
  text-align:center;
  padding:4px 5px;
  margin:5px;
}

#findMsg[data-status="notFound"]{
  font-weight:bold;
}

:is(#findResultsCount, #findMsg):empty{
  display:none;
}

#toolbarViewerMiddle{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}

#toolbarViewerLeft,
#toolbarSidebarLeft{
  float:var(--inline-start);
}

#toolbarViewerRight,
#toolbarSidebarRight{
  float:var(--inline-end);
}

#toolbarViewerLeft > *,
#toolbarViewerMiddle > *,
#toolbarViewerRight > *,
#toolbarSidebarLeft *,
#toolbarSidebarRight *,
.findbar *{
  position:relative;
  float:var(--inline-start);
}

#toolbarViewerLeft{
  padding-inline-start:1px;
}

#toolbarViewerRight{
  padding-inline-end:1px;
}

#toolbarSidebarRight{
  padding-inline-end:2px;
}

.splitToolbarButton{
  margin:2px;
  display:inline-block;
}

.splitToolbarButton > .toolbarButton{
  float:var(--inline-start);
}

.toolbarButton,
.secondaryToolbarButton,
.dialogButton{
  border:none;
  background:none;
  width:28px;
  height:28px;
  outline:none;
}

.dialogButton:is(:hover, :focus-visible){
  background-color:var(--dialog-button-hover-bg-color);
}

.dialogButton:is(:hover, :focus-visible) > span{
  color:var(--dialog-button-hover-color);
}

.toolbarButton > span{
  display:inline-block;
  width:0;
  height:0;
  overflow:hidden;
}

:is(.toolbarButton, .secondaryToolbarButton, .dialogButton)[disabled]{
  opacity:0.5;
}

.splitToolbarButton > .toolbarButton:is(:hover, :focus-visible),
.dropdownToolbarButton:hover{
  background-color:var(--button-hover-color);
}

.splitToolbarButton > .toolbarButton{
  position:relative;
  margin:0;
}

#toolbarSidebar .splitToolbarButton > .toolbarButton{
  margin-inline-end:2px;
}

.splitToolbarButtonSeparator{
  float:var(--inline-start);
  margin:4px 0;
  width:1px;
  height:20px;
  background-color:var(--separator-color);
}

.toolbarButton,
.dropdownToolbarButton,
.secondaryToolbarButton,
.dialogButton{
  min-width:16px;
  margin:2px 1px;
  padding:2px 6px 0;
  border:none;
  border-radius:2px;
  color:var(--main-color);
  font-size:12px;
  line-height:14px;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  cursor:default;
  box-sizing:border-box;
}

.toolbarButton:is(:hover, :focus-visible){
  background-color:var(--button-hover-color);
}

.secondaryToolbarButton:is(:hover, :focus-visible){
  background-color:var(--doorhanger-hover-bg-color);
  color:var(--doorhanger-hover-color);
}

:is(.toolbarButton, .secondaryToolbarButton).toggled,
.splitToolbarButton.toggled > .toolbarButton.toggled{
  background-color:var(--toggled-btn-bg-color);
  color:var(--toggled-btn-color);
}

:is(.toolbarButton, .secondaryToolbarButton).toggled:hover,
.splitToolbarButton.toggled > .toolbarButton.toggled:hover{
  outline:var(--toggled-hover-btn-outline) !important;
}

:is(.toolbarButton, .secondaryToolbarButton).toggled::before{
  background-color:var(--toggled-btn-color);
}

:is(.toolbarButton, .secondaryToolbarButton).toggled:hover:active,
.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active{
  background-color:var(--toggled-hover-active-btn-color);
}

.dropdownToolbarButton{
  display:flex;
  width:-moz-fit-content;
  width:fit-content;
  min-width:140px;
  padding:0;
  background-color:var(--dropdown-btn-bg-color);
  border:var(--dropdown-btn-border);
}

.dropdownToolbarButton::after{
  top:6px;
  inset-inline-end:6px;
  pointer-events:none;
  -webkit-mask-image:var(--toolbarButton-menuArrow-icon);
          mask-image:var(--toolbarButton-menuArrow-icon);
}

.dropdownToolbarButton > select{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  width:inherit;
  min-width:inherit;
  height:28px;
  font-size:12px;
  color:var(--main-color);
  margin:0;
  padding-block:1px 2px;
  padding-inline:6px 38px;
  border:none;
  background-color:var(--dropdown-btn-bg-color);
}

.dropdownToolbarButton > select:is(:hover, :focus-visible){
  background-color:var(--button-hover-color);
  color:var(--toggled-btn-color);
}

.dropdownToolbarButton > select > option{
  background:var(--doorhanger-bg-color);
  color:var(--main-color);
}

.toolbarButtonSpacer{
  width:30px;
  display:inline-block;
  height:1px;
}

:is(.toolbarButton, .secondaryToolbarButton, .treeItemToggler)::before,
.dropdownToolbarButton::after{
  position:absolute;
  display:inline-block;
  width:16px;
  height:16px;

  content:"";
  background-color:var(--toolbar-icon-bg-color);
  -webkit-mask-size:cover;
          mask-size:cover;
}

.dropdownToolbarButton:is(:hover, :focus-visible, :active)::after{
  background-color:var(--toolbar-icon-hover-bg-color);
}

.toolbarButton::before{
  opacity:var(--toolbar-icon-opacity);
  top:6px;
  left:6px;
}

.toolbarButton:is(:hover, :focus-visible)::before,
.secondaryToolbarButton:is(:hover, :focus-visible)::before{
  background-color:var(--toolbar-icon-hover-bg-color);
}

.secondaryToolbarButton::before{
  opacity:var(--doorhanger-icon-opacity);
  top:5px;
  inset-inline-start:12px;
}

#sidebarToggle::before{
  -webkit-mask-image:var(--toolbarButton-sidebarToggle-icon);
          mask-image:var(--toolbarButton-sidebarToggle-icon);
  transform:scaleX(var(--dir-factor));
}

#secondaryToolbarToggle::before{
  -webkit-mask-image:var(--toolbarButton-secondaryToolbarToggle-icon);
          mask-image:var(--toolbarButton-secondaryToolbarToggle-icon);
  transform:scaleX(var(--dir-factor));
}

#findPrevious::before{
  -webkit-mask-image:var(--findbarButton-previous-icon);
          mask-image:var(--findbarButton-previous-icon);
}

#findNext::before{
  -webkit-mask-image:var(--findbarButton-next-icon);
          mask-image:var(--findbarButton-next-icon);
}

#previous::before{
  -webkit-mask-image:var(--toolbarButton-pageUp-icon);
          mask-image:var(--toolbarButton-pageUp-icon);
}

#next::before{
  -webkit-mask-image:var(--toolbarButton-pageDown-icon);
          mask-image:var(--toolbarButton-pageDown-icon);
}

#zoomOut::before{
  -webkit-mask-image:var(--toolbarButton-zoomOut-icon);
          mask-image:var(--toolbarButton-zoomOut-icon);
}

#zoomIn::before{
  -webkit-mask-image:var(--toolbarButton-zoomIn-icon);
          mask-image:var(--toolbarButton-zoomIn-icon);
}

#presentationMode::before{
  -webkit-mask-image:var(--toolbarButton-presentationMode-icon);
          mask-image:var(--toolbarButton-presentationMode-icon);
}

#editorFreeText::before{
  -webkit-mask-image:var(--toolbarButton-editorFreeText-icon);
          mask-image:var(--toolbarButton-editorFreeText-icon);
}

#editorHighlight::before{
  -webkit-mask-image:var(--toolbarButton-editorHighlight-icon);
          mask-image:var(--toolbarButton-editorHighlight-icon);
}

#editorInk::before{
  -webkit-mask-image:var(--toolbarButton-editorInk-icon);
          mask-image:var(--toolbarButton-editorInk-icon);
}

#editorStamp::before{
  -webkit-mask-image:var(--toolbarButton-editorStamp-icon);
          mask-image:var(--toolbarButton-editorStamp-icon);
}

:is(#print, #secondaryPrint)::before{
  -webkit-mask-image:var(--toolbarButton-print-icon);
          mask-image:var(--toolbarButton-print-icon);
}

#secondaryOpenFile::before{
  -webkit-mask-image:var(--toolbarButton-openFile-icon);
          mask-image:var(--toolbarButton-openFile-icon);
}

:is(#download, #secondaryDownload)::before{
  -webkit-mask-image:var(--toolbarButton-download-icon);
          mask-image:var(--toolbarButton-download-icon);
}

a.secondaryToolbarButton{
  padding-top:5px;
  text-decoration:none;
}

a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
  opacity:0.5;
  pointer-events:none;
}

#viewBookmark::before{
  -webkit-mask-image:var(--toolbarButton-bookmark-icon);
          mask-image:var(--toolbarButton-bookmark-icon);
}

#viewThumbnail::before{
  -webkit-mask-image:var(--toolbarButton-viewThumbnail-icon);
          mask-image:var(--toolbarButton-viewThumbnail-icon);
}

#viewOutline::before{
  -webkit-mask-image:var(--toolbarButton-viewOutline-icon);
          mask-image:var(--toolbarButton-viewOutline-icon);
  transform:scaleX(var(--dir-factor));
}

#viewAttachments::before{
  -webkit-mask-image:var(--toolbarButton-viewAttachments-icon);
          mask-image:var(--toolbarButton-viewAttachments-icon);
}

#viewLayers::before{
  -webkit-mask-image:var(--toolbarButton-viewLayers-icon);
          mask-image:var(--toolbarButton-viewLayers-icon);
}

#currentOutlineItem::before{
  -webkit-mask-image:var(--toolbarButton-currentOutlineItem-icon);
          mask-image:var(--toolbarButton-currentOutlineItem-icon);
  transform:scaleX(var(--dir-factor));
}

#viewFind::before{
  -webkit-mask-image:var(--toolbarButton-search-icon);
          mask-image:var(--toolbarButton-search-icon);
}

.pdfSidebarNotification::after{
  position:absolute;
  display:inline-block;
  top:2px;
  inset-inline-end:2px;
  content:"";
  background-color:rgb(112 219 85);
  height:9px;
  width:9px;
  border-radius:50%;
}

.secondaryToolbarButton{
  position:relative;
  margin:0;
  padding:0 0 1px;
  padding-inline-start:36px;
  height:auto;
  min-height:26px;
  width:auto;
  min-width:100%;
  text-align:start;
  white-space:normal;
  border-radius:0;
  box-sizing:border-box;
  display:inline-block;
}

.secondaryToolbarButton > span{
  padding-inline-end:4px;
}

#firstPage::before{
  -webkit-mask-image:var(--secondaryToolbarButton-firstPage-icon);
          mask-image:var(--secondaryToolbarButton-firstPage-icon);
}

#lastPage::before{
  -webkit-mask-image:var(--secondaryToolbarButton-lastPage-icon);
          mask-image:var(--secondaryToolbarButton-lastPage-icon);
}

#pageRotateCcw::before{
  -webkit-mask-image:var(--secondaryToolbarButton-rotateCcw-icon);
          mask-image:var(--secondaryToolbarButton-rotateCcw-icon);
}

#pageRotateCw::before{
  -webkit-mask-image:var(--secondaryToolbarButton-rotateCw-icon);
          mask-image:var(--secondaryToolbarButton-rotateCw-icon);
}

#cursorSelectTool::before{
  -webkit-mask-image:var(--secondaryToolbarButton-selectTool-icon);
          mask-image:var(--secondaryToolbarButton-selectTool-icon);
}

#cursorHandTool::before{
  -webkit-mask-image:var(--secondaryToolbarButton-handTool-icon);
          mask-image:var(--secondaryToolbarButton-handTool-icon);
}

#scrollPage::before{
  -webkit-mask-image:var(--secondaryToolbarButton-scrollPage-icon);
          mask-image:var(--secondaryToolbarButton-scrollPage-icon);
}

#scrollVertical::before{
  -webkit-mask-image:var(--secondaryToolbarButton-scrollVertical-icon);
          mask-image:var(--secondaryToolbarButton-scrollVertical-icon);
}

#scrollHorizontal::before{
  -webkit-mask-image:var(--secondaryToolbarButton-scrollHorizontal-icon);
          mask-image:var(--secondaryToolbarButton-scrollHorizontal-icon);
}

#scrollWrapped::before{
  -webkit-mask-image:var(--secondaryToolbarButton-scrollWrapped-icon);
          mask-image:var(--secondaryToolbarButton-scrollWrapped-icon);
}

#spreadNone::before{
  -webkit-mask-image:var(--secondaryToolbarButton-spreadNone-icon);
          mask-image:var(--secondaryToolbarButton-spreadNone-icon);
}

#spreadOdd::before{
  -webkit-mask-image:var(--secondaryToolbarButton-spreadOdd-icon);
          mask-image:var(--secondaryToolbarButton-spreadOdd-icon);
}

#spreadEven::before{
  -webkit-mask-image:var(--secondaryToolbarButton-spreadEven-icon);
          mask-image:var(--secondaryToolbarButton-spreadEven-icon);
}

#documentProperties::before{
  -webkit-mask-image:var(--secondaryToolbarButton-documentProperties-icon);
          mask-image:var(--secondaryToolbarButton-documentProperties-icon);
}

.verticalToolbarSeparator{
  display:block;
  margin:5px 2px;
  width:1px;
  height:22px;
  background-color:var(--separator-color);
}

.horizontalToolbarSeparator{
  display:block;
  margin:6px 0;
  height:1px;
  width:100%;
  background-color:var(--doorhanger-separator-color);
}

.toolbarField{
  padding:4px 7px;
  margin:3px 0;
  border-radius:2px;
  background-color:var(--field-bg-color);
  background-clip:padding-box;
  border:1px solid var(--field-border-color);
  box-shadow:none;
  color:var(--field-color);
  font-size:12px;
  line-height:16px;
  outline:none;
}

.toolbarField[type="checkbox"]{
  opacity:0;
  position:absolute !important;
  left:0;
  margin:10px 0 3px;
  margin-inline-start:7px;
}

#pageNumber{
  -moz-appearance:textfield;
  text-align:end;
  width:40px;
  background-size:0 0;
  transition-property:none;
}

#pageNumber::-webkit-inner-spin-button{
    -webkit-appearance:none;
  }

.loadingInput:has(> #pageNumber.loading)::after{
    display:block;
    visibility:visible;

    transition-property:visibility;
    transition-delay:var(--loading-icon-delay);
  }

.loadingInput::after{
    position:absolute;
    visibility:hidden;
    display:none;
    top:calc(50% - 8px);
    width:16px;
    height:16px;

    content:"";
    background-color:var(--toolbar-icon-bg-color);
    -webkit-mask-size:cover;
            mask-size:cover;
    -webkit-mask-image:var(--loading-icon);
            mask-image:var(--loading-icon);
  }

.loadingInput.start::after{
    inset-inline-start:4px;
  }

.loadingInput.end::after{
    inset-inline-end:4px;
  }

.toolbarField:focus{
  border-color:#0a84ff;
}

.toolbarLabel{
  min-width:16px;
  padding:7px;
  margin:2px;
  border-radius:2px;
  color:var(--main-color);
  font-size:12px;
  line-height:14px;
  text-align:left;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  cursor:default;
}

#numPages.toolbarLabel{
  padding-inline-start:3px;
}

#thumbnailView,
#outlineView,
#attachmentsView,
#layersView{
  position:absolute;
  width:calc(100% - 8px);
  inset-block:0;
  padding:4px 4px 0;
  overflow:auto;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

#thumbnailView{
  width:calc(100% - 60px);
  padding:10px 30px 0;
}

#thumbnailView > a:is(:active, :focus){
  outline:0;
}

.thumbnail{
  --thumbnail-width:0;
  --thumbnail-height:0;

  float:var(--inline-start);
  width:var(--thumbnail-width);
  height:var(--thumbnail-height);
  margin:0 10px 5px;
  padding:1px;
  border:7px solid transparent;
  border-radius:2px;
}

#thumbnailView > a:last-of-type > .thumbnail{
  margin-bottom:10px;
}

a:focus > .thumbnail,
.thumbnail:hover{
  border-color:var(--thumbnail-hover-color);
}

.thumbnail.selected{
  border-color:var(--thumbnail-selected-color) !important;
}

.thumbnailImage{
  width:var(--thumbnail-width);
  height:var(--thumbnail-height);
  opacity:0.9;
}

a:focus > .thumbnail > .thumbnailImage,
.thumbnail:hover > .thumbnailImage{
  opacity:0.95;
}

.thumbnail.selected > .thumbnailImage{
  opacity:1 !important;
}

.thumbnail:not([data-loaded]) > .thumbnailImage{
  width:calc(var(--thumbnail-width) - 2px);
  height:calc(var(--thumbnail-height) - 2px);
  border:1px dashed rgb(132 132 132);
}

.treeWithDeepNesting > .treeItem,
.treeItem > .treeItems{
  margin-inline-start:20px;
}

.treeItem > a{
  text-decoration:none;
  display:inline-block;
  min-width:calc(100% - 4px);
  height:auto;
  margin-bottom:1px;
  padding:2px 0 5px;
  padding-inline-start:4px;
  border-radius:2px;
  color:var(--treeitem-color);
  font-size:13px;
  line-height:15px;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  white-space:normal;
  cursor:pointer;
}

#layersView .treeItem > a *{
  cursor:pointer;
}

#layersView .treeItem > a > label{
  padding-inline-start:4px;
}

#layersView .treeItem > a > label > input{
  float:var(--inline-start);
  margin-top:1px;
}

.treeItemToggler{
  position:relative;
  float:var(--inline-start);
  height:0;
  width:0;
  color:rgb(255 255 255 / 0.5);
}

.treeItemToggler::before{
  inset-inline-end:4px;
  -webkit-mask-image:var(--treeitem-expanded-icon);
          mask-image:var(--treeitem-expanded-icon);
}

.treeItemToggler.treeItemsHidden::before{
  -webkit-mask-image:var(--treeitem-collapsed-icon);
          mask-image:var(--treeitem-collapsed-icon);
  transform:scaleX(var(--dir-factor));
}

.treeItemToggler.treeItemsHidden ~ .treeItems{
  display:none;
}

.treeItem.selected > a{
  background-color:var(--treeitem-selected-bg-color);
  color:var(--treeitem-selected-color);
}

.treeItemToggler:hover,
.treeItemToggler:hover + a,
.treeItemToggler:hover ~ .treeItems,
.treeItem > a:hover{
  background-color:var(--treeitem-bg-color);
  background-clip:padding-box;
  border-radius:2px;
  color:var(--treeitem-hover-color);
}

#outlineOptionsContainer{
  display:none;
}

#sidebarContainer:has(#outlineView:not(.hidden)) #outlineOptionsContainer{
    display:inherit;
  }

.dialogButton{
  width:auto;
  margin:3px 4px 2px !important;
  padding:2px 11px;
  color:var(--main-color);
  background-color:var(--dialog-button-bg-color);
  border:var(--dialog-button-border) !important;
}

dialog{
  margin:auto;
  padding:15px;
  border-spacing:4px;
  color:var(--main-color);
  font:message-box;
  font-size:12px;
  line-height:14px;
  background-color:var(--doorhanger-bg-color);
  border:1px solid rgb(0 0 0 / 0.5);
  border-radius:4px;
  box-shadow:0 1px 4px rgb(0 0 0 / 0.3);
}

dialog::backdrop{
  background-color:rgb(0 0 0 / 0.2);
}

dialog > .row{
  display:table-row;
}

dialog > .row > *{
  display:table-cell;
}

dialog .toolbarField{
  margin:5px 0;
}

dialog .separator{
  display:block;
  margin:4px 0;
  height:1px;
  width:100%;
  background-color:var(--separator-color);
}

dialog .buttonRow{
  text-align:center;
  vertical-align:middle;
}

dialog :link{
  color:rgb(255 255 255);
}

#passwordDialog{
  text-align:center;
}

#passwordDialog .toolbarField{
  width:200px;
}

#documentPropertiesDialog{
  text-align:left;
}

#documentPropertiesDialog .row > *{
  min-width:100px;
  text-align:start;
}

#documentPropertiesDialog .row > span{
  width:125px;
  word-wrap:break-word;
}

#documentPropertiesDialog .row > p{
  max-width:225px;
  word-wrap:break-word;
}

#documentPropertiesDialog .buttonRow{
  margin-top:10px;
}

.grab-to-pan-grab{
  cursor:grab !important;
}

.grab-to-pan-grab
  *:not(input):not(textarea):not(button):not(select):not(:link){
  cursor:inherit !important;
}

.grab-to-pan-grab:active,
.grab-to-pan-grabbing{
  cursor:grabbing !important;
}

.grab-to-pan-grabbing{
  position:fixed;
  background:rgb(0 0 0 / 0);
  display:block;
  inset:0;
  overflow:hidden;
  z-index:50000;
}

@page{
  margin:0;
}

#printContainer{
  display:none;
}

@media print{
  body{
    background:rgb(0 0 0 / 0) none;
  }

  body[data-pdfjsprinting] #outerContainer{
    display:none;
  }

  body[data-pdfjsprinting] #printContainer{
    display:block;
  }

  #printContainer{
    height:100%;
  }
  #printContainer > .printedPage{
    page-break-after:always;
    page-break-inside:avoid;
    height:100%;
    width:100%;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }

  #printContainer > .xfaPrintedPage .xfaPage{
    position:absolute;
  }

  #printContainer > .xfaPrintedPage{
    page-break-after:always;
    page-break-inside:avoid;
    width:100%;
    height:100%;
    position:relative;
  }

  #printContainer > .printedPage :is(canvas, img){
    max-width:100%;
    max-height:100%;

    direction:ltr;
    display:block;
  }
}

.visibleMediumView{
  display:none;
}

@media all and (max-width: 900px){
  #toolbarViewerMiddle{
    display:table;
    margin:auto;
    left:auto;
    position:inherit;
    transform:none;
  }
}

@media all and (max-width: 840px){
  #sidebarContainer{
    background-color:var(--sidebar-narrow-bg-color);
  }

  #outerContainer.sidebarOpen #viewerContainer{
    inset-inline-start:0 !important;
  }
}

@media all and (max-width: 750px){
  :root{
    --editor-toolbar-base-offset:40px;
  }

  #outerContainer .hiddenMediumView{
    display:none;
  }

  #outerContainer .visibleMediumView{
    display:inherit;
  }
}

@media all and (max-width: 690px){
  .hiddenSmallView,
  .hiddenSmallView *{
    display:none;
  }

  .toolbarButtonSpacer{
    width:0;
  }

  .findbar{
    inset-inline-start:34px;
  }
}

@media all and (max-width: 560px){
  #scaleSelectContainer{
    display:none;
  }
}

/**
 * new-preview 项目样式
 * 统一使用 np- 前缀
*/

/* main loading */
:focus-visible {
  outline: none;
}

.np-mainLoading {
  background: #f1f3f7;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  opacity: 1;
  transition: opacity 0.2s;
}

.np-mainLoading.np-mainLoading-hide {
  opacity: 0;
}

.np-mainLoading-box {
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  box-sizing: border-box;
  /* 中性色/深分割线 */
  border: 0.5px solid #e3e5ec;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
  width: 338px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 56px 0;
}

.np-mainLoading-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij4KICAgIDxkZWZzPgogICAgICAgIDxjbGlwUGF0aCBpZD0ibWFzdGVyX3N2ZzBfMjg4XzA2MDI3Ij4KICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iNy4wOTE2NTg1OTIyMjQxMjEiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSIgaWQ9Im1hc3Rlcl9zdmcxXzYzXzI1MDIiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjRkY2QTY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRkE1RTNFIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxmaWx0ZXIgaWQ9Im1hc3Rlcl9zdmcyXzI4OF8wNjAzMCIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIHg9Ii00LjcyNjYyOTI1NzIwMjE0OCIgeT0iLTIuMzYzMzE0NjI4NjAxMDc0IiB3aWR0aD0iMjMuODUzMjU5MDg2NjA4ODg3IiBoZWlnaHQ9IjIzLjgxNDEwMjE3Mjg1MTU2MiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeT0iMi4zNjMzMTQ2Mjg2MDEwNzQiIGR4PSIwIi8+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEuMTgxNjU3MzE0MzAwNTM3Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuOTc2MTkwNDQ3ODA3MzEyIDAgMCAwIDAgMC4zMzEwMzM1NTc2NTM0MjcxIDAgMCAwIDAgMC4xOTg2OTM2MzMwNzk1Mjg4IDAgMCAwIDEgMCIvPgogICAgICAgICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgogICAgICAgICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9Im1hc3Rlcl9zdmczXzI4OF8wNjAzNCIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNS4yMDAwMDA3NjI5Mzk0NTMiIGhlaWdodD0iMjIuODAwMDAxMTQ0NDA5MTgiPgogICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZSIgc3RkRGV2aWF0aW9uPSIxLjE4MTk0MzA1ODk2NzU5MDMiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1ciIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSIgaWQ9Im1hc3Rlcl9zdmc0XzYzXzI1MDUiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjRkY3NDY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRkE1RTNFIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxmaWx0ZXIgaWQ9Im1hc3Rlcl9zdmc1XzI4OF8wNjAzMSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIHg9Ii00LjcyNjYyOTI1NzIwMjE0OCIgeT0iLTIuMzYzMzE0NjI4NjAxMDc0IiB3aWR0aD0iMjAuOTYwODAxMTI0NTcyNzU0IiBoZWlnaHQ9IjIyLjY0MzU3ODUyOTM1NzkxIj4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR5PSIyLjM2MzMxNDYyODYwMTA3NCIgZHg9IjAiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS4xODE2NTczMTQzMDA1MzciLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC45NzY0NzA1ODk2Mzc3NTYzIDAgMCAwIDAgMC4zMjk0MTE3NzQ4NzM3MzM1IDAgMCAwIDAgMC4yMDAwMDAwMDI5ODAyMzIyNCAwIDAgMCAwLjMwMDAwMDAxMTkyMDkyODk2IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KICAgICAgICA8L2ZpbHRlcj4KICAgIDwvZGVmcz4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8yODhfMDYwMjcpIj4KICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSI3LjA5MTY1ODU5MjIyNDEyMSIgZmlsbD0iI0ZDRUZFRCIgZmlsbC1vcGFjaXR5PSIxIi8+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHJlY3QgeD0iNy44MDAwNDg4MjgxMjUiIHk9IjkiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjMuNTQ1ODI5Mjk2MTEyMDYwNSIgZmlsbD0idXJsKCNtYXN0ZXJfc3ZnMV82M18yNTAyKSIgZmlsbC1vcGFjaXR5PSIxIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI21hc3Rlcl9zdmcyXzI4OF8wNjAzMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0Ljk5Njk3NTU4NTkzNzUsMjMuOTIxODk1MzEyNUMyMy45MTcyNzU1ODU5Mzc1LDIzLjg0MTg5NTMxMjUsMjIuODc3NDc1NTg1OTM3NSwyMy40NDE5OTUzMTI0OTk5OTgsMjIuMDM3Njk1NTg1OTM3NSwyMi43MjIyMDUzMTI1QzIwLjM5ODA4NTU4NTkzNzUsMjMuMDgyMTI1MzEyNSwxOC44Mzg0NjU1ODU5Mzc1LDIzLjYwMTk5NTMxMjUsMTcuMjc4ODQ1NTg1OTM3NSwyNC4yNDE3OTUzMTI1MDAwMDNDMTYuMDM5MTQ1NTg1OTM3NSwyNi40NDEyOTUzMTI1LDE0Ljg3OTQyNTU4NTkzNzUsMjcuNTYwOTk1MzEyNDk5OTk4LDEzLjg3OTY2NTU4NTkzNzUsMjcuNTYwOTk1MzEyNDk5OTk4QzEzLjY3OTcxNTU4NTkzNzUsMjcuNTYwOTk1MzEyNDk5OTk4LDEzLjQzOTc3MjU4NTkzNzUsMjcuNTIxMDk1MzEyNSwxMy4yNzk4MTE1ODU5Mzc1LDI3LjQwMTA5NTMxMjVDMTIuODM5OTE3NTg1OTM3NSwyNy4yMDEwOTUzMTI1LDEyLjU5OTk3NTU4NTkzNzUsMjYuNzYxMTk1MzEyNSwxMi41OTk5NzU1ODU5Mzc1LDI2LjMyMTI5NTMxMjVDMTIuNTk5OTc1NTg1OTM3NSwyNS45NjEzOTUzMTI1MDAwMDIsMTIuNjc5OTU2Mjg1OTM3NSwyNC45NjE2OTUzMTI0OTk5OTgsMTYuNDc5MDM1NTg1OTM3NSwyMy4zMjIwOTUzMTI1QzE3LjM1ODgyNTU4NTkzNzUsMjEuNzIyNDQ1MzEyNSwxOC4wMzg2NTU1ODU5Mzc0OTgsMjAuMDgyODQ1MzEyNDk5OTk4LDE4LjU5ODUyNTU4NTkzNzUsMTguMzYzMjY1MzEyNUMxOC4xMTg2NDU1ODU5Mzc1LDE3LjQwMzQ5NTMxMjUsMTcuMDc4ODk1NTg1OTM3NSwxNS4wNDQwNjUzMTI0OTk5OTksMTcuNzk4NzE1NTg1OTM3NSwxMy44NDQzNTQzMTI1QzE4LjAzODY1NTU4NTkzNzQ5OCwxMy40MDQ0NjEzMTI1LDE4LjUxODU0NTU4NTkzNzUsMTMuMTY0NTE5MzEyNSwxOS4wMzg0MTU1ODU5Mzc1LDEzLjIwNDUwOTY0MjVDMTkuNDM4MzI1NTg1OTM3NSwxMy4yMDQ1MDk2NDI1LDE5LjgzODIyNTU4NTkzNzUsMTMuNDA0NDYxMzEyNSwyMC4wNzgxNjU1ODU5Mzc0OTgsMTMuNzI0Mzg0MzEyNUMyMC41OTgwNDU1ODU5Mzc1LDE0LjQ0NDIwNTMxMjUsMjAuNTU4MDQ1NTg1OTM3NSwxNS45NjM4NDUzMTI1LDE5Ljg3ODIxNTU4NTkzNzUsMTguMjAzMzA1MzEyNUMyMC41MTgwNjU1ODU5Mzc1LDE5LjQwMzAxNTMxMjUsMjEuMzU3ODU1NTg1OTM3NSwyMC40ODI3NDUzMTI1LDIyLjM1NzYxNTU4NTkzNzUwMiwyMS40MDI1MjUzMTI1QzIzLjE5NzM3NTU4NTkzNzUsMjEuMjQyNTY1MzEyNSwyNC4wMzcxNzU1ODU5Mzc1LDIxLjEyMjU5NTMxMjUsMjQuODc2OTc1NTg1OTM3NSwyMS4xMjI1OTUzMTI1QzI2Ljc1NjU3NTU4NTkzNzQ5NywyMS4xNjI1ODUzMTI1LDI3LjAzNjQ3NTU4NTkzNzUwMiwyMi4wNDIzNzUzMTI1LDI2Ljk5NjQ3NTU4NTkzNzUsMjIuNTYyMjQ1MzEyNUMyNi45OTY0NzU1ODU5Mzc1LDIzLjkyMTg5NTMxMjUsMjUuNjc2Nzc1NTg1OTM3NSwyMy45MjE4OTUzMTI1LDI0Ljk5Njk3NTU4NTkzNzUsMjMuOTIxODk1MzEyNVpNMTMuNzk5Njg1NTg1OTM3NSwyNi40MDEyOTUzMTI1TDEzLjkxOTY1NTU4NTkzNzUsMjYuMzYxMjk1MzEyNDk5OTk4QzE0LjQ3OTUyNTU4NTkzNzUsMjYuMTYxMzk1MzEyNDk5OTk4LDE0LjkxOTQxNTU4NTkzNzUsMjUuNzYxNDk1MzEyNSwxNS4yMzkzMzU1ODU5Mzc1LDI1LjI0MTU5NTMxMjVDMTQuNjM5NDg1NTg1OTM3NSwyNS40ODE0OTUzMTI1LDE0LjE1OTU5NTU4NTkzNzUsMjUuODgxMzk1MzEyNSwxMy43OTk2ODU1ODU5Mzc1LDI2LjQwMTI5NTMxMjVaTTE5LjExODM5NTU4NTkzNzUsMTQuNDA0MjE1MzEyNUwxOC45OTg0MjU1ODU5Mzc1LDE0LjQwNDIxNTMxMjVDMTguOTU4NDM1NTg1OTM3NSwxNC40MDQyMTUzMTI1LDE4Ljg3ODQ1NTU4NTkzNzUwMiwxNC40MDQyMTUzMTI1LDE4LjgzODQ2NTU4NTkzNzUsMTQuNDQ0MjA1MzEyNUMxOC42Nzg1MDU1ODU5Mzc1LDE1LjEyNDA0NTMxMjUsMTguNzk4NDc1NTg1OTM3NSwxNS44NDM4NzUzMTI1LDE5LjA3ODQwNTU4NTkzNzUsMTYuNDgzNzE1MzEyNUMxOS4zMTgzNTU1ODU5Mzc1LDE1LjgwMzg3NTMxMjUsMTkuMzE4MzU1NTg1OTM3NSwxNS4wODQwNTUzMTI1LDE5LjExODM5NTU4NTkzNzUsMTQuNDA0MjE1MzEyNVpNMTkuMzk4MzM1NTg1OTM3NSwyMC4yMDI4MTUzMTI1TDE5LjM1ODMzNTU4NTkzNzUsMjAuMjgyNzk1MzEyNUwxOS4zMTgzNDU1ODU5Mzc1LDIwLjI0MjgwNTMxMjVDMTguOTU4NDM1NTg1OTM3NSwyMS4xNjI1ODUzMTI1LDE4LjU1ODUzNTU4NTkzNzUsMjIuMDgyMzY1MzEyNTAwMDAyLDE4LjExODYzNTU4NTkzNzUsMjIuOTYyMTU1MzEyNTAwMDAyTDE4LjE5ODYyNTU4NTkzNzUsMjIuOTIyMTU1MzEyNUwxOC4xOTg2MjU1ODU5Mzc1LDIzLjAwMjE0NTMxMjQ5OTk5OEMxOS4wNzg0MDU1ODU5Mzc1LDIyLjY4MjIxNTMxMjUsMjAuMDM4MTc1NTg1OTM3NTAyLDIyLjQwMjI4NTMxMjUsMjAuOTE3OTY1NTg1OTM3NSwyMi4yMDIzMzUzMTI1TDIwLjg3Nzk3NTU4NTkzNzUsMjIuMTYyMzQ1MzEyNUwyMC45OTc5NDU1ODU5Mzc1LDIyLjE2MjM0NTMxMjVDMjAuMzk4MDg1NTg1OTM3NSwyMS41NjI0ODUzMTI1LDE5LjgzODIyNTU4NTkzNzUsMjAuODgyNjU1MzEyNSwxOS4zOTgzMzU1ODU5Mzc1LDIwLjIwMjgxNTMxMjVaTTI0LjgzNjk3NTU4NTkzNzUwMiwyMi4zMjIzMDUzMTI1QzI0LjQ3NzA3NTU4NTkzNzUsMjIuMzIyMzA1MzEyNSwyNC4xNTcxNzU1ODU5Mzc1LDIyLjMyMjMwNTMxMjUsMjMuNzk3Mjc1NTg1OTM3NSwyMi40MDIyODUzMTI1QzI0LjE5NzE3NTU4NTkzNzUsMjIuNjAyMjM1MzEyNSwyNC41OTcwNzU1ODU5Mzc1LDIyLjY4MjIxNTMxMjUsMjQuOTk2OTc1NTg1OTM3NSwyMi43MjIyMDUzMTI1QzI1LjI3Njg3NTU4NTkzNzUsMjIuNzYyMTk1MzEyNDk5OTk4LDI1LjU1Njg3NTU4NTkzNzQ5NywyMi43MjIyMDUzMTI1LDI1Ljc5Njc3NTU4NTkzNzUsMjIuNjQyMjI1MzEyNTAwMDAzQzI1Ljc5Njc3NTU4NTkzNzUsMjIuNTIyMjU1MzEyNSwyNS42MzY3NzU1ODU5Mzc1LDIyLjMyMjMwNTMxMjUsMjQuODM2OTc1NTg1OTM3NTAyLDIyLjMyMjMwNTMxMjVaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuNjk5OTk5OTg4MDc5MDcxIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI21hc3Rlcl9zdmczXzI4OF8wNjAzNCkiPgogICAgICAgICAgICA8cmVjdCB4PSIxNi44MDAwNDg4MjgxMjUiIHk9IjE4IiB3aWR0aD0iMjUuMjAwMDAwNzYyOTM5NDUzIiBoZWlnaHQ9IjIyLjgwMDAwMTE0NDQwOTE4IiByeD0iMy41NDU4MjkyOTYxMTIwNjA1IiBmaWxsPSJ1cmwoI21hc3Rlcl9zdmc0XzYzXzI1MDUpIiBmaWxsLW9wYWNpdHk9IjAuMzAwMDAwMDExOTIwOTI4OTYiLz4KICAgICAgICAgICAgPHJlY3QgeD0iMTcuMzkxMDIwMzU3NjA4Nzk1IiB5PSIxOC41OTA5NzE1Mjk0ODM3OTUiIHdpZHRoPSIyNC4wMTgwNTc3MDM5NzE4NjMiIGhlaWdodD0iMjEuNjE4MDU4MDg1NDQxNTkiIHJ4PSIyLjk1NDg1Nzc2NjYyODI2NTQiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlLW9wYWNpdHk9IjEiIHN0cm9rZT0iI0ZDRjNGMSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjE4MTk0MzA1ODk2NzU5MDMiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI21hc3Rlcl9zdmc1XzI4OF8wNjAzMSkiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzAuOTg0NzkxMDI0NzgwMjcsMjQuODY3NTk4NzVMMzIuMzcxNDkxMDI0NzgwMjcsMjMuMjE0OTkwNzVDMzIuNzkxMDgxMDI0NzgwMjc2LDIyLjcxNDk0MTA1LDMzLjUzNjYwMTAyNDc4MDI3NSwyMi42NDk3MTY3NSwzNC4wMzY2OTEwMjQ3ODAyNzUsMjMuMDY5MzA4NzVMMzUuMDgxNTkxMDI0NzgwMjcsMjMuOTQ2MDk4NzVDMzUuNTgxNTkxMDI0NzgwMjcsMjQuMzY1Njg4NzUsMzUuNjQ2NzkxMDI0NzgwMjcsMjUuMTExMjA4NzUsMzUuMjI3MjkxMDI0NzgwMjcsMjUuNjExMjU4NzVMMzMuODQwNTQxMDI0NzgwMjcsMjcuMjYzODY4NzVMMzAuOTg0NzkxMDI0NzgwMjcsMjQuODY3NTk4NzVaTTMwLjA4NjE5MTAyNDc4MDI3MywyNS45Mzg1MDg3NUwyNC45ODg1NDMwMjQ3ODAyNzQsMzIuMDEzNjQ4NzVDMjQuNzQwNzA0MDI0NzgwMjc1LDMyLjMwOTAwODc1MDAwMDAwNCwyNC41Njg4NzQwMjQ3ODAyNzUsMzIuNjYwNTE4NzUsMjQuNDg4MDM3MDI0NzgwMjcyLDMzLjAzNzQ2ODc1TDI0LjAwOTk1MzUyNDc4MDI3MiwzNS4yNjcxNjg3NDk5OTk5OTZDMjMuOTEwNDg5MTI0NzgwMjczLDM1LjczMTA2ODc1LDI0LjM3MDYwMDAyNDc4MDI3MywzNi4xMTcwNjg3NSwyNC44MTAxNTAwMjQ3ODAyNzQsMzUuOTM4NTY4NzVMMjYuOTIyODkxMDI0NzgwMjc0LDM1LjA4MDU2ODc1QzI3LjI4MDEzMTAyNDc4MDI3NSwzNC45MzU1Njg3NSwyNy41OTY0NjEwMjQ3ODAyNzUsMzQuNzA1MjY4NzUsMjcuODQ0MzAxMDI0NzgwMjcyLDM0LjQwOTg2ODc1TDMyLjk0MTk1MTAyNDc4MDI3LDI4LjMzNDc2ODc1MDAwMDAwMkwzMC4wODYxOTEwMjQ3ODAyNzMsMjUuOTM4NTA4NzVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==) center no-repeat;
  background-size: 48px;
  width: 48px;
  height: 48px;
  margin: 0 auto;
}

.np-mainLoading-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #21293a;
  text-align: center;
  padding-top: 8px;
}

.np-mainLoading-desc {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  color: #585e6d;
  text-align: center;
  padding-top: 2px;
}

/* main loading /end */

.np-outerContainer {
  background: #f1f3f7;
  font-family: inherit;
  font-size: 14px;
  line-height: 22px;
  color: #21293a;
}

/* input */

.np-input {
  width: 100%;
  border: 1px #e3e5ec solid;
  border-radius: 4px;
  box-sizing: border-box;
  transition: border 0.2s ease;

  height: 30px;
  line-height: 30px;
  padding: 0 12px;
  width: 256px;

  color: #21293a;
}

.np-input:focus,
.np-input:focus-visible,
.np-input:active {
  border: 1px #3370ff solid !important;
  outline: 0;
}

/* button */

.np-button {
  display: inline-block;
  padding: 5px 26px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
  color: #ffffff;
  background: #3370ff;
  outline: none;
  border: none;
  position: relative;
}

.np-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  z-index: 1;
  transition: background 0.2s ease;
  background: rgba(255, 255, 255, 0);
}

.np-button:hover:after {
  background: rgba(255, 255, 255, 0.16);
}

.np-button:active:after {
  background: rgba(255, 255, 255, 0.24);
}

/* toolbar */

.np-toolbar {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fafbfc;
  box-sizing: border-box;
  padding: 4px 24px;
  border-top: 1px solid #e3e5ec;
  transition: left 0.2s ease-out;
  height: auto !important;
  z-index: 1;
}

.np-sidebarButton {
  float: left;
  border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 14px;
  height: 14px;
  padding: 5px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  user-select: none;
  margin-right: 4px;
}

.np-sidebarButton b {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: -35px;
  opacity: 0;
  border-radius: 4px;
  background: #21293a;
  white-space: nowrap;
  padding: 8px 12px;
  transform: translateX(-50%);
  margin-left: 12px;
}

.np-sidebarButton b:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 14px;
  height: 5px;
  margin-left: -7px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgMTQgNSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJtYXN0ZXJfc3ZnMF8xOTBfOTUzNC8xOF84MzI5Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTQiIGhlaWdodD0iNSIgcng9IjAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjbWFzdGVyX3N2ZzBfMTkwXzk1MzQvMThfODMyOSkiPjxnPjxwYXRoIGQ9Ik03LC04LjVDNywtOC41LDIsLTEuNSwyLC0xLjVDMiwtMS41LDQuNzc1MTMsMi4zODUxOTk5OTk5OTk5OTkzLDYuMTkwNDQsNC4zNjY2QzYuNTg5MjYsNC45MjUwMDAwMDAwMDAwMDEsNy40MTA3NCw0LjkyNTAwMDAwMDAwMDAwMSw3LjgwOTU2LDQuMzY2NkM5LjIyNDg3LDIuMzg1MTk5OTk5OTk5OTk5MywxMiwtMS41LDEyLC0xLjVDMTIsLTEuNSw3LC04LjUsNywtOC41WiIgZmlsbD0iIzIxMjkzQSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 14px;
}

.np-sidebarButton:hover {
  background-color: rgba(33, 41, 58, 0.04);
  overflow: visible;
}

.np-sidebarButton:hover b {
  opacity: 1;
  top: -45px;
  transition:
    top 0.2s,
    opacity 0.2s;
}

.np-sidebarButton:active,
.np-sidebarButton:focus {
  background-color: rgba(33, 41, 58, 0.06);
}

.np-sidebarButton-left b {
  left: 0;
  transform: translateX(0);
  margin-left: 0;
}

.np-sidebarButton-left b:after {
  left: 0;
  margin-left: 5px;
}

.np-sidebarText {
  border-radius: 4px;
  background: #eff1f5;
  margin-right: 4px;
  padding: 1px 8px;
  min-width: 48px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0em;
  color: #21293a;
  float: left;
  position: relative;
}

.np-pageNumberInput {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  outline: none;
  border: none;
  background: #eff1f5;
  border-radius: 4px;
  text-align: center;
  padding: 0 !important;
  font-size: 12px !important;
}

.np-pageNumberInput-focus {
  opacity: 1;
}

.np-toolbar-separator {
  float: left;
  background: #e3e5ec;
  width: 1px;
  height: 12px;
  margin: 6px 12px 0;
}

.np-sidebarButton-toggle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMDk4OCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDA5ODgpIj48Zz48cGF0aCBkPSJNMC44NzUsMTEuMDgzMzNMMC44NzUsMi45MTY2N0MwLjg3NSwyLjI3MjMzNCwxLjM5NzMzMzk5OTk5OTk5OTksMS43NSwyLjA0MTY3LDEuNzVMMTEuOTU4MywxLjc1QzEyLjYwMjcsMS43NSwxMy4xMjUsMi4yNzIzMzQsMTMuMTI1LDIuOTE2NjdMMTMuMTI1LDExLjA4MzMzQzEzLjEyNSwxMS43Mjc2NywxMi42MDI3LDEyLjI1LDExLjk1ODMsMTIuMjVMMi4wNDE2NywxMi4yNUMxLjM5NzMzMzk5OTk5OTk5OTksMTIuMjUsMC44NzUsMTEuNzI3NjcsMC44NzUsMTEuMDgzMzNaTTYuNzA4MzMsMTEuMDgzMzNMMTEuOTU4MywxMS4wODMzM0wxMS45NTgzLDIuOTE2NjdMNi43MDgzMywyLjkxNjY3TDYuNzA4MzMsMTEuMDgzMzNaTTUuNTQxNjcsMi45MTY2N0w1LjU0MTY3LDExLjA4MzMzTDIuMDQxNjcsMTEuMDgzMzNMMi4wNDE2NywyLjkxNjY3TDUuNTQxNjcsMi45MTY2N1pNMi42MjUsNC4zNzVDMi42MjUsNC4xMzMzOCwyLjgyMDg4LDMuOTM3NSwzLjA2MjUsMy45Mzc1TDQuNTIwODMsMy45Mzc1QzQuNzYyNDYsMy45Mzc1LDQuOTU4MzMsNC4xMzMzOCw0Ljk1ODMzLDQuMzc1QzQuOTU4MzMsNC42MTY2Miw0Ljc2MjQ2LDQuODEyNSw0LjUyMDgzLDQuODEyNUwzLjA2MjUsNC44MTI1QzIuODIwODgsNC44MTI1LDIuNjI1LDQuNjE2NjIsMi42MjUsNC4zNzVaTTIuNjI1LDYuMTI1QzIuNjI1LDUuODgzMzgsMi44MjA4OCw1LjY4NzUsMy4wNjI1LDUuNjg3NUw0LjUyMDgzLDUuNjg3NUM0Ljc2MjQ2LDUuNjg3NSw0Ljk1ODMzLDUuODgzMzgsNC45NTgzMyw2LjEyNUM0Ljk1ODMzLDYuMzY2NjIsNC43NjI0Niw2LjU2MjUsNC41MjA4Myw2LjU2MjVMMy4wNjI1LDYuNTYyNUMyLjgyMDg4LDYuNTYyNSwyLjYyNSw2LjM2NjYyLDIuNjI1LDYuMTI1WiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMjEyOTNBIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==);
  margin: 0 !important;
}

.np-sidebarButton-first {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTE4NSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDExODUpIj48Zz48cGF0aCBkPSJNMy4yMDgyNTE5NTMxMjUsMi4wNDE3MDcwMjM0Mzc1TDMuMjA4MjUxOTUzMTI1LDExLjk1ODM3NDAyMzQzNzVDMy4yMDgyNTE5NTMxMjUsMTIuMjgwNTc0MDIzNDM3NSwzLjQ2OTQxODk1MzEyNSwxMi41NDE2NzQwMjM0Mzc1LDMuNzkxNTg0OTUzMTI1LDEyLjU0MTY3NDAyMzQzNzVDNC4xMTM3NTA5NTMxMjUsMTIuNTQxNjc0MDIzNDM3NSw0LjM3NDkyMTk1MzEyNSwxMi4yODA1NzQwMjM0Mzc1LDQuMzc0OTIxOTUzMTI1LDExLjk1ODM3NDAyMzQzNzVMNC4zNzQ5MjE5NTMxMjUsMi4wNDE3MDcwMjM0Mzc1QzQuMzc0OTIxOTUzMTI1LDEuNzE5NTQxMDIzNDM3NSw0LjExMzc1MDk1MzEyNSwxLjQ1ODM3NDAyMzQzNzUsMy43OTE1ODQ5NTMxMjUsMS40NTgzNzQwMjM0Mzc1QzMuNDY5NDE4OTUzMTI1LDEuNDU4Mzc0MDIzNDM3NSwzLjIwODI1MTk1MzEyNSwxLjcxOTU0MTAyMzQzNzUsMy4yMDgyNTE5NTMxMjUsMi4wNDE3MDcwMjM0Mzc1Wk01LjMyMzI1MTk1MzEyNSw3LjMwOTg4NDAyMzQzNzVDNS4xOTY4NzE5NTMxMjUsNy4wODIyMzQwMjM0Mzc1LDUuMjM2NjcxOTUzMTI1MDAxLDYuNzk4Mzk0MDIzNDM3NSw1LjQyMDc5MTk1MzEyNTAwMSw2LjYxNDI4NDAyMzQzNzVMNS40MjcyNTE5NTMxMjQ5OTksNi42MDc5MTQwMjM0Mzc1TDEwLjE2NDMzMTk1MzEyNSwxLjg3MDgzNjAyMzQzNzVDMTAuMzkyMTQxOTUzMTI1LDEuNjQzMDMwMDIzNDM3NSwxMC43NjE0ODE5NTMxMjUsMS42NDMwMzAwMjM0Mzc1LDEwLjk4OTI5MTk1MzEyNSwxLjg3MDgzNjAyMzQzNzVDMTEuMjE3MDkxOTUzMTI1LDIuMDk4NjQyMDIzNDM3NSwxMS4yMTcwOTE5NTMxMjUsMi40Njc5ODQwMjM0Mzc1LDEwLjk4OTI5MTk1MzEyNSwyLjY5NTc5NDAyMzQzNzVMNi42NTgyNzE5NTMxMjUsNy4wMjY4MTQwMjM0Mzc1TDEwLjk4OTI1MTk1MzEyNDk5OSwxMS4zNTc3OTQwMjM0Mzc1QzExLjIxNzA2MTk1MzEyNSwxMS41ODU1NzQwMjM0Mzc1LDExLjIxNzA2MTk1MzEyNSwxMS45NTQ5NzQwMjM0Mzc1LDEwLjk4OTI1MTk1MzEyNDk5OSwxMi4xODI3NzQwMjM0Mzc1QzEwLjc2MTQ1MTk1MzEyNSwxMi40MTA1NzQwMjM0Mzc1LDEwLjM5MjEwMTk1MzEyNSwxMi40MTA1NzQwMjM0Mzc1LDEwLjE2NDI5MTk1MzEyNSwxMi4xODI3NzQwMjM0Mzc1TDUuNDI0MDExOTUzMTI0OTk5NSw3LjQ0MjQ2NDAyMzQzNzVMNS40MjA4MjE5NTMxMjQ5OTk1LDcuNDM5MzA0MDIzNDM3NUM1LjM5NTU0MTk1MzEyNSw3LjQxNDAyNDAyMzQzNzUsNS4zNzI2NDE5NTMxMjUsNy4zODY0NzQwMjM0Mzc1LDUuMzUyNDExOTUzMTI0OTk5LDcuMzU3MDA0MDIzNDM3NUM1LjM0MTk1MTk1MzEyNSw3LjM0MTc2NDAyMzQzNzUsNS4zMzIyMjE5NTMxMjUsNy4zMjYwNDQwMjM0Mzc1LDUuMzIzMjUxOTUzMTI1LDcuMzA5ODg0MDIzNDM3NVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzIxMjkzQSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=);
}

.np-sidebarButton-previous {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTE4MiI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDExODIpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLC0xLDEsMCwtOS4wNDE3NDgwNDY4NzUsMTYuNjI1KSI+PHBhdGggZD0iTTE1LjI4MDAyNTk3NjU2MjUsMTguNzAwMTI0MDIzNDM3NUMxNS41MTc3MjU5NzY1NjI1LDE4LjQ3MTk5NDAyMzQzNzUsMTUuNTE3NzI1OTc2NTYyNSwxOC4xMDIxMzQwMjM0Mzc1LDE1LjI4MDAyNTk3NjU2MjUsMTcuODc0MDA0MDIzNDM3NUMxNC40MDkzMjU5NzY1NjI1LDE3LjAzODE2NDAyMzQzNzUsMTEuNDk1MTg1OTc2NTYyNSwxNC4yNzYyMzQwMjM0Mzc1LDEwLjIyNTE1NTk3NjU2MjUwMSwxMy4wNzMwNzUwMjM0Mzc1QzkuODg3Nzg1OTc2NTYyNTAxLDEyLjc1MzQ3MzQyMzQzNzUsOS4zNjIxMjU5NzY1NjI1LDEyLjc1MzQ3MzkyMzQzNzUsOS4wMjQ3NTU5NzY1NjI1LDEzLjA3MzA3NTAyMzQzNzVDNy43NTQ3MzU5NzY1NjI1LDE0LjI3NjIzNDAyMzQzNzUsNC44NDA1OTU5NzY1NjI1LDE3LjAzODE2NDAyMzQzNzUsMy45Njk4NjI5NzY1NjI1LDE3Ljg3NDAwNDAyMzQzNzVDMy43MzIyMTM2NzY1NjI1LDE4LjEwMjEzNDAyMzQzNzUsMy43MzIyMTM2NzY1NjI1LDE4LjQ3MTk5NDAyMzQzNzUsMy45Njk4NjI5NzY1NjI1LDE4LjcwMDEyNDAyMzQzNzVDNC4yMDc1MTE5NzY1NjI1LDE4LjkyODI1NDAyMzQzNzUsNC41OTI4MTc5NzY1NjI1LDE4LjkyODI1NDAyMzQzNzUsNC44MzA0NjU5NzY1NjI1LDE4LjcwMDEyNDAyMzQzNzVDNC44MzA0NjU5NzY1NjI1LDE4LjcwMDEyNDAyMzQzNzUsOS42MjQ5NTU5NzY1NjI1LDE0LjA5Nzc2NDAyMzQzNzUsOS42MjQ5NTU5NzY1NjI1LDE0LjA5Nzc2NDAyMzQzNzVDOS42MjQ5NTU5NzY1NjI1LDE0LjA5Nzc2NDAyMzQzNzUsMTQuNDE5NDI1OTc2NTYyNSwxOC43MDAxMjQwMjM0Mzc1LDE0LjQxOTQyNTk3NjU2MjUsMTguNzAwMTI0MDIzNDM3NUMxNC42NTcxMjU5NzY1NjI1LDE4LjkyODI1NDAyMzQzNzUsMTUuMDQyNDI1OTc2NTYyNSwxOC45MjgyNTQwMjM0Mzc1LDE1LjI4MDAyNTk3NjU2MjUsMTguNzAwMTI0MDIzNDM3NVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzIxMjkzQSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=);
}

.np-sidebarButton-next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTE4NCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDExODQpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLDEsLTEsMCwxMS4zNzUsLTkuMDQxNzQ4MDQ2ODc1KSI+PHBhdGggZD0iTTIxLjY5Njc3NDAyMzQzNzUsNy4wMzMzNzU5NzY1NjI1QzIxLjkzNDQ3NDAyMzQzNzUwMiw2LjgwNTI0NTk3NjU2MjUsMjEuOTM0NDc0MDIzNDM3NTAyLDYuNDM1Mzg1OTc2NTYyNSwyMS42OTY3NzQwMjM0Mzc1LDYuMjA3MjU1OTc2NTYyNUMyMC44MjYwNzQwMjM0Mzc1LDUuMzcxNDE1OTc2NTYyNSwxNy45MTE5MzQwMjM0Mzc1LDIuNjA5NDg1OTc2NTYyNSwxNi42NDE5MDQwMjM0Mzc1LDEuNDA2MzI2OTc2NTYyNUMxNi4zMDQ1MzQwMjM0Mzc1LDEuMDg2NzI1Mzc2NTYyNSwxNS43Nzg4NzQwMjM0Mzc1LDEuMDg2NzI1ODc2NTYyNSwxNS40NDE1MDQwMjM0Mzc1LDEuNDA2MzI2OTc2NTYyNUMxNC4xNzE0ODQwMjM0Mzc1LDIuNjA5NDg1OTc2NTYyNSwxMS4yNTczNDQwMjM0Mzc1LDUuMzcxNDE1OTc2NTYyNSwxMC4zODY2MTEwMjM0Mzc1LDYuMjA3MjU1OTc2NTYyNUMxMC4xNDg5NjE3MjM0Mzc1LDYuNDM1Mzg1OTc2NTYyNSwxMC4xNDg5NjE3MjM0Mzc1LDYuODA1MjQ1OTc2NTYyNSwxMC4zODY2MTEwMjM0Mzc1LDcuMDMzMzc1OTc2NTYyNUMxMC42MjQyNjAwMjM0Mzc1LDcuMjYxNTA1OTc2NTYyNSwxMS4wMDk1NjYwMjM0Mzc1LDcuMjYxNTA1OTc2NTYyNSwxMS4yNDcyMTQwMjM0Mzc1LDcuMDMzMzc1OTc2NTYyNUMxMS4yNDcyMTQwMjM0Mzc1LDcuMDMzMzc1OTc2NTYyNSwxNi4wNDE3MDQwMjM0Mzc1LDIuNDMxMDE1OTc2NTYyNDk5NywxNi4wNDE3MDQwMjM0Mzc1LDIuNDMxMDE1OTc2NTYyNDk5N0MxNi4wNDE3MDQwMjM0Mzc1LDIuNDMxMDE1OTc2NTYyNDk5NywyMC44MzYxNzQwMjM0Mzc1LDcuMDMzMzc1OTc2NTYyNSwyMC44MzYxNzQwMjM0Mzc1LDcuMDMzMzc1OTc2NTYyNUMyMS4wNzM4NzQwMjM0Mzc1LDcuMjYxNTA1OTc2NTYyNSwyMS40NTkxNzQwMjM0Mzc0OTgsNy4yNjE1MDU5NzY1NjI1LDIxLjY5Njc3NDAyMzQzNzUsNy4wMzMzNzU5NzY1NjI1WiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMjEyOTNBIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==);
}

.np-sidebarButton-last {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTE4MyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDExODMpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDI1LjA4MzAwNzgxMjUpIj48cGF0aCBkPSJNMTAuODEwMjE2MzY3MTg3NSwyMy4wNDE0MDM5MDYyNUwxMC44MTAyMTYzNjcxODc1LDEzLjEyNDY5NDkwNjI1QzEwLjgxMDIxNjM2NzE4NzUsMTIuODAyNTI4OTA2MjUsMTAuNTQ5MDQ2MzY3MTg3NSwxMi41NDEzNjE0OTEyNSwxMC4yMjY4ODYzNjcxODc1LDEyLjU0MTM2MTQ5MTI1QzkuOTA0NzE2MzY3MTg3NSwxMi41NDEzNjE0OTEyNSw5LjY0MzU0NjM2NzE4NzUsMTIuODAyNTI4OTA2MjUsOS42NDM1NDYzNjcxODc1LDEzLjEyNDY5NDkwNjI1TDkuNjQzNTQ2MzY3MTg3NSwyMy4wNDE0MDM5MDYyNUM5LjY0MzU0NjM2NzE4NzUsMjMuMzYzNTAzOTA2MjUsOS45MDQ3MTYzNjcxODc1LDIzLjYyNDcwMzkwNjI0OTk5OCwxMC4yMjY4ODYzNjcxODc1LDIzLjYyNDcwMzkwNjI0OTk5OEMxMC41NDkwNDYzNjcxODc1LDIzLjYyNDcwMzkwNjI0OTk5OCwxMC44MTAyMTYzNjcxODc1LDIzLjM2MzUwMzkwNjI1LDEwLjgxMDIxNjM2NzE4NzUsMjMuMDQxNDAzOTA2MjVaTTguNjk1MjE2MzY3MTg3NSwxNy43NzMxODM5MDYyNUM4LjgyMTU5NjM2NzE4NzUsMTguMDAwODMzOTA2MjUsOC43ODE3OTYzNjcxODc1LDE4LjI4NDY3MzkwNjI1LDguNTk3Njc2MzY3MTg3NSwxOC40Njg3ODM5MDYyNUw4LjU5MTIxNjM2NzE4NzUsMTguNDc1MTUzOTA2MjVMMy44NTQxMzUzNjcxODc1MDAzLDIzLjIxMjIwMzkwNjI1QzMuNjI2MzI5MzY3MTg3NSwyMy40NDAwMDM5MDYyNSwzLjI1Njk4MzM2NzE4NzUsMjMuNDQwMDAzOTA2MjUsMy4wMjkxNzczNjcxODc1LDIzLjIxMjIwMzkwNjI1QzIuODAxMzcxOTY3MTg3NSwyMi45ODQ0MDM5MDYyNSwyLjgwMTM3MTk2NzE4NzUsMjIuNjE1MTAzOTA2MjUsMy4wMjkxNzczNjcxODc1LDIyLjM4NzI3MzkwNjI1TDcuMzYwMTk2MzY3MTg3NSwxOC4wNTYyNTM5MDYyNUwzLjAyOTIxNTM2NzE4NzUsMTMuNzI1MjgzOTA2MjVDMi44MDE0MDkyNjcxODc1LDEzLjQ5NzQ3MzkwNjI1LDIuODAxNDA4NjY3MTg3NSwxMy4xMjgxMjY5MDYyNSwzLjAyOTIxNTM2NzE4NzUsMTIuOTAwMzIxOTA2MjVDMy4yNTcwMjEzNjcxODc1LDEyLjY3MjUxNTkwNjI1LDMuNjI2MzY3MzY3MTg3NSwxMi42NzI1MTU5MDYyNSwzLjg1NDE3MzM2NzE4NzUwMDMsMTIuOTAwMzIyOTA2MjVMOC41OTQ0NTYzNjcxODc1MDEsMTcuNjQwNjAzOTA2MjVMOC41OTc2NDYzNjcxODc1MDEsMTcuNjQzNzYzOTA2MjVDOC42MjI5MjYzNjcxODc1LDE3LjY2OTA0MzkwNjI1LDguNjQ1ODI2MzY3MTg3NSwxNy42OTY1OTM5MDYyNSw4LjY2NjA1NjM2NzE4NzUwMSwxNy43MjYwNzM5MDYyNUM4LjY3NjUxNjM2NzE4NzUsMTcuNzQxMzAzOTA2MjUsOC42ODYyNDYzNjcxODc1LDE3Ljc1NzAyMzkwNjI0OTk5OCw4LjY5NTIxNjM2NzE4NzUsMTcuNzczMTgzOTA2MjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyMTI5M0EiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+);
}

.np-sidebarButton-zoomout {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTIwNiI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDEyMDYpIj48Zz48cGF0aCBkPSJNMTIuMjQ5OTg3MDExNzE4NzUsNi40MTY2MjY1MzI4NzI1QzEyLjU3MjE4NzAxMTcxODc1LDYuNDE2NjI2NTMyODcyNSwxMi44MzMzODcwMTE3MTg3NSw2LjY3Nzc5Mzk3NjU2MjUsMTIuODMzMzg3MDExNzE4NzUsNi45OTk5NTk5NzY1NjI1QzEyLjgzMzM4NzAxMTcxODc1LDcuMzIyMTI1OTc2NTYyNSwxMi41NzIxODcwMTE3MTg3NSw3LjU4MzI5NTk3NjU2MjUsMTIuMjQ5OTg3MDExNzE4NzUsNy41ODMyOTU5NzY1NjI1QzMuMDM2MTA3MDExNzE4NzUsNy41ODMyOTU5NzY1NjI1LDEwLjk2MzkzNzAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNSwxLjc1MDAyMDAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNUMxLjQyNzg1NDAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNSwxLjE2NjY4Njk0MjE3OTk1LDcuMzIyMTI1OTc2NTYyNSwxLjE2NjY4NzAxMTcxODc1LDYuOTk5OTU4OTc2NTYyNUMxLjE2NjY4NzAxMTcxODc1LDYuNjc3NzkzOTc2NTYyNSwxLjQyNzg1NDAxMTcxODc1LDYuNDE2NjI1OTc2NTYyNSwxLjc1MDAyMDAxMTcxODc1LDYuNDE2NjI1OTc2NTYyNUMxMC45NjM5MjcwMTE3MTg3NSw2LjQxNjYyNTk3NjU2MjUsMy4wMzYxMTcwMTE3MTg3NSw2LjQxNjYyNjUzMjg3MjUsMTIuMjQ5OTg3MDExNzE4NzUsNi40MTY2MjY1MzI4NzI1WiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMjEyOTNBIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==);
}

.np-sidebarButton-zoomin {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTIwNSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDEyMDUpIj48Zz48cGF0aCBkPSJNNy4wMDAwMTcwMTE3MTg3NSwxLjE2NjYyNTk3NjU2MjVDNi42Nzc4NTcwMTE3MTg3NSwxLjE2NjYyNTk3NjU2MjUsNi40MTY2ODcwMTE3MTg3NSwxLjQyNzc5Mjk3NjU2MjUsNi40MTY2ODcwMTE3MTg3NSwxLjc0OTk1ODk3NjU2MjVDNi40MTY2ODcwMTE3MTg3NSwxLjc0OTk1ODk3NjU2MjUsNi40MTY2ODcwMTE3MTg3NSw2LjQxNjYyNTk3NjU2MjUsNi40MTY2ODcwMTE3MTg3NSw2LjQxNjYyNTk3NjU2MjVDNi40MTY2ODcwMTE3MTg3NSw2LjQxNjYyNTk3NjU2MjUsMS43NTAwMjAwMTE3MTg3NSw2LjQxNjYyNTk3NjU2MjUsMS43NTAwMjAwMTE3MTg3NSw2LjQxNjYyNTk3NjU2MjVDMS40Mjc4NTQwMTE3MTg3NSw2LjQxNjYyNTk3NjU2MjUsMS4xNjY2ODcwMTE3MTg3NjQsNi42Nzc3OTU5NzY1NjI1LDEuMTY2Njg3MDExNzE4NzY0LDYuOTk5OTU1OTc2NTYyNUMxLjE2NjY4Njk0MjE4MDA1LDcuMzIyMTI1OTc2NTYyNSwxLjQyNzg1NDAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNSwxLjc1MDAyMDAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNUMxLjc1MDAyMDAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNSw2LjQxNjY4NzAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNSw2LjQxNjY4NzAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNUM2LjQxNjY4NzAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNSw2LjQxNjY4NzAxMTcxODc1LDEyLjI0OTkyNTk3NjU2MjUsNi40MTY2ODcwMTE3MTg3NSwxMi4yNDk5MjU5NzY1NjI1QzYuNDE2Njg3MDExNzE4NzUsMTIuNTcyMTI1OTc2NTYyNSw2LjY3Nzg1NzAxMTcxODc1LDEyLjgzMzMyNTk3NjU2MjUsNy4wMDAwMTcwMTE3MTg3NSwxMi44MzMzMjU5NzY1NjI1QzcuMzIyMTg3MDExNzE4NzUsMTIuODMzMzI1OTc2NTYyNSw3LjU4MzM1NzAxMTcxODc1LDEyLjU3MjEyNTk3NjU2MjUsNy41ODMzNTcwMTE3MTg3NSwxMi4yNDk5MjU5NzY1NjI1QzcuNTgzMzU3MDExNzE4NzUsMTIuMjQ5OTI1OTc2NTYyNSw3LjU4MzM1NzAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNSw3LjU4MzM1NzAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNUM3LjU4MzM1NzAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNSwxMi4yNDk5ODcwMTE3MTg3NSw3LjU4MzI5NTk3NjU2MjUsMTIuMjQ5OTg3MDExNzE4NzUsNy41ODMyOTU5NzY1NjI1QzEyLjU3MjE4NzAxMTcxODc1LDcuNTgzMjk1OTc2NTYyNSwxMi44MzMzODcwMTE3MTg3NSw3LjMyMjEyNTk3NjU2MjUsMTIuODMzMzg3MDExNzE4NzUsNi45OTk5NTU5NzY1NjI1QzEyLjgzMzM4NzAxMTcxODc1LDYuNjc3Nzk1OTc2NTYyNSwxMi41NzIxODcwMTE3MTg3NSw2LjQxNjYyNTk3NjU2MjUsMTIuMjQ5OTg3MDExNzE4NzUsNi40MTY2MjU5NzY1NjI1QzEyLjI0OTk4NzAxMTcxODc1LDYuNDE2NjI1OTc2NTYyNSw3LjU4MzM1NzAxMTcxODc1LDYuNDE2NjI1OTc2NTYyNSw3LjU4MzM1NzAxMTcxODc1LDYuNDE2NjI1OTc2NTYyNUM3LjU4MzM1NzAxMTcxODc1LDYuNDE2NjI1OTc2NTYyNSw3LjU4MzM1NzAxMTcxODc1LDEuNzQ5OTU4OTc2NTYyNSw3LjU4MzM1NzAxMTcxODc1LDEuNzQ5OTU4OTc2NTYyNUM3LjU4MzM1NzAxMTcxODc1LDEuNDI3NzkyOTc2NTYyNSw3LjMyMjE4NzAxMTcxODc1LDEuMTY2NjI1OTc2NTYyNSw3LjAwMDAxNzAxMTcxODc1LDEuMTY2NjI1OTc2NTYyNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzIxMjkzQSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=);
}

.np-sidebarButton-full {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTIwOSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDEyMDkpIj48Zz48cGF0aCBkPSJNMS4xNjY2ODcwMTE3MTg3NSw0LjA4MzI5NTk3NjU2MjVDMS4xNjY2ODcwMTE3MTg3NSw0LjQwNTQ1NTk3NjU2MjUsMS40Mjc4NTQwMTE3MTg3NSw0LjY2NjYyNTk3NjU2MjUsMS43NTAwMjAwMTE3MTg3NSw0LjY2NjYyNTk3NjU2MjVDMi4wNzIxODYwMTE3MTg3NSw0LjY2NjYyNTk3NjU2MjUsMi4zMzMzNTcwMTE3MTg3NSw0LjQwNTQ1NTk3NjU2MjUsMi4zMzMzNTcwMTE3MTg3NSw0LjA4MzI5NTk3NjU2MjVMMi4zMzMzNTcwMTE3MTg3NSwyLjYyNDk1NTk3NjU2MjVDMi4zMzMzNTcwMTE3MTg3NSwyLjQ2Mzg3NTk3NjU2MjUsMi40NjM5MzcwMTE3MTg3NSwyLjMzMzI5NTk3NjU2MjUsMi42MjUwMTcwMTE3MTg3NSwyLjMzMzI5NTk3NjU2MjVMNC4wODMzNTcwMTE3MTg3NSwyLjMzMzI5NTk3NjU2MjVDNC40MDU1MTcwMTE3MTg3NSwyLjMzMzI5NTk3NjU2MjUsNC42NjY2ODcwMTE3MTg3NSwyLjA3MjEyNDk3NjU2MjUsNC42NjY2ODcwMTE3MTg3NSwxLjc0OTk1ODk3NjU2MjVDNC42NjY2ODcwMTE3MTg3NSwxLjQyNzc5Mjk3NjU2MjUsNC40MDU1MTcwMTE3MTg3NSwxLjE2NjYyNTk3NjU2MjUsNC4wODMzNTcwMTE3MTg3NSwxLjE2NjYyNTk3NjU2MjVMMi4zMzMzNTcwMTE3MTg3NSwxLjE2NjYyNTk3NjU2MjVDMS42ODkwMjEwMTE3MTg3NDk5LDEuMTY2NjI1OTc2NTYyNSwxLjE2NjY4NzAxMTcxODc1LDEuNjg4OTU5OTc2NTYyNDk5OSwxLjE2NjY4NzAxMTcxODc1LDIuMzMzMjk1OTc2NTYyNUwxLjE2NjY4NzAxMTcxODc1LDQuMDgzMjk1OTc2NTYyNVpNMS4xNjY2ODcwMTE3MTg3NSw5LjkxNjYyNTk3NjU2MjVDMS4xNjY2ODcwMTE3MTg3NSw5LjU5NDQ1NTk3NjU2MjUsMS40Mjc4NTQwMTE3MTg3NSw5LjMzMzI5NTk3NjU2MjUsMS43NTAwMjAwMTE3MTg3NSw5LjMzMzI5NTk3NjU2MjVDMi4wNzIxODYwMTE3MTg3NSw5LjMzMzI5NTk3NjU2MjUsMi4zMzMzNTcwMTE3MTg3NSw5LjU5NDQ1NTk3NjU2MjUsMi4zMzMzNTcwMTE3MTg3NSw5LjkxNjYyNTk3NjU2MjVMMi4zMzMzNTcwMTE3MTg3NSwxMS4zNzQ5MjU5NzY1NjI1QzIuMzMzMzU3MDExNzE4NzUsMTEuNTM2MDI1OTc2NTYyNSwyLjQ2MzkzNzAxMTcxODc1LDExLjY2NjYyNTk3NjU2MjUsMi42MjUwMTcwMTE3MTg3NSwxMS42NjY2MjU5NzY1NjI1TDQuMDgzMzU3MDExNzE4NzUsMTEuNjY2NjI1OTc2NTYyNUM0LjQwNTUxNzAxMTcxODc1LDExLjY2NjYyNTk3NjU2MjUsNC42NjY2ODcwMTE3MTg3NSwxMS45Mjc4MjU5NzY1NjI1LDQuNjY2Njg3MDExNzE4NzUsMTIuMjQ5OTI1OTc2NTYyNUM0LjY2NjY4NzAxMTcxODc1LDEyLjU3MjEyNTk3NjU2MjUsNC40MDU1MTcwMTE3MTg3NSwxMi44MzMzMjU5NzY1NjI1LDQuMDgzMzU3MDExNzE4NzUsMTIuODMzMzI1OTc2NTYyNUwyLjMzMzM1NzAxMTcxODc1LDEyLjgzMzMyNTk3NjU2MjVDMS42ODkwMjEwMTE3MTg3NDk5LDEyLjgzMzMyNTk3NjU2MjUsMS4xNjY2ODcwMTE3MTg3NSwxMi4zMTA5MjU5NzY1NjI1LDEuMTY2Njg3MDExNzE4NzUsMTEuNjY2NjI1OTc2NTYyNUwxLjE2NjY4NzAxMTcxODc1LDkuOTE2NjI1OTc2NTYyNVpNMTIuODMzMzg3MDExNzE4NzUsNC4wODMyOTU5NzY1NjI1QzEyLjgzMzM4NzAxMTcxODc1LDQuNDA1NDU1OTc2NTYyNSwxMi41NzIxODcwMTE3MTg3NSw0LjY2NjYyNTk3NjU2MjUsMTIuMjQ5OTg3MDExNzE4NzUsNC42NjY2MjU5NzY1NjI1QzExLjkyNzg4NzAxMTcxODc1LDQuNjY2NjI1OTc2NTYyNSwxMS42NjY2ODcwMTE3MTg3NSw0LjQwNTQ1NTk3NjU2MjUsMTEuNjY2Njg3MDExNzE4NzUsNC4wODMyOTU5NzY1NjI1TDExLjY2NjY4NzAxMTcxODc1LDIuNjI0OTU1OTc2NTYyNUMxMS42NjY2ODcwMTE3MTg3NSwyLjQ2Mzg3NTk3NjU2MjUsMTEuNTM2MDg3MDExNzE4NzUsMi4zMzMyOTU5NzY1NjI1LDExLjM3NDk4NzAxMTcxODc1LDIuMzMzMjk1OTc2NTYyNUw5LjkxNjY4NzAxMTcxODc1LDIuMzMzMjk1OTc2NTYyNUM5LjU5NDUxNzAxMTcxODc1LDIuMzMzMjk1OTc2NTYyNSw5LjMzMzM1NzAxMTcxODc1LDIuMDcyMTI0OTc2NTYyNSw5LjMzMzM1NzAxMTcxODc1LDEuNzQ5OTU4OTc2NTYyNUM5LjMzMzM1NzAxMTcxODc1LDEuNDI3NzkyOTc2NTYyNSw5LjU5NDUxNzAxMTcxODc1LDEuMTY2NjI1OTc2NTYyNSw5LjkxNjY4NzAxMTcxODc1LDEuMTY2NjI1OTc2NTYyNUwxMS42NjY2ODcwMTE3MTg3NSwxLjE2NjYyNTk3NjU2MjVDMTIuMzEwOTg3MDExNzE4NzUsMS4xNjY2MjU5NzY1NjI1LDEyLjgzMzM4NzAxMTcxODc1LDEuNjg4OTU5OTc2NTYyNDk5OSwxMi44MzMzODcwMTE3MTg3NSwyLjMzMzI5NTk3NjU2MjVMMTIuODMzMzg3MDExNzE4NzUsNC4wODMyOTU5NzY1NjI1Wk0xMi44MzMzODcwMTE3MTg3NSw5LjkxNjYyNTk3NjU2MjVDMTIuODMzMzg3MDExNzE4NzUsOS41OTQ0NTU5NzY1NjI1LDEyLjU3MjE4NzAxMTcxODc1LDkuMzMzMjk1OTc2NTYyNSwxMi4yNDk5ODcwMTE3MTg3NSw5LjMzMzI5NTk3NjU2MjVDMTEuOTI3ODg3MDExNzE4NzUsOS4zMzMyOTU5NzY1NjI1LDExLjY2NjY4NzAxMTcxODc1LDkuNTk0NDU1OTc2NTYyNSwxMS42NjY2ODcwMTE3MTg3NSw5LjkxNjYyNTk3NjU2MjVMMTEuNjY2Njg3MDExNzE4NzUsMTEuMzc0OTI1OTc2NTYyNUMxMS42NjY2ODcwMTE3MTg3NSwxMS41MzYwMjU5NzY1NjI1LDExLjUzNjA4NzAxMTcxODc1LDExLjY2NjYyNTk3NjU2MjUsMTEuMzc0OTg3MDExNzE4NzUsMTEuNjY2NjI1OTc2NTYyNUw5LjkxNjY4NzAxMTcxODc1LDExLjY2NjYyNTk3NjU2MjVDOS41OTQ1MTcwMTE3MTg3NSwxMS42NjY2MjU5NzY1NjI1LDkuMzMzMzU3MDExNzE4NzUsMTEuOTI3ODI1OTc2NTYyNSw5LjMzMzM1NzAxMTcxODc1LDEyLjI0OTkyNTk3NjU2MjVDOS4zMzMzNTcwMTE3MTg3NSwxMi41NzIxMjU5NzY1NjI1LDkuNTk0NTE3MDExNzE4NzUsMTIuODMzMzI1OTc2NTYyNSw5LjkxNjY4NzAxMTcxODc1LDEyLjgzMzMyNTk3NjU2MjVMMTEuNjY2Njg3MDExNzE4NzUsMTIuODMzMzI1OTc2NTYyNUMxMi4zMTA5ODcwMTE3MTg3NSwxMi44MzMzMjU5NzY1NjI1LDEyLjgzMzM4NzAxMTcxODc1LDEyLjMxMDkyNTk3NjU2MjUsMTIuODMzMzg3MDExNzE4NzUsMTEuNjY2NjI1OTc2NTYyNUwxMi44MzMzODcwMTE3MTg3NSw5LjkxNjYyNTk3NjU2MjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyMTI5M0EiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+);
  margin-left: 0;
}

.np-sidebarButton-auto {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTIwOCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDEyMDgpIj48Zz48cGF0aCBkPSJNMC41ODMzMTI5ODgyODEyNSwxMi4yNTAwNzQwMjM0Mzc1QzAuNTgzMzEyOTg4MjgxMjUsMTIuODk0Mzc0MDIzNDM3NSwxLjEwNTY0Njk4ODI4MTI0OTksMTMuNDE2Njc0MDIzNDM3NSwxLjc0OTk4Mjk4ODI4MTI1LDEzLjQxNjY3NDAyMzQzNzVMMTIuMjUwMDEyOTg4MjgxMjUsMTMuNDE2Njc0MDIzNDM3NUMxMi44OTQzMTI5ODgyODEyNSwxMy40MTY2NzQwMjM0Mzc1LDEzLjQxNjYxMjk4ODI4MTI1LDEyLjg5NDM3NDAyMzQzNzUsMTMuNDE2NjEyOTg4MjgxMjUsMTIuMjUwMDc0MDIzNDM3NUwxMy40MTY2MTI5ODgyODEyNSwxLjc1MDA0NDAyMzQzNzVDMTMuNDE2NjEyOTg4MjgxMjUsMS4xMDU3MDgwMjM0Mzc0OTk5LDEyLjg5NDMxMjk4ODI4MTI1LDAuNTgzMzc0MDIzNDM3NSwxMi4yNTAwMTI5ODgyODEyNSwwLjU4MzM3NDAyMzQzNzVMMS43NDk5ODI5ODgyODEyNSwwLjU4MzM3NDAyMzQzNzVDMS4xMDU2NDY5ODgyODEyNDk5LDAuNTgzMzc0MDIzNDM3NSwwLjU4MzMxMjk4ODI4MTI1LDEuMTA1NzA4MDIzNDM3NDk5OSwwLjU4MzMxMjk4ODI4MTI1LDEuNzUwMDQ0MDIzNDM3NUwwLjU4MzMxMjk4ODI4MTI1LDEyLjI1MDA3NDAyMzQzNzVaTTEuNzQ5OTgyOTg4MjgxMjUsMTIuMjUwMDc0MDIzNDM3NUwxMi4yNTAwMTI5ODgyODEyNSwxMi4yNTAwNzQwMjM0Mzc1TDEyLjI1MDAxMjk4ODI4MTI1LDEuNzUwMDQ0MDIzNDM3NUwxLjc0OTk4Mjk4ODI4MTI1LDEuNzUwMDQ0MDIzNDM3NUwxLjc0OTk4Mjk4ODI4MTI1LDEyLjI1MDA3NDAyMzQzNzVaTTIuNjI0OTgyOTg4MjgxMjUsNC45NTgzNzQwMjM0Mzc1QzIuNjI0OTgyOTg4MjgxMjUsNS4yODA1NDQwMjM0Mzc1LDIuODg2MTQyOTg4MjgxMjUsNS41NDE3MDQwMjM0Mzc1LDMuMjA4MzEyOTg4MjgxMjUsNS41NDE3MDQwMjM0Mzc1QzMuNTMwNDgyOTg4MjgxMjUsNS41NDE3MDQwMjM0Mzc1LDMuNzkxNjQyOTg4MjgxMjUsNS4yODA1NDQwMjM0Mzc1LDMuNzkxNjQyOTg4MjgxMjUsNC45NTgzNzQwMjM0Mzc1TDMuNzkxNjQyOTg4MjgxMjUsMy43OTE3MDQwMjM0Mzc1TDQuOTU4MzEyOTg4MjgxMjUsMy43OTE3MDQwMjM0Mzc1QzUuMjgwNDgyOTg4MjgxMjUsMy43OTE3MDQwMjM0Mzc1LDUuNTQxNjQyOTg4MjgxMjUsMy41MzA1NDQwMjM0Mzc1LDUuNTQxNjQyOTg4MjgxMjUsMy4yMDgzNzQwMjM0Mzc1QzUuNTQxNjQyOTg4MjgxMjUsMi44ODYyMDQwMjM0Mzc1LDUuMjgwNDgyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1LDQuOTU4MzEyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1TDMuMjA4MzEyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1QzIuODg2MTQyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1LDIuNjI0OTgyOTg4MjgxMjUsMi44ODYyMDQwMjM0Mzc1LDIuNjI0OTgyOTg4MjgxMjUsMy4yMDgzNzQwMjM0Mzc1TDIuNjI0OTgyOTg4MjgxMjUsNC45NTgzNzQwMjM0Mzc1Wk0xMC43OTE2MTI5ODgyODEyNSw1LjU0MTcwNDAyMzQzNzVDMTEuMTEzODEyOTg4MjgxMjUsNS41NDE3MDQwMjM0Mzc1LDExLjM3NTAxMjk4ODI4MTI1LDUuMjgwNTQ0MDIzNDM3NSwxMS4zNzUwMTI5ODgyODEyNSw0Ljk1ODM3NDAyMzQzNzVMMTEuMzc1MDEyOTg4MjgxMjUsMy4yMDgzNzQwMjM0Mzc1QzExLjM3NTAxMjk4ODI4MTI1LDIuODg2MjA0MDIzNDM3NSwxMS4xMTM4MTI5ODgyODEyNSwyLjYyNTA0NDAyMzQzNzUsMTAuNzkxNjEyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1TDkuMDQxNjQyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1QzguNzE5NDgyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1LDguNDU4MzEyOTg4MjgxMjUsMi44ODYyMDQwMjM0Mzc1LDguNDU4MzEyOTg4MjgxMjUsMy4yMDgzNzQwMjM0Mzc1QzguNDU4MzEyOTg4MjgxMjUsMy41MzA1NDQwMjM0Mzc1LDguNzE5NDgyOTg4MjgxMjUsMy43OTE3MDQwMjM0Mzc1LDkuMDQxNjQyOTg4MjgxMjUsMy43OTE3MDQwMjM0Mzc1TDEwLjIwODMxMjk4ODI4MTI1LDMuNzkxNzA0MDIzNDM3NUwxMC4yMDgzMTI5ODgyODEyNSw0Ljk1ODM3NDAyMzQzNzVDMTAuMjA4MzEyOTg4MjgxMjUsNS4yODA1NDQwMjM0Mzc1LDEwLjQ2OTQ4Mjk4ODI4MTI1LDUuNTQxNzA0MDIzNDM3NSwxMC43OTE2MTI5ODgyODEyNSw1LjU0MTcwNDAyMzQzNzVaTTIuNjI0OTgyOTg4MjgxMjUsOC43NTAwNDQwMjM0Mzc1QzIuNjI0OTgyOTg4MjgxMjUsOC40Mjc4NzQwMjM0Mzc1LDIuODg2MTQyOTg4MjgxMjUsOC4xNjY3MDQwMjM0Mzc1LDMuMjA4MzEyOTg4MjgxMjUsOC4xNjY3MDQwMjM0Mzc1QzMuNTMwNDgyOTg4MjgxMjUsOC4xNjY3MDQwMjM0Mzc1LDMuNzkxNjQyOTg4MjgxMjUsOC40Mjc4NzQwMjM0Mzc1LDMuNzkxNjQyOTg4MjgxMjUsOC43NTAwNDQwMjM0Mzc1TDMuNzkxNjQyOTg4MjgxMjUsMTAuMjA4Mzc0MDIzNDM3NUw0Ljk1ODMxMjk4ODI4MTI1LDEwLjIwODM3NDAyMzQzNzVDNS4yODA0ODI5ODgyODEyNSwxMC4yMDgzNzQwMjM0Mzc1LDUuNTQxNjQyOTg4MjgxMjUsMTAuNDY5NTQ0MDIzNDM3NSw1LjU0MTY0Mjk4ODI4MTI1LDEwLjc5MTY3NDAyMzQzNzVDNS41NDE2NDI5ODgyODEyNSwxMS4xMTM4NzQwMjM0Mzc1LDUuMjgwNDgyOTg4MjgxMjUsMTEuMzc1MDc0MDIzNDM3NSw0Ljk1ODMxMjk4ODI4MTI1LDExLjM3NTA3NDAyMzQzNzVMMy4yMDgzMTI5ODgyODEyNSwxMS4zNzUwNzQwMjM0Mzc1QzIuODg2MTQyOTg4MjgxMjUsMTEuMzc1MDc0MDIzNDM3NSwyLjYyNDk4Mjk4ODI4MTI1LDExLjExMzg3NDAyMzQzNzUsMi42MjQ5ODI5ODgyODEyNSwxMC43OTE2NzQwMjM0Mzc1TDIuNjI0OTgyOTg4MjgxMjUsOC43NTAwNDQwMjM0Mzc1Wk0xMC43OTE2MTI5ODgyODEyNSw4LjE2NjcwNDAyMzQzNzVDMTEuMTEzODEyOTg4MjgxMjUsOC4xNjY3MDQwMjM0Mzc1LDExLjM3NTAxMjk4ODI4MTI1LDguNDI3ODc0MDIzNDM3NSwxMS4zNzUwMTI5ODgyODEyNSw4Ljc1MDA0NDAyMzQzNzVMMTEuMzc1MDEyOTg4MjgxMjUsMTAuNzkxNjc0MDIzNDM3NUMxMS4zNzUwMTI5ODgyODEyNSwxMS4xMTM4NzQwMjM0Mzc1LDExLjExMzgxMjk4ODI4MTI1LDExLjM3NTA3NDAyMzQzNzUsMTAuNzkxNjEyOTg4MjgxMjUsMTEuMzc1MDc0MDIzNDM3NUw5LjA0MTY0Mjk4ODI4MTI1LDExLjM3NTA3NDAyMzQzNzVDOC43MTk0ODI5ODgyODEyNSwxMS4zNzUwNzQwMjM0Mzc1LDguNDU4MzEyOTg4MjgxMjUsMTEuMTEzODc0MDIzNDM3NSw4LjQ1ODMxMjk4ODI4MTI1LDEwLjc5MTY3NDAyMzQzNzVDOC40NTgzMTI5ODgyODEyNSwxMC40Njk1NDQwMjM0Mzc1LDguNzE5NDgyOTg4MjgxMjUsMTAuMjA4Mzc0MDIzNDM3NSw5LjA0MTY0Mjk4ODI4MTI1LDEwLjIwODM3NDAyMzQzNzVMMTAuMjA4MzEyOTg4MjgxMjUsMTAuMjA4Mzc0MDIzNDM3NUwxMC4yMDgzMTI5ODgyODEyNSw4Ljc1MDA0NDAyMzQzNzVDMTAuMjA4MzEyOTg4MjgxMjUsOC40Mjc4NzQwMjM0Mzc1LDEwLjQ2OTQ4Mjk4ODI4MTI1LDguMTY2NzA0MDIzNDM3NSwxMC43OTE2MTI5ODgyODEyNSw4LjE2NjcwNDAyMzQzNzVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyMTI5M0EiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+);
  margin-left: 0;
}

.np-sidebarButton-original {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMDcyMyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDA3MjMpIj48Zz48cGF0aCBkPSJNMS43NTAwMDM5NjkxMTYyMTEsMTMuNDE2Njc0MDIzNDM3NUMxLjEwNTY2Nzk2OTExNjIxMDgsMTMuNDE2Njc0MDIzNDM3NSwwLjU4MzMzMzk2OTExNjIxMDksMTIuODk0Mzc0MDIzNDM3NSwwLjU4MzMzMzk2OTExNjIxMDksMTIuMjUwMDc0MDIzNDM3NUwwLjU4MzMzMzk2OTExNjIxMDksMS43NTAwNDQwMjM0Mzc1QzAuNTgzMzMzOTY5MTE2MjEwOSwxLjEwNTcwODAyMzQzNzQ5OTksMS4xMDU2Njc5NjkxMTYyMTA4LDAuNTgzMzc0MDIzNDM3NSwxLjc1MDAwMzk2OTExNjIxMSwwLjU4MzM3NDAyMzQzNzVMMTIuMjUwMDMzOTY5MTE2MjExLDAuNTgzMzc0MDIzNDM3NUMxMi44OTQzMzM5NjkxMTYyMSwwLjU4MzM3NDAyMzQzNzUsMTMuNDE2NjMzOTY5MTE2MjEsMS4xMDU3MDgwMjM0Mzc0OTk5LDEzLjQxNjYzMzk2OTExNjIxLDEuNzUwMDQ0MDIzNDM3NUwxMy40MTY2MzM5NjkxMTYyMSwxMi4yNTAwNzQwMjM0Mzc1QzEzLjQxNjYzMzk2OTExNjIxLDEyLjg5NDM3NDAyMzQzNzUsMTIuODk0MzMzOTY5MTE2MjEsMTMuNDE2Njc0MDIzNDM3NSwxMi4yNTAwMzM5NjkxMTYyMTEsMTMuNDE2Njc0MDIzNDM3NUwxLjc1MDAwMzk2OTExNjIxMSwxMy40MTY2NzQwMjM0Mzc1Wk0xMi4yNTAwMzM5NjkxMTYyMTEsMTIuMjUwMDc0MDIzNDM3NUwxLjc1MDAwMzk2OTExNjIxMSwxMi4yNTAwNzQwMjM0Mzc1TDEuNzUwMDAzOTY5MTE2MjExLDEuNzUwMDQ0MDIzNDM3NUwxMi4yNTAwMzM5NjkxMTYyMTEsMS43NTAwNDQwMjM0Mzc1TDEyLjI1MDAzMzk2OTExNjIxMSwxMi4yNTAwNzQwMjM0Mzc1Wk0zLjc0OTY2Mzk2OTExNjIxMSw0LjY1NzM5NDAyMzQzNzVDNC4wNDM2NjM5NjkxMTYyMTEsNC40Nzc3MjQwMjM0Mzc1LDQuMjg4NjYzOTY5MTE2MjExLDQuMjg5ODk0MDIzNDM3NDk5LDQuNDg0NjYzOTY5MTE2MjExLDQuMDg1NzI0MDIzNDM3NUw1LjIwMzMzMzk2OTExNjIxMSw0LjA4NTcyNDAyMzQzNzVMNS4yMDMzMzM5NjkxMTYyMTEsOS45MTY3MjQwMjM0Mzc1TDQuMjQ3ODMzOTY5MTE2MjExLDkuOTE2NzI0MDIzNDM3NUw0LjI0NzgzMzk2OTExNjIxMSw1LjIzNzIyNDAyMzQzNzVDMy44OTY2NjM5NjkxMTYyMTEsNS41NTU3MjQwMjM0Mzc1LDMuNDU1NjYzOTY5MTE2MjEwOCw1Ljc5MjU1NDAyMzQzNzUsMi45MTY2NjM5NjkxMTYyMTEsNS45NDc3MjQwMjM0Mzc1TDIuOTE2NjYzOTY5MTE2MjExLDUuMDAwMzk0MDIzNDM3NVEzLjMwODY2Mzk2OTExNjIxMSw0LjkwMjM5NDAyMzQzNzUsMy43NDk2NjM5NjkxMTYyMTEsNC42NTczOTQwMjM0Mzc1Wk05LjM0MzgzMzk2OTExNjIxMSw0LjY1NzM5NDAyMzQzNzVDOS42Mzc4MzM5NjkxMTYyMTIsNC40Nzc3MjQwMjM0Mzc1LDkuODgyODMzOTY5MTE2MjExLDQuMjg5ODk0MDIzNDM3NDk5LDEwLjA3ODgzMzk2OTExNjIxLDQuMDg1NzI0MDIzNDM3NUwxMC43OTc1MzM5NjkxMTYyMSw0LjA4NTcyNDAyMzQzNzVMMTAuNzk3NTMzOTY5MTE2MjEsOS45MTY3MjQwMjM0Mzc1TDkuODQyMDAzOTY5MTE2MjExLDkuOTE2NzI0MDIzNDM3NUw5Ljg0MjAwMzk2OTExNjIxMSw1LjIzNzIyNDAyMzQzNzVDOS40OTA4MzM5NjkxMTYyMTIsNS41NTU3MjQwMjM0Mzc1LDkuMDQ5ODMzOTY5MTE2MjEsNS43OTI1NTQwMjM0Mzc1LDguNTEwODMzOTY5MTE2MjExLDUuOTQ3NzI0MDIzNDM3NUw4LjUxMDgzMzk2OTExNjIxMSw1LjAwMDM5NDAyMzQzNzVROC45MDI4MzM5NjkxMTYyMSw0LjkwMjM5NDAyMzQzNzUsOS4zNDM4MzM5NjkxMTYyMTEsNC42NTczOTQwMjM0Mzc1Wk02LjYwODAwMzk2OTExNjIxMSw1LjI2NjQxNDAyMzQzNzVDNi43MjIzMzM5NjkxMTYyMTEsNS4xMzU3NTQwMjM0Mzc1LDYuODc3NTEzOTY5MTE2MjExLDUuMDc4NTc0MDIzNDM3NSw3LjA1NzE4Mzk2OTExNjIxMSw1LjA3ODU3NDAyMzQzNzVDNy4yMzY4NDM5NjkxMTYyMTEsNS4wNzg1NzQwMjM0Mzc1LDcuMzgzODQzOTY5MTE2MjExLDUuMTM1NzU0MDIzNDM3NSw3LjUxNDUxMzk2OTExNjIxMSw1LjI2NjQxNDAyMzQzNzVDNy42MzcwMTM5NjkxMTYyMTEsNS4zODg5MTQwMjM0Mzc1LDcuNzAyMzIzOTY5MTE2MjExLDUuNTQ0MDQ0MDIzNDM3NSw3LjcwMjMyMzk2OTExNjIxMSw1LjcyMzcxNDAyMzQzNzVDNy43MDIzMjM5NjkxMTYyMTEsNS45MDMzODQwMjM0Mzc1LDcuNjM3MDEzOTY5MTE2MjExLDYuMDUwNDE0MDIzNDM3NSw3LjUxNDUxMzk2OTExNjIxMSw2LjE4MTA4NDAyMzQzNzVDNy4zODM4NDM5NjkxMTYyMTEsNi4yOTU0MTQwMjM0Mzc1LDcuMjM2ODQzOTY5MTE2MjExLDYuMzYwNzM0MDIzNDM3NSw3LjA1NzE4Mzk2OTExNjIxMSw2LjM2MDczNDAyMzQzNzVDNi44Nzc1MTM5NjkxMTYyMTEsNi4zNjA3MzQwMjM0Mzc1LDYuNzIyMzMzOTY5MTE2MjExLDYuMjk1NDE0MDIzNDM3NSw2LjYwODAwMzk2OTExNjIxMSw2LjE4MTA4NDAyMzQzNzVDNi40NzczMzM5NjkxMTYyMTEsNi4wNTA0MTQwMjM0Mzc1LDYuNDIwMTUzOTY5MTE2MjExLDUuOTAzMzg0MDIzNDM3NSw2LjQyMDE1Mzk2OTExNjIxMSw1LjcyMzcxNDAyMzQzNzVDNi40MjAxNTM5NjkxMTYyMTEsNS41NDQwNDQwMjM0Mzc1LDYuNDc3MzMzOTY5MTE2MjExLDUuMzg4OTE0MDIzNDM3NSw2LjYwODAwMzk2OTExNjIxMSw1LjI2NjQxNDAyMzQzNzVaTTYuNjA4MDAzOTY5MTE2MjExLDguMjU1MzY0MDIzNDM3NTAxQzYuNzIyMzMzOTY5MTE2MjExLDguMTI0Njk0MDIzNDM3NDk5LDYuODc3NTEzOTY5MTE2MjExLDguMDY3NTg0MDIzNDM3NTAxLDcuMDU3MTgzOTY5MTE2MjExLDguMDY3NTg0MDIzNDM3NTAxQzcuMjM2ODQzOTY5MTE2MjExLDguMDY3NTg0MDIzNDM3NTAxLDcuMzgzODQzOTY5MTE2MjExLDguMTI0Njk0MDIzNDM3NDk5LDcuNTE0NTEzOTY5MTE2MjExLDguMjU1MzY0MDIzNDM3NTAxQzcuNjM3MDEzOTY5MTE2MjExLDguMzc3ODY0MDIzNDM3NSw3LjcwMjMyMzk2OTExNjIxMSw4LjUzMzA2NDAyMzQzNzUsNy43MDIzMjM5NjkxMTYyMTEsOC43MTI3MjQwMjM0Mzc1QzcuNzAyMzIzOTY5MTE2MjExLDguODkyMzk0MDIzNDM3NSw3LjYzNzAxMzk2OTExNjIxMSw5LjAzOTM1NDAyMzQzNzUsNy41MTQ1MTM5NjkxMTYyMTEsOS4xNzAwMjQwMjM0Mzc1QzcuMzgzODQzOTY5MTE2MjExLDkuMjg0MzU0MDIzNDM3NSw3LjIzNjg0Mzk2OTExNjIxMSw5LjM0OTc1NDAyMzQzNzUsNy4wNTcxODM5NjkxMTYyMTEsOS4zNDk3NTQwMjM0Mzc1QzYuODc3NTEzOTY5MTE2MjExLDkuMzQ5NzU0MDIzNDM3NSw2LjcyMjMzMzk2OTExNjIxMSw5LjI4NDM1NDAyMzQzNzUsNi42MDgwMDM5NjkxMTYyMTEsOS4xNzAwMjQwMjM0Mzc1QzYuNDc3MzMzOTY5MTE2MjExLDkuMDM5MzU0MDIzNDM3NSw2LjQyMDE1Mzk2OTExNjIxMSw4Ljg5MjM5NDAyMzQzNzUsNi40MjAxNTM5NjkxMTYyMTEsOC43MTI3MjQwMjM0Mzc1QzYuNDIwMTUzOTY5MTE2MjExLDguNTMzMDY0MDIzNDM3NSw2LjQ3NzMzMzk2OTExNjIxMSw4LjM3Nzg2NDAyMzQzNzUsNi42MDgwMDM5NjkxMTYyMTEsOC4yNTUzNjQwMjM0Mzc1MDFaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyMTI5M0EiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+);
  margin-left: 0;
}

.np-sidebarButton-width {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMDc5MiI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDA3OTIpIj48Zz48cGF0aCBkPSJNMC41ODMzMzMyNTM4NjA0NzM2LDEyLjI1MDA3NDAyMzQzNzVDMC41ODMzMzMyNTM4NjA0NzM2LDEyLjg5NDM3NDAyMzQzNzUsMS4xMDU2NjcyNTM4NjA0NzM1LDEzLjQxNjY3NDAyMzQzNzUsMS43NTAwMDMyNTM4NjA0NzM3LDEzLjQxNjY3NDAyMzQzNzVMMTIuMjUwMDMzMjUzODYwNDc0LDEzLjQxNjY3NDAyMzQzNzVDMTIuODk0MzMzMjUzODYwNDc0LDEzLjQxNjY3NDAyMzQzNzUsMTMuNDE2NjMzMjUzODYwNDczLDEyLjg5NDM3NDAyMzQzNzUsMTMuNDE2NjMzMjUzODYwNDczLDEyLjI1MDA3NDAyMzQzNzVMMTMuNDE2NjMzMjUzODYwNDczLDEuNzUwMDQ0MDIzNDM3NUMxMy40MTY2MzMyNTM4NjA0NzMsMS4xMDU3MDgwMjM0Mzc0OTk5LDEyLjg5NDMzMzI1Mzg2MDQ3NCwwLjU4MzM3NDAyMzQzNzUsMTIuMjUwMDMzMjUzODYwNDc0LDAuNTgzMzc0MDIzNDM3NUwxLjc1MDAwMzI1Mzg2MDQ3MzcsMC41ODMzNzQwMjM0Mzc1QzEuMTA1NjY3MjUzODYwNDczNSwwLjU4MzM3NDAyMzQzNzUsMC41ODMzMzMyNTM4NjA0NzM2LDEuMTA1NzA4MDIzNDM3NDk5OSwwLjU4MzMzMzI1Mzg2MDQ3MzYsMS43NTAwNDQwMjM0Mzc1TDAuNTgzMzMzMjUzODYwNDczNiwxMi4yNTAwNzQwMjM0Mzc1Wk0xLjc1MDAwMzI1Mzg2MDQ3MzcsMTIuMjUwMDc0MDIzNDM3NUwxMi4yNTAwMzMyNTM4NjA0NzQsMTIuMjUwMDc0MDIzNDM3NUwxMi4yNTAwMzMyNTM4NjA0NzQsMS43NTAwNDQwMjM0Mzc1TDEuNzUwMDAzMjUzODYwNDczNywxLjc1MDA0NDAyMzQzNzVMMS43NTAwMDMyNTM4NjA0NzM3LDEyLjI1MDA3NDAyMzQzNzVaTTMuNTAwMDAzMjUzODYwNDczNSw1LjI1MDA0NDAyMzQzNzVDMy4xNzc4MzMyNTM4NjA0NzM3LDUuMjUwMDQ0MDIzNDM3NSwyLjkxNjY2MzI1Mzg2MDQ3MzgsNS41MTEyMDQwMjM0Mzc1LDIuOTE2NjYzMjUzODYwNDczOCw1LjgzMzM3NDAyMzQzNzVMMi45MTY2NjMyNTM4NjA0NzM4LDguMTY2NzA0MDIzNDM3NUMyLjkxNjY2MzI1Mzg2MDQ3MzgsOC40ODg4NzQwMjM0Mzc1LDMuMTc3ODMzMjUzODYwNDczNyw4Ljc1MDA0NDAyMzQzNzUsMy41MDAwMDMyNTM4NjA0NzM1LDguNzUwMDQ0MDIzNDM3NUMzLjgyMjE2MzI1Mzg2MDQ3MzcsOC43NTAwNDQwMjM0Mzc1LDQuMDgzMzMzMjUzODYwNDc0LDguNDg4ODc0MDIzNDM3NSw0LjA4MzMzMzI1Mzg2MDQ3NCw4LjE2NjcwNDAyMzQzNzVMNC4wODMzMzMyNTM4NjA0NzQsNy41ODMzNzQwMjM0Mzc1TDkuOTE2NjYzMjUzODYwNDc0LDcuNTgzMzc0MDIzNDM3NUw5LjkxNjY2MzI1Mzg2MDQ3NCw4LjE2NjcwNDAyMzQzNzVDOS45MTY2NjMyNTM4NjA0NzQsOC40ODg4NzQwMjM0Mzc1LDEwLjE3NzgzMzI1Mzg2MDQ3NCw4Ljc1MDA0NDAyMzQzNzUsMTAuNTAwMDAzMjUzODYwNDc0LDguNzUwMDQ0MDIzNDM3NUMxMC44MjIxMzMyNTM4NjA0NzMsOC43NTAwNDQwMjM0Mzc1LDExLjA4MzMzMzI1Mzg2MDQ3NCw4LjQ4ODg3NDAyMzQzNzUsMTEuMDgzMzMzMjUzODYwNDc0LDguMTY2NzA0MDIzNDM3NUwxMS4wODMzMzMyNTM4NjA0NzQsNS44MzMzNzQwMjM0Mzc1QzExLjA4MzMzMzI1Mzg2MDQ3NCw1LjUxMTIwNDAyMzQzNzUsMTAuODIyMTMzMjUzODYwNDczLDUuMjUwMDQ0MDIzNDM3NSwxMC41MDAwMDMyNTM4NjA0NzQsNS4yNTAwNDQwMjM0Mzc1QzEwLjE3NzgzMzI1Mzg2MDQ3NCw1LjI1MDA0NDAyMzQzNzUsOS45MTY2NjMyNTM4NjA0NzQsNS41MTEyMDQwMjM0Mzc1LDkuOTE2NjYzMjUzODYwNDc0LDUuODMzMzc0MDIzNDM3NUw5LjkxNjY2MzI1Mzg2MDQ3NCw2LjQxNjcwNDAyMzQzNzVMNC4wODMzMzMyNTM4NjA0NzQsNi40MTY3MDQwMjM0Mzc1TDQuMDgzMzMzMjUzODYwNDc0LDUuODMzMzc0MDIzNDM3NUM0LjA4MzMzMzI1Mzg2MDQ3NCw1LjUxMTIwNDAyMzQzNzUsMy44MjIxNjMyNTM4NjA0NzM3LDUuMjUwMDQ0MDIzNDM3NSwzLjUwMDAwMzI1Mzg2MDQ3MzUsNS4yNTAwNDQwMjM0Mzc1WiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMjEyOTNBIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==);
  margin-left: 0;
}

.np-sidebarMore {
  float: left;
  border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 8px;
  height: 14px;
  padding: 5px 0;
  /* cursor: pointer; */
  position: relative;
  user-select: none;
  overflow: hidden;
}

.np-sidebarMore:hover {
  background-color: rgba(33, 41, 58, 0.04);
  overflow: visible;
}

.np-sidebarMore:focus {
  background-color: rgba(33, 41, 58, 0.06);
  /* overflow: visible; */
}

.np-sidebarMore:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  margin-top: -4px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4LjAwMDAwMDQxNzE2ODk2MiIgaGVpZ2h0PSI4LjAwMDAwMDQxNzE2ODk2MiIgdmlld0JveD0iMCAwIDguMDAwMDAwNDE3MTY4OTYyIDguMDAwMDAwNDE3MTY4OTYyIj48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTIwNyI+PHJlY3QgeD0iOCIgeT0iOC4wMDAwMDA0MTcxNjg5NjIiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHJ4PSIwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEsLTUuMjE0NjEyMDMxMDY4MWUtOCw1LjIxNDYxMjAzMTA2ODFlLTgsLTEsMTUuOTk5OTk5NTgyODMxMDE2LDE2LjAwMDAwMTI1MTUwNjg4NykiIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDEyMDcpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSwyOS42ODgyMzI0MjE4NzUsMCkiPjxwYXRoIGQ9Ik0xNC45MDg5MTUyMTA5Mzc1LDEwLjY5NjYzMTM5MzczMTQ2MkMxNC43NDc5NzE2MTA5Mzc1LDEwLjQ3NjM5MzM5MzczMTQ2MywxNC45MDUyNjc5MTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MiwxNS4xNzgwNDYyMTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MkMxNS4xNzgwNDYyMTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MiwyMC4xOTg0OTYyMTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MiwyMC4xOTg0OTYyMTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MkMyMC40NzEyNzYyMTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MiwyMC42Mjg1NjYyMTA5Mzc1LDEwLjQ3NjM5MzM5MzczMTQ2MywyMC40Njc2MjYyMTA5Mzc1LDEwLjY5NjYzMjM5MzczMTQ2M0MyMC40Njc2MjYyMTA5Mzc1LDEwLjY5NjYzMjM5MzczMTQ2MywxNy45NTczOTYyMTA5Mzc1LDE0LjEzMTY3NjM5MzczMTQ2MiwxNy45NTczOTYyMTA5Mzc1LDE0LjEzMTY3NjM5MzczMTQ2MkMxNy44MjQyNDYyMTA5Mzc1LDE0LjMxMzg5NjM5MzczMTQ2MSwxNy41NTIyOTYyMTA5Mzc1LDE0LjMxMzg4NjM5MzczMTQ2MiwxNy40MTkxMzYyMTA5Mzc1LDE0LjEzMTY3NjM5MzczMTQ2MkMxNy40MTkxMzYyMTA5Mzc1LDE0LjEzMTY3NjM5MzczMTQ2MiwxNC45MDg5MTUyMTA5Mzc1LDEwLjY5NjYzMTM5MzczMTQ2MiwxNC45MDg5MTUyMTA5Mzc1LDEwLjY5NjYzMTM5MzczMTQ2MloiIGZpbGw9IiMyMTI5M0EiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+) center no-repeat;
  background-size: 8px;
  transition: transform 0.2s;
}

.np-sidebarMore:hover:before {
  transform: rotate(180deg);
}

.np-sidebarMore:after {
  content: "";
  position: absolute;
  /* background: #ddd; */
  background: transparent;
  width: 24px;
  height: 16px;
  right: 0;
  top: -8px;
  display: none;
}

.np-sidebarMoreOptions {
  position: absolute;
  opacity: 0;
  bottom: 22px;
  /* bottom: 32px; */
  right: 0;
  border-radius: 4px;
  background: #ffffff;
  box-sizing: border-box;
  border: 1px solid #e3e5ec;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
  padding: 4px 0;
}

.np-sidebarMore:hover {
  overflow: visible;
}

.np-sidebarMore:hover .np-sidebarMoreOptions {
  opacity: 1;
  bottom: 32px;
  transition:
    bottom 0.2s,
    opacity 0.2s;
}

.np-sidebarMore:hover:after {
  display: block;
}

.np-sidebarMoreOption {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  padding: 5px 12px;
  padding-left: 34px;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0em;
  color: #21293a;
  background-position: 12px center;
  background-repeat: no-repeat;
  background-size: 14px;
  cursor: pointer;
}

.np-sidebarMoreOption-auto {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTIwOCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDEyMDgpIj48Zz48cGF0aCBkPSJNMC41ODMzMTI5ODgyODEyNSwxMi4yNTAwNzQwMjM0Mzc1QzAuNTgzMzEyOTg4MjgxMjUsMTIuODk0Mzc0MDIzNDM3NSwxLjEwNTY0Njk4ODI4MTI0OTksMTMuNDE2Njc0MDIzNDM3NSwxLjc0OTk4Mjk4ODI4MTI1LDEzLjQxNjY3NDAyMzQzNzVMMTIuMjUwMDEyOTg4MjgxMjUsMTMuNDE2Njc0MDIzNDM3NUMxMi44OTQzMTI5ODgyODEyNSwxMy40MTY2NzQwMjM0Mzc1LDEzLjQxNjYxMjk4ODI4MTI1LDEyLjg5NDM3NDAyMzQzNzUsMTMuNDE2NjEyOTg4MjgxMjUsMTIuMjUwMDc0MDIzNDM3NUwxMy40MTY2MTI5ODgyODEyNSwxLjc1MDA0NDAyMzQzNzVDMTMuNDE2NjEyOTg4MjgxMjUsMS4xMDU3MDgwMjM0Mzc0OTk5LDEyLjg5NDMxMjk4ODI4MTI1LDAuNTgzMzc0MDIzNDM3NSwxMi4yNTAwMTI5ODgyODEyNSwwLjU4MzM3NDAyMzQzNzVMMS43NDk5ODI5ODgyODEyNSwwLjU4MzM3NDAyMzQzNzVDMS4xMDU2NDY5ODgyODEyNDk5LDAuNTgzMzc0MDIzNDM3NSwwLjU4MzMxMjk4ODI4MTI1LDEuMTA1NzA4MDIzNDM3NDk5OSwwLjU4MzMxMjk4ODI4MTI1LDEuNzUwMDQ0MDIzNDM3NUwwLjU4MzMxMjk4ODI4MTI1LDEyLjI1MDA3NDAyMzQzNzVaTTEuNzQ5OTgyOTg4MjgxMjUsMTIuMjUwMDc0MDIzNDM3NUwxMi4yNTAwMTI5ODgyODEyNSwxMi4yNTAwNzQwMjM0Mzc1TDEyLjI1MDAxMjk4ODI4MTI1LDEuNzUwMDQ0MDIzNDM3NUwxLjc0OTk4Mjk4ODI4MTI1LDEuNzUwMDQ0MDIzNDM3NUwxLjc0OTk4Mjk4ODI4MTI1LDEyLjI1MDA3NDAyMzQzNzVaTTIuNjI0OTgyOTg4MjgxMjUsNC45NTgzNzQwMjM0Mzc1QzIuNjI0OTgyOTg4MjgxMjUsNS4yODA1NDQwMjM0Mzc1LDIuODg2MTQyOTg4MjgxMjUsNS41NDE3MDQwMjM0Mzc1LDMuMjA4MzEyOTg4MjgxMjUsNS41NDE3MDQwMjM0Mzc1QzMuNTMwNDgyOTg4MjgxMjUsNS41NDE3MDQwMjM0Mzc1LDMuNzkxNjQyOTg4MjgxMjUsNS4yODA1NDQwMjM0Mzc1LDMuNzkxNjQyOTg4MjgxMjUsNC45NTgzNzQwMjM0Mzc1TDMuNzkxNjQyOTg4MjgxMjUsMy43OTE3MDQwMjM0Mzc1TDQuOTU4MzEyOTg4MjgxMjUsMy43OTE3MDQwMjM0Mzc1QzUuMjgwNDgyOTg4MjgxMjUsMy43OTE3MDQwMjM0Mzc1LDUuNTQxNjQyOTg4MjgxMjUsMy41MzA1NDQwMjM0Mzc1LDUuNTQxNjQyOTg4MjgxMjUsMy4yMDgzNzQwMjM0Mzc1QzUuNTQxNjQyOTg4MjgxMjUsMi44ODYyMDQwMjM0Mzc1LDUuMjgwNDgyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1LDQuOTU4MzEyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1TDMuMjA4MzEyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1QzIuODg2MTQyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1LDIuNjI0OTgyOTg4MjgxMjUsMi44ODYyMDQwMjM0Mzc1LDIuNjI0OTgyOTg4MjgxMjUsMy4yMDgzNzQwMjM0Mzc1TDIuNjI0OTgyOTg4MjgxMjUsNC45NTgzNzQwMjM0Mzc1Wk0xMC43OTE2MTI5ODgyODEyNSw1LjU0MTcwNDAyMzQzNzVDMTEuMTEzODEyOTg4MjgxMjUsNS41NDE3MDQwMjM0Mzc1LDExLjM3NTAxMjk4ODI4MTI1LDUuMjgwNTQ0MDIzNDM3NSwxMS4zNzUwMTI5ODgyODEyNSw0Ljk1ODM3NDAyMzQzNzVMMTEuMzc1MDEyOTg4MjgxMjUsMy4yMDgzNzQwMjM0Mzc1QzExLjM3NTAxMjk4ODI4MTI1LDIuODg2MjA0MDIzNDM3NSwxMS4xMTM4MTI5ODgyODEyNSwyLjYyNTA0NDAyMzQzNzUsMTAuNzkxNjEyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1TDkuMDQxNjQyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1QzguNzE5NDgyOTg4MjgxMjUsMi42MjUwNDQwMjM0Mzc1LDguNDU4MzEyOTg4MjgxMjUsMi44ODYyMDQwMjM0Mzc1LDguNDU4MzEyOTg4MjgxMjUsMy4yMDgzNzQwMjM0Mzc1QzguNDU4MzEyOTg4MjgxMjUsMy41MzA1NDQwMjM0Mzc1LDguNzE5NDgyOTg4MjgxMjUsMy43OTE3MDQwMjM0Mzc1LDkuMDQxNjQyOTg4MjgxMjUsMy43OTE3MDQwMjM0Mzc1TDEwLjIwODMxMjk4ODI4MTI1LDMuNzkxNzA0MDIzNDM3NUwxMC4yMDgzMTI5ODgyODEyNSw0Ljk1ODM3NDAyMzQzNzVDMTAuMjA4MzEyOTg4MjgxMjUsNS4yODA1NDQwMjM0Mzc1LDEwLjQ2OTQ4Mjk4ODI4MTI1LDUuNTQxNzA0MDIzNDM3NSwxMC43OTE2MTI5ODgyODEyNSw1LjU0MTcwNDAyMzQzNzVaTTIuNjI0OTgyOTg4MjgxMjUsOC43NTAwNDQwMjM0Mzc1QzIuNjI0OTgyOTg4MjgxMjUsOC40Mjc4NzQwMjM0Mzc1LDIuODg2MTQyOTg4MjgxMjUsOC4xNjY3MDQwMjM0Mzc1LDMuMjA4MzEyOTg4MjgxMjUsOC4xNjY3MDQwMjM0Mzc1QzMuNTMwNDgyOTg4MjgxMjUsOC4xNjY3MDQwMjM0Mzc1LDMuNzkxNjQyOTg4MjgxMjUsOC40Mjc4NzQwMjM0Mzc1LDMuNzkxNjQyOTg4MjgxMjUsOC43NTAwNDQwMjM0Mzc1TDMuNzkxNjQyOTg4MjgxMjUsMTAuMjA4Mzc0MDIzNDM3NUw0Ljk1ODMxMjk4ODI4MTI1LDEwLjIwODM3NDAyMzQzNzVDNS4yODA0ODI5ODgyODEyNSwxMC4yMDgzNzQwMjM0Mzc1LDUuNTQxNjQyOTg4MjgxMjUsMTAuNDY5NTQ0MDIzNDM3NSw1LjU0MTY0Mjk4ODI4MTI1LDEwLjc5MTY3NDAyMzQzNzVDNS41NDE2NDI5ODgyODEyNSwxMS4xMTM4NzQwMjM0Mzc1LDUuMjgwNDgyOTg4MjgxMjUsMTEuMzc1MDc0MDIzNDM3NSw0Ljk1ODMxMjk4ODI4MTI1LDExLjM3NTA3NDAyMzQzNzVMMy4yMDgzMTI5ODgyODEyNSwxMS4zNzUwNzQwMjM0Mzc1QzIuODg2MTQyOTg4MjgxMjUsMTEuMzc1MDc0MDIzNDM3NSwyLjYyNDk4Mjk4ODI4MTI1LDExLjExMzg3NDAyMzQzNzUsMi42MjQ5ODI5ODgyODEyNSwxMC43OTE2NzQwMjM0Mzc1TDIuNjI0OTgyOTg4MjgxMjUsOC43NTAwNDQwMjM0Mzc1Wk0xMC43OTE2MTI5ODgyODEyNSw4LjE2NjcwNDAyMzQzNzVDMTEuMTEzODEyOTg4MjgxMjUsOC4xNjY3MDQwMjM0Mzc1LDExLjM3NTAxMjk4ODI4MTI1LDguNDI3ODc0MDIzNDM3NSwxMS4zNzUwMTI5ODgyODEyNSw4Ljc1MDA0NDAyMzQzNzVMMTEuMzc1MDEyOTg4MjgxMjUsMTAuNzkxNjc0MDIzNDM3NUMxMS4zNzUwMTI5ODgyODEyNSwxMS4xMTM4NzQwMjM0Mzc1LDExLjExMzgxMjk4ODI4MTI1LDExLjM3NTA3NDAyMzQzNzUsMTAuNzkxNjEyOTg4MjgxMjUsMTEuMzc1MDc0MDIzNDM3NUw5LjA0MTY0Mjk4ODI4MTI1LDExLjM3NTA3NDAyMzQzNzVDOC43MTk0ODI5ODgyODEyNSwxMS4zNzUwNzQwMjM0Mzc1LDguNDU4MzEyOTg4MjgxMjUsMTEuMTEzODc0MDIzNDM3NSw4LjQ1ODMxMjk4ODI4MTI1LDEwLjc5MTY3NDAyMzQzNzVDOC40NTgzMTI5ODgyODEyNSwxMC40Njk1NDQwMjM0Mzc1LDguNzE5NDgyOTg4MjgxMjUsMTAuMjA4Mzc0MDIzNDM3NSw5LjA0MTY0Mjk4ODI4MTI1LDEwLjIwODM3NDAyMzQzNzVMMTAuMjA4MzEyOTg4MjgxMjUsMTAuMjA4Mzc0MDIzNDM3NUwxMC4yMDgzMTI5ODgyODEyNSw4Ljc1MDA0NDAyMzQzNzVDMTAuMjA4MzEyOTg4MjgxMjUsOC40Mjc4NzQwMjM0Mzc1LDEwLjQ2OTQ4Mjk4ODI4MTI1LDguMTY2NzA0MDIzNDM3NSwxMC43OTE2MTI5ODgyODEyNSw4LjE2NjcwNDAyMzQzNzVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyMTI5M0EiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+);
}

.np-sidebarMoreOption-original {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMDcyMyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDA3MjMpIj48Zz48cGF0aCBkPSJNMS43NTAwMDM5NjkxMTYyMTEsMTMuNDE2Njc0MDIzNDM3NUMxLjEwNTY2Nzk2OTExNjIxMDgsMTMuNDE2Njc0MDIzNDM3NSwwLjU4MzMzMzk2OTExNjIxMDksMTIuODk0Mzc0MDIzNDM3NSwwLjU4MzMzMzk2OTExNjIxMDksMTIuMjUwMDc0MDIzNDM3NUwwLjU4MzMzMzk2OTExNjIxMDksMS43NTAwNDQwMjM0Mzc1QzAuNTgzMzMzOTY5MTE2MjEwOSwxLjEwNTcwODAyMzQzNzQ5OTksMS4xMDU2Njc5NjkxMTYyMTA4LDAuNTgzMzc0MDIzNDM3NSwxLjc1MDAwMzk2OTExNjIxMSwwLjU4MzM3NDAyMzQzNzVMMTIuMjUwMDMzOTY5MTE2MjExLDAuNTgzMzc0MDIzNDM3NUMxMi44OTQzMzM5NjkxMTYyMSwwLjU4MzM3NDAyMzQzNzUsMTMuNDE2NjMzOTY5MTE2MjEsMS4xMDU3MDgwMjM0Mzc0OTk5LDEzLjQxNjYzMzk2OTExNjIxLDEuNzUwMDQ0MDIzNDM3NUwxMy40MTY2MzM5NjkxMTYyMSwxMi4yNTAwNzQwMjM0Mzc1QzEzLjQxNjYzMzk2OTExNjIxLDEyLjg5NDM3NDAyMzQzNzUsMTIuODk0MzMzOTY5MTE2MjEsMTMuNDE2Njc0MDIzNDM3NSwxMi4yNTAwMzM5NjkxMTYyMTEsMTMuNDE2Njc0MDIzNDM3NUwxLjc1MDAwMzk2OTExNjIxMSwxMy40MTY2NzQwMjM0Mzc1Wk0xMi4yNTAwMzM5NjkxMTYyMTEsMTIuMjUwMDc0MDIzNDM3NUwxLjc1MDAwMzk2OTExNjIxMSwxMi4yNTAwNzQwMjM0Mzc1TDEuNzUwMDAzOTY5MTE2MjExLDEuNzUwMDQ0MDIzNDM3NUwxMi4yNTAwMzM5NjkxMTYyMTEsMS43NTAwNDQwMjM0Mzc1TDEyLjI1MDAzMzk2OTExNjIxMSwxMi4yNTAwNzQwMjM0Mzc1Wk0zLjc0OTY2Mzk2OTExNjIxMSw0LjY1NzM5NDAyMzQzNzVDNC4wNDM2NjM5NjkxMTYyMTEsNC40Nzc3MjQwMjM0Mzc1LDQuMjg4NjYzOTY5MTE2MjExLDQuMjg5ODk0MDIzNDM3NDk5LDQuNDg0NjYzOTY5MTE2MjExLDQuMDg1NzI0MDIzNDM3NUw1LjIwMzMzMzk2OTExNjIxMSw0LjA4NTcyNDAyMzQzNzVMNS4yMDMzMzM5NjkxMTYyMTEsOS45MTY3MjQwMjM0Mzc1TDQuMjQ3ODMzOTY5MTE2MjExLDkuOTE2NzI0MDIzNDM3NUw0LjI0NzgzMzk2OTExNjIxMSw1LjIzNzIyNDAyMzQzNzVDMy44OTY2NjM5NjkxMTYyMTEsNS41NTU3MjQwMjM0Mzc1LDMuNDU1NjYzOTY5MTE2MjEwOCw1Ljc5MjU1NDAyMzQzNzUsMi45MTY2NjM5NjkxMTYyMTEsNS45NDc3MjQwMjM0Mzc1TDIuOTE2NjYzOTY5MTE2MjExLDUuMDAwMzk0MDIzNDM3NVEzLjMwODY2Mzk2OTExNjIxMSw0LjkwMjM5NDAyMzQzNzUsMy43NDk2NjM5NjkxMTYyMTEsNC42NTczOTQwMjM0Mzc1Wk05LjM0MzgzMzk2OTExNjIxMSw0LjY1NzM5NDAyMzQzNzVDOS42Mzc4MzM5NjkxMTYyMTIsNC40Nzc3MjQwMjM0Mzc1LDkuODgyODMzOTY5MTE2MjExLDQuMjg5ODk0MDIzNDM3NDk5LDEwLjA3ODgzMzk2OTExNjIxLDQuMDg1NzI0MDIzNDM3NUwxMC43OTc1MzM5NjkxMTYyMSw0LjA4NTcyNDAyMzQzNzVMMTAuNzk3NTMzOTY5MTE2MjEsOS45MTY3MjQwMjM0Mzc1TDkuODQyMDAzOTY5MTE2MjExLDkuOTE2NzI0MDIzNDM3NUw5Ljg0MjAwMzk2OTExNjIxMSw1LjIzNzIyNDAyMzQzNzVDOS40OTA4MzM5NjkxMTYyMTIsNS41NTU3MjQwMjM0Mzc1LDkuMDQ5ODMzOTY5MTE2MjEsNS43OTI1NTQwMjM0Mzc1LDguNTEwODMzOTY5MTE2MjExLDUuOTQ3NzI0MDIzNDM3NUw4LjUxMDgzMzk2OTExNjIxMSw1LjAwMDM5NDAyMzQzNzVROC45MDI4MzM5NjkxMTYyMSw0LjkwMjM5NDAyMzQzNzUsOS4zNDM4MzM5NjkxMTYyMTEsNC42NTczOTQwMjM0Mzc1Wk02LjYwODAwMzk2OTExNjIxMSw1LjI2NjQxNDAyMzQzNzVDNi43MjIzMzM5NjkxMTYyMTEsNS4xMzU3NTQwMjM0Mzc1LDYuODc3NTEzOTY5MTE2MjExLDUuMDc4NTc0MDIzNDM3NSw3LjA1NzE4Mzk2OTExNjIxMSw1LjA3ODU3NDAyMzQzNzVDNy4yMzY4NDM5NjkxMTYyMTEsNS4wNzg1NzQwMjM0Mzc1LDcuMzgzODQzOTY5MTE2MjExLDUuMTM1NzU0MDIzNDM3NSw3LjUxNDUxMzk2OTExNjIxMSw1LjI2NjQxNDAyMzQzNzVDNy42MzcwMTM5NjkxMTYyMTEsNS4zODg5MTQwMjM0Mzc1LDcuNzAyMzIzOTY5MTE2MjExLDUuNTQ0MDQ0MDIzNDM3NSw3LjcwMjMyMzk2OTExNjIxMSw1LjcyMzcxNDAyMzQzNzVDNy43MDIzMjM5NjkxMTYyMTEsNS45MDMzODQwMjM0Mzc1LDcuNjM3MDEzOTY5MTE2MjExLDYuMDUwNDE0MDIzNDM3NSw3LjUxNDUxMzk2OTExNjIxMSw2LjE4MTA4NDAyMzQzNzVDNy4zODM4NDM5NjkxMTYyMTEsNi4yOTU0MTQwMjM0Mzc1LDcuMjM2ODQzOTY5MTE2MjExLDYuMzYwNzM0MDIzNDM3NSw3LjA1NzE4Mzk2OTExNjIxMSw2LjM2MDczNDAyMzQzNzVDNi44Nzc1MTM5NjkxMTYyMTEsNi4zNjA3MzQwMjM0Mzc1LDYuNzIyMzMzOTY5MTE2MjExLDYuMjk1NDE0MDIzNDM3NSw2LjYwODAwMzk2OTExNjIxMSw2LjE4MTA4NDAyMzQzNzVDNi40NzczMzM5NjkxMTYyMTEsNi4wNTA0MTQwMjM0Mzc1LDYuNDIwMTUzOTY5MTE2MjExLDUuOTAzMzg0MDIzNDM3NSw2LjQyMDE1Mzk2OTExNjIxMSw1LjcyMzcxNDAyMzQzNzVDNi40MjAxNTM5NjkxMTYyMTEsNS41NDQwNDQwMjM0Mzc1LDYuNDc3MzMzOTY5MTE2MjExLDUuMzg4OTE0MDIzNDM3NSw2LjYwODAwMzk2OTExNjIxMSw1LjI2NjQxNDAyMzQzNzVaTTYuNjA4MDAzOTY5MTE2MjExLDguMjU1MzY0MDIzNDM3NTAxQzYuNzIyMzMzOTY5MTE2MjExLDguMTI0Njk0MDIzNDM3NDk5LDYuODc3NTEzOTY5MTE2MjExLDguMDY3NTg0MDIzNDM3NTAxLDcuMDU3MTgzOTY5MTE2MjExLDguMDY3NTg0MDIzNDM3NTAxQzcuMjM2ODQzOTY5MTE2MjExLDguMDY3NTg0MDIzNDM3NTAxLDcuMzgzODQzOTY5MTE2MjExLDguMTI0Njk0MDIzNDM3NDk5LDcuNTE0NTEzOTY5MTE2MjExLDguMjU1MzY0MDIzNDM3NTAxQzcuNjM3MDEzOTY5MTE2MjExLDguMzc3ODY0MDIzNDM3NSw3LjcwMjMyMzk2OTExNjIxMSw4LjUzMzA2NDAyMzQzNzUsNy43MDIzMjM5NjkxMTYyMTEsOC43MTI3MjQwMjM0Mzc1QzcuNzAyMzIzOTY5MTE2MjExLDguODkyMzk0MDIzNDM3NSw3LjYzNzAxMzk2OTExNjIxMSw5LjAzOTM1NDAyMzQzNzUsNy41MTQ1MTM5NjkxMTYyMTEsOS4xNzAwMjQwMjM0Mzc1QzcuMzgzODQzOTY5MTE2MjExLDkuMjg0MzU0MDIzNDM3NSw3LjIzNjg0Mzk2OTExNjIxMSw5LjM0OTc1NDAyMzQzNzUsNy4wNTcxODM5NjkxMTYyMTEsOS4zNDk3NTQwMjM0Mzc1QzYuODc3NTEzOTY5MTE2MjExLDkuMzQ5NzU0MDIzNDM3NSw2LjcyMjMzMzk2OTExNjIxMSw5LjI4NDM1NDAyMzQzNzUsNi42MDgwMDM5NjkxMTYyMTEsOS4xNzAwMjQwMjM0Mzc1QzYuNDc3MzMzOTY5MTE2MjExLDkuMDM5MzU0MDIzNDM3NSw2LjQyMDE1Mzk2OTExNjIxMSw4Ljg5MjM5NDAyMzQzNzUsNi40MjAxNTM5NjkxMTYyMTEsOC43MTI3MjQwMjM0Mzc1QzYuNDIwMTUzOTY5MTE2MjExLDguNTMzMDY0MDIzNDM3NSw2LjQ3NzMzMzk2OTExNjIxMSw4LjM3Nzg2NDAyMzQzNzUsNi42MDgwMDM5NjkxMTYyMTEsOC4yNTUzNjQwMjM0Mzc1MDFaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyMTI5M0EiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+);
}

.np-sidebarMoreOption-width {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMDc5MiI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDA3OTIpIj48Zz48cGF0aCBkPSJNMC41ODMzMzMyNTM4NjA0NzM2LDEyLjI1MDA3NDAyMzQzNzVDMC41ODMzMzMyNTM4NjA0NzM2LDEyLjg5NDM3NDAyMzQzNzUsMS4xMDU2NjcyNTM4NjA0NzM1LDEzLjQxNjY3NDAyMzQzNzUsMS43NTAwMDMyNTM4NjA0NzM3LDEzLjQxNjY3NDAyMzQzNzVMMTIuMjUwMDMzMjUzODYwNDc0LDEzLjQxNjY3NDAyMzQzNzVDMTIuODk0MzMzMjUzODYwNDc0LDEzLjQxNjY3NDAyMzQzNzUsMTMuNDE2NjMzMjUzODYwNDczLDEyLjg5NDM3NDAyMzQzNzUsMTMuNDE2NjMzMjUzODYwNDczLDEyLjI1MDA3NDAyMzQzNzVMMTMuNDE2NjMzMjUzODYwNDczLDEuNzUwMDQ0MDIzNDM3NUMxMy40MTY2MzMyNTM4NjA0NzMsMS4xMDU3MDgwMjM0Mzc0OTk5LDEyLjg5NDMzMzI1Mzg2MDQ3NCwwLjU4MzM3NDAyMzQzNzUsMTIuMjUwMDMzMjUzODYwNDc0LDAuNTgzMzc0MDIzNDM3NUwxLjc1MDAwMzI1Mzg2MDQ3MzcsMC41ODMzNzQwMjM0Mzc1QzEuMTA1NjY3MjUzODYwNDczNSwwLjU4MzM3NDAyMzQzNzUsMC41ODMzMzMyNTM4NjA0NzM2LDEuMTA1NzA4MDIzNDM3NDk5OSwwLjU4MzMzMzI1Mzg2MDQ3MzYsMS43NTAwNDQwMjM0Mzc1TDAuNTgzMzMzMjUzODYwNDczNiwxMi4yNTAwNzQwMjM0Mzc1Wk0xLjc1MDAwMzI1Mzg2MDQ3MzcsMTIuMjUwMDc0MDIzNDM3NUwxMi4yNTAwMzMyNTM4NjA0NzQsMTIuMjUwMDc0MDIzNDM3NUwxMi4yNTAwMzMyNTM4NjA0NzQsMS43NTAwNDQwMjM0Mzc1TDEuNzUwMDAzMjUzODYwNDczNywxLjc1MDA0NDAyMzQzNzVMMS43NTAwMDMyNTM4NjA0NzM3LDEyLjI1MDA3NDAyMzQzNzVaTTMuNTAwMDAzMjUzODYwNDczNSw1LjI1MDA0NDAyMzQzNzVDMy4xNzc4MzMyNTM4NjA0NzM3LDUuMjUwMDQ0MDIzNDM3NSwyLjkxNjY2MzI1Mzg2MDQ3MzgsNS41MTEyMDQwMjM0Mzc1LDIuOTE2NjYzMjUzODYwNDczOCw1LjgzMzM3NDAyMzQzNzVMMi45MTY2NjMyNTM4NjA0NzM4LDguMTY2NzA0MDIzNDM3NUMyLjkxNjY2MzI1Mzg2MDQ3MzgsOC40ODg4NzQwMjM0Mzc1LDMuMTc3ODMzMjUzODYwNDczNyw4Ljc1MDA0NDAyMzQzNzUsMy41MDAwMDMyNTM4NjA0NzM1LDguNzUwMDQ0MDIzNDM3NUMzLjgyMjE2MzI1Mzg2MDQ3MzcsOC43NTAwNDQwMjM0Mzc1LDQuMDgzMzMzMjUzODYwNDc0LDguNDg4ODc0MDIzNDM3NSw0LjA4MzMzMzI1Mzg2MDQ3NCw4LjE2NjcwNDAyMzQzNzVMNC4wODMzMzMyNTM4NjA0NzQsNy41ODMzNzQwMjM0Mzc1TDkuOTE2NjYzMjUzODYwNDc0LDcuNTgzMzc0MDIzNDM3NUw5LjkxNjY2MzI1Mzg2MDQ3NCw4LjE2NjcwNDAyMzQzNzVDOS45MTY2NjMyNTM4NjA0NzQsOC40ODg4NzQwMjM0Mzc1LDEwLjE3NzgzMzI1Mzg2MDQ3NCw4Ljc1MDA0NDAyMzQzNzUsMTAuNTAwMDAzMjUzODYwNDc0LDguNzUwMDQ0MDIzNDM3NUMxMC44MjIxMzMyNTM4NjA0NzMsOC43NTAwNDQwMjM0Mzc1LDExLjA4MzMzMzI1Mzg2MDQ3NCw4LjQ4ODg3NDAyMzQzNzUsMTEuMDgzMzMzMjUzODYwNDc0LDguMTY2NzA0MDIzNDM3NUwxMS4wODMzMzMyNTM4NjA0NzQsNS44MzMzNzQwMjM0Mzc1QzExLjA4MzMzMzI1Mzg2MDQ3NCw1LjUxMTIwNDAyMzQzNzUsMTAuODIyMTMzMjUzODYwNDczLDUuMjUwMDQ0MDIzNDM3NSwxMC41MDAwMDMyNTM4NjA0NzQsNS4yNTAwNDQwMjM0Mzc1QzEwLjE3NzgzMzI1Mzg2MDQ3NCw1LjI1MDA0NDAyMzQzNzUsOS45MTY2NjMyNTM4NjA0NzQsNS41MTEyMDQwMjM0Mzc1LDkuOTE2NjYzMjUzODYwNDc0LDUuODMzMzc0MDIzNDM3NUw5LjkxNjY2MzI1Mzg2MDQ3NCw2LjQxNjcwNDAyMzQzNzVMNC4wODMzMzMyNTM4NjA0NzQsNi40MTY3MDQwMjM0Mzc1TDQuMDgzMzMzMjUzODYwNDc0LDUuODMzMzc0MDIzNDM3NUM0LjA4MzMzMzI1Mzg2MDQ3NCw1LjUxMTIwNDAyMzQzNzUsMy44MjIxNjMyNTM4NjA0NzM3LDUuMjUwMDQ0MDIzNDM3NSwzLjUwMDAwMzI1Mzg2MDQ3MzUsNS4yNTAwNDQwMjM0Mzc1WiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMjEyOTNBIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==);
}

.np-sidebarMoreOption:hover {
  background-color: rgba(33, 41, 58, 0.04);
}

.np-sidebarMoreOption:active {
  background-color: rgba(33, 41, 58, 0.06);
}

.np-toolbar-left {
  float: left;
}

.np-toolbar-right {
  float: right;
}

.np-toolbar-right .np-sidebarText,
.np-toolbar-right .np-sidebarButton {
  margin-left: 4px;
  margin-right: 0;
}

.sidebarOpen .np-toolbar {
  left: 188px;
}

#toolbarViewerLeft,
#toolbarViewerMiddle,
#toolbarViewerRight {
  display: none;
}

/* toolbar -end */

/* sidebar */

.np-sidebarContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 188px;
  border-right: 1px solid #e3e5ec;
  left: -189px;
  z-index: 2;
  transition: left 0.2s;
  background: #fafbfc;
}

.sidebarOpen .np-sidebarContainer {
  left: 0;
}

.np-sidebarHead {
  padding: 16px 0 8px;
  text-align: center;
  position: relative;
}

.np-sidebarHeadTab {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  text-align: center;
  color: #585e6d;
  cursor: pointer;
  margin: 0 7px;
  user-select: none;
}

.np-sidebarHeadTab:hover {
  color: #21293a;
}

.np-sidebarHeadTab.toggled {
  font-weight: 500;
  color: #21293a;
}

.np-sidebarHeadClose {
  position: absolute;
  top: 17px;
  right: 9px;
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE3Ml80MTE0NyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xNzJfNDExNDcpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEwNjc2OTA4NDkzMDQsMC43MDcxMDY3NjkwODQ5MzA0LC0wLjcwNzEwNjc2OTA4NDkzMDQsMC43MDcxMDY3NjkwODQ5MzA0LDEuMTY2NjI4MTA1MjgyMTQzMiwtNS4zMTU3NTY2NjE1MzM2NjkpIj48cGF0aCBkPSJNMTIuODMzMzMsLTEuMjQ5NjMzNzg5MDYyNUMxMi41MTExNywtMS4yNDk2MzM3ODkwNjI1LDEyLjI1LC0wLjk4ODQ2Njc4OTA2MjUwMDEsMTIuMjUsLTAuNjY2MzAwNzg5MDYyNUMxMi4yNSwtMC42NjYzMDA3ODkwNjI1LDEyLjI1LDQuMDAwMzY2MjEwOTM3NSwxMi4yNSw0LjAwMDM2NjIxMDkzNzVDMTIuMjUsNC4wMDAzNjYyMTA5Mzc1LDcuNTgzMzMzLDQuMDAwMzY2MjEwOTM3NSw3LjU4MzMzMyw0LjAwMDM2NjIxMDkzNzVDNy4yNjExNjcsNC4wMDAzNjYyMTA5Mzc1LDcuMDAwMDAwMDAwMDAwMDE0LDQuMjYxNTM2MjEwOTM3NSw3LjAwMDAwMDAwMDAwMDAxNCw0LjU4MzY5NjIxMDkzNzVDNi45OTk5OTk5MzA0NjEzLDQuOTA1ODY2MjEwOTM3NSw3LjI2MTE2Nyw1LjE2NzAzNjIxMDkzNzUsNy41ODMzMzMsNS4xNjcwMzYyMTA5Mzc1QzcuNTgzMzMzLDUuMTY3MDM2MjEwOTM3NSwxMi4yNSw1LjE2NzAzNjIxMDkzNzUsMTIuMjUsNS4xNjcwMzYyMTA5Mzc1QzEyLjI1LDUuMTY3MDM2MjEwOTM3NSwxMi4yNSw5LjgzMzY2NjIxMDkzNzUsMTIuMjUsOS44MzM2NjYyMTA5Mzc1QzEyLjI1LDEwLjE1NTg2NjIxMDkzNzUsMTIuNTExMTcsMTAuNDE3MDY2MjEwOTM3NSwxMi44MzMzMywxMC40MTcwNjYyMTA5Mzc1QzEzLjE1NTUsMTAuNDE3MDY2MjEwOTM3NSwxMy40MTY2NywxMC4xNTU4NjYyMTA5Mzc1LDEzLjQxNjY3LDkuODMzNjY2MjEwOTM3NUMxMy40MTY2Nyw5LjgzMzY2NjIxMDkzNzUsMTMuNDE2NjcsNS4xNjcwMzYyMTA5Mzc1LDEzLjQxNjY3LDUuMTY3MDM2MjEwOTM3NUMxMy40MTY2Nyw1LjE2NzAzNjIxMDkzNzUsMTguMDgzMyw1LjE2NzAzNjIxMDkzNzUsMTguMDgzMyw1LjE2NzAzNjIxMDkzNzVDMTguNDA1NSw1LjE2NzAzNjIxMDkzNzUsMTguNjY2Nyw0LjkwNTg2NjIxMDkzNzUsMTguNjY2Nyw0LjU4MzY5NjIxMDkzNzVDMTguNjY2Nyw0LjI2MTUzNjIxMDkzNzUsMTguNDA1NSw0LjAwMDM2NjIxMDkzNzUsMTguMDgzMyw0LjAwMDM2NjIxMDkzNzVDMTguMDgzMyw0LjAwMDM2NjIxMDkzNzUsMTMuNDE2NjcsNC4wMDAzNjYyMTA5Mzc1LDEzLjQxNjY3LDQuMDAwMzY2MjEwOTM3NUMxMy40MTY2Nyw0LjAwMDM2NjIxMDkzNzUsMTMuNDE2NjcsLTAuNjY2MzAwNzg5MDYyNSwxMy40MTY2NywtMC42NjYzMDA3ODkwNjI1QzEzLjQxNjY3LC0wLjk4ODQ2Njc4OTA2MjUwMDEsMTMuMTU1NSwtMS4yNDk2MzM3ODkwNjI1LDEyLjgzMzMzLC0xLjI0OTYzMzc4OTA2MjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1ODVFNkQiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+) center no-repeat;
  background-size: 14px;
  cursor: pointer;
  padding: 3px;
}

.np-sidebarHeadClose:hover {
  border-radius: 4px;
  opacity: 1;
  background-color: rgba(33, 41, 58, 0.04);
}

.np-sidebarContent {
  position: absolute;
  top: 46px;
  left: 0;
  width: 100%;
  bottom: 0;
}

.np-thumbnailView {
  padding: 8px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  clear: both;
  position: relative;
}

.np-thumbnailView a {
  text-decoration: none;
  cursor: pointer;
}

.np-thumbnailView .thumbnail {
  margin: 0 0 10px 24px;
  width: 120px !important;
  height: auto !important;
  border: none !important;
  text-align: center;
  float: none !important;
  min-height: 141px;
}

.np-thumbnailView .thumbnail .thumbnailImage {
  border-radius: 4px;
  border: 1px solid #e3e5ec !important;
  width: 118px !important;
  height: auto !important;
  min-height: var(--thumbnail-height);
  position: relative;
}

.np-thumbnailView .thumbnail .thumbnailImage:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxkZWZzPgogICAgICAgIDxjbGlwUGF0aCBpZD0ibWFzdGVyX3N2ZzBfMjg4XzA2ODMyIj4KICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMCIvPgogICAgICAgIDwvY2xpcFBhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBjbGlwLXBhdGg9InVybCgjbWFzdGVyX3N2ZzBfMjg4XzA2ODMyKSI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMC4wMDAwNzQwMjM0Mzc1LDM1LjAwMDE5NjA5Mzc1QzIwLjAwMDA3NDAyMzQzNzUsMzQuMDc5Njk2MDkzNzUsMTkuMjUwMDc0MDIzNDM3NSwzMy4zNDQzOTYwOTM3NSwxOC4zMzY2NzQwMjM0Mzc1LDMzLjIzMDc5NjA5Mzc1QzExLjc1Nzg5NDAyMzQzNzUsMzIuNDEyMDk2MDkzNzUsNi42NjY3MDQwMjM0Mzc1LDI2LjgwMDY5NjA5Mzc1LDYuNjY2NzA0MDIzNDM3NSwyMC4wMDAxOTYwOTM3NUM2LjY2NjcwNDAyMzQzNzUsMTIuNjM2MzY2MDkzNzUsMTIuNjM2MjQ0MDIzNDM3NSw2LjY2NjgyNjA5Mzc1LDIwLjAwMDA3NDAyMzQzNzUsNi42NjY4MjYwOTM3NUMyNi44MDA1NzQwMjM0Mzc1LDYuNjY2ODI2MDkzNzUsMzIuNDExOTc0MDIzNDM3NSwxMS43NTgwMTYwOTM3NSwzMy4yMzA2NzQwMjM0Mzc1LDE4LjMzNjc5NjA5Mzc1QzMzLjM0NDI3NDAyMzQzNzUsMTkuMjUwMTk2MDkzNzUsMzQuMDc5NTc0MDIzNDM3NSwyMC4wMDAxOTYwOTM3NSwzNS4wMDAwNzQwMjM0Mzc1LDIwLjAwMDE5NjA5Mzc1QzM1LjAwMDA3NDAyMzQzNzUsMjAuMDAwMTk2MDkzNzUsMzUuMDAwMDc0MDIzNDM3NSwyMC4wMDAxOTYwOTM3NSwzNS4wMDAwNzQwMjM0Mzc1LDIwLjAwMDE5NjA5Mzc1QzM1LjkyMDQ3NDAyMzQzNzUsMjAuMDAwMTk2MDkzNzUsMzYuNjc1NDc0MDIzNDM3NSwxOS4yNTE3OTYwOTM3NTAwMDIsMzYuNTg0Njc0MDIzNDM3NSwxOC4zMzU3OTYwOTM3NDk5OThDMzUuNzQ5NDc0MDIzNDM3NSw5LjkxMjUwNjA5Mzc1LDI4LjY0MzA3NDAyMzQzNzUsMy4zMzM0OTYwOTM3NSwyMC4wMDAwNzQwMjM0Mzc1LDMuMzMzNDk2MDkzNzVDMTAuNzk1Mjk0MDIzNDM3NSwzLjMzMzQ5NjA5Mzc1LDMuMzMzMzc0MDIzNDM3NSwxMC43OTU0MTYwOTM3NSwzLjMzMzM3NDAyMzQzNzUsMjAuMDAwMTk2MDkzNzVDMy4zMzMzNzQwMjM0Mzc1LDI4LjY0MzE5NjA5Mzc1LDkuOTEyMzg0MDIzNDM3NSwzNS43NDk1OTYwOTM3NSwxOC4zMzU2NzQwMjM0Mzc0OTgsMzYuNTg0Nzk2MDkzNzVDMTkuMjUxNjc0MDIzNDM3NTAyLDM2LjY3NTU5NjA5Mzc1LDIwLjAwMDA3NDAyMzQzNzUsMzUuOTIwNTk2MDkzNzUsMjAuMDAwMDc0MDIzNDM3NSwzNS4wMDAxOTYwOTM3NUMyMC4wMDAwNzQwMjM0Mzc1LDM1LjAwMDE5NjA5Mzc1LDIwLjAwMDA3NDAyMzQzNzUsMzUuMDAwMTk2MDkzNzUsMjAuMDAwMDc0MDIzNDM3NSwzNS4wMDAxOTYwOTM3NVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzkwOTVBMiIgZmlsbC1vcGFjaXR5PSIxIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) center no-repeat;
  background-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  animation: rotate 1s linear infinite;
  content: "";
}

.np-thumbnailView .thumbnail.selected .thumbnailImage {
  border: 1px solid #9095a2 !important;
  box-shadow: 0px 4px 12px 0px rgba(33, 41, 58, 0.06);
}

.np-thumbnailView .thumbnail:hover .thumbnailImage {
  box-shadow: 0px 4px 12px 0px rgba(33, 41, 58, 0.06);
}

.np-thumbnailView .thumbnail .thumbnailIndex {
  padding-top: 2px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #21293a;
  text-decoration: none !important;
}

.np-outlineView {
  padding: 8px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  position: relative;
}

.np-outlineView .treeItemEmpty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  color: #9095a2;
}

.np-outlineView.treeWithDeepNesting > .treeItem,
.np-outlineView .treeItem > .treeItems {
  margin-inline-start: 0;
}

.np-outlineView a {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  color: #585e6d;
  display: block;
  min-width: 0;
  padding: 4px;
  border-radius: 4px;
}

.np-outlineView a:hover {
  background: rgba(33, 41, 58, 0.04);
}

.np-outlineView .treeItem {
  position: relative;
}

.np-outlineView .treeItem.selected > a {
  opacity: 1;
  background: rgba(33, 41, 58, 0.06);
  font-weight: 500;
  color: #21293a;
}

.np-outlineView.treeWithDeepNesting > .treeItem > a {
  padding-left: 16px;
}

.np-outlineView.treeWithDeepNesting > .treeItem > .treeItems > .treeItem > a {
  padding-left: 28px;
}

.np-outlineView .treeItemToggler {
  position: absolute;
  top: 10px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4LjAwMDAwMDQxNzE2ODk2MiIgaGVpZ2h0PSI4LjAwMDAwMDQxNzE2ODk2MiIgdmlld0JveD0iMCAwIDguMDAwMDAwNDE3MTY4OTYyIDguMDAwMDAwNDE3MTY4OTYyIj48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8wMTIwNyI+PHJlY3QgeD0iOCIgeT0iOC4wMDAwMDA0MTcxNjg5NjIiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHJ4PSIwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEsLTUuMjE0NjEyMDMxMDY4MWUtOCw1LjIxNDYxMjAzMTA2ODFlLTgsLTEsMTUuOTk5OTk5NTgyODMxMDE2LDE2LjAwMDAwMTI1MTUwNjg4NykiIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMDEyMDcpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSwyOS42ODgyMzI0MjE4NzUsMCkiPjxwYXRoIGQ9Ik0xNC45MDg5MTUyMTA5Mzc1LDEwLjY5NjYzMTM5MzczMTQ2MkMxNC43NDc5NzE2MTA5Mzc1LDEwLjQ3NjM5MzM5MzczMTQ2MywxNC45MDUyNjc5MTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MiwxNS4xNzgwNDYyMTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MkMxNS4xNzgwNDYyMTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MiwyMC4xOTg0OTYyMTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MiwyMC4xOTg0OTYyMTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MkMyMC40NzEyNzYyMTA5Mzc1LDEwLjE2NjYyNjM5MzczMTQ2MiwyMC42Mjg1NjYyMTA5Mzc1LDEwLjQ3NjM5MzM5MzczMTQ2MywyMC40Njc2MjYyMTA5Mzc1LDEwLjY5NjYzMjM5MzczMTQ2M0MyMC40Njc2MjYyMTA5Mzc1LDEwLjY5NjYzMjM5MzczMTQ2MywxNy45NTczOTYyMTA5Mzc1LDE0LjEzMTY3NjM5MzczMTQ2MiwxNy45NTczOTYyMTA5Mzc1LDE0LjEzMTY3NjM5MzczMTQ2MkMxNy44MjQyNDYyMTA5Mzc1LDE0LjMxMzg5NjM5MzczMTQ2MSwxNy41NTIyOTYyMTA5Mzc1LDE0LjMxMzg4NjM5MzczMTQ2MiwxNy40MTkxMzYyMTA5Mzc1LDE0LjEzMTY3NjM5MzczMTQ2MkMxNy40MTkxMzYyMTA5Mzc1LDE0LjEzMTY3NjM5MzczMTQ2MiwxNC45MDg5MTUyMTA5Mzc1LDEwLjY5NjYzMTM5MzczMTQ2MiwxNC45MDg5MTUyMTA5Mzc1LDEwLjY5NjYzMTM5MzczMTQ2MloiIGZpbGw9IiMyMTI5M0EiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+) center no-repeat;
  transform: rotate(180deg);
  transition: transform 0.2s;
}

.np-outlineView .treeItemToggler.treeItemsHidden {
  transform: rotate(0deg);
}

.np-outlineView .treeItemToggler:before {
  display: none;
}

/* sidebar -end */

/* dialogContainer */

.np-dialogContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f1f3f7;
  z-index: 1;
}

.np-passwordDialog {
  padding: 112px 226px 122px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  border: 0.5px solid #e3e5ec;
  box-shadow: 0px 8px 24px 0px rgba(181, 180, 203, 0.12);
}

.np-passwordDialog-icon {
  width: 40px;
  height: 40px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzE5MF8xNzU4MCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF8xOTBfMTc1ODApIj48Zz48cGF0aCBkPSJNNSw0LjE2NjMzNzgxMjVDNSwyLjMyNTM4NzgxMjUsNi40OTIzOCwwLjgzMzAwNzgxMjUsOC4zMzMzMywwLjgzMzAwNzgxMjVMMjUuODMzMywwLjgzMzAwNzgxMjVMMzUsOS45OTk2Nzc4MTI1TDM1LDM1LjgzMzAwNzgxMjVDMzUsMzcuNjc0MDA3ODEyNSwzMy41MDc2LDM5LjE2NjMwNzgxMjUsMzEuNjY2NywzOS4xNjYzMDc4MTI1TDguMzMzMzMsMzkuMTY2MzA3ODEyNUM2LjQ5MjM4LDM5LjE2NjMwNzgxMjUsNSwzNy42NzQwMDc4MTI1LDUsMzUuODMzMDA3ODEyNUw1LDQuMTY2MzM3ODEyNVpNMTYuMjUsMTguMzQzNzA3ODEyNUwxNi4yNSwxOC45Njg3MDc4MTI1TDE1LDE4Ljk2ODcwNzgxMjVDMTQuMzA5NjQsMTguOTY4NzA3ODEyNSwxMy43NSwxOS41Mjg0MDc4MTI1LDEzLjc1LDIwLjIxODcwNzgxMjVMMTMuNzUsMjYuNDY4NzA3ODEyNUMxMy43NSwyNy4xNTkxMDc4MTI1LDE0LjMwOTY0LDI3LjcxODcwNzgxMjUsMTUsMjcuNzE4NzA3ODEyNUwyNSwyNy43MTg3MDc4MTI1QzI1LjY5MDQsMjcuNzE4NzA3ODEyNSwyNi4yNSwyNy4xNTkxMDc4MTI1LDI2LjI1LDI2LjQ2ODcwNzgxMjVMMjYuMjUsMjAuMjE4NzA3ODEyNUMyNi4yNSwxOS41Mjg0MDc4MTI1LDI1LjY5MDQsMTguOTY4NzA3ODEyNSwyNSwxOC45Njg3MDc4MTI1TDIzLjc1LDE4Ljk2ODcwNzgxMjVMMjMuNzUsMTguMzQzNzA3ODEyNUMyMy43NSwxNi4yNzI3MDc4MTI1MDAwMDIsMjIuMDcxMSwxNC41OTM3MDc4MTI1LDIwLDE0LjU5MzcwNzgxMjVDMTcuOTI4OSwxNC41OTM3MDc4MTI1LDE2LjI1LDE2LjI3MjcwNzgxMjUwMDAwMiwxNi4yNSwxOC4zNDM3MDc4MTI1Wk0yMi41LDE4Ljk2ODcwNzgxMjVMMjIuNSwxOC4zNDM3MDc4MTI1QzIyLjUsMTYuOTYzMDA3ODEyNSwyMS4zODA3LDE1Ljg0MzcwNzgxMjUsMjAsMTUuODQzNzA3ODEyNUMxOC42MTkzMDAwMDAwMDAwMDMsMTUuODQzNzA3ODEyNSwxNy41LDE2Ljk2MzAwNzgxMjUsMTcuNSwxOC4zNDM3MDc4MTI1TDE3LjUsMTguOTY4NzA3ODEyNUwyMi41LDE4Ljk2ODcwNzgxMjVaTTE5LjM3NSwyMy45Njg3MDc4MTI1QzE5LjM3NSwyNC4zMTM5MDc4MTI1LDE5LjY1NDgsMjQuNTkzNzA3ODEyNSwyMCwyNC41OTM3MDc4MTI1QzIwLjM0NTIsMjQuNTkzNzA3ODEyNSwyMC42MjUsMjQuMzEzOTA3ODEyNSwyMC42MjUsMjMuOTY4NzA3ODEyNUwyMC42MjUsMjIuMDkzNzA3ODEyNUMyMC42MjUsMjEuNzQ4NjA3ODEyNSwyMC4zNDUyLDIxLjQ2ODcwNzgxMjUsMjAsMjEuNDY4NzA3ODEyNUMxOS42NTQ4LDIxLjQ2ODcwNzgxMjUsMTkuMzc1LDIxLjc0ODYwNzgxMjUsMTkuMzc1LDIyLjA5MzcwNzgxMjVMMTkuMzc1LDIzLjk2ODcwNzgxMjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNFQzQ0NDQiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48Zz48cGF0aCBkPSJNMjUuODMzNDk2MDkzNzUsMC44MzMwMDc4MTI1QzI1LjgzMzQ5NjA5Mzc1LDAuODMzMDA3ODEyNSwzNS4wMDAxNjYwOTM3NDk5OTYsOS45OTk2Nzc4MTI1LDM1LjAwMDE2NjA5Mzc0OTk5Niw5Ljk5OTY3NzgxMjVDMzUuMDAwMTY2MDkzNzQ5OTk2LDkuOTk5Njc3ODEyNSwzMC45NzY4NTYwOTM3NSw5Ljk5OTY3NzgxMjUsMjguMjYxMTI2MDkzNzUsOS45OTk2Nzc4MTI1QzI2Ljg5OTQyNjA5Mzc1LDkuOTk5Njc3ODEyNSwyNS44MzM0OTYwOTM3NSw4LjkzMzc0NzgxMjUsMjUuODMzNDk2MDkzNzUsNy41NzIwNDc4MTI1QzI1LjgzMzQ5NjA5Mzc1LDQuODU2MzE3ODEyNSwyNS44MzM0OTYwOTM3NSwwLjgzMzAwNzgxMjUsMjUuODMzNDk2MDkzNzUsMC44MzMwMDc4MTI1WiIgZmlsbD0iI0ZGODQ3RCIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 40px;
  margin: 0 auto;
}

.np-passwordDialog-desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #21293a;
  padding-top: 8px;
  text-align: center;
}

.np-passwordDialog-input {
  padding-top: 16px;
}

.np-passwordDialog-input p {
  display: none;
  color: #ec4444;
  font-size: 14px;
  line-height: 22px;
  margin-top: 2px;
}

.np-dialogContainer.invalid .np-passwordDialog-input input {
  border-color: #ec4444;
}

.np-dialogContainer.invalid .np-passwordDialog-input p {
  display: block;
}

.np-passwordDialog-btns {
  padding-top: 32px;
  text-align: center;
}

/* dialogContainer -end */

/* viewer */

.np-pdfViewer-scroll {
  overflow: auto;
  height: 100%;
  width: 100%;
}

/* viewer -end */

/* 覆盖pdfjs原有style */

#outerContainer {
  overflow: hidden;
}

#mainContainer {
  position: absolute;
  inset: 0;
  min-width: 350px;
  width: 100%;
  height: 100%;
}

#sidebarContainer {
  visibility: visible !important;
  inset-block: 0;
  width: 188px !important;
}

#sidebarToggle {
  position: absolute;
  top: 0;
  right: -40px;
}

#outerContainer.sidebarOpen #sidebarToggle {
  right: 0;
}

#viewerContainer {
  overflow: auto;
  position: absolute;
  /* inset: 32px 0 0; */
  outline: none;
  box-sizing: border-box;
  /* padding-top: 8px; */
  bottom: 40px;
  right: 0;
  left: 0;
  top: 0;
  transition: left 0.2s ease-out;
}

#outerContainer.sidebarOpen #viewerContainer {
  left: 188px;
}

#viewerEditbar {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  right: 0;
  left: 0;
  transition: left 0.2s ease-out;
}

#outerContainer.sidebarOpen #viewerEditbar {
  left: 188px;
}

#outerContainer .toolbar {
  position: absolute;
  bottom: 0;
}

#outerContainer.sidebarOpen .toolbar {
  left: 200px;
}

/* .pdfViewer .page:first-of-type {
    border-top: 0;
} */

.pdfViewer .page.loadingIcon::after {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxkZWZzPgogICAgICAgIDxjbGlwUGF0aCBpZD0ibWFzdGVyX3N2ZzBfMjg4XzA2ODMyIj4KICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMCIvPgogICAgICAgIDwvY2xpcFBhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBjbGlwLXBhdGg9InVybCgjbWFzdGVyX3N2ZzBfMjg4XzA2ODMyKSI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMC4wMDAwNzQwMjM0Mzc1LDM1LjAwMDE5NjA5Mzc1QzIwLjAwMDA3NDAyMzQzNzUsMzQuMDc5Njk2MDkzNzUsMTkuMjUwMDc0MDIzNDM3NSwzMy4zNDQzOTYwOTM3NSwxOC4zMzY2NzQwMjM0Mzc1LDMzLjIzMDc5NjA5Mzc1QzExLjc1Nzg5NDAyMzQzNzUsMzIuNDEyMDk2MDkzNzUsNi42NjY3MDQwMjM0Mzc1LDI2LjgwMDY5NjA5Mzc1LDYuNjY2NzA0MDIzNDM3NSwyMC4wMDAxOTYwOTM3NUM2LjY2NjcwNDAyMzQzNzUsMTIuNjM2MzY2MDkzNzUsMTIuNjM2MjQ0MDIzNDM3NSw2LjY2NjgyNjA5Mzc1LDIwLjAwMDA3NDAyMzQzNzUsNi42NjY4MjYwOTM3NUMyNi44MDA1NzQwMjM0Mzc1LDYuNjY2ODI2MDkzNzUsMzIuNDExOTc0MDIzNDM3NSwxMS43NTgwMTYwOTM3NSwzMy4yMzA2NzQwMjM0Mzc1LDE4LjMzNjc5NjA5Mzc1QzMzLjM0NDI3NDAyMzQzNzUsMTkuMjUwMTk2MDkzNzUsMzQuMDc5NTc0MDIzNDM3NSwyMC4wMDAxOTYwOTM3NSwzNS4wMDAwNzQwMjM0Mzc1LDIwLjAwMDE5NjA5Mzc1QzM1LjAwMDA3NDAyMzQzNzUsMjAuMDAwMTk2MDkzNzUsMzUuMDAwMDc0MDIzNDM3NSwyMC4wMDAxOTYwOTM3NSwzNS4wMDAwNzQwMjM0Mzc1LDIwLjAwMDE5NjA5Mzc1QzM1LjkyMDQ3NDAyMzQzNzUsMjAuMDAwMTk2MDkzNzUsMzYuNjc1NDc0MDIzNDM3NSwxOS4yNTE3OTYwOTM3NTAwMDIsMzYuNTg0Njc0MDIzNDM3NSwxOC4zMzU3OTYwOTM3NDk5OThDMzUuNzQ5NDc0MDIzNDM3NSw5LjkxMjUwNjA5Mzc1LDI4LjY0MzA3NDAyMzQzNzUsMy4zMzM0OTYwOTM3NSwyMC4wMDAwNzQwMjM0Mzc1LDMuMzMzNDk2MDkzNzVDMTAuNzk1Mjk0MDIzNDM3NSwzLjMzMzQ5NjA5Mzc1LDMuMzMzMzc0MDIzNDM3NSwxMC43OTU0MTYwOTM3NSwzLjMzMzM3NDAyMzQzNzUsMjAuMDAwMTk2MDkzNzVDMy4zMzMzNzQwMjM0Mzc1LDI4LjY0MzE5NjA5Mzc1LDkuOTEyMzg0MDIzNDM3NSwzNS43NDk1OTYwOTM3NSwxOC4zMzU2NzQwMjM0Mzc0OTgsMzYuNTg0Nzk2MDkzNzVDMTkuMjUxNjc0MDIzNDM3NTAyLDM2LjY3NTU5NjA5Mzc1LDIwLjAwMDA3NDAyMzQzNzUsMzUuOTIwNTk2MDkzNzUsMjAuMDAwMDc0MDIzNDM3NSwzNS4wMDAxOTYwOTM3NUMyMC4wMDAwNzQwMjM0Mzc1LDM1LjAwMDE5NjA5Mzc1LDIwLjAwMDA3NDAyMzQzNzUsMzUuMDAwMTk2MDkzNzUsMjAuMDAwMDc0MDIzNDM3NSwzNS4wMDAxOTYwOTM3NVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzkwOTVBMiIgZmlsbC1vcGFjaXR5PSIxIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) center no-repeat;
  background-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  animation: rotate 1s linear infinite;
  content: "";
}

.np-pdfViewer-imageappContainer .pdfViewer .page {
  height: auto;
  min-height: 400px;
  margin: 0 auto;
  border: 9px solid transparent;
  background-color: #fff;
}

.np-pdfViewer-imageappContainer #documentPropertiesDialog,
.np-pdfViewer-imageappContainer #altTextDialog,
.np-pdfViewer-imageappContainer #printServiceDialog {
  display: none;
}

/* 保底的全屏隐藏 */
.np-pdfViewer-imageappContainer #np-presentationMode {
  display: none;
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* 隐藏控件 */

#outlineOptionsContainer {
  display: none !important;
}

#viewAttachments {
  display: none !important;
}

#viewLayers {
  display: none !important;
}

#viewFind {
  display: none !important;
}

#toolbarViewerRight {
  display: none !important;
}

/* 保底 全屏模式 */
.pdf-viewer--fullscreen {
  background: #000;
}

.pdf-viewer--fullscreen #outerContainer {
  background: #000;
}

.pdf-viewer--fullscreen #viewerContainer {
  padding-bottom: 0;
}

.pdf-viewer--fullscreen .np-toolbar,
.pdf-viewer--fullscreen .np-sidebarContainer {
  display: none;
}

/* 保底 打印模式 */
@media print {
  #viewerContainer {
    padding-bottom: 0;
  }

  .np-toolbar,
  .np-sidebarContainer {
    display: none;
  }
}

/* 20241224补充 **/
#printCancel {
  width: 80px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  background-color: #fff;
  color: #21293a;
  border: 1px solid #b7bcc7 !important;
  padding: 0;
  border-radius: 6px;
  cursor: pointer;
}
#printCancel:hover {
  background-color: #eff0f1;
}


.w-watermarkModal-content-item {
  margin-top: 24px;
}
.w-watermarkModal-content-label {
  font-size: 14px;
  line-height: 20px;
  margin-right: 24px;
  display: inline-block;
}
.w-watermarkModal-content-input {
  display: inline-block;
  width: 272px;
  height: 32px;
  vertical-align: middle;
}
.w-watermarkModal-content-typePicker {
  vertical-align: top;
  display: inline-block;
  width: 130px;
  height: 48px;
  box-sizing: border-box;
  background: url(//mimg.127.net/freemail/preview/static/images/wm-type1c846219d5efc0ef5d07b.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #fff;
}
.w-watermarkModal-content-typePicker:hover {
  border: 1px solid #3370ff;
}
.w-watermarkModal-content-typePicker:last-child {
  background: url(//mimg.127.net/freemail/preview/static/images/wm-type254693c7c4b402a67141a.png) no-repeat;
  background-size: cover;
  margin-left: 8px;
}
.w-watermarkModal-content-typePicker__active {
  border: 1px solid #3370ff;
}
.w-watermarkModal-tag {
  display: inline-block;
  font-size: 12px;
  color: #f5891d;
  margin-left: 8px;
  padding: 0 4px;
  background: rgba(245, 137, 29, 0.1);
  border-radius: 4px;
  font-weight: 400;
}

.toolbarPanel {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  height: 32px;
  text-align: center;
  z-index: 1;
  white-space: nowrap;
}

.toolbarPanel-item {
  display: inline-block;
  padding: 7px;
  margin-right: 24px;
  cursor: pointer;
  vertical-align: bottom;
  position: relative;
}

.toolbarPanel-item:hover {
  background: #fff;
  border-radius: 4px;
}

.toolbarPanel-item__active {
  background: #fff;
  border-radius: 4px;
}

.toolbarPanel-item:last-child {
  margin-right: 0;
}

.toolbarPanel-item__disabled:hover {
  background: none;
  cursor: default;
}

.toolbarPanel-divider {
  display: inline-block;
  margin-right: 24px;
  border-right: 1px solid #b7bcc7;
  height: 12px;
  margin-bottom: 3px;
}

.toolbarPanel-item-icon {
  width: 18px;
  height: 18px;
  overflow: hidden;
}

.toolbarPanel-item-text {
  float: right;
  margin-left: 8px;
  line-height: 18px;
}

.toolbarPanel-item:has(.toolbarPanel-item-text) .toolbarPanel-item-icon {
  float: left;
}

.toolbarPanel-item-sign {
  position: absolute;
  top: -2px;
  right: -14px;
  width: 28px;
  height: 13px;
  border-radius: 24px;
  border: 1px solid #f1f3f7;
  background: #fce6ca;
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
  text-align: center;
  color: #924d08;
}

.w-editorToobarMain {
  padding: 4px 8px;
  border: 0.5px solid #e3e5ec;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  background: #fff;
  display: flex;
  gap: 8px;
  align-items: center;
}

.w-editorToobarMain-item {
  display: inline-block;
  padding: 4px;
  cursor: pointer;
  position: relative;
  border: none;
  background: none;
}

.w-editorToobarMain-item:hover {
  border-radius: 4px;
  background: rgba(33, 41, 58, 0.12);
}

/* 原文编辑器浮动工具栏 */
.w-originalEditorToobar {
  border-radius: 4px;
  background: #FFFFFF;
  padding: 10px;
  border: 0.5px solid #E3E5EC;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  height: 32px;
  width: auto;
  white-space: nowrap;
}

.w-originalEditorToobar-select {
  display: inline-block;
  vertical-align: top;
  width: 132px;
}

.w-originalEditorToobar-split {
  display: inline-block;
  vertical-align: top;
  margin: 5px 16px 0;
  background: #E3E5EC;
  width: 1px;
  height: 20px;
}

.w-originalEditorToobar-input {
  width: 80px !important;
}

.w-originalEditorToobar-btn {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  border-radius: 4px;
  padding: 2px;
  margin: 3px 0 0 12px;
  width: 20px;
  height: 20px;
}

.w-originalEditorToobar-btn svg {
  width: 20px;
  height: 20px;
  vertical-align: top;
}

.w-originalEditorToobar-btn:hover {
  background: #f5f6f7;
}

.w-originalEditorToobar-btn.active {
  background: rgba(33, 41, 58, 0.12);
}

.w-originalEditorToobar-btn.disabled {
  opacity: .5;
  cursor: not-allowed;
}

.w-originalEditorToobar-btnMini {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  border-radius: 4px;
  padding: 3px;
  margin: 0 0 0 4px;
  width: 16px;
  height: 16px;
}

.w-originalEditorToobar-btnMini:first-child {
  margin-left: 0;
}

.w-originalEditorToobar-btnMini svg {
  width: 16px;
  height: 16px;
  vertical-align: top;
}

.w-originalEditorToobar-btnMini:hover {
  background: #f5f6f7;
}

.w-originalEditorToobar-btnMini.active {
  background: rgba(33, 41, 58, 0.12);
}

.w-originalEditorToobar-align {
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
  margin: 3px 0 0 12px;
}

.w-originalEditorToobar-align:hover {
  background: #f5f6f7;
}

.w-originalEditorToobar-align .w-originalEditorToobar-btn {
  margin: 0;
}

.w-originalEditorToobar-arrow {
  display: inline-block;
  vertical-align: top;
  margin: 7px 2px 0 4px;
  border-radius: 2px;
  width: 10px;
  height: 10px;
  background: #E3E5EC url(//mimg.127.net/freemail/preview/static/images/toolbar_editor_arrorc135a0f74e01b1145d1c.svg) no-repeat center;
  background-size: 6px;
  cursor: pointer;
}

.w-originalEditorToobar-subAlign {
  border-radius: 4px;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 0.5px solid #E3E5EC;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  white-space: nowrap;
  padding: 4px;
  margin: 24px 0 0 -28px;
}

.w-originalEditorToobar-subColor {
  border-radius: 4px;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 0.5px solid #E3E5EC;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  white-space: nowrap;
  padding: 9px 9px 4px 9px;
  margin: 0;
  transform: translateX(-234px) translateY(17px);
}

.w-originalEditorToobar-dropdown {
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

.mailui-hide {
  display: none !important;
}

.w-originalEditorToobar {}

.w-originalEditorToobar {}

.w-originalEditorToobar {}

.w-originalEditorToobar {}

.w-originalEditorToobar {}
/* 拖拽 */
.originalEditorDraggable {
  position: absolute;
  border: 1px dashed #3370FF;
  box-sizing: border-box;
  z-index: 2;
  display: none;
}

.originalEditorDraggable.disabled>* {
  display: none;
}

.originalEditorDraggable-top {
  position: absolute;
  left: 0;
  right: 0;
  top: -7px;
  height: 7px;
  cursor: move;
}

.originalEditorDraggable-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  height: 7px;
  cursor: move;
}

.originalEditorDraggable-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -7px;
  width: 7px;
  cursor: move;
}

.originalEditorDraggable-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -7px;
  width: 7px;
  cursor: move;
}

.originalEditorDraggable-nw,
.originalEditorDraggable-ne,
.originalEditorDraggable-sw,
.originalEditorDraggable-se,
.originalEditorDraggable-n,
.originalEditorDraggable-s,
.originalEditorDraggable-w,
.originalEditorDraggable-e {
  background: transparent;
  width: 15px;
  height: 15px;
}

.originalEditorDraggable-nw:after,
.originalEditorDraggable-ne:after,
.originalEditorDraggable-sw:after,
.originalEditorDraggable-se:after,
.originalEditorDraggable-n:after,
.originalEditorDraggable-s:after,
.originalEditorDraggable-w:after,
.originalEditorDraggable-e:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  background: #FFFFFF;
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  border: 1px solid #3370FF;
  box-shadow: 0px 2px 4px 0px rgba(35, 89, 214, 0.1);
  border-radius: 50%;
}

.originalEditorDraggable-nw {
  position: absolute;
  top: -7.5px;
  left: -7.5px;
  cursor: nwse-resize;
}

.originalEditorDraggable-ne {
  position: absolute;
  top: -7.5px;
  right: -7.5px;
  cursor: nesw-resize;
}

.originalEditorDraggable-sw {
  position: absolute;
  bottom: -7.5px;
  left: -7.5px;
  cursor: nesw-resize;
}

.originalEditorDraggable-se {
  position: absolute;
  bottom: -7.5px;
  right: -7.5px;
  cursor: nwse-resize;
}

.originalEditorDraggable-n {
  position: absolute;
  left: 50%;
  top: -7.5px;
  margin-left: -7.5px;
  cursor: row-resize;
}

.originalEditorDraggable-s {
  position: absolute;
  left: 50%;
  bottom: -7.5px;
  margin-left: -7.5px;
  cursor: row-resize;
}

.originalEditorDraggable-w {
  position: absolute;
  top: 50%;
  left: -7.5px;
  margin-top: -7.5px;
  cursor: col-resize;
}

.originalEditorDraggable-e {
  position: absolute;
  top: 50%;
  right: -7.5px;
  margin-top: -7.5px;
  cursor: col-resize;
}
/* 编辑器 */
.originalEditorContainer {
  position: absolute;
  z-index: 102;
  left: 0;
  top: 0;
  display: none;
}

.originalEditorContainer.active {
  display: block;
}

.originalEditorToolbar {
  position: absolute;
  /* top: 100%; */
  /* margin-top: 6px; */
  bottom: 100%;
  margin-bottom: 6px;
  left: 0;
}

.originalEditorToolbar-right {
  left: auto;
  right: 0;
}

.originalEditorToolbar-bottom {
  bottom: auto;
  top: 100%;
  margin-top: 6px;
  margin-bottom: 0;
}

.originalEditor {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  /* background-color: rgba(0, 0, 0, .1); */
}

.originalEditor iframe {
  vertical-align: top;
}

.dragging .originalEditorToolbar {
  display: none;
}
.originalEditorTopbar {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: 708px;
  height: 32px;
  text-align: center;
  transition: margin 0.2s ease-out;
  z-index: 200;
}

#outerContainer.sidebarOpen .originalEditorTopbar {
  margin-left: 94px;
}

.originalEditorTopbar-item {
  display: inline-block;
  padding: 7px;
  margin-right: 24px;
  cursor: pointer;
  vertical-align: bottom;
  min-height: 18px;
  background-position: 7px center;
  background-repeat: no-repeat;
  font-size: 14px;
  line-height: 18px;
  color: #21293A;
  position: relative;
}

.originalEditorTopbar-item-active,
.originalEditorTopbar-item:hover {
  background-color: #fff;
  border-radius: 4px;
}

.originalEditorTopbar-item b {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: -35px;
  opacity: 0;
  border-radius: 4px;
  background: #21293A;
  white-space: nowrap;
  padding: 8px 12px;
  transform: translateX(-50%);
  margin-left: 16px;
}

.originalEditorTopbar-item b:after {
  content: '';
  position: absolute;
  bottom: 100%;
  transform: rotate(180deg);
  left: 0;
  width: 100%;
  height: 8px;
  /* margin-left: -7px; */
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgMTQgNSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJtYXN0ZXJfc3ZnMF8xOTBfOTUzNC8xOF84MzI5Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTQiIGhlaWdodD0iNSIgcng9IjAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjbWFzdGVyX3N2ZzBfMTkwXzk1MzQvMThfODMyOSkiPjxnPjxwYXRoIGQ9Ik03LC04LjVDNywtOC41LDIsLTEuNSwyLC0xLjVDMiwtMS41LDQuNzc1MTMsMi4zODUxOTk5OTk5OTk5OTkzLDYuMTkwNDQsNC4zNjY2QzYuNTg5MjYsNC45MjUwMDAwMDAwMDAwMDEsNy40MTA3NCw0LjkyNTAwMDAwMDAwMDAwMSw3LjgwOTU2LDQuMzY2NkM5LjIyNDg3LDIuMzg1MTk5OTk5OTk5OTk5MywxMiwtMS41LDEyLC0xLjVDMTIsLTEuNSw3LC04LjUsNywtOC41WiIgZmlsbD0iIzIxMjkzQSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=) center top no-repeat;
  background-size: 14px;
}

.originalEditorTopbar-item:hover b {
  opacity: 1;
  bottom: -45px;
  transition: bottom 0.2s, opacity 0.2s;
}

.originalEditorTopbar-item-undo {
  width: 18px;
  height: 18px;
}

.originalEditorTopbar-item-undo:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  left: 7px;
  top: 7px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzY0N18yOTc3MSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF82NDdfMjk3NzEpIj48Zz48cGF0aCBkPSJNMS45Mzg3Njc1OTM3NSw0LjgwNzMzNjU2MjVDMS43MjU0OTg1OTM3NSw0LjY1ODA0NjU2MjUsMS43MjU0OTg1OTM3NSw0LjM0MjE5NjU2MjUsMS45Mzg3Njc1OTM3NSw0LjE5MjkwNjU2MjVMNC42NTk4NDg1OTM3NTAwMDA1LDIuMjg4MTU1ODYyNUM0LjkwODM4ODU5Mzc1LDIuMTE0MTc2NTYyNSw1LjI0OTg4ODU5Mzc1MDAwMSwyLjI5MTk4NDM2MjUsNS4yNDk4ODg1OTM3NTAwMDEsMi41OTUzNjc1NjI1TDUuMjQ5ODg4NTkzNzUwMDAxLDMuNzUwMTI2NTYyNUwxMS4yNDk4ODg1OTM3NSwzLjc1MDEyNjU2MjVDMTQuMTQ5NDA4NTkzNzUsMy43NTAxMjY1NjI1LDE2LjQ5OTkwODU5Mzc1LDYuMTAwNjI2NTYyNTAwMDAwNSwxNi40OTk5MDg1OTM3NSw5LjAwMDEyNjU2MjVDMTYuNDk5OTA4NTkzNzUsMTEuODk5NjE2NTYyNSwxNC4xNDk0MDg1OTM3NSwxNC4yNTAxMjY1NjI1LDExLjI0OTg4ODU5Mzc1LDE0LjI1MDEyNjU2MjVMNC40OTk4ODg1OTM3NTAwMDEsMTQuMjUwMTI2NTYyNUM0LjA4NTY3ODU5Mzc1LDE0LjI1MDEyNjU2MjUsMy43NDk4ODg1OTM3NDk5OTk3LDEzLjkxNDMyNjU2MjUsMy43NDk4ODg1OTM3NDk5OTk3LDEzLjUwMDEyNjU2MjVDMy43NDk4ODg1OTM3NDk5OTk3LDEzLjA4NTkyNjU2MjUsNC4wODU2Nzg1OTM3NSwxMi43NTAxMjY1NjI1LDQuNDk5ODg4NTkzNzUwMDAxLDEyLjc1MDEyNjU2MjVMMTEuMjQ5ODg4NTkzNzUsMTIuNzUwMTI2NTYyNVExMi44MDMyMDg1OTM3NSwxMi43NTAxMjY1NjI1LDEzLjkwMTUwODU5Mzc1LDExLjY1MTc3NjU2MjVRMTQuOTk5OTA4NTkzNzUsMTAuNTUzNDI2NTYyNSwxNC45OTk5MDg1OTM3NSw5LjAwMDEyNjU2MjVRMTQuOTk5OTA4NTkzNzUsNy40NDY4MjY1NjI1LDEzLjkwMTUwODU5Mzc1LDYuMzQ4NDc2NTYyNVExMi44MDMyMDg1OTM3NSw1LjI1MDEyNjU2MjUsMTEuMjQ5ODg4NTkzNzUsNS4yNTAxMjY1NjI1TDUuMjQ5ODg4NTkzNzUwMDAxLDUuMjUwMTI2NTYyNUw1LjI0OTg4ODU5Mzc1MDAwMSw2LjQwNDg3NjU2MjVDNS4yNDk4ODg1OTM3NTAwMDEsNi43MDgyNTY1NjI1LDQuOTA4Mzg4NTkzNzUsNi44ODYwNjY1NjI1LDQuNjU5ODQ4NTkzNzUwMDAwNSw2LjcxMjA4NjU2MjVMMS45Mzg3Njc1OTM3NSw0LjgwNzMzNjU2MjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyMTI5M0EiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+) center top no-repeat;
  background-size: 18px;
}

.originalEditorTopbar-item-redo {
  width: 18px;
  height: 18px;
}

.originalEditorTopbar-item-redo:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  left: 7px;
  top: 7px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzY0N18yOTc3MyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF82NDdfMjk3NzMpIj48Zz48cGF0aCBkPSJNMTYuMDYxMSw0LjgwNzMzNjU2MjVDMTYuMjc0NCw0LjY1ODA0NjU2MjUsMTYuMjc0NCw0LjM0MjE5NjU2MjUsMTYuMDYxMSw0LjE5MjkwNjU2MjVMMTMuMzQsMi4yODgxNTU4NjI1QzEzLjA5MTUsMi4xMTQxNzY1NjI1LDEyLjc1LDIuMjkxOTg0MzYyNSwxMi43NSwyLjU5NTM2NzU2MjVMMTIuNzUsMy43NTAxMjY1NjI1TDYuNzUsMy43NTAxMjY1NjI1QzMuODUwNSwzLjc1MDEyNjU2MjUsMS41LDYuMTAwNjI2NTYyNTAwMDAwNSwxLjUsOS4wMDAxMjY1NjI1QzEuNSwxMS44OTk2MTY1NjI1LDMuODUwNSwxNC4yNTAxMjY1NjI1LDYuNzUsMTQuMjUwMTI2NTYyNUwxMy41LDE0LjI1MDEyNjU2MjVDMTMuOTE0MiwxNC4yNTAxMjY1NjI1LDE0LjI1LDEzLjkxNDMyNjU2MjUsMTQuMjUsMTMuNTAwMTI2NTYyNUMxNC4yNSwxMy4wODU5MjY1NjI1LDEzLjkxNDIsMTIuNzUwMTI2NTYyNSwxMy41LDEyLjc1MDEyNjU2MjVMNi43NSwxMi43NTAxMjY1NjI1UTUuMTk2NywxMi43NTAxMjY1NjI1LDQuMDk4MzUsMTEuNjUxNzc2NTYyNVEzLDEwLjU1MzQyNjU2MjUsMyw5LjAwMDEyNjU2MjVRMyw3LjQ0NjgyNjU2MjUsNC4wOTgzNSw2LjM0ODQ3NjU2MjVRNS4xOTY3LDUuMjUwMTI2NTYyNSw2Ljc1LDUuMjUwMTI2NTYyNUwxMi43NSw1LjI1MDEyNjU2MjVMMTIuNzUsNi40MDQ4NzY1NjI1QzEyLjc1LDYuNzA4MjU2NTYyNSwxMy4wOTE1LDYuODg2MDY2NTYyNSwxMy4zNCw2LjcxMjA4NjU2MjVMMTYuMDYxMSw0LjgwNzMzNjU2MjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMyMTI5M0EiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+) center top no-repeat;
  background-size: 18px;
}

.originalEditorTopbar-item-addText {
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzY0N18yOTc4NCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF82NDdfMjk3ODQpIj48Zz48cGF0aCBkPSJNMy4zNzUsMi42MjVDMy4zNzUsMi42MjUsMTMuODc1LDIuNjI1LDEzLjg3NSwyLjYyNUMxMy44NzUsMi42MjUsMTMuODc1LDguMjUsMTMuODc1LDguMjVDMTMuODc1LDguMjUsMTUuMzc1LDguMjUsMTUuMzc1LDguMjVDMTUuMzc1LDguMjUsMTUuMzc1LDIuNjI1LDE1LjM3NSwyLjYyNUMxNS4zNzUsMS43OTY1NzMsMTQuNzAzNCwxLjEyNSwxMy44NzUsMS4xMjVDMTMuODc1LDEuMTI1LDMuMzc1LDEuMTI1LDMuMzc1LDEuMTI1QzIuNTQ2NTczLDEuMTI1LDEuODc1LDEuNzk2NTczLDEuODc1LDIuNjI1QzEuODc1LDIuNjI1LDEuODc1LDE1LjM3NSwxLjg3NSwxNS4zNzVDMS44NzUsMTYuMjAzNDAwMDAwMDAwMDAyLDIuNTQ2NTczLDE2Ljg3NSwzLjM3NSwxNi44NzVDMy4zNzUsMTYuODc1LDguNjI1LDE2Ljg3NSw4LjYyNSwxNi44NzVDOC42MjUsMTYuODc1LDguNjI1LDE1LjM3NSw4LjYyNSwxNS4zNzVDOC42MjUsMTUuMzc1LDMuMzc1LDE1LjM3NSwzLjM3NSwxNS4zNzVDMy4zNzUsMTUuMzc1LDMuMzc1LDIuNjI1LDMuMzc1LDIuNjI1Wk01LjI1LDQuNUM0LjgzNTc4OTk5OTk5OTk5OSw0LjUsNC41LDQuODM1Nzg5OTk5OTk5OTk5LDQuNSw1LjI1QzQuNSw1LjY2NDIxLDQuODM1Nzg5OTk5OTk5OTk5LDYsNS4yNSw2QzUuMjUsNiwxMiw2LDEyLDZDMTIuNDE0Miw2LDEyLjc1LDUuNjY0MjEsMTIuNzUsNS4yNUMxMi43NSw0LjgzNTc4OTk5OTk5OTk5OSwxMi40MTQyLDQuNSwxMiw0LjVDMTIsNC41LDUuMjUsNC41LDUuMjUsNC41Wk01LjI1LDcuNUM0LjgzNTc4OTk5OTk5OTk5OSw3LjUsNC41LDcuODM1NzksNC41LDguMjVDNC41LDguNjY0MjEsNC44MzU3ODk5OTk5OTk5OTksOSw1LjI1LDlDNS4yNSw5LDksOSw5LDlDOS40MTQyMSw5LDkuNzUsOC42NjQyMSw5Ljc1LDguMjVDOS43NSw3LjgzNTc5LDkuNDE0MjEsNy41LDksNy41QzksNy41LDUuMjUsNy41LDUuMjUsNy41Wk0xMS4zMTEyMiwxNC40MzUxQzExLjMxMTIyLDE0LjQzNTEsMTQuNjI1LDExLjEyMTMyLDE0LjYyNSwxMS4xMjEzMkMxNC42MjUsMTEuMTIxMzIsMTUuMjg3OSwxMS43ODQyLDE1LjI4NzksMTEuNzg0MkMxNS4yODc5LDExLjc4NDIsMTEuOTc0MSwxNS4wOTgsMTEuOTc0MSwxNS4wOThDMTEuOTc0MSwxNS4wOTgsMTEuMjYzODcsMTUuMTQ1NCwxMS4yNjM4NywxNS4xNDU0QzExLjI2Mzg3LDE1LjE0NTQsMTEuMzExMjIsMTQuNDM1MSwxMS4zMTEyMiwxNC40MzUxWk0xNC4wOTQ3LDkuNTMwMzNDMTQuMzg3Niw5LjIzNzQ0LDE0Ljg2MjQsOS4yMzc0NCwxNS4xNTUzLDkuNTMwMzNDMTUuMTU1Myw5LjUzMDMzLDE2Ljg3ODksMTEuMjUzOSwxNi44Nzg5LDExLjI1MzlDMTcuMTcxNzk5OTk5OTk5OTk4LDExLjU0NjgsMTcuMTcxNzk5OTk5OTk5OTk4LDEyLjAyMTcsMTYuODc4OSwxMi4zMTQ2QzE2Ljg3ODksMTIuMzE0NiwxMi44MzU1LDE2LjM1NzksMTIuODM1NSwxNi4zNTc5QzEyLjcwNzEsMTYuNDg2NCwxMi41MzY0LDE2LjU2MzksMTIuMzU1MSwxNi41NzU5QzEyLjM1NTEsMTYuNTc1OSwxMC41MDg0LDE2LjY5OTEsMTAuNTA4NCwxNi42OTkxQzEwLjA1NTY0LDE2LjcyOTIsOS42Nzk5OSwxNi4zNTM2LDkuNzEwMTcsMTUuOTAwOEM5LjcxMDE3LDE1LjkwMDgsOS44MzMyOCwxNC4wNTQxLDkuODMzMjgsMTQuMDU0MUM5Ljg0NTM2OTk5OTk5OTk5OSwxMy44NzI5LDkuOTIyODMsMTMuNzAyMiwxMC4wNTEyOSwxMy41NzM3QzEwLjA1MTI5LDEzLjU3MzcsMTQuMDk0Nyw5LjUzMDMzLDE0LjA5NDcsOS41MzAzM1oiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzIxMjkzQSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=);
  background-size: 18px;
  padding-left: 33px;
}

.originalEditorTopbar-item-addImage {
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzY0N18yOTc5MCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF82NDdfMjk3OTApIj48Zz48cGF0aCBkPSJNMC43NSwzLjM3NUwwLjc1LDE0LjYyNUMwLjc1LDE1LjQ1MzQsMS40MjE1NzMsMTYuMTI1LDIuMjUsMTYuMTI1TDE1Ljc1LDE2LjEyNUMxNi41Nzg0MDAwMDAwMDAwMDIsMTYuMTI1LDE3LjI1LDE1LjQ1MzQsMTcuMjUsMTQuNjI1TDE3LjI1LDMuMzc1QzE3LjI1LDIuNTQ2NTczLDE2LjU3ODQwMDAwMDAwMDAwMiwxLjg3NSwxNS43NSwxLjg3NUwyLjI1LDEuODc1QzEuNDIxNTczLDEuODc1LDAuNzUsMi41NDY1NzMsMC43NSwzLjM3NVpNMi4yNSwzLjM3NUwyLjI1LDExLjE4MDU2TDUuMDk0NzEsNy4yNDE3M1E1LjU3MDA1LDYuNTgzNTcsNi4zODEwMiw2LjYyMTYyUTcuMTkyLDYuNjU5NjYsNy42MDM2Myw3LjM1OTQ0TDEwLjI0OTAxLDExLjg1NjU5TDEyLjAwNzQsOS44Nzg0NVExMi40NTMsOS4zNzcwNywxMy4xMjM4LDkuMzc1UTEzLjc5NDcsOS4zNzI5MywxNC4yNDM0LDkuODcxNTVMMTUuNzUsMTEuNTQ1NTNMMTUuNzUsMy4zNzVMMi4yNSwzLjM3NVpNMTMuMTI1LDcuMTI1QzEzLjc0NjMsNy4xMjUsMTQuMjUsNi42MjEzMiwxNC4yNSw2QzE0LjI1LDUuMzc4NjgsMTMuNzQ2Myw0Ljg3NSwxMy4xMjUsNC44NzVDMTIuNTAzNyw0Ljg3NSwxMiw1LjM3ODY4LDEyLDZDMTIsNi42MjEzMiwxMi41MDM3LDcuMTI1LDEzLjEyNSw3LjEyNVpNMTUuNzUsMTQuNjI1TDIuMjUsMTQuNjI1TDIuMjUsMTMuNzQyNUw2LjMxMDczLDguMTE5OTdMOC45NTYxMSwxMi42MTcxUTkuMzQzMiwxMy4yNzUyLDEwLjEwMzA1LDEzLjM0OTVRMTAuODYyOSwxMy40MjM4LDExLjM3MDEsMTIuODUzMUwxMy4xMjg1LDEwLjg3NDk5TDE1Ljc1LDEzLjc4NzhMMTUuNzUsMTQuNjI1WiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMjEyOTNBIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==);
  background-size: 18px;
  padding-left: 33px;
}

.originalEditorTopbar-item-view {
  width: 18px;
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Im1hc3Rlcl9zdmcwXzY0N18yOTc3NiI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNtYXN0ZXJfc3ZnMF82NDdfMjk3NzYpIj48Zz48cGF0aCBkPSJNMTEuOTQ1MjYsMTUuNDIwNDEyMTA5Mzc1TDEzLjE3MTMsMTUuNDIwNDEyMTA5Mzc1QzEzLjM5MjgsMTUuNDIwNDEyMTA5Mzc1LDEzLjU3MjUsMTUuMjQwODEyMTA5Mzc1LDEzLjU3MjUsMTUuMDE5MjEyMTA5Mzc1TDEzLjU3MjUsMTMuNjgxMzEyMTA5Mzc1QzEzLjU3MjUsMTMuNTg4NTEyMTA5Mzc1LDEzLjU5NjUsMTMuNDk3MjEyMTA5Mzc1LDEzLjY0MjMsMTMuNDE2NDEyMTA5Mzc1TDE0LjI1NzksMTIuMzI4NzEyMTA5Mzc1QzE1LjAxMDgsMTAuOTk4NjIyMTA5Mzc1LDE1LjQwNjUsOS40OTYyNTIxMDkzNzUsMTUuNDA2NSw3Ljk2Nzg0MjEwOTM3NUwxNS40MDY1LDcuNDYxMDEyMTA5Mzc1QzE1LjQwNjUsNy4zMTMwMjIxMDkzNzUsMTUuNDE4Nyw3LjE2NTI3MjEwOTM3NSwxNS40NDI5LDcuMDE5MjkyMTA5Mzc1TDE1LjczMzYsNS4yNjY4MjIxMDkzNzVDMTUuODU0Miw0LjUzOTY4MjEwOTM3NTAwMSwxNS4yOTM0LDMuODc4MTkyMTA5Mzc1LDE0LjU1NjMsMy44NzgxOTIxMDkzNzVDMTMuOTg1LDMuODc4MTkyMTA5Mzc1LDEzLjQ5MzgsNC4yODMxNDIxMDkzNzQ5OTk1LDEzLjM4NDksNC44NDQwMDIxMDkzNzQ5OTlMMTMuMDEzMSw2Ljc1NzkwMjEwOTM3NUMxMy4wMDM3LDYuODA2MzcyMTA5Mzc1LDEyLjkzMiw2Ljc5ODQ5MjEwOTM3NSwxMi45MzM0LDYuNzQ5MDgyMTA5Mzc1TDEzLjAyODIsMy4zNzA0MjIxMDkzNzVDMTMuMDQ1MiwyLjc2NDAyMjEwOTM3NSwxMi41NTgyLDIuMjYzMjAyMTA5Mzc1LDExLjk1MTYsMi4yNjMyMDIxMDkzNzVDMTEuMzk5MDksMi4yNjMyMDIxMDkzNzUsMTAuOTM2MTUsMi42ODEzNTIxMDkzNzUsMTAuODgwMTcsMy4yMzEwMjIxMDkzNzVMMTAuNTI5OTksNi42NjczNDIxMDkzNzVDMTAuNTIzMjIsNi43MzQwNjIxMDkzNzUsMTAuNDI1ODYsNi43MzM1NDIxMDkzNzUsMTAuNDE5NzUsNi42NjY3ODIxMDkzNzVMMTAuMDQ0NTcsMi41NDMwMjgxMDkzNzUwMDAyQzkuOTk1ODYsMi4wMDc0NTExMDkzNzUsOS41NDY3OCwxLjU5NzQxMjEwOTM3NSw5LjAwOTAxLDEuNTk3NDEyMTA5Mzc1QzguNDA3NywxLjU5NzQxMjEwOTM3NSw3LjkzMTc0LDIuMTA1ODg4MTA5Mzc1LDcuOTcxNDQsMi43MDU4OTIxMDkzNzVMOC4xOTQ4Miw2LjA4MjQ1MjEwOTM3NUM4LjE5ODgzMDAwMDAwMDAwMSw2LjE0MzE1MjEwOTM3NSw4LjA5ODQ4LDYuMTU0OTEyMTA5Mzc1LDguMDg4MzYsNi4wOTQ5MTIxMDkzNzVDNy45NTM5NSw1LjI5NjI2MjEwOTM3NSw3Ljc2NzI5LDQuMjc0MzIyMTA5Mzc0OTk5NSw3LjYwNTIyLDMuNzAxNTYyMTA5Mzc1QzcuNTEwMzcsMy4zNjY1NTIxMDkzNzUsNy4zMTU0MSwyLjk5OTI1MjEwOTM3NSw3LjEwNDk1LDIuNjY2NjYyMTA5Mzc1MDAwM0M2LjcxOTgzLDIuMDU4MTE2MTA5Mzc1LDUuODgwNSwyLjAzMzcxNjEwOTM3NSw1LjM3NDczLDIuNTQ2Mzg3MTA5Mzc1QzUuMDUyMjIsMi44NzMzMzIxMDkzNzUsNC45MzY3NSwzLjM1MTY2MjEwOTM3NSw1LjA3NDU3LDMuNzg5NjkyMTA5Mzc1TDYuMTI4ODgwMDAwMDAwMDAwNSw3LjE0MDI3MjEwOTM3NUM2LjI0OTUyLDcuNTIzNjYyMTA5Mzc1LDYuMzEwODcsNy45MjMyNDIxMDkzNzUsNi4zMTA4Nyw4LjMyNTE2MjEwOTM3NUM2LjMxMDg3LDguNzAwMjAyMTA5Mzc0OTk5LDUuODc2MjEsOC45MDc4NjIxMDkzNzUsNS41ODQ0OTAwMDAwMDAwMDEsOC42NzIxNzIxMDkzNzUwMDFMNC4xMjczMiw3LjQ5NDc4MjEwOTM3NUMzLjkyMjI0LDcuMzI5MDcyMTA5Mzc1LDMuNjY2NDgsNy4yMzg2NjIxMDkzNzUsMy40MDI4LDcuMjM4NjYyMTA5Mzc1TDMuMzU0NjYsNy4yMzg2NjIxMDkzNzVDMi43NDQ1NzQsNy4yMzg2NjIxMDkzNzUsMi4yNSw3LjczMzIzMjEwOTM3NSwyLjI1LDguMzQzMzEyMTA5Mzc0OTk5QzIuMjUsOC41NzQ1NzIxMDkzNzUsMi4zMjI1ODI2LDguNzk5OTkyMTA5Mzc1MDAxLDIuNDU3NTE3LDguOTg3ODIyMTA5Mzc1TDQuNTgzNSwxMS45NDcxMTIxMDkzNzVDNS4xMzA0MDk5OTk5OTk5OTk1LDEyLjcwODMxMjEwOTM3NSw1LjgxMDg1LDEzLjM2NDIxMjEwOTM3NSw2LjU5MTc3LDEzLjg4MjcxMjEwOTM3NUw3LjA2Mzg1LDE0LjE5NjIxMjEwOTM3NUM3LjI1NTc4LDE0LjMyMzYxMjEwOTM3NSw3LjM3MTExLDE0LjUzODcxMjEwOTM3NSw3LjM3MTExLDE0Ljc2OTAxMjEwOTM3NUM3LjM3MTExLDE1LjA5MzgxMjEwOTM3NSw3LjUxNzk3LDE1LjQyMDQxMjEwOTM3NSw3Ljg5NzUsMTUuNDIwNDEyMTA5Mzc1TDkuMjg2NjgsMTUuNDIwNDEyMTA5Mzc1QzkuNzA2MjQwMDAwMDAwMDAxLDE1LjQyMDQxMjEwOTM3NSwxMC4wOTc4OSwxNS4yMTAxMTIxMDkzNzUsMTAuMzI5NTIsMTQuODYwMzEyMTA5Mzc1QzEwLjU1Mjg1LDE0LjUyMzIxMjEwOTM3NSwxMC44NzAyOCwxNC4xMDQyMTIxMDkzNzUsMTEuMzUwMzQsMTQuMTA0MjEyMTA5Mzc1QzEyLjA3OTc2LDE0LjEwNDIxMjEwOTM3NSwxMS44NDI1MywxNC44NDQzMTIxMDkzNzUsMTEuODQyNTMsMTUuMzE3NzEyMTA5Mzc1QzExLjg0MjUzLDE1LjM3NDUxMjEwOTM3NSwxMS44ODg1MywxNS40MjA0MTIxMDkzNzUsMTEuOTQ1MjYsMTUuNDIwNDEyMTA5Mzc1WiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjxnPjxwYXRoIGQ9Ik0xMS4yNjI0NSwxNC45NzEyMTIxMDkzNzVRMTEuMjQyNTMsMTUuMjAxMDEyMTA5Mzc1LDExLjI0MjUzLDE1LjMxNzcxMjEwOTM3NVExMS4yNDI1MywxNi4wMjA0MTIxMDkzNzUwMDIsMTEuOTQ1MjYsMTYuMDIwNDEyMTA5Mzc1MDAyTDEzLjE3MTMsMTYuMDIwNDEyMTA5Mzc1MDAyUTEzLjU4NTksMTYuMDIwNDEyMTA5Mzc1MDAyLDEzLjg3OTIsMTUuNzI3MjEyMTA5Mzc1UTE0LjE3MjUsMTUuNDMzOTEyMTA5Mzc1LDE0LjE3MjUsMTUuMDE5MjEyMTA5Mzc1TDE0LjE3MjUsMTMuNjk3NzEyMTA5Mzc1TDE0Ljc4MDEsMTIuNjI0MjEyMTA5Mzc1UTE2LjAwNjUwMDAwMDAwMDAwMywxMC40NTc1ODIxMDkzNzUsMTYuMDA2NTAwMDAwMDAwMDAzLDcuOTY3ODQyMTA5Mzc1TDE2LjAwNjUwMDAwMDAwMDAwMyw3LjQ2MTAxMjEwOTM3NVExNi4wMDY1MDAwMDAwMDAwMDMsNy4yODgxMjIxMDkzNzUsMTYuMDM0OCw3LjExNzQ3MjEwOTM3NUwxNi4zMjU0OTk5OTk5OTk5OTgsNS4zNjUwMDIxMDkzNzVRMTYuNDYxNSw0LjU0NTQ2MjEwOTM3NSwxNS45MjQzLDMuOTExODIyMTA5Mzc1UTE1LjM4NzEsMy4yNzgxOTIxMDkzNzUsMTQuNTU2MywzLjI3ODE5MjEwOTM3NVExNC4wNDMzLDMuMjc4MTkyMTA5Mzc1LDEzLjYyMzcsMy41MzgxNTIxMDkzNzVMMTMuNjI3OSwzLjM4NzI0MjEwOTM3NTAwMDNRMTMuNjQ3OCwyLjY3OTA4MjEwOTM3NSwxMy4xNTM5LDIuMTcxMTQzMTA5Mzc1UTEyLjY2MDEsMS42NjMyMDI1MDkzNzUsMTEuOTUxNiwxLjY2MzIwMjUwOTM3NVExMS4zMDYzNSwxLjY2MzIwMjUwOTM3NSwxMC44Mjc1LDIuMDk1NzM3MTA5Mzc1UTEwLjcxMDc3LDIuMjAxMTgyMTA5Mzc1LDEwLjYxODYsMi4zMTkwNzAxMDkzNzVRMTAuNTIwMTksMS43OTY1MDYxMDkzNzUsMTAuMTE0NzcsMS40MjYzMDQxMDkzNzVROS42NDUwNywwLjk5NzQxMjEwOTM3NSw5LjAwOTAxLDAuOTk3NDEyMTA5Mzc1UTguMjk3Nzk5OTk5OTk5OTk5LDAuOTk3NDEyMTA5Mzc1LDcuODExOCwxLjUxNjYyOTMwOTM3NVE3LjU1Mzg2LDEuNzkyMTk3MTA5Mzc1LDcuNDQ2MDUsMi4xMjE0MDcxMDkzNzVRNy4wMTcyNSwxLjYyNjMzOTYwOTM3NSw2LjMxODgxLDEuNTg3MDE2MzA5Mzc1UTUuNTIyNTgsMS41NDIxODY1MDkzNzUsNC45NDc1OTk5OTk5OTk5OTk2LDIuMTI1MDA5MTA5Mzc1UTQuMTY5ODgsMi45MTM0MjIxMDkzNzUsNC41MDIyMywzLjk2OTc2MjEwOTM3NUw1LjU1NjU1LDcuMzIwMzYyMTA5Mzc1UTUuNjYwMTIsNy42NDk1MDIxMDkzNzUsNS42OTQxNzk5OTk5OTk5OTksNy45ODk0MjIxMDkzNzVMNC41MDQ0MSw3LjAyODA5MjEwOTM3NVE0LjAyMjQ1LDYuNjM4NjYyMTA5Mzc1LDMuNDAyOCw2LjYzODY2MjEwOTM3NUwzLjM1NDY2LDYuNjM4NjYyMTA5Mzc1UTIuNjQ4NTY3LDYuNjM4NjYyMTA5Mzc1LDIuMTQ5Mjg0LDcuMTM3OTQyMTA5Mzc1UTEuNjUsNy42MzcyMjIxMDkzNzUsMS42NSw4LjM0MzMxMjEwOTM3NDk5OVExLjY1LDguODkyMTQyMTA5Mzc1MDAxLDEuOTcwMjI4LDkuMzM3ODkyMTA5Mzc1TDQuMDk2MjEsMTIuMjk3MTEyMTA5Mzc1UTQuOTg3NDM5OTk5OTk5OTk5LDEzLjUzNzcxMjEwOTM3NSw2LjI1OTg5LDE0LjM4MjYxMjEwOTM3NUw2LjczMTkyLDE0LjY5NjAxMjEwOTM3NVE2Ljc3MTExLDE0LjcyMjAxMjEwOTM3NSw2Ljc3MTExLDE0Ljc2OTAxMjEwOTM3NVE2Ljc3MTExLDE1LjIyNzUxMjEwOTM3NSw2Ljk5Nzc2LDE1LjU1NjcxMjEwOTM3NVE3LjMxNjk2LDE2LjAyMDQxMjEwOTM3NTAwMiw3Ljg5NzUsMTYuMDIwNDEyMTA5Mzc1MDAyTDkuMjg2NjgsMTYuMDIwNDEyMTA5Mzc1MDAyUTEwLjI4MDg2LDE2LjAyMDQxMjEwOTM3NTAwMiwxMC44Mjk3NiwxNS4xOTE2MTIxMDkzNzVRMTEuMDk3MTEsMTQuNzg4MDEyMTA5Mzc1LDExLjI3ODYsMTQuNzE4NjEyMTA5Mzc1UTExLjI3NjE2LDE0LjgxMzExMjEwOTM3NSwxMS4yNjI0NSwxNC45NzEyMTIxMDkzNzVaTTEyLjQ3MzEsMTQuODIwNDEyMTA5Mzc1TDEyLjk3MjUsMTQuODIwNDEyMTA5Mzc1TDEyLjk3MjUsMTMuNjgxMzEyMTA5Mzc1UTEyLjk3MjUsMTMuMzgxMzEyMTA5Mzc1LDEzLjEyMDMsMTMuMTIwNjEyMTA5Mzc1TDEzLjczNTgsMTIuMDMzMTEyMTA5Mzc1UTE0LjgwNjUsMTAuMTQxNTEyMTA5Mzc1LDE0LjgwNjUsNy45Njc4NDIxMDkzNzVMMTQuODA2NSw3LjQ2MTAxMjEwOTM3NVExNC44MDY1LDcuMTg5MjcyMTA5Mzc1LDE0Ljg1MSw2LjkyMTEyMjEwOTM3NUwxNS4xNDE3LDUuMTY4NjMyMTA5Mzc1UTE1LjE4NjcsNC44OTc0ODIxMDkzNzUsMTUuMDA4OSw0LjY4NzgzMjEwOTM3NVExNC44MzEyLDQuNDc4MTkyMTA5Mzc1LDE0LjU1NjMsNC40NzgxOTIxMDkzNzVRMTQuMDY3MSw0LjQ3ODE5MjEwOTM3NSwxMy45NzM5LDQuOTU4NDAyMTA5Mzc1TDEzLjYwMjEsNi44NzIzMTIxMDkzNzVRMTMuNDg5NSw3LjQ1MTI2MjEwOTM3NSwxMi45MDM0LDcuMzg2NTcyMTA5Mzc1UTEyLjMxNyw3LjMyMTg1MjEwOTM3NSwxMi4zMzM3LDYuNzMyMTAyMTA5Mzc1TDEyLjQyODQsMy4zNTM2MDIxMDkzNzVRMTIuNDM0MSwzLjE1MjE2MjEwOTM3NTAwMDMsMTIuMjkzNiwzLjAwNzY4MjEwOTM3NDk5OTdRMTIuMTUzMSwyLjg2MzIwMjEwOTM3NSwxMS45NTE2LDIuODYzMjAyMTA5Mzc1UTExLjUyMDczLDIuODYzMjAyMTA5Mzc1LDExLjQ3NzA4LDMuMjkxODEyMTA5Mzc1TDExLjEyNjksNi43MjgxNzIxMDkzNzVRMTEuMDY2ODYsNy4zMjAxOTIxMDkzNzUsMTAuNDcxNTIsNy4zMTcxMTIxMDkzNzVROS44NzY0OCw3LjMxNDAzMjEwOTM3NSw5LjgyMjI1LDYuNzIxNDcyMTA5Mzc1TDkuNDQ3MDMsMi41OTczOTIxMDkzNzVROS40MTA2NiwyLjE5NzQxMjEwOTM3NSw5LjAwOTAxLDIuMTk3NDEyMTA5Mzc1UTguODE4MjQsMi4xOTc0MTIxMDkzNzUsOC42ODc4OSwyLjMzNjY3MjEwOTM3NVE4LjU1NzU0LDIuNDc1OTMxMTA5Mzc1LDguNTcwMTI5OTk5OTk5OTk5LDIuNjY2MjgyMTA5Mzc1TDguNzkzNTEwMDAwMDAwMDAxLDYuMDQyODUyMTA5Mzc1UTguODM0MTQsNi42NTc1ODIxMDkzNzUsOC4yMTY2NjAwMDAwMDAwMDEsNi43Mjk4NzIxMDkzNzVRNy41OTkyMSw2LjgwMjE2MjEwOTM3NSw3LjQ5NjcyLDYuMTk0NzQyMTA5Mzc1UTcuMjE3MjUsNC41MzQxMzIxMDkzNzUsNy4wMjc4OCwzLjg2NDkzMjEwOTM3NVE2LjkyNjQ2LDMuNTA2NjcyMTA5Mzc0OTk5Nyw2LjU5NzkzLDIuOTg3NDgyMTA5Mzc0OTk5N1E2LjQ3Nzk0LDIuNzk3ODcyMTA5Mzc1LDYuMjUxMzYsMi43ODUxMjIxMDkzNzVRNS45OTYyMiwyLjc3MDc1MjEwOTM3NSw1LjgwMTg2LDIuOTY3NzYyMTA5Mzc1UTUuNTMxMjcsMy4yNDIwNzIxMDkzNzUsNS42NDY5MSwzLjYwOTYyMjEwOTM3NUw2LjcwMTIxLDYuOTYwMTcyMTA5Mzc1UTYuOTEwODcsNy42MjY0NTIxMDkzNzUsNi45MTA4Nyw4LjMyNTE2MjEwOTM3NVE2LjkxMDg3LDguOTg0NzYyMTA5Mzc1LDYuMzE1NzEsOS4yNjkwODIxMDkzNzQ5OTlRNS43MjA1MSw5LjU1MzQyMjEwOTM3NSw1LjIwNzQyLDkuMTM4ODcyMTA5Mzc1TDMuNzUwMjQsNy45NjE0ODIxMDkzNzVRMy41OTgyMyw3LjgzODY2MjEwOTM3NSwzLjQwMjgsNy44Mzg2NjIxMDkzNzVMMy4zNTQ2Niw3LjgzODY2MjEwOTM3NVEyLjg1LDcuODM4NjYyMTA5Mzc1LDIuODUsOC4zNDMzMTIxMDkzNzQ5OTlRMi44NSw4LjUwNTc4MjEwOTM3NSwyLjk0NDgwNyw4LjYzNzc1MjEwOTM3NUw1LjA3MDc4LDExLjU5NzAwMjEwOTM3NVE1LjgzNCwxMi42NTk0MTIxMDkzNzUsNi45MjM2NSwxMy4zODI4MTIxMDkzNzVMNy4zOTU3OCwxMy42OTY0MTIxMDkzNzVRNy45NzExMSwxNC4wNzgzMTIxMDkzNzUsNy45NzExMSwxNC43NjkwMTIxMDkzNzVRNy45NzExMSwxNC43OTg1MTIxMDkzNzUsNy45NzI5MSwxNC44MjA0MTIxMDkzNzVMOS4yODY2OCwxNC44MjA0MTIxMDkzNzVROS42MzYyODk5OTk5OTk5OTksMTQuODIwNDEyMTA5Mzc1LDkuODI5MjgsMTQuNTI5MDEyMTA5Mzc1UTEwLjUwODIxLDEzLjUwNDIxMjEwOTM3NSwxMS4zNTAzNCwxMy41MDQyMTIxMDkzNzVRMTIuMTc0LDEzLjUwNDIxMjEwOTM3NSwxMi40MDk3LDE0LjIxMDQxMjEwOTM3NVExMi40ODQ0LDE0LjQzNDMxMjEwOTM3NSwxMi40NzMxLDE0LjgyMDQxMjEwOTM3NVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzIxMjkzQSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAsMSwtMSwwLDE3LjM4NTI1MzkwNjI1LDAuODg1MjUzOTA2MjUpIj48bGluZSB4MT0iOC4yNSIgeTE9IjguNjYzNTc0MTg4OTQ3Njc4IiB4Mj0iMTEuODQwNzQ2NjQxMTU5MDU4IiB5Mj0iOC42NjM1NzQxODg5NDc2NzgiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlLW9wYWNpdHk9IjEiIHN0cm9rZT0iIzIxMjkzQSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwLjk0MzM1OTQzNDYwNDY0NDgiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMCwxLC0xLDAsMTkuMjI2NTYyNSwtMC45NTYwNTQ2ODc1KSI+PGxpbmUgeDE9IjEwLjA5MTMwODU5Mzc1IiB5MT0iOC42NjM1NzQxODg5NDc2NzgiIHgyPSIxMy42ODIwNTUyMzQ5MDkwNTgiIHkyPSI4LjY2MzU3NDE4ODk0NzY3OCIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2Utb3BhY2l0eT0iMSIgc3Ryb2tlPSIjMjEyOTNBIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjAuOTQzMzU5NDM0NjA0NjQ0OCIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLDEsLTEsMCwyMS4xMTQyNTc4MTI1LC0yLjg0Mzc1KSI+PGxpbmUgeDE9IjExLjk3OTAwMzkwNjI1IiB5MT0iOC42NjM1NzQxODg5NDc2NzgiIHgyPSIxNS41Njk3NTA1NDc0MDkwNTgiIHkyPSI4LjY2MzU3NDE4ODk0NzY3OCIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2Utb3BhY2l0eT0iMSIgc3Ryb2tlPSIjMjEyOTNBIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjAuOTQzMzU5NDM0NjA0NjQ0OCIvPjwvZz48L2c+PC9zdmc+);
  background-size: 18px;
}

.originalEditorTopbar-item-disabled:before {
  cursor: default;
  opacity: .4;
}

.originalEditorTopbar-item-disabled:hover {
  background-color: transparent;
}

.originalEditorTopbar-divider {
  display: inline-block;
  margin-right: 24px;
  border-right: 1px solid #b7bcc7;
  height: 12px;
  margin-bottom: 4px;
}
/* 引入 */

.originalEditorInit .textLayer.highlighting span,
.originalEditorInit .textLayer.highlighting br {
  overflow: hidden;
}

.originalEditorInit .watermarkLayer,
.originalEditorInit .annotationLayer,
.originalEditorInit .annotationEditorLayer,
.originalEditorInit .textLayer:not(.originalEditorLayer) {
  /* display: none; */
}

.originalEditorInitViewReadonly .page:before,
.originalEditorInitView .page:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 999;
}

.originalEditorInitViewReadonly .originalEditorLayerSpan,
.originalEditorInitView .originalEditorLayerSpan {
  border-color: transparent !important;
}

.originalEditorInitViewReadonly .originalEditorLayerText,
.originalEditorInitView .originalEditorLayerText {
  border-color: transparent !important;
}

.originalEditorLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 100;
}

.originalEditorLayer span,
.originalEditorLayer br {
  color: unset;
  overflow: hidden;
}

.originalEditorLayer .originalEditorLayerSpan {
  overflow: hidden;
  position: absolute;
  white-space: pre;
  transform-origin: 0% 0%;
  border: 0.5px dashed #9095a2;
  box-sizing: border-box;
  white-space: pre;
}

.originalEditorLayer .originalEditorLayerSpan span {
  position: static;
}


.originalEditorLayer .originalEditorLayerSpan.hide {
  z-index: 0;
  opacity: 0;
}

.originalEditorLayer .originalEditorLayerSpan.focus {
  border-color: transparent;
}

.originalEditorLayer .originalEditorLayerText {
  position: absolute;
  transform-origin: 0 0;
  z-index: 101;
  overflow: hidden;
  border: 0.5px dashed #9095a2;
  word-break: break-all;
  box-sizing: border-box;

  font-family: 'NotoSansSC-Regular';
  font-size: 12pt;
  white-space: pre;
}

.originalEditorLayer .originalEditorLayerText span {
  position: static;
}

.originalEditorLayer .originalEditorLayerText.hide {
  z-index: 0;
  opacity: 0;
}

.originalEditorLayer .originalEditorLayerText.focus {
  border-color: transparent;
}

.dragging .originalEditorLayer {
  z-index: 103;
}

.original-editor-add-text .page {
  cursor: text;
}

.originalEditorText {
  position: absolute;
}

.convertToolbarPanel {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: 708px;
  text-align: center;
  padding: 5px 0;
}
.convertToolbarPanel-item {
  display: inline-block;
  margin-right: 32px;
  padding: 3px 4px;
  border-radius: 4px;
}
.convertToolbarPanel-item:last-child {
  margin-right: 0;
}
.convertToolbarPanel-item:hover {
  background: #fff;
  cursor: pointer;
}
.convertToolbarPanel-item span {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  vertical-align: middle;
}

.w-ai-flotting-btn {
  position: fixed;
  bottom: 72px;
  right: 24px;
  width: 44px;
  height: 44px;
  border-radius: 24px;
  background: #fff;
  box-sizing: border-box;
  border: 0.5px solid #e3e5ec;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s;
  z-index: 100000;
}
.w-ai-flotting-btn img {
  width: 17.5px;
  height: 17.5px;
  padding-top: 13.25px;
  margin-left: 12.75px;
  vertical-align: top;
}
.w-ai-flotting-btn-txt {
  margin-left: 6.75px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #562de0;
  line-height: 44px;
  vertical-align: middle;
}
.w-ai-flotting-btn:hover {
  width: 102px;
  background: linear-gradient(
      0deg,
      rgba(33, 41, 58, 0.04),
      rgba(33, 41, 58, 0.04)
    ),
    #ffffff;
}
.w-ai-flotting-btn:active {
  width: 102px;
  background: linear-gradient(
      0deg,
      rgba(33, 41, 58, 0.08),
      rgba(33, 41, 58, 0.08)
    ),
    #ffffff;
}

.app-upload {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  color: #3D3D3D;
  line-height: 1.5;
}

.app-upload * {
  padding: 0;
  margin: 0;
  outline: none;
}

.app-upload {
  min-height: 100%;
  background: #F1F3F7;
  padding: 56px;
  box-sizing: border-box;
}

.mail-upload-drag:hover .upload-extText {
  color: unset !important;
}

.mail-upload-drag:hover .upload-extText span {
  color: unset !important;
}

.app-upload-main {
  border-radius: 8px;
  background: #FFFFFF;
  border: 0.5px solid #E3E5EC;
  box-shadow: 0px 8px 24px 0px rgba(181, 180, 203, 0.12);
  padding: 60px 127px 38px;
  width: 480px;
  margin: 0 auto;
}

.app-upload-logo {
  width: 40px;
  height: 40px;
  background: url(//mimg.127.net/freemail/preview/static/images/upload-logo7d282950788fc964cd35.svg);
  background-size: 40px;
  margin: 0 auto;
}

.app-upload-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: center;
  color: #21293A;
  padding: 8px 0 0;
}

.app-upload-subTitle {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
  color: #585E6D;
  padding: 8px 0 0;
}

.app-upload-box {
  margin: 24px auto 0;
  position: relative;
}

.app-upload-box .mail-upload-drag {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.app-upload-box .app-upload-loading span {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -10px;
}

.app-upload-box .app-upload-loading {
  position: absolute;
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  background: #fff;
  font-size: 20px;
}

.app-upload-desc {
  padding: 32px 0 0;
  text-align: left;
}

.app-upload-desc:after {
  content: '';
  display: block;
  clear: both;
}

.app-upload-descItem {
  float: left;
  text-align: center;
  margin-right: 18px;
  box-sizing: border-box;
  padding: 6px 0 6px 36px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 28px;
  position: relative;
}

.app-upload-descItem1 {
  background-image: url(//mimg.127.net/freemail/preview/static/images/upload-desc-1d9d9fb781dae2cf51872.svg);
  width: 142px;
}

.app-upload-descItem2 {
  background-image: url(//mimg.127.net/freemail/preview/static/images/upload-desc-2aee29a2ae1f37022c922.svg);
  width: 162px;
}

.app-upload-descItem3 {
  background-image: url(//mimg.127.net/freemail/preview/static/images/upload-desc-3ca513b61c171817901cc.svg);
  margin-right: 0;
  width: 134px;
}

.app-upload-descItem dt {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  text-align: left;
  color: #21293A;
}

.app-upload-descItem dd {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  text-align: left;
  color: #9095A2;
}


.app-upload-descItem:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 16px;
  background: #E3E5EC;
  margin-top: -8px;
}

.app-upload-descItem3:after {
  display: none;
}
.m-error {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
}
.m-error-warp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.m-error-warp span {
  display: inline-block;
}
.m-error-title {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.m-error-desc {
  margin-top: 4px;
  font-size: 14px;
  line-height: 22px;
  color: #585e6d;
}
.m-error-downloadBtn {
  margin-top: 24px;
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
}
.app {
  color: #21293a;
}
/* 覆盖收银台弹窗样式 */
#plus_payUmd {
  z-index: 100000;
  position: relative;
}
#app-modal {
  z-index: 100001 !important;
}
#w-global-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
  z-index: 100000 !important;
}
.mail-message-container {
  z-index: 100001 !important;
}
@media print {
  .m-header {
    display: none;
  }
  .previewPanel {
    top: 0;
    left: 0;
  }
  .togglePanel {
    top: 0;
    display: none;
  }
  .w-ai-flotting-btn {
    display: none;
  }
}