/* 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.
 */
/* Modified for CP06: selectors scoped to the article reader; PDF.js 5.6.205. */
#lightbox .lightbox-article .messageBar {--closing-button-icon: url(images/messageBar_closingButton.svg); --message-bar-close-button-color: var(--text-primary-color); --message-bar-close-button-color-hover: var(--text-primary-color); --message-bar-close-button-border-radius: 4px; --message-bar-close-button-border: none; --csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14); --message-bar-close-button-hover-bg-color: var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14)); --csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21); --message-bar-close-button-active-bg-color: var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21)); --csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07); --message-bar-close-button-focus-bg-color: var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07));}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {#lightbox .lightbox-article .messageBar {--message-bar-close-button-hover-bg-color: light-dark(
    rgb(21 20 26 / 0.14),
    rgb(251 251 254 / 0.14)
  ); --message-bar-close-button-active-bg-color: light-dark(
    rgb(21 20 26 / 0.21),
    rgb(251 251 254 / 0.21)
  ); --message-bar-close-button-focus-bg-color: light-dark(
    rgb(21 20 26 / 0.07),
    rgb(251 251 254 / 0.07)
  );}}
@supports not (color: light-dark(tan, tan)) {#lightbox .lightbox-article .messageBar * {--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14); --message-bar-close-button-hover-bg-color: var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14)); --csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21); --message-bar-close-button-active-bg-color: var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21)); --csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07); --message-bar-close-button-focus-bg-color: var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07));}}
@media screen and (forced-colors: active) {#lightbox .lightbox-article .messageBar {--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;}}
#lightbox .lightbox-article .messageBar {display: flex; position: relative; padding: 8px 8px 8px 16px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: 4px; border: 1px solid var(--message-bar-border-color); background: var(--message-bar-bg-color); color: var(--message-bar-fg-color);}
#lightbox .lightbox-article .messageBar  > div {display: flex; align-items: flex-start; gap: 8px; align-self: stretch;}
#lightbox .lightbox-article :is(.messageBar > div)::before {content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--message-bar-icon); mask-image: var(--message-bar-icon); -webkit-mask-size: cover; mask-size: cover; background-color: var(--message-bar-icon-color); flex-shrink: 0;}
#lightbox .lightbox-article .messageBar button {cursor: pointer;}
#lightbox .lightbox-article :is(.messageBar button):focus-visible {outline: var(--focus-ring-outline); outline-offset: 2px;}
#lightbox .lightbox-article .messageBar .closeButton {width: 32px; height: 32px; background: none; border-radius: var(--message-bar-close-button-border-radius); border: var(--message-bar-close-button-border); display: flex; align-items: center; justify-content: center;}
#lightbox .lightbox-article :is(.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);}
#lightbox .lightbox-article :is(.messageBar .closeButton):is(:hover,:active,:focus)::before {background-color: var(--message-bar-close-button-color-hover);}
#lightbox .lightbox-article :is(.messageBar .closeButton):hover {background-color: var(--message-bar-close-button-hover-bg-color);}
#lightbox .lightbox-article :is(.messageBar .closeButton):active {background-color: var(--message-bar-close-button-active-bg-color);}
#lightbox .lightbox-article :is(.messageBar .closeButton):focus {background-color: var(--message-bar-close-button-focus-bg-color);}
#lightbox .lightbox-article :is(.messageBar .closeButton)  > span {display: inline-block; width: 0; height: 0; overflow: hidden;}
#lightbox .lightbox-article #editorUndoBar {--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) #fbfbfe; --text-primary-color: var(--csstools-light-dark-toggle--3, #15141a); --message-bar-icon: url(images/messageBar_info.svg); --csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) #73a7f3; --message-bar-icon-color: var(--csstools-light-dark-toggle--4, #0060df); --csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) #003070; --message-bar-bg-color: var(--csstools-light-dark-toggle--5, #deeafc); --message-bar-fg-color: var(--text-primary-color); --csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --message-bar-border-color: var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08)); --csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --undo-button-bg-color: var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07)); --csstools-light-dark-toggle--8: var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14); --undo-button-bg-color-hover: var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14)); --csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21); --undo-button-bg-color-active: var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21)); --csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) #0df; --undo-button-border: 1px solid var(--csstools-light-dark-toggle--10, #0060df); --undo-button-fg-color: var(--message-bar-fg-color); --undo-button-fg-color-hover: var(--undo-button-fg-color); --undo-button-fg-color-active: var(--undo-button-fg-color);}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article #editorUndoBar {--text-primary-color: light-dark(#15141a, #fbfbfe); --message-bar-icon-color: light-dark(#0060df, #73a7f3); --message-bar-bg-color: light-dark(#deeafc, #003070);}}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {#lightbox .lightbox-article #editorUndoBar {--message-bar-border-color: light-dark(
    rgb(0 0 0 / 0.08),
    rgb(255 255 255 / 0.08)
  ); --undo-button-bg-color: light-dark(
    rgb(21 20 26 / 0.07),
    rgb(255 255 255 / 0.08)
  ); --undo-button-bg-color-hover: light-dark(
    rgb(21 20 26 / 0.14),
    rgb(255 255 255 / 0.14)
  ); --undo-button-bg-color-active: light-dark(
    rgb(21 20 26 / 0.21),
    rgb(255 255 255 / 0.21)
  );}}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article #editorUndoBar {--undo-button-border: 1px solid light-dark(#0060df, #0df);}}
