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

.messageBar{
  --closing-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath d%3D%22M7.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --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,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M7.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%22 fill%3D%22black%22 %2F%3E%3C%2Fsvg%3E");
  --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,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath d%3D%22M14.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
      --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:transparent;
  }

  ::selection{
    background: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>");
  --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;
    }
  }

  .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;
  }

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

  .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.checkBox input:checked::before,
  .buttonWidgetAnnotation.checkBox input:checked::after,
  .buttonWidgetAnnotation.radioButton input:checked::before{
    background-color:CanvasText;
    content:"";
    display:block;
    position:absolute;
  }

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

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

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

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

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

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

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

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

  .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{
  .selection{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    background:rgb(0 90 255 / 0.22);
  }

  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,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22        d%3D%22M11 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%22        fill%3D%22black%22 %2F%3E%3C%2Fsvg%3E");
  --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,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath d%3D%22M7.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");

    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,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.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%22 fill%3D%22white%22%2F%3E%3Cpath d%3D%22M0.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") 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,%3Csvg width%3D%2216%22 height%3D%2217%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") !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,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");

  .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,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --comment-popup-edit-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath d%3D%22M0.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E%3C!--path d%3D%22M0.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%22 fill%3D%22black%22%2F--%3E");
  --comment-popup-delete-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22        d%3D%22M11 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%22        fill%3D%22black%22 %2F%3E%3C%2Fsvg%3E");

  --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,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.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%22 fill%3D%22white%22%2F%3E%3Cpath d%3D%22M0.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") 0 16, pointer;
  --editorHighlight-editing-cursor:url("data:image/svg+xml,%3Csvg width%3D%2229%22 height%3D%2232%22 viewBox%3D%220 0 29 32%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M28 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%22 fill%3D%22black%22 stroke%3D%22%23FBFBFE%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M24.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%22 fill%3D%22black%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.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%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.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%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M10.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%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath d%3D%22M15.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%22 stroke%3D%22%2315141A%22%2F%3E%3C%2Fsvg%3E") 24 24, text;
  --editorFreeHighlight-editing-cursor:url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2219%22 viewBox%3D%220 0 18 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.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%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.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%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M10.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%22 fill%3D%22%23FBFBFE%22%2F%3E%3Cpath d%3D%22M15.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%22 stroke%3D%22%2315141A%22%2F%3E%3C%2Fsvg%3E") 1 18, pointer;

  --new-alt-text-warning-image:url("data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2216%22 viewBox%3D%220 0 17 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}

.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,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 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%22 fill%3D%22black%22 stroke%3D%22white%22%2F%3E%3C%2Fsvg%3E") 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,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22        d%3D%22M11 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%22        fill%3D%22black%22 %2F%3E%3C%2Fsvg%3E");
    --editor-toolbar-bg-color:light-dark(#f0f0f4, #2b2a33);
    --editor-toolbar-highlight-image:url("data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2216%22 viewBox%3D%220 0 17 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cg%3E      %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M7.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%22 fill%3D%22%23000%22%2F%3E      %3Cpath d%3D%22M0.40918 14H15.4092V16H0.40918V14Z%22 fill%3D%22%23000%22%2F%3E    %3C%2Fg%3E  %3C%2Fsvg%3E");
    --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,%3Csvg width%3D%2212%22 height%3D%2213%22 viewBox%3D%220 0 12 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E   %3Cpath d%3D%22M5.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E ");
        --alt-text-done-image:url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2213%22 viewBox%3D%220 0 12 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath d%3D%22M6 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%22 fill%3D%22%23FBFBFE%22%2F%3E%3C%2Fsvg%3E ");

        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,%3Csvg width%3D%2217%22 height%3D%2216%22 viewBox%3D%220 0 17 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M3.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --new-alt-text-spinner-icon:url("data:image/svg+xml,%3C!-- This Source Code Form is subject to the terms of the Mozilla Public   - License%2C v. 2.0. If a copy of the MPL was not distributed with this   - file%2C You can obtain one at http%3A%2F%2Fmozilla.org%2FMPL%2F2.0%2F. --%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22 width%3D%2216%22 height%3D%2216%22%3E  %3Cstyle%3E    %40media not (prefers-reduced-motion) %7B      %40keyframes loadingRotate %7B        from %7B rotate%3A 0%3B %7D to %7B rotate%3A 360deg %7D      %7D      %23circle-arrows %7B        animation%3A loadingRotate 1.8s linear infinite%3B        transform-origin%3A 50%25 50%25%3B      %7D      %23hourglass %7B        display%3A none%3B      %7D    %7D    %40media (prefers-reduced-motion) %7B      %23circle-arrows %7B        display%3A none%3B      %7D    %7D  %3C%2Fstyle%3E  %3Cpath id%3D%22circle-arrows%22 d%3D%22M9 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%22%2F%3E  %3Cg id%3D%22hourglass%22%3E    %3Cpath d%3D%22M13%2C1 C13.5522847%2C1 14%2C1.44771525 14%2C2 C14%2C2.55228475 13.5522847%2C3 13%2C3 L12.9854217%2C2.99990801 C12.9950817%2C3.16495885 13%2C3.33173274 13%2C3.5 C13%2C5.24679885 10.9877318%2C6.01090495 10.9877318%2C8.0017538 C10.9877318%2C9.99260264 13%2C10.7536922 13%2C12.5 C13%2C12.6686079 12.9950617%2C12.8357163 12.985363%2C13.0010943 L13%2C13 C13.5522847%2C13 14%2C13.4477153 14%2C14 C14%2C14.5522847 13.5522847%2C15 13%2C15 L3%2C15 C2.44771525%2C15 2%2C14.5522847 2%2C14 C2%2C13.4477153 2.44771525%2C13 3%2C13 L3.01463704%2C13.0010943 C3.00493827%2C12.8357163 3%2C12.6686079 3%2C12.5 C3%2C10.7536922 4.9877318%2C9.99260264 5%2C8.0017538 C5.0122682%2C6.01090495 3%2C5.24679885 3%2C3.5 C3%2C3.33173274 3.00491834%2C3.16495885 3.01457832%2C2.99990801 L3%2C3 C2.44771525%2C3 2%2C2.55228475 2%2C2 C2%2C1.44771525 2.44771525%2C1 3%2C1 L13%2C1 Z M10.987%2C3 L5.012%2C3 L5.00308914%2C3.24815712 C5.00103707%2C3.33163368 5%2C3.4155948 5%2C3.5 C5%2C5.36125069 6.99153646%2C6.01774089 6.99153646%2C8.0017538 C6.99153646%2C9.98576671 5%2C10.6393737 5%2C12.5 L5.00307746%2C12.7513676 L5.01222201%2C12.9998392 L5.60191711%2C12.9988344 L6.0425138%2C12.2959826 C7.02362731%2C10.7653275 7.67612271%2C10 8%2C10 C8.37014547%2C10 9.16950644%2C10.9996115 10.3980829%2C12.9988344 L10.987778%2C12.9998392 C10.9958674%2C12.8352104 11%2C12.66849 11%2C12.5 C11%2C10.6393737 8.98689779%2C10.0147381 8.98689779%2C8.0017538 C8.98689779%2C5.98876953 11%2C5.36125069 11%2C3.5 L10.9969109%2C3.24815712 L10.987%2C3 Z%22%2F%3E    %3Cpath d%3D%22M6%2C4 L10%2C4 C8.95166016%2C6 8.28499349%2C7 8%2C7 C7.71500651%2C7 7.04833984%2C6 6%2C4 Z%22%2F%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
  --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,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");

      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,%3Csvg width%3D%2211%22 height%3D%2211%22 viewBox%3D%220 0 11 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cg%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M9.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%22 fill%3D%22black%22%2F%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
  --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,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22%3E%3Cpath d%3D%22M10 13l4-7H6z%22%2F%3E%3C%2Fsvg%3E");
  --treeitem-collapsed-icon:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22%3E%3Cpath d%3D%22M13 9L6 5v8z%22%2F%3E%3C%2Fsvg%3E");

  &.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,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M3 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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --views-manager-button-arrow-icon:url("data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2210%22 viewBox%3D%220 0 8 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath d%3D%22M4.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --views-manager-add-file-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --current-outline-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --menuitem-thumbnailsView-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M3 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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --menuitem-outlinesView-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M3 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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --menuitem-attachmentsView-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M3.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --menuitem-layersView-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --manage-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --close-button-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath d%3D%22M14 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%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --undo-label-icon:url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2213%22 viewBox%3D%220 0 12 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath d%3D%22M6 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%22 fill%3D%22%23FBFBFE%22%2F%3E%3C%2Fsvg%3E ");
  --pages-selected-icon:url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cmask id%3D%22mask%22%3E    %3Crect width%3D%2216%22 height%3D%2216%22 rx%3D%222%22 fill%3D%22white%22%2F%3E    %3Cpath d%3D%22M12 8L4 8%22 stroke%3D%22black%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E  %3C%2Fmask%3E  %3Crect width%3D%2216%22 height%3D%2216%22 fill%3D%22black%22 mask%3D%22url(%23mask)%22%2F%3E%3C%2Fsvg%3E");
  --spinner-icon:url("data:image/svg+xml,%3C!-- This Source Code Form is subject to the terms of the Mozilla Public   - License%2C v. 2.0. If a copy of the MPL was not distributed with this   - file%2C You can obtain one at http%3A%2F%2Fmozilla.org%2FMPL%2F2.0%2F. --%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22 width%3D%2216%22 height%3D%2216%22%3E  %3Cstyle%3E    %40media not (prefers-reduced-motion) %7B      %40keyframes loadingRotate %7B        from %7B rotate%3A 0%3B %7D to %7B rotate%3A 360deg %7D      %7D      %23circle-arrows %7B        animation%3A loadingRotate 1.8s linear infinite%3B        transform-origin%3A 50%25 50%25%3B      %7D      %23hourglass %7B        display%3A none%3B      %7D    %7D    %40media (prefers-reduced-motion) %7B      %23circle-arrows %7B        display%3A none%3B      %7D    %7D  %3C%2Fstyle%3E  %3Cpath id%3D%22circle-arrows%22 d%3D%22M9 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%22%2F%3E  %3Cg id%3D%22hourglass%22%3E    %3Cpath d%3D%22M13%2C1 C13.5522847%2C1 14%2C1.44771525 14%2C2 C14%2C2.55228475 13.5522847%2C3 13%2C3 L12.9854217%2C2.99990801 C12.9950817%2C3.16495885 13%2C3.33173274 13%2C3.5 C13%2C5.24679885 10.9877318%2C6.01090495 10.9877318%2C8.0017538 C10.9877318%2C9.99260264 13%2C10.7536922 13%2C12.5 C13%2C12.6686079 12.9950617%2C12.8357163 12.985363%2C13.0010943 L13%2C13 C13.5522847%2C13 14%2C13.4477153 14%2C14 C14%2C14.5522847 13.5522847%2C15 13%2C15 L3%2C15 C2.44771525%2C15 2%2C14.5522847 2%2C14 C2%2C13.4477153 2.44771525%2C13 3%2C13 L3.01463704%2C13.0010943 C3.00493827%2C12.8357163 3%2C12.6686079 3%2C12.5 C3%2C10.7536922 4.9877318%2C9.99260264 5%2C8.0017538 C5.0122682%2C6.01090495 3%2C5.24679885 3%2C3.5 C3%2C3.33173274 3.00491834%2C3.16495885 3.01457832%2C2.99990801 L3%2C3 C2.44771525%2C3 2%2C2.55228475 2%2C2 C2%2C1.44771525 2.44771525%2C1 3%2C1 L13%2C1 Z M10.987%2C3 L5.012%2C3 L5.00308914%2C3.24815712 C5.00103707%2C3.33163368 5%2C3.4155948 5%2C3.5 C5%2C5.36125069 6.99153646%2C6.01774089 6.99153646%2C8.0017538 C6.99153646%2C9.98576671 5%2C10.6393737 5%2C12.5 L5.00307746%2C12.7513676 L5.01222201%2C12.9998392 L5.60191711%2C12.9988344 L6.0425138%2C12.2959826 C7.02362731%2C10.7653275 7.67612271%2C10 8%2C10 C8.37014547%2C10 9.16950644%2C10.9996115 10.3980829%2C12.9988344 L10.987778%2C12.9998392 C10.9958674%2C12.8352104 11%2C12.66849 11%2C12.5 C11%2C10.6393737 8.98689779%2C10.0147381 8.98689779%2C8.0017538 C8.98689779%2C5.98876953 11%2C5.36125069 11%2C3.5 L10.9969109%2C3.24815712 L10.987%2C3 Z%22%2F%3E    %3Cpath d%3D%22M6%2C4 L10%2C4 C8.95166016%2C6 8.28499349%2C7 8%2C7 C7.71500651%2C7 7.04833984%2C6 6%2C4 Z%22%2F%3E  %3C%2Fg%3E%3C%2Fsvg%3E");

  --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;
      }
    }
  }
}

