/* copyright 2014 mozilla foundation
 *
 * licensed under the apache license, version 2.0 (the "license");
 * you may not use this file except in compliance with the license.
 * you may obtain a copy of the license at
 *
 *     http://www.apache.org/licenses/license-2.0
 *
 * unless required by applicable law or agreed to in writing, software
 * distributed under the license is distributed on an "as is" basis,
 * without warranties or conditions of any kind, either express or implied.
 * see the license for the specific language governing permissions and
 * limitations under the license.
 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dialog{
    --dialog-bg-color:canvas;
    --dialog-border-color:canvastext;
    --dialog-shadow:none;
    --text-primary-color:canvastext;
    --text-secondary-color:canvastext;
    --hover-filter:none;
    --focus-ring-color:buttonborder;
    --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-hover-bg-color:accentcolor;
    --button-secondary-hover-fg-color:accentcolortext;

    --button-primary-bg-color:buttontext;
    --button-primary-fg-color:buttonface;
    --button-primary-hover-bg-color:accentcolor;
    --button-primary-hover-fg-color:accentcolortext;
}
  }

.dialog{

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

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

:is(.dialog .maincontainer) .title{
      display:flex;
      width:auto;
      flex-direction:column;
      justify-content:flex-end;
      align-items:flex-start;
      gap:12px;
    }

:is(:is(.dialog .maincontainer) .title)  > span{
        font-size:13px;
        font-style:normal;
        font-weight:590;
        line-height:150%;
      }

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

:is(.dialog .maincontainer) .dialogbuttonsgroup{
      display:flex;
      gap:12px;
      align-self:flex-end;
    }

:is(.dialog .maincontainer) .radio{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
    }

:is(:is(.dialog .maincontainer) .radio)  > .radiobutton{
        display:flex;
        gap:8px;
        align-self:stretch;
        align-items:center;
      }

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

:is(:is(:is(:is(.dialog .maincontainer) .radio) > .radiobutton) input):hover{
            filter:var(--hover-filter);
          }

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

:is(:is(.dialog .maincontainer) .radio)  > .radiolabel{
        display:flex;
        padding-inline-start:24px;
        align-items:flex-start;
        gap:10px;
        align-self:stretch;
      }

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

:is(.dialog .maincontainer) button:not(:is(.toggle-button,.closebutton)){
      border-radius:4px;
      border:1px solid;
      font:menu;
      font-weight:600;
      padding:4px 16px;
      width:auto;
      height:32px;
    }

:is(:is(.dialog .maincontainer) button:not(:is(.toggle-button,.closebutton))):hover{
        cursor:pointer;
        filter:var(--hover-filter);
      }

.secondarybutton:is(:is(.dialog .maincontainer) button:not(:is(.toggle-button,.closebutton))){
        color:var(--button-secondary-fg-color);
        background-color:var(--button-secondary-bg-color);
        border-color:var(--button-secondary-border-color);
      }

.secondarybutton:is(:is(.dialog .maincontainer) button:not(:is(.toggle-button,.closebutton))):hover{
          color:var(--button-secondary-hover-fg-color);
          background-color:var(--button-secondary-hover-bg-color);
          border-color:var(--button-secondary-hover-border-color);
        }

.primarybutton:is(:is(.dialog .maincontainer) button:not(:is(.toggle-button,.closebutton))){
        color:var(--button-primary-fg-color);
        background-color:var(--button-primary-bg-color);
        border-color:var(--button-primary-border-color);
        opacity:1;
      }

.primarybutton:is(:is(.dialog .maincontainer) button:not(:is(.toggle-button,.closebutton))):hover{
          color:var(--button-primary-hover-fg-color);
          background-color:var(--button-primary-hover-bg-color);
          border-color:var(--button-primary-hover-border-color);
        }

:is(.dialog .maincontainer) a{
      color:var(--link-fg-color);
    }

:is(:is(.dialog .maincontainer) a):hover{
        color:var(--link-hover-fg-color);
      }

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

:is(:is(.dialog .maincontainer) textarea):focus{
        outline-offset:0;
        border-color:transparent;
      }

:is(:is(.dialog .maincontainer) textarea):disabled{
        pointer-events:none;
        opacity:0.4;
      }

:is(.dialog .maincontainer) .messagebar{
      --message-bar-warning-icon:;
      --closing-button-icon:;

      --message-bar-bg-color:#ffebcd;
      --message-bar-fg-color:#15141a;
      --message-bar-border-color:rgb(0 0 0 / 0.08);
      --message-bar-icon-color:#cd411e;
      --message-bar-close-button-border-radius:4px;
      --message-bar-close-button-border:none;
      --message-bar-close-button-color:var(--text-primary-color);
      --message-bar-close-button-hover-bg-color:rgb(21 20 26 / 0.14);
      --message-bar-close-button-active-bg-color:rgb(21 20 26 / 0.21);
      --message-bar-close-button-focus-bg-color:rgb(21 20 26 / 0.07);
      --message-bar-close-button-color-hover:var(--text-primary-color);
    }

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

:where(html:not(.is-light)) :is(.dialog .maincontainer) .messagebar{
        --message-bar-bg-color:#5a3100;
        --message-bar-fg-color:#fbfbfe;
        --message-bar-border-color:rgb(255 255 255 / 0.08);
        --message-bar-icon-color:#e49c49;
        --message-bar-close-button-hover-bg-color:rgb(251 251 254 / 0.14);
        --message-bar-close-button-active-bg-color:rgb(251 251 254 / 0.21);
        --message-bar-close-button-focus-bg-color:rgb(251 251 254 / 0.07);
    }
      }

:where(html.is-dark) :is(.dialog .maincontainer) .messagebar{
        --message-bar-bg-color:#5a3100;
        --message-bar-fg-color:#fbfbfe;
        --message-bar-border-color:rgb(255 255 255 / 0.08);
        --message-bar-icon-color:#e49c49;
        --message-bar-close-button-hover-bg-color:rgb(251 251 254 / 0.14);
        --message-bar-close-button-active-bg-color:rgb(251 251 254 / 0.21);
        --message-bar-close-button-focus-bg-color:rgb(251 251 254 / 0.07);
    }

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

:is(.dialog .maincontainer) .messagebar{
        --message-bar-bg-color:highlighttext;
        --message-bar-fg-color:canvastext;
        --message-bar-border-color:canvastext;
        --message-bar-icon-color:canvastext;
        --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;
    }
      }

:is(.dialog .maincontainer) .messagebar{

      display:flex;
      position:relative;
      padding:12px 8px 12px 0;
      flex-direction:column;
      justify-content:center;
      align-items:flex-start;
      gap:8px;
      align-self:stretch;

      border-radius:4px;
      border:1px solid var(--message-bar-border-color);
      background:var(--message-bar-bg-color);
      color:var(--message-bar-fg-color);
    }

:is(:is(.dialog .maincontainer) .messagebar)  > div{
        display:flex;
        padding-inline-start:16px;
        align-items:flex-start;
        gap:8px;
        align-self:stretch;
      }

:is(:is(:is(.dialog .maincontainer) .messagebar) > div)::before{
          content:"";
          display:inline-block;
          width:16px;
          height:16px;
          -webkit-mask-image:var(--message-bar-warning-icon);
                  mask-image:var(--message-bar-warning-icon);
          -webkit-mask-size:cover;
                  mask-size:cover;
          background-color:var(--message-bar-icon-color);
        }

:is(:is(:is(.dialog .maincontainer) .messagebar) > div)  > div{
          display:flex;
          flex-direction:column;
          align-items:flex-start;
          gap:8px;
          flex:1 0 0;
        }

:is(:is(:is(:is(.dialog .maincontainer) .messagebar) > div) > div) .title{
            font-size:13px;
            font-weight:590;
          }

:is(:is(:is(:is(.dialog .maincontainer) .messagebar) > div) > div) .description{
            font-size:13px;
          }

:is(:is(.dialog .maincontainer) .messagebar) .closebutton{
        position:absolute;
        width:32px;
        height:32px;
        inset-inline-end:8px;
        inset-block-start:8px;
        background:none;
        border-radius:var(--message-bar-close-button-border-radius);
        border:var(--message-bar-close-button-border);
      }

:is(:is(:is(.dialog .maincontainer) .messagebar) .closebutton)::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(:is(:is(.dialog .maincontainer) .messagebar) .closebutton):is(:hover,:active,:focus)::before{
          background-color:var(--message-bar-close-button-color-hover);
        }

:is(:is(:is(.dialog .maincontainer) .messagebar) .closebutton):hover{
          background-color:var(--message-bar-close-button-hover-bg-color);
        }

:is(:is(:is(.dialog .maincontainer) .messagebar) .closebutton):active{
          background-color:var(--message-bar-close-button-active-bg-color);
        }

:is(:is(:is(.dialog .maincontainer) .messagebar) .closebutton):focus{
          background-color:var(--message-bar-close-button-focus-bg-color);
        }

:is(:is(:is(.dialog .maincontainer) .messagebar) .closebutton)  > span{
          display:inline-block;
          width:0;
          height:0;
          overflow:hidden;
        }

:is(.dialog .maincontainer) .toggler{
      display:flex;
      align-items:center;
      gap:8px;
      align-self:stretch;
    }

:is(:is(.dialog .maincontainer) .toggler)  > .togglerlabel{
        -webkit-user-select:none;
           -moz-user-select:none;
                user-select:none;
      }

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

.textlayer.highlighting{
    touch-action:none;
  }

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

.textlayer  > :not(.markedcontent),.textlayer .markedcontent span:not(.markedcontent){
    z-index:1;
  }

.textlayer span.markedcontent{
    top:0;
    height:0;
  }

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

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

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

.textlayer .highlight{

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

.appended:is(.textlayer .highlight){
      position:initial;
    }

.begin:is(.textlayer .highlight){
      border-radius:4px 0 0 4px;
    }

.end:is(.textlayer .highlight){
      border-radius:0 4px 4px 0;
    }

.middle:is(.textlayer .highlight){
      border-radius:0;
    }

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

.textlayer ::-moz-selection{
    background:rgba(0 0 255 / 0.25);
    background:color-mix(in srgb, accentcolor, transparent 75%);
  }

.textlayer ::selection{
    background:rgba(0 0 255 / 0.25);
    background:color-mix(in srgb, accentcolor, transparent 75%);
  }

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

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

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

.textlayer.selecting .endofcontent{
    top:0;
  }

.annotationlayer{
  --annotation-unfocused-field-background:;'/></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){

.annotationlayer{
    --input-focus-border-color:canvastext;
    --input-unfocused-border-color:activetext;
    --input-disabled-border-color:graytext;
    --input-hover-border-color:highlight;
    --link-outline:1.5px solid linktext;
}

    .annotationlayer .textwidgetannotation :is(input,textarea):required,.annotationlayer .choicewidgetannotation select:required,.annotationlayer .buttonwidgetannotation:is(.checkbox,.radiobutton) input:required{
      outline:1.5px solid selecteditem;
    }

    .annotationlayer .linkannotation{
      outline:var(--link-outline);
    }

      :is(.annotationlayer .linkannotation):hover{
        -webkit-backdrop-filter:var(--hcm-highlight-filter);
                backdrop-filter:var(--hcm-highlight-filter);
      }

      :is(.annotationlayer .linkannotation) > a:hover{
        opacity:0 !important;
        background:none !important;
        box-shadow:none;
      }

    .annotationlayer .popupannotation .popup{
      outline:calc(1.5px * var(--scale-factor)) solid canvastext !important;
      background-color:buttonface !important;
      color:buttontext !important;
    }

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

    .annotationlayer .popupannotation.focused .popup{
      outline:calc(3px * var(--scale-factor)) solid highlight !important;
    }
  }

.annotationlayer{

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

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

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

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

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

.annotationlayer .annotationcontent{
    position:absolute;
    width:100%;
    height:100%;
    pointer-events:none;
  }

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

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

:is(.annotationlayer section):has(div.annotationcontent) canvas.annotationcontent{
        display:none;
      }

.textlayer.selecting ~ .annotationlayer section{
    pointer-events:none;
  }

.annotationlayer :is(.linkannotation,.buttonwidgetannotation.pushbutton) > a{
    position:absolute;
    font-size:1em;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

.annotationlayer :is(.linkannotation,.buttonwidgetannotation.pushbutton):not(.hasborder) > a:hover{
    opacity:0.2;
    background-color:rgb(255 255 0);
    box-shadow:0 2px 10px rgb(255 255 0);
  }

.annotationlayer .linkannotation.hasborder:hover{
    background-color:rgb(255 255 0 / 0.2);
  }

.annotationlayer .hasborder{
    background-size:100% 100%;
  }

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

.annotationlayer .textwidgetannotation :is(input,textarea),.annotationlayer .choicewidgetannotation select,.annotationlayer .buttonwidgetannotation:is(.checkbox,.radiobutton) input{
    background-image:var(--annotation-unfocused-field-background);
    border:2px solid var(--input-unfocused-border-color);
    box-sizing:border-box;
    font:calc(9px * var(--scale-factor)) sans-serif;
    height:100%;
    margin:0;
    vertical-align:top;
    width:100%;
  }

.annotationlayer .textwidgetannotation :is(input,textarea):required,.annotationlayer .choicewidgetannotation select:required,.annotationlayer .buttonwidgetannotation:is(.checkbox,.radiobutton) input:required{
    outline:1.5px solid red;
  }

.annotationlayer .choicewidgetannotation select option{
    padding:0;
  }

.annotationlayer .buttonwidgetannotation.radiobutton input{
    border-radius:50%;
  }

.annotationlayer .textwidgetannotation textarea{
    resize:none;
  }

.annotationlayer .textwidgetannotation [disabled]:is(input,textarea),.annotationlayer .choicewidgetannotation select[disabled],.annotationlayer .buttonwidgetannotation:is(.checkbox,.radiobutton) input[disabled]{
    background:none;
    border:2px solid var(--input-disabled-border-color);
    cursor:not-allowed;
  }

.annotationlayer .textwidgetannotation :is(input,textarea):hover,.annotationlayer .choicewidgetannotation select:hover,.annotationlayer .buttonwidgetannotation:is(.checkbox,.radiobutton) input:hover{
    border:2px solid var(--input-hover-border-color);
  }

.annotationlayer .textwidgetannotation :is(input,textarea):hover,.annotationlayer .choicewidgetannotation select:hover,.annotationlayer .buttonwidgetannotation.checkbox input:hover{
    border-radius:2px;
  }

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

.annotationlayer .buttonwidgetannotation:is(.checkbox,.radiobutton) :focus{
    background-image:none;
    background-color:transparent;
  }

.annotationlayer .buttonwidgetannotation.checkbox :focus{
    border:2px solid var(--input-focus-border-color);
    border-radius:2px;
    outline:var(--input-focus-outline);
  }

.annotationlayer .buttonwidgetannotation.radiobutton :focus{
    border:2px solid var(--input-focus-border-color);
    outline:var(--input-focus-outline);
  }

.annotationlayer .buttonwidgetannotation.checkbox input:checked::before,.annotationlayer .buttonwidgetannotation.checkbox input:checked::after,.annotationlayer .buttonwidgetannotation.radiobutton input:checked::before{
    background-color:canvastext;
    content:"";
    display:block;
    position:absolute;
  }

.annotationlayer .buttonwidgetannotation.checkbox input:checked::before,.annotationlayer .buttonwidgetannotation.checkbox input:checked::after{
    height:80%;
    left:45%;
    width:1px;
  }

.annotationlayer .buttonwidgetannotation.checkbox input:checked::before{
    transform:rotate(45deg);
  }

.annotationlayer .buttonwidgetannotation.checkbox input:checked::after{
    transform:rotate(-45deg);
  }

.annotationlayer .buttonwidgetannotation.radiobutton input:checked::before{
    border-radius:50%;
    height:50%;
    left:25%;
    top:25%;
    width:50%;
  }

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

.annotationlayer .textwidgetannotation input.comb:focus{
    width:103%;
  }

.annotationlayer .buttonwidgetannotation:is(.checkbox,.radiobutton) input{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
  }

.annotationlayer .fileattachmentannotation .popuptriggerarea{
    height:100%;
    width:100%;
  }

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

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

.annotationlayer .popupannotation.focused .popup{
    outline-width:3px;
  }

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

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

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

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

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

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

.annotationlayer .popuptriggerarea{
    cursor:pointer;
  }

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

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

:is(.annotationlayer .annotationtextcontent) span{
      width:100%;
      display:inline-block;
    }

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

:root{
  --xfa-unfocused-field-background:;'/></svg>");
  --xfa-focus-outline:auto;
}

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

.xfalayer{
  background-color:transparent;
}

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

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

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

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

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

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

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

.xfacontentarea{
  position:absolute;
}

.xfaprintonly{
  display:none;
}

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

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

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

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

.xfalayer a{
  color:blue;
}

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

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

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

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

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

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

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

:is(.xfaleft, .xfaright) > :is(.xfacaption, .xfacaptionforcheckbutton){
  max-height:100%;
}

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

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

:is(.xfatop, .xfabottom) > :is(.xfacaption, .xfacaptionforcheckbutton){
  width:100%;
}

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

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

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

:is(.xfacheckbox, .xfaradio):focus{
  outline:var(--xfa-focus-outline);
}

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

.xfaselect{
  padding-inline:2px;
}

:is(.xfatop, .xfabottom) > :is(.xfatextfield, .xfaselect){
  flex:0 1 auto;
}

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

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

.xfacheckbox,
.xfaradio{
  width:100%;
  height:100%;
  flex:0 0 auto;
  border:none;
}

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

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

.xfalrtb,
.xfarltb,
.xfatb{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

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

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

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

.xfaposition{
  position:relative;
}

.xfaarea{
  position:relative;
}

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

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

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

.xfatable .xfarlrow{
  display:flex;
  flex-direction:row-reverse;
  align-items:stretch;
  flex:1;
}

.xfatable .xfarlrow > div{
  flex:1;
}

:is(.xfanoninteractive, .xfadisabled, .xfareadonly) :is(input, textarea){
  background:initial;
}

@media print{
  .xfatextfield,
  .xfaselect{
    background:transparent;
  }

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

.canvaswrapper svg{
    transform:none;
  }

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

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

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

.highlight:is(.canvaswrapper svg){
      --blend-mode:multiply;
    }

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

.highlight:is(.canvaswrapper svg){
        --blend-mode:difference;
    }
      }

.highlight:is(.canvaswrapper svg){

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

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

.highlightoutline:is(.canvaswrapper svg){
      position:absolute;
      mix-blend-mode:normal;
      fill-rule:evenodd;
      fill:none;
    }

.highlightoutline.hovered:is(.canvaswrapper svg):not(.free):not(.selected){
          stroke:var(--hover-outline-color);
          stroke-width:var(--outline-width);
        }

.highlightoutline.selected:is(.canvaswrapper svg):not(.free) .mainoutline{
            stroke:var(--outline-around-color);
            stroke-width:calc(
              var(--outline-width)   2 * var(--outline-around-width)
            );
          }

.highlightoutline.selected:is(.canvaswrapper svg):not(.free) .secondaryoutline{
            stroke:var(--outline-color);
            stroke-width:var(--outline-width);
          }

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

.highlightoutline.free.selected:is(.canvaswrapper svg) .mainoutline{
            stroke:var(--outline-around-color);
            stroke-width:calc(
              2 * (var(--outline-width)   var(--outline-around-width))
            );
          }

.highlightoutline.free.selected:is(.canvaswrapper svg) .secondaryoutline{
            stroke:var(--outline-color);
            stroke-width:calc(2 * var(--outline-width));
          }

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

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

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

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

@media (forced-colors: active){

.toggle-button{
    --color-accent-primary:buttontext;
    --color-accent-primary-hover:selecteditem;
    --color-accent-primary-active:selecteditem;
    --border-interactive-color:buttontext;
    --button-background-color:buttonface;
    --border-interactive-color-hover:selecteditem;
    --border-interactive-color-active:selecteditem;
    --border-interactive-color-disabled:graytext;
    --color-canvas:buttontext;
}
  }

.toggle-button{

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

  -webkit-appearance:none;

     -moz-appearance:none;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (forced-colors){

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

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

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

:root{
  --outline-width:2px;
  --outline-color:#0060df;
  --outline-around-width:1px;
  --outline-around-color:#f0f0f4;
  --hover-outline-around-color:var(--outline-around-color);
  --focus-outline:solid var(--outline-width) var(--outline-color);
  --unfocus-outline:solid var(--outline-width) transparent;
  --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
  --hover-outline-color:#8f8f9d;
  --hover-outline:solid var(--outline-width) var(--hover-outline-color);
  --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
  --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: 0 16, pointer;
  --editorhighlight-editing-cursor: 24 24, text;
  --editorfreehighlight-editing-cursor: 1 18, pointer;

  --new-alt-text-warning-image:;
}
.visuallyhidden{
  position:absolute;
  top:0;
  left:0;
  border:0;
  margin:0;
  padding:0;
  width:0;
  height:0;
  overflow:hidden;
  white-space:nowrap;
  font-size:0;
}

.textlayer.highlighting{
  cursor:var(--editorfreehighlight-editing-cursor);
}

.textlayer.highlighting:not(.free) span{
    cursor:var(--editorhighlight-editing-cursor);
  }

.textlayer.highlighting.free span{
    cursor:var(--editorfreehighlight-editing-cursor);
  }

#viewercontainer.pdfpresentationmode:fullscreen .noalttextbadge{
    display:none !important;
  }

@media (min-resolution: 1.1dppx){
  :root{
    --editorfreetext-editing-cursor: 0 16, text;
  }
}

@media screen and (forced-colors: active){
  :root{
    --outline-color:canvastext;
    --outline-around-color:buttonface;
    --resizer-bg-color:buttontext;
    --hover-outline-color:highlight;
    --hover-outline-around-color:selecteditemtext;
  }
}

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

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

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

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

.annotationeditorlayer .selectededitor{
    z-index:100000 !important;
  }

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

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

.annotationeditorlayer.disabled{
  pointer-events:none;
}

.annotationeditorlayer.freetextediting{
  cursor:var(--editorfreetext-editing-cursor);
}

.annotationeditorlayer.inkediting{
  cursor:var(--editorink-editing-cursor);
}

.annotationeditorlayer :is(.freetexteditor, .inkeditor, .stampeditor){
  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:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)){
    cursor:move;
  }

.moving:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)){
    touch-action:none;
  }

.selectededitor:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)){
    border:var(--focus-outline);
    outline:var(--focus-outline-around);
  }

.selectededitor:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor))::before{
      content:"";
      position:absolute;
      inset:0;
      border:var(--focus-outline-around);
      pointer-events:none;
    }

:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)):hover:not(.selectededitor){
    border:var(--hover-outline);
    outline:var(--hover-outline-around);
  }

:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)):hover:not(.selectededitor)::before{
      content:"";
      position:absolute;
      inset:0;
      border:var(--focus-outline-around);
    }

:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar{
    --editor-toolbar-delete-image:url(/uploads/image/ujpwimages/editor-toolbar-delete.svg);
    --editor-toolbar-bg-color:#f0f0f4;
    --editor-toolbar-highlight-image:;
    --editor-toolbar-fg-color:#2e2e56;
    --editor-toolbar-border-color:#8f8f9d;
    --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
    --editor-toolbar-hover-bg-color:#e0e0e6;
    --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
    --editor-toolbar-hover-outline:none;
    --editor-toolbar-focus-outline-color:#0060df;
    --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
    --editor-toolbar-vert-offset:6px;
    --editor-toolbar-height:28px;
    --editor-toolbar-padding:2px;
    --alt-text-done-color:#2ac3a2;
    --alt-text-warning-color:#0090ed;
    --alt-text-hover-done-color:var(--alt-text-done-color);
    --alt-text-hover-warning-color:var(--alt-text-warning-color);
  }

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

:where(html:not(.is-light)) :is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar{
      --editor-toolbar-bg-color:#2b2a33;
      --editor-toolbar-fg-color:#fbfbfe;
      --editor-toolbar-hover-bg-color:#52525e;
      --editor-toolbar-focus-outline-color:#0df;
      --alt-text-done-color:#54ffbd;
      --alt-text-warning-color:#80ebff;
  }
    }

:where(html.is-dark) :is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar{
      --editor-toolbar-bg-color:#2b2a33;
      --editor-toolbar-fg-color:#fbfbfe;
      --editor-toolbar-hover-bg-color:#52525e;
      --editor-toolbar-focus-outline-color:#0df;
      --alt-text-done-color:#54ffbd;
      --alt-text-warning-color:#80ebff;
  }

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

:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar{
      --editor-toolbar-bg-color:buttonface;
      --editor-toolbar-fg-color:buttontext;
      --editor-toolbar-border-color:buttontext;
      --editor-toolbar-hover-border-color:accentcolor;
      --editor-toolbar-hover-bg-color:buttonface;
      --editor-toolbar-hover-fg-color:accentcolor;
      --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
      --editor-toolbar-focus-outline-color:buttonborder;
      --editor-toolbar-shadow:none;
      --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);
  }
    }

:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar{

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

    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:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar){
      display:none;
    }

:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar):has(:focus-visible){
      border-color:transparent;
    }

[dir="ltr"] :is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar){
      transform-origin:100% 0;
    }

[dir="rtl"] :is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar){
      transform-origin:0 0;
    }

:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:0;
      height:100%;
    }

:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .divider{
        width:1px;
        height:calc(
          2 * var(--editor-toolbar-padding)   var(--editor-toolbar-height)
        );
        background-color:var(--editor-toolbar-border-color);
        display:inline-block;
        margin-inline:2px;
      }

:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .highlightbutton{
        width:var(--editor-toolbar-height);
      }

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .highlightbutton)::before{
          content:"";
          -webkit-mask-image:var(--editor-toolbar-highlight-image);
                  mask-image:var(--editor-toolbar-highlight-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          background-color:var(--editor-toolbar-fg-color);
          width:100%;
          height:100%;
        }

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .highlightbutton):hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .delete{
        width:var(--editor-toolbar-height);
      }

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .delete)::before{
          content:"";
          -webkit-mask-image:var(--editor-toolbar-delete-image);
                  mask-image:var(--editor-toolbar-delete-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          background-color:var(--editor-toolbar-fg-color);
          width:100%;
          height:100%;
        }

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .delete):hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons)  > *{
        height:var(--editor-toolbar-height);
      }

:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons)  > :not(.divider){
        border:none;
        background-color:transparent;
        cursor:pointer;
      }

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) > :not(.divider)):hover{
          border-radius:2px;
          background-color:var(--editor-toolbar-hover-bg-color);
          color:var(--editor-toolbar-hover-fg-color);
          outline:var(--editor-toolbar-hover-outline);
          outline-offset:1px;
        }

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) > :not(.divider)):hover:active{
            outline:none;
          }

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) > :not(.divider)):focus-visible{
          border-radius:2px;
          outline:2px solid var(--editor-toolbar-focus-outline-color);
        }

:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext{
        --alt-text-add-image:;
        --alt-text-done-image:;

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

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext):disabled{
          pointer-events:none;
        }

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext)::before{
          content:"";
          -webkit-mask-image:var(--alt-text-add-image);
                  mask-image:var(--alt-text-add-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          width:12px;
          height:13px;
          background-color:var(--editor-toolbar-fg-color);
          margin-inline-end:4px;
        }

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext):hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

.done:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext)::before{
          -webkit-mask-image:var(--alt-text-done-image);
                  mask-image:var(--alt-text-done-image);
        }

.new:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext)::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;
          }

.new:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext):hover::before{
            background-color:var(--alt-text-hover-warning-color);
          }

.new.done:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext)::before{
              -webkit-mask-image:var(--alt-text-done-image);
                      mask-image:var(--alt-text-done-image);
              background-color:var(--alt-text-done-color);
            }

.new.done:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext):hover::before{
              background-color:var(--alt-text-hover-done-color);
            }

:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext) .tooltip{
          display:none;
        }

.show:is(:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext) .tooltip){
            --alt-text-tooltip-bg:#f0f0f4;
            --alt-text-tooltip-fg:#15141a;
            --alt-text-tooltip-border:#8f8f9d;
            --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);
          }

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

:where(html:not(.is-light)) .show:is(:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext) .tooltip){
              --alt-text-tooltip-bg:#1c1b22;
              --alt-text-tooltip-fg:#fbfbfe;
              --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
          }
            }

:where(html.is-dark) .show:is(:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext) .tooltip){
              --alt-text-tooltip-bg:#1c1b22;
              --alt-text-tooltip-fg:#fbfbfe;
              --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
          }

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

.show:is(:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext) .tooltip){
              --alt-text-tooltip-bg:canvas;
              --alt-text-tooltip-fg:canvastext;
              --alt-text-tooltip-border:canvastext;
              --alt-text-tooltip-shadow:none;
          }
            }

.show:is(:is(:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor,.highlighteditor),.textlayer) .edittoolbar) .buttons) .alttext) .tooltip){

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

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

.annotationeditorlayer .freetexteditor .internal{
  background:transparent;
  border:none;
  inset:0;
  overflow:visible;
  white-space:nowrap;
  font:10px sans-serif;
  line-height:var(--freetext-line-height);
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

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

:is(.annotationeditorlayer .stampeditor) canvas{
    position:absolute;
    width:100%;
    height:100%;
    margin:0;
    top:0;
    left:0;
  }

:is(.annotationeditorlayer .stampeditor) .noalttextbadge{
    --no-alt-text-badge-border-color:#f0f0f4;
    --no-alt-text-badge-bg-color:#cfcfd8;
    --no-alt-text-badge-fg-color:#5b5b66;
  }

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

:where(html:not(.is-light)) :is(.annotationeditorlayer .stampeditor) .noalttextbadge{
      --no-alt-text-badge-border-color:#52525e;
      --no-alt-text-badge-bg-color:#fbfbfe;
      --no-alt-text-badge-fg-color:#15141a;
  }
    }

:where(html.is-dark) :is(.annotationeditorlayer .stampeditor) .noalttextbadge{
      --no-alt-text-badge-border-color:#52525e;
      --no-alt-text-badge-bg-color:#fbfbfe;
      --no-alt-text-badge-fg-color:#15141a;
  }

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

:is(.annotationeditorlayer .stampeditor) .noalttextbadge{
      --no-alt-text-badge-border-color:buttontext;
      --no-alt-text-badge-bg-color:buttonface;
      --no-alt-text-badge-fg-color:buttontext;
  }
    }

:is(.annotationeditorlayer .stampeditor) .noalttextbadge{

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

:is(:is(.annotationeditorlayer .stampeditor) .noalttextbadge)::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);
    }

:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers{
      position:absolute;
      inset:0;
    }

.hidden:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers){
        display:none;
      }

:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers) > .resizer{
        width:var(--resizer-size);
        height:var(--resizer-size);
        background:content-box var(--resizer-bg-color);
        border:var(--focus-outline-around);
        border-radius:2px;
        position:absolute;
      }

.topleft:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers) > .resizer){
          top:var(--resizer-shift);
          left:var(--resizer-shift);
        }

.topmiddle:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers) > .resizer){
          top:var(--resizer-shift);
          left:calc(50%   var(--resizer-shift));
        }

.topright:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers) > .resizer){
          top:var(--resizer-shift);
          right:var(--resizer-shift);
        }

.middleright:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers) > .resizer){
          top:calc(50%   var(--resizer-shift));
          right:var(--resizer-shift);
        }

.bottomright:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers) > .resizer){
          bottom:var(--resizer-shift);
          right:var(--resizer-shift);
        }

.bottommiddle:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers) > .resizer){
          bottom:var(--resizer-shift);
          left:calc(50%   var(--resizer-shift));
        }

.bottomleft:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers) > .resizer){
          bottom:var(--resizer-shift);
          left:var(--resizer-shift);
        }

.middleleft:is(:is(:is(.annotationeditorlayer :is(.freetexteditor,.inkeditor,.stampeditor)) > .resizers) > .resizer){
          top:calc(50%   var(--resizer-shift));
          left:var(--resizer-shift);
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dialog.alttext::backdrop{
    -webkit-mask:url(/uploads/css/ujpweb/viewer.css);
            mask:url(/uploads/css/ujpweb/viewer.css);
  }

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

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

:is(.dialog.alttext #alttextcontainer) #overalldescription{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
      align-self:stretch;
    }

:is(:is(.dialog.alttext #alttextcontainer) #overalldescription) span{
        align-self:stretch;
      }

:is(:is(.dialog.alttext #alttextcontainer) #overalldescription) .title{
        font-size:13px;
        font-style:normal;
        font-weight:590;
      }

:is(.dialog.alttext #alttextcontainer) #adddescription{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:8px;
    }

:is(:is(.dialog.alttext #alttextcontainer) #adddescription) .descriptionarea{
        flex:1;
        padding-inline:24px 10px;
      }

:is(:is(:is(.dialog.alttext #alttextcontainer) #adddescription) .descriptionarea) textarea{
          width:100%;
          min-height:75px;
        }

:is(.dialog.alttext #alttextcontainer) #buttons{
      display:flex;
      justify-content:flex-end;
      align-items:flex-start;
      gap:8px;
      align-self:stretch;
    }

.dialog.newalttext{
  --new-alt-text-ai-disclaimer-icon:;
  --new-alt-text-spinner-icon:;
  --preview-image-bg-color:#f0f0f4;
  --preview-image-border:none;
}

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

:where(html:not(.is-light)) .dialog.newalttext{
    --preview-image-bg-color:#2b2a33;
}
  }

:where(html.is-dark) .dialog.newalttext{
    --preview-image-bg-color:#2b2a33;
}

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

.dialog.newalttext{
    --preview-image-bg-color:buttonface;
    --preview-image-border:1px solid buttontext;
}
  }

.dialog.newalttext{

  width:80%;
  max-width:570px;
  min-width:300px;
  padding:0;
}

.dialog.newalttext.noai #newalttextdisclaimer,.dialog.newalttext.noai #newalttextcreateautomatically{
      display:none !important;
    }

.dialog.newalttext.aiinstalling #newalttextcreateautomatically{
      display:none !important;
    }

.dialog.newalttext.aiinstalling #newalttextdownloadmodel{
      display:flex !important;
    }

.dialog.newalttext.error #newalttextnotnow{
      display:none !important;
    }

.dialog.newalttext.error #newalttextcancel{
      display:inline-block !important;
    }

.dialog.newalttext:not(.error) #newalttexterror{
    display:none !important;
  }

.dialog.newalttext #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;
  }

:is(.dialog.newalttext #newalttextcontainer) #maincontent{
      display:flex;
      justify-content:flex-end;
      align-items:flex-start;
      gap:12px;
      align-self:stretch;
      flex:1 1 auto;
    }

:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptionandsettings{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
        flex:1 0 0;
        align-self:stretch;
      }

:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
        align-self:stretch;
        flex:1 1 auto;
      }

:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdescriptioncontainer{
          width:100%;
          height:70px;
          position:relative;
        }

:is(:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdescriptioncontainer) textarea{
            width:100%;
            height:100%;
            padding:8px;
          }

:is(:is(:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdescriptioncontainer) textarea)::-moz-placeholder{
              color:var(--text-secondary-color);
            }

:is(:is(:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdescriptioncontainer) textarea)::placeholder{
              color:var(--text-secondary-color);
            }

:is(:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdescriptioncontainer) .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:is(:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdescriptioncontainer) textarea::-moz-placeholder{
              color:transparent;
            }

.loading:is(:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdescriptioncontainer) textarea::placeholder{
              color:transparent;
            }

.loading:is(:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdescriptioncontainer) .alttextspinner{
              display:inline-block;
              -webkit-mask-image:var(--new-alt-text-spinner-icon);
                      mask-image:var(--new-alt-text-spinner-icon);
            }

:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdescription{
          font-size:11px;
        }

:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdisclaimer{
          display:flex;
          flex-direction:row;
          align-items:flex-start;
          gap:4px;
          font-size:11px;
        }

:is(:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #descriptioninstruction) #newalttextdisclaimer)::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;
          }

:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #newalttextdownloadmodel{
        display:flex;
        align-items:center;
        gap:4px;
        align-self:stretch;
      }

:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #newalttextdownloadmodel)::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);
        }

:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #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);
      }

:is(:is(:is(.dialog.newalttext #newalttextcontainer) #maincontent) #newalttextimagepreview)  > canvas{
          max-width:100%;
          max-height:100%;
        }

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

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

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

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

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

.colorpicker{
    --hover-outline-color:highlight;
    --selected-outline-color:var(--hover-outline-color);
    --swatch-border-color:buttontext;
}
  }

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

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

.annotationeditorlayer[data-main-rotation="0"] .highlighteditor:not(.free) > .edittoolbar{
      rotate:0deg;
    }

.annotationeditorlayer[data-main-rotation="90"] .highlighteditor:not(.free) > .edittoolbar{
      rotate:270deg;
    }

.annotationeditorlayer[data-main-rotation="180"] .highlighteditor:not(.free) > .edittoolbar{
      rotate:180deg;
    }

.annotationeditorlayer[data-main-rotation="270"] .highlighteditor:not(.free) > .edittoolbar{
      rotate:90deg;
    }

.annotationeditorlayer .highlighteditor{
    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;
  }

:is(.annotationeditorlayer .highlighteditor):not(.free){
      transform:none;
    }

:is(.annotationeditorlayer .highlighteditor) .internal{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      pointer-events:auto;
    }

.disabled:is(.annotationeditorlayer .highlighteditor) .internal{
      pointer-events:none;
    }

.selectededitor:is(.annotationeditorlayer .highlighteditor) .internal{
        cursor:pointer;
      }

:is(.annotationeditorlayer .highlighteditor) .edittoolbar{
      --editor-toolbar-colorpicker-arrow-image:;

      transform-origin:center !important;
    }

:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker{
          position:relative;
          width:auto;
          display:flex;
          justify-content:center;
          align-items:center;
          gap:4px;
          padding:4px;
        }

:is(:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker)::after{
            content:"";
            -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);
                    mask-image:var(--editor-toolbar-colorpicker-arrow-image);
            -webkit-mask-repeat:no-repeat;
                    mask-repeat:no-repeat;
            -webkit-mask-position:center;
                    mask-position:center;
            display:inline-block;
            background-color:var(--editor-toolbar-fg-color);
            width:12px;
            height:12px;
          }

:is(:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker):hover::after{
            background-color:var(--editor-toolbar-hover-fg-color);
          }

:is(:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker):has(.dropdown:not(.hidden)){
            background-color:var(--editor-toolbar-hover-bg-color);
          }

:is(:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker):has(.dropdown:not(.hidden))::after{
              scale:-1;
            }

:is(:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker) .dropdown{
            position:absolute;
            display:flex;
            justify-content:center;
            align-items:center;
            flex-direction:column;
            gap:11px;
            padding-block:8px;
            border-radius:6px;
            background-color:var(--editor-toolbar-bg-color);
            border:1px solid var(--editor-toolbar-border-color);
            box-shadow:var(--editor-toolbar-shadow);
            inset-block-start:calc(100%   4px);
            width:calc(100%   2 * var(--editor-toolbar-padding));
          }

:is(:is(:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker) .dropdown) button{
              width:100%;
              height:auto;
              border:none;
              cursor:pointer;
              display:flex;
              justify-content:center;
              align-items:center;
              background:none;
            }

:is(:is(:is(:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker) .dropdown) button):is(:active,:focus-visible){
                outline:none;
              }

:is(:is(:is(:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker) .dropdown) button)  > .swatch{
                outline-offset:2px;
              }

[aria-selected="true"]:is(:is(:is(:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker) .dropdown) button) > .swatch{
                outline:2px solid var(--selected-outline-color);
              }

:is(:is(:is(:is(:is(:is(.annotationeditorlayer .highlighteditor) .edittoolbar) .buttons) .colorpicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
                outline:2px solid var(--hover-outline-color);
              }

.editorparamstoolbar:has(#highlightparamstoolbarcontainer){
  padding:unset;
}

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

#highlightparamstoolbarcontainer .editorparamslabel{
    width:-moz-fit-content;
    width:fit-content;
    inset-inline-start:0;
  }

#highlightparamstoolbarcontainer .colorpicker{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

:is(#highlightparamstoolbarcontainer .colorpicker) .dropdown{
      display:flex;
      justify-content:space-between;
      align-items:center;
      flex-direction:row;
      height:auto;
    }

:is(:is(#highlightparamstoolbarcontainer .colorpicker) .dropdown) button{
        width:auto;
        height:auto;
        border:none;
        cursor:pointer;
        display:flex;
        justify-content:center;
        align-items:center;
        background:none;
        flex:0 0 auto;
      }

:is(:is(:is(#highlightparamstoolbarcontainer .colorpicker) .dropdown) button) .swatch{
          width:24px;
          height:24px;
        }

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

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

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

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

:is(#highlightparamstoolbarcontainer #editorhighlightthickness) .editorparamslabel{
      width:100%;
      height:auto;
      align-self:stretch;
    }

:is(#highlightparamstoolbarcontainer #editorhighlightthickness) .thicknesspicker{
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;

      --example-color:#bfbfc9;
    }

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

:where(html:not(.is-light)) :is(#highlightparamstoolbarcontainer #editorhighlightthickness) .thicknesspicker{
        --example-color:#80808e;
    }
      }

:where(html.is-dark) :is(#highlightparamstoolbarcontainer #editorhighlightthickness) .thicknesspicker{
        --example-color:#80808e;
    }

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

:is(#highlightparamstoolbarcontainer #editorhighlightthickness) .thicknesspicker{
        --example-color:canvastext;
    }
      }

:is(:is(:is(#highlightparamstoolbarcontainer #editorhighlightthickness) .thicknesspicker) > .editorparamsslider[disabled]){
        opacity:0.4;
      }

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

:is(:is(#highlightparamstoolbarcontainer #editorhighlightthickness) .thicknesspicker)::after{
        width:24px;
      }

:is(:is(#highlightparamstoolbarcontainer #editorhighlightthickness) .thicknesspicker) .editorparamsslider{
        width:unset;
        height:14px;
      }

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

:is(#highlightparamstoolbarcontainer #editorhighlightvisibility) .divider{
      --divider-color:#d7d7db;
    }

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

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

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

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

:is(#highlightparamstoolbarcontainer #editorhighlightvisibility) .divider{
        --divider-color:canvastext;
    }
      }

:is(#highlightparamstoolbarcontainer #editorhighlightvisibility) .divider{

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

:is(#highlightparamstoolbarcontainer #editorhighlightvisibility) .toggler{
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;
    }

#alttextsettingsdialog{
  padding:16px;
}

#alttextsettingsdialog #alttextsettingscontainer{
    display:flex;
    width:573px;
    flex-direction:column;
    gap:16px;
  }

:is(#alttextsettingsdialog #alttextsettingscontainer) .maincontainer{
      gap:16px;
    }

:is(#alttextsettingsdialog #alttextsettingscontainer) .description{
      color:var(--text-secondary-color);
    }

:is(#alttextsettingsdialog #alttextsettingscontainer) #aimodelsettings{
      display:flex;
      flex-direction:column;
      gap:12px;
    }

:is(:is(#alttextsettingsdialog #alttextsettingscontainer) #aimodelsettings) button{
        width:-moz-fit-content;
        width:fit-content;
      }

.download:is(:is(#alttextsettingsdialog #alttextsettingscontainer) #aimodelsettings) #deletemodelbutton{
          display:none;
        }

:is(:is(#alttextsettingsdialog #alttextsettingscontainer) #aimodelsettings):not(.download) #downloadmodelbutton{
          display:none;
        }

:is(#alttextsettingsdialog #alttextsettingscontainer) #automaticalttext,:is(#alttextsettingsdialog #alttextsettingscontainer) #alttexteditor{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

:is(#alttextsettingsdialog #alttextsettingscontainer) #createmodeldescription,:is(#alttextsettingsdialog #alttextsettingscontainer) #aimodelsettings,:is(#alttextsettingsdialog #alttextsettingscontainer) #showalttextdialogdescription{
      padding-inline-start:40px;
    }

:is(#alttextsettingsdialog #alttextsettingscontainer) #automaticsettings{
      display:flex;
      flex-direction:column;
      gap:16px;
    }

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

@media screen and (forced-colors: active){
  :root{
    --pdfviewer-padding-bottom:9px;
    --page-margin:8px auto -1px;
    --page-border:1px solid canvastext;
    --spreadhorizontalwrapped-margin-lr:3.5px;
  }
}

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

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

.pdfviewer{
  --scale-factor:1;

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

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

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

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

.pdfviewer.copyall{
    cursor:wait;
  }

.pdfviewer .canvaswrapper{
    overflow:hidden;
    width:100%;
    height:100%;
  }

:is(.pdfviewer .canvaswrapper) canvas{
      margin:0;
      display:block;
    }

[hidden]:is(:is(.pdfviewer .canvaswrapper) canvas){
        display:none;
      }

[zooming]:is(:is(.pdfviewer .canvaswrapper) canvas){
        width:100%;
        height:100%;
      }

:is(:is(.pdfviewer .canvaswrapper) canvas) .structtree{
        contain:strict;
      }

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

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

.pdfviewer.nouserselect{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.pdfviewer.removepageborders .page{
  margin:0 auto 10px;
  border:none;
}

.pdfviewer:is(.scrollhorizontal, .scrollwrapped),
.spread{
  margin-inline:3.5px;
  text-align:center;
}

.pdfviewer.scrollhorizontal,
.spread{
  white-space:nowrap;
}

.pdfviewer.removepageborders,
.pdfviewer:is(.scrollhorizontal, .scrollwrapped) .spread{
  margin-inline:0;
}

.spread :is(.page, .dummypage),
.pdfviewer:is(.scrollhorizontal, .scrollwrapped) :is(.page, .spread){
  display:inline-block;
  vertical-align:middle;
}

.spread .page,
.pdfviewer:is(.scrollhorizontal, .scrollwrapped) .page{
  margin-inline:var(--spreadhorizontalwrapped-margin-lr);
}

.pdfviewer.removepageborders .spread .page,
.pdfviewer.removepageborders:is(.scrollhorizontal, .scrollwrapped) .page{
  margin-inline:5px;
}

.pdfviewer .page.loadingicon::after{
  position:absolute;
  top:0;
  left:0;
  content:"";
  width:100%;
  height:100%;
  background: center no-repeat;
  display:none;
  transition-property:display;
  transition-delay:var(--loading-icon-delay);
  z-index:5;
  contain:strict;
}

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

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

.pdfpresentationmode .pdfviewer{
  padding-bottom:0;
}

.pdfpresentationmode .spread{
  margin:0;
}

.pdfpresentationmode .pdfviewer .page{
  margin:0 auto;
  border:2px solid transparent;
}

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

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

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

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

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

  --loading-icon:url(/uploads/image/ujpwimages/loading.svg);
  --treeitem-expanded-icon:url(/uploads/image/ujpwimages/treeitem-expanded.svg);
  --treeitem-collapsed-icon:url(/uploads/image/ujpwimages/treeitem-collapsed.svg);
  --toolbarbutton-editorfreetext-icon:;
  --toolbarbutton-editorhighlight-icon:;
  --toolbarbutton-editorink-icon:;
  --toolbarbutton-editorstamp-icon:;
  --toolbarbutton-menuarrow-icon:;
  --toolbarbutton-sidebartoggle-icon:;
  --toolbarbutton-secondarytoolbartoggle-icon:;
  --toolbarbutton-pageup-icon:;
  --toolbarbutton-pagedown-icon:;
  --toolbarbutton-zoomout-icon:;
  --toolbarbutton-zoomin-icon:;
  --toolbarbutton-presentationmode-icon:;
  --toolbarbutton-print-icon:;
  --toolbarbutton-openfile-icon:;
  --toolbarbutton-download-icon:;
  --toolbarbutton-bookmark-icon:;
  --toolbarbutton-viewthumbnail-icon:;
  --toolbarbutton-viewoutline-icon:;
  --toolbarbutton-viewattachments-icon:;
  --toolbarbutton-viewlayers-icon:;
  --toolbarbutton-currentoutlineitem-icon:;
  --toolbarbutton-search-icon:;
  --findbarbutton-previous-icon:;
  --findbarbutton-next-icon:;
  --secondarytoolbarbutton-firstpage-icon:;
  --secondarytoolbarbutton-lastpage-icon:;
  --secondarytoolbarbutton-rotateccw-icon:;
  --secondarytoolbarbutton-rotatecw-icon:;
  --secondarytoolbarbutton-selecttool-icon:;
  --secondarytoolbarbutton-handtool-icon:;
  --secondarytoolbarbutton-scrollpage-icon:;
  --secondarytoolbarbutton-scrollvertical-icon:;
  --secondarytoolbarbutton-scrollhorizontal-icon:;
  --secondarytoolbarbutton-scrollwrapped-icon:;
  --secondarytoolbarbutton-spreadnone-icon:;
  --secondarytoolbarbutton-spreadodd-icon:;
  --secondarytoolbarbutton-spreadeven-icon:;
  --secondarytoolbarbutton-imagealttextsettings-icon:var(
    --toolbarbutton-editorstamp-icon
  );
  --secondarytoolbarbutton-documentproperties-icon:;
  --editorparams-stampaddimage-icon:;
}

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

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

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

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

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

@media screen and (forced-colors: active){
  :root{
    --button-hover-color:highlight;
    --doorhanger-hover-bg-color:highlight;
    --toolbar-icon-opacity:1;
    --toolbar-icon-bg-color:buttontext;
    --toolbar-icon-hover-bg-color:buttonface;
    --toggled-hover-active-btn-color:buttontext;
    --toggled-hover-btn-outline:2px solid buttonborder;
    --toolbar-border-color:canvastext;
    --toolbar-border-bottom:1px solid var(--toolbar-border-color);
    --toolbar-box-shadow:none;
    --toggled-btn-color:highlighttext;
    --toggled-btn-bg-color:linktext;
    --doorhanger-hover-color:buttonface;
    --doorhanger-border-color-whcm:1px solid buttontext;
    --doorhanger-triangle-opacity-whcm:0;
    --dialog-button-border:1px solid highlight;
    --dialog-button-hover-bg-color:highlight;
    --dialog-button-hover-color:buttonface;
    --dropdown-btn-border:1px solid buttontext;
    --field-border-color:buttontext;
    --main-color:canvastext;
    --separator-color:graytext;
    --doorhanger-separator-color:graytext;
    --toolbarsidebar-box-shadow:none;
    --toolbarsidebar-border-bottom:1px solid var(--toolbar-border-color);
  }
}

@media screen and (prefers-reduced-motion: reduce){
  :root{
    --sidebar-transition-duration:0;
  }
}

*{
  padding:0;
  margin:0;
}

html,
body{
  height:100%;
  width:100%;
}

body{
  background-color:var(--body-bg-color);
  scrollbar-color:var(--scrollbar-color) var(--scrollbar-bg-color);
}

body.wait::before{
    content:"";
    position:fixed;
    width:100%;
    height:100%;
    z-index:100000;
    cursor:wait;
  }

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

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

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

.pdfpresentationmode:fullscreen .textlayer span{
  cursor:none;
}

.pdfpresentationmode.pdfpresentationmodecontrols > *,
.pdfpresentationmode.pdfpresentationmodecontrols .textlayer span{
  cursor:default;
}

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

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

#outercontainer:is(.sidebarmoving, .sidebaropen) #sidebarcontainer{
  visibility:visible;
}
#outercontainer.sidebaropen #sidebarcontainer{
  inset-inline-start:0;
}

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

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

#viewercontainer{
  overflow:auto;
  position:absolute;
  inset:var(--toolbar-height) 0 0;
  outline:none;
}
#viewercontainer:not(.pdfpresentationmode){
  transition-duration:var(--sidebar-transition-duration);
  transition-timing-function:var(--sidebar-transition-timing-function);
}

#outercontainer.sidebaropen #viewercontainer:not(.pdfpresentationmode){
  inset-inline-start:var(--sidebar-width);
  transition-property:inset-inline-start;
}

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

:is(.toolbar, .editorparamstoolbar, #sidebarcontainer)
  :is(input, button, select){
  outline:none;
  font:message-box;
}

#toolbarcontainer{
  width:100%;
}

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

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

#toolbarcontainer,
.editorparamstoolbar{
  position:relative;
  height:var(--toolbar-height);
  background-color:var(--toolbar-bg-color);
  box-shadow:var(--toolbar-box-shadow);
  border-bottom:var(--toolbar-border-bottom);
}

#toolbarviewer{
  height:var(--toolbar-height);
}

#loadingbar{
  --progressbar-percent:0%;
  --progressbar-end-offset:0;

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

#outercontainer.sidebaropen #loadingbar{
  inset-inline-start:var(--sidebar-width);
}

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

@keyframes progressindeterminate{
  0%{
    transform:translatex(calc(-142px * var(--dir-factor)));
  }
  100%{
    transform:translatex(0);
  }
}

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

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

#outercontainer.sidebarresizing
  :is(#sidebarcontainer, #viewercontainer, #loadingbar){
  transition-duration:0s;
}

.editorparamstoolbar{
  background-color:var(--doorhanger-bg-color);
  top:var(--toolbar-height);
  position:absolute;
  z-index:30000;
  height:auto;
  inset-inline-end:4px;
  padding:6px 0 10px;
  margin:4px 2px;
  font:message-box;
  font-size:12px;
  line-height:14px;
  text-align:left;
  cursor:default;
}

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

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

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

.editorparamstoolbarcontainer .editorparamscolor{
  width:32px;
  height:32px;
  flex:none;
}

.editorparamstoolbarcontainer .editorparamsslider{
  background-color:transparent;
  width:90px;
  flex:0 1 0;
}

.editorparamstoolbarcontainer .editorparamsslider::-moz-range-progress{
  background-color:black;
}

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

.editorparamstoolbarcontainer .editorparamsslider::-webkit-slider-thumb,
.editorparamstoolbarcontainer .editorparamsslider::-moz-range-thumb{
  background-color:white;
}

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

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

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

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

#editorstampaddimage::before{
  -webkit-mask-image:var(--editorparams-stampaddimage-icon);
          mask-image:var(--editorparams-stampaddimage-icon);
}

.doorhanger,
.doorhangerright{
  border-radius:2px;
  box-shadow:0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color);
  border:var(--doorhanger-border-color-whcm);
}
:is(.doorhanger, .doorhangerright)::after,
:is(.doorhanger, .doorhangerright)::before{
  bottom:100%;
  border:8px solid rgb(0 0 0 / 0);
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  opacity:var(--doorhanger-triangle-opacity-whcm);
}
.doorhanger::after{
  inset-inline-start:10px;
  margin-inline-start:-8px;
  border-bottom-color:var(--toolbar-bg-color);
}
.doorhangerright::after{
  inset-inline-end:10px;
  margin-inline-end:-8px;
  border-bottom-color:var(--doorhanger-bg-color);
}
:is(.doorhanger, .doorhangerright)::before{
  border-bottom-color:var(--doorhanger-border-color);
  border-width:9px;
}
.doorhanger::before{
  inset-inline-start:10px;
  margin-inline-start:-9px;
}
.doorhangerright::before{
  inset-inline-end:10px;
  margin-inline-end:-9px;
}

#toolbarviewermiddle{
  position:absolute;
  left:50%;
  transform:translatex(-50%);
}

#toolbarviewerleft,
#toolbarsidebarleft{
  float:var(--inline-start);
}
#toolbarviewerright,
#toolbarsidebarright{
  float:var(--inline-end);
}

#toolbarviewerleft > *,
#toolbarviewermiddle > *,
#toolbarviewerright > *,
#toolbarsidebarleft *,
#toolbarsidebarright *{
  position:relative;
  float:var(--inline-start);
}

#toolbarviewerleft{
  padding-inline-start:1px;
}
#toolbarviewerright{
  padding-inline-end:1px;
}
#toolbarsidebarright{
  padding-inline-end:2px;
}

.splittoolbarbutton{
  margin:2px;
  display:inline-block;
}
.splittoolbarbutton > .toolbarbutton{
  float:var(--inline-start);
}

.toolbarbutton,
.dialogbutton{
  border:none;
  background:none;
  width:28px;
  height:28px;
  outline:none;
}

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

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

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

:is(.toolbarbutton, .dialogbutton)[disabled]{
  opacity:0.5;
}

.splittoolbarbutton > .toolbarbutton:is(:hover, :focus-visible),
.dropdowntoolbarbutton:hover{
  background-color:var(--button-hover-color);
}
.splittoolbarbutton > .toolbarbutton{
  position:relative;
  margin:0;
}
#toolbarsidebar .splittoolbarbutton > .toolbarbutton{
  margin-inline-end:2px;
}

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

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

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

.toolbarbutton.toggled,
.splittoolbarbutton.toggled > .toolbarbutton.toggled{
  background-color:var(--toggled-btn-bg-color);
  color:var(--toggled-btn-color);
}

.toolbarbutton.toggled:hover,
.splittoolbarbutton.toggled > .toolbarbutton.toggled:hover{
  outline:var(--toggled-hover-btn-outline) !important;
}

.toolbarbutton.toggled::before{
  background-color:var(--toggled-btn-color);
}

.toolbarbutton.toggled:hover:active,
.splittoolbarbutton.toggled > .toolbarbutton.toggled:hover:active{
  background-color:var(--toggled-hover-active-btn-color);
}

.dropdowntoolbarbutton{
  display:flex;
  width:-moz-fit-content;
  width:fit-content;
  min-width:140px;
  padding:0;
  background-color:var(--dropdown-btn-bg-color);
  border:var(--dropdown-btn-border);
}
.dropdowntoolbarbutton::after{
  top:6px;
  inset-inline-end:6px;
  pointer-events:none;
  -webkit-mask-image:var(--toolbarbutton-menuarrow-icon);
          mask-image:var(--toolbarbutton-menuarrow-icon);
}

.dropdowntoolbarbutton > select{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  width:inherit;
  min-width:inherit;
  height:28px;
  font-size:12px;
  color:var(--main-color);
  margin:0;
  padding-block:1px 2px;
  padding-inline:6px 38px;
  border:none;
  background-color:var(--dropdown-btn-bg-color);
}
.dropdowntoolbarbutton > select:is(:hover, :focus-visible){
  background-color:var(--button-hover-color);
  color:var(--toggled-btn-color);
}
.dropdowntoolbarbutton > select > option{
  background:var(--doorhanger-bg-color);
  color:var(--main-color);
}

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

:is(.toolbarbutton, .treeitemtoggler)::before,
.dropdowntoolbarbutton::after{
  position:absolute;
  display:inline-block;
  width:16px;
  height:16px;

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

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

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

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

#sidebartoggle::before{
  -webkit-mask-image:var(--toolbarbutton-sidebartoggle-icon);
          mask-image:var(--toolbarbutton-sidebartoggle-icon);
  transform:scalex(var(--dir-factor));
}

#secondarytoolbartoggle::before{
  -webkit-mask-image:var(--toolbarbutton-secondarytoolbartoggle-icon);
          mask-image:var(--toolbarbutton-secondarytoolbartoggle-icon);
  transform:scalex(var(--dir-factor));
}

#previous::before{
  -webkit-mask-image:var(--toolbarbutton-pageup-icon);
          mask-image:var(--toolbarbutton-pageup-icon);
}

#next::before{
  -webkit-mask-image:var(--toolbarbutton-pagedown-icon);
          mask-image:var(--toolbarbutton-pagedown-icon);
}

#zoomout::before{
  -webkit-mask-image:var(--toolbarbutton-zoomout-icon);
          mask-image:var(--toolbarbutton-zoomout-icon);
}

#zoomin::before{
  -webkit-mask-image:var(--toolbarbutton-zoomin-icon);
          mask-image:var(--toolbarbutton-zoomin-icon);
}

#editorfreetext::before{
  -webkit-mask-image:var(--toolbarbutton-editorfreetext-icon);
          mask-image:var(--toolbarbutton-editorfreetext-icon);
}

#editorhighlight::before{
  -webkit-mask-image:var(--toolbarbutton-editorhighlight-icon);
          mask-image:var(--toolbarbutton-editorhighlight-icon);
}

#editorink::before{
  -webkit-mask-image:var(--toolbarbutton-editorink-icon);
          mask-image:var(--toolbarbutton-editorink-icon);
}

#editorstamp::before{
  -webkit-mask-image:var(--toolbarbutton-editorstamp-icon);
          mask-image:var(--toolbarbutton-editorstamp-icon);
}

#print::before{
  -webkit-mask-image:var(--toolbarbutton-print-icon);
          mask-image:var(--toolbarbutton-print-icon);
}

#download::before{
  -webkit-mask-image:var(--toolbarbutton-download-icon);
          mask-image:var(--toolbarbutton-download-icon);
}

#viewthumbnail::before{
  -webkit-mask-image:var(--toolbarbutton-viewthumbnail-icon);
          mask-image:var(--toolbarbutton-viewthumbnail-icon);
}

#viewoutline::before{
  -webkit-mask-image:var(--toolbarbutton-viewoutline-icon);
          mask-image:var(--toolbarbutton-viewoutline-icon);
  transform:scalex(var(--dir-factor));
}

#viewattachments::before{
  -webkit-mask-image:var(--toolbarbutton-viewattachments-icon);
          mask-image:var(--toolbarbutton-viewattachments-icon);
}

#viewlayers::before{
  -webkit-mask-image:var(--toolbarbutton-viewlayers-icon);
          mask-image:var(--toolbarbutton-viewlayers-icon);
}

#currentoutlineitem::before{
  -webkit-mask-image:var(--toolbarbutton-currentoutlineitem-icon);
          mask-image:var(--toolbarbutton-currentoutlineitem-icon);
  transform:scalex(var(--dir-factor));
}

#viewfind::before{
  -webkit-mask-image:var(--toolbarbutton-search-icon);
          mask-image:var(--toolbarbutton-search-icon);
}

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

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

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

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

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

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

.loadinginput:has( > .loading:is(#pagenumber))::after{
    display:block;
    visibility:visible;

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

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

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

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

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

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

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

#numpages.toolbarlabel{
  padding-inline-start:3px;
}

#thumbnailview,
#outlineview,
#attachmentsview,
#layersview{
  position:absolute;
  width:calc(100% - 8px);
  inset-block:0;
  padding:4px 4px 0;
  overflow:auto;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}
#thumbnailview{
  width:calc(100% - 60px);
  padding:10px 30px 0;
}

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

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

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

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

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

.thumbnailimage{
  width:var(--thumbnail-width);
  height:var(--thumbnail-height);
  opacity:0.9;
}
a:focus > .thumbnail > .thumbnailimage,
.thumbnail:hover > .thumbnailimage{
  opacity:0.95;
}
.thumbnail.selected > .thumbnailimage{
  opacity:1 !important;
}

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

.treewithdeepnesting > .treeitem,
.treeitem > .treeitems{
  margin-inline-start:20px;
}

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

#layersview .treeitem > a *{
  cursor:pointer;
}
#layersview .treeitem > a > label{
  padding-inline-start:4px;
}
#layersview .treeitem > a > label > input{
  float:var(--inline-start);
  margin-top:1px;
}

.treeitemtoggler{
  position:relative;
  float:var(--inline-start);
  height:0;
  width:0;
  color:rgb(255 255 255 / 0.5);
}
.treeitemtoggler::before{
  inset-inline-end:4px;
  -webkit-mask-image:var(--treeitem-expanded-icon);
          mask-image:var(--treeitem-expanded-icon);
}
.treeitemtoggler.treeitemshidden::before{
  -webkit-mask-image:var(--treeitem-collapsed-icon);
          mask-image:var(--treeitem-collapsed-icon);
  transform:scalex(var(--dir-factor));
}
.treeitemtoggler.treeitemshidden ~ .treeitems{
  display:none;
}

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

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

#outlineoptionscontainer{
  display:none;
}

#sidebarcontainer:has(#outlineview:not(.hidden)) #outlineoptionscontainer{
    display:inherit;
  }

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

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

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

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

dialog .toolbarfield{
  margin:5px 0;
}

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

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

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

#passworddialog{
  text-align:center;
}
#passworddialog .toolbarfield{
  width:200px;
}

#documentpropertiesdialog{
  text-align:left;
}
#documentpropertiesdialog .row > *{
  min-width:100px;
  text-align:start;
}
#documentpropertiesdialog .row > span{
  width:125px;
  word-wrap:break-word;
}
#documentpropertiesdialog .row > p{
  max-width:225px;
  word-wrap:break-word;
}
#documentpropertiesdialog .buttonrow{
  margin-top:10px;
}

.grab-to-pan-grab{
  cursor:grab !important;
}
.grab-to-pan-grab
  *:not(input):not(textarea):not(button):not(select):not(:link){
  cursor:inherit !important;
}
.grab-to-pan-grab:active,
.grab-to-pan-grabbing{
  cursor:grabbing !important;
}
.grab-to-pan-grabbing{
  position:fixed;
  background:rgb(0 0 0 / 0);
  display:block;
  inset:0;
  overflow:hidden;
  z-index:50000;
}

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

.toolbarbutton.labeled:is(a){
      padding-top:5px;
      text-decoration:none;
    }

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

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

.toolbarbutton.labeled:not(.toggled):is(:hover,:focus-visible){
      background-color:var(--doorhanger-hover-bg-color);
      color:var(--doorhanger-hover-color);
    }

.toolbarbutton.labeled  > span{
      display:unset;
      padding-inline-end:4px;
    }

#secondarytoolbar{
  background-color:var(--doorhanger-bg-color);
  cursor:default;
  font:message-box;
  font-size:12px;
  height:auto;
  inset-inline-end:4px;
  line-height:14px;
  margin:4px 2px;
  padding:6px 0 10px;
  position:absolute;
  text-align:left;
  top:var(--toolbar-height);
  z-index:30000;
}

#secondarytoolbar :is(button,a){
    font:message-box;
    outline:none;
  }

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

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #secondaryopenfile::before{
      -webkit-mask-image:var(--toolbarbutton-openfile-icon);
              mask-image:var(--toolbarbutton-openfile-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #secondaryprint::before{
      -webkit-mask-image:var(--toolbarbutton-print-icon);
              mask-image:var(--toolbarbutton-print-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #secondarydownload::before{
      -webkit-mask-image:var(--toolbarbutton-download-icon);
              mask-image:var(--toolbarbutton-download-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #presentationmode::before{
      -webkit-mask-image:var(--toolbarbutton-presentationmode-icon);
              mask-image:var(--toolbarbutton-presentationmode-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #viewbookmark::before{
      -webkit-mask-image:var(--toolbarbutton-bookmark-icon);
              mask-image:var(--toolbarbutton-bookmark-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #firstpage::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-firstpage-icon);
              mask-image:var(--secondarytoolbarbutton-firstpage-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #lastpage::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-lastpage-icon);
              mask-image:var(--secondarytoolbarbutton-lastpage-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #pagerotateccw::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-rotateccw-icon);
              mask-image:var(--secondarytoolbarbutton-rotateccw-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #pagerotatecw::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-rotatecw-icon);
              mask-image:var(--secondarytoolbarbutton-rotatecw-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #cursorselecttool::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-selecttool-icon);
              mask-image:var(--secondarytoolbarbutton-selecttool-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #cursorhandtool::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-handtool-icon);
              mask-image:var(--secondarytoolbarbutton-handtool-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #scrollpage::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-scrollpage-icon);
              mask-image:var(--secondarytoolbarbutton-scrollpage-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #scrollvertical::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-scrollvertical-icon);
              mask-image:var(--secondarytoolbarbutton-scrollvertical-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #scrollhorizontal::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-scrollhorizontal-icon);
              mask-image:var(--secondarytoolbarbutton-scrollhorizontal-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #scrollwrapped::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-scrollwrapped-icon);
              mask-image:var(--secondarytoolbarbutton-scrollwrapped-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #spreadnone::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-spreadnone-icon);
              mask-image:var(--secondarytoolbarbutton-spreadnone-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #spreadodd::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-spreadodd-icon);
              mask-image:var(--secondarytoolbarbutton-spreadodd-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #spreadeven::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-spreadeven-icon);
              mask-image:var(--secondarytoolbarbutton-spreadeven-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #imagealttextsettings::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-imagealttextsettings-icon);
              mask-image:var(--secondarytoolbarbutton-imagealttextsettings-icon);
    }

:is(#secondarytoolbar #secondarytoolbarbuttoncontainer) #documentproperties::before{
      -webkit-mask-image:var(--secondarytoolbarbutton-documentproperties-icon);
              mask-image:var(--secondarytoolbarbutton-documentproperties-icon);
    }

#findbar{
  background-color:var(--toolbar-bg-color);
  cursor:default;
  font:message-box;
  font-size:12px;
  height:auto;
  inset-inline-start:64px;
  line-height:14px;
  margin:4px 2px;
  min-width:300px;
  padding:0 4px;
  position:absolute;
  text-align:left;
  top:var(--toolbar-height);
  z-index:30000;
}

#findbar *{
    float:var(--inline-start);
    position:relative;
  }

#findbar  > div{
    height:var(--toolbar-height);
  }

#findbar :is(button,input){
    font:message-box;
    outline:none;
  }

[type="checkbox"]:is(#findbar input){
      pointer-events:none;
    }

[type="checkbox"]:is(#findbar input):checked   .toolbarlabel{
        background-color:var(--toggled-btn-bg-color) !important;
        color:var(--toggled-btn-color);
      }

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

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

#findbar #findbarinputcontainer{
    margin-inline-end:4px;
  }

:is(#findbar #findbarinputcontainer) #findinput{
      width:200px;
    }

:is(:is(#findbar #findbarinputcontainer) #findinput)::-moz-placeholder{
        font-style:normal;
      }

:is(:is(#findbar #findbarinputcontainer) #findinput)::placeholder{
        font-style:normal;
      }

.loadinginput:has( > [data-status="pending"]:is(:is(#findbar #findbarinputcontainer) #findinput))::after{
        display:block;
        visibility:visible;
      }

[data-status="notfound"]:is(:is(#findbar #findbarinputcontainer) #findinput){
        background-color:rgb(255 102 102);
      }

:is(#findbar #findbarinputcontainer) #findprevious::before{
      -webkit-mask-image:var(--findbarbutton-previous-icon);
              mask-image:var(--findbarbutton-previous-icon);
    }

:is(#findbar #findbarinputcontainer) #findnext::before{
      -webkit-mask-image:var(--findbarbutton-next-icon);
              mask-image:var(--findbarbutton-next-icon);
    }

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

[data-status="notfound"]:is(:is(#findbar #findbarmessagecontainer) #findmsg){
        font-weight:bold;
      }

:is(#findbar #findbarmessagecontainer) *:empty{
      display:none;
    }

#findbar.wrapcontainers  > div{
      clear:both;
    }

#findbar.wrapcontainers  > #findbarmessagecontainer{
      height:auto;
    }

:is(#findbar.wrapcontainers > #findbarmessagecontainer)  > *{
        clear:both;
      }

@media all and (max-width: 690px){
    #findbar{
      inset-inline-start:34px;
    }
  }

@page{
  margin:0;
}

#printcontainer{
  display:none;
}

@media print{
  body{
    background:rgb(0 0 0 / 0) none;
  }
  body[data-pdfjsprinting] #outercontainer{
    display:none;
  }
  body[data-pdfjsprinting] #printcontainer{
    display:block;
  }
  #printcontainer{
    height:100%;
  }
  #printcontainer > .printedpage{
    page-break-after:always;
    page-break-inside:avoid;
    height:100%;
    width:100%;

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

  #printcontainer > .xfaprintedpage .xfapage{
    position:absolute;
  }

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

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

    direction:ltr;
    display:block;
  }
}

.visiblemediumview{
  display:none !important;
}

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

@media all and (max-width: 840px){
  #sidebarcontainer{
    background-color:var(--sidebar-narrow-bg-color);
  }
  #outercontainer.sidebaropen #viewercontainer{
    inset-inline-start:0 !important;
  }
}

@media all and (max-width: 750px){
  :root{
    --editor-toolbar-base-offset:40px;
  }
  #outercontainer .hiddenmediumview{
    display:none !important;
  }
  #outercontainer .visiblemediumview{
    display:inherit !important;
  }
}

@media all and (max-width: 690px){
  .hiddensmallview,
  .hiddensmallview *{
    display:none !important;
  }
  .toolbarbuttonspacer{
    width:0;
  }
}

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