@supports not (color: light-dark(tan, tan)) {#lightbox .lightbox-article #editorUndoBar * {--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) #fbfbfe; --text-primary-color: var(--csstools-light-dark-toggle--3, #15141a); --csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) #73a7f3; --message-bar-icon-color: var(--csstools-light-dark-toggle--4, #0060df); --csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) #003070; --message-bar-bg-color: var(--csstools-light-dark-toggle--5, #deeafc); --csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --message-bar-border-color: var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08)); --csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --undo-button-bg-color: var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07)); --csstools-light-dark-toggle--8: var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14); --undo-button-bg-color-hover: var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14)); --csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21); --undo-button-bg-color-active: var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21)); --csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) #0df; --undo-button-border: 1px solid var(--csstools-light-dark-toggle--10, #0060df);}}
@media screen and (forced-colors: active) {#lightbox .lightbox-article #editorUndoBar {--text-primary-color: CanvasText; --message-bar-icon-color: CanvasText; --message-bar-bg-color: Canvas; --message-bar-border-color: CanvasText; --undo-button-bg-color: ButtonText; --undo-button-bg-color-hover: SelectedItem; --undo-button-bg-color-active: SelectedItem; --undo-button-fg-color: ButtonFace; --undo-button-fg-color-hover: SelectedItemText; --undo-button-fg-color-active: SelectedItemText; --undo-button-border: none;}}
#lightbox .lightbox-article #editorUndoBar {position: fixed; top: 50px; left: 50%; transform: translateX(-50%); z-index: 10; padding-block: 8px; padding-inline: 16px 8px; font: menu; font-size: 15px; cursor: default;}
#lightbox .lightbox-article #editorUndoBar button {cursor: pointer;}
#lightbox .lightbox-article #editorUndoBar #editorUndoBarUndoButton {border-radius: 4px; font-weight: 590; line-height: 19.5px; color: var(--undo-button-fg-color); border: var(--undo-button-border); padding: 4px 16px; margin-inline-start: 8px; height: 32px; background-color: var(--undo-button-bg-color);}
#lightbox .lightbox-article :is(#editorUndoBar #editorUndoBarUndoButton):hover {background-color: var(--undo-button-bg-color-hover); color: var(--undo-button-fg-color-hover);}
#lightbox .lightbox-article :is(#editorUndoBar #editorUndoBarUndoButton):active {background-color: var(--undo-button-bg-color-active); color: var(--undo-button-fg-color-active);}
#lightbox .lightbox-article #editorUndoBar  > div {align-items: center;}
#lightbox .lightbox-article .dialog {--csstools-light-dark-toggle--11: var(--csstools-color-scheme--light) #1c1b22; --dialog-bg-color: var(--csstools-light-dark-toggle--11, white); --csstools-light-dark-toggle--12: var(--csstools-color-scheme--light) #1c1b22; --dialog-border-color: var(--csstools-light-dark-toggle--12, white); --csstools-light-dark-toggle--13: var(--csstools-color-scheme--light) #15141a; --dialog-shadow: 0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2)); --csstools-light-dark-toggle--14: var(--csstools-color-scheme--light) #fbfbfe; --text-primary-color: var(--csstools-light-dark-toggle--14, #15141a); --csstools-light-dark-toggle--15: var(--csstools-color-scheme--light) #cfcfd8; --text-secondary-color: var(--csstools-light-dark-toggle--15, #5b5b66); --hover-filter: brightness(0.9); --csstools-light-dark-toggle--16: var(--csstools-color-scheme--light) #0df; --link-fg-color: var(--csstools-light-dark-toggle--16, #0060df); --csstools-light-dark-toggle--17: var(--csstools-color-scheme--light) #80ebff; --link-hover-fg-color: var(--csstools-light-dark-toggle--17, #0250bb); --csstools-light-dark-toggle--18: var(--csstools-color-scheme--light) #52525e; --separator-color: var(--csstools-light-dark-toggle--18, #f0f0f4); --textarea-border-color: #8f8f9d; --csstools-light-dark-toggle--19: var(--csstools-color-scheme--light) #42414d; --textarea-bg-color: var(--csstools-light-dark-toggle--19, white); --textarea-fg-color: var(--text-secondary-color); --csstools-light-dark-toggle--20: var(--csstools-color-scheme--light) #2b2a33; --radio-bg-color: var(--csstools-light-dark-toggle--20, #f0f0f4); --csstools-light-dark-toggle--21: var(--csstools-color-scheme--light) #15141a; --radio-checked-bg-color: var(--csstools-light-dark-toggle--21, #fbfbfe); --radio-border-color: #8f8f9d; --csstools-light-dark-toggle--22: var(--csstools-color-scheme--light) #0df; --radio-checked-border-color: var(--csstools-light-dark-toggle--22, #0060df); --csstools-light-dark-toggle--23: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07); --button-secondary-bg-color: var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07)); --button-secondary-fg-color: var(--text-primary-color); --button-secondary-border-color: var(--button-secondary-bg-color); --csstools-light-dark-toggle--24: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21); --button-secondary-active-bg-color: var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21)); --button-secondary-active-fg-color: var(--button-secondary-fg-color); --button-secondary-active-border-color: var(--button-secondary-bg-color); --csstools-light-dark-toggle--25: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14); --button-secondary-hover-bg-color: var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14)); --button-secondary-hover-fg-color: var(--button-secondary-fg-color); --button-secondary-hover-border-color: var(--button-secondary-hover-bg-color); --button-secondary-disabled-bg-color: var(--button-secondary-bg-color); --button-secondary-disabled-border-color: var(
    --button-secondary-border-color
  ); --button-secondary-disabled-fg-color: var(--button-secondary-fg-color); --csstools-light-dark-toggle--26: var(--csstools-color-scheme--light) #0df; --button-primary-bg-color: var(--csstools-light-dark-toggle--26, #0060df); --csstools-light-dark-toggle--27: var(--csstools-color-scheme--light) #15141a; --button-primary-fg-color: var(--csstools-light-dark-toggle--27, #fbfbfe); --button-primary-border-color: var(--button-primary-bg-color); --csstools-light-dark-toggle--28: var(--csstools-color-scheme--light) #aaf2ff; --button-primary-active-bg-color: var(--csstools-light-dark-toggle--28, #054096); --button-primary-active-fg-color: var(--button-primary-fg-color); --button-primary-active-border-color: var(--button-primary-active-bg-color); --csstools-light-dark-toggle--29: var(--csstools-color-scheme--light) #80ebff; --button-primary-hover-bg-color: var(--csstools-light-dark-toggle--29, #0250bb); --button-primary-hover-fg-color: var(--button-primary-fg-color); --button-primary-hover-border-color: var(--button-primary-hover-bg-color); --button-primary-disabled-bg-color: var(--button-primary-bg-color); --button-primary-disabled-border-color: var(--button-primary-border-color); --button-primary-disabled-fg-color: var(--button-primary-fg-color); --button-disabled-opacity: 0.4; --csstools-light-dark-toggle--30: var(--csstools-color-scheme--light) #42414d; --input-text-bg-color: var(--csstools-light-dark-toggle--30, white); --input-text-fg-color: var(--text-primary-color);}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article .dialog {--dialog-bg-color: light-dark(white, #1c1b22); --dialog-border-color: light-dark(white, #1c1b22);}}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {#lightbox .lightbox-article .dialog {--dialog-shadow: 0 2px 14px 0 light-dark(rgb(58 57 68 / 0.2), #15141a);}}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article .dialog {--text-primary-color: light-dark(#15141a, #fbfbfe); --text-secondary-color: light-dark(#5b5b66, #cfcfd8); --link-fg-color: light-dark(#0060df, #0df); --link-hover-fg-color: light-dark(#0250bb, #80ebff); --separator-color: light-dark(#f0f0f4, #52525e); --textarea-bg-color: light-dark(white, #42414d); --radio-bg-color: light-dark(#f0f0f4, #2b2a33); --radio-checked-bg-color: light-dark(#fbfbfe, #15141a); --radio-checked-border-color: light-dark(#0060df, #0df);}}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {#lightbox .lightbox-article .dialog {--button-secondary-bg-color: light-dark(
    rgb(21 20 26 / 0.07),
    rgb(251 251 254 / 0.07)
  ); --button-secondary-active-bg-color: light-dark(
    rgb(21 20 26 / 0.21),
    rgb(251 251 254 / 0.21)
  ); --button-secondary-hover-bg-color: light-dark(
    rgb(21 20 26 / 0.14),
    rgb(251 251 254 / 0.14)
  );}}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article .dialog {--button-primary-bg-color: light-dark(#0060df, #0df); --button-primary-fg-color: light-dark(#fbfbfe, #15141a); --button-primary-active-bg-color: light-dark(#054096, #aaf2ff); --button-primary-hover-bg-color: light-dark(#0250bb, #80ebff); --input-text-bg-color: light-dark(white, #42414d);}}
@supports not (color: light-dark(tan, tan)) {#lightbox .lightbox-article .dialog * {--csstools-light-dark-toggle--11: var(--csstools-color-scheme--light) #1c1b22; --dialog-bg-color: var(--csstools-light-dark-toggle--11, white); --csstools-light-dark-toggle--12: var(--csstools-color-scheme--light) #1c1b22; --dialog-border-color: var(--csstools-light-dark-toggle--12, white); --csstools-light-dark-toggle--13: var(--csstools-color-scheme--light) #15141a; --dialog-shadow: 0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2)); --csstools-light-dark-toggle--14: var(--csstools-color-scheme--light) #fbfbfe; --text-primary-color: var(--csstools-light-dark-toggle--14, #15141a); --csstools-light-dark-toggle--15: var(--csstools-color-scheme--light) #cfcfd8; --text-secondary-color: var(--csstools-light-dark-toggle--15, #5b5b66); --csstools-light-dark-toggle--16: var(--csstools-color-scheme--light) #0df; --link-fg-color: var(--csstools-light-dark-toggle--16, #0060df); --csstools-light-dark-toggle--17: var(--csstools-color-scheme--light) #80ebff; --link-hover-fg-color: var(--csstools-light-dark-toggle--17, #0250bb); --csstools-light-dark-toggle--18: var(--csstools-color-scheme--light) #52525e; --separator-color: var(--csstools-light-dark-toggle--18, #f0f0f4); --csstools-light-dark-toggle--19: var(--csstools-color-scheme--light) #42414d; --textarea-bg-color: var(--csstools-light-dark-toggle--19, white); --csstools-light-dark-toggle--20: var(--csstools-color-scheme--light) #2b2a33; --radio-bg-color: var(--csstools-light-dark-toggle--20, #f0f0f4); --csstools-light-dark-toggle--21: var(--csstools-color-scheme--light) #15141a; --radio-checked-bg-color: var(--csstools-light-dark-toggle--21, #fbfbfe); --csstools-light-dark-toggle--22: var(--csstools-color-scheme--light) #0df; --radio-checked-border-color: var(--csstools-light-dark-toggle--22, #0060df); --csstools-light-dark-toggle--23: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07); --button-secondary-bg-color: var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07)); --csstools-light-dark-toggle--24: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21); --button-secondary-active-bg-color: var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21)); --csstools-light-dark-toggle--25: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14); --button-secondary-hover-bg-color: var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14)); --csstools-light-dark-toggle--26: var(--csstools-color-scheme--light) #0df; --button-primary-bg-color: var(--csstools-light-dark-toggle--26, #0060df); --csstools-light-dark-toggle--27: var(--csstools-color-scheme--light) #15141a; --button-primary-fg-color: var(--csstools-light-dark-toggle--27, #fbfbfe); --csstools-light-dark-toggle--28: var(--csstools-color-scheme--light) #aaf2ff; --button-primary-active-bg-color: var(--csstools-light-dark-toggle--28, #054096); --csstools-light-dark-toggle--29: var(--csstools-color-scheme--light) #80ebff; --button-primary-hover-bg-color: var(--csstools-light-dark-toggle--29, #0250bb); --csstools-light-dark-toggle--30: var(--csstools-color-scheme--light) #42414d; --input-text-bg-color: var(--csstools-light-dark-toggle--30, white);}}
@media (prefers-color-scheme: dark) {#lightbox .lightbox-article .dialog {--hover-filter: brightness(1.4); --button-disabled-opacity: 0.6;}}
@media screen and (forced-colors: active) {#lightbox .lightbox-article .dialog {--dialog-bg-color: Canvas; --dialog-border-color: CanvasText; --dialog-shadow: none; --text-primary-color: CanvasText; --text-secondary-color: CanvasText; --hover-filter: none; --link-fg-color: LinkText; --link-hover-fg-color: LinkText; --separator-color: CanvasText; --textarea-border-color: ButtonBorder; --textarea-bg-color: Field; --textarea-fg-color: ButtonText; --radio-bg-color: ButtonFace; --radio-checked-bg-color: ButtonFace; --radio-border-color: ButtonText; --radio-checked-border-color: ButtonText; --button-secondary-bg-color: ButtonFace; --button-secondary-fg-color: ButtonText; --button-secondary-border-color: ButtonText; --button-secondary-active-bg-color: HighlightText; --button-secondary-active-fg-color: SelectedItem; --button-secondary-active-border-color: ButtonText; --button-secondary-hover-bg-color: HighlightText; --button-secondary-hover-fg-color: SelectedItem; --button-secondary-hover-border-color: SelectedItem; --button-secondary-disabled-fg-color: GrayText; --button-secondary-disabled-border-color: GrayText; --button-primary-bg-color: ButtonText; --button-primary-fg-color: ButtonFace; --button-primary-border-color: ButtonText; --button-primary-active-bg-color: SelectedItem; --button-primary-active-fg-color: HighlightText; --button-primary-active-border-color: ButtonText; --button-primary-hover-bg-color: SelectedItem; --button-primary-hover-fg-color: HighlightText; --button-primary-hover-border-color: SelectedItem; --button-primary-disabled-bg-color: GrayText; --button-primary-disabled-fg-color: ButtonFace; --button-primary-disabled-border-color: GrayText; --button-disabled-opacity: 1; --input-text-bg-color: Field; --input-text-fg-color: FieldText;}}
#lightbox .lightbox-article .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);}
#lightbox .lightbox-article :is(.dialog .mainContainer) *:focus-visible {outline: var(--focus-ring-outline); outline-offset: 2px;}
#lightbox .lightbox-article :is(.dialog .mainContainer) .title {display: flex; width: auto; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 12px;}
#lightbox .lightbox-article :is(:is(.dialog .mainContainer) .title)  > span {font-size: 13px; font-style: normal; font-weight: 590; line-height: 150%;}
#lightbox .lightbox-article :is(.dialog .mainContainer) .dialogSeparator {width: 100%; height: 0; margin-block: 4px; border-top: 1px solid var(--separator-color); border-bottom: none;}
#lightbox .lightbox-article :is(.dialog .mainContainer) .dialogButtonsGroup {display: flex; gap: 12px; align-self: flex-end;}
#lightbox .lightbox-article :is(.dialog .mainContainer) .radio {display: flex; flex-direction: column; align-items: flex-start; gap: 4px;}
#lightbox .lightbox-article :is(:is(.dialog .mainContainer) .radio)  > .radioButton {display: flex; gap: 8px; align-self: stretch; align-items: center;}
#lightbox .lightbox-article :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);}
#lightbox .lightbox-article :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover {filter: var(--hover-filter);}
#lightbox .lightbox-article :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);}
#lightbox .lightbox-article :is(:is(.dialog .mainContainer) .radio)  > .radioLabel {display: flex; padding-inline-start: 24px; align-items: flex-start; gap: 10px; align-self: stretch;}
#lightbox .lightbox-article :is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel)  > span {flex: 1 0 0; font-size: 11px; color: var(--text-secondary-color);}
#lightbox .lightbox-article :is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton)) {border-radius: 4px; border: 1px solid; font: menu; font-weight: 590; font-size: 13px; padding: 4px 16px; width: auto; height: 32px;}
#lightbox .lightbox-article :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover {cursor: pointer; filter: var(--hover-filter);}
#lightbox .lightbox-article :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton)))  > span {color: inherit; font: inherit;}
#lightbox .lightbox-article .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))) {color: var(--button-secondary-fg-color); background-color: var(--button-secondary-bg-color); border-color: var(--button-secondary-border-color);}
#lightbox .lightbox-article .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover {color: var(--button-secondary-hover-fg-color); background-color: var(--button-secondary-hover-bg-color); border-color: var(--button-secondary-hover-border-color);}
#lightbox .lightbox-article .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):active {color: var(--button-secondary-active-fg-color); background-color: var(--button-secondary-active-bg-color); border-color: var(--button-secondary-active-border-color);}
#lightbox .lightbox-article .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled {background-color: var(--button-secondary-disabled-bg-color); border-color: var(--button-secondary-disabled-border-color); color: var(--button-secondary-disabled-fg-color); opacity: var(--button-disabled-opacity);}
#lightbox .lightbox-article .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))) {color: var(--button-primary-fg-color); background-color: var(--button-primary-bg-color); border-color: var(--button-primary-border-color); opacity: 1;}
#lightbox .lightbox-article .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):hover {color: var(--button-primary-hover-fg-color); background-color: var(--button-primary-hover-bg-color); border-color: var(--button-primary-hover-border-color);}
#lightbox .lightbox-article .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):active {color: var(--button-primary-active-fg-color); background-color: var(--button-primary-active-bg-color); border-color: var(--button-primary-active-border-color);}
#lightbox .lightbox-article .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled {background-color: var(--button-primary-disabled-bg-color); border-color: var(--button-primary-disabled-border-color); color: var(--button-primary-disabled-fg-color); opacity: var(--button-disabled-opacity);}
#lightbox .lightbox-article :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton,.clearInputButton))):disabled {pointer-events: none;}
#lightbox .lightbox-article :is(.dialog .mainContainer) a {color: var(--link-fg-color);}
#lightbox .lightbox-article :is(:is(.dialog .mainContainer) a):hover {color: var(--link-hover-fg-color);}
#lightbox .lightbox-article :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);}
#lightbox .lightbox-article :is(:is(.dialog .mainContainer) textarea):focus {outline-offset: 0; border-color: transparent;}
#lightbox .lightbox-article :is(:is(.dialog .mainContainer) textarea):disabled {pointer-events: none; opacity: 0.4;}
#lightbox .lightbox-article :is(.dialog .mainContainer) input[type="text"] {background-color: var(--input-text-bg-color); color: var(--input-text-fg-color);}
#lightbox .lightbox-article :is(.dialog .mainContainer) .messageBar {--csstools-light-dark-toggle--31: var(--csstools-color-scheme--light) #5a3100; --message-bar-bg-color: var(--csstools-light-dark-toggle--31, #ffebcd); --csstools-light-dark-toggle--32: var(--csstools-color-scheme--light) #fbfbfe; --message-bar-fg-color: var(--csstools-light-dark-toggle--32, #15141a); --csstools-light-dark-toggle--33: var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --message-bar-border-color: var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08)); --message-bar-icon: url(images/messageBar_warning.svg); --csstools-light-dark-toggle--34: var(--csstools-color-scheme--light) #e49c49; --message-bar-icon-color: var(--csstools-light-dark-toggle--34, #cd411e);}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article :is(.dialog .mainContainer) .messageBar {--message-bar-bg-color: light-dark(#ffebcd, #5a3100); --message-bar-fg-color: light-dark(#15141a, #fbfbfe);}}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {#lightbox .lightbox-article :is(.dialog .mainContainer) .messageBar {--message-bar-border-color: light-dark(
        rgb(0 0 0 / 0.08),
        rgb(255 255 255 / 0.08)
      );}}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article :is(.dialog .mainContainer) .messageBar {--message-bar-icon-color: light-dark(#cd411e, #e49c49);}}
@supports not (color: light-dark(tan, tan)) {#lightbox .lightbox-article :is(:is(.dialog .mainContainer) .messageBar) * {--csstools-light-dark-toggle--31: var(--csstools-color-scheme--light) #5a3100; --message-bar-bg-color: var(--csstools-light-dark-toggle--31, #ffebcd); --csstools-light-dark-toggle--32: var(--csstools-color-scheme--light) #fbfbfe; --message-bar-fg-color: var(--csstools-light-dark-toggle--32, #15141a); --csstools-light-dark-toggle--33: var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --message-bar-border-color: var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08)); --csstools-light-dark-toggle--34: var(--csstools-color-scheme--light) #e49c49; --message-bar-icon-color: var(--csstools-light-dark-toggle--34, #cd411e);}}
@media screen and (forced-colors: active) {#lightbox .lightbox-article :is(.dialog .mainContainer) .messageBar {--message-bar-bg-color: HighlightText; --message-bar-fg-color: CanvasText; --message-bar-border-color: CanvasText; --message-bar-icon-color: CanvasText;}}
#lightbox .lightbox-article :is(.dialog .mainContainer) .messageBar {align-self: stretch;}
#lightbox .lightbox-article :is(:is(:is(.dialog .mainContainer) .messageBar) > div)::before, #lightbox .lightbox-article :is(:is(:is(.dialog .mainContainer) .messageBar) > div)  > div {margin-block: 4px;}
#lightbox .lightbox-article :is(:is(:is(.dialog .mainContainer) .messageBar) > div)  > div {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; flex: 1 0 0;}
#lightbox .lightbox-article :is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .title {font-size: 13px; font-weight: 590;}
#lightbox .lightbox-article :is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .description {font-size: 13px;}
#lightbox .lightbox-article :is(.dialog .mainContainer) .toggler {display: flex; align-items: center; gap: 8px; align-self: stretch;}
#lightbox .lightbox-article :is(:is(.dialog .mainContainer) .toggler)  > .togglerLabel {-webkit-user-select: none; -moz-user-select: none; user-select: none;}
#lightbox .lightbox-article .textLayer {--csstools-color-scheme--light: initial; color-scheme: only light; 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;}
#lightbox .lightbox-article .textLayer.highlighting {touch-action: none;}
#lightbox .lightbox-article .textLayer :is(span,br) {color: transparent; position: absolute; white-space: pre; cursor: text; transform-origin: 0% 0%;}
#lightbox .lightbox-article .textLayer {--min-font-size: 1; --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size)); --min-font-size-inv: calc(1 / var(--min-font-size));}
#lightbox .lightbox-article .textLayer  > :not(.markedContent), #lightbox .lightbox-article .textLayer .markedContent span:not(.markedContent) {z-index: 1; --font-height: 0; font-size: calc(var(--text-scale-factor) * var(--font-height)); --scale-x: 1; --rotate: 0deg; transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));}
#lightbox .lightbox-article .textLayer .markedContent {display: contents;}
#lightbox .lightbox-article .textLayer span[role="img"] {-webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default;}
#lightbox .lightbox-article .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) {#lightbox .lightbox-article .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
      );}}
#lightbox .lightbox-article .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;}
#lightbox .lightbox-article .appended:is(.textLayer .highlight) {position: initial;}
#lightbox .lightbox-article .begin:is(.textLayer .highlight) {border-radius: 4px 0 0 4px;}
#lightbox .lightbox-article .end:is(.textLayer .highlight) {border-radius: 0 4px 4px 0;}
#lightbox .lightbox-article .middle:is(.textLayer .highlight) {border-radius: 0;}
#lightbox .lightbox-article .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); scroll-margin-top: 50px;}
#lightbox .lightbox-article .textLayer ::-moz-selection {background: color-mix(in srgb, AccentColor, transparent 75%);}
#lightbox .lightbox-article .textLayer ::selection {background: color-mix(in srgb, AccentColor, transparent 75%);}
#lightbox .lightbox-article .textLayer br::-moz-selection {background: transparent;}
#lightbox .lightbox-article .textLayer br::selection {background: transparent;}
#lightbox .lightbox-article .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;}
#lightbox .lightbox-article .textLayer.selecting .endOfContent {top: 0;}
#lightbox .lightbox-article .textLayerImages {position: absolute; inset: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
#lightbox .lightbox-article .textLayerImages canvas {position: absolute; transform-origin: 0% 0%;}
#lightbox .lightbox-article .annotationLayer {--csstools-color-scheme--light: initial; color-scheme: only light; --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none;}
@media screen and (forced-colors: active) {#lightbox .lightbox-article .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;}#lightbox .lightbox-article .annotationLayer .textWidgetAnnotation :is(input,textarea):required, #lightbox .lightbox-article .annotationLayer .choiceWidgetAnnotation select:required, #lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required {outline: 1.5px solid selectedItem;}#lightbox .lightbox-article .annotationLayer .linkAnnotation {outline: var(--link-outline);}#lightbox .lightbox-article :is(.annotationLayer .linkAnnotation):hover {-webkit-backdrop-filter: var(--hcm-highlight-filter); backdrop-filter: var(--hcm-highlight-filter);}#lightbox .lightbox-article :is(.annotationLayer .linkAnnotation) > a:hover {opacity: 0 !important; background: none !important; box-shadow: none;}#lightbox .lightbox-article .annotationLayer .popupAnnotation .popup {outline: calc(1.5px * var(--total-scale-factor)) solid CanvasText !important; background-color: ButtonFace !important; color: ButtonText !important;}#lightbox .lightbox-article .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;}#lightbox .lightbox-article .annotationLayer .popupAnnotation.focused .popup {outline: calc(3px * var(--total-scale-factor)) solid Highlight !important;}}
#lightbox .lightbox-article .annotationLayer {position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0;}
#lightbox .lightbox-article .annotationLayer[data-main-rotation="90"] .norotate {transform: rotate(270deg) translateX(-100%);}
#lightbox .lightbox-article .annotationLayer[data-main-rotation="180"] .norotate {transform: rotate(180deg) translate(-100%, -100%);}
#lightbox .lightbox-article .annotationLayer[data-main-rotation="270"] .norotate {transform: rotate(90deg) translateY(-100%);}
#lightbox .lightbox-article .annotationLayer.disabled section, #lightbox .lightbox-article .annotationLayer.disabled .popup {pointer-events: none;}
#lightbox .lightbox-article .annotationLayer .annotationContent {position: absolute; width: 100%; height: 100%; pointer-events: none;}
#lightbox .lightbox-article .freetext:is(.annotationLayer .annotationContent) {background: transparent; border: none; inset: 0; overflow: visible; white-space: nowrap; font: 10px sans-serif; line-height: 1.35;}
#lightbox .lightbox-article .annotationLayer section {position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; transform-origin: 0 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
#lightbox .lightbox-article :is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent {display: none;}
#lightbox .lightbox-article :is(.annotationLayer section) .overlaidText {position: absolute; top: 0; left: 0; width: 0; height: 0; display: inline-block; overflow: hidden;}
#lightbox .lightbox-article .textLayer.selecting ~ .annotationLayer section {pointer-events: none;}
#lightbox .lightbox-article .annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton) > a {position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%;}
#lightbox .lightbox-article .annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover {opacity: 0.2; background-color: rgb(255 255 0);}
#lightbox .lightbox-article .annotationLayer .linkAnnotation.hasBorder:hover {background-color: rgb(255 255 0 / 0.2);}
#lightbox .lightbox-article .annotationLayer .hasBorder {background-size: 100% 100%;}
#lightbox .lightbox-article .annotationLayer .textAnnotation img {position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0;}
#lightbox .lightbox-article .annotationLayer .textWidgetAnnotation :is(input,textarea), #lightbox .lightbox-article .annotationLayer .choiceWidgetAnnotation select, #lightbox .lightbox-article .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(--total-scale-factor)) sans-serif; height: 100%; margin: 0; vertical-align: top; width: 100%;}
#lightbox .lightbox-article .annotationLayer .textWidgetAnnotation :is(input,textarea):required, #lightbox .lightbox-article .annotationLayer .choiceWidgetAnnotation select:required, #lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required {outline: 1.5px solid red;}
#lightbox .lightbox-article .annotationLayer .choiceWidgetAnnotation select option {padding: 0;}
#lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.radioButton input {border-radius: 50%;}
#lightbox .lightbox-article .annotationLayer .textWidgetAnnotation textarea {resize: none;}
#lightbox .lightbox-article .annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea), #lightbox .lightbox-article .annotationLayer .choiceWidgetAnnotation select[disabled], #lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled] {background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed;}
#lightbox .lightbox-article .annotationLayer .textWidgetAnnotation :is(input,textarea):hover, #lightbox .lightbox-article .annotationLayer .choiceWidgetAnnotation select:hover, #lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover {border: 2px solid var(--input-hover-border-color);}
#lightbox .lightbox-article .annotationLayer .textWidgetAnnotation :is(input,textarea):hover, #lightbox .lightbox-article .annotationLayer .choiceWidgetAnnotation select:hover, #lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.checkBox input:hover {border-radius: 2px;}
#lightbox .lightbox-article .annotationLayer .textWidgetAnnotation :is(input,textarea):focus, #lightbox .lightbox-article .annotationLayer .choiceWidgetAnnotation select:focus {background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline);}
#lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus {background-image: none; background-color: transparent;}
#lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.checkBox :focus {border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline);}
#lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.radioButton :focus {border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline);}
#lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, #lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, #lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {background-color: CanvasText; content: ""; display: block; position: absolute;}
#lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, #lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {height: 80%; left: 45%; width: 1px;}
#lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {transform: rotate(45deg);}
#lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {transform: rotate(-45deg);}
#lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {border-radius: 50%; height: 50%; left: 25%; top: 25%; width: 50%;}
#lightbox .lightbox-article .annotationLayer .textWidgetAnnotation input.comb {font-family: monospace; padding-left: 2px; padding-right: 0;}
#lightbox .lightbox-article .annotationLayer .textWidgetAnnotation input.comb:focus {width: 103%;}
#lightbox .lightbox-article .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
#lightbox .lightbox-article .annotationLayer .fileAttachmentAnnotation .popupTriggerArea {height: 100%; width: 100%;}
#lightbox .lightbox-article .annotationLayer .popupAnnotation {position: absolute; font-size: calc(9px * var(--total-scale-factor)); pointer-events: none; width: max-content; max-width: 45%; height: auto;}
#lightbox .lightbox-article .annotationLayer .popup {background-color: rgb(255 255 153); color: black; box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) rgb(136 136 136); border-radius: calc(2px * var(--total-scale-factor)); outline: 1.5px solid rgb(255 255 74); padding: calc(6px * var(--total-scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; -webkit-user-select: text; -moz-user-select: text; user-select: text;}
#lightbox .lightbox-article .annotationLayer .popupAnnotation.focused .popup {outline-width: 3px;}
#lightbox .lightbox-article .annotationLayer .popup * {font-size: calc(9px * var(--total-scale-factor));}
#lightbox .lightbox-article .annotationLayer .popup > .header {display: inline-block;}
#lightbox .lightbox-article .annotationLayer .popup > .header > .title {display: inline; font-weight: bold;}
#lightbox .lightbox-article .annotationLayer .popup > .header .popupDate {display: inline-block; margin-left: calc(5px * var(--total-scale-factor)); width: fit-content;}
#lightbox .lightbox-article .annotationLayer .popupContent {border-top: 1px solid rgb(51 51 51); margin-top: calc(2px * var(--total-scale-factor)); padding-top: calc(2px * var(--total-scale-factor));}
#lightbox .lightbox-article .annotationLayer .richText > * {white-space: pre-wrap; font-size: calc(9px * var(--total-scale-factor));}
#lightbox .lightbox-article .annotationLayer .popupTriggerArea {cursor: pointer;}
#lightbox .lightbox-article :is(.annotationLayer .popupTriggerArea):hover {-webkit-backdrop-filter: var(--hcm-highlight-filter); backdrop-filter: var(--hcm-highlight-filter);}
#lightbox .lightbox-article .annotationLayer section svg {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#lightbox .lightbox-article .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;}
#lightbox .lightbox-article :is(.annotationLayer .annotationTextContent) span {width: 100%; display: inline-block;}
#lightbox .lightbox-article .annotationLayer svg.quadrilateralsContainer {contain: strict; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: -1;}
#lightbox .lightbox-article {--xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --xfa-focus-outline: auto;}
@media screen and (forced-colors: active) {#lightbox .lightbox-article {--xfa-focus-outline: 2px solid CanvasText;}#lightbox .lightbox-article .xfaLayer *:required {outline: 1.5px solid selectedItem;}}
#lightbox .lightbox-article .xfaLayer {--csstools-color-scheme--light: initial; color-scheme: only light; background-color: transparent;}
#lightbox .lightbox-article .xfaLayer .highlight {margin: -1px; padding: 1px; background-color: rgb(239 203 237); border-radius: 4px;}
#lightbox .lightbox-article .xfaLayer .highlight.appended {position: initial;}
#lightbox .lightbox-article .xfaLayer .highlight.begin {border-radius: 4px 0 0 4px;}
#lightbox .lightbox-article .xfaLayer .highlight.end {border-radius: 0 4px 4px 0;}
#lightbox .lightbox-article .xfaLayer .highlight.middle {border-radius: 0;}
#lightbox .lightbox-article .xfaLayer .highlight.selected {background-color: rgb(203 223 203);}
#lightbox .lightbox-article .xfaPage {overflow: hidden; position: relative;}
#lightbox .lightbox-article .xfaContentarea {position: absolute;}
#lightbox .lightbox-article .xfaPrintOnly {display: none;}
#lightbox .lightbox-article .xfaLayer {position: absolute; text-align: initial; top: 0; left: 0; transform-origin: 0 0; line-height: 1.2;}
#lightbox .lightbox-article .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;}
#lightbox .lightbox-article .xfaLayer *:required {outline: 1.5px solid red;}
#lightbox .lightbox-article .xfaLayer div, #lightbox .lightbox-article .xfaLayer svg, #lightbox .lightbox-article .xfaLayer svg * {pointer-events: none;}
#lightbox .lightbox-article .xfaLayer a {color: blue;}
#lightbox .lightbox-article .xfaRich li {margin-left: 3em;}
#lightbox .lightbox-article .xfaFont {color: black; font-weight: normal; font-kerning: none; font-size: 10px; font-style: normal; letter-spacing: 0; text-decoration: none; vertical-align: 0;}
#lightbox .lightbox-article .xfaCaption {overflow: hidden; flex: 0 0 auto;}
#lightbox .lightbox-article .xfaCaptionForCheckButton {overflow: hidden; flex: 1 1 auto;}
#lightbox .lightbox-article .xfaLabel {height: 100%; width: 100%;}
#lightbox .lightbox-article .xfaLeft {display: flex; flex-direction: row; align-items: center;}
#lightbox .lightbox-article .xfaRight {display: flex; flex-direction: row-reverse; align-items: center;}
#lightbox .lightbox-article :is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton) {max-height: 100%;}
#lightbox .lightbox-article .xfaTop {display: flex; flex-direction: column; align-items: flex-start;}
#lightbox .lightbox-article .xfaBottom {display: flex; flex-direction: column-reverse; align-items: flex-start;}
#lightbox .lightbox-article :is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) {width: 100%;}
#lightbox .lightbox-article .xfaBorder {background-color: transparent; position: absolute; pointer-events: none;}
#lightbox .lightbox-article .xfaWrapped {width: 100%; height: 100%;}
#lightbox .lightbox-article :is(.xfaTextfield, .xfaSelect):focus {background-image: none; background-color: transparent; outline: var(--xfa-focus-outline); outline-offset: -1px;}
#lightbox .lightbox-article :is(.xfaCheckbox, .xfaRadio):focus {outline: var(--xfa-focus-outline);}
#lightbox .lightbox-article .xfaTextfield, #lightbox .lightbox-article .xfaSelect {height: 100%; width: 100%; flex: 1 1 auto; border: none; resize: none; background-image: var(--xfa-unfocused-field-background);}
#lightbox .lightbox-article .xfaSelect {padding-inline: 2px;}
#lightbox .lightbox-article :is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) {flex: 0 1 auto;}
#lightbox .lightbox-article .xfaButton {cursor: pointer; width: 100%; height: 100%; border: none; text-align: center;}
#lightbox .lightbox-article .xfaLink {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#lightbox .lightbox-article .xfaCheckbox, #lightbox .lightbox-article .xfaRadio {width: 100%; height: 100%; flex: 0 0 auto; border: none;}
#lightbox .lightbox-article .xfaRich {white-space: pre-wrap; width: 100%; height: 100%;}
#lightbox .lightbox-article .xfaImage {-o-object-position: left top; object-position: left top; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%;}
#lightbox .lightbox-article .xfaLrTb, #lightbox .lightbox-article .xfaRlTb, #lightbox .lightbox-article .xfaTb {display: flex; flex-direction: column; align-items: stretch;}
#lightbox .lightbox-article .xfaLr {display: flex; flex-direction: row; align-items: stretch;}
#lightbox .lightbox-article .xfaRl {display: flex; flex-direction: row-reverse; align-items: stretch;}
#lightbox .lightbox-article .xfaTb > div {justify-content: left;}
#lightbox .lightbox-article .xfaPosition {position: relative;}
#lightbox .lightbox-article .xfaArea {position: relative;}
#lightbox .lightbox-article .xfaValignMiddle {display: flex; align-items: center;}
#lightbox .lightbox-article .xfaTable {display: flex; flex-direction: column; align-items: stretch;}
#lightbox .lightbox-article .xfaTable .xfaRow {display: flex; flex-direction: row; align-items: stretch;}
#lightbox .lightbox-article .xfaTable .xfaRlRow {display: flex; flex-direction: row-reverse; align-items: stretch; flex: 1;}
#lightbox .lightbox-article .xfaTable .xfaRlRow > div {flex: 1;}
#lightbox .lightbox-article :is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) {background: initial;}
@media print {#lightbox .lightbox-article .xfaTextfield, #lightbox .lightbox-article .xfaSelect {background: transparent;}#lightbox .lightbox-article .xfaSelect {-webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: "";}}
#lightbox .lightbox-article .canvasWrapper svg {transform: none;}
#lightbox .lightbox-article .moving:is(.canvasWrapper svg) {z-index: 100000;}
#lightbox .lightbox-article [data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask, #lightbox .lightbox-article [data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask) {transform: matrix(0, 1, -1, 0, 1, 0);}
#lightbox .lightbox-article [data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask, #lightbox .lightbox-article [data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask) {transform: matrix(-1, 0, 0, -1, 1, 1);}
#lightbox .lightbox-article [data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask, #lightbox .lightbox-article [data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask) {transform: matrix(0, -1, 1, 0, 0, 1);}
#lightbox .lightbox-article .draw:is(.canvasWrapper svg) {position: absolute; mix-blend-mode: normal;}
#lightbox .lightbox-article .draw[data-draw-rotation="90"]:is(.canvasWrapper svg) {transform: rotate(90deg);}
#lightbox .lightbox-article .draw[data-draw-rotation="180"]:is(.canvasWrapper svg) {transform: rotate(180deg);}
#lightbox .lightbox-article .draw[data-draw-rotation="270"]:is(.canvasWrapper svg) {transform: rotate(270deg);}
#lightbox .lightbox-article .highlight:is(.canvasWrapper svg) {--blend-mode: multiply;}
@media screen and (forced-colors: active) {#lightbox .lightbox-article .highlight:is(.canvasWrapper svg) {--blend-mode: difference;}}
#lightbox .lightbox-article .highlight:is(.canvasWrapper svg) {position: absolute; mix-blend-mode: var(--blend-mode);}
#lightbox .lightbox-article .highlight:is(.canvasWrapper svg):not(.free) {fill-rule: evenodd;}
#lightbox .lightbox-article .highlightOutline:is(.canvasWrapper svg) {position: absolute; mix-blend-mode: normal; fill-rule: evenodd; fill: none;}
#lightbox .lightbox-article .highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected) {stroke: var(--hover-outline-color); stroke-width: var(--outline-width);}
#lightbox .lightbox-article .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline {stroke: var(--outline-around-color); stroke-width: calc(
              var(--outline-width) + 2 * var(--outline-around-width)
            );}
#lightbox .lightbox-article .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline {stroke: var(--outline-color); stroke-width: var(--outline-width);}
#lightbox .lightbox-article .highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected) {stroke: var(--hover-outline-color); stroke-width: calc(2 * var(--outline-width));}
#lightbox .lightbox-article .highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline {stroke: var(--outline-around-color); stroke-width: calc(
              2 * (var(--outline-width) + var(--outline-around-width))
            );}
#lightbox .lightbox-article .highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline {stroke: var(--outline-color); stroke-width: calc(2 * var(--outline-width));}
#lightbox .lightbox-article .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
  ); --csstools-light-dark-toggle--35: var(--csstools-color-scheme--light) #0df; --color-accent-primary: var(--csstools-light-dark-toggle--35, #0060df); --csstools-light-dark-toggle--36: var(--csstools-color-scheme--light) #80ebff; --color-accent-primary-hover: var(--csstools-light-dark-toggle--36, #0250bb); --csstools-light-dark-toggle--37: var(--csstools-color-scheme--light) #aaf2ff; --color-accent-primary-active: var(--csstools-light-dark-toggle--37, #054096); --border-radius-circle: 9999px; --border-width: 1px; --size-item-small: 16px; --size-item-large: 32px; --csstools-light-dark-toggle--38: var(--csstools-color-scheme--light) #1c1b22; --color-canvas: var(--csstools-light-dark-toggle--38, white); --background-color-canvas: var(--color-canvas); --csstools-light-dark-toggle--39: var(--csstools-color-scheme--light) #f9f9fa; --border-color-interactive: var(--csstools-light-dark-toggle--39, #8f8f9d); --border-color-interactive-hover: var(--border-color-interactive); --border-color-interactive-active: var(--border-color-interactive); --focus-outline-offset: 2px;}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article .toggle-button {--color-accent-primary: light-dark(#0060df, #0df); --color-accent-primary-hover: light-dark(#0250bb, #80ebff); --color-accent-primary-active: light-dark(#054096, #aaf2ff); --color-canvas: light-dark(white, #1c1b22); --border-color-interactive: light-dark(#8f8f9d, #f9f9fa);}}
@supports not (color: light-dark(tan, tan)) {#lightbox .lightbox-article .toggle-button * {--csstools-light-dark-toggle--35: var(--csstools-color-scheme--light) #0df; --color-accent-primary: var(--csstools-light-dark-toggle--35, #0060df); --csstools-light-dark-toggle--36: var(--csstools-color-scheme--light) #80ebff; --color-accent-primary-hover: var(--csstools-light-dark-toggle--36, #0250bb); --csstools-light-dark-toggle--37: var(--csstools-color-scheme--light) #aaf2ff; --color-accent-primary-active: var(--csstools-light-dark-toggle--37, #054096); --csstools-light-dark-toggle--38: var(--csstools-color-scheme--light) #1c1b22; --color-canvas: var(--csstools-light-dark-toggle--38, white); --csstools-light-dark-toggle--39: var(--csstools-color-scheme--light) #f9f9fa; --border-color-interactive: var(--csstools-light-dark-toggle--39, #8f8f9d);}}
@media (forced-colors: active) {#lightbox .lightbox-article .toggle-button {--color-accent-primary: ButtonText; --color-accent-primary-hover: SelectedItem; --color-accent-primary-active: SelectedItem; --button-background-color: ButtonFace; --border-color-interactive: ButtonText; --border-color-interactive-hover: SelectedItem; --border-color-interactive-active: ButtonText; --color-canvas: ButtonText; --background-color-canvas: Canvas;}}
#lightbox .lightbox-article .toggle-button {--toggle-background-color: var(--button-background-color); --toggle-background-color-hover: var(--button-background-color-hover); --toggle-background-color-active: var(--button-background-color-active); --toggle-background-color-pressed: var(--color-accent-primary); --toggle-background-color-pressed-hover: var(--color-accent-primary-hover); --toggle-background-color-pressed-active: var(--color-accent-primary-active); --toggle-border-color: var(--border-color-interactive); --toggle-border-color-hover: var(--toggle-border-color); --toggle-border-color-active: var(--toggle-border-color); --toggle-border-radius: var(--border-radius-circle); --toggle-border-width: var(--border-width); --toggle-height: var(--size-item-small); --toggle-width: var(--size-item-large); --toggle-dot-background-color: var(--toggle-border-color); --toggle-dot-background-color-hover: var(--toggle-dot-background-color); --toggle-dot-background-color-active: var(--toggle-dot-background-color); --toggle-dot-background-color-on-pressed: var(--background-color-canvas); --toggle-dot-margin: 1px; --toggle-dot-height: calc(
    var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *
      var(--toggle-border-width)
  ); --toggle-dot-width: var(--toggle-dot-height); --toggle-dot-transform-x: calc(
    var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)
  ); --input-width: var(--toggle-width); -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: var(--toggle-border-width) solid var(--toggle-border-color); height: var(--toggle-height); width: var(--toggle-width); border-radius: var(--toggle-border-radius); background-color: var(--toggle-background-color); box-sizing: border-box;}
#lightbox .lightbox-article .toggle-button:focus-visible {outline: var(--focus-outline); outline-offset: var(--focus-outline-offset);}
#lightbox .lightbox-article .toggle-button:enabled:hover {background-color: var(--toggle-background-color-hover); border-color: var(--toggle-border-color);}
#lightbox .lightbox-article .toggle-button:enabled:hover:active {background-color: var(--toggle-background-color-active); border-color: var(--toggle-border-color);}
#lightbox .lightbox-article .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;}
#lightbox .lightbox-article .toggle-button[aria-pressed="true"] {background-color: var(--toggle-background-color-pressed); border-color: transparent;}
#lightbox .lightbox-article .toggle-button[aria-pressed="true"]:enabled:hover {background-color: var(--toggle-background-color-pressed-hover); border-color: transparent;}
#lightbox .lightbox-article .toggle-button[aria-pressed="true"]:enabled:hover:active {background-color: var(--toggle-background-color-pressed-active); border-color: transparent;}
#lightbox .lightbox-article .toggle-button[aria-pressed="true"]::before {translate: var(--toggle-dot-transform-x); background-color: var(--toggle-dot-background-color-on-pressed);}
#lightbox .lightbox-article .toggle-button[aria-pressed="true"]:enabled:hover::before, #lightbox .lightbox-article .toggle-button[aria-pressed="true"]:enabled:hover:active::before {background-color: var(--toggle-dot-background-color-on-pressed);}
#lightbox .lightbox-article .toggle-button[aria-pressed="true"]:-moz-locale-dir(rtl)::before, #lightbox .lightbox-article [dir="rtl"] .toggle-button[aria-pressed="true"]::before {translate: calc(-1 * var(--toggle-dot-transform-x));}
@media (prefers-reduced-motion: no-preference) {#lightbox .lightbox-article .toggle-button::before {transition: translate 100ms;}}
@media (prefers-contrast) {#lightbox .lightbox-article .toggle-button:enabled:hover {border-color: var(--toggle-border-color-hover);}#lightbox .lightbox-article .toggle-button:enabled:hover:active {border-color: var(--toggle-border-color-active);}#lightbox .lightbox-article .toggle-button[aria-pressed="true"]:enabled {border-color: var(--toggle-border-color); position: relative;}#lightbox .lightbox-article .toggle-button[aria-pressed="true"]:enabled:hover {border-color: var(--toggle-border-color-hover);}#lightbox .lightbox-article .toggle-button[aria-pressed="true"]:enabled:hover:active {background-color: var(--toggle-dot-background-color-active); border-color: var(--toggle-dot-background-color-hover);}#lightbox .lightbox-article .toggle-button:enabled:hover::before, #lightbox .lightbox-article .toggle-button:enabled:hover:active::before {background-color: var(--toggle-dot-background-color-hover);}}
@media (forced-colors) {#lightbox .lightbox-article .toggle-button {--toggle-dot-background-color: var(--color-accent-primary); --toggle-dot-background-color-hover: var(--color-accent-primary-hover); --toggle-dot-background-color-active: var(--color-accent-primary-active); --toggle-dot-background-color-on-pressed: var(--button-background-color); --toggle-border-color-hover: var(--border-color-interactive-hover); --toggle-border-color-active: var(--border-color-interactive-active);}#lightbox .lightbox-article .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;}#lightbox .lightbox-article .toggle-button[aria-pressed="true"]:enabled:hover:active::after {border-color: var(--toggle-border-color-active);}}
#lightbox .lightbox-article {--clear-signature-button-icon: url(images/editor-toolbar-delete.svg); --csstools-light-dark-toggle--40: var(--csstools-color-scheme--light) #2b2a33; --signature-bg: var(--csstools-light-dark-toggle--40, #f9f9fb); --csstools-light-dark-toggle--41: var(--csstools-color-scheme--light) var(--signature-bg); --signature-hover-bg: var(--csstools-light-dark-toggle--41, #f0f0f4); --button-signature-bg: transparent; --button-signature-color: var(--main-color); --csstools-light-dark-toggle--42: var(--csstools-color-scheme--light) #5b5b66; --button-signature-active-bg: var(--csstools-light-dark-toggle--42, #cfcfd8); --button-signature-active-border: none; --button-signature-active-color: var(--button-signature-color); --button-signature-border: none; --csstools-light-dark-toggle--43: var(--csstools-color-scheme--light) #52525e; --button-signature-hover-bg: var(--csstools-light-dark-toggle--43, #e0e0e6); --button-signature-hover-color: var(--button-signature-color);}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article {--signature-bg: light-dark(#f9f9fb, #2b2a33); --signature-hover-bg: light-dark(#f0f0f4, var(--signature-bg)); --button-signature-active-bg: light-dark(#cfcfd8, #5b5b66); --button-signature-hover-bg: light-dark(#e0e0e6, #52525e);}}
@supports not (color: light-dark(tan, tan)) {#lightbox .lightbox-article * {--csstools-light-dark-toggle--40: var(--csstools-color-scheme--light) #2b2a33; --signature-bg: var(--csstools-light-dark-toggle--40, #f9f9fb); --csstools-light-dark-toggle--41: var(--csstools-color-scheme--light) var(--signature-bg); --signature-hover-bg: var(--csstools-light-dark-toggle--41, #f0f0f4); --csstools-light-dark-toggle--42: var(--csstools-color-scheme--light) #5b5b66; --button-signature-active-bg: var(--csstools-light-dark-toggle--42, #cfcfd8); --csstools-light-dark-toggle--43: var(--csstools-color-scheme--light) #52525e; --button-signature-hover-bg: var(--csstools-light-dark-toggle--43, #e0e0e6);}}
@media screen and (forced-colors: active) {#lightbox .lightbox-article {--signature-bg: HighlightText; --signature-hover-bg: var(--signature-bg); --button-signature-bg: HighlightText; --button-signature-color: ButtonText; --button-signature-active-bg: ButtonText; --button-signature-active-color: HighlightText; --button-signature-border: 1px solid ButtonText; --button-signature-hover-bg: Highlight; --button-signature-hover-color: HighlightText;}}
#lightbox .lightbox-article .signatureDialog {--primary-color: var(--text-primary-color); --border-color: #8f8f9d; --open-link-fg: var(--link-fg-color); --open-link-hover-fg: var(--link-hover-fg-color);}
@media screen and (forced-colors: active) {#lightbox .lightbox-article .signatureDialog {--primary-color: ButtonText; --border-color: ButtonText; --open-link-fg: ButtonText; --open-link-hover-fg: ButtonText;}}
#lightbox .lightbox-article .signatureDialog {width: 570px; max-width: 100%; min-width: 300px; padding: 16px 0;}
#lightbox .lightbox-article .signatureDialog .mainContainer {width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
#lightbox .lightbox-article :is(.signatureDialog .mainContainer) span:not([role="sectionhead"]) {font-size: 13px; font-style: normal; font-weight: 400; line-height: normal;}
#lightbox .lightbox-article :is(.signatureDialog .mainContainer) .title {margin-inline-start: 16px;}
#lightbox .lightbox-article .signatureDialog .inputWithClearButton {--button-dimension: 24px; --clear-button-icon: url(images/messageBar_closingButton.svg); width: 100%; position: relative; display: flex; align-items: center; justify-content: center;}
#lightbox .lightbox-article :is(.signatureDialog .inputWithClearButton)  > input {width: 100%; height: 32px; padding-inline: 8px calc(4px + var(--button-dimension)); box-sizing: border-box; border-radius: 4px; border: 1px solid var(--border-color);}
#lightbox .lightbox-article :is(.signatureDialog .inputWithClearButton) .clearInputButton {position: absolute; inset-block-start: 4px; inset-inline-end: 4px; display: inline-block; width: var(--button-dimension); height: var(--button-dimension); background-color: var(--input-text-fg-color); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-image: var(--clear-button-icon); mask-image: var(--clear-button-icon); padding: 0; border: 0;}
#lightbox .lightbox-article #addSignatureDialog {--secondary-color: var(--text-secondary-color); --bg-hover: #e0e0e6; --tab-top-line-active-color: #0060df; --tab-top-line-active-hover-color: var(--tab-text-hover-color); --tab-top-line-hover-color: #8f8f9d; --tab-top-line-inactive-color: #cfcfd8; --tab-bottom-line-active-color: var(--tab-top-line-inactive-color); --tab-bottom-line-hover-color: var(--tab-top-line-inactive-color); --tab-bottom-line-inactive-color: var(--tab-top-line-inactive-color); --tab-bg: var(--dialog-bg-color); --tab-bg-active-color: var(--tab-bg); --tab-bg-active-hover-color: var(--bg-hover); --tab-bg-hover: var(--bg-hover); --tab-panel-border: none; --tab-panel-border-radius: 4px; --tab-text-color: var(--primary-color); --tab-text-active-color: var(--tab-top-line-active-color); --tab-text-active-hover-color: var(--tab-text-hover-color); --tab-text-hover-color: var(--tab-text-color); --signature-placeholder-color: var(--secondary-color); --signature-draw-placeholder-color: var(--primary-color); --signature-color: var(--primary-color); --clear-signature-button-border-width: 0; --clear-signature-button-border-style: solid; --clear-signature-button-border-color: transparent; --clear-signature-button-border-disabled-color: transparent; --clear-signature-button-color: var(--primary-color); --clear-signature-button-hover-color: var(--clear-signature-button-color); --clear-signature-button-active-color: var(--clear-signature-button-color); --clear-signature-button-disabled-color: var(--clear-signature-button-color); --clear-signature-button-focus-color: var(--clear-signature-button-color); --clear-signature-button-bg: var(--dialog-bg-color); --clear-signature-button-bg-hover: var(--bg-hover); --clear-signature-button-bg-active: #cfcfd8; --clear-signature-button-bg-focus: #f0f0f4; --clear-signature-button-bg-disabled: color-mix(
    in srgb,
    #f0f0f4,
    transparent 40%
  ); --save-warning-color: var(--secondary-color); --thickness-bg: var(--dialog-bg-color); --thickness-label-color: var(--primary-color); --thickness-slider-color: var(--primary-color); --thickness-border: none; --draw-cursor: url(images/cursor-editorInk.svg) 0 16, pointer;}
@media (prefers-color-scheme: dark) {#lightbox .lightbox-article #addSignatureDialog {--dialog-bg-color: #42414d; --bg-hover: #52525e; --primary-color: #fbfbfe; --secondary-color: #cfcfd8; --tab-top-line-active-color: #0df; --tab-top-line-inactive-color: #8f8f9d; --clear-signature-button-bg-active: #5b5b66; --clear-signature-button-bg-focus: #2b2a33; --clear-signature-button-bg-disabled: color-mix(
      in srgb,
      #2b2a33,
      transparent 40%
    );}}
@media screen and (forced-colors: active) {#lightbox .lightbox-article #addSignatureDialog {--secondary-color: ButtonText; --bg: HighlightText; --bg-hover: var(--bg); --tab-top-line-active-color: ButtonText; --tab-top-line-active-hover-color: HighlightText; --tab-top-line-hover-color: SelectedItem; --tab-top-line-inactive-color: ButtonText; --tab-bottom-line-active-color: var(--tab-top-line-active-color); --tab-bottom-line-hover-color: var(--tab-top-line-hover-color); --tab-bg: var(--bg); --tab-bg-active-color: SelectedItem; --tab-bg-active-hover-color: SelectedItem; --tab-panel-border: 1px solid ButtonText; --tab-panel-border-radius: 8px; --tab-text-color: ButtonText; --tab-text-active-color: HighlightText; --tab-text-active-hover-color: HighlightText; --tab-text-hover-color: SelectedItem; --signature-color: ButtonText; --clear-signature-button-border-width: 1px; --clear-signature-button-border-style: solid; --clear-signature-button-border-color: ButtonText; --clear-signature-button-border-disabled-color: GrayText; --clear-signature-button-color: ButtonText; --clear-signature-button-hover-color: HighlightText; --clear-signature-button-active-color: SelectedItem; --clear-signature-button-focus-color: CanvasText; --clear-signature-button-disabled-color: GrayText; --clear-signature-button-bg: var(--bg); --clear-signature-button-bg-hover: SelectedItem; --clear-signature-button-bg-active: var(--bg); --clear-signature-button-bg-focus: var(--bg); --clear-signature-button-bg-disabled: var(--bg); --thickness-bg: Canvas; --thickness-label-color: CanvasText; --thickness-slider-color: ButtonText; --thickness-border: 1px solid var(--border-color);}}
#lightbox .lightbox-article #addSignatureDialog #addSignatureDialogLabel {overflow: hidden; position: absolute; inset: 0; width: 0; height: 0;}
#lightbox .lightbox-article #addSignatureDialog.waiting::after {content: ""; cursor: wait; position: absolute; inset: 0; width: 100%; height: 100%;}
#lightbox .lightbox-article :is(#addSignatureDialog .mainContainer) [role="tablist"] {width: 100%; display: flex; align-items: flex-start; gap: 0;}
#lightbox .lightbox-article :is(:is(#addSignatureDialog .mainContainer) [role="tablist"])  > [role="tab"] {flex: 1 0 0; align-self: stretch; background-color: var(--tab-bg); padding-inline: 0; cursor: default; border-inline: 0; border-block-width: 1px; border-block-style: solid; border-block-start-color: var(--tab-top-line-inactive-color); border-block-end-color: var(--tab-bottom-line-inactive-color); border-radius: 0; font: menu; font-size: 13px; font-style: normal; line-height: normal; font-weight: 400; color: var(--tab-text-color);}
#lightbox .lightbox-article :is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):hover {border-block-start-width: 2px; border-block-start-color: var(--tab-top-line-hover-color); border-block-end-color: var(--tab-bottom-line-hover-color); background-color: var(--tab-bg-hover); color: var(--tab-text-hover-color);}
#lightbox .lightbox-article :is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):focus-visible {outline: 2px solid var(--tab-top-line-active-color); outline-offset: -2px;}
#lightbox .lightbox-article [aria-selected="true"]:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]) {border-block-start-width: 2px; border-block-start-color: var(--tab-top-line-active-color); border-block-end-color: var(--tab-bottom-line-active-color); background-color: var(--tab-bg-active-color); font-weight: 590; color: var(--tab-text-active-color);}
#lightbox .lightbox-article [aria-selected="true"]:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):hover {border-block-start-color: var(--tab-top-line-active-hover-color); background-color: var(--tab-bg-active-hover-color); color: var(--tab-text-active-hover-color);}
#lightbox .lightbox-article :is(#addSignatureDialog .mainContainer) #addSignatureActionContainer {width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-end; align-self: stretch; gap: 12px; padding-inline: 16px; box-sizing: border-box;}
#lightbox .lightbox-article :is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer)  > [role="tabpanel"] {position: relative; width: 100%; height: 220px; background-color: var(--signature-bg); border: var(--tab-panel-border); border-radius: var(--tab-panel-border-radius);}
#lightbox .lightbox-article :is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > svg {position: absolute; inset: 0; width: 100%; height: 100%; background-color: transparent;}
#lightbox .lightbox-article #addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) {display: none;}
#lightbox .lightbox-article #addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput {position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: 0; text-align: center; color: var(--signature-color); background-color: transparent; border-radius: var(--tab-panel-border-radius); font-family: "Brush script", "Apple Chancery", "Segoe script", "Freestyle Script", "Palace Script MT", "Brush Script MT", TK, cursive, serif; font-size: 44px; font-style: italic; font-weight: 400;}
#lightbox .lightbox-article :is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput)::-moz-placeholder {color: var(--signature-placeholder-color); text-align: center; font: menu; font-style: normal; font-weight: 274; font-size: 44px; line-height: normal;}
#lightbox .lightbox-article :is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput)::placeholder {color: var(--signature-placeholder-color); text-align: center; font: menu; font-style: normal; font-weight: 274; font-size: 44px; line-height: normal;}
#lightbox .lightbox-article #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) {display: none;}
#lightbox .lightbox-article #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: grid; align-items: center; justify-content: center; background-color: transparent; color: var(--signature-placeholder-color); -webkit-user-select: none; -moz-user-select: none; user-select: none;}
#lightbox .lightbox-article #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > svg {stroke: var(--signature-color); fill: none; stroke-opacity: 1; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10;}
#lightbox .lightbox-article :is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg):hover {cursor: var(--draw-cursor);}
#lightbox .lightbox-article #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness {position: absolute; width: 100%; inset-block-end: 0; display: grid; align-items: center; justify-content: center; pointer-events: none;}
#lightbox .lightbox-article :is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness)  > span {color: var(--signature-draw-placeholder-color);}
#lightbox .lightbox-article :is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness)  > div {width: auto; height: auto; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 6px 8px 7px; margin: 0; background-color: var(--thickness-bg); border-radius: 4px 4px 0 0; border-inline: var(--thickness-border); border-top: var(--thickness-border); pointer-events: auto; position: relative; top: 1px;}
#lightbox .lightbox-article :is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div)  > label {color: var(--thickness-label-color);}
#lightbox .lightbox-article :is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div)  > input {width: 100px; height: 14px; background-color: transparent;}
#lightbox .lightbox-article :is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-webkit-slider-runnable-track, #lightbox .lightbox-article :is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-track, #lightbox .lightbox-article :is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-progress {background-color: var(--thickness-slider-color);}
#lightbox .lightbox-article :is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-webkit-slider-thumb, #lightbox .lightbox-article :is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input)::-moz-range-thumb {background-color: var(--thickness-bg);}
#lightbox .lightbox-article :is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div)  > input {border-radius: 4.5px; border: 0; color: var(--signature-color);}
#lightbox .lightbox-article #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) {display: none;}
#lightbox .lightbox-article #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"])  > svg {stroke: none; stroke-width: 0; fill: var(--signature-color); fill-opacity: 1;}
#lightbox .lightbox-article #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#lightbox .lightbox-article :is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) span {color: var(--signature-placeholder-color);}
#lightbox .lightbox-article :is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) a {color: var(--open-link-fg); text-decoration: underline; cursor: pointer;}
#lightbox .lightbox-article :is(:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) a):hover {color: var(--open-link-hover-fg);}
#lightbox .lightbox-article #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureFilePicker {visibility: hidden; position: relative; width: 0; height: 0;}
#lightbox .lightbox-article [data-selected="type"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureTypeContainer, #lightbox .lightbox-article [data-selected="draw"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureDrawContainer, #lightbox .lightbox-article [data-selected="image"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureImageContainer {display: block;}
#lightbox .lightbox-article :is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; align-self: stretch;}
#lightbox .lightbox-article :is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer {display: flex; align-items: flex-end; gap: 16px; align-self: stretch;}
#lightbox .lightbox-article :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 0 0;}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer):has(input:disabled) > label {opacity: 0.4;}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer)  > label {width: auto;}
#lightbox .lightbox-article :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton {display: flex; height: 32px; padding: 4px 8px; align-items: center; background-color: var(--clear-signature-button-bg); border-width: var(--clear-signature-button-border-width); border-style: var(--clear-signature-button-border-style); border-color: var(--clear-signature-button-border-color); border-radius: 4px;}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton)  > span {display: flex; height: 24px; align-items: center; gap: 4px; flex-shrink: 0; color: var(--clear-signature-button-color);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton) > span)::after {content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--clear-signature-button-icon); mask-image: var(--clear-signature-button-icon); -webkit-mask-size: cover; mask-size: cover; background-color: var(--clear-signature-button-color); flex-shrink: 0;}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover {background-color: var(--clear-signature-button-bg-hover);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover  > span {color: var(--clear-signature-button-hover-color);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover > span)::after {background-color: var(--clear-signature-button-hover-color);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active {background-color: var(--clear-signature-button-bg-active);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active  > span {color: var(--clear-signature-button-active-color);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active > span)::after {background-color: var(--clear-signature-button-active-color);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible {background-color: var(--clear-signature-button-bg-focus);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible  > span {color: var(--clear-signature-button-focus-color);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible > span)::after {background-color: var(--clear-signature-button-focus-color);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled {background-color: var(--clear-signature-button-bg-disabled); border-color: var(--clear-signature-button-border-disabled-color);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled  > span {color: var(--clear-signature-button-disabled-color);}
#lightbox .lightbox-article :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled > span)::after {background-color: var(
                    --clear-signature-button-disabled-color
                  );}
#lightbox .lightbox-article :is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer {display: grid; grid-template-columns: max-content auto; gap: 4px; width: 100%;}
#lightbox .lightbox-article :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer)  > input {margin: 0;}
#lightbox .lightbox-article :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > input):disabled + label {opacity: 0.4;}
#lightbox .lightbox-article :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer)  > label {-webkit-user-select: none; -moz-user-select: none; user-select: none;}
#lightbox .lightbox-article :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer):not(.fullStorage) #addSignatureSaveWarning {display: none;}
#lightbox .lightbox-article .fullStorage:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) #addSignatureSaveWarning {display: block; opacity: 1; color: var(--save-warning-color); font-size: 11px;}
#lightbox .lightbox-article #editSignatureDescriptionDialog .mainContainer {padding-inline: 16px; box-sizing: border-box;}
#lightbox .lightbox-article :is(#editSignatureDescriptionDialog .mainContainer) .title {margin-inline-start: 0;}
#lightbox .lightbox-article :is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView {width: auto; display: flex; justify-content: flex-end; align-items: flex-start; gap: 12px; align-self: stretch;}
#lightbox .lightbox-article :is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) #editSignatureDescriptionContainer {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 1 auto;}
#lightbox .lightbox-article :is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView)  > svg {width: 210px; height: 180px; padding: 8px; background-color: var(--signature-bg);}
#lightbox .lightbox-article :is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg)  > path {stroke: var(--button-signature-color); stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; vector-effect: non-scaling-stroke; fill: none;}
#lightbox .lightbox-article .contours:is(:is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg) > path) {fill: var(--button-signature-color); stroke-width: 0.5px;}
#lightbox .lightbox-article #editorSignatureParamsToolbar {padding: 8px;}
#lightbox .lightbox-article #editorSignatureParamsToolbar #addSignatureDoorHanger {gap: 8px; padding: 2px;}
#lightbox .lightbox-article :is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer {height: 32px; display: flex; justify-content: space-between; align-items: center; align-self: stretch; gap: 8px;}
#lightbox .lightbox-article :is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button {border: var(--button-signature-border); border-radius: 4px; background-color: var(--button-signature-bg); color: var(--button-signature-color);}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):hover {background-color: var(--button-signature-hover-bg);}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active {border: var(--button-signature-active-border); background-color: var(--button-signature-active-bg); color: var(--button-signature-active-color);}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active::before {background-color: var(--button-signature-active-color);}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible {outline: var(--focus-ring-outline);}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible::before {background-color: var(--button-signature-color);}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .deleteButton)::before {-webkit-mask-image: var(--clear-signature-button-icon); mask-image: var(--clear-signature-button-icon);}
#lightbox .lightbox-article :is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton {width: calc(0.8 * var(--editor-toolbar-min-width)); height: 100%; min-height: var(--menuitem-height); aspect-ratio: unset; display: flex; align-items: center; justify-content: flex-start; outline: none; border-radius: 4px; box-sizing: border-box; font: message-box; position: relative; flex: 1 1 auto; padding: 0; gap: 8px; text-align: start; white-space: normal; cursor: default; overflow: hidden;}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton)  > svg {display: inline-block; height: 100%; aspect-ratio: 1; background-color: var(--signature-bg); flex: none; padding: 4px; box-sizing: border-box; border: none; border-radius: 4px;}
#lightbox .lightbox-article :is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg)  > path {stroke: var(--button-signature-color); stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; vector-effect: non-scaling-stroke; fill: none;}
#lightbox .lightbox-article .contours:is(:is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg) > path) {fill: var(--button-signature-color); stroke-width: 0.5px;}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is(:hover,:active) > svg {border-radius: 4px 0 0 4px; background-color: var(--signature-hover-bg);}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):hover  > span {color: var(--button-signature-hover-color);}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):active {background-color: var(--button-signature-active-bg);}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is([disabled="disabled"],[disabled]) {opacity: 0.5; pointer-events: none;}
#lightbox .lightbox-article :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton)  > span {height: auto; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; font: menu; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; overflow: hidden;}
#lightbox .lightbox-article .editDescription.altText {--alt-text-add-image: url(images/editor-toolbar-edit.svg) !important;}
#lightbox .lightbox-article .editDescription.altText::before {width: 16px !important; height: 16px !important;}
#lightbox .lightbox-article .commentPopup, #lightbox .lightbox-article #commentManagerDialog {width: 360px; max-width: 100%; min-width: 200px; position: absolute; padding: 8px 16px 16px; margin-left: 0; margin-top: 0; box-sizing: border-box; border-radius: 8px;}
#lightbox .lightbox-article #commentManagerDialog {--comment-close-button-icon: url(images/comment-closeButton.svg);}
#lightbox .lightbox-article #commentManagerDialog .mainContainer {width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 4px;}
#lightbox .lightbox-article :is(#commentManagerDialog .mainContainer) #commentManagerToolbar {width: 100%; height: 32px; display: flex; justify-content: flex-start; align-items: flex-start; gap: 8px; align-self: stretch; cursor: move;}
#lightbox .lightbox-article :is(#commentManagerDialog .mainContainer) #commentManagerTextInput {width: 100%; min-height: 132px; margin-bottom: 12px;}
#lightbox .lightbox-article .annotationLayer.disabled :is(.annotationCommentButton) {display: none;}
#lightbox .lightbox-article :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton {--csstools-color-scheme--light: initial; color-scheme: light dark; --csstools-light-dark-toggle--44: var(--csstools-color-scheme--light) #1c1b22; --comment-button-bg: var(--csstools-light-dark-toggle--44, white); --csstools-light-dark-toggle--45: var(--csstools-color-scheme--light) #fbfbfe; --comment-button-fg: var(--csstools-light-dark-toggle--45, #5b5b66); --csstools-light-dark-toggle--46: var(--csstools-color-scheme--light) #a6ecf4; --comment-button-active-bg: var(--csstools-light-dark-toggle--46, #0041a4); --csstools-light-dark-toggle--47: var(--csstools-color-scheme--light) #15141a; --comment-button-active-fg: var(--csstools-light-dark-toggle--47, white); --csstools-light-dark-toggle--48: var(--csstools-color-scheme--light) #61dce9; --comment-button-hover-bg: var(--csstools-light-dark-toggle--48, #0053cb); --csstools-light-dark-toggle--49: var(--csstools-color-scheme--light) #15141a; --comment-button-hover-fg: var(--csstools-light-dark-toggle--49, white); --csstools-light-dark-toggle--50: var(--csstools-color-scheme--light) #00cadb; --comment-button-selected-bg: var(--csstools-light-dark-toggle--50, #0062fa); --csstools-light-dark-toggle--51: var(--csstools-color-scheme--light) #bfbfc9; --comment-button-border-color: var(--csstools-light-dark-toggle--51, #8f8f9d); --comment-button-active-border-color: var(--comment-button-active-bg); --csstools-light-dark-toggle--52: var(--csstools-color-scheme--light) #3a3944; --comment-button-focus-border-color: var(--csstools-light-dark-toggle--52, #cfcfd8); --comment-button-hover-border-color: var(--comment-button-hover-bg); --comment-button-selected-border-color: var(--comment-button-selected-bg); --csstools-light-dark-toggle--53: var(--csstools-color-scheme--light) #15141a; --comment-button-selected-fg: var(--csstools-light-dark-toggle--53, white); --comment-button-dim: 24px; --csstools-light-dark-toggle--54: var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--55: var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --comment-button-box-shadow: 0 0.25px 0.75px 0 var(--csstools-light-dark-toggle--54, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--55, rgb(0 0 0 / 0.1)); --csstools-light-dark-toggle--56: var(--csstools-color-scheme--light) #00cadb; --comment-button-focus-outline-color: var(--csstools-light-dark-toggle--56, #0062fa);}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton {--comment-button-bg: light-dark(white, #1c1b22); --comment-button-fg: light-dark(#5b5b66, #fbfbfe); --comment-button-active-bg: light-dark(#0041a4, #a6ecf4); --comment-button-active-fg: light-dark(white, #15141a); --comment-button-hover-bg: light-dark(#0053cb, #61dce9); --comment-button-hover-fg: light-dark(white, #15141a); --comment-button-selected-bg: light-dark(#0062fa, #00cadb); --comment-button-border-color: light-dark(#8f8f9d, #bfbfc9); --comment-button-focus-border-color: light-dark(#cfcfd8, #3a3944); --comment-button-selected-fg: light-dark(white, #15141a);}}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {#lightbox .lightbox-article :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton {--comment-button-box-shadow: 0 0.25px 0.75px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));}}
@supports (color: light-dark(red, red)) {#lightbox .lightbox-article :is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton {--comment-button-focus-outline-color: light-dark(#0062fa, #00cadb);}}
@supports not (color: light-dark(tan, tan)) {#lightbox .lightbox-article :is(:is(.annotationLayer,.annotationEditorLayer) .annotationCommentButton) * {--csstools-light-dark-toggle--44: var(--csstools-color-scheme--light) #1c1b22; --comment-button-bg: var(--csstools-light-dark-toggle--44, white); --csstools-light-dark-toggle--45: var(--csstools-color-scheme--light) #fbfbfe; --comment-button-fg: var(--csstools-light-dark-toggle--45, #5b5b66); --csstools-light-dark-toggle--46: var(--csstools-color-scheme--light) #a6ecf4; --comment-button-active-bg: var(--csstools-light-dark-toggle--46, #0041a4); --csstools-light-dark-toggle--47: var(--csstools-color-scheme--light) #15141a; --comment-button-active-fg: var(--csstools-light-dark-toggle--47, white); --csstools-light-dark-toggle--48: var(--csstools-color-scheme--light) #61dce9; --comment-button-hover-bg: var(--csstools-light-dark-toggle--48, #0053cb); --csstools-light-dark-toggle--49: var(--csstools-color-scheme--light) #15141a; --comment-button-hover-fg: var(--csstools-light-dark-toggle--49, white); --csstools-light-dark-toggle--50: var(--csstools-color-scheme--light) #00cadb; --comment-button-selected-bg: var(--csstools-light-dark-toggle--50, #0062fa); --csstools-light-dark-toggle--51: var(--csstools-color-scheme--light) #bfbfc9; --comment-button-border-color: var(--csstools-light-dark-toggle--51, #8f8f9d); --csstools-light-dark-toggle--52: var(--csstools-color-scheme--light) #3a3944; --comment-button-focus-border-color: var(--csstools-light-dark-toggle--52, #cfcfd8); --csstools-light-dark-toggle--53: var(--csstools-color-scheme--light) #15141a; --comment-button-selected-fg: var(--csstools-light-dark-toggle--53, white); --csstools-light-dark-toggle--54: var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--55: var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --comment-button-box-shadow: 0 0.25px 0.75px 0 var(--csstools-light-dark-toggle--54, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--55, rgb(0 0 0 / 0.1)); --csstools-light-dark-toggle--56: var(--csstools-color-scheme--light) #00cadb; --comment-button-focus-outline-color: var(--csstools-light-dark-toggle--56, #0062fa);}}