.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;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .delete)::before {
    display: block !important;
}

.pdfSlickViewer *,
.pdfSlickViewer *::before,
.pdfSlickViewer *::after {
    box-sizing: initial !important;
}

.pdfSlick {
    color-scheme: light;
    scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0);
    scrollbar-width: thin;
}

.pdfSlick .page {
    box-sizing: initial;
}

.pdfSlick *::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.pdfSlick *::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.pdfSlick *::-webkit-scrollbar-corner {
    background-color: transparent;
}

.pdfSlick *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 0px rgb(0 0 0 / 10%),
        inset 0px -1px 0px rgb(0 0 0 / 7%);
}

/** dialog style source: https://github.com/mozilla/pdf.js/blob/v4.10.38/web/viewer.css */

:root {
    --main-color: rgb(12 12 13);
    --progressBar-color: rgb(10 132 255);
    --progressBar-bg-color: rgb(221 221 222);
    --progressBar-blend-color: rgb(116 177 239);
    --button-hover-color: color-mix(in srgb, currentColor 17%, transparent);
    --doorhanger-bg-color: rgb(255 255 255);
    --dialog-button-border: none;
    --dialog-button-bg-color: rgb(12 12 13 / 0.1);
    --dialog-button-hover-bg-color: rgb(12 12 13 / 0.3);
}

@media (prefers-color-scheme: dark) {
    :root {
        --main-color: rgb(249 249 250);
        --doorhanger-bg-color: #42414d;
        --dialog-button-bg-color: rgb(92 92 97);
        --dialog-button-hover-bg-color: rgb(115 115 115);
    }
}

@media screen and (forced-colors: active) {
    :root {
        --dialog-button-border: 1px solid Highlight;
        --dialog-button-hover-bg-color: Highlight;
        --dialog-button-hover-color: ButtonFace;
        --main-color: CanvasText;
    }
}

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

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

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

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

.pdfSlick-dialog :link {
    color: rgb(255 255 255);
}

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

.pdfSlick-dialog .dialogButton {
    border: none;
    background: none;
    width: 28px;
    height: 28px;
    outline: none;
}

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

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

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

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