/* node_modules/pdfjs-dist/web/pdf_viewer.css */
.messageBar {
  --closing-button-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <path d="M7.85822 8.84922L4.85322 11.8542C4.75891 11.9453 4.63261 11.9957 4.50151 11.9946C4.37042 11.9934 4.24501 11.9408 4.15231 11.8481C4.0596 11.7554 4.00702 11.63 4.00588 11.4989C4.00474 11.3678 4.05514 11.2415 4.14622 11.1472L7.15122 8.14222V7.85922L4.14622 4.85322C4.05514 4.75891 4.00474 4.63261 4.00588 4.50151C4.00702 4.37042 4.0596 4.24501 4.15231 4.15231C4.24501 4.0596 4.37042 4.00702 4.50151 4.00588C4.63261 4.00474 4.75891 4.05514 4.85322 4.14622L7.85822 7.15122H8.14122L11.1462 4.14622C11.2405 4.05514 11.3668 4.00474 11.4979 4.00588C11.629 4.00702 11.7544 4.0596 11.8471 4.15231C11.9398 4.24501 11.9924 4.37042 11.9936 4.50151C11.9947 4.63261 11.9443 4.75891 11.8532 4.85322L8.84822 7.85922V8.14222L11.8532 11.1472C11.9443 11.2415 11.9947 11.3678 11.9936 11.4989C11.9924 11.63 11.9398 11.7554 11.8471 11.8481C11.7544 11.9408 11.629 11.9934 11.4979 11.9946C11.3668 11.9957 11.2405 11.9453 11.1462 11.8542L8.14122 8.84922L8.14222 8.85022L7.85822 8.84922Z" fill="black"/>%0A</svg>%0A');
  --message-bar-close-button-color:var(--text-primary-color);
  --message-bar-close-button-color-hover:var(--text-primary-color);
  --message-bar-close-button-border-radius:4px;
  --message-bar-close-button-border:none;
  --message-bar-close-button-hover-bg-color:light-dark( rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14) );
  --message-bar-close-button-active-bg-color:light-dark( rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21) );
  --message-bar-close-button-focus-bg-color:light-dark( rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07) );
  @media screen and (forced-colors: active) {
    --message-bar-close-button-color:ButtonText;
    --message-bar-close-button-border:1px solid ButtonText;
    --message-bar-close-button-hover-bg-color:ButtonText;
    --message-bar-close-button-active-bg-color:ButtonText;
    --message-bar-close-button-focus-bg-color:ButtonText;
    --message-bar-close-button-color-hover:HighlightText;
  }
  display: flex;
  position: relative;
  padding: 8px 8px 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 4px;
  border: 1px solid var(--message-bar-border-color);
  background: var(--message-bar-bg-color);
  color: var(--message-bar-fg-color);
  > div {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    &::before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      -webkit-mask-image: var(--message-bar-icon);
      mask-image: var(--message-bar-icon);
      -webkit-mask-size: cover;
      mask-size: cover;
      background-color: var(--message-bar-icon-color);
      flex-shrink: 0;
    }
  }
  button {
    cursor: pointer;
    &:focus-visible {
      outline: var(--focus-ring-outline);
      outline-offset: 2px;
    }
  }
  .closeButton {
    width: 32px;
    height: 32px;
    background: none;
    border-radius: var(--message-bar-close-button-border-radius);
    border: var(--message-bar-close-button-border);
    display: flex;
    align-items: center;
    justify-content: center;
    &::before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      -webkit-mask-image: var(--closing-button-icon);
      mask-image: var(--closing-button-icon);
      -webkit-mask-size: cover;
      mask-size: cover;
      background-color: var(--message-bar-close-button-color);
    }
    &:is(:hover, :active, :focus)::before {
      background-color: var(--message-bar-close-button-color-hover);
    }
    &:hover {
      background-color: var(--message-bar-close-button-hover-bg-color);
    }
    &:active {
      background-color: var(--message-bar-close-button-active-bg-color);
    }
    &:focus {
      background-color: var(--message-bar-close-button-focus-bg-color);
    }
    > span {
      display: inline-block;
      width: 0;
      height: 0;
      overflow: hidden;
    }
  }
}
#editorUndoBar {
  --text-primary-color:light-dark(#15141a, #fbfbfe);
  --message-bar-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A <path d="M7.625 0.5C6.64009 0.5 5.66482 0.693993 4.75487 1.0709C3.84493 1.44781 3.01814 2.00026 2.3217 2.6967C1.62526 3.39314 1.07281 4.21993 0.695904 5.12987C0.318993 6.03982 0.125 7.01509 0.125 8C0.125 8.98491 0.318993 9.96018 0.695904 10.8701C1.07281 11.7801 1.62526 12.6069 2.3217 13.3033C3.01814 13.9997 3.84493 14.5522 4.75487 14.9291C5.66482 15.306 6.64009 15.5 7.625 15.5C9.61412 15.5 11.5218 14.7098 12.9283 13.3033C14.3348 11.8968 15.125 9.98912 15.125 8C15.125 6.01088 14.3348 4.10322 12.9283 2.6967C11.5218 1.29018 9.61412 0.5 7.625 0.5ZM8.25 11.375C8.25 11.5408 8.18415 11.6997 8.06694 11.8169C7.94973 11.9342 7.79076 12 7.625 12C7.45924 12 7.30027 11.9342 7.18306 11.8169C7.06585 11.6997 7 11.5408 7 11.375V6.938C7 6.77224 7.06585 6.61327 7.18306 6.49606C7.30027 6.37885 7.45924 6.313 7.625 6.313C7.79076 6.313 7.94973 6.37885 8.06694 6.49606C8.18415 6.61327 8.25 6.77224 8.25 6.938V11.375ZM8.25 5L8 5.25H7.25L7 5V4.25L7.25 4H8L8.25 4.25V5Z" fill="black" />%0A</svg>%0A');
  --message-bar-icon-color:light-dark(#0060df, #73a7f3);
  --message-bar-bg-color:light-dark(#deeafc, #003070);
  --message-bar-fg-color:var(--text-primary-color);
  --message-bar-border-color:light-dark( rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08) );
  --undo-button-bg-color:light-dark( rgb(21 20 26 / 0.07), rgb(255 255 255 / 0.08) );
  --undo-button-bg-color-hover:light-dark( rgb(21 20 26 / 0.14), rgb(255 255 255 / 0.14) );
  --undo-button-bg-color-active:light-dark( rgb(21 20 26 / 0.21), rgb(255 255 255 / 0.21) );
  --undo-button-border:1px solid light-dark(#0060df, #0df);
  --undo-button-fg-color:var(--message-bar-fg-color);
  --undo-button-fg-color-hover:var(--undo-button-fg-color);
  --undo-button-fg-color-active:var(--undo-button-fg-color);
  @media screen and (forced-colors: active) {
    --text-primary-color:CanvasText;
    --message-bar-icon-color:CanvasText;
    --message-bar-bg-color:Canvas;
    --message-bar-border-color:CanvasText;
    --undo-button-bg-color:ButtonText;
    --undo-button-bg-color-hover:SelectedItem;
    --undo-button-bg-color-active:SelectedItem;
    --undo-button-fg-color:ButtonFace;
    --undo-button-fg-color-hover:SelectedItemText;
    --undo-button-fg-color-active:SelectedItemText;
    --undo-button-border:none;
  }
  position: fixed;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  padding-block: 8px;
  padding-inline: 16px 8px;
  font: menu;
  font-size: 15px;
  cursor: default;
  button {
    cursor: pointer;
  }
  #editorUndoBarUndoButton {
    border-radius: 4px;
    font-weight: 590;
    line-height: 19.5px;
    color: var(--undo-button-fg-color);
    border: var(--undo-button-border);
    padding: 4px 16px;
    margin-inline-start: 8px;
    height: 32px;
    background-color: var(--undo-button-bg-color);
    &:hover {
      background-color: var(--undo-button-bg-color-hover);
      color: var(--undo-button-fg-color-hover);
    }
    &:active {
      background-color: var(--undo-button-bg-color-active);
      color: var(--undo-button-fg-color-active);
    }
  }
  > div {
    align-items: center;
  }
}
.dialog {
  --dialog-bg-color:light-dark(white, #1c1b22);
  --dialog-border-color:light-dark(white, #1c1b22);
  --dialog-shadow:0 2px 14px 0 light-dark(rgb(58 57 68 / 0.2), #15141a);
  --text-primary-color:light-dark(#15141a, #fbfbfe);
  --text-secondary-color:light-dark(#5b5b66, #cfcfd8);
  --hover-filter:brightness(0.9);
  --link-fg-color:light-dark(#0060df, #0df);
  --link-hover-fg-color:light-dark(#0250bb, #80ebff);
  --separator-color:light-dark(#f0f0f4, #52525e);
  --textarea-border-color:#8f8f9d;
  --textarea-bg-color:light-dark(white, #42414d);
  --textarea-fg-color:var(--text-secondary-color);
  --radio-bg-color:light-dark(#f0f0f4, #2b2a33);
  --radio-checked-bg-color:light-dark(#fbfbfe, #15141a);
  --radio-border-color:#8f8f9d;
  --radio-checked-border-color:light-dark(#0060df, #0df);
  --button-secondary-bg-color:light-dark( rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07) );
  --button-secondary-fg-color:var(--text-primary-color);
  --button-secondary-border-color:var(--button-secondary-bg-color);
  --button-secondary-active-bg-color:light-dark( rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21) );
  --button-secondary-active-fg-color:var(--button-secondary-fg-color);
  --button-secondary-active-border-color:var(--button-secondary-bg-color);
  --button-secondary-hover-bg-color:light-dark( rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14) );
  --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
  --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
  --button-secondary-disabled-bg-color:var(--button-secondary-bg-color);
  --button-secondary-disabled-border-color:var( --button-secondary-border-color );
  --button-secondary-disabled-fg-color:var(--button-secondary-fg-color);
  --button-primary-bg-color:light-dark(#0060df, #0df);
  --button-primary-fg-color:light-dark(#fbfbfe, #15141a);
  --button-primary-border-color:var(--button-primary-bg-color);
  --button-primary-active-bg-color:light-dark(#054096, #aaf2ff);
  --button-primary-active-fg-color:var(--button-primary-fg-color);
  --button-primary-active-border-color:var(--button-primary-active-bg-color);
  --button-primary-hover-bg-color:light-dark(#0250bb, #80ebff);
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
  --button-primary-hover-border-color:var(--button-primary-hover-bg-color);
  --button-primary-disabled-bg-color:var(--button-primary-bg-color);
  --button-primary-disabled-border-color:var(--button-primary-border-color);
  --button-primary-disabled-fg-color:var(--button-primary-fg-color);
  --button-disabled-opacity:0.4;
  --input-text-bg-color:light-dark(white, #42414d);
  --input-text-fg-color:var(--text-primary-color);
  @media (prefers-color-scheme: dark) {
    --hover-filter:brightness(1.4);
    --button-disabled-opacity:0.6;
  }
  @media screen and (forced-colors: active) {
    --dialog-bg-color:Canvas;
    --dialog-border-color:CanvasText;
    --dialog-shadow:none;
    --text-primary-color:CanvasText;
    --text-secondary-color:CanvasText;
    --hover-filter:none;
    --link-fg-color:LinkText;
    --link-hover-fg-color:LinkText;
    --separator-color:CanvasText;
    --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-active-bg-color:HighlightText;
    --button-secondary-active-fg-color:SelectedItem;
    --button-secondary-active-border-color:ButtonText;
    --button-secondary-hover-bg-color:HighlightText;
    --button-secondary-hover-fg-color:SelectedItem;
    --button-secondary-hover-border-color:SelectedItem;
    --button-secondary-disabled-fg-color:GrayText;
    --button-secondary-disabled-border-color:GrayText;
    --button-primary-bg-color:ButtonText;
    --button-primary-fg-color:ButtonFace;
    --button-primary-border-color:ButtonText;
    --button-primary-active-bg-color:SelectedItem;
    --button-primary-active-fg-color:HighlightText;
    --button-primary-active-border-color:ButtonText;
    --button-primary-hover-bg-color:SelectedItem;
    --button-primary-hover-fg-color:HighlightText;
    --button-primary-hover-border-color:SelectedItem;
    --button-primary-disabled-bg-color:GrayText;
    --button-primary-disabled-fg-color:ButtonFace;
    --button-primary-disabled-border-color:GrayText;
    --button-disabled-opacity:1;
    --input-text-bg-color:Field;
    --input-text-fg-color:FieldText;
  }
  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);
  .mainContainer {
    *:focus-visible {
      outline: var(--focus-ring-outline);
      outline-offset: 2px;
    }
    .title {
      display: flex;
      width: auto;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 12px;
      > span {
        font-size: 13px;
        font-style: normal;
        font-weight: 590;
        line-height: 150%;
      }
    }
    .dialogSeparator {
      width: 100%;
      height: 0;
      margin-block: 4px;
      border-top: 1px solid var(--separator-color);
      border-bottom: none;
    }
    .dialogButtonsGroup {
      display: flex;
      gap: 12px;
      align-self: flex-end;
    }
    .radio {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      > .radioButton {
        display: flex;
        gap: 8px;
        align-self: stretch;
        align-items: center;
        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);
          &:hover {
            filter: var(--hover-filter);
          }
          &:checked {
            background-color: var(--radio-checked-bg-color);
            border: 4px solid var(--radio-checked-border-color);
          }
        }
      }
      > .radioLabel {
        display: flex;
        padding-inline-start: 24px;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
        > span {
          flex: 1 0 0;
          font-size: 11px;
          color: var(--text-secondary-color);
        }
      }
    }
    button:not(:is(.toggle-button, .closeButton, .clearInputButton)) {
      border-radius: 4px;
      border: 1px solid;
      font: menu;
      font-weight: 590;
      font-size: 13px;
      padding: 4px 16px;
      width: auto;
      height: 32px;
      &:hover {
        cursor: pointer;
        filter: var(--hover-filter);
      }
      > span {
        color: inherit;
        font: inherit;
      }
      &.secondaryButton {
        color: var(--button-secondary-fg-color);
        background-color: var(--button-secondary-bg-color);
        border-color: var(--button-secondary-border-color);
        &:hover {
          color: var(--button-secondary-hover-fg-color);
          background-color: var(--button-secondary-hover-bg-color);
          border-color: var(--button-secondary-hover-border-color);
        }
        &:active {
          color: var(--button-secondary-active-fg-color);
          background-color: var(--button-secondary-active-bg-color);
          border-color: var(--button-secondary-active-border-color);
        }
        &:disabled {
          background-color: var(--button-secondary-disabled-bg-color);
          border-color: var(--button-secondary-disabled-border-color);
          color: var(--button-secondary-disabled-fg-color);
          opacity: var(--button-disabled-opacity);
        }
      }
      &.primaryButton {
        color: var(--button-primary-fg-color);
        background-color: var(--button-primary-bg-color);
        border-color: var(--button-primary-border-color);
        opacity: 1;
        &:hover {
          color: var(--button-primary-hover-fg-color);
          background-color: var(--button-primary-hover-bg-color);
          border-color: var(--button-primary-hover-border-color);
        }
        &:active {
          color: var(--button-primary-active-fg-color);
          background-color: var(--button-primary-active-bg-color);
          border-color: var(--button-primary-active-border-color);
        }
        &:disabled {
          background-color: var(--button-primary-disabled-bg-color);
          border-color: var(--button-primary-disabled-border-color);
          color: var(--button-primary-disabled-fg-color);
          opacity: var(--button-disabled-opacity);
        }
      }
      &:disabled {
        pointer-events: none;
      }
    }
    a {
      color: var(--link-fg-color);
      &:hover {
        color: var(--link-hover-fg-color);
      }
    }
    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);
      &:focus {
        outline-offset: 0;
        border-color: transparent;
      }
      &:disabled {
        pointer-events: none;
        opacity: 0.4;
      }
    }
    input[type=text] {
      background-color: var(--input-text-bg-color);
      color: var(--input-text-fg-color);
    }
    .messageBar {
      --message-bar-bg-color:light-dark(#ffebcd, #5a3100);
      --message-bar-fg-color:light-dark(#15141a, #fbfbfe);
      --message-bar-border-color:light-dark( rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08) );
      --message-bar-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <path d="M14.8748 12.037L9.37782 2.037C8.99682 1.346 8.31082 1 7.62482 1C6.93882 1 6.25282 1.346 5.87282 2.037L0.375823 12.037C-0.358177 13.37 0.606823 15 2.12782 15H13.1228C14.6428 15 15.6078 13.37 14.8748 12.037ZM8.24982 11.75L7.99982 12H7.24982L6.99982 11.75V11L7.24982 10.75H7.99982L8.24982 11V11.75ZM8.24982 9.062C8.24982 9.22776 8.18398 9.38673 8.06677 9.50394C7.94955 9.62115 7.79058 9.687 7.62482 9.687C7.45906 9.687 7.30009 9.62115 7.18288 9.50394C7.06567 9.38673 6.99982 9.22776 6.99982 9.062V5.625C6.99982 5.45924 7.06567 5.30027 7.18288 5.18306C7.30009 5.06585 7.45906 5 7.62482 5C7.79058 5 7.94955 5.06585 8.06677 5.18306C8.18398 5.30027 8.24982 5.45924 8.24982 5.625V9.062Z" fill="black"/>%0A</svg>%0A');
      --message-bar-icon-color:light-dark(#cd411e, #e49c49);
      @media screen and (forced-colors: active) {
        --message-bar-bg-color:HighlightText;
        --message-bar-fg-color:CanvasText;
        --message-bar-border-color:CanvasText;
        --message-bar-icon-color:CanvasText;
      }
      align-self: stretch;
      > div {
        &::before,
        > div {
          margin-block: 4px;
        }
        > div {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 8px;
          flex: 1 0 0;
          .title {
            font-size: 13px;
            font-weight: 590;
          }
          .description {
            font-size: 13px;
          }
        }
      }
    }
    .toggler {
      display: flex;
      align-items: center;
      gap: 8px;
      align-self: stretch;
      > .togglerLabel {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }
    }
  }
}
.textLayer {
  color-scheme: only light;
  position: absolute;
  text-align: initial;
  inset: 0;
  overflow: clip;
  opacity: 1;
  line-height: 1;
  letter-spacing: normal;
  word-spacing: normal;
  -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;
  &.highlighting {
    touch-action: none;
  }
  :is(span, br) {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0% 0%;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
  }
  --min-font-size:1;
  --text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));
  --min-font-size-inv:calc(1 / var(--min-font-size));
  > :not(.markedContent),
  .markedContent span:not(.markedContent) {
    z-index: 1;
    --font-height:0;
    font-size: calc(var(--text-scale-factor) * var(--font-height));
    --scale-x:1;
    --rotate:0deg;
    transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));
  }
  .markedContent {
    display: contents;
  }
  span[role=img] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
  }
  .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;
    @media screen and (forced-colors: active) {
      --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 );
    }
    margin: -1px;
    padding: 1px;
    background-color: var(--highlight-bg-color);
    backdrop-filter: var(--highlight-backdrop-filter);
    border-radius: 4px;
    &.appended {
      position: initial;
    }
    &.begin {
      border-radius: 4px 0 0 4px;
    }
    &.end {
      border-radius: 0 4px 4px 0;
    }
    &.middle {
      border-radius: 0;
    }
    &.selected {
      background-color: var(--highlight-selected-bg-color);
      backdrop-filter: var(--highlight-selected-backdrop-filter);
      scroll-margin-top: 50px;
    }
  }
  ::-moz-selection {
    background: rgba(0 0 255 / 0.25);
    background: color-mix(in srgb, AccentColor, transparent 50%);
    color: transparent;
  }
  ::selection {
    background: rgba(0 0 255 / 0.25);
    background: color-mix(in srgb, AccentColor, transparent 50%);
    color: transparent;
  }
  &.selectionRendering {
    ::-moz-selection {
      background: transparent;
      color: transparent;
    }
    ::selection {
      background: transparent;
      color: transparent;
    }
  }
  br::-moz-selection {
    background: transparent;
  }
  br::selection {
    background: transparent;
  }
  .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;
  }
  &.selecting .endOfContent {
    top: 0;
  }
}
.textLayerImages {
  position: absolute;
  inset: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  canvas {
    position: absolute;
    transform-origin: 0% 0%;
  }
}
.annotationLayer {
  color-scheme: only light;
  --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>");
  --annotation-unfocused-field-filter:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='pdfjsFillableField' x='0%' y='0%' width='100%' height='100%' color-interpolation-filters='sRGB'><feFlood flood-color='rgb(0,54,255)' flood-opacity='0.13' result='f'/><feComposite in='f' in2='SourceGraphic' operator='over'/></filter></svg>#pdfjsFillableField");
  --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;
  @media screen and (forced-colors: active) {
    --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;
    .textWidgetAnnotation :is(input, textarea):required,
    .choiceWidgetAnnotation select:required,
    .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
      outline: 1.5px solid selectedItem;
    }
    .linkAnnotation {
      outline: var(--link-outline);
      &:hover {
        backdrop-filter: var(--hcm-highlight-filter);
      }
      & > a:hover {
        opacity: 0 !important;
        background: none !important;
        box-shadow: none;
      }
    }
    .popupAnnotation .popup {
      outline: calc(1.5px * var(--total-scale-factor)) solid CanvasText !important;
      background-color: ButtonFace !important;
      color: ButtonText !important;
    }
    .highlightArea:hover::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      backdrop-filter: var(--hcm-highlight-filter);
      content: "";
      pointer-events: none;
    }
    .popupAnnotation.focused .popup {
      outline: calc(3px * var(--total-scale-factor)) solid Highlight !important;
    }
  }
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  &[data-main-rotation="90"] .norotate {
    transform: rotate(270deg) translateX(-100%);
  }
  &[data-main-rotation="180"] .norotate {
    transform: rotate(180deg) translate(-100%, -100%);
  }
  &[data-main-rotation="270"] .norotate {
    transform: rotate(90deg) translateY(-100%);
  }
  &.disabled {
    section,
    .popup {
      pointer-events: none;
    }
  }
  .annotationContent {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    &.freetext {
      background: transparent;
      border: none;
      inset: 0;
      overflow: visible;
      white-space: nowrap;
      font: 10px sans-serif;
      line-height: 1.35;
    }
  }
  section {
    position: absolute;
    text-align: initial;
    pointer-events: auto;
    box-sizing: border-box;
    transform-origin: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    &:has(div.annotationContent) {
      canvas.annotationContent {
        display: none;
      }
    }
    .overlaidText {
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      display: inline-block;
      overflow: hidden;
    }
  }
  .hasOwnCanvas:not(.sandboxModified) :is(input, textarea) {
    display: none;
  }
  .hasOwnCanvas.sandboxModified canvas.annotationContent {
    display: none;
  }
  .textLayer.selecting ~ & section {
    pointer-events: none;
  }
  :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover {
    opacity: 0.2;
    background-color: rgb(255 255 0);
  }
  .linkAnnotation.hasBorder:hover {
    background-color: rgb(255 255 0 / 0.2);
  }
  .hasBorder {
    background-size: 100% 100%;
  }
  .textAnnotation img {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .textWidgetAnnotation :is(input, textarea),
  .choiceWidgetAnnotation select,
  .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(--total-scale-factor)) sans-serif;
    height: 100%;
    margin: 0;
    vertical-align: top;
    width: 100%;
  }
  .textWidgetAnnotation :is(input, textarea):required,
  .choiceWidgetAnnotation select:required,
  .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid red;
  }
  .choiceWidgetAnnotation select option {
    padding: 0;
  }
  .textWidgetAnnotation textarea {
    resize: none;
  }
  .textWidgetAnnotation :is(input, textarea)[disabled],
  .choiceWidgetAnnotation select[disabled],
  .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
    background: none;
    border: 2px solid var(--input-disabled-border-color);
    cursor: not-allowed;
  }
  .textWidgetAnnotation :is(input, textarea):hover,
  .choiceWidgetAnnotation select:hover,
  .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
    border: 2px solid var(--input-hover-border-color);
  }
  .textWidgetAnnotation :is(input, textarea):hover,
  .choiceWidgetAnnotation select:hover,
  .buttonWidgetAnnotation.checkBox input:hover {
    border-radius: 2px;
  }
  .textWidgetAnnotation :is(input, textarea):focus,
  .choiceWidgetAnnotation select:focus {
    background: none;
    border: 2px solid var(--input-focus-border-color);
    border-radius: 2px;
    outline: var(--input-focus-outline);
  }
  .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
    background-image: none;
    background-color: transparent;
  }
  .buttonWidgetAnnotation.checkBox :focus {
    border: 2px solid var(--input-focus-border-color);
    border-radius: 2px;
    outline: var(--input-focus-outline);
  }
  .buttonWidgetAnnotation.radioButton :focus {
    border: 2px solid var(--input-focus-border-color);
    outline: var(--input-focus-outline);
  }
  .buttonWidgetAnnotation:is(.checkBox, .radioButton) {
    [data-canvas-name] {
      filter: var(--annotation-unfocused-field-filter);
    }
    &:focus-within [data-canvas-name] {
      filter: none;
    }
    [data-canvas-name=checked] {
      &:has(~ input:checked) {
        display: block;
      }
      &:has(~ input:not(:checked)) {
        display: none;
      }
    }
    [data-canvas-name=unchecked] {
      &:has(~ input:checked) {
        display: none;
      }
      &:has(~ input:not(:checked)) {
        display: block;
      }
    }
  }
  .textWidgetAnnotation input.comb {
    --comb-width:0px;
    --comb-letter-spacing:calc(var(--comb-width) - 1ch);
    font-family: monospace;
    letter-spacing: var(--comb-letter-spacing);
    overflow-x: hidden;
    padding: 0;
    text-indent: calc(var(--comb-offset, 0) * var(--comb-width) + var(--comb-letter-spacing) / 2);
  }
  .textWidgetAnnotation input.comb:focus {
    background-image:
      repeating-linear-gradient(
        to right,
        transparent 0 calc(var(--comb-width) - 1px),
        var(--input-focus-border-color) calc(var(--comb-width) - 1px) var(--comb-width));
  }
  .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .buttonWidgetAnnotation:is(.checkBox, .radioButton):has([data-canvas-name=checked]) input:checked,
  .buttonWidgetAnnotation:is(.checkBox, .radioButton):has([data-canvas-name=unchecked]) input:not(:checked) {
    background-image: none;
  }
  .fileAttachmentAnnotation .popupTriggerArea {
    height: 100%;
    width: 100%;
  }
  .mediaAnnotation {
    pointer-events: auto;
    .mediaContent {
      width: 100%;
    }
    video.mediaContent {
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
    }
    audio.mediaContent {
      position: absolute;
      bottom: 0;
    }
    .mediaPlayButton {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      border: none;
      cursor: pointer;
      background-color: transparent;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='rgba(0,0,0,0.55)'/%3E%3Cpath d='M40 32 L70 50 L40 68 Z' fill='white'/%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;
      background-size: calc(48px * var(--total-scale-factor));
      &:hover {
        background-color: rgba(255 255 255 / 0.1);
      }
    }
  }
  .popupAnnotation {
    position: absolute;
    font-size: calc(9px * var(--total-scale-factor));
    pointer-events: none;
    width: -moz-max-content;
    width: max-content;
    max-width: 45%;
    height: auto;
  }
  .popup {
    background-color: rgb(255 255 153);
    color: black;
    box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) rgb(136 136 136);
    border-radius: calc(2px * var(--total-scale-factor));
    outline: 1.5px solid rgb(255 255 74);
    padding: calc(6px * var(--total-scale-factor));
    cursor: pointer;
    font: message-box;
    white-space: normal;
    word-wrap: break-word;
    pointer-events: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
  }
  .popupAnnotation.focused .popup {
    outline-width: 3px;
  }
  .popup * {
    font-size: calc(9px * var(--total-scale-factor));
  }
  .popup > .header {
    display: inline-block;
  }
  .popup > .header > .title {
    display: inline;
    font-weight: bold;
  }
  .popup > .header .popupDate {
    display: inline-block;
    margin-left: calc(5px * var(--total-scale-factor));
    width: -moz-fit-content;
    width: fit-content;
  }
  .popupContent {
    border-top: 1px solid rgb(51 51 51);
    margin-top: calc(2px * var(--total-scale-factor));
    padding-top: calc(2px * var(--total-scale-factor));
  }
  .richText > * {
    white-space: pre-wrap;
    font-size: calc(9px * var(--total-scale-factor));
  }
  .popupTriggerArea {
    cursor: pointer;
    &:hover {
      backdrop-filter: var(--hcm-highlight-filter);
    }
  }
  section svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .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;
    span {
      width: 100%;
      display: inline-block;
    }
  }
  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 {
  color-scheme: only light;
  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 {
  svg {
    transform: none;
    &.moving {
      z-index: 100000;
    }
    &.highlight,
    &.highlightOutline {
      &[data-main-rotation="90"] {
        mask,
        use:not(.clip, .mask) {
          transform:
            matrix(
              0, 1,
              -1, 0,
              1, 0);
        }
      }
      &[data-main-rotation="180"] {
        mask,
        use:not(.clip, .mask) {
          transform:
            matrix(
              -1, 0,
              0, -1,
              1, 1);
        }
      }
      &[data-main-rotation="270"] {
        mask,
        use:not(.clip, .mask) {
          transform:
            matrix(
              0, -1,
              1, 0,
              0, 1);
        }
      }
    }
    &.draw {
      position: absolute;
      mix-blend-mode: normal;
      &[data-draw-rotation="90"] {
        transform: rotate(90deg);
      }
      &[data-draw-rotation="180"] {
        transform: rotate(180deg);
      }
      &[data-draw-rotation="270"] {
        transform: rotate(270deg);
      }
    }
    &.highlight {
      --blend-mode:multiply;
      @media screen and (forced-colors: active) {
        --blend-mode:difference;
      }
      position: absolute;
      mix-blend-mode: var(--blend-mode);
      &:not(.free) {
        fill-rule: evenodd;
      }
    }
    &.highlightOutline {
      position: absolute;
      mix-blend-mode: normal;
      fill-rule: evenodd;
      fill: none;
      &:not(.free) {
        &.hovered:not(.selected) {
          stroke: var(--hover-outline-color);
          stroke-width: var(--outline-width);
        }
        &.selected {
          .mainOutline {
            stroke: var(--outline-around-color);
            stroke-width: calc(var(--outline-width) + 2 * var(--outline-around-width));
          }
          .secondaryOutline {
            stroke: var(--outline-color);
            stroke-width: var(--outline-width);
          }
        }
      }
      &.free {
        &.hovered:not(.selected) {
          stroke: var(--hover-outline-color);
          stroke-width: calc(2 * var(--outline-width));
        }
        &.selected {
          .mainOutline {
            stroke: var(--outline-around-color);
            stroke-width: calc(2 * (var(--outline-width) + var(--outline-around-width)));
          }
          .secondaryOutline {
            stroke: var(--outline-color);
            stroke-width: calc(2 * var(--outline-width));
          }
        }
      }
    }
  }
}
.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:light-dark(#0060df, #0df);
  --color-accent-primary-hover:light-dark(#0250bb, #80ebff);
  --color-accent-primary-active:light-dark(#054096, #aaf2ff);
  --border-radius-circle:9999px;
  --border-width:1px;
  --size-item-small:16px;
  --size-item-large:32px;
  --color-canvas:light-dark(white, #1c1b22);
  --background-color-canvas:var(--color-canvas);
  --border-color-interactive:light-dark(#8f8f9d, #f9f9fa);
  --border-color-interactive-hover:var(--border-color-interactive);
  --border-color-interactive-active:var(--border-color-interactive);
  --focus-outline-offset:2px;
  @media (forced-colors: active) {
    --color-accent-primary:ButtonText;
    --color-accent-primary-hover:SelectedItem;
    --color-accent-primary-active:SelectedItem;
    --button-background-color:ButtonFace;
    --border-color-interactive:ButtonText;
    --border-color-interactive-hover:SelectedItem;
    --border-color-interactive-active:ButtonText;
    --color-canvas:ButtonText;
    --background-color-canvas:Canvas;
  }
}
.toggle-button {
  --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-color-interactive);
  --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(--background-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) );
  --input-width:var(--toggle-width);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 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-color: var(--toggle-background-color);
  box-sizing: border-box;
  &:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
  }
  &:enabled:hover {
    background-color: var(--toggle-background-color-hover);
    border-color: var(--toggle-border-color);
  }
  &:enabled:hover:active {
    background-color: var(--toggle-background-color-active);
    border-color: var(--toggle-border-color);
  }
  &::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] {
  background-color: var(--toggle-background-color-pressed);
  border-color: transparent;
  &:enabled:hover {
    background-color: var(--toggle-background-color-pressed-hover);
    border-color: transparent;
  }
  &:enabled:hover:active {
    background-color: var(--toggle-background-color-pressed-active);
    border-color: transparent;
  }
  &::before {
    translate: var(--toggle-dot-transform-x);
    background-color: var(--toggle-dot-background-color-on-pressed);
  }
  &:enabled:hover::before,
  &:enabled:hover:active::before {
    background-color: var(--toggle-dot-background-color-on-pressed);
  }
  &:-moz-locale-dir(rtl)::before,
  &:dir(rtl)::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:hover:active {
    border-color: var(--toggle-border-color-active);
  }
  .toggle-button[aria-pressed=true]:enabled {
    border-color: var(--toggle-border-color);
    position: relative;
    &:hover {
      border-color: var(--toggle-border-color-hover);
      &:active {
        background-color: var(--toggle-dot-background-color-active);
        border-color: var(--toggle-dot-background-color-hover);
      }
    }
  }
  .toggle-button:enabled:hover::before,
  .toggle-button:enabled:hover: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-border-color-hover:var(--border-color-interactive-hover);
    --toggle-border-color-active:var(--border-color-interactive-active);
  }
  .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:hover:active::after {
    border-color: var(--toggle-border-color-active);
  }
}
:root {
  --clear-signature-button-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <path fill-rule="evenodd" clip-rule="evenodd"%0A        d="M11 3H13.6C14 3 14.3 3.3 14.3 3.6C14.3 3.9 14 4.2 13.7 4.2H13.3V14C13.3 15.1 12.4 16 11.3 16H4.80005C3.70005 16 2.80005 15.1 2.80005 14V4.2H2.40005C2.00005 4.2 1.80005 4 1.80005 3.6C1.80005 3.2 2.00005 3 2.40005 3H5.00005V2C5.00005 0.9 5.90005 0 7.00005 0H9.00005C10.1 0 11 0.9 11 2V3ZM6.90005 1.2L6.30005 1.8V3H9.80005V1.8L9.20005 1.2H6.90005ZM11.4 14.7L12 14.1V4.2H4.00005V14.1L4.60005 14.7H11.4ZM7.00005 12.4C7.00005 12.7 6.70005 13 6.40005 13C6.10005 13 5.80005 12.7 5.80005 12.4V7.6C5.70005 7.3 6.00005 7 6.40005 7C6.80005 7 7.00005 7.3 7.00005 7.6V12.4ZM10.2001 12.4C10.2001 12.7 9.90006 13 9.60006 13C9.30006 13 9.00006 12.7 9.00006 12.4V7.6C9.00006 7.3 9.30006 7 9.60006 7C9.90006 7 10.2001 7.3 10.2001 7.6V12.4Z"%0A        fill="black" />%0A</svg>');
  --signature-bg:light-dark(#f9f9fb, #2b2a33);
  --signature-hover-bg:light-dark(#f0f0f4, var(--signature-bg));
  --button-signature-bg:transparent;
  --button-signature-color:var(--main-color);
  --button-signature-active-bg:light-dark(#cfcfd8, #5b5b66);
  --button-signature-active-border:none;
  --button-signature-active-color:var(--button-signature-color);
  --button-signature-border:none;
  --button-signature-hover-bg:light-dark(#e0e0e6, #52525e);
  --button-signature-hover-color:var(--button-signature-color);
  @media screen and (forced-colors: active) {
    --signature-bg:HighlightText;
    --signature-hover-bg:var(--signature-bg);
    --button-signature-bg:HighlightText;
    --button-signature-color:ButtonText;
    --button-signature-active-bg:ButtonText;
    --button-signature-active-color:HighlightText;
    --button-signature-border:1px solid ButtonText;
    --button-signature-hover-bg:Highlight;
    --button-signature-hover-color:HighlightText;
  }
}
.signatureDialog {
  --primary-color:var(--text-primary-color);
  --border-color:#8f8f9d;
  --open-link-fg:var(--link-fg-color);
  --open-link-hover-fg:var(--link-hover-fg-color);
  @media screen and (forced-colors: active) {
    --primary-color:ButtonText;
    --border-color:ButtonText;
    --open-link-fg:ButtonText;
    --open-link-hover-fg:ButtonText;
  }
  width: 570px;
  max-width: 100%;
  min-width: 300px;
  padding: 16px 0;
  .mainContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    span:not([role=sectionhead]) {
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
    .title {
      margin-inline-start: 16px;
    }
  }
  .inputWithClearButton {
    --button-dimension:24px;
    --clear-button-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <path d="M7.85822 8.84922L4.85322 11.8542C4.75891 11.9453 4.63261 11.9957 4.50151 11.9946C4.37042 11.9934 4.24501 11.9408 4.15231 11.8481C4.0596 11.7554 4.00702 11.63 4.00588 11.4989C4.00474 11.3678 4.05514 11.2415 4.14622 11.1472L7.15122 8.14222V7.85922L4.14622 4.85322C4.05514 4.75891 4.00474 4.63261 4.00588 4.50151C4.00702 4.37042 4.0596 4.24501 4.15231 4.15231C4.24501 4.0596 4.37042 4.00702 4.50151 4.00588C4.63261 4.00474 4.75891 4.05514 4.85322 4.14622L7.85822 7.15122H8.14122L11.1462 4.14622C11.2405 4.05514 11.3668 4.00474 11.4979 4.00588C11.629 4.00702 11.7544 4.0596 11.8471 4.15231C11.9398 4.24501 11.9924 4.37042 11.9936 4.50151C11.9947 4.63261 11.9443 4.75891 11.8532 4.85322L8.84822 7.85922V8.14222L11.8532 11.1472C11.9443 11.2415 11.9947 11.3678 11.9936 11.4989C11.9924 11.63 11.9398 11.7554 11.8471 11.8481C11.7544 11.9408 11.629 11.9934 11.4979 11.9946C11.3668 11.9957 11.2405 11.9453 11.1462 11.8542L8.14122 8.84922L8.14222 8.85022L7.85822 8.84922Z" fill="black"/>%0A</svg>%0A');
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    > input {
      width: 100%;
      height: 32px;
      padding-inline: 8px calc(4px + var(--button-dimension));
      box-sizing: border-box;
      border-radius: 4px;
      border: 1px solid var(--border-color);
    }
    .clearInputButton {
      position: absolute;
      inset-block-start: 4px;
      inset-inline-end: 4px;
      display: inline-block;
      width: var(--button-dimension);
      height: var(--button-dimension);
      background-color: var(--input-text-fg-color);
      -webkit-mask-size: cover;
      mask-size: cover;
      -webkit-mask-image: var(--clear-button-icon);
      mask-image: var(--clear-button-icon);
      padding: 0;
      border: 0;
    }
  }
}
#addSignatureDialog {
  --secondary-color:var(--text-secondary-color);
  --bg-hover:#e0e0e6;
  --tab-top-line-active-color:#0060df;
  --tab-top-line-active-hover-color:var(--tab-text-hover-color);
  --tab-top-line-hover-color:#8f8f9d;
  --tab-top-line-inactive-color:#cfcfd8;
  --tab-bottom-line-active-color:var(--tab-top-line-inactive-color);
  --tab-bottom-line-hover-color:var(--tab-top-line-inactive-color);
  --tab-bottom-line-inactive-color:var(--tab-top-line-inactive-color);
  --tab-bg:var(--dialog-bg-color);
  --tab-bg-active-color:var(--tab-bg);
  --tab-bg-active-hover-color:var(--bg-hover);
  --tab-bg-hover:var(--bg-hover);
  --tab-panel-border:none;
  --tab-panel-border-radius:4px;
  --tab-text-color:var(--primary-color);
  --tab-text-active-color:var(--tab-top-line-active-color);
  --tab-text-active-hover-color:var(--tab-text-hover-color);
  --tab-text-hover-color:var(--tab-text-color);
  --signature-placeholder-color:var(--secondary-color);
  --signature-draw-placeholder-color:var(--primary-color);
  --signature-color:var(--primary-color);
  --clear-signature-button-border-width:0;
  --clear-signature-button-border-style:solid;
  --clear-signature-button-border-color:transparent;
  --clear-signature-button-border-disabled-color:transparent;
  --clear-signature-button-color:var(--primary-color);
  --clear-signature-button-hover-color:var(--clear-signature-button-color);
  --clear-signature-button-active-color:var(--clear-signature-button-color);
  --clear-signature-button-disabled-color:var(--clear-signature-button-color);
  --clear-signature-button-focus-color:var(--clear-signature-button-color);
  --clear-signature-button-bg:var(--dialog-bg-color);
  --clear-signature-button-bg-hover:var(--bg-hover);
  --clear-signature-button-bg-active:#cfcfd8;
  --clear-signature-button-bg-focus:#f0f0f4;
  --clear-signature-button-bg-disabled:color-mix( in srgb, #f0f0f4, transparent 40% );
  --save-warning-color:var(--secondary-color);
  --thickness-bg:var(--dialog-bg-color);
  --thickness-label-color:var(--primary-color);
  --thickness-slider-color:var(--primary-color);
  --thickness-border:none;
  --draw-cursor:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645Z" fill="white"/>%0A<path d="M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645ZM12.472 5.1965L13.632 4.0365L13.631 3.1885L11.811 1.3675L10.963 1.3685L9.80299 2.5285L12.472 5.1965ZM4.31099 13.1585C4.47099 13.1285 4.61799 13.0515 4.73399 12.9345L11.587 6.0815L8.91899 3.4135L2.06599 10.2655C1.94899 10.3835 1.87199 10.5305 1.84099 10.6915L1.36699 13.2485L1.75199 13.6335L4.31099 13.1585Z" fill="black"/>%0A</svg>%0A') 0 16, pointer;
  @media (prefers-color-scheme: dark) {
    --dialog-bg-color:#42414d;
    --bg-hover:#52525e;
    --primary-color:#fbfbfe;
    --secondary-color:#cfcfd8;
    --tab-top-line-active-color:#0df;
    --tab-top-line-inactive-color:#8f8f9d;
    --clear-signature-button-bg-active:#5b5b66;
    --clear-signature-button-bg-focus:#2b2a33;
    --clear-signature-button-bg-disabled:color-mix( in srgb, #2b2a33, transparent 40% );
  }
  @media screen and (forced-colors: active) {
    --secondary-color:ButtonText;
    --bg:HighlightText;
    --bg-hover:var(--bg);
    --tab-top-line-active-color:ButtonText;
    --tab-top-line-active-hover-color:HighlightText;
    --tab-top-line-hover-color:SelectedItem;
    --tab-top-line-inactive-color:ButtonText;
    --tab-bottom-line-active-color:var(--tab-top-line-active-color);
    --tab-bottom-line-hover-color:var(--tab-top-line-hover-color);
    --tab-bg:var(--bg);
    --tab-bg-active-color:SelectedItem;
    --tab-bg-active-hover-color:SelectedItem;
    --tab-panel-border:1px solid ButtonText;
    --tab-panel-border-radius:8px;
    --tab-text-color:ButtonText;
    --tab-text-active-color:HighlightText;
    --tab-text-active-hover-color:HighlightText;
    --tab-text-hover-color:SelectedItem;
    --signature-color:ButtonText;
    --clear-signature-button-border-width:1px;
    --clear-signature-button-border-style:solid;
    --clear-signature-button-border-color:ButtonText;
    --clear-signature-button-border-disabled-color:GrayText;
    --clear-signature-button-color:ButtonText;
    --clear-signature-button-hover-color:HighlightText;
    --clear-signature-button-active-color:SelectedItem;
    --clear-signature-button-focus-color:CanvasText;
    --clear-signature-button-disabled-color:GrayText;
    --clear-signature-button-bg:var(--bg);
    --clear-signature-button-bg-hover:SelectedItem;
    --clear-signature-button-bg-active:var(--bg);
    --clear-signature-button-bg-focus:var(--bg);
    --clear-signature-button-bg-disabled:var(--bg);
    --thickness-bg:Canvas;
    --thickness-label-color:CanvasText;
    --thickness-slider-color:ButtonText;
    --thickness-border:1px solid var(--border-color);
  }
  #addSignatureDialogLabel {
    overflow: hidden;
    position: absolute;
    inset: 0;
    width: 0;
    height: 0;
  }
  &.waiting::after {
    content: "";
    cursor: wait;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .mainContainer {
    [role=tablist] {
      width: 100%;
      display: flex;
      align-items: flex-start;
      gap: 0;
      > [role=tab] {
        flex: 1 0 0;
        align-self: stretch;
        background-color: var(--tab-bg);
        padding-inline: 0;
        cursor: default;
        border-inline: 0;
        border-block-width: 1px;
        border-block-style: solid;
        border-block-start-color: var(--tab-top-line-inactive-color);
        border-block-end-color: var(--tab-bottom-line-inactive-color);
        border-radius: 0;
        font: menu;
        font-size: 13px;
        font-style: normal;
        line-height: normal;
        font-weight: 400;
        color: var(--tab-text-color);
        &:hover {
          border-block-start-width: 2px;
          border-block-start-color: var(--tab-top-line-hover-color);
          border-block-end-color: var(--tab-bottom-line-hover-color);
          background-color: var(--tab-bg-hover);
          color: var(--tab-text-hover-color);
        }
        &:focus-visible {
          outline: 2px solid var(--tab-top-line-active-color);
          outline-offset: -2px;
        }
        &[aria-selected=true] {
          border-block-start-width: 2px;
          border-block-start-color: var(--tab-top-line-active-color);
          border-block-end-color: var(--tab-bottom-line-active-color);
          background-color: var(--tab-bg-active-color);
          font-weight: 590;
          color: var(--tab-text-active-color);
          &:hover {
            border-block-start-color: var(--tab-top-line-active-hover-color);
            background-color: var(--tab-bg-active-hover-color);
            color: var(--tab-text-active-hover-color);
          }
        }
      }
    }
    #addSignatureActionContainer {
      width: 100%;
      height: auto;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      align-self: stretch;
      gap: 12px;
      padding-inline: 16px;
      box-sizing: border-box;
      > [role=tabpanel] {
        position: relative;
        width: 100%;
        height: 220px;
        background-color: var(--signature-bg);
        border: var(--tab-panel-border);
        border-radius: var(--tab-panel-border-radius);
        > svg {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
          background-color: transparent;
        }
        &#addSignatureTypeContainer {
          display: none;
          #addSignatureTypeInput {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0;
            padding: 0;
            text-align: center;
            color: var(--signature-color);
            background-color: transparent;
            border-radius: var(--tab-panel-border-radius);
            font-family:
              "Brush script",
              "Apple Chancery",
              "Segoe script",
              "Freestyle Script",
              "Palace Script MT",
              "Brush Script MT",
              TK,
              cursive,
              serif;
            font-size: 44px;
            font-style: italic;
            font-weight: 400;
            &::-moz-placeholder {
              color: var(--signature-placeholder-color);
              text-align: center;
              font: menu;
              font-style: normal;
              font-weight: 274;
              font-size: 44px;
              line-height: normal;
            }
            &::placeholder {
              color: var(--signature-placeholder-color);
              text-align: center;
              font: menu;
              font-style: normal;
              font-weight: 274;
              font-size: 44px;
              line-height: normal;
            }
          }
        }
        &#addSignatureDrawContainer {
          display: none;
          > span {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: grid;
            align-items: center;
            justify-content: center;
            background-color: transparent;
            color: var(--signature-placeholder-color);
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
          }
          > svg {
            stroke: var(--signature-color);
            fill: none;
            stroke-opacity: 1;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-miterlimit: 10;
            &:hover {
              cursor: var(--draw-cursor);
            }
          }
          #thickness {
            position: absolute;
            width: 100%;
            inset-block-end: 0;
            display: grid;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            > span {
              color: var(--signature-draw-placeholder-color);
            }
            > div {
              width: auto;
              height: auto;
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 8px;
              padding: 6px 8px 7px;
              margin: 0;
              background-color: var(--thickness-bg);
              border-radius: 4px 4px 0 0;
              border-inline: var(--thickness-border);
              border-top: var(--thickness-border);
              pointer-events: auto;
              position: relative;
              top: 1px;
              > label {
                color: var(--thickness-label-color);
              }
              > input {
                width: 100px;
                height: 14px;
                background-color: transparent;
                &::-webkit-slider-runnable-track,
                &::-moz-range-track,
                &::-moz-range-progress {
                  background-color: var(--thickness-slider-color);
                }
                &::-webkit-slider-thumb,
                &::-moz-range-thumb {
                  background-color: var(--thickness-bg);
                }
                border-radius: 4.5px;
                border: 0;
                color: var(--signature-color);
              }
            }
          }
        }
        &#addSignatureImageContainer {
          display: none;
          > svg {
            stroke: none;
            stroke-width: 0;
            fill: var(--signature-color);
            fill-opacity: 1;
          }
          #addSignatureImagePlaceholder {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: transparent;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            span {
              color: var(--signature-placeholder-color);
            }
            a {
              color: var(--open-link-fg);
              text-decoration: underline;
              cursor: pointer;
              &:hover {
                color: var(--open-link-hover-fg);
              }
            }
          }
          #addSignatureFilePicker {
            visibility: hidden;
            position: relative;
            width: 0;
            height: 0;
          }
        }
      }
      &[data-selected=type] > #addSignatureTypeContainer,
      &[data-selected=draw] > #addSignatureDrawContainer,
      &[data-selected=image] > #addSignatureImageContainer {
        display: block;
      }
      #addSignatureControls {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
        #horizontalContainer {
          display: flex;
          align-items: flex-end;
          gap: 16px;
          align-self: stretch;
          #addSignatureDescriptionContainer {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 4px;
            flex: 1 0 0;
            &:has(input:disabled) > label {
              opacity: 0.4;
            }
            > label {
              width: auto;
            }
          }
          #clearSignatureButton {
            display: flex;
            height: 32px;
            padding: 4px 8px;
            align-items: center;
            background-color: var(--clear-signature-button-bg);
            border-width: var(--clear-signature-button-border-width);
            border-style: var(--clear-signature-button-border-style);
            border-color: var(--clear-signature-button-border-color);
            border-radius: 4px;
            > span {
              display: flex;
              height: 24px;
              align-items: center;
              gap: 4px;
              flex-shrink: 0;
              color: var(--clear-signature-button-color);
              &::after {
                content: "";
                display: inline-block;
                width: 16px;
                height: 16px;
                -webkit-mask-image: var(--clear-signature-button-icon);
                mask-image: var(--clear-signature-button-icon);
                -webkit-mask-size: cover;
                mask-size: cover;
                background-color: var(--clear-signature-button-color);
                flex-shrink: 0;
              }
            }
            &:hover {
              background-color: var(--clear-signature-button-bg-hover);
              > span {
                color: var(--clear-signature-button-hover-color);
                &::after {
                  background-color: var(--clear-signature-button-hover-color);
                }
              }
            }
            &:active {
              background-color: var(--clear-signature-button-bg-active);
              > span {
                color: var(--clear-signature-button-active-color);
                &::after {
                  background-color: var(--clear-signature-button-active-color);
                }
              }
            }
            &:focus-visible {
              background-color: var(--clear-signature-button-bg-focus);
              > span {
                color: var(--clear-signature-button-focus-color);
                &::after {
                  background-color: var(--clear-signature-button-focus-color);
                }
              }
            }
            &:disabled {
              background-color: var(--clear-signature-button-bg-disabled);
              border-color: var(--clear-signature-button-border-disabled-color);
              > span {
                color: var(--clear-signature-button-disabled-color);
                &::after {
                  background-color: var( --clear-signature-button-disabled-color );
                }
              }
            }
          }
        }
        #addSignatureSaveContainer {
          display: grid;
          grid-template-columns: max-content auto;
          gap: 4px;
          width: 100%;
          > input {
            margin: 0;
            &:disabled + label {
              opacity: 0.4;
            }
          }
          > label {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
          }
          &:not(.fullStorage) #addSignatureSaveWarning {
            display: none;
          }
          &.fullStorage #addSignatureSaveWarning {
            display: block;
            opacity: 1;
            color: var(--save-warning-color);
            font-size: 11px;
          }
        }
      }
    }
  }
}
#editSignatureDescriptionDialog {
  .mainContainer {
    padding-inline: 16px;
    box-sizing: border-box;
    .title {
      margin-inline-start: 0;
    }
    #editSignatureDescriptionAndView {
      width: auto;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 12px;
      align-self: stretch;
      #editSignatureDescriptionContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        flex: 1 1 auto;
      }
      > svg {
        width: 210px;
        height: 180px;
        padding: 8px;
        background-color: var(--signature-bg);
        > path {
          stroke: var(--button-signature-color);
          stroke-width: 1px;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-miterlimit: 10;
          vector-effect: non-scaling-stroke;
          fill: none;
          &.contours {
            fill: var(--button-signature-color);
            stroke-width: 0.5px;
          }
        }
      }
    }
  }
}
#editorSignatureParamsToolbar {
  padding: 8px;
  #addSignatureDoorHanger {
    gap: 8px;
    padding: 2px;
    .toolbarAddSignatureButtonContainer {
      height: 32px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      gap: 8px;
      button {
        border: var(--button-signature-border);
        border-radius: 4px;
        background-color: var(--button-signature-bg);
        color: var(--button-signature-color);
        &:hover {
          background-color: var(--button-signature-hover-bg);
        }
        &:active {
          border: var(--button-signature-active-border);
          background-color: var(--button-signature-active-bg);
          color: var(--button-signature-active-color);
          &::before {
            background-color: var(--button-signature-active-color);
          }
        }
        &:focus-visible {
          outline: var(--focus-ring-outline);
          &::before {
            background-color: var(--button-signature-color);
          }
        }
      }
      .deleteButton {
        &::before {
          -webkit-mask-image: var(--clear-signature-button-icon);
          mask-image: var(--clear-signature-button-icon);
        }
      }
      .toolbarAddSignatureButton {
        width: calc(0.8 * var(--editor-toolbar-min-width));
        height: 100%;
        min-height: var(--menuitem-height);
        aspect-ratio: unset;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        outline: none;
        border-radius: 4px;
        box-sizing: border-box;
        font: message-box;
        position: relative;
        flex: 1 1 auto;
        padding: 0;
        gap: 8px;
        text-align: start;
        white-space: normal;
        cursor: default;
        overflow: hidden;
        > svg {
          display: inline-block;
          height: 100%;
          aspect-ratio: 1;
          background-color: var(--signature-bg);
          flex: none;
          padding: 4px;
          box-sizing: border-box;
          border: none;
          border-radius: 4px;
          > path {
            stroke: var(--button-signature-color);
            stroke-width: 1px;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-miterlimit: 10;
            vector-effect: non-scaling-stroke;
            fill: none;
            &.contours {
              fill: var(--button-signature-color);
              stroke-width: 0.5px;
            }
          }
        }
        &:is(:hover, :active) > svg {
          border-radius: 4px 0 0 4px;
          background-color: var(--signature-hover-bg);
        }
        &:hover {
          > span {
            color: var(--button-signature-hover-color);
          }
        }
        &:active {
          background-color: var(--button-signature-active-bg);
        }
        &:is([disabled=disabled], [disabled]) {
          opacity: 0.5;
          pointer-events: none;
        }
        > span {
          height: auto;
          text-overflow: ellipsis;
          white-space: nowrap;
          flex: 1 1 auto;
          font: menu;
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          overflow: hidden;
        }
      }
    }
  }
}
.editDescription.altText {
  --alt-text-add-image:url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M14.9815 14.3461L14.3875 11.1451C14.3125 10.7361 14.1155 10.3621 13.8195 10.0641L5.0185 1.26214C4.2445 0.489141 2.9855 0.487141 2.2085 1.26214L0.5805 2.89014C-0.1935 3.66514 -0.1935 4.92514 0.5805 5.70014L9.3845 14.5031C9.6805 14.7981 10.0545 14.9941 10.4625 15.0691L13.6645 15.6631C13.7345 15.6751 13.8025 15.6821 13.8705 15.6821C14.1675 15.6821 14.4555 15.5651 14.6695 15.3511C14.9325 15.0871 15.0495 14.7121 14.9815 14.3461ZM2.5285 5.87814L1.3685 4.71814L1.3695 3.87014L3.1895 2.04914L4.0375 2.05014L5.1975 3.21014L2.5285 5.87814ZM10.6895 13.8401C10.5295 13.8101 10.3825 13.7331 10.2665 13.6161L3.4135 6.76314L6.0815 4.09514L12.9345 10.9471C13.0515 11.0651 13.1285 11.2121 13.1595 11.3731L13.6335 13.9301L13.2485 14.3151L10.6895 13.8401Z" fill="black"/>%0A</svg>%0A') !important;
  &::before {
    width: 16px !important;
    height: 16px !important;
  }
}
.commentPopup,
#commentManagerDialog {
  width: 360px;
  max-width: 100%;
  min-width: 200px;
  position: absolute;
  padding: 8px 16px 16px;
  margin-left: 0;
  margin-top: 0;
  box-sizing: border-box;
  border-radius: 8px;
}
#commentManagerDialog {
  --comment-close-button-icon:url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M13.6241 11.7759L18.3331 7.06694C18.4423 6.94811 18.5015 6.79167 18.4981 6.63028C18.4948 6.46889 18.4292 6.31502 18.3152 6.20081C18.2011 6.0866 18.0473 6.02088 17.8859 6.01736C17.7245 6.01384 17.568 6.0728 17.4491 6.18194L12.7601 10.8709H12.2721L7.58306 6.18294C7.52495 6.12489 7.45598 6.07886 7.38008 6.04747C7.30418 6.01609 7.22284 5.99995 7.14071 6C7.05857 6.00005 6.97725 6.01627 6.90139 6.04774C6.82553 6.07922 6.75661 6.12533 6.69856 6.18344C6.64052 6.24155 6.59449 6.31052 6.5631 6.38642C6.53171 6.46232 6.51558 6.54366 6.51563 6.62579C6.51572 6.79167 6.5817 6.95071 6.69906 7.06794L11.3861 11.7539V12.2449L6.69906 16.9319C6.5898 17.0508 6.53066 17.2072 6.53399 17.3686C6.53732 17.53 6.60288 17.6839 6.71696 17.7981C6.83104 17.9123 6.98483 17.978 7.14622 17.9815C7.3076 17.985 7.46411 17.9261 7.58306 17.8169L12.2701 13.1299H12.7611L17.4481 17.8169C17.5656 17.934 17.7247 17.9997 17.8906 17.9997C18.0564 17.9997 18.2155 17.934 18.3331 17.8169C18.4504 17.6996 18.5163 17.5404 18.5163 17.3744C18.5163 17.2085 18.4504 17.0493 18.3331 16.9319L13.6241 12.2229V11.7759Z" fill="black"/>%0A</svg>%0A');
  .mainContainer {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    #commentManagerToolbar {
      width: 100%;
      height: 32px;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 8px;
      align-self: stretch;
      cursor: move;
    }
    #commentManagerTextInput {
      width: 100%;
      min-height: 132px;
      margin-bottom: 12px;
    }
  }
}
.annotationLayer.disabled :is(.annotationCommentButton) {
  display: none;
}
:is(.annotationLayer, .annotationEditorLayer) {
  .annotationCommentButton {
    color-scheme: light dark;
    --comment-button-bg:light-dark(white, #1c1b22);
    --comment-button-fg:light-dark(#5b5b66, #fbfbfe);
    --comment-button-active-bg:light-dark(#0041a4, #a6ecf4);
    --comment-button-active-fg:light-dark(white, #15141a);
    --comment-button-hover-bg:light-dark(#0053cb, #61dce9);
    --comment-button-hover-fg:light-dark(white, #15141a);
    --comment-button-selected-bg:light-dark(#0062fa, #00cadb);
    --comment-button-border-color:light-dark(#8f8f9d, #bfbfc9);
    --comment-button-active-border-color:var(--comment-button-active-bg);
    --comment-button-focus-border-color:light-dark(#cfcfd8, #3a3944);
    --comment-button-hover-border-color:var(--comment-button-hover-bg);
    --comment-button-selected-border-color:var(--comment-button-selected-bg);
    --comment-button-selected-fg:light-dark(white, #15141a);
    --comment-button-dim:24px;
    --comment-button-box-shadow:0 0.25px 0.75px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
    --comment-button-focus-outline-color:light-dark(#0062fa, #00cadb);
    @media screen and (forced-colors: active) {
      --comment-button-bg:ButtonFace;
      --comment-button-fg:ButtonText;
      --comment-button-hover-bg:SelectedItemText;
      --comment-button-hover-fg:SelectedItem;
      --comment-button-active-bg:SelectedItemText;
      --comment-button-active-fg:SelectedItem;
      --comment-button-border-color:ButtonBorder;
      --comment-button-active-border-color:ButtonBorder;
      --comment-button-hover-border-color:SelectedItem;
      --comment-button-box-shadow:none;
      --comment-button-focus-outline-color:CanvasText;
      --comment-button-selected-bg:ButtonBorder;
      --comment-button-selected-fg:ButtonFace;
    }
    position: absolute;
    width: var(--comment-button-dim);
    height: var(--comment-button-dim);
    background-color: var(--comment-button-bg);
    border-radius: 6px 6px 6px 0;
    border: 1px solid var(--comment-button-border-color);
    box-shadow: var(--comment-button-box-shadow);
    cursor: auto;
    z-index: 1;
    padding: 4px;
    margin: 0;
    box-sizing: border-box;
    pointer-events: auto;
    &:dir(rtl) {
      border-radius: 6px 6px 0;
    }
    &::before {
      content: "";
      display: inline-block;
      width: 100%;
      height: 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: cover;
      mask-size: cover;
      -webkit-mask-image: var(--comment-edit-button-icon);
      mask-image: var(--comment-edit-button-icon);
      background-color: var(--comment-button-fg);
      margin: 0;
      padding: 0;
      transform: scaleX(var(--dir-factor));
    }
    &:focus-visible {
      outline: 2px solid var(--comment-button-focus-outline-color);
      outline-offset: 1px;
      border-color: var(--comment-button-focus-border-color);
    }
    &:hover {
      background-color: var(--comment-button-hover-bg) !important;
      border-color: var(--comment-button-hover-border-color);
      &::before {
        background-color: var(--comment-button-hover-fg);
      }
    }
    &:active {
      background-color: var(--comment-button-active-bg) !important;
      border-color: var(--comment-button-active-border-color);
      &::before {
        background-color: var(--comment-button-active-fg);
      }
    }
    &.selected {
      background-color: var(--comment-button-selected-bg) !important;
      border-color: var(--comment-button-selected-border-color);
      &::before {
        background-color: var(--comment-button-selected-fg);
      }
    }
  }
}
#editorCommentsSidebar,
.commentPopup {
  --comment-close-button-icon:url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M13.6241 11.7759L18.3331 7.06694C18.4423 6.94811 18.5015 6.79167 18.4981 6.63028C18.4948 6.46889 18.4292 6.31502 18.3152 6.20081C18.2011 6.0866 18.0473 6.02088 17.8859 6.01736C17.7245 6.01384 17.568 6.0728 17.4491 6.18194L12.7601 10.8709H12.2721L7.58306 6.18294C7.52495 6.12489 7.45598 6.07886 7.38008 6.04747C7.30418 6.01609 7.22284 5.99995 7.14071 6C7.05857 6.00005 6.97725 6.01627 6.90139 6.04774C6.82553 6.07922 6.75661 6.12533 6.69856 6.18344C6.64052 6.24155 6.59449 6.31052 6.5631 6.38642C6.53171 6.46232 6.51558 6.54366 6.51563 6.62579C6.51572 6.79167 6.5817 6.95071 6.69906 7.06794L11.3861 11.7539V12.2449L6.69906 16.9319C6.5898 17.0508 6.53066 17.2072 6.53399 17.3686C6.53732 17.53 6.60288 17.6839 6.71696 17.7981C6.83104 17.9123 6.98483 17.978 7.14622 17.9815C7.3076 17.985 7.46411 17.9261 7.58306 17.8169L12.2701 13.1299H12.7611L17.4481 17.8169C17.5656 17.934 17.7247 17.9997 17.8906 17.9997C18.0564 17.9997 18.2155 17.934 18.3331 17.8169C18.4504 17.6996 18.5163 17.5404 18.5163 17.3744C18.5163 17.2085 18.4504 17.0493 18.3331 16.9319L13.6241 12.2229V11.7759Z" fill="black"/>%0A</svg>%0A');
  --comment-popup-edit-button-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A  <path d="M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645ZM12.472 5.1965L13.632 4.0365L13.631 3.1885L11.811 1.3675L10.963 1.3685L9.80299 2.5285L12.472 5.1965ZM4.31099 13.1585C4.47099 13.1285 4.61799 13.0515 4.73399 12.9345L11.587 6.0815L8.91899 3.4135L2.06599 10.2655C1.94899 10.3835 1.87199 10.5305 1.84099 10.6915L1.36699 13.2485L1.75199 13.6335L4.31099 13.1585Z" fill="black"/>%0A</svg>%0A%0A<!--path d="M0.0189877 14.1645L0.612989 10.9635C0.687989 10.5545 0.884989 10.1805 1.18099 9.8825L9.98199 1.0805C10.756 0.3075 12.015 0.3055 12.792 1.0805L14.42 2.7085C15.194 3.4835 15.194 4.7435 14.42 5.5185L5.61599 14.3215C5.31999 14.6165 4.94599 14.8125 4.53799 14.8875L1.33599 15.4815C1.26599 15.4935 1.19799 15.5005 1.12999 15.5005C0.832989 15.5005 0.544988 15.3835 0.330988 15.1695C0.0679874 14.9055 -0.0490122 14.5305 0.0189877 14.1645ZM12.472 5.6965L13.632 4.5365L13.631 3.6885L11.811 1.8675L10.963 1.8685L9.80299 3.0285L12.472 5.6965ZM4.31099 13.6585C4.47099 13.6285 4.61799 13.5515 4.73399 13.4345L11.587 6.5815L8.91899 3.9135L2.06599 10.7655C1.94899 10.8835 1.87199 11.0305 1.84099 11.1915L1.36699 13.7485L1.75199 14.1335L4.31099 13.6585Z" fill="black"/-->');
  --comment-popup-delete-button-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <path fill-rule="evenodd" clip-rule="evenodd"%0A        d="M11 3H13.6C14 3 14.3 3.3 14.3 3.6C14.3 3.9 14 4.2 13.7 4.2H13.3V14C13.3 15.1 12.4 16 11.3 16H4.80005C3.70005 16 2.80005 15.1 2.80005 14V4.2H2.40005C2.00005 4.2 1.80005 4 1.80005 3.6C1.80005 3.2 2.00005 3 2.40005 3H5.00005V2C5.00005 0.9 5.90005 0 7.00005 0H9.00005C10.1 0 11 0.9 11 2V3ZM6.90005 1.2L6.30005 1.8V3H9.80005V1.8L9.20005 1.2H6.90005ZM11.4 14.7L12 14.1V4.2H4.00005V14.1L4.60005 14.7H11.4ZM7.00005 12.4C7.00005 12.7 6.70005 13 6.40005 13C6.10005 13 5.80005 12.7 5.80005 12.4V7.6C5.70005 7.3 6.00005 7 6.40005 7C6.80005 7 7.00005 7.3 7.00005 7.6V12.4ZM10.2001 12.4C10.2001 12.7 9.90006 13 9.60006 13C9.30006 13 9.00006 12.7 9.00006 12.4V7.6C9.00006 7.3 9.30006 7 9.60006 7C9.90006 7 10.2001 7.3 10.2001 7.6V12.4Z"%0A        fill="black" />%0A</svg>');
  --comment-date-fg-color:light-dark( rgb(21 20 26 / 0.69), rgb(251 251 254 / 0.69) );
  --comment-bg-color:light-dark(#f9f9fb, #1c1b22);
  --comment-hover-bg-color:light-dark(#e0e0e6, #2c2b33);
  --comment-active-bg-color:light-dark(#d1d1d9, #3a3944);
  --comment-hover-brightness:0.89;
  --comment-hover-filter:brightness(var(--comment-hover-brightness));
  --comment-active-brightness:0.825;
  --comment-active-filter:brightness(var(--comment-active-brightness));
  --comment-border-color:light-dark(#f0f0f4, #52525e);
  --comment-focus-outline-color:light-dark(#0062fa, #00cadb);
  --comment-fg-color:light-dark(#15141a, #fbfbfe);
  --comment-count-bg-color:light-dark(#e2f7ff, #00317e);
  --comment-indicator-active-fg-color:light-dark(#0041a4, #a6ecf4);
  --comment-indicator-active-filter:brightness( calc(1 / var(--comment-active-brightness)) );
  --comment-indicator-focus-fg-color:light-dark(#5b5b66, #fbfbfe);
  --comment-indicator-hover-fg-color:light-dark(#0053cb, #61dce9);
  --comment-indicator-hover-filter:brightness( calc(1 / var(--comment-hover-brightness)) );
  --comment-indicator-selected-fg-color:light-dark(#0062fa, #00cadb);
  --button-comment-bg:transparent;
  --button-comment-color:var(--main-color);
  --button-comment-active-bg:light-dark(#cfcfd8, #5b5b66);
  --button-comment-active-border:none;
  --button-comment-active-color:var(--button-comment-color);
  --button-comment-border:none;
  --button-comment-hover-bg:light-dark(#e0e0e6, #52525e);
  --button-comment-hover-color:var(--button-comment-color);
  --link-fg-color:light-dark(#0060df, #0df);
  --link-hover-fg-color:light-dark(#0250bb, #80ebff);
  @media screen and (forced-colors: active) {
    --comment-date-fg-color:CanvasText;
    --comment-bg-color:Canvas;
    --comment-hover-bg-color:Canvas;
    --comment-hover-filter:none;
    --comment-active-bg-color:Canvas;
    --comment-active-filter:none;
    --comment-border-color:CanvasText;
    --comment-fg-color:CanvasText;
    --comment-count-bg-color:Canvas;
    --comment-indicator-active-fg-color:SelectedItem;
    --comment-indicator-focus-fg-color:CanvasText;
    --comment-indicator-hover-fg-color:CanvasText;
    --comment-indicator-selected-fg-color:SelectedItem;
    --button-comment-bg:ButtonFace;
    --button-comment-color:ButtonText;
    --button-comment-active-bg:Highlight;
    --button-comment-active-color:HighlightText;
    --button-comment-border:1px solid ButtonText;
    --button-comment-hover-bg:Highlight;
    --button-comment-hover-color:HighlightText;
    --link-fg-color:LinkText;
    --link-hover-fg-color:LinkText;
  }
}
#editorCommentsSidebar {
  display: flex;
  height: auto;
  padding-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  overflow-y: visible;
  #editorCommentsSidebarHeader {
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .commentCount {
      display: flex;
      align-items: baseline;
      gap: 6px;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      #editorCommentsSidebarTitle {
        font: menu;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        font-size: 17px;
        color: var(--comment-fg-color);
      }
      #editorCommentsSidebarCount {
        padding: 0 4px;
        border-radius: 4px;
        background-color: var(--comment-count-bg-color);
        color: var(--comment-fg-color);
        text-align: center;
        font: menu;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
      }
    }
    #editorCommentsSidebarCloseButton {
      width: 32px;
      height: 32px;
      padding: 8px;
      border-radius: 4px;
      border: var(--button-comment-border);
      background-color: var(--button-comment-bg);
      cursor: pointer;
      &::before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-image: var(--comment-close-button-icon);
        mask-image: var(--comment-close-button-icon);
        background-color: var(--button-comment-color);
      }
      &:hover {
        background-color: var(--button-comment-hover-bg);
        &::before {
          background-color: var(--button-comment-hover-color);
        }
      }
      &:active {
        border: var(--button-comment-active-border);
        background-color: var(--button-comment-active-bg);
        &::before {
          background-color: var(--button-comment-active-color);
        }
      }
      &:focus-visible {
        outline: var(--focus-ring-outline);
      }
      > span {
        display: inline-block;
        width: 0;
        height: 0;
        overflow: hidden;
      }
    }
  }
  #editorCommentsSidebarListContainer {
    overflow: auto;
    width: 100%;
    #editorCommentsSidebarList {
      display: flex;
      width: auto;
      padding: 4px 16px;
      gap: 10px;
      align-items: flex-start;
      flex-direction: column;
      list-style-type: none;
      .sidebarComment {
        display: flex;
        width: auto;
        padding: 8px 16px 16px;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        gap: 4px;
        border-radius: 8px;
        border: 0.5px solid var(--comment-border-color);
        background-color: var(--comment-bg-color);
        &:not(.noComments) {
          &:hover {
            @media screen and (forced-colors: active) {
              background-color: var(--comment-hover-bg-color);
            }
            filter: var(--comment-hover-filter);
            time::after {
              display: inline-block;
              background-color: var(--comment-indicator-hover-fg-color);
              filter: var(--comment-indicator-hover-filter);
            }
          }
          &:active {
            @media screen and (forced-colors: active) {
              background-color: var(--comment-active-bg-color);
            }
            filter: var(--comment-active-filter);
            time::after {
              display: inline-block;
              background-color: var(--comment-indicator-active-fg-color);
              filter: var(--comment-indicator-active-filter);
            }
          }
          &:is(:focus, :focus-visible) time::after {
            display: inline-block;
            background-color: var(--comment-indicator-focus-fg-color);
          }
          &:focus-visible {
            outline: 2px solid var(--comment-focus-outline-color);
            outline-offset: 2px;
          }
          &.selected {
            .sidebarCommentText {
              max-height: -moz-fit-content;
              max-height: fit-content;
              -webkit-line-clamp: unset;
            }
            time::after {
              display: inline-block;
              background-color: var(--comment-indicator-selected-fg-color);
            }
          }
        }
        .sidebarCommentText {
          font: menu;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          font-size: 15px;
          width: 100%;
          height: -moz-fit-content;
          height: fit-content;
          max-height: 80px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          overflow-wrap: break-word;
          .richText {
            --total-scale-factor:1.5;
          }
        }
        &.noComments {
          .sidebarCommentText {
            max-height: -moz-fit-content;
            max-height: fit-content;
            -webkit-line-clamp: unset;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
          }
          a {
            font: menu;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            font-size: 15px;
            width: 100%;
            height: auto;
            overflow-wrap: break-word;
            margin-block-start: 15px;
            color: var(--link-fg-color);
            &:focus-visible {
              outline: var(--focus-ring-outline);
            }
            &:hover {
              color: var(--link-hover-fg-color);
            }
          }
        }
        time {
          width: 100%;
          display: inline-flex;
          align-items: center;
          justify-content: space-between;
          font: menu;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          font-size: 13px;
          &::after {
            content: "";
            display: none;
            width: 16px;
            height: 16px;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-image: var(--comment-edit-button-icon);
            mask-image: var(--comment-edit-button-icon);
            transform: scaleX(var(--dir-factor));
          }
        }
      }
    }
  }
}
.commentPopup {
  color-scheme: light dark;
  --divider-color:light-dark(#cfcfd8, #3a3944);
  --comment-shadow:0 0.5px 2px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 4px 16px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  @media screen and (forced-colors: active) {
    --divider-color:CanvasText;
    --comment-shadow:none;
  }
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  z-index: 100001;
  pointer-events: auto;
  margin-top: 2px;
  border: 0.5px solid var(--comment-border-color);
  background: var(--comment-bg-color);
  box-shadow: var(--comment-shadow);
  &:focus-visible {
    outline: none;
  }
  &.dragging {
    cursor: move !important;
    * {
      cursor: move !important;
    }
    button {
      pointer-events: none !important;
    }
  }
  &:not(.selected) .commentPopupButtons {
    visibility: hidden !important;
  }
  hr {
    width: 100%;
    height: 1px;
    border: none;
    border-top: 1px solid var(--divider-color);
    margin: 0;
    padding: 0;
  }
  .commentPopupTop {
    display: flex;
    width: 100%;
    height: auto;
    padding-bottom: 4px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    .commentPopupTime {
      font: menu;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      font-size: 13px;
      color: var(--comment-date-fg-color);
    }
    .commentPopupButtons {
      display: flex;
      align-items: center;
      gap: 2px;
      cursor: default;
      > button {
        width: 32px;
        height: 32px;
        padding: 8px;
        border: var(--button-comment-border);
        border-radius: 4px;
        background-color: var(--button-comment-bg);
        color: var(--button-comment-color);
        &:hover {
          background-color: var(--button-comment-hover-bg);
          &::before {
            background-color: var(--button-comment-hover-color);
          }
        }
        &:active {
          border: var(--button-comment-active-border);
          background-color: var(--button-comment-active-bg);
          color: var(--button-comment-active-color);
          &::before {
            background-color: var(--button-comment-active-color);
          }
        }
        &:focus-visible {
          background-color: var(--button-comment-hover-bg);
          outline: 2px solid var(--comment-focus-outline-color);
          outline-offset: 0;
        }
        &::before {
          content: "";
          display: inline-block;
          width: 100%;
          height: 100%;
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          -webkit-mask-position: center;
          mask-position: center;
        }
        &.commentPopupEdit::before {
          -webkit-mask-image: var(--comment-popup-edit-button-icon);
          mask-image: var(--comment-popup-edit-button-icon);
        }
        &.commentPopupDelete::before {
          -webkit-mask-image: var(--comment-popup-delete-button-icon);
          mask-image: var(--comment-popup-delete-button-icon);
        }
      }
    }
  }
  .commentPopupText {
    width: 100%;
    height: auto;
    font: menu;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 15px;
    color: var(--comment-fg-color);
  }
}
.commentPopupText,
.sidebarCommentText .richText {
  margin-block: 0;
  p:first-of-type {
    margin-block: 0;
  }
  > * {
    white-space: pre-wrap;
    font-size: max(15px, calc(10px * var(--total-scale-factor)));
    overflow-wrap: break-word;
  }
  span {
    color: var(--comment-fg-color) !important;
  }
}
:root {
  --editor-toolbar-vert-offset:6px;
  --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);
  --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('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645Z" fill="white"/>%0A<path d="M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645ZM12.472 5.1965L13.632 4.0365L13.631 3.1885L11.811 1.3675L10.963 1.3685L9.80299 2.5285L12.472 5.1965ZM4.31099 13.1585C4.47099 13.1285 4.61799 13.0515 4.73399 12.9345L11.587 6.0815L8.91899 3.4135L2.06599 10.2655C1.94899 10.3835 1.87199 10.5305 1.84099 10.6915L1.36699 13.2485L1.75199 13.6335L4.31099 13.1585Z" fill="black"/>%0A</svg>%0A') 0 16, pointer;
  --editorHighlight-editing-cursor:url('data:image/svg+xml,<svg width="29" height="32" viewBox="0 0 29 32" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M28 16.75C28.2761 16.75 28.5 16.5261 28.5 16.25V15C28.5 14.7239 28.2761 14.5 28 14.5H26.358C25.9117 14.5 25.4773 14.6257 25.0999 14.8604L25.0989 14.8611L24 15.5484L22.9 14.861L22.8991 14.8604C22.5218 14.6257 22.0875 14.5 21.642 14.5H20C19.7239 14.5 19.5 14.7239 19.5 15V16.25C19.5 16.5261 19.7239 16.75 20 16.75H21.642C21.6648 16.75 21.6885 16.7564 21.7101 16.7697C21.7102 16.7698 21.7104 16.7699 21.7105 16.77L22.817 17.461C22.817 17.461 22.8171 17.4611 22.8171 17.4611C22.8171 17.4611 22.8171 17.4611 22.8171 17.4611C22.8552 17.4849 22.876 17.5229 22.876 17.567V22.625V27.683C22.876 27.7271 22.8552 27.765 22.8172 27.7889C22.8171 27.7889 22.8171 27.789 22.817 27.789L21.7095 28.48C21.7094 28.4801 21.7093 28.4802 21.7092 28.4803C21.6872 28.4938 21.6644 28.5 21.641 28.5H20C19.7239 28.5 19.5 28.7239 19.5 29V30.25C19.5 30.5261 19.7239 30.75 20 30.75H21.642C22.0883 30.75 22.5227 30.6243 22.9001 30.3896L22.9009 30.3891L24 29.7026L25.1 30.39L25.1009 30.3906C25.4783 30.6253 25.9127 30.751 26.359 30.751H28C28.2761 30.751 28.5 30.5271 28.5 30.251V29.001C28.5 28.7249 28.2761 28.501 28 28.501H26.358C26.3352 28.501 26.3115 28.4946 26.2899 28.4813C26.2897 28.4812 26.2896 28.4811 26.2895 28.481L25.183 27.79C25.183 27.79 25.183 27.79 25.1829 27.79C25.1829 27.7899 25.1829 27.7899 25.1829 27.7899C25.1462 27.7669 25.125 27.7297 25.125 27.684V22.625V17.567C25.125 17.5227 25.146 17.4844 25.1836 17.4606C25.1838 17.4605 25.1839 17.4604 25.184 17.4603L26.2895 16.77C26.2896 16.7699 26.2898 16.7698 26.2899 16.7697C26.3119 16.7562 26.3346 16.75 26.358 16.75H28Z" fill="black" stroke="%23FBFBFE" stroke-linejoin="round"/>%0A<path d="M24.625 17.567C24.625 17.35 24.735 17.152 24.918 17.037L26.026 16.345C26.126 16.283 26.24 16.25 26.358 16.25H28V15H26.358C26.006 15 25.663 15.099 25.364 15.285L24.256 15.978C24.161 16.037 24.081 16.113 24 16.187C23.918 16.113 23.839 16.037 23.744 15.978L22.635 15.285C22.336 15.099 21.993 15 21.642 15H20V16.25H21.642C21.759 16.25 21.874 16.283 21.974 16.345L23.082 17.037C23.266 17.152 23.376 17.35 23.376 17.567V22.625V27.683C23.376 27.9 23.266 28.098 23.082 28.213L21.973 28.905C21.873 28.967 21.759 29 21.641 29H20V30.25H21.642C21.994 30.25 22.337 30.151 22.636 29.965L23.744 29.273C23.84 29.213 23.919 29.137 24 29.064C24.081 29.137 24.161 29.213 24.256 29.273L25.365 29.966C25.664 30.152 26.007 30.251 26.359 30.251H28V29.001H26.358C26.241 29.001 26.126 28.968 26.026 28.906L24.918 28.214C24.734 28.099 24.625 27.901 24.625 27.684V22.625V17.567Z" fill="black"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2 2.59C12.28 2.51 12.43 2.5 12.43 2.5C12.48 2.5 12.58 2.52 12.66 2.6L14.45 4.39C14.58 4.52 14.58 4.72 14.45 4.85L11.7713 7.52872L9.51628 5.27372L12.2 2.59ZM13.2658 4.62L11.7713 6.1145L10.9305 5.27372L12.425 3.77921L13.2658 4.62Z" fill="%23FBFBFE"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M5.98 8.82L8.23 11.07L10.7106 8.58938L8.45562 6.33438L5.98 8.81V8.82ZM8.23 9.65579L9.29641 8.58938L8.45562 7.74859L7.38921 8.815L8.23 9.65579Z" fill="%23FBFBFE"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1526 12.6816L16.2125 6.6217C16.7576 6.08919 17.05 5.3707 17.05 4.62C17.05 3.86931 16.7576 3.15084 16.2126 2.61834L14.4317 0.837474C13.8992 0.29242 13.1807 0 12.43 0C11.6643 0 10.9529 0.312929 10.4329 0.832893L3.68289 7.58289C3.04127 8.22452 3.00459 9.25075 3.57288 9.93634L1.29187 12.2239C1.09186 12.4245 0.990263 12.6957 1.0007 12.9685L1 14C0.447715 14 0 14.4477 0 15V17C0 17.5523 0.447715 18 1 18H16C16.5523 18 17 17.5523 17 17V15C17 14.4477 16.5523 14 16 14H10.2325C9.83594 14 9.39953 13.4347 10.1526 12.6816ZM4.39 9.35L4.9807 9.9407L2.39762 12.5312H6.63877L7.10501 12.065L7.57125 12.5312H8.88875L15.51 5.91C15.86 5.57 16.05 5.11 16.05 4.62C16.05 4.13 15.86 3.67 15.51 3.33L13.72 1.54C13.38 1.19 12.92 1 12.43 1C11.94 1 11.48 1.2 11.14 1.54L4.39 8.29C4.1 8.58 4.1 9.06 4.39 9.35ZM16 17V15H1V17H16Z" fill="%23FBFBFE"/>%0A<path d="M15.1616 5.55136L15.1616 5.55132L15.1564 5.55645L8.40645 12.3064C8.35915 12.3537 8.29589 12.38 8.23 12.38C8.16411 12.38 8.10085 12.3537 8.05355 12.3064L7.45857 11.7115L7.10501 11.3579L6.75146 11.7115L6.03289 12.43H3.20465L5.33477 10.2937L5.6873 9.94019L5.33426 9.58715L4.74355 8.99645C4.64882 8.90171 4.64882 8.73829 4.74355 8.64355L11.4936 1.89355C11.7436 1.64354 12.0779 1.5 12.43 1.5C12.7883 1.5 13.1179 1.63776 13.3614 1.88839L13.3613 1.88843L13.3664 1.89355L15.1564 3.68355L15.1564 3.68359L15.1616 3.68864C15.4122 3.93211 15.55 4.26166 15.55 4.62C15.55 4.97834 15.4122 5.30789 15.1616 5.55136ZM5.48 8.82V9.02711L5.62645 9.17355L7.87645 11.4236L8.23 11.7771L8.58355 11.4236L11.0642 8.94293L11.4177 8.58938L11.0642 8.23582L8.80918 5.98082L8.45562 5.62727L8.10207 5.98082L5.62645 8.45645L5.48 8.60289V8.81V8.82ZM11.4177 7.88227L11.7713 8.23582L12.1248 7.88227L14.8036 5.20355C15.1288 4.87829 15.1288 4.36171 14.8036 4.03645L13.0136 2.24645C12.8186 2.05146 12.5792 2 12.43 2H12.4134L12.3967 2.00111L12.43 2.5C12.3967 2.00111 12.3966 2.00112 12.3965 2.00112L12.3963 2.00114L12.3957 2.00117L12.3947 2.00125L12.3924 2.00142L12.387 2.00184L12.3732 2.00311C12.3628 2.00416 12.3498 2.00567 12.3346 2.00784C12.3049 2.01208 12.2642 2.01925 12.2178 2.03146C12.1396 2.05202 11.9797 2.10317 11.8464 2.23645L9.16273 4.92016L8.80918 5.27372L9.16273 5.62727L11.4177 7.88227ZM1.5 16.5V15.5H15.5V16.5H1.5Z" stroke="%2315141A"/>%0A</svg>%0A') 24 24, text;
  --editorFreeHighlight-editing-cursor:url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2 3.09C12.28 3.01 12.43 3 12.43 3C12.48 3 12.58 3.02 12.66 3.1L14.45 4.89C14.58 5.02 14.58 5.22 14.45 5.35L11.7713 8.02872L9.51628 5.77372L12.2 3.09ZM13.2658 5.12L11.7713 6.6145L10.9305 5.77372L12.425 4.27921L13.2658 5.12Z" fill="%23FBFBFE"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M5.98 9.32L8.23 11.57L10.7106 9.08938L8.45562 6.83438L5.98 9.31V9.32ZM8.23 10.1558L9.29641 9.08938L8.45562 8.24859L7.38921 9.315L8.23 10.1558Z" fill="%23FBFBFE"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1526 13.1816L16.2125 7.1217C16.7576 6.58919 17.05 5.8707 17.05 5.12C17.05 4.36931 16.7576 3.65084 16.2126 3.11834L14.4317 1.33747C13.8992 0.79242 13.1807 0.5 12.43 0.5C11.6643 0.5 10.9529 0.812929 10.4329 1.33289L3.68289 8.08289C3.04127 8.72452 3.00459 9.75075 3.57288 10.4363L1.29187 12.7239C1.09186 12.9245 0.990263 13.1957 1.0007 13.4685L1 14.5C0.447715 14.5 0 14.9477 0 15.5V17.5C0 18.0523 0.447715 18.5 1 18.5H16C16.5523 18.5 17 18.0523 17 17.5V15.5C17 14.9477 16.5523 14.5 16 14.5H10.2325C9.83594 14.5 9.39953 13.9347 10.1526 13.1816ZM4.39 9.85L4.9807 10.4407L2.39762 13.0312H6.63877L7.10501 12.565L7.57125 13.0312H8.88875L15.51 6.41C15.86 6.07 16.05 5.61 16.05 5.12C16.05 4.63 15.86 4.17 15.51 3.83L13.72 2.04C13.38 1.69 12.92 1.5 12.43 1.5C11.94 1.5 11.48 1.7 11.14 2.04L4.39 8.79C4.1 9.08 4.1 9.56 4.39 9.85ZM16 17.5V15.5H1V17.5H16Z" fill="%23FBFBFE"/>%0A<path d="M15.1616 6.05136L15.1616 6.05132L15.1564 6.05645L8.40645 12.8064C8.35915 12.8537 8.29589 12.88 8.23 12.88C8.16411 12.88 8.10085 12.8537 8.05355 12.8064L7.45857 12.2115L7.10501 11.8579L6.75146 12.2115L6.03289 12.93H3.20465L5.33477 10.7937L5.6873 10.4402L5.33426 10.0871L4.74355 9.49645C4.64882 9.40171 4.64882 9.23829 4.74355 9.14355L11.4936 2.39355C11.7436 2.14354 12.0779 2 12.43 2C12.7883 2 13.1179 2.13776 13.3614 2.38839L13.3613 2.38843L13.3664 2.39355L15.1564 4.18355L15.1564 4.18359L15.1616 4.18864C15.4122 4.43211 15.55 4.76166 15.55 5.12C15.55 5.47834 15.4122 5.80789 15.1616 6.05136ZM7.87645 11.9236L8.23 12.2771L8.58355 11.9236L11.0642 9.44293L11.4177 9.08938L11.0642 8.73582L8.80918 6.48082L8.45562 6.12727L8.10207 6.48082L5.62645 8.95645L5.48 9.10289V9.31V9.32V9.52711L5.62645 9.67355L7.87645 11.9236ZM11.4177 8.38227L11.7713 8.73582L12.1248 8.38227L14.8036 5.70355C15.1288 5.37829 15.1288 4.86171 14.8036 4.53645L13.0136 2.74645C12.8186 2.55146 12.5792 2.5 12.43 2.5H12.4134L12.3967 2.50111L12.43 3C12.3967 2.50111 12.3966 2.50112 12.3965 2.50112L12.3963 2.50114L12.3957 2.50117L12.3947 2.50125L12.3924 2.50142L12.387 2.50184L12.3732 2.50311C12.3628 2.50416 12.3498 2.50567 12.3346 2.50784C12.3049 2.51208 12.2642 2.51925 12.2178 2.53146C12.1396 2.55202 11.9797 2.60317 11.8464 2.73645L9.16273 5.42016L8.80918 5.77372L9.16273 6.12727L11.4177 8.38227ZM1.5 16H15.5V17H1.5V16Z" stroke="%2315141A"/>%0A</svg>%0A') 1 18, pointer;
  --new-alt-text-warning-image:url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.78182 2.63903C8.58882 2.28803 8.25782 2.25003 8.12482 2.25003C7.99019 2.24847 7.85771 2.28393 7.74185 2.35253C7.62599 2.42113 7.5312 2.52023 7.46782 2.63903L1.97082 12.639C1.90673 12.7528 1.87406 12.8816 1.87617 13.0122C1.87828 13.1427 1.91509 13.2704 1.98282 13.382C2.04798 13.4951 2.14207 13.5888 2.25543 13.6535C2.36879 13.7182 2.49732 13.7515 2.62782 13.75H13.6218C13.7523 13.7515 13.8809 13.7182 13.9942 13.6535C14.1076 13.5888 14.2017 13.4951 14.2668 13.382C14.3346 13.2704 14.3714 13.1427 14.3735 13.0122C14.3756 12.8816 14.3429 12.7528 14.2788 12.639L8.78182 2.63903ZM6.37282 2.03703C6.75182 1.34603 7.43882 1.00003 8.12482 1.00003C8.48341 0.997985 8.83583 1.09326 9.14454 1.2757C9.45325 1.45814 9.70668 1.72092 9.87782 2.03603L15.3748 12.036C16.1078 13.369 15.1438 15 13.6228 15H2.62782C1.10682 15 0.141823 13.37 0.875823 12.037L6.37282 2.03703ZM8.74982 9.06203C8.74982 9.22779 8.68397 9.38676 8.56676 9.50397C8.44955 9.62118 8.29058 9.68703 8.12482 9.68703C7.95906 9.68703 7.80009 9.62118 7.68288 9.50397C7.56566 9.38676 7.49982 9.22779 7.49982 9.06203V5.62503C7.49982 5.45927 7.56566 5.3003 7.68288 5.18309C7.80009 5.06588 7.95906 5.00003 8.12482 5.00003C8.29058 5.00003 8.44955 5.06588 8.56676 5.18309C8.68397 5.3003 8.74982 5.45927 8.74982 5.62503V9.06203ZM7.74982 12L7.49982 11.75V11L7.74982 10.75H8.49982L8.74982 11V11.75L8.49982 12H7.74982Z" fill="black"/>%0A</svg>%0A');
}
.textLayer {
  &.highlighting {
    cursor: var(--editorFreeHighlight-editing-cursor);
    &:not(.free) span {
      cursor: var(--editorHighlight-editing-cursor);
      &[role=img] {
        cursor: var(--editorFreeHighlight-editing-cursor);
      }
    }
    &.free span {
      cursor: var(--editorFreeHighlight-editing-cursor);
    }
  }
}
.page:has(.annotationEditorLayer.nonEditing) .annotationLayer .editorAnnotation {
  position: absolute;
  pointer-events: none;
}
#viewerContainer.pdfPresentationMode:fullscreen,
.annotationEditorLayer.disabled {
  .noAltTextBadge {
    display: none !important;
  }
}
@media (min-resolution: 1.1dppx) {
  :root {
    --editorFreeText-editing-cursor:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M12 2.75H12.5V2.25V1V0.5H12H10.358C9.91165 0.5 9.47731 0.625661 9.09989 0.860442L9.09886 0.861087L8 1.54837L6.89997 0.860979L6.89911 0.860443C6.5218 0.625734 6.08748 0.5 5.642 0.5H4H3.5V1V2.25V2.75H4H5.642C5.66478 2.75 5.6885 2.75641 5.71008 2.76968C5.71023 2.76977 5.71038 2.76986 5.71053 2.76995L6.817 3.461C6.81704 3.46103 6.81709 3.46105 6.81713 3.46108C6.81713 3.46108 6.81713 3.46108 6.81714 3.46109C6.8552 3.48494 6.876 3.52285 6.876 3.567V8V12.433C6.876 12.4771 6.85523 12.515 6.81722 12.5389C6.81715 12.5389 6.81707 12.539 6.817 12.539L5.70953 13.23C5.70941 13.2301 5.70929 13.2302 5.70917 13.2303C5.68723 13.2438 5.6644 13.25 5.641 13.25H4H3.5V13.75V15V15.5H4H5.642C6.08835 15.5 6.52269 15.3743 6.90011 15.1396L6.90086 15.1391L8 14.4526L9.10003 15.14L9.10089 15.1406C9.47831 15.3753 9.91265 15.501 10.359 15.501H12H12.5V15.001V13.751V13.251H12H10.358C10.3352 13.251 10.3115 13.2446 10.2899 13.2313C10.2897 13.2312 10.2896 13.2311 10.2895 13.231L9.183 12.54C9.18298 12.54 9.18295 12.54 9.18293 12.54C9.18291 12.5399 9.18288 12.5399 9.18286 12.5399C9.14615 12.5169 9.125 12.4797 9.125 12.434V8V3.567C9.125 3.52266 9.14603 3.48441 9.18364 3.4606C9.18377 3.46052 9.1839 3.46043 9.18404 3.46035L10.2895 2.76995C10.2896 2.76985 10.2898 2.76975 10.2899 2.76966C10.3119 2.75619 10.3346 2.75 10.358 2.75H12Z" fill="black" stroke="white"/>%0A</svg>%0A') 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(--total-scale-factor));
  transform-origin: 0 0;
  cursor: auto;
  .selectedEditor {
    z-index: 100000 !important;
  }
  &.drawing * {
    pointer-events: none !important;
  }
  &.getElements {
    pointer-events: auto !important;
    > div {
      pointer-events: auto !important;
    }
  }
}
.annotationEditorLayer.waiting {
  content: "";
  cursor: wait;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.annotationEditorLayer.disabled {
  pointer-events: none;
  &.highlightEditing :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor, .commentPopup) {
    pointer-events: auto;
  }
}
.annotationEditorLayer.freetextEditing {
  cursor: var(--editorFreeText-editing-cursor);
}
.annotationEditorLayer.inkEditing {
  cursor: var(--editorInk-editing-cursor);
}
.annotationEditorLayer .draw {
  box-sizing: border-box;
}
.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor) {
  position: absolute;
  background: transparent;
  z-index: 1;
  transform-origin: 0 0;
  cursor: auto;
  max-width: 100%;
  max-height: 100%;
  border: var(--unfocus-outline);
  &.draggable.selectedEditor {
    cursor: move;
  }
  &.selectedEditor {
    border: var(--focus-outline);
    outline: var(--focus-outline-around);
    &::before {
      content: "";
      position: absolute;
      inset: 0;
      border: var(--focus-outline-around);
      pointer-events: none;
    }
  }
  &:hover:not(.selectedEditor) {
    border: var(--hover-outline);
    outline: var(--hover-outline-around);
    &::before {
      content: "";
      position: absolute;
      inset: 0;
      border: var(--focus-outline-around);
    }
  }
}
.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor),
.textLayer {
  .editToolbar {
    --editor-toolbar-delete-image:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <path fill-rule="evenodd" clip-rule="evenodd"%0A        d="M11 3H13.6C14 3 14.3 3.3 14.3 3.6C14.3 3.9 14 4.2 13.7 4.2H13.3V14C13.3 15.1 12.4 16 11.3 16H4.80005C3.70005 16 2.80005 15.1 2.80005 14V4.2H2.40005C2.00005 4.2 1.80005 4 1.80005 3.6C1.80005 3.2 2.00005 3 2.40005 3H5.00005V2C5.00005 0.9 5.90005 0 7.00005 0H9.00005C10.1 0 11 0.9 11 2V3ZM6.90005 1.2L6.30005 1.8V3H9.80005V1.8L9.20005 1.2H6.90005ZM11.4 14.7L12 14.1V4.2H4.00005V14.1L4.60005 14.7H11.4ZM7.00005 12.4C7.00005 12.7 6.70005 13 6.40005 13C6.10005 13 5.80005 12.7 5.80005 12.4V7.6C5.70005 7.3 6.00005 7 6.40005 7C6.80005 7 7.00005 7.3 7.00005 7.6V12.4ZM10.2001 12.4C10.2001 12.7 9.90006 13 9.60006 13C9.30006 13 9.00006 12.7 9.00006 12.4V7.6C9.00006 7.3 9.30006 7 9.60006 7C9.90006 7 10.2001 7.3 10.2001 7.6V12.4Z"%0A        fill="black" />%0A</svg>');
    --editor-toolbar-bg-color:light-dark(#f0f0f4, #2b2a33);
    --editor-toolbar-highlight-image:url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <g>%0A      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.10918 11.66C7.24918 11.8 7.43918 11.88 7.63918 11.88C7.83918 11.88 8.02918 11.8 8.16918 11.66L14.9192 4.91C15.2692 4.57 15.4592 4.11 15.4592 3.62C15.4592 3.13 15.2692 2.67 14.9192 2.33L13.1292 0.54C12.7892 0.19 12.3292 0 11.8392 0C11.3492 0 10.8892 0.2 10.5492 0.54L3.79918 7.29C3.50918 7.58 3.50918 8.06 3.79918 8.35L4.38988 8.9407L1.40918 11.93H5.64918L6.51419 11.065L7.10918 11.66ZM7.63918 10.07L5.38918 7.82V7.81L7.8648 5.33438L10.1198 7.58938L7.63918 10.07ZM11.1805 6.52872L13.8592 3.85C13.9892 3.72 13.9892 3.52 13.8592 3.39L12.0692 1.6C11.9892 1.52 11.8892 1.5 11.8392 1.5C11.8392 1.5 11.6892 1.51 11.6092 1.59L8.92546 4.27372L11.1805 6.52872Z" fill="%23000"/>%0A      <path d="M0.40918 14H15.4092V16H0.40918V14Z" fill="%23000"/>%0A    </g>%0A  </svg>');
    --editor-toolbar-fg-color:light-dark(#2e2e56, #fbfbfe);
    --editor-toolbar-border-color:#8f8f9d;
    --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
    --editor-toolbar-hover-bg-color:light-dark(#e0e0e6, #52525e);
    --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
    --editor-toolbar-hover-outline:none;
    --editor-toolbar-focus-outline-color:light-dark(#0060df, #0df);
    --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
    --editor-toolbar-height:28px;
    --editor-toolbar-padding:2px;
    --alt-text-done-color:light-dark(#2ac3a2, #54ffbd);
    --alt-text-warning-color:light-dark(#0090ed, #80ebff);
    --alt-text-hover-done-color:var(--alt-text-done-color);
    --alt-text-hover-warning-color:var(--alt-text-warning-color);
    @media screen and (forced-colors: active) {
      --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;
      --alt-text-done-color:var(--editor-toolbar-fg-color);
      --alt-text-warning-color:var(--editor-toolbar-fg-color);
      --alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color);
      --alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color);
    }
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    height: var(--editor-toolbar-height);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: default;
    pointer-events: auto;
    box-sizing: content-box;
    padding: var(--editor-toolbar-padding);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: calc(100% + var(--editor-toolbar-vert-offset));
    border-radius: 6px;
    background-color: var(--editor-toolbar-bg-color);
    border: 1px solid var(--editor-toolbar-border-color);
    box-shadow: var(--editor-toolbar-shadow);
    &.hidden {
      display: none;
    }
    &:has(:focus-visible) {
      border-color: transparent;
    }
    &:dir(ltr) {
      transform-origin: 100% 0;
    }
    &:dir(rtl) {
      transform-origin: 0 0;
    }
    .buttons {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0;
      height: 100%;
      button {
        padding: 0;
      }
      .divider {
        width: 0;
        height: calc(2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height));
        border-left: 1px solid var(--editor-toolbar-border-color);
        border-right: none;
        display: inline-block;
        margin-inline: 2px;
      }
      .basic {
        width: var(--editor-toolbar-height);
        &::before {
          content: "";
          -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%;
        }
        &:hover::before {
          background-color: var(--editor-toolbar-hover-fg-color);
        }
        &.highlightButton::before {
          -webkit-mask-image: var(--editor-toolbar-highlight-image);
          mask-image: var(--editor-toolbar-highlight-image);
        }
        &.commentButton::before {
          -webkit-mask-image: var(--comment-edit-button-icon);
          mask-image: var(--comment-edit-button-icon);
        }
        &.deleteButton::before {
          -webkit-mask-image: var(--editor-toolbar-delete-image);
          mask-image: var(--editor-toolbar-delete-image);
        }
      }
      > * {
        height: var(--editor-toolbar-height);
      }
      > :not(.divider) {
        border: none;
        background-color: transparent;
        cursor: pointer;
        &: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;
          &:active {
            outline: none;
          }
        }
        &:focus-visible {
          border-radius: 2px;
          outline: 2px solid var(--editor-toolbar-focus-outline-color);
        }
      }
      .altText {
        --alt-text-add-image:url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">%0A   <path d="M5.375 7.625V11.875C5.375 12.0408 5.44085 12.1997 5.55806 12.3169C5.67527 12.4342 5.83424 12.5 6 12.5C6.16576 12.5 6.32473 12.4342 6.44194 12.3169C6.55915 12.1997 6.625 12.0408 6.625 11.875V7.625L7.125 7.125H11.375C11.5408 7.125 11.6997 7.05915 11.8169 6.94194C11.9342 6.82473 12 6.66576 12 6.5C12 6.33424 11.9342 6.17527 11.8169 6.05806C11.6997 5.94085 11.5408 5.875 11.375 5.875H7.125L6.625 5.375V1.125C6.625 0.95924 6.55915 0.800269 6.44194 0.683058C6.32473 0.565848 6.16576 0.5 6 0.5C5.83424 0.5 5.67527 0.565848 5.55806 0.683058C5.44085 0.800269 5.375 0.95924 5.375 1.125V5.375L4.875 5.875H0.625C0.45924 5.875 0.300269 5.94085 0.183058 6.05806C0.065848 6.17527 0 6.33424 0 6.5C0 6.66576 0.065848 6.82473 0.183058 6.94194C0.300269 7.05915 0.45924 7.125 0.625 7.125H4.762L5.375 7.625Z" fill="black"/>%0A</svg> %0A');
        --alt-text-done-image:url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">%0A  <path d="M6 0.5C5.21207 0.5 4.43185 0.655195 3.7039 0.956723C2.97595 1.25825 2.31451 1.70021 1.75736 2.25736C1.20021 2.81451 0.758251 3.47595 0.456723 4.2039C0.155195 4.93185 0 5.71207 0 6.5C0 7.28793 0.155195 8.06815 0.456723 8.7961C0.758251 9.52405 1.20021 10.1855 1.75736 10.7426C2.31451 11.2998 2.97595 11.7417 3.7039 12.0433C4.43185 12.3448 5.21207 12.5 6 12.5C7.5913 12.5 9.11742 11.8679 10.2426 10.7426C11.3679 9.61742 12 8.0913 12 6.5C12 4.9087 11.3679 3.38258 10.2426 2.25736C9.11742 1.13214 7.5913 0.5 6 0.5ZM5.06 8.9L2.9464 6.7856C2.85273 6.69171 2.80018 6.56446 2.80033 6.43183C2.80048 6.29921 2.85331 6.17207 2.9472 6.0784C3.04109 5.98473 3.16834 5.93218 3.30097 5.93233C3.43359 5.93248 3.56073 5.98531 3.6544 6.0792L5.3112 7.7368L8.3464 4.7008C8.44109 4.6109 8.56715 4.56153 8.69771 4.56322C8.82827 4.56492 8.95301 4.61754 9.04534 4.70986C9.13766 4.80219 9.19028 4.92693 9.19198 5.05749C9.19367 5.18805 9.1443 5.31411 9.0544 5.4088L5.5624 8.9H5.06Z" fill="%23FBFBFE"/>%0A</svg> %0A');
        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);
        &:disabled {
          pointer-events: none;
        }
        &::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;
        }
        &:hover::before {
          background-color: var(--editor-toolbar-hover-fg-color);
        }
        &.done::before {
          -webkit-mask-image: var(--alt-text-done-image);
          mask-image: var(--alt-text-done-image);
        }
        &.new {
          &::before {
            width: 16px;
            height: 16px;
            -webkit-mask-image: var(--new-alt-text-warning-image);
            mask-image: var(--new-alt-text-warning-image);
            background-color: var(--alt-text-warning-color);
            -webkit-mask-size: cover;
            mask-size: cover;
          }
          &:hover::before {
            background-color: var(--alt-text-hover-warning-color);
          }
          &.done {
            &::before {
              -webkit-mask-image: var(--alt-text-done-image);
              mask-image: var(--alt-text-done-image);
              background-color: var(--alt-text-done-color);
            }
            &:hover::before {
              background-color: var(--alt-text-hover-done-color);
            }
          }
        }
        .tooltip {
          display: none;
          word-wrap: anywhere;
          &.show {
            --alt-text-tooltip-bg:light-dark(#f0f0f4, #1c1b22);
            --alt-text-tooltip-fg:light-dark(#15141a, #fbfbfe);
            --alt-text-tooltip-border:#8f8f9d;
            --alt-text-tooltip-shadow:0 2px 6px 0 light-dark(rgb(58 57 68 / 0.2), #15141a);
            @media screen and (forced-colors: active) {
              --alt-text-tooltip-bg:Canvas;
              --alt-text-tooltip-fg:CanvasText;
              --alt-text-tooltip-border:CanvasText;
              --alt-text-tooltip-shadow:none;
            }
            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;
          }
        }
      }
      .comment {
        width: var(--editor-toolbar-height);
        &::before {
          content: "";
          -webkit-mask-image: var(--comment-edit-button-icon);
          mask-image: var(--comment-edit-button-icon);
          -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%;
        }
      }
    }
  }
}
.annotationEditorLayer .freeTextEditor {
  padding: calc(var(--freetext-padding) * var(--total-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);
  text-align: start;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.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 .stampEditor {
  width: auto;
  height: auto;
  canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
  }
  .noAltTextBadge {
    --no-alt-text-badge-border-color:light-dark(#f0f0f4, #52525e);
    --no-alt-text-badge-bg-color:light-dark(#cfcfd8, #fbfbfe);
    --no-alt-text-badge-fg-color:light-dark(#5b5b66, #15141a);
    @media screen and (forced-colors: active) {
      --no-alt-text-badge-border-color:ButtonText;
      --no-alt-text-badge-bg-color:ButtonFace;
      --no-alt-text-badge-fg-color:ButtonText;
    }
    position: absolute;
    inset-inline-end: 5px;
    inset-block-end: 5px;
    display: inline-flex;
    width: 32px;
    height: 32px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    z-index: 1;
    border-radius: 2px;
    border: 1px solid var(--no-alt-text-badge-border-color);
    background: var(--no-alt-text-badge-bg-color);
    &::before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      -webkit-mask-image: var(--new-alt-text-warning-image);
      mask-image: var(--new-alt-text-warning-image);
      -webkit-mask-size: cover;
      mask-size: cover;
      background-color: var(--no-alt-text-badge-fg-color);
    }
  }
}
.annotationEditorLayer {
  :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor) {
    & > .resizers {
      position: absolute;
      inset: 0;
      z-index: 1;
      &.hidden {
        display: none;
      }
      & > .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;
        &.topLeft {
          top: var(--resizer-shift);
          left: var(--resizer-shift);
        }
        &.topMiddle {
          top: var(--resizer-shift);
          left: calc(50% + var(--resizer-shift));
        }
        &.topRight {
          top: var(--resizer-shift);
          right: var(--resizer-shift);
        }
        &.middleRight {
          top: calc(50% + var(--resizer-shift));
          right: var(--resizer-shift);
        }
        &.bottomRight {
          bottom: var(--resizer-shift);
          right: var(--resizer-shift);
        }
        &.bottomMiddle {
          bottom: var(--resizer-shift);
          left: calc(50% + var(--resizer-shift));
        }
        &.bottomLeft {
          bottom: var(--resizer-shift);
          left: var(--resizer-shift);
        }
        &.middleLeft {
          top: calc(50% + var(--resizer-shift));
          left: var(--resizer-shift);
        }
      }
    }
  }
  &[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]),
  &[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]),
  &[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]),
  &[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]) {
    & > .resizers > .resizer {
      &.topLeft,
      &.bottomRight {
        cursor: nwse-resize;
      }
      &.topMiddle,
      &.bottomMiddle {
        cursor: ns-resize;
      }
      &.topRight,
      &.bottomLeft {
        cursor: nesw-resize;
      }
      &.middleRight,
      &.middleLeft {
        cursor: ew-resize;
      }
    }
  }
  &[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]),
  &[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]),
  &[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]),
  &[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]) {
    & > .resizers > .resizer {
      &.topLeft,
      &.bottomRight {
        cursor: nesw-resize;
      }
      &.topMiddle,
      &.bottomMiddle {
        cursor: ew-resize;
      }
      &.topRight,
      &.bottomLeft {
        cursor: nwse-resize;
      }
      &.middleRight,
      &.middleLeft {
        cursor: ns-resize;
      }
    }
  }
  & :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) {
        inset-inline-end: calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start: 0;
      }
      &:dir(rtl) {
        inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start: 0;
      }
    }
  }
  & :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(0px - var(--editor-toolbar-vert-offset));
    }
  }
  & :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) {
        inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start: 100%;
      }
      &:dir(rtl) {
        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);
  }
  &.positioned {
    margin: 0;
  }
  & #altTextContainer {
    width: 300px;
    height: -moz-fit-content;
    height: fit-content;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    & #overallDescription {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      align-self: stretch;
      & span {
        align-self: stretch;
      }
      & .title {
        font-size: 13px;
        font-style: normal;
        font-weight: 590;
      }
    }
    & #addDescription {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 8px;
      & .descriptionArea {
        flex: 1;
        padding-inline: 24px 10px;
        textarea {
          width: 100%;
          min-height: 75px;
        }
      }
    }
    & #buttons {
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 8px;
      align-self: stretch;
    }
  }
}
.dialog.newAltText {
  --new-alt-text-ai-disclaimer-icon:url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M3.49073 1.3015L3.30873 2.1505C3.29349 2.22246 3.25769 2.28844 3.20568 2.34045C3.15368 2.39246 3.08769 2.42826 3.01573 2.4435L2.16673 2.6255C1.76473 2.7125 1.76473 3.2865 2.16673 3.3725L3.01573 3.5555C3.08769 3.57074 3.15368 3.60654 3.20568 3.65855C3.25769 3.71056 3.29349 3.77654 3.30873 3.8485L3.49073 4.6975C3.57773 5.0995 4.15173 5.0995 4.23773 4.6975L4.42073 3.8485C4.43598 3.77654 4.47177 3.71056 4.52378 3.65855C4.57579 3.60654 4.64178 3.57074 4.71373 3.5555L5.56173 3.3725C5.96373 3.2855 5.96373 2.7115 5.56173 2.6255L4.71273 2.4435C4.64083 2.42814 4.57491 2.3923 4.52292 2.34031C4.47093 2.28832 4.43509 2.2224 4.41973 2.1505L4.23773 1.3015C4.15073 0.8995 3.57673 0.8995 3.49073 1.3015ZM10.8647 13.9995C10.4853 14.0056 10.1158 13.8782 9.82067 13.6397C9.52553 13.4013 9.32347 13.0667 9.24973 12.6945L8.89273 11.0275C8.83676 10.7687 8.70738 10.5316 8.52009 10.3445C8.3328 10.1574 8.09554 10.0282 7.83673 9.9725L6.16973 9.6155C5.38873 9.4465 4.86473 8.7975 4.86473 7.9995C4.86473 7.2015 5.38873 6.5525 6.16973 6.3845L7.83673 6.0275C8.09551 5.97135 8.33267 5.84193 8.51992 5.65468C8.70716 5.46744 8.83658 5.23028 8.89273 4.9715L9.25073 3.3045C9.41773 2.5235 10.0667 1.9995 10.8647 1.9995C11.6627 1.9995 12.3117 2.5235 12.4797 3.3045L12.8367 4.9715C12.9507 5.4995 13.3647 5.9135 13.8927 6.0265L15.5597 6.3835C16.3407 6.5525 16.8647 7.2015 16.8647 7.9995C16.8647 8.7975 16.3407 9.4465 15.5597 9.6145L13.8927 9.9715C13.6337 10.0275 13.3963 10.157 13.209 10.3445C13.0217 10.5319 12.8925 10.7694 12.8367 11.0285L12.4787 12.6945C12.4054 13.0667 12.2036 13.4014 11.9086 13.6399C11.6135 13.8784 11.2441 14.0057 10.8647 13.9995ZM10.8647 3.2495C10.7667 3.2495 10.5337 3.2795 10.4727 3.5655L10.1147 5.2335C10.0081 5.72777 9.76116 6.18082 9.40361 6.53837C9.04606 6.89593 8.59301 7.14283 8.09873 7.2495L6.43173 7.6065C6.14573 7.6685 6.11473 7.9015 6.11473 7.9995C6.11473 8.0975 6.14573 8.3305 6.43173 8.3925L8.09873 8.7495C8.59301 8.85617 9.04606 9.10307 9.40361 9.46062C9.76116 9.81817 10.0081 10.2712 10.1147 10.7655L10.4727 12.4335C10.5337 12.7195 10.7667 12.7495 10.8647 12.7495C10.9627 12.7495 11.1957 12.7195 11.2567 12.4335L11.6147 10.7665C11.7212 10.272 11.9681 9.81878 12.3256 9.46103C12.6832 9.10329 13.1363 8.85624 13.6307 8.7495L15.2977 8.3925C15.5837 8.3305 15.6147 8.0975 15.6147 7.9995C15.6147 7.9015 15.5837 7.6685 15.2977 7.6065L13.6307 7.2495C13.1365 7.14283 12.6834 6.89593 12.3259 6.53837C11.9683 6.18082 11.7214 5.72777 11.6147 5.2335L11.2567 3.5655C11.1957 3.2795 10.9627 3.2495 10.8647 3.2495ZM3.30873 12.1505L3.49073 11.3015C3.57673 10.8995 4.15073 10.8995 4.23773 11.3015L4.41973 12.1505C4.43509 12.2224 4.47093 12.2883 4.52292 12.3403C4.57491 12.3923 4.64083 12.4281 4.71273 12.4435L5.56173 12.6255C5.96373 12.7115 5.96373 13.2855 5.56173 13.3725L4.71273 13.5545C4.64083 13.5699 4.57491 13.6057 4.52292 13.6577C4.47093 13.7097 4.43509 13.7756 4.41973 13.8475L4.23773 14.6965C4.15173 15.0985 3.57773 15.0985 3.49073 14.6965L3.30873 13.8475C3.29337 13.7756 3.25754 13.7097 3.20555 13.6577C3.15356 13.6057 3.08764 13.5699 3.01573 13.5545L2.16673 13.3725C1.76473 13.2865 1.76473 12.7125 2.16673 12.6255L3.01573 12.4435C3.08769 12.4283 3.15368 12.3925 3.20568 12.3405C3.25769 12.2884 3.29349 12.2225 3.30873 12.1505Z" fill="black"/>%0A</svg>%0A');
  --new-alt-text-spinner-icon:url('data:image/svg+xml,<!-- This Source Code Form is subject to the terms of the Mozilla Public%0A   - License, v. 2.0. If a copy of the MPL was not distributed with this%0A   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->%0A<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">%0A  <style>%0A    @media not (prefers-reduced-motion) {%0A      @keyframes loadingRotate {%0A        from { rotate: 0; } to { rotate: 360deg }%0A      }%0A      %23circle-arrows {%0A        animation: loadingRotate 1.8s linear infinite;%0A        transform-origin: 50% 50%;%0A      }%0A      %23hourglass {%0A        display: none;%0A      }%0A    }%0A%0A    @media (prefers-reduced-motion) {%0A      %23circle-arrows {%0A        display: none;%0A      }%0A    }%0A  <\/style>%0A  <path id="circle-arrows" d="M9 5.528c0 .42.508.63.804.333l2.528-2.528a.47.47 0 0 0 0-.666L9.805.14A.471.471 0 0 0 9 .472v1.866A5.756 5.756 0 0 0 2.25 8c0 .942.232 1.83.635 2.615l1.143-1.143A4.208 4.208 0 0 1 3.75 8 4.254 4.254 0 0 1 8 3.75c.345 0 .68.042 1 .122v1.656zM7 10.472v1.656c.32.08.655.122 1 .122A4.254 4.254 0 0 0 12.25 8c0-.52-.107-1.013-.279-1.474l1.143-1.143c.404.786.636 1.674.636 2.617A5.756 5.756 0 0 1 7 13.662v1.866a.47.47 0 0 1-.804.333l-2.528-2.528a.47.47 0 0 1 0-.666l2.528-2.528a.47.47 0 0 1 .804.333z"/>%0A  <g id="hourglass">%0A    <path d="M13,1 C13.5522847,1 14,1.44771525 14,2 C14,2.55228475 13.5522847,3 13,3 L12.9854217,2.99990801 C12.9950817,3.16495885 13,3.33173274 13,3.5 C13,5.24679885 10.9877318,6.01090495 10.9877318,8.0017538 C10.9877318,9.99260264 13,10.7536922 13,12.5 C13,12.6686079 12.9950617,12.8357163 12.985363,13.0010943 L13,13 C13.5522847,13 14,13.4477153 14,14 C14,14.5522847 13.5522847,15 13,15 L3,15 C2.44771525,15 2,14.5522847 2,14 C2,13.4477153 2.44771525,13 3,13 L3.01463704,13.0010943 C3.00493827,12.8357163 3,12.6686079 3,12.5 C3,10.7536922 4.9877318,9.99260264 5,8.0017538 C5.0122682,6.01090495 3,5.24679885 3,3.5 C3,3.33173274 3.00491834,3.16495885 3.01457832,2.99990801 L3,3 C2.44771525,3 2,2.55228475 2,2 C2,1.44771525 2.44771525,1 3,1 L13,1 Z M10.987,3 L5.012,3 L5.00308914,3.24815712 C5.00103707,3.33163368 5,3.4155948 5,3.5 C5,5.36125069 6.99153646,6.01774089 6.99153646,8.0017538 C6.99153646,9.98576671 5,10.6393737 5,12.5 L5.00307746,12.7513676 L5.01222201,12.9998392 L5.60191711,12.9988344 L6.0425138,12.2959826 C7.02362731,10.7653275 7.67612271,10 8,10 C8.37014547,10 9.16950644,10.9996115 10.3980829,12.9988344 L10.987778,12.9998392 C10.9958674,12.8352104 11,12.66849 11,12.5 C11,10.6393737 8.98689779,10.0147381 8.98689779,8.0017538 C8.98689779,5.98876953 11,5.36125069 11,3.5 L10.9969109,3.24815712 L10.987,3 Z"/>%0A    <path d="M6,4 L10,4 C8.95166016,6 8.28499349,7 8,7 C7.71500651,7 7.04833984,6 6,4 Z"/>%0A  </g>%0A</svg>%0A');
  --preview-image-bg-color:light-dark(#f0f0f4, #2b2a33);
  --preview-image-border:none;
  @media screen and (forced-colors: active) {
    --preview-image-bg-color:ButtonFace;
    --preview-image-border:1px solid ButtonText;
  }
  width: 80%;
  max-width: 570px;
  min-width: 300px;
  padding: 0;
  &.noAi {
    #newAltTextDisclaimer,
    #newAltTextCreateAutomatically {
      display: none !important;
    }
  }
  &.aiInstalling {
    #newAltTextCreateAutomatically {
      display: none !important;
    }
    #newAltTextDownloadModel {
      display: flex !important;
    }
  }
  &.error {
    #newAltTextNotNow {
      display: none !important;
    }
    #newAltTextCancel {
      display: inline-block !important;
    }
  }
  &:not(.error) #newAltTextError {
    display: none !important;
  }
  #newAltTextContainer {
    display: flex;
    width: auto;
    padding: 16px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 12px;
    flex: 0 1 auto;
    line-height: normal;
    #mainContent {
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 12px;
      align-self: stretch;
      flex: 1 1 auto;
      #descriptionAndSettings {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        flex: 1 0 0;
        align-self: stretch;
      }
      #descriptionInstruction {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        flex: 1 1 auto;
        #newAltTextDescriptionContainer {
          width: 100%;
          height: 70px;
          position: relative;
          textarea {
            width: 100%;
            height: 100%;
            padding: 8px;
            &::-moz-placeholder {
              color: var(--text-secondary-color);
            }
            &::placeholder {
              color: var(--text-secondary-color);
            }
          }
          .altTextSpinner {
            display: none;
            position: absolute;
            width: 16px;
            height: 16px;
            inset-inline-start: 8px;
            inset-block-start: 8px;
            -webkit-mask-size: cover;
            mask-size: cover;
            background-color: var(--text-secondary-color);
            pointer-events: none;
          }
          &.loading {
            textarea::-moz-placeholder {
              color: transparent;
            }
            textarea::placeholder {
              color: transparent;
            }
            .altTextSpinner {
              display: inline-block;
              -webkit-mask-image: var(--new-alt-text-spinner-icon);
              mask-image: var(--new-alt-text-spinner-icon);
            }
          }
        }
        #newAltTextDescription {
          font-size: 11px;
        }
        #newAltTextDisclaimer {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          gap: 4px;
          font-size: 11px;
          &::before {
            content: "";
            display: inline-block;
            width: 17px;
            height: 16px;
            -webkit-mask-image: var(--new-alt-text-ai-disclaimer-icon);
            mask-image: var(--new-alt-text-ai-disclaimer-icon);
            -webkit-mask-size: cover;
            mask-size: cover;
            background-color: var(--text-secondary-color);
            flex: 1 0 auto;
          }
        }
      }
      #newAltTextDownloadModel {
        display: flex;
        align-items: center;
        gap: 4px;
        align-self: stretch;
        &::before {
          content: "";
          display: inline-block;
          width: 16px;
          height: 16px;
          -webkit-mask-image: var(--new-alt-text-spinner-icon);
          mask-image: var(--new-alt-text-spinner-icon);
          -webkit-mask-size: cover;
          mask-size: cover;
          background-color: var(--text-secondary-color);
        }
      }
      #newAltTextImagePreview {
        width: 180px;
        aspect-ratio: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 auto;
        background-color: var(--preview-image-bg-color);
        border: var(--preview-image-border);
        > canvas {
          max-width: 100%;
          max-height: 100%;
        }
      }
    }
  }
}
.colorPicker {
  --hover-outline-color:light-dark(#0250bb, #80ebff);
  --selected-outline-color:light-dark(#0060df, #aaf2ff);
  --swatch-border-color:light-dark(#cfcfd8, #52525e);
  @media screen and (forced-colors: active) {
    --hover-outline-color:Highlight;
    --selected-outline-color:var(--hover-outline-color);
    --swatch-border-color:ButtonText;
  }
  .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;
  }
  button:is(:hover, .selected) > .swatch {
    border: none;
  }
}
.basicColorPicker {
  width: 28px;
  &::-moz-color-swatch {
    border-radius: 100%;
    margin: 0;
  }
  &::-webkit-color-swatch {
    border-radius: 100%;
    margin: 0;
  }
}
.annotationEditorLayer {
  &[data-main-rotation="0"] {
    .highlightEditor:not(.free) > .editToolbar {
      rotate: 0deg;
    }
  }
  &[data-main-rotation="90"] {
    .highlightEditor:not(.free) > .editToolbar {
      rotate: 270deg;
    }
  }
  &[data-main-rotation="180"] {
    .highlightEditor:not(.free) > .editToolbar {
      rotate: 180deg;
    }
  }
  &[data-main-rotation="270"] {
    .highlightEditor:not(.free) > .editToolbar {
      rotate: 90deg;
    }
  }
  .highlightEditor {
    position: absolute;
    background: transparent;
    z-index: 1;
    cursor: auto;
    max-width: 100%;
    max-height: 100%;
    border: none;
    outline: none;
    pointer-events: none;
    transform-origin: 0 0;
    &:not(.free) {
      transform: none;
    }
    .internal {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: auto;
    }
    &.disabled .internal {
      pointer-events: none;
    }
    &.selectedEditor {
      .internal {
        cursor: pointer;
      }
    }
    .editToolbar {
      --editor-toolbar-colorpicker-arrow-image:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M8.23336 10.4664L11.8474 6.85339C11.894 6.8071 11.931 6.75203 11.9563 6.69136C11.9816 6.63069 11.9946 6.56562 11.9946 6.49989C11.9946 6.43417 11.9816 6.3691 11.9563 6.30843C11.931 6.24776 11.894 6.19269 11.8474 6.14639C11.7536 6.05266 11.6264 6 11.4939 6C11.3613 6 11.2341 6.05266 11.1404 6.14639L7.99236 9.29339L4.84736 6.14739C4.75305 6.05631 4.62675 6.00592 4.49566 6.00706C4.36456 6.0082 4.23915 6.06078 4.14645 6.15348C4.05374 6.24619 4.00116 6.37159 4.00002 6.50269C3.99888 6.63379 4.04928 6.76009 4.14036 6.85439L7.75236 10.4674L8.23336 10.4664Z" fill="black"/>%0A</svg>%0A');
      transform-origin: center !important;
      .buttons {
        .colorPicker {
          position: relative;
          width: auto;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 4px;
          padding: 4px;
          &::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;
          }
          &:hover::after {
            background-color: var(--editor-toolbar-hover-fg-color);
          }
          &:has(.dropdown:not(.hidden)) {
            background-color: var(--editor-toolbar-hover-bg-color);
            &::after {
              scale: -1;
            }
          }
          .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));
            button {
              width: 100%;
              height: auto;
              border: none;
              cursor: pointer;
              display: flex;
              justify-content: center;
              align-items: center;
              background: none;
              &:is(:active, :focus-visible) {
                outline: none;
              }
              > .swatch {
                outline-offset: 2px;
              }
              &[aria-selected=true] > .swatch {
                outline: 2px solid var(--selected-outline-color);
              }
              &:is(:hover, :active, :focus-visible) > .swatch {
                outline: 2px solid var(--hover-outline-color);
              }
            }
          }
        }
      }
    }
  }
}
.editorParamsToolbar:has(#highlightParamsToolbarContainer) {
  padding: unset;
}
#highlightParamsToolbarContainer {
  gap: 16px;
  padding-inline: 10px;
  padding-block-end: 12px;
  .colorPicker {
    display: flex;
    flex-direction: column;
    gap: 8px;
    .dropdown {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row;
      height: auto;
      button {
        width: auto;
        height: auto;
        border: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
        flex: 0 0 auto;
        padding: 0;
        .swatch {
          width: 24px;
          height: 24px;
        }
        &:is(:active, :focus-visible) {
          outline: none;
        }
        &[aria-selected=true] > .swatch {
          outline: 2px solid var(--selected-outline-color);
        }
        &:is(:hover, :active, :focus-visible) > .swatch {
          outline: 2px solid var(--hover-outline-color);
        }
      }
    }
  }
  #editorHighlightThickness {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    .editorParamsLabel {
      height: auto;
      align-self: stretch;
    }
    .thicknessPicker {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      --example-color:light-dark(#bfbfc9, #80808e);
      @media screen and (forced-colors: active) {
        --example-color:CanvasText;
      }
      :is(& > .editorParamsSlider[disabled]) {
        opacity: 0.4;
      }
      &::before,
      &::after {
        content: "";
        width: 8px;
        aspect-ratio: 1;
        display: block;
        border-radius: 100%;
        background-color: var(--example-color);
      }
      &::after {
        width: 24px;
      }
      .editorParamsSlider {
        width: unset;
        height: 14px;
      }
    }
  }
  #editorHighlightVisibility {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    .divider {
      --divider-color:light-dark(#d7d7db, #8f8f9d);
      @media screen and (forced-colors: active) {
        --divider-color:CanvasText;
      }
      margin-block: 4px;
      width: 100%;
      height: 1px;
      background-color: var(--divider-color);
    }
    .toggler {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
    }
  }
}
#altTextSettingsDialog {
  padding: 16px;
  #altTextSettingsContainer {
    display: flex;
    width: 573px;
    flex-direction: column;
    gap: 16px;
    .mainContainer {
      gap: 16px;
    }
    .description {
      color: var(--text-secondary-color);
    }
    #aiModelSettings {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    #automaticAltText,
    #altTextEditor {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    #createModelDescription,
    #aiModelSettings,
    #showAltTextDialogDescription {
      padding-inline-start: 40px;
    }
    #automaticSettings {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
  }
}
button.hasPopupMenu {
  &[aria-expanded=true] + menu {
    visibility: visible;
  }
  &[aria-expanded=false] + menu {
    visibility: hidden;
  }
}
.popupMenu {
  --menuitem-checkmark-icon:url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">%0A  <g>%0A    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.79253 0.14683C10.2086 0.418844 10.3253 0.976607 10.0533 1.39263L4.56097 9.79263C4.4081 10.0264 4.15533 10.176 3.87682 10.1974C3.5983 10.2189 3.32561 10.1098 3.13874 9.90217L0.231043 6.6714C-0.10147 6.30194 -0.0715196 5.73288 0.29794 5.40037C0.667399 5.06786 1.23646 5.09781 1.56897 5.46727L3.69438 7.82883L8.54674 0.407579C8.81875 -0.00844234 9.37651 -0.125183 9.79253 0.14683Z" fill="black"/>%0A  </g>%0A</svg>');
  --menu-mark-icon-size:0;
  --menu-icon-size:16px;
  --menuitem-gap:5px;
  --menuitem-border-color:transparent;
  --menuitem-active-bg:color-mix( in srgb, var(--menu-text-color), transparent 79% );
  --menuitem-text-active-fg:var(--menu-text-color);
  --menuitem-active-border-color:var(--menuitem-border-color);
  --menuitem-focus-bg:color-mix( in srgb, var(--menu-text-color), transparent 93% );
  --menuitem-focus-outline-color:light-dark(#0062fa, #00cadb);
  --menuitem-focus-border-color:light-dark(white, black);
  --menu-bg:light-dark(white, #23222b);
  --menu-background-blend-mode:normal;
  --menu-box-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --menu-border-color:light-dark(rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1));
  --menuitem-border-radius:8px;
  --menu-backdrop-filter:none;
  --menu-text-color:light-dark(#15141a, #fbfbfe);
  --menu-text-disabled-color:var(--menu-text-color);
  --menuitem-text-hover-fg:var(--menu-text-color);
  --menuitem-hover-bg:color-mix( in srgb, var(--menu-text-color), transparent 86% );
  --menuitem-hover-background-blend-mode:normal;
  --disabled-opacity:0.62;
  @media screen and (forced-colors: active) {
    --menu-bg:Canvas;
    --menu-background-blend-mode:normal;
    --menu-box-shadow:none;
    --menu-backdrop-filter:none;
    --menu-text-color:ButtonText;
    --menu-text-disabled-color:GrayText;
    --menu-border-color:CanvasText;
    --menuitem-border-color:none;
    --menuitem-hover-bg:SelectedItemText;
    --menuitem-text-hover-fg:SelectedItem;
    --menuitem-active-bg:SelectedItemText;
    --menuitem-active-border-color:ButtonText;
    --menuitem-text-active-fg:SelectedItem;
    --menuitem-focus-bg:ButtonFace;
    --menuitem-focus-outline-color:CanvasText;
    --menuitem-focus-border-color:none;
    --disabled-opacity:1;
  }
  display: flex;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  position: relative;
  left: 0;
  top: 1px;
  margin: 0;
  padding: 5px;
  box-sizing: border-box;
  background: var(--menu-bg);
  background-blend-mode: var(--menu-background-blend-mode);
  box-shadow: var(--menu-box-shadow);
  border-radius: 6px;
  border: 1px solid var(--menu-border-color);
  backdrop-filter: var(--menu-backdrop-filter);
  &.withMark {
    --menu-mark-icon-size:16px;
  }
  > button {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 26px;
    padding-inline: calc(var(--menu-mark-icon-size) + var(--menuitem-gap)) var(--menuitem-gap);
    gap: var(--menuitem-gap);
    box-sizing: border-box;
    border-radius: var(--menuitem-border-radius);
    border: 1px solid var(--menuitem-border-color);
    background: transparent;
    &.selected::after {
      content: "";
      display: inline-block;
      width: 11px;
      height: 11px;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-image: var(--menuitem-checkmark-icon);
      mask-image: var(--menuitem-checkmark-icon);
      background-color: var(--menu-text-color);
      position: absolute;
      inset-inline-start: var(--menuitem-gap);
      top: 50%;
      transform: translateY(-50%);
    }
    &:disabled {
      opacity: var(--disabled-opacity);
      &.selected::after {
        background-color: var(--menu-text-disabled-color);
      }
      &:not(.noIcon)::before {
        background-color: var(--menu-text-disabled-color);
      }
      > span {
        color: var(--menu-text-disabled-color);
      }
    }
    &:not(:disabled) {
      &:hover {
        background: var(--menuitem-hover-bg);
        background-blend-mode: var(--menuitem-hover-background-blend-mode);
        &:not(.noIcon)::before {
          background-color: var(--menuitem-text-hover-fg);
        }
        > span {
          color: var(--menuitem-text-hover-fg);
        }
        &.selected::after {
          background-color: var(--menuitem-text-hover-fg);
        }
      }
      &:active {
        background-color: var(--menuitem-active-bg);
        border-color: var(--menuitem-active-border-color);
        > span {
          color: var(--menuitem-text-active-fg);
        }
      }
      &:focus-visible {
        border-color: var(--menuitem-focus-border-color);
        background-color: var(--menuitem-focus-bg);
        outline: 2px solid var(--menuitem-focus-outline-color);
        outline-offset: 2px;
      }
    }
    &:not(.noIcon)::before {
      display: inline-block;
      width: var(--menu-icon-size);
      height: var(--menu-icon-size);
      content: "";
      -webkit-mask-size: cover;
      mask-size: cover;
      -webkit-mask-position: center;
      mask-position: center;
      background-color: var(--menu-text-color);
    }
    > span {
      display: flex;
      align-items: center;
      align-self: stretch;
      width: 100%;
      min-width: -moz-max-content;
      min-width: max-content;
      text-align: start;
      color: var(--menu-text-color);
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      padding-inline-start: 6px;
      font: menu;
      font-size: 13px;
      font-style: normal;
      font-weight: 510;
      line-height: normal;
    }
  }
}
.treeView {
  --treeitem-color:light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8));
  --treeitem-bg-color:light-dark(rgb(0 0 0 / 0.15), rgb(255 255 255 / 0.15));
  --treeitem-hover-color:light-dark(rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9));
  --treeitem-selected-color:light-dark( rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9) );
  --treeitem-selected-bg-color:light-dark( rgb(0 0 0 / 0.25), rgb(255 255 255 / 0.25) );
  --treeitem-expanded-icon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M10 13l4-7H6z"/></svg>');
  --treeitem-collapsed-icon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M13 9L6 5v8z"/></svg>');
  &.withNesting {
    .treeItemToggler {
      &::before {
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        inset-inline-end: 4px;
        content: "";
        background-color: var(--toolbar-icon-bg-color);
        -webkit-mask-image: var(--treeitem-expanded-icon);
        mask-image: var(--treeitem-expanded-icon);
        -webkit-mask-size: cover;
        mask-size: cover;
      }
      position: relative;
      float: inline-start;
      height: 0;
      width: 0;
      color: rgb(255 255 255 / 0.5);
      &.treeItemsHidden {
        &::before {
          -webkit-mask-image: var(--treeitem-collapsed-icon);
          mask-image: var(--treeitem-collapsed-icon);
          transform: scaleX(var(--dir-factor));
        }
        ~ .treeItems {
          display: none;
        }
      }
      &:hover + a,
      &:hover ~ .treeItems {
        background-color: var(--treeitem-bg-color);
        background-clip: padding-box;
        border-radius: 2px;
        color: var(--treeitem-hover-color);
      }
    }
    > .treeItem,
    .treeItem > .treeItems {
      margin-inline-start: 20px;
    }
  }
  &#layersView .treeItem > a {
    * {
      cursor: pointer;
    }
    > label {
      display: flex;
      align-items: center;
      padding-inline-start: 4px;
      > input {
        margin-top: 1px;
      }
    }
  }
  .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: default;
      &:hover {
        background-color: var(--treeitem-bg-color);
        background-clip: padding-box;
        border-radius: 2px;
        color: var(--treeitem-hover-color);
      }
    }
    &.selected > a {
      background-color: var(--treeitem-selected-bg-color);
      color: var(--treeitem-selected-color);
    }
  }
}
#outerContainer {
  &.viewsManagerMoving {
    #viewsManager {
      visibility: visible;
    }
  }
  &.viewsManagerOpen {
    #viewsManager {
      visibility: visible;
      inset-inline-start: 8px;
    }
    #viewerContainer:not(.pdfPresentationMode) {
      inset-inline-start: var(--viewsManager-width, 0);
      transition-property: inset-inline-start;
    }
  }
  &.viewsManagerResizing :is(#sidebarContainer, #viewerContainer, #loadingBar) {
    transition-duration: 0s;
  }
}
#viewsManager {
  --views-manager-button-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A  <path fill-rule="evenodd" clip-rule="evenodd" d="M3 7H5C5.53043 7 6.03914 6.78929 6.41421 6.41421C6.78929 6.03914 7 5.53043 7 5V3C7 2.46957 6.78929 1.96086 6.41421 1.58579C6.03914 1.21071 5.53043 1 5 1H3C2.46957 1 1.96086 1.21071 1.58579 1.58579C1.21071 1.96086 1 2.46957 1 3V5C1 5.53043 1.21071 6.03914 1.58579 6.41421C1.96086 6.78929 2.46957 7 3 7ZM11 7H13C13.5304 7 14.0391 6.78929 14.4142 6.41421C14.7893 6.03914 15 5.53043 15 5V3C15 2.46957 14.7893 1.96086 14.4142 1.58579C14.0391 1.21071 13.5304 1 13 1H11C10.4696 1 9.96086 1.21071 9.58579 1.58579C9.21071 1.96086 9 2.46957 9 3V5C9 5.53043 9.21071 6.03914 9.58579 6.41421C9.96086 6.78929 10.4696 7 11 7ZM5 15H3C2.46957 15 1.96086 14.7893 1.58579 14.4142C1.21071 14.0391 1 13.5304 1 13V11C1 10.4696 1.21071 9.96086 1.58579 9.58579C1.96086 9.21071 2.46957 9 3 9H5C5.53043 9 6.03914 9.21071 6.41421 9.58579C6.78929 9.96086 7 10.4696 7 11V13C7 13.5304 6.78929 14.0391 6.41421 14.4142C6.03914 14.7893 5.53043 15 5 15ZM11 15H13C13.5304 15 14.0391 14.7893 14.4142 14.4142C14.7893 14.0391 15 13.5304 15 13V11C15 10.4696 14.7893 9.96086 14.4142 9.58579C14.0391 9.21071 13.5304 9 13 9H11C10.4696 9 9.96086 9.21071 9.58579 9.58579C9.21071 9.96086 9 10.4696 9 11V13C9 13.5304 9.21071 14.0391 9.58579 14.4142C9.96086 14.7893 10.4696 15 11 15Z" fill="black"/>%0A</svg>');
  --views-manager-button-arrow-icon:url('data:image/svg+xml,<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">%0A  <path d="M4.23336 7.46639L7.84736 3.85339C7.89401 3.8071 7.93104 3.75203 7.9563 3.69136C7.98157 3.63069 7.99458 3.56562 7.99458 3.49989C7.99458 3.43417 7.98157 3.3691 7.9563 3.30843C7.93104 3.24776 7.89401 3.19269 7.84736 3.14639C7.75359 3.05266 7.62644 3 7.49386 3C7.36127 3 7.23412 3.05266 7.14036 3.14639L3.99236 6.29339L0.847356 3.14739C0.753055 3.05631 0.626754 3.00592 0.495655 3.00706C0.364557 3.0082 0.239151 3.06078 0.146447 3.15348C0.0537425 3.24619 0.00115811 3.37159 1.89013e-05 3.50269C-0.00112031 3.63379 0.0492769 3.76009 0.140356 3.85439L3.75236 7.46739L4.23336 7.46639Z" fill="black"/>%0A</svg>');
  --views-manager-add-file-button-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M7.00488 9.75V14C7.00488 14.1658 7.07073 14.3247 7.18794 14.4419C7.30515 14.5592 7.46412 14.625 7.62988 14.625C7.79564 14.625 7.95461 14.5592 8.07183 14.4419C8.18904 14.3247 8.25488 14.1658 8.25488 14V9.75L8.75488 9.25H13.0049C13.1706 9.25 13.3296 9.18415 13.4468 9.06694C13.564 8.94973 13.6299 8.79076 13.6299 8.625C13.6299 8.45924 13.564 8.30027 13.4468 8.18306C13.3296 8.06585 13.1706 8 13.0049 8H8.75488L8.25488 7.5V3.25C8.25488 3.08424 8.18904 2.92527 8.07183 2.80806C7.95461 2.69085 7.79564 2.625 7.62988 2.625C7.46412 2.625 7.30515 2.69085 7.18794 2.80806C7.07073 2.92527 7.00488 3.08424 7.00488 3.25V7.5L6.50488 8H2.25488C2.08912 8 1.93015 8.06585 1.81294 8.18306C1.69573 8.30027 1.62988 8.45924 1.62988 8.625C1.62988 8.79076 1.69573 8.94973 1.81294 9.06694C1.93015 9.18415 2.08912 9.25 2.25488 9.25H6.39188L7.00488 9.75Z" fill="black"/>%0A</svg>%0A');
  --current-outline-button-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M10.803 4.74998V6.02436C10.803 6.39302 10.3571 6.57793 10.0967 6.31753L7.87716 4.098C7.71566 3.93649 7.71566 3.67434 7.87716 3.51283L10.0967 1.29329C10.3571 1.0329 10.8036 1.21722 10.8036 1.58588V3.24998H15V4.74998H10.803ZM8 1.24998H3V2.74998H6.5L8 1.24998ZM6.5 5.24998H3V6.74998H8L6.5 5.24998ZM3 13.25H15V14.75H3V13.25ZM6 9.24998H15V10.75H6V9.24998ZM1.5 5.24998H0V6.74998H1.5V5.24998ZM0 13.25H1.5V14.75H0V13.25ZM1.5 1.24998H0V2.74998H1.5V1.24998ZM3 9.24998H4.5V10.75H3V9.24998Z" fill="black"/>%0A</svg>%0A');
  --menuitem-thumbnailsView-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A  <path fill-rule="evenodd" clip-rule="evenodd" d="M3 7H5C5.53043 7 6.03914 6.78929 6.41421 6.41421C6.78929 6.03914 7 5.53043 7 5V3C7 2.46957 6.78929 1.96086 6.41421 1.58579C6.03914 1.21071 5.53043 1 5 1H3C2.46957 1 1.96086 1.21071 1.58579 1.58579C1.21071 1.96086 1 2.46957 1 3V5C1 5.53043 1.21071 6.03914 1.58579 6.41421C1.96086 6.78929 2.46957 7 3 7ZM11 7H13C13.5304 7 14.0391 6.78929 14.4142 6.41421C14.7893 6.03914 15 5.53043 15 5V3C15 2.46957 14.7893 1.96086 14.4142 1.58579C14.0391 1.21071 13.5304 1 13 1H11C10.4696 1 9.96086 1.21071 9.58579 1.58579C9.21071 1.96086 9 2.46957 9 3V5C9 5.53043 9.21071 6.03914 9.58579 6.41421C9.96086 6.78929 10.4696 7 11 7ZM5 15H3C2.46957 15 1.96086 14.7893 1.58579 14.4142C1.21071 14.0391 1 13.5304 1 13V11C1 10.4696 1.21071 9.96086 1.58579 9.58579C1.96086 9.21071 2.46957 9 3 9H5C5.53043 9 6.03914 9.21071 6.41421 9.58579C6.78929 9.96086 7 10.4696 7 11V13C7 13.5304 6.78929 14.0391 6.41421 14.4142C6.03914 14.7893 5.53043 15 5 15ZM11 15H13C13.5304 15 14.0391 14.7893 14.4142 14.4142C14.7893 14.0391 15 13.5304 15 13V11C15 10.4696 14.7893 9.96086 14.4142 9.58579C14.0391 9.21071 13.5304 9 13 9H11C10.4696 9 9.96086 9.21071 9.58579 9.58579C9.21071 9.96086 9 10.4696 9 11V13C9 13.5304 9.21071 14.0391 9.58579 14.4142C9.96086 14.7893 10.4696 15 11 15Z" fill="black"/>%0A</svg>');
  --menuitem-outlinesView-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M3 1.25H15V2.75H3V1.25ZM15 5.25H3V6.75H15V5.25ZM15 13.25H3V14.75H15V13.25ZM15 9.25H6V10.75H15V9.25ZM0 5.25H1.5V6.75H0V5.25ZM1.5 13.25H0V14.75H1.5V13.25ZM0 1.25H1.5V2.75H0V1.25ZM4.5 9.25H3V10.75H4.5V9.25Z" fill="black"/>%0A</svg>%0A');
  --menuitem-attachmentsView-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M3.5 3.75C3.5 1.67879 5.17879 0 7.25 0C9.32121 0 11 1.67879 11 3.75V10.25C11 11.4922 9.99221 12.5 8.75 12.5C7.50779 12.5 6.5 11.4922 6.5 10.25V3.5H8V10.25C8 10.6638 8.33621 11 8.75 11C9.16379 11 9.5 10.6638 9.5 10.25V3.75C9.5 2.50721 8.49279 1.5 7.25 1.5C6.00721 1.5 5 2.50721 5 3.75V10.75C5 12.8208 6.67921 14.5 8.75 14.5C10.8208 14.5 12.5 12.8208 12.5 10.75V3.5H14V10.75C14 13.6492 11.6492 16 8.75 16C5.85079 16 3.5 13.6492 3.5 10.75V3.75Z" fill="black"/>%0A</svg>%0A');
  --menuitem-layersView-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M8.36645 2.34562C8.13878 2.21813 7.86122 2.21813 7.63355 2.34562L1.38355 5.84562C1.14669 5.97826 1 6.22853 1 6.5C1 6.77147 1.14669 7.02174 1.38355 7.15438L7.63355 10.6544C7.86122 10.7819 8.13878 10.7819 8.36645 10.6544L14.6165 7.15438C14.8533 7.02174 15 6.77147 15 6.5C15 6.22853 14.8533 5.97826 14.6165 5.84562L8.36645 2.34562ZM8 9.14041L3.28499 6.5L8 3.85959L12.715 6.5L8 9.14041ZM1.63647 9.0766L7.99999 12.6404L14.3255 9.09761L15.0585 10.4063L8.36649 14.1543C8.13881 14.2818 7.86122 14.2819 7.63353 14.1543L0.903534 10.3853L1.63647 9.0766Z" fill="black"/>%0A</svg>%0A');
  --manage-button-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M8.35176 10.9989L13.8178 5.53391C13.876 5.47594 13.9222 5.40702 13.9537 5.33113C13.9851 5.25524 14.0013 5.17387 14.0012 5.0917C14.0011 5.00954 13.9848 4.9282 13.9531 4.85238C13.9215 4.77656 13.8751 4.70775 13.8168 4.64991C13.6991 4.53309 13.5401 4.46753 13.3743 4.46753C13.2085 4.46753 13.0494 4.53309 12.9318 4.64991L7.99776 9.58491L3.06776 4.65091C2.9494 4.53853 2.79183 4.47682 2.62863 4.47894C2.46542 4.48106 2.3095 4.54683 2.19409 4.66224C2.07868 4.77765 2.01291 4.93357 2.01079 5.09677C2.00868 5.25997 2.07039 5.41754 2.18276 5.53591L7.64776 10.9999L8.35176 10.9989Z" fill="black"/>%0A</svg>%0A');
  --close-button-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A  <path d="M14 3.06055L9.06055 8L14 12.9385L12.9395 14L8 9.06055L3.06152 14L2.00098 12.9395L6.93848 8L2 3.06152L3.06055 2.00098L7.99902 6.93945L12.9385 2L14 3.06055Z" fill="black"/>%0A</svg>');
  --undo-label-icon:url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">%0A  <path d="M6 0.5C5.21207 0.5 4.43185 0.655195 3.7039 0.956723C2.97595 1.25825 2.31451 1.70021 1.75736 2.25736C1.20021 2.81451 0.758251 3.47595 0.456723 4.2039C0.155195 4.93185 0 5.71207 0 6.5C0 7.28793 0.155195 8.06815 0.456723 8.7961C0.758251 9.52405 1.20021 10.1855 1.75736 10.7426C2.31451 11.2998 2.97595 11.7417 3.7039 12.0433C4.43185 12.3448 5.21207 12.5 6 12.5C7.5913 12.5 9.11742 11.8679 10.2426 10.7426C11.3679 9.61742 12 8.0913 12 6.5C12 4.9087 11.3679 3.38258 10.2426 2.25736C9.11742 1.13214 7.5913 0.5 6 0.5ZM5.06 8.9L2.9464 6.7856C2.85273 6.69171 2.80018 6.56446 2.80033 6.43183C2.80048 6.29921 2.85331 6.17207 2.9472 6.0784C3.04109 5.98473 3.16834 5.93218 3.30097 5.93233C3.43359 5.93248 3.56073 5.98531 3.6544 6.0792L5.3112 7.7368L8.3464 4.7008C8.44109 4.6109 8.56715 4.56153 8.69771 4.56322C8.82827 4.56492 8.95301 4.61754 9.04534 4.70986C9.13766 4.80219 9.19028 4.92693 9.19198 5.05749C9.19367 5.18805 9.1443 5.31411 9.0544 5.4088L5.5624 8.9H5.06Z" fill="%23FBFBFE"/>%0A</svg> %0A');
  --pages-selected-icon:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A  <mask id="mask">%0A    <rect width="16" height="16" rx="2" fill="white"/>%0A    <path d="M12 8L4 8" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A  </mask>%0A  <rect width="16" height="16" fill="black" mask="url(%23mask)"/>%0A</svg>');
  --spinner-icon:url('data:image/svg+xml,<!-- This Source Code Form is subject to the terms of the Mozilla Public%0A   - License, v. 2.0. If a copy of the MPL was not distributed with this%0A   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->%0A<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">%0A  <style>%0A    @media not (prefers-reduced-motion) {%0A      @keyframes loadingRotate {%0A        from { rotate: 0; } to { rotate: 360deg }%0A      }%0A      %23circle-arrows {%0A        animation: loadingRotate 1.8s linear infinite;%0A        transform-origin: 50% 50%;%0A      }%0A      %23hourglass {%0A        display: none;%0A      }%0A    }%0A%0A    @media (prefers-reduced-motion) {%0A      %23circle-arrows {%0A        display: none;%0A      }%0A    }%0A  <\/style>%0A  <path id="circle-arrows" d="M9 5.528c0 .42.508.63.804.333l2.528-2.528a.47.47 0 0 0 0-.666L9.805.14A.471.471 0 0 0 9 .472v1.866A5.756 5.756 0 0 0 2.25 8c0 .942.232 1.83.635 2.615l1.143-1.143A4.208 4.208 0 0 1 3.75 8 4.254 4.254 0 0 1 8 3.75c.345 0 .68.042 1 .122v1.656zM7 10.472v1.656c.32.08.655.122 1 .122A4.254 4.254 0 0 0 12.25 8c0-.52-.107-1.013-.279-1.474l1.143-1.143c.404.786.636 1.674.636 2.617A5.756 5.756 0 0 1 7 13.662v1.866a.47.47 0 0 1-.804.333l-2.528-2.528a.47.47 0 0 1 0-.666l2.528-2.528a.47.47 0 0 1 .804.333z"/>%0A  <g id="hourglass">%0A    <path d="M13,1 C13.5522847,1 14,1.44771525 14,2 C14,2.55228475 13.5522847,3 13,3 L12.9854217,2.99990801 C12.9950817,3.16495885 13,3.33173274 13,3.5 C13,5.24679885 10.9877318,6.01090495 10.9877318,8.0017538 C10.9877318,9.99260264 13,10.7536922 13,12.5 C13,12.6686079 12.9950617,12.8357163 12.985363,13.0010943 L13,13 C13.5522847,13 14,13.4477153 14,14 C14,14.5522847 13.5522847,15 13,15 L3,15 C2.44771525,15 2,14.5522847 2,14 C2,13.4477153 2.44771525,13 3,13 L3.01463704,13.0010943 C3.00493827,12.8357163 3,12.6686079 3,12.5 C3,10.7536922 4.9877318,9.99260264 5,8.0017538 C5.0122682,6.01090495 3,5.24679885 3,3.5 C3,3.33173274 3.00491834,3.16495885 3.01457832,2.99990801 L3,3 C2.44771525,3 2,2.55228475 2,2 C2,1.44771525 2.44771525,1 3,1 L13,1 Z M10.987,3 L5.012,3 L5.00308914,3.24815712 C5.00103707,3.33163368 5,3.4155948 5,3.5 C5,5.36125069 6.99153646,6.01774089 6.99153646,8.0017538 C6.99153646,9.98576671 5,10.6393737 5,12.5 L5.00307746,12.7513676 L5.01222201,12.9998392 L5.60191711,12.9988344 L6.0425138,12.2959826 C7.02362731,10.7653275 7.67612271,10 8,10 C8.37014547,10 9.16950644,10.9996115 10.3980829,12.9988344 L10.987778,12.9998392 C10.9958674,12.8352104 11,12.66849 11,12.5 C11,10.6393737 8.98689779,10.0147381 8.98689779,8.0017538 C8.98689779,5.98876953 11,5.36125069 11,3.5 L10.9969109,3.24815712 L10.987,3 Z"/>%0A    <path d="M6,4 L10,4 C8.95166016,6 8.28499349,7 8,7 C7.71500651,7 7.04833984,6 6,4 Z"/>%0A  </g>%0A</svg>%0A');
  --sidebar-bg-color:light-dark(rgb(255 255 255 / 0.92), rgb(66 65 77 / 0.92));
  --sidebar-backdrop-filter:blur(7px);
  --sidebar-width:230px;
  --sidebar-min-width:min-content;
  --sidebar-max-width:50vw;
  --sidebar-block-padding:8px;
  --text-color:light-dark(#15141a, #fbfbfe);
  --button-fg:var(--text-color);
  --button-no-bg:transparent;
  --button-bg:light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07));
  --button-border-color:transparent;
  --button-hover-bg:light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14));
  --button-hover-fg:var(--text-color);
  --button-hover-border-color:var(--button-border-color);
  --button-active-bg:light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21));
  --button-active-fg:var(--text-color);
  --button-active-border-color:var(--button-border-color);
  --button-focus-no-bg:color-mix(in srgb, var(--text-color), transparent 93%);
  --button-focus-outline-color:light-dark(#0062fa, #00cadb);
  --button-focus-border-color:light-dark(white, black);
  --status-border-color:transparent;
  --status-actions-bg:light-dark( rgb(21 20 26 / 0.03), rgb(251 251 254 / 0.03) );
  --status-undo-bg:light-dark(rgb(0 98 250 / 0.08), rgb(0 202 219 / 0.08));
  --status-waiting-bg:var(--status-undo-bg);
  --indicator-color:light-dark(#0062fa, #00cadb);
  --status-warning-bg:light-dark(#ffe8ea, #6e001f);
  --indicator-warning-color:light-dark(#b20037, #ffa0aa);
  --header-shadow:0 0.25px 0.75px -0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px -6px light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --header-bg:light-dark(rgb(255 255 255 / 0.92), #42414e);
  --image-outline:none;
  --image-border-width:6px;
  --image-border-color:light-dark(#cfcfd8, #3a3944);
  --image-hover-border-color:#bfbfc9;
  --image-current-border-color:var(--button-focus-outline-color);
  --image-current-focused-outline-color:var(--image-hover-border-color);
  --image-page-number-bg:light-dark(#f0f0f4, #42414d);
  --image-page-number-fg:var(--text-color);
  --image-page-number-border-color:transparent;
  --image-hover-page-number-bg:var(--image-page-number-bg);
  --image-hover-page-number-fg:var(--image-page-number-fg);
  --image-current-page-number-bg:var(--image-current-border-color);
  --image-current-page-number-fg:light-dark(#fff, #15141a);
  --image-current-hover-page-number-bg:var(--image-current-page-number-bg);
  --image-current-hover-page-number-fg:var(--image-current-page-number-fg);
  --image-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
    0 0 0 1px var(--image-border-color),
    0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --image-hover-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
    0 0 0 1px light-dark(rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1)),
    0 0 0 var(--image-border-width) var(--image-hover-border-color),
    0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --image-current-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
    0 0 0 var(--image-border-width) var(--image-current-border-color),
    0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --image-dragging-placeholder-bg:light-dark( rgb(0 98 250 / 0.08), rgb(0 202 219 / 0.08) );
  --image-dragging-placeholder-border:var(--image-outline);
  --multiple-dragging-bg:white;
  --image-multiple-dragging-shadow:0 0 0 var(--image-border-width) var(--image-current-border-color),
    var(--image-border-width) var(--image-border-width) 0 calc(var(--image-border-width) / 2) var(--multiple-dragging-bg),
    var(--image-border-width) var(--image-border-width) 0 calc(3 * var(--image-border-width) / 2) var(--image-current-border-color);
  --image-dragging-shadow:0 0 0 var(--image-border-width) var(--image-current-border-color);
  --multiple-dragging-indicator-bg:var(--indicator-color);
  --multiple-dragging-text-color:light-dark(#fbfbfe, #15141a);
  @media screen and (forced-colors: active) {
    --text-color:CanvasText;
    --button-fg:ButtonText;
    --button-bg:ButtonFace;
    --button-no-bg:ButtonFace;
    --button-border-color:ButtonText;
    --button-hover-bg:SelectedItemText;
    --button-hover-fg:SelectedItem;
    --button-hover-border-color:SelectedItem;
    --button-active-bg:SelectedItemText;
    --button-active-fg:SelectedItem;
    --button-active-border-color:ButtonText;
    --button-focus-no-bg:ButtonFace;
    --button-focus-outline-color:CanvasText;
    --button-focus-border-color:none;
    --status-border-color:CanvasText;
    --status-undo-bg:none;
    --indicator-color:CanvasText;
    --status-warning-bg:none;
    --indicator-warning-color:CanvasText;
    --header-shadow:none;
    --image-shadow:none;
    --image-outline:1px solid ButtonText;
    --image-focus-outline-color:CanvasText;
    --image-hover-border-color:SelectedItem;
    --image-hover-page-number-bg:SelectedItemText;
    --image-hover-page-number-fg:SelectedItem;
    --image-current-page-number-bg:ButtonText;
    --image-current-page-number-fg:ButtonFace;
    --image-current-border-color:ButtonText;
    --image-current-focused-outline-color:var(--image-hover-border-color);
    --image-current-hover-page-number-bg:SelectedItem;
    --image-current-hover-page-number-fg:SelectedItemText;
    --image-page-number-bg:ButtonFace;
    --image-page-number-fg:ButtonText;
    --image-page-number-border-color:var(--image-page-number-fg);
    --multiple-dragging-bg:Canvas;
    --multiple-dragging-indicator-bg:ButtonBorder;
    --multiple-dragging-text-color:Canvas;
    --image-dragging-placeholder-bg:Canvas;
    --image-dragging-placeholder-border:1px GrayText solid;
  }
  display: flex;
  padding-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  inset-block-start: calc(100% + var(--sidebar-block-padding));
  height: calc(var(--viewer-container-height) - 2 * var(--sidebar-block-padding));
  position: absolute;
  inset-inline-start: calc(-1 * var(--viewsManager-width, --sidebar-width) - 1px);
  transition-property: inset-inline-start;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
  .sidebarResizer {
    inset-inline-start: calc(100% + 4px);
  }
  .viewsManagerButton {
    width: auto;
    color: var(--button-fg);
    border-radius: 8px;
    border: 1px solid var(--button-border-color);
    background: var(--button-bg);
    &:hover {
      background-color: var(--button-hover-bg) !important;
      color: var(--button-hover-fg) !important;
      border-color: var(--button-hover-border-color) !important;
      &::before {
        background-color: var(--button-hover-fg) !important;
      }
    }
    &:active {
      background: var(--button-active-bg) !important;
      color: var(--button-active-fg) !important;
      border-color: var(--button-active-border-color) !important;
      &::before {
        background-color: var(--button-active-fg) !important;
      }
    }
    &:focus-visible {
      outline: 2px solid var(--button-focus-outline-color);
      outline-offset: 2px;
      border-color: var(--button-focus-border-color);
    }
    &.viewsCloseButton {
      width: 26px;
      height: 26px;
      padding: 4px;
      border-radius: 8px;
      background: none;
      &::before {
        -webkit-mask-image: var(--close-button-icon);
        mask-image: var(--close-button-icon);
      }
    }
  }
  #viewsManagerHeader {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    box-shadow: var(--header-shadow);
    flex: 0 0 auto;
    background-color: var(--header-bg);
    .viewsManagerLabel {
      flex: 1 1 auto;
      color: var(--text-color);
      text-align: center;
      height: -moz-fit-content;
      height: fit-content;
      width: -moz-fit-content;
      width: fit-content;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      font: menu;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
    #viewsManagerTitle {
      display: flex;
      flex-direction: row;
      align-items: center;
      align-self: stretch;
      justify-content: space-between;
      width: auto;
      padding: 12px 16px 12px 8px;
      &:not(:has(#viewsManagerHeaderLabel ~ button:not([hidden])))::after {
        content: "";
        flex: 0 0 auto;
        width: 32px;
        height: 32px;
        pointer-events: none;
      }
      #viewsManagerSelector {
        width: 48px;
        height: 32px;
        display: block;
        > button {
          background: var(--button-no-bg);
          width: 100%;
          height: 100%;
          &:focus-visible {
            background-color: var(--button-focus-no-bg);
          }
          &::before {
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: var(--views-manager-button-icon);
            mask-image: var(--views-manager-button-icon);
            background-color: var(--button-fg);
          }
          &::after {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-left: 8px;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-image: var(--views-manager-button-arrow-icon);
            mask-image: var(--views-manager-button-arrow-icon);
            background-color: var(--button-fg);
          }
          &:hover {
            &::before,
            &::after {
              background-color: var(--button-hover-fg) !important;
            }
          }
          &:active {
            &::before,
            &::after {
              background-color: var(--button-active-fg) !important;
            }
          }
        }
        > .popupMenu {
          min-width: 182px;
          z-index: 1;
          > button {
            &#thumbnailsViewMenu::before {
              -webkit-mask-image: var(--menuitem-thumbnailsView-icon);
              mask-image: var(--menuitem-thumbnailsView-icon);
            }
            &#outlinesViewMenu::before {
              -webkit-mask-image: var(--menuitem-outlinesView-icon);
              mask-image: var(--menuitem-outlinesView-icon);
            }
            &#attachmentsViewMenu::before {
              -webkit-mask-image: var(--menuitem-attachmentsView-icon);
              mask-image: var(--menuitem-attachmentsView-icon);
            }
            &#layersViewMenu::before {
              -webkit-mask-image: var(--menuitem-layersView-icon);
              mask-image: var(--menuitem-layersView-icon);
            }
          }
        }
      }
      #viewsManagerAddFileButton {
        background: var(--button-no-bg);
        width: 32px;
        height: 32px;
        &:focus-visible {
          background-color: var(--button-focus-no-bg);
        }
        &::before {
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          -webkit-mask-image: var(--views-manager-add-file-button-icon);
          mask-image: var(--views-manager-add-file-button-icon);
          background-color: var(--button-fg);
        }
        > input {
          display: none;
        }
      }
      #viewsManagerCurrentOutlineButton {
        background: var(--button-no-bg);
        width: 32px;
        height: 32px;
        &:focus-visible {
          background-color: var(--button-focus-no-bg);
        }
        &::before {
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          -webkit-mask-image: var(--current-outline-button-icon);
          mask-image: var(--current-outline-button-icon);
          background-color: var(--button-fg);
        }
      }
    }
    #viewsManagerStatus {
      display: grid;
      width: 100%;
      border: 1px solid var(--status-border-color);
      > div {
        min-height: 64px;
        width: 100%;
        padding-inline: 16px;
        grid-area: 1 / 1;
        box-sizing: border-box;
        &.hidden {
          visibility: hidden;
          display: unset !important;
        }
      }
      .viewsManagerStatusLabel {
        display: flex;
        align-items: center;
        gap: 8px;
        font: menu;
        font-size: 13px;
      }
      #viewsManagerStatusAction {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        background-color: var(--status-actions-bg);
        #viewsManagerStatusActionLabelContainer > button {
          position: relative;
          width: var(--icon-size);
          height: var(--icon-size);
          border: none;
          padding: 0;
          flex: 0 0 auto;
          &::before {
            content: "";
            position: absolute;
            inset: 0;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center;
            background-color: var(--indicator-color);
            -webkit-mask-image: var(--pages-selected-icon);
            mask-image: var(--pages-selected-icon);
          }
          @media screen and (forced-colors: active) {
            border-radius: 2px;
            background-color: var(--button-bg);
            &::before {
              background-color: var(--button-fg);
            }
            &:hover {
              background-color: var(--button-hover-bg);
              &::before {
                background-color: var(--button-hover-fg);
              }
            }
            &:active {
              background-color: var(--button-active-bg);
              &::before {
                background-color: var(--button-active-fg);
              }
            }
          }
          &#viewsManagerStatusActionDeselectButton:focus-visible {
            outline: 2px solid var(--button-focus-outline-color);
            border: 1px solid var(--button-focus-border-color);
            border-radius: 2px;
            outline-offset: 1px;
          }
        }
        #actionSelector {
          height: 32px;
          min-width: 115px;
          width: auto;
          display: block;
          #viewsManagerStatusActionButton {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            width: 100%;
            height: 100%;
            padding: 4px 16px;
            &::after {
              content: "";
              display: inline-block;
              width: var(--icon-size);
              height: var(--icon-size);
              -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
              -webkit-mask-position: center;
              mask-position: center;
              -webkit-mask-image: var(--manage-button-icon);
              mask-image: var(--manage-button-icon);
              background-color: var(--button-fg);
            }
            &:hover::after {
              background-color: var(--button-hover-fg) !important;
            }
            &:active::after {
              background-color: var(--button-active-fg) !important;
            }
          }
          > .popupMenu {
            width: 100%;
            min-width: -moz-fit-content;
            min-width: fit-content;
            z-index: 1;
          }
        }
      }
      #viewsManagerStatusUndo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        background-color: var(--status-undo-bg);
        > span::before {
          content: "";
          display: inline-block;
          width: var(--icon-size);
          height: var(--icon-size);
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          -webkit-mask-position: center;
          mask-position: center;
          -webkit-mask-image: var(--undo-label-icon);
          mask-image: var(--undo-label-icon);
          background-color: var(--indicator-color);
        }
        > div {
          display: flex;
          align-items: center;
          gap: 8px;
          width: auto;
          #viewsManagerStatusUndoButton {
            width: auto;
            min-height: 24px;
            padding: 4px 8px;
          }
        }
      }
      #viewsManagerStatusWarning {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--status-warning-bg);
        > span {
          align-items: flex-start;
          &::before {
            content: "";
            display: inline-block;
            width: var(--icon-size);
            height: var(--icon-size);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center;
            background-color: var(--indicator-warning-color);
            -webkit-mask-image: var(--undo-label-icon);
            mask-image: var(--undo-label-icon);
            flex: 0 0 auto;
          }
        }
      }
      #viewsManagerStatusWaiting {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--status-waiting-bg);
        > span::before {
          content: "";
          display: inline-block;
          width: var(--icon-size);
          height: var(--icon-size);
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          -webkit-mask-position: center;
          mask-position: center;
          background-color: var(--indicator-color);
          -webkit-mask-image: var(--spinner-icon);
          mask-image: var(--spinner-icon);
          flex: 0 0 auto;
        }
      }
    }
  }
  #viewsManagerContent {
    width: 100%;
    flex: 1 1 0%;
    overflow: auto;
    &:has(#thumbnailsView.isDragging) {
      overflow-x: hidden;
    }
    #thumbnailsView {
      --thumbnail-width:126px;
      --gap-between-input-and-thumbnail:16px;
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: space-evenly;
      padding: 20px 32px;
      gap: 44px;
      width: 100%;
      box-sizing: border-box;
      position: relative;
      &.isDragging {
        cursor: grabbing;
        > .thumbnail {
          > .thumbnailImageContainer:hover {
            cursor: grabbing;
            &:not([aria-current=page]) {
              box-shadow: var(--image-shadow);
            }
          }
          > input {
            pointer-events: none;
          }
        }
      }
      &.isDragging > .dragMarker,
      &.isDraggingFile > .dragMarker {
        position: absolute;
        top: 0;
        left: 0;
        border: 2px solid var(--indicator-color);
        contain: strict;
      }
      &.pasteMode {
        gap: var(--gap-between-input-and-thumbnail);
        > .thumbnail {
          flex-direction: column;
          > input {
            display: none;
          }
          > .thumbnailPasteButton {
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 16px;
            min-height: 24px;
            padding: 4px 16px;
            font: menu;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
          }
        }
      }
      &:not(.pasteMode) > .thumbnail > .thumbnailPasteButton {
        display: none;
      }
      > .thumbnail {
        --input-dim:16px;
        &:not(&:has(input)) {
          --input-dim:0px;
          --gap-between-input-and-thumbnail:0px;
        }
        display: inline-flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row-reverse;
        gap: var(--gap-between-input-and-thumbnail);
        width: calc(var(--thumbnail-width) + 2 * (var(--input-dim) + var(--gap-between-input-and-thumbnail)));
        height: auto;
        position: relative;
        scroll-margin-top: 20px;
        .thumbnailPasteButton {
          padding: 8px 0;
          text-align: center;
        }
        &:not(.isDragging) > .thumbnailImageContainer::after {
          content: attr(page-number);
          border-radius: 8px;
          border: 1px solid var(--image-page-number-border-color);
          background-color: var(--image-page-number-bg);
          color: var(--image-page-number-fg);
          position: absolute;
          bottom: 5px;
          inset-inline-end: 50%;
          min-width: 32px;
          height: 16px;
          text-align: center;
          box-sizing: content-box;
          translate: calc(var(--dir-factor) * 50%);
          font: menu;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          pointer-events: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
        }
        &:has([aria-current=page]):not(.isDragging) > .thumbnailImageContainer::after {
          background-color: var(--image-current-page-number-bg);
          color: var(--image-current-page-number-fg);
          outline: 1px solid var(--image-current-border-color);
        }
        &.isDragging > input {
          visibility: hidden;
        }
        > input {
          margin: 0;
          width: var(--input-dim);
          height: var(--input-dim);
          accent-color: var(--indicator-color);
        }
        > .thumbnailImageContainer {
          --thumbnail-dragging-scale:1.4;
          width: var(--thumbnail-width);
          border: none;
          border-radius: 8px;
          box-shadow: var(--image-shadow);
          box-sizing: content-box;
          outline: var(--image-outline);
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
          position: relative;
          img {
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 8px;
            outline: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            pointer-events: none;
          }
          &.missingThumbnailImage {
            content-visibility: hidden;
          }
          &:hover {
            cursor: pointer;
            box-shadow: var(--image-hover-shadow);
            &::after {
              background-color: var(--image-hover-page-number-bg);
              color: var(--image-hover-page-number-fg);
            }
            @media screen and (forced-colors: active) {
              box-shadow: none;
              outline: var(--image-border-width) var(--image-hover-border-color) solid;
            }
          }
          &:focus-visible {
            &:not([aria-current=page]) {
              box-shadow: var(--image-hover-shadow);
              outline: none;
              @media screen and (forced-colors: active) {
                box-shadow: none;
                outline: var(--image-border-width) var(--image-focus-outline-color) solid;
              }
            }
            &[aria-current=page] {
              outline: var(--image-border-width) solid var(--image-current-focused-outline-color);
              outline-offset: var(--image-border-width);
              @media screen and (forced-colors: active) {
                box-shadow: none;
                outline: var(--image-border-width) var(--image-current-border-color) solid;
                outline-offset: 0;
                > img {
                  outline: var(--image-border-width) var(--image-focus-outline-color) solid;
                  outline-offset: var(--image-border-width);
                }
              }
            }
            @media screen and (forced-colors: active) {
              box-shadow: none;
              outline: var(--image-border-width) var(--image-current-border-color) solid;
              &:hover > img {
                outline: var(--image-border-width) var(--image-hover-border-color) solid;
                outline-offset: var(--image-border-width);
              }
            }
          }
          &[aria-current=page] {
            box-shadow: var(--image-current-shadow);
            &:hover::after {
              background-color: var(--image-current-hover-page-number-bg);
              color: var(--image-current-hover-page-number-fg);
            }
            @media screen and (forced-colors: active) {
              box-shadow: none;
              outline: var(--image-border-width) var(--image-current-border-color) solid;
              &:hover > img {
                outline: var(--image-border-width) var(--image-hover-border-color) solid;
                outline-offset: var(--image-border-width);
              }
            }
          }
          &.placeholder {
            background-color: var(--image-dragging-placeholder-bg);
            box-shadow: none !important;
            outline: var(--image-dragging-placeholder-border);
          }
          &.draggingThumbnail {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            transform-origin: 0 0 0;
            scale: calc(1 / var(--thumbnail-dragging-scale));
            pointer-events: none;
            box-shadow: var(--image-dragging-shadow);
            &.multiple {
              box-shadow: var(--image-multiple-dragging-shadow);
              @media screen and (forced-colors: active) {
                forced-color-adjust: none;
                box-shadow: var(--image-multiple-dragging-shadow);
              }
              > .thumbnailImageContainer {
                position: absolute;
                top: 0;
                left: 0;
                width: var(--thumbnail-width);
                border: none;
                border-radius: 8px;
                box-sizing: content-box;
                outline: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
              }
              &::after {
                content: attr(data-multiple-count);
                border-radius: calc(8px * var(--thumbnail-dragging-scale));
                background-color: var(--multiple-dragging-indicator-bg);
                color: var(--multiple-dragging-text-color);
                position: absolute;
                inset-block-end: calc(4px * var(--thumbnail-dragging-scale));
                inset-inline-start: calc(4px * var(--thumbnail-dragging-scale));
                min-width: calc(32px * var(--thumbnail-dragging-scale));
                height: calc(16px * var(--thumbnail-dragging-scale));
                text-align: center;
                font: menu;
                font-size: calc(13px * var(--thumbnail-dragging-scale));
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                contain: strict;
              }
            }
          }
        }
      }
    }
    #attachmentsView {
      --attachment-color:light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8));
      --attachment-bg-color:light-dark( rgb(0 0 0 / 0.15), rgb(255 255 255 / 0.15) );
      --attachment-hover-color:light-dark( rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9) );
      > ul {
        list-style-type: none;
        padding: 0;
        > li > 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(--attachment-color);
          font-size: 13px;
          line-height: 15px;
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
          white-space: normal;
          cursor: pointer;
          &:hover {
            background-color: var(--attachment-bg-color);
            background-clip: padding-box;
            border-radius: 2px;
            color: var(--attachment-hover-color);
          }
        }
      }
    }
  }
}
.sidebar {
  --sidebar-bg-color:light-dark(#fff, #23222b);
  --sidebar-border-color:light-dark( rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1) );
  --sidebar-box-shadow:0 0.25px 0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --sidebar-backdrop-filter:none;
  --sidebar-border-radius:8px;
  --sidebar-padding:5px;
  --sidebar-min-width:180px;
  --sidebar-max-width:632px;
  --sidebar-width:239px;
  --resizer-width:4px;
  --resizer-shift:calc(0px - var(--resizer-width) - 2px);
  --resizer-hover-bg-color:light-dark(#0062fa, #00cadb);
  @media screen and (forced-colors: active) {
    --sidebar-bg-color:Canvas;
    --sidebar-border-color:CanvasText;
    --sidebar-box-shadow:none;
    --resizer-hover-bg-color:CanvasText;
  }
  border-radius: var(--sidebar-border-radius);
  box-shadow: var(--sidebar-box-shadow);
  border: 1px solid var(--sidebar-border-color);
  background-color: var(--sidebar-bg-color);
  inset-block-start: calc(100% + var(--doorhanger-height) - 2px);
  padding-block: var(--sidebar-padding);
  width: var(--sidebar-width);
  min-width: var(--sidebar-min-width);
  max-width: var(--sidebar-max-width);
  backdrop-filter: var(--sidebar-backdrop-filter);
  box-sizing: border-box;
  position: relative;
  .sidebarResizer {
    width: var(--resizer-width);
    background-color: transparent;
    forced-color-adjust: none;
    cursor: ew-resize;
    position: absolute;
    inset-block: 0;
    inset-inline-start: var(--resizer-shift);
    transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-block-width: 0;
    background-clip: content-box;
    &:hover {
      background-color: var(--resizer-hover-bg-color);
      border-color: white;
    }
    &:focus-visible {
      background-color: var(--resizer-hover-bg-color);
      outline: none;
    }
  }
  &.resizing {
    cursor: ew-resize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    :not(.sidebarResizer) {
      pointer-events: none;
    }
    .sidebarResizer {
      background-color: var(--resizer-hover-bg-color);
    }
  }
}
:root {
  color-scheme: light dark;
  --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;
  --focus-ring-color:light-dark(#0060df, #0df);
  --focus-ring-outline:2px solid var(--focus-ring-color);
  --new-badge-bg:light-dark(#070, #37b847);
  --new-badge-color:light-dark(#fff, #15141a);
  --new-badge-border-color:light-dark(#fbfbfe / 40%, #15141a / 40%);
  @media screen and (forced-colors: active) {
    --pdfViewer-padding-bottom:9px;
    --page-margin:8px auto -1px;
    --page-border:1px solid CanvasText;
    --spreadHorizontalWrapped-margin-LR:3.5px;
    --focus-ring-color:CanvasText;
    --new-badge-bg:AccentColor;
    --new-badge-color:ButtonFace;
    --new-badge-border-color:CanvasText;
  }
}
.newBadge {
  background-color: var(--new-badge-bg);
  color: var(--new-badge-color);
  border-radius: 4px;
  border: 1px solid var(--new-badge-border-color);
  padding-inline: 4px;
  margin-inline: 4px;
  font: menu;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 0 0 fit-content;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[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%);
}
.pdfViewer {
  --scale-factor:1;
  --page-bg-color:unset;
  padding-bottom: var(--pdfViewer-padding-bottom);
  --hcm-highlight-filter:none;
  --hcm-highlight-selected-filter:none;
  @media screen and (forced-colors: active) {
    --hcm-highlight-filter:invert(100%);
  }
  &.copyAll {
    cursor: wait;
  }
  .canvasWrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    canvas {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      display: block;
      width: 100%;
      height: 100%;
      contain: content;
      .structTree {
        contain: strict;
      }
      &.detailView {
        image-rendering: pixelated;
      }
    }
    .selection {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      background: rgb(0 90 255 / 0.22);
    }
  }
}
.pdfViewer .page {
  --user-unit:1;
  --total-scale-factor:calc(var(--scale-factor) * var(--user-unit));
  --scale-round-x:1px;
  --scale-round-y:1px;
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: var(--page-margin);
  position: relative;
  overflow: visible;
  border: var(--page-border);
  background-clip: content-box;
  background-color: var(--page-bg-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.singlePageView {
  display: inline-block;
}
.pdfViewer.singlePageView .page {
  margin: 0;
  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(data:image/gif;base64,R0lGODlhGAAYAPQAAP///wAAAM7Ozvr6+uDg4LCwsOjo6I6OjsjIyJycnNjY2KioqMDAwPLy8nZ2doaGhri4uGhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==) 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;
}

/* app/javascript/pdf_reader_styles.css */
/*# sourceMappingURL=/assets/pdf_reader_styles-23aba50f.css.map */