/* node_modules/swiper/swiper-bundle.css */ @font-face { font-family: "swiper-icons"; src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } :root { } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /* node_modules/pdfjs-dist/web/pdf_viewer.css */ .dialog { --dialog-bg-color:white; --dialog-border-color:white; --dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2); --text-primary-color:#15141a; --text-secondary-color:#5b5b66; --hover-filter:brightness(0.9); --focus-ring-color:#0060df; --focus-ring-outline:2px solid var(--focus-ring-color); --link-fg-color:#0060df; --link-hover-fg-color:#0250bb; --separator-color:#f0f0f4; --textarea-border-color:#8f8f9d; --textarea-bg-color:white; --textarea-fg-color:var(--text-secondary-color); --radio-bg-color:#f0f0f4; --radio-checked-bg-color:#fbfbfe; --radio-border-color:#8f8f9d; --radio-checked-border-color:#0060df; --button-secondary-bg-color:#f0f0f4; --button-secondary-fg-color:var(--text-primary-color); --button-secondary-border-color:var(--button-secondary-bg-color); --button-secondary-hover-bg-color:var(--button-secondary-bg-color); --button-secondary-hover-fg-color:var(--button-secondary-fg-color); --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color); --button-primary-bg-color:#0060df; --button-primary-fg-color:#fbfbfe; --button-primary-border-color:var(--button-primary-bg-color); --button-primary-hover-bg-color:var(--button-primary-bg-color); --button-primary-hover-fg-color:var(--button-primary-fg-color); --button-primary-hover-border-color:var(--button-primary-hover-bg-color); } @media (prefers-color-scheme: dark) { .dialog { --dialog-bg-color:#1c1b22; --dialog-border-color:#1c1b22; --dialog-shadow:0 2px 14px 0 #15141a; --text-primary-color:#fbfbfe; --text-secondary-color:#cfcfd8; --focus-ring-color:#0df; --hover-filter:brightness(1.4); --link-fg-color:#0df; --link-hover-fg-color:#80ebff; --separator-color:#52525e; --textarea-bg-color:#42414d; --radio-bg-color:#2b2a33; --radio-checked-bg-color:#15141a; --radio-checked-border-color:#0df; --button-secondary-bg-color:#2b2a33; --button-primary-bg-color:#0df; --button-primary-fg-color:#15141a; } } @media screen and (forced-colors: active) { .dialog { --dialog-bg-color:Canvas; --dialog-border-color:CanvasText; --dialog-shadow:none; --text-primary-color:CanvasText; --text-secondary-color:CanvasText; --hover-filter:none; --focus-ring-color:ButtonBorder; --link-fg-color:LinkText; --link-hover-fg-color:LinkText; --separator-color:CanvasText; --textarea-border-color:ButtonBorder; --textarea-bg-color:Field; --textarea-fg-color:ButtonText; --radio-bg-color:ButtonFace; --radio-checked-bg-color:ButtonFace; --radio-border-color:ButtonText; --radio-checked-border-color:ButtonText; --button-secondary-bg-color:ButtonFace; --button-secondary-fg-color:ButtonText; --button-secondary-border-color:ButtonText; --button-secondary-hover-bg-color:AccentColor; --button-secondary-hover-fg-color:AccentColorText; --button-primary-bg-color:ButtonText; --button-primary-fg-color:ButtonFace; --button-primary-hover-bg-color:AccentColor; --button-primary-hover-fg-color:AccentColorText; } } .dialog { font: message-box; font-size: 13px; font-weight: 400; line-height: 150%; border-radius: 4px; padding: 12px 16px; border: 1px solid var(--dialog-border-color); background: var(--dialog-bg-color); color: var(--text-primary-color); box-shadow: var(--dialog-shadow); } :is(.dialog .mainContainer) *:focus-visible { outline: var(--focus-ring-outline); outline-offset: 2px; } :is(.dialog .mainContainer) .title { display: flex; width: auto; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 12px; } :is(:is(.dialog .mainContainer) .title) > span { font-size: 13px; font-style: normal; font-weight: 590; line-height: 150%; } :is(.dialog .mainContainer) .dialogSeparator { width: 100%; height: 0; margin-block: 4px; border-top: 1px solid var(--separator-color); border-bottom: none; } :is(.dialog .mainContainer) .dialogButtonsGroup { display: flex; gap: 12px; align-self: flex-end; } :is(.dialog .mainContainer) .radio { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } :is(:is(.dialog .mainContainer) .radio) > .radioButton { display: flex; gap: 8px; align-self: stretch; align-items: center; } :is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background-color: var(--radio-bg-color); border: 1px solid var(--radio-border-color); } :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover { filter: var(--hover-filter); } :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):checked { background-color: var(--radio-checked-bg-color); border: 4px solid var(--radio-checked-border-color); } :is(:is(.dialog .mainContainer) .radio) > .radioLabel { display: flex; padding-inline-start: 24px; align-items: flex-start; gap: 10px; align-self: stretch; } :is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel) > span { flex: 1 0 0; font-size: 11px; color: var(--text-secondary-color); } :is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton)) { border-radius: 4px; border: 1px solid; font: menu; font-weight: 600; padding: 4px 16px; width: auto; height: 32px; } :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton))):hover { cursor: pointer; filter: var(--hover-filter); } .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton))) { color: var(--button-secondary-fg-color); background-color: var(--button-secondary-bg-color); border-color: var(--button-secondary-border-color); } .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton))):hover { color: var(--button-secondary-hover-fg-color); background-color: var(--button-secondary-hover-bg-color); border-color: var(--button-secondary-hover-border-color); } .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton))) { color: var(--button-primary-fg-color); background-color: var(--button-primary-bg-color); border-color: var(--button-primary-border-color); opacity: 1; } .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton))):hover { color: var(--button-primary-hover-fg-color); background-color: var(--button-primary-hover-bg-color); border-color: var(--button-primary-hover-border-color); } :is(.dialog .mainContainer) a { color: var(--link-fg-color); } :is(:is(.dialog .mainContainer) a):hover { color: var(--link-hover-fg-color); } :is(.dialog .mainContainer) textarea { font: inherit; padding: 8px; resize: none; margin: 0; box-sizing: border-box; border-radius: 4px; border: 1px solid var(--textarea-border-color); background: var(--textarea-bg-color); color: var(--textarea-fg-color); } :is(:is(.dialog .mainContainer) textarea):focus { outline-offset: 0; border-color: transparent; } :is(:is(.dialog .mainContainer) textarea):disabled { pointer-events: none; opacity: 0.4; } :is(.dialog .mainContainer) .messageBar { --message-bar-warning-icon:url("./media/messageBar_warning-YT4XVPOS.svg"); --closing-button-icon:url("./media/messageBar_closingButton-2U2ESOL3.svg"); --message-bar-bg-color:#ffebcd; --message-bar-fg-color:#15141a; --message-bar-border-color:rgb(0 0 0 / 0.08); --message-bar-icon-color:#cd411e; --message-bar-close-button-border-radius:4px; --message-bar-close-button-border:none; --message-bar-close-button-color:var(--text-primary-color); --message-bar-close-button-hover-bg-color:rgb(21 20 26 / 0.14); --message-bar-close-button-active-bg-color:rgb(21 20 26 / 0.21); --message-bar-close-button-focus-bg-color:rgb(21 20 26 / 0.07); --message-bar-close-button-color-hover:var(--text-primary-color); } @media (prefers-color-scheme: dark) { :is(.dialog .mainContainer) .messageBar { --message-bar-bg-color:#5a3100; --message-bar-fg-color:#fbfbfe; --message-bar-border-color:rgb(255 255 255 / 0.08); --message-bar-icon-color:#e49c49; --message-bar-close-button-hover-bg-color:rgb(251 251 254 / 0.14); --message-bar-close-button-active-bg-color:rgb(251 251 254 / 0.21); --message-bar-close-button-focus-bg-color:rgb(251 251 254 / 0.07); } } @media screen and (forced-colors: active) { :is(.dialog .mainContainer) .messageBar { --message-bar-bg-color:HighlightText; --message-bar-fg-color:CanvasText; --message-bar-border-color:CanvasText; --message-bar-icon-color:CanvasText; --message-bar-close-button-color:ButtonText; --message-bar-close-button-border:1px solid ButtonText; --message-bar-close-button-hover-bg-color:ButtonText; --message-bar-close-button-active-bg-color:ButtonText; --message-bar-close-button-focus-bg-color:ButtonText; --message-bar-close-button-color-hover:HighlightText; } } :is(.dialog .mainContainer) .messageBar { display: flex; position: relative; padding: 12px 8px 12px 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; align-self: stretch; border-radius: 4px; border: 1px solid var(--message-bar-border-color); background: var(--message-bar-bg-color); color: var(--message-bar-fg-color); } :is(:is(.dialog .mainContainer) .messageBar) > div { display: flex; padding-inline-start: 16px; align-items: flex-start; gap: 8px; align-self: stretch; } :is(:is(:is(.dialog .mainContainer) .messageBar) > div)::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--message-bar-warning-icon); mask-image: var(--message-bar-warning-icon); -webkit-mask-size: cover; mask-size: cover; background-color: var(--message-bar-icon-color); } :is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; flex: 1 0 0; } :is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .title { font-size: 13px; font-weight: 590; } :is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .description { font-size: 13px; } :is(:is(.dialog .mainContainer) .messageBar) .closeButton { position: absolute; width: 32px; height: 32px; inset-inline-end: 8px; inset-block-start: 8px; background: none; border-radius: var(--message-bar-close-button-border-radius); border: var(--message-bar-close-button-border); } :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton)::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--closing-button-icon); mask-image: var(--closing-button-icon); -webkit-mask-size: cover; mask-size: cover; background-color: var(--message-bar-close-button-color); } :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):is(:hover, :active, :focus)::before { background-color: var(--message-bar-close-button-color-hover); } :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):hover { background-color: var(--message-bar-close-button-hover-bg-color); } :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):active { background-color: var(--message-bar-close-button-active-bg-color); } :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):focus { background-color: var(--message-bar-close-button-focus-bg-color); } :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton) > span { display: inline-block; width: 0; height: 0; overflow: hidden; } :is(.dialog .mainContainer) .toggler { display: flex; align-items: center; gap: 8px; align-self: stretch; } :is(:is(.dialog .mainContainer) .toggler) > .togglerLabel { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .textLayer { position: absolute; text-align: initial; inset: 0; overflow: clip; opacity: 1; line-height: 1; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; caret-color: CanvasText; z-index: 0; } .textLayer.highlighting { touch-action: none; } .textLayer :is(span, br) { color: transparent; position: absolute; white-space: pre; cursor: text; transform-origin: 0% 0%; } .textLayer > :not(.markedContent), .textLayer .markedContent span:not(.markedContent) { z-index: 1; } .textLayer span.markedContent { top: 0; height: 0; } .textLayer span[role=img] { -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; } .textLayer .highlight { --highlight-bg-color:rgb(180 0 170 / 0.25); --highlight-selected-bg-color:rgb(0 100 0 / 0.25); --highlight-backdrop-filter:none; --highlight-selected-backdrop-filter:none; } @media screen and (forced-colors: active) { .textLayer .highlight { --highlight-bg-color:transparent; --highlight-selected-bg-color:transparent; --highlight-backdrop-filter:var(--hcm-highlight-filter); --highlight-selected-backdrop-filter:var( --hcm-highlight-selected-filter ); } } .textLayer .highlight { margin: -1px; padding: 1px; background-color: var(--highlight-bg-color); -webkit-backdrop-filter: var(--highlight-backdrop-filter); backdrop-filter: var(--highlight-backdrop-filter); border-radius: 4px; } .appended:is(.textLayer .highlight) { position: initial; } .begin:is(.textLayer .highlight) { border-radius: 4px 0 0 4px; } .end:is(.textLayer .highlight) { border-radius: 0 4px 4px 0; } .middle:is(.textLayer .highlight) { border-radius: 0; } .selected:is(.textLayer .highlight) { background-color: var(--highlight-selected-bg-color); -webkit-backdrop-filter: var(--highlight-selected-backdrop-filter); backdrop-filter: var(--highlight-selected-backdrop-filter); } .textLayer ::-moz-selection { background: rgba(0 0 255 / 0.25); background: color-mix(in srgb, AccentColor, transparent 75%); } .textLayer ::selection { background: rgba(0 0 255 / 0.25); background: color-mix(in srgb, AccentColor, transparent 75%); } .textLayer br::-moz-selection { background: transparent; } .textLayer br::selection { background: transparent; } .textLayer .endOfContent { display: block; position: absolute; inset: 100% 0 0; z-index: 0; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .textLayer.selecting .endOfContent { top: 0; } .annotationLayer { --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,"); --input-focus-border-color:Highlight; --input-focus-outline:1px solid Canvas; --input-unfocused-border-color:transparent; --input-disabled-border-color:transparent; --input-hover-border-color:black; --link-outline:none; } @media screen and (forced-colors: active) { .annotationLayer { --input-focus-border-color:CanvasText; --input-unfocused-border-color:ActiveText; --input-disabled-border-color:GrayText; --input-hover-border-color:Highlight; --link-outline:1.5px solid LinkText; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid selectedItem; } .annotationLayer .linkAnnotation { outline: var(--link-outline); } :is(.annotationLayer .linkAnnotation):hover { -webkit-backdrop-filter: var(--hcm-highlight-filter); backdrop-filter: var(--hcm-highlight-filter); } :is(.annotationLayer .linkAnnotation) > a:hover { opacity: 0 !important; background: none !important; box-shadow: none; } .annotationLayer .popupAnnotation .popup { outline: calc(1.5px * var(--scale-factor)) solid CanvasText !important; background-color: ButtonFace !important; color: ButtonText !important; } .annotationLayer .highlightArea:hover::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backdrop-filter: var(--hcm-highlight-filter); backdrop-filter: var(--hcm-highlight-filter); content: ""; pointer-events: none; } .annotationLayer .popupAnnotation.focused .popup { outline: calc(3px * var(--scale-factor)) solid Highlight !important; } } .annotationLayer { position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0; } .annotationLayer[data-main-rotation="90"] .norotate { transform: rotate(270deg) translateX(-100%); } .annotationLayer[data-main-rotation="180"] .norotate { transform: rotate(180deg) translate(-100%, -100%); } .annotationLayer[data-main-rotation="270"] .norotate { transform: rotate(90deg) translateY(-100%); } .annotationLayer.disabled section, .annotationLayer.disabled .popup { pointer-events: none; } .annotationLayer .annotationContent { position: absolute; width: 100%; height: 100%; pointer-events: none; } .freetext:is(.annotationLayer .annotationContent) { background: transparent; border: none; inset: 0; overflow: visible; white-space: nowrap; font: 10px sans-serif; line-height: 1.35; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .annotationLayer section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; transform-origin: 0 0; } :is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent { display: none; } .textLayer.selecting ~ .annotationLayer section { pointer-events: none; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover { opacity: 0.2; background-color: rgb(255 255 0); box-shadow: 0 2px 10px rgb(255 255 0); } .annotationLayer .linkAnnotation.hasBorder:hover { background-color: rgb(255 255 0 / 0.2); } .annotationLayer .hasBorder { background-size: 100% 100%; } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--scale-factor)) sans-serif; height: 100%; margin: 0; vertical-align: top; width: 100%; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { resize: none; } .annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea), .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { background-color: CanvasText; content: ""; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { height: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { border-radius: 50%; height: 50%; left: 25%; top: 25%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb:focus { width: 103%; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .annotationLayer .fileAttachmentAnnotation .popupTriggerArea { height: 100%; width: 100%; } .annotationLayer .popupAnnotation { position: absolute; font-size: calc(9px * var(--scale-factor)); pointer-events: none; width: -moz-max-content; width: max-content; max-width: 45%; height: auto; } .annotationLayer .popup { background-color: rgb(255 255 153); box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136); border-radius: calc(2px * var(--scale-factor)); outline: 1.5px solid rgb(255 255 74); padding: calc(6px * var(--scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; } .annotationLayer .popupAnnotation.focused .popup { outline-width: 3px; } .annotationLayer .popup * { font-size: calc(9px * var(--scale-factor)); } .annotationLayer .popup > .header { display: inline-block; } .annotationLayer .popup > .header h1 { display: inline; } .annotationLayer .popup > .header .popupDate { display: inline-block; margin-left: calc(5px * var(--scale-factor)); width: -moz-fit-content; width: fit-content; } .annotationLayer .popupContent { border-top: 1px solid rgb(51 51 51); margin-top: calc(2px * var(--scale-factor)); padding-top: calc(2px * var(--scale-factor)); } .annotationLayer .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--scale-factor)); } .annotationLayer .popupTriggerArea { cursor: pointer; } .annotationLayer section svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } :is(.annotationLayer .annotationTextContent) span { width: 100%; display: inline-block; } .annotationLayer svg.quadrilateralsContainer { contain: strict; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: -1; } :root { --xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,"); --xfa-focus-outline:auto; } @media screen and (forced-colors: active) { :root { --xfa-focus-outline:2px solid CanvasText; } .xfaLayer *:required { outline: 1.5px solid selectedItem; } } .xfaLayer { background-color: transparent; } .xfaLayer .highlight { margin: -1px; padding: 1px; background-color: rgb(239 203 237); border-radius: 4px; } .xfaLayer .highlight.appended { position: initial; } .xfaLayer .highlight.begin { border-radius: 4px 0 0 4px; } .xfaLayer .highlight.end { border-radius: 0 4px 4px 0; } .xfaLayer .highlight.middle { border-radius: 0; } .xfaLayer .highlight.selected { background-color: rgb(203 223 203); } .xfaPage { overflow: hidden; position: relative; } .xfaContentarea { position: absolute; } .xfaPrintOnly { display: none; } .xfaLayer { position: absolute; text-align: initial; top: 0; left: 0; transform-origin: 0 0; line-height: 1.2; } .xfaLayer * { color: inherit; font: inherit; font-style: inherit; font-weight: inherit; font-kerning: inherit; letter-spacing: -0.01px; text-align: inherit; text-decoration: inherit; box-sizing: border-box; background-color: transparent; padding: 0; margin: 0; pointer-events: auto; line-height: inherit; } .xfaLayer *:required { outline: 1.5px solid red; } .xfaLayer div, .xfaLayer svg, .xfaLayer svg * { pointer-events: none; } .xfaLayer a { color: blue; } .xfaRich li { margin-left: 3em; } .xfaFont { color: black; font-weight: normal; font-kerning: none; font-size: 10px; font-style: normal; letter-spacing: 0; text-decoration: none; vertical-align: 0; } .xfaCaption { overflow: hidden; flex: 0 0 auto; } .xfaCaptionForCheckButton { overflow: hidden; flex: 1 1 auto; } .xfaLabel { height: 100%; width: 100%; } .xfaLeft { display: flex; flex-direction: row; align-items: center; } .xfaRight { display: flex; flex-direction: row-reverse; align-items: center; } :is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton) { max-height: 100%; } .xfaTop { display: flex; flex-direction: column; align-items: flex-start; } .xfaBottom { display: flex; flex-direction: column-reverse; align-items: flex-start; } :is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) { width: 100%; } .xfaBorder { background-color: transparent; position: absolute; pointer-events: none; } .xfaWrapped { width: 100%; height: 100%; } :is(.xfaTextfield, .xfaSelect):focus { background-image: none; background-color: transparent; outline: var(--xfa-focus-outline); outline-offset: -1px; } :is(.xfaCheckbox, .xfaRadio):focus { outline: var(--xfa-focus-outline); } .xfaTextfield, .xfaSelect { height: 100%; width: 100%; flex: 1 1 auto; border: none; resize: none; background-image: var(--xfa-unfocused-field-background); } .xfaSelect { padding-inline: 2px; } :is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) { flex: 0 1 auto; } .xfaButton { cursor: pointer; width: 100%; height: 100%; border: none; text-align: center; } .xfaLink { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .xfaCheckbox, .xfaRadio { width: 100%; height: 100%; flex: 0 0 auto; border: none; } .xfaRich { white-space: pre-wrap; width: 100%; height: 100%; } .xfaImage { -o-object-position: left top; object-position: left top; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .xfaLrTb, .xfaRlTb, .xfaTb { display: flex; flex-direction: column; align-items: stretch; } .xfaLr { display: flex; flex-direction: row; align-items: stretch; } .xfaRl { display: flex; flex-direction: row-reverse; align-items: stretch; } .xfaTb > div { justify-content: left; } .xfaPosition { position: relative; } .xfaArea { position: relative; } .xfaValignMiddle { display: flex; align-items: center; } .xfaTable { display: flex; flex-direction: column; align-items: stretch; } .xfaTable .xfaRow { display: flex; flex-direction: row; align-items: stretch; } .xfaTable .xfaRlRow { display: flex; flex-direction: row-reverse; align-items: stretch; flex: 1; } .xfaTable .xfaRlRow > div { flex: 1; } :is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) { background: initial; } @media print { .xfaTextfield, .xfaSelect { background: transparent; } .xfaSelect { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ""; } } .canvasWrapper svg { transform: none; } [data-main-rotation="90"]:is(.canvasWrapper svg) mask, [data-main-rotation="90"]:is(.canvasWrapper svg) use:not(.clip, .mask) { transform: matrix( 0, 1, -1, 0, 1, 0); } [data-main-rotation="180"]:is(.canvasWrapper svg) mask, [data-main-rotation="180"]:is(.canvasWrapper svg) use:not(.clip, .mask) { transform: matrix( -1, 0, 0, -1, 1, 1); } [data-main-rotation="270"]:is(.canvasWrapper svg) mask, [data-main-rotation="270"]:is(.canvasWrapper svg) use:not(.clip, .mask) { transform: matrix( 0, -1, 1, 0, 0, 1); } .highlight:is(.canvasWrapper svg) { --blend-mode:multiply; } @media screen and (forced-colors: active) { .highlight:is(.canvasWrapper svg) { --blend-mode:difference; } } .highlight:is(.canvasWrapper svg) { position: absolute; mix-blend-mode: var(--blend-mode); } .highlight:is(.canvasWrapper svg):not(.free) { fill-rule: evenodd; } .highlightOutline:is(.canvasWrapper svg) { position: absolute; mix-blend-mode: normal; fill-rule: evenodd; fill: none; } .highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected) { stroke: var(--hover-outline-color); stroke-width: var(--outline-width); } .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline { stroke: var(--outline-around-color); stroke-width: calc(var(--outline-width) + 2 * var(--outline-around-width)); } .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline { stroke: var(--outline-color); stroke-width: var(--outline-width); } .highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected) { stroke: var(--hover-outline-color); stroke-width: calc(2 * var(--outline-width)); } .highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline { stroke: var(--outline-around-color); stroke-width: calc(2 * (var(--outline-width) + var(--outline-around-width))); } .highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline { stroke: var(--outline-color); stroke-width: calc(2 * var(--outline-width)); } .toggle-button { --button-background-color:#f0f0f4; --button-background-color-hover:#e0e0e6; --button-background-color-active:#cfcfd8; --color-accent-primary:#0060df; --color-accent-primary-hover:#0250bb; --color-accent-primary-active:#054096; --border-interactive-color:#8f8f9d; --border-radius-circle:9999px; --border-width:1px; --size-item-small:16px; --size-item-large:32px; --color-canvas:white; } @media (prefers-color-scheme: dark) { .toggle-button { --button-background-color:color-mix(in srgb, currentColor 7%, transparent); --button-background-color-hover:color-mix( in srgb, currentColor 14%, transparent ); --button-background-color-active:color-mix( in srgb, currentColor 21%, transparent ); --color-accent-primary:#0df; --color-accent-primary-hover:#80ebff; --color-accent-primary-active:#aaf2ff; --border-interactive-color:#bfbfc9; --color-canvas:#1c1b22; } } @media (forced-colors: active) { .toggle-button { --color-accent-primary:ButtonText; --color-accent-primary-hover:SelectedItem; --color-accent-primary-active:SelectedItem; --border-interactive-color:ButtonText; --button-background-color:ButtonFace; --border-interactive-color-hover:SelectedItem; --border-interactive-color-active:SelectedItem; --border-interactive-color-disabled:GrayText; --color-canvas:ButtonText; } } .toggle-button { --toggle-background-color:var(--button-background-color); --toggle-background-color-hover:var(--button-background-color-hover); --toggle-background-color-active:var(--button-background-color-active); --toggle-background-color-pressed:var(--color-accent-primary); --toggle-background-color-pressed-hover:var(--color-accent-primary-hover); --toggle-background-color-pressed-active:var(--color-accent-primary-active); --toggle-border-color:var(--border-interactive-color); --toggle-border-color-hover:var(--toggle-border-color); --toggle-border-color-active:var(--toggle-border-color); --toggle-border-radius:var(--border-radius-circle); --toggle-border-width:var(--border-width); --toggle-height:var(--size-item-small); --toggle-width:var(--size-item-large); --toggle-dot-background-color:var(--toggle-border-color); --toggle-dot-background-color-hover:var(--toggle-dot-background-color); --toggle-dot-background-color-active:var(--toggle-dot-background-color); --toggle-dot-background-color-on-pressed:var(--color-canvas); --toggle-dot-margin:1px; --toggle-dot-height:calc( var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) ); --toggle-dot-width:var(--toggle-dot-height); --toggle-dot-transform-x:calc( var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width) ); -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; margin: 0; border: var(--toggle-border-width) solid var(--toggle-border-color); height: var(--toggle-height); width: var(--toggle-width); border-radius: var(--toggle-border-radius); background: var(--toggle-background-color); box-sizing: border-box; flex-shrink: 0; } .toggle-button:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-outline-offset); } .toggle-button:enabled:hover { background: var(--toggle-background-color-hover); border-color: var(--toggle-border-color); } .toggle-button:enabled:active { background: var(--toggle-background-color-active); border-color: var(--toggle-border-color); } .toggle-button[aria-pressed=true] { background: var(--toggle-background-color-pressed); border-color: transparent; } .toggle-button[aria-pressed=true]:enabled:hover { background: var(--toggle-background-color-pressed-hover); border-color: transparent; } .toggle-button[aria-pressed=true]:enabled:active { background: var(--toggle-background-color-pressed-active); border-color: transparent; } .toggle-button::before { display: block; content: ""; background-color: var(--toggle-dot-background-color); height: var(--toggle-dot-height); width: var(--toggle-dot-width); margin: var(--toggle-dot-margin); border-radius: var(--toggle-border-radius); translate: 0; } .toggle-button[aria-pressed=true]::before { translate: var(--toggle-dot-transform-x); background-color: var(--toggle-dot-background-color-on-pressed); } .toggle-button[aria-pressed=true]:enabled:hover::before, .toggle-button[aria-pressed=true]:enabled:active::before { background-color: var(--toggle-dot-background-color-on-pressed); } [dir=rtl] .toggle-button[aria-pressed=true]::before { translate: calc(-1 * var(--toggle-dot-transform-x)); } @media (prefers-reduced-motion: no-preference) { .toggle-button::before { transition: translate 100ms; } } @media (prefers-contrast) { .toggle-button:enabled:hover { border-color: var(--toggle-border-color-hover); } .toggle-button:enabled:active { border-color: var(--toggle-border-color-active); } .toggle-button[aria-pressed=true]:enabled { border-color: var(--toggle-border-color); position: relative; } .toggle-button[aria-pressed=true]:enabled:hover, .toggle-button[aria-pressed=true]:enabled:hover:active { border-color: var(--toggle-border-color-hover); } .toggle-button[aria-pressed=true]:enabled:active { background-color: var(--toggle-dot-background-color-active); border-color: var(--toggle-dot-background-color-hover); } .toggle-button:hover::before, .toggle-button:active::before { background-color: var(--toggle-dot-background-color-hover); } } @media (forced-colors) { .toggle-button { --toggle-dot-background-color:var(--color-accent-primary); --toggle-dot-background-color-hover:var(--color-accent-primary-hover); --toggle-dot-background-color-active:var(--color-accent-primary-active); --toggle-dot-background-color-on-pressed:var(--button-background-color); --toggle-background-color-disabled:var(--button-background-color-disabled); --toggle-border-color-hover:var(--border-interactive-color-hover); --toggle-border-color-active:var(--border-interactive-color-active); --toggle-border-color-disabled:var(--border-interactive-color-disabled); } .toggle-button[aria-pressed=true]:enabled::after { border: 1px solid var(--button-background-color); content: ""; position: absolute; height: var(--toggle-height); width: var(--toggle-width); display: block; border-radius: var(--toggle-border-radius); inset: -2px; } .toggle-button[aria-pressed=true]:enabled:active::after { border-color: var(--toggle-border-color-active); } } :root { --outline-width:2px; --outline-color:#0060df; --outline-around-width:1px; --outline-around-color:#f0f0f4; --hover-outline-around-color:var(--outline-around-color); --focus-outline:solid var(--outline-width) var(--outline-color); --unfocus-outline:solid var(--outline-width) transparent; --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color); --hover-outline-color:#8f8f9d; --hover-outline:solid var(--outline-width) var(--hover-outline-color); --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color); --freetext-line-height:1.35; --freetext-padding:2px; --resizer-bg-color:var(--outline-color); --resizer-size:6px; --resizer-shift:calc( 0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width) ); --editorFreeText-editing-cursor:text; --editorInk-editing-cursor:url("./media/cursor-editorInk-7FGC6QX4.svg") 0 16, pointer; --editorHighlight-editing-cursor:url("./media/cursor-editorTextHighlight-KY3GIDCC.svg") 24 24, text; --editorFreeHighlight-editing-cursor:url("./media/cursor-editorFreeHighlight-D7WXXNY3.svg") 1 18, pointer; --new-alt-text-warning-image:url("./media/altText_warning-2UZPDKUT.svg"); } .visuallyHidden { position: absolute; top: 0; left: 0; border: 0; margin: 0; padding: 0; width: 0; height: 0; overflow: hidden; white-space: nowrap; font-size: 0; } .textLayer.highlighting { cursor: var(--editorFreeHighlight-editing-cursor); } .textLayer.highlighting:not(.free) span { cursor: var(--editorHighlight-editing-cursor); } [role=img]:is(.textLayer.highlighting:not(.free) span) { cursor: var(--editorFreeHighlight-editing-cursor); } .textLayer.highlighting.free span { cursor: var(--editorFreeHighlight-editing-cursor); } :is(#viewerContainer.pdfPresentationMode:fullscreen, .annotationEditorLayer.disabled) .noAltTextBadge { display: none !important; } @media (min-resolution: 1.1dppx) { :root { --editorFreeText-editing-cursor:url("./media/cursor-editorFreeText-BNMWG5ZU.svg") 0 16, text; } } @media screen and (forced-colors: active) { :root { --outline-color:CanvasText; --outline-around-color:ButtonFace; --resizer-bg-color:ButtonText; --hover-outline-color:Highlight; --hover-outline-around-color:SelectedItemText; } } [data-editor-rotation="90"] { transform: rotate(90deg); } [data-editor-rotation="180"] { transform: rotate(180deg); } [data-editor-rotation="270"] { transform: rotate(270deg); } .annotationEditorLayer { background: transparent; position: absolute; inset: 0; font-size: calc(100px * var(--scale-factor)); transform-origin: 0 0; cursor: auto; } .annotationEditorLayer .selectedEditor { z-index: 100000 !important; } .annotationEditorLayer.drawing * { pointer-events: none !important; } .annotationEditorLayer.waiting { content: ""; cursor: wait; position: absolute; inset: 0; width: 100%; height: 100%; } .annotationEditorLayer.disabled { pointer-events: none; } .annotationEditorLayer.freetextEditing { cursor: var(--editorFreeText-editing-cursor); } .annotationEditorLayer.inkEditing { cursor: var(--editorInk-editing-cursor); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) { position: absolute; background: transparent; z-index: 1; transform-origin: 0 0; cursor: auto; max-width: 100%; max-height: 100%; border: var(--unfocus-outline); } .draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) { cursor: move; } .moving:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) { touch-action: none; } .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) { border: var(--focus-outline); outline: var(--focus-outline-around); } .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor))::before { content: ""; position: absolute; inset: 0; border: var(--focus-outline-around); pointer-events: none; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)):hover:not(.selectedEditor) { border: var(--hover-outline); outline: var(--hover-outline-around); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)):hover:not(.selectedEditor)::before { content: ""; position: absolute; inset: 0; border: var(--focus-outline-around); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar { --editor-toolbar-delete-image:url("./media/editor-toolbar-delete-M2KKRH6K.svg"); --editor-toolbar-bg-color:#f0f0f4; --editor-toolbar-highlight-image:url("./media/toolbarButton-editorHighlight-YMUH5KVM.svg"); --editor-toolbar-fg-color:#2e2e56; --editor-toolbar-border-color:#8f8f9d; --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color); --editor-toolbar-hover-bg-color:#e0e0e6; --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color); --editor-toolbar-hover-outline:none; --editor-toolbar-focus-outline-color:#0060df; --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2); --editor-toolbar-vert-offset:6px; --editor-toolbar-height:28px; --editor-toolbar-padding:2px; --alt-text-done-color:#2ac3a2; --alt-text-warning-color:#0090ed; --alt-text-hover-done-color:var(--alt-text-done-color); --alt-text-hover-warning-color:var(--alt-text-warning-color); } @media (prefers-color-scheme: dark) { :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar { --editor-toolbar-bg-color:#2b2a33; --editor-toolbar-fg-color:#fbfbfe; --editor-toolbar-hover-bg-color:#52525e; --editor-toolbar-focus-outline-color:#0df; --alt-text-done-color:#54ffbd; --alt-text-warning-color:#80ebff; } } @media screen and (forced-colors: active) { :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar { --editor-toolbar-bg-color:ButtonFace; --editor-toolbar-fg-color:ButtonText; --editor-toolbar-border-color:ButtonText; --editor-toolbar-hover-border-color:AccentColor; --editor-toolbar-hover-bg-color:ButtonFace; --editor-toolbar-hover-fg-color:AccentColor; --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color); --editor-toolbar-focus-outline-color:ButtonBorder; --editor-toolbar-shadow:none; --alt-text-done-color:var(--editor-toolbar-fg-color); --alt-text-warning-color:var(--editor-toolbar-fg-color); --alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color); --alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color); } } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar { display: flex; width: -moz-fit-content; width: fit-content; height: var(--editor-toolbar-height); flex-direction: column; justify-content: center; align-items: center; cursor: default; pointer-events: auto; box-sizing: content-box; padding: var(--editor-toolbar-padding); position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + var(--editor-toolbar-vert-offset)); border-radius: 6px; background-color: var(--editor-toolbar-bg-color); border: 1px solid var(--editor-toolbar-border-color); box-shadow: var(--editor-toolbar-shadow); } .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) { display: none; } :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar):has(:focus-visible) { border-color: transparent; } [dir=ltr] :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) { transform-origin: 100% 0; } [dir=rtl] :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) { transform-origin: 0 0; } :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons { display: flex; justify-content: center; align-items: center; gap: 0; height: 100%; } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .divider { width: 0; height: calc(2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)); border-left: 1px solid var(--editor-toolbar-border-color); border-right: none; display: inline-block; margin-inline: 2px; } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .highlightButton { width: var(--editor-toolbar-height); } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .highlightButton)::before { content: ""; -webkit-mask-image: var(--editor-toolbar-highlight-image); mask-image: var(--editor-toolbar-highlight-image); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; background-color: var(--editor-toolbar-fg-color); width: 100%; height: 100%; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .highlightButton):hover::before { background-color: var(--editor-toolbar-hover-fg-color); } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .delete { width: var(--editor-toolbar-height); } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .delete)::before { content: ""; -webkit-mask-image: var(--editor-toolbar-delete-image); mask-image: var(--editor-toolbar-delete-image); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; background-color: var(--editor-toolbar-fg-color); width: 100%; height: 100%; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .delete):hover::before { background-color: var(--editor-toolbar-hover-fg-color); } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) > * { height: var(--editor-toolbar-height); } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) > :not(.divider) { border: none; background-color: transparent; cursor: pointer; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):hover { border-radius: 2px; background-color: var(--editor-toolbar-hover-bg-color); color: var(--editor-toolbar-hover-fg-color); outline: var(--editor-toolbar-hover-outline); outline-offset: 1px; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active { outline: none; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible { border-radius: 2px; outline: 2px solid var(--editor-toolbar-focus-outline-color); } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText { --alt-text-add-image:url("./media/altText_add-O5EO5EY3.svg"); --alt-text-done-image:url("./media/altText_done-CATL4EIA.svg"); display: flex; align-items: center; justify-content: center; width: -moz-max-content; width: max-content; padding-inline: 8px; pointer-events: all; font: menu; font-weight: 590; font-size: 12px; color: var(--editor-toolbar-fg-color); } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText):disabled { pointer-events: none; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText)::before { content: ""; -webkit-mask-image: var(--alt-text-add-image); mask-image: var(--alt-text-add-image); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: 12px; height: 13px; background-color: var(--editor-toolbar-fg-color); margin-inline-end: 4px; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before { background-color: var(--editor-toolbar-hover-fg-color); } .done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText)::before { -webkit-mask-image: var(--alt-text-done-image); mask-image: var(--alt-text-done-image); } .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText)::before { width: 16px; height: 16px; -webkit-mask-image: var(--new-alt-text-warning-image); mask-image: var(--new-alt-text-warning-image); background-color: var(--alt-text-warning-color); -webkit-mask-size: cover; mask-size: cover; } .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before { background-color: var(--alt-text-hover-warning-color); } .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText)::before { -webkit-mask-image: var(--alt-text-done-image); mask-image: var(--alt-text-done-image); background-color: var(--alt-text-done-color); } .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before { background-color: var(--alt-text-hover-done-color); } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip { display: none; word-wrap: anywhere; } .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) { --alt-text-tooltip-bg:#f0f0f4; --alt-text-tooltip-fg:#15141a; --alt-text-tooltip-border:#8f8f9d; --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2); } @media (prefers-color-scheme: dark) { .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) { --alt-text-tooltip-bg:#1c1b22; --alt-text-tooltip-fg:#fbfbfe; --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a; } } @media screen and (forced-colors: active) { .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) { --alt-text-tooltip-bg:Canvas; --alt-text-tooltip-fg:CanvasText; --alt-text-tooltip-border:CanvasText; --alt-text-tooltip-shadow:none; } } .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: calc(100% + 2px); inset-inline-start: 0; padding-block: 2px 3px; padding-inline: 3px; max-width: 300px; width: -moz-max-content; width: max-content; height: auto; font-size: 12px; border: 0.5px solid var(--alt-text-tooltip-border); background: var(--alt-text-tooltip-bg); box-shadow: var(--alt-text-tooltip-shadow); color: var(--alt-text-tooltip-fg); pointer-events: none; } .annotationEditorLayer .freeTextEditor { padding: calc(var(--freetext-padding) * var(--scale-factor)); width: auto; height: auto; touch-action: none; } .annotationEditorLayer .freeTextEditor .internal { background: transparent; border: none; inset: 0; overflow: visible; white-space: nowrap; font: 10px sans-serif; line-height: var(--freetext-line-height); -webkit-user-select: none; -moz-user-select: none; user-select: none; } .annotationEditorLayer .freeTextEditor .overlay { position: absolute; display: none; background: transparent; inset: 0; width: 100%; height: 100%; } .annotationEditorLayer freeTextEditor .overlay.enabled { display: block; } .annotationEditorLayer .freeTextEditor .internal:empty::before { content: attr(default-content); color: gray; } .annotationEditorLayer .freeTextEditor .internal:focus { outline: none; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .annotationEditorLayer .inkEditor { width: 100%; height: 100%; } .annotationEditorLayer .inkEditor.editing { cursor: inherit; } .annotationEditorLayer .inkEditor .inkEditorCanvas { position: absolute; inset: 0; width: 100%; height: 100%; touch-action: none; } .annotationEditorLayer .stampEditor { width: auto; height: auto; } :is(.annotationEditorLayer .stampEditor) canvas { position: absolute; width: 100%; height: 100%; margin: 0; top: 0; left: 0; } :is(.annotationEditorLayer .stampEditor) .noAltTextBadge { --no-alt-text-badge-border-color:#f0f0f4; --no-alt-text-badge-bg-color:#cfcfd8; --no-alt-text-badge-fg-color:#5b5b66; } @media (prefers-color-scheme: dark) { :is(.annotationEditorLayer .stampEditor) .noAltTextBadge { --no-alt-text-badge-border-color:#52525e; --no-alt-text-badge-bg-color:#fbfbfe; --no-alt-text-badge-fg-color:#15141a; } } @media screen and (forced-colors: active) { :is(.annotationEditorLayer .stampEditor) .noAltTextBadge { --no-alt-text-badge-border-color:ButtonText; --no-alt-text-badge-bg-color:ButtonFace; --no-alt-text-badge-fg-color:ButtonText; } } :is(.annotationEditorLayer .stampEditor) .noAltTextBadge { position: absolute; inset-inline-end: 5px; inset-block-end: 5px; display: inline-flex; width: 32px; height: 32px; padding: 3px; justify-content: center; align-items: center; pointer-events: none; z-index: 1; border-radius: 2px; border: 1px solid var(--no-alt-text-badge-border-color); background: var(--no-alt-text-badge-bg-color); } :is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge)::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--new-alt-text-warning-image); mask-image: var(--new-alt-text-warning-image); -webkit-mask-size: cover; mask-size: cover; background-color: var(--no-alt-text-badge-fg-color); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers { position: absolute; inset: 0; } .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) { display: none; } :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer { width: var(--resizer-size); height: var(--resizer-size); background: content-box var(--resizer-bg-color); border: var(--focus-outline-around); border-radius: 2px; position: absolute; } .topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) { top: var(--resizer-shift); left: var(--resizer-shift); } .topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) { top: var(--resizer-shift); left: calc(50% + var(--resizer-shift)); } .topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) { top: var(--resizer-shift); right: var(--resizer-shift); } .middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) { top: calc(50% + var(--resizer-shift)); right: var(--resizer-shift); } .bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) { bottom: var(--resizer-shift); right: var(--resizer-shift); } .bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) { bottom: var(--resizer-shift); left: calc(50% + var(--resizer-shift)); } .bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) { bottom: var(--resizer-shift); left: var(--resizer-shift); } .middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor)) > .resizers) > .resizer) { top: calc(50% + var(--resizer-shift)); left: var(--resizer-shift); } .topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer), .bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) { cursor: nwse-resize; } .topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer), .bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) { cursor: ns-resize; } .topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer), .bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) { cursor: nesw-resize; } .middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer), .middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) { cursor: ew-resize; } .topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer), .bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) { cursor: nesw-resize; } .topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer), .bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) { cursor: ew-resize; } .topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer), .bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) { cursor: nwse-resize; } .middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer), .middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) { cursor: ns-resize; } :is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar { rotate: 270deg; } [dir=ltr] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar) { inset-inline-end: calc(0px - var(--editor-toolbar-vert-offset)); inset-block-start: 0; } [dir=rtl] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar) { inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset)); inset-block-start: 0; } :is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="180"], [data-main-rotation="90"] [data-editor-rotation="90"], [data-main-rotation="180"] [data-editor-rotation="0"], [data-main-rotation="270"] [data-editor-rotation="270"])) .editToolbar { rotate: 180deg; inset-inline-end: 100%; inset-block-start: calc(0pc - var(--editor-toolbar-vert-offset)); } :is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar { rotate: 90deg; } [dir=ltr] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar) { inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset)); inset-block-start: 100%; } [dir=rtl] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar) { inset-inline-start: calc(0px - var(--editor-toolbar-vert-offset)); inset-block-start: 0; } .dialog.altText::backdrop { -webkit-mask: url(#alttext-manager-mask); mask: url(#alttext-manager-mask); } .dialog.altText.positioned { margin: 0; } .dialog.altText #altTextContainer { width: 300px; height: -moz-fit-content; height: fit-content; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 16px; } :is(.dialog.altText #altTextContainer) #overallDescription { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch; } :is(:is(.dialog.altText #altTextContainer) #overallDescription) span { align-self: stretch; } :is(:is(.dialog.altText #altTextContainer) #overallDescription) .title { font-size: 13px; font-style: normal; font-weight: 590; } :is(.dialog.altText #altTextContainer) #addDescription { display: flex; flex-direction: column; align-items: stretch; gap: 8px; } :is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea { flex: 1; padding-inline: 24px 10px; } :is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea { width: 100%; min-height: 75px; } :is(.dialog.altText #altTextContainer) #buttons { display: flex; justify-content: flex-end; align-items: flex-start; gap: 8px; align-self: stretch; } .dialog.newAltText { --new-alt-text-ai-disclaimer-icon:url("./media/altText_disclaimer-PY6CXXOP.svg"); --new-alt-text-spinner-icon:url("./media/altText_spinner-MGX6D5FG.svg"); --preview-image-bg-color:#f0f0f4; --preview-image-border:none; } @media (prefers-color-scheme: dark) { .dialog.newAltText { --preview-image-bg-color:#2b2a33; } } @media screen and (forced-colors: active) { .dialog.newAltText { --preview-image-bg-color:ButtonFace; --preview-image-border:1px solid ButtonText; } } .dialog.newAltText { width: 80%; max-width: 570px; min-width: 300px; padding: 0; } .dialog.newAltText.noAi #newAltTextDisclaimer, .dialog.newAltText.noAi #newAltTextCreateAutomatically { display: none !important; } .dialog.newAltText.aiInstalling #newAltTextCreateAutomatically { display: none !important; } .dialog.newAltText.aiInstalling #newAltTextDownloadModel { display: flex !important; } .dialog.newAltText.error #newAltTextNotNow { display: none !important; } .dialog.newAltText.error #newAltTextCancel { display: inline-block !important; } .dialog.newAltText:not(.error) #newAltTextError { display: none !important; } .dialog.newAltText #newAltTextContainer { display: flex; width: auto; padding: 16px; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 12px; flex: 0 1 auto; line-height: normal; } :is(.dialog.newAltText #newAltTextContainer) #mainContent { display: flex; justify-content: flex-end; align-items: flex-start; gap: 12px; align-self: stretch; flex: 1 1 auto; } :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionAndSettings { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1 0 0; align-self: stretch; } :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; flex: 1 1 auto; } :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer { width: 100%; height: 70px; position: relative; } :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea { width: 100%; height: 100%; padding: 8px; } :is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::-moz-placeholder { color: var(--text-secondary-color); } :is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::placeholder { color: var(--text-secondary-color); } :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner { display: none; position: absolute; width: 16px; height: 16px; inset-inline-start: 8px; inset-block-start: 8px; -webkit-mask-size: cover; mask-size: cover; background-color: var(--text-secondary-color); pointer-events: none; } .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::-moz-placeholder { color: transparent; } .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::placeholder { color: transparent; } .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner { display: inline-block; -webkit-mask-image: var(--new-alt-text-spinner-icon); mask-image: var(--new-alt-text-spinner-icon); } :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescription { font-size: 11px; } :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer { display: flex; flex-direction: row; align-items: flex-start; gap: 4px; font-size: 11px; } :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer)::before { content: ""; display: inline-block; width: 17px; height: 16px; -webkit-mask-image: var(--new-alt-text-ai-disclaimer-icon); mask-image: var(--new-alt-text-ai-disclaimer-icon); -webkit-mask-size: cover; mask-size: cover; background-color: var(--text-secondary-color); flex: 1 0 auto; } :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel { display: flex; align-items: center; gap: 4px; align-self: stretch; } :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel)::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--new-alt-text-spinner-icon); mask-image: var(--new-alt-text-spinner-icon); -webkit-mask-size: cover; mask-size: cover; background-color: var(--text-secondary-color); } :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview { width: 180px; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: var(--preview-image-bg-color); border: var(--preview-image-border); } :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview) > canvas { max-width: 100%; max-height: 100%; } .colorPicker { --hover-outline-color:#0250bb; --selected-outline-color:#0060df; --swatch-border-color:#cfcfd8; } @media (prefers-color-scheme: dark) { .colorPicker { --hover-outline-color:#80ebff; --selected-outline-color:#aaf2ff; --swatch-border-color:#52525e; } } @media screen and (forced-colors: active) { .colorPicker { --hover-outline-color:Highlight; --selected-outline-color:var(--hover-outline-color); --swatch-border-color:ButtonText; } } .colorPicker .swatch { width: 16px; height: 16px; border: 1px solid var(--swatch-border-color); border-radius: 100%; outline-offset: 2px; box-sizing: border-box; forced-color-adjust: none; } .colorPicker button:is(:hover, .selected) > .swatch { border: none; } .annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar { rotate: 0deg; } .annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar { rotate: 270deg; } .annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar { rotate: 180deg; } .annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar { rotate: 90deg; } .annotationEditorLayer .highlightEditor { position: absolute; background: transparent; z-index: 1; cursor: auto; max-width: 100%; max-height: 100%; border: none; outline: none; pointer-events: none; transform-origin: 0 0; } :is(.annotationEditorLayer .highlightEditor):not(.free) { transform: none; } :is(.annotationEditorLayer .highlightEditor) .internal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: auto; } .disabled:is(.annotationEditorLayer .highlightEditor) .internal { pointer-events: none; } .selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal { cursor: pointer; } :is(.annotationEditorLayer .highlightEditor) .editToolbar { --editor-toolbar-colorpicker-arrow-image:url("./media/toolbarButton-menuArrow-G6TBIXPL.svg"); transform-origin: center !important; } :is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker { position: relative; width: auto; display: flex; justify-content: center; align-items: center; gap: 4px; padding: 4px; } :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker)::after { content: ""; -webkit-mask-image: var(--editor-toolbar-colorpicker-arrow-image); mask-image: var(--editor-toolbar-colorpicker-arrow-image); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; background-color: var(--editor-toolbar-fg-color); width: 12px; height: 12px; } :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover::after { background-color: var(--editor-toolbar-hover-fg-color); } :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)) { background-color: var(--editor-toolbar-hover-bg-color); } :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden))::after { scale: -1; } :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown { position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 11px; padding-block: 8px; border-radius: 6px; background-color: var(--editor-toolbar-bg-color); border: 1px solid var(--editor-toolbar-border-color); box-shadow: var(--editor-toolbar-shadow); inset-block-start: calc(100% + 4px); width: calc(100% + 2 * var(--editor-toolbar-padding)); } :is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button { width: 100%; height: auto; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; background: none; } :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active, :focus-visible) { outline: none; } :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch { outline-offset: 2px; } [aria-selected=true]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch { outline: 2px solid var(--selected-outline-color); } :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover, :active, :focus-visible) > .swatch { outline: 2px solid var(--hover-outline-color); } .editorParamsToolbar:has(#highlightParamsToolbarContainer) { padding: unset; } #highlightParamsToolbarContainer { gap: 16px; padding-inline: 10px; padding-block-end: 12px; } #highlightParamsToolbarContainer .colorPicker { display: flex; flex-direction: column; gap: 8px; } :is(#highlightParamsToolbarContainer .colorPicker) .dropdown { display: flex; justify-content: space-between; align-items: center; flex-direction: row; height: auto; } :is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button { width: auto; height: auto; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; background: none; flex: 0 0 auto; padding: 0; } :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch { width: 24px; height: 24px; } :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active, :focus-visible) { outline: none; } [aria-selected=true]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) > .swatch { outline: 2px solid var(--selected-outline-color); } :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover, :active, :focus-visible) > .swatch { outline: 2px solid var(--hover-outline-color); } #highlightParamsToolbarContainer #editorHighlightThickness { display: flex; flex-direction: column; align-items: center; gap: 4px; align-self: stretch; } :is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel { height: auto; align-self: stretch; } :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker { display: flex; justify-content: space-between; align-items: center; align-self: stretch; --example-color:#bfbfc9; } @media (prefers-color-scheme: dark) { :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker { --example-color:#80808e; } } @media screen and (forced-colors: active) { :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker { --example-color:CanvasText; } } :is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) > .editorParamsSlider[disabled]) { opacity: 0.4; } :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::before, :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after { content: ""; width: 8px; aspect-ratio: 1; display: block; border-radius: 100%; background-color: var(--example-color); } :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after { width: 24px; } :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider { width: unset; height: 14px; } #highlightParamsToolbarContainer #editorHighlightVisibility { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; } :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider { --divider-color:#d7d7db; } @media (prefers-color-scheme: dark) { :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider { --divider-color:#8f8f9d; } } @media screen and (forced-colors: active) { :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider { --divider-color:CanvasText; } } :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider { margin-block: 4px; width: 100%; height: 1px; background-color: var(--divider-color); } :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .toggler { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } #altTextSettingsDialog { padding: 16px; } #altTextSettingsDialog #altTextSettingsContainer { display: flex; width: 573px; flex-direction: column; gap: 16px; } :is(#altTextSettingsDialog #altTextSettingsContainer) .mainContainer { gap: 16px; } :is(#altTextSettingsDialog #altTextSettingsContainer) .description { color: var(--text-secondary-color); } :is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings { display: flex; flex-direction: column; gap: 12px; } :is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) button { width: -moz-fit-content; width: fit-content; } .download:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) #deleteModelButton { display: none; } :is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings):not(.download) #downloadModelButton { display: none; } :is(#altTextSettingsDialog #altTextSettingsContainer) #automaticAltText, :is(#altTextSettingsDialog #altTextSettingsContainer) #altTextEditor { display: flex; flex-direction: column; gap: 8px; } :is(#altTextSettingsDialog #altTextSettingsContainer) #createModelDescription, :is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings, :is(#altTextSettingsDialog #altTextSettingsContainer) #showAltTextDialogDescription { padding-inline-start: 40px; } :is(#altTextSettingsDialog #altTextSettingsContainer) #automaticSettings { display: flex; flex-direction: column; gap: 16px; } :root { --viewer-container-height:0; --pdfViewer-padding-bottom:0; --page-margin:1px auto -8px; --page-border:9px solid transparent; --spreadHorizontalWrapped-margin-LR:-3.5px; --loading-icon-delay:400ms; } @media screen and (forced-colors: active) { :root { --pdfViewer-padding-bottom:9px; --page-margin:8px auto -1px; --page-border:1px solid CanvasText; --spreadHorizontalWrapped-margin-LR:3.5px; } } [data-main-rotation="90"] { transform: rotate(90deg) translateY(-100%); } [data-main-rotation="180"] { transform: rotate(180deg) translate(-100%, -100%); } [data-main-rotation="270"] { transform: rotate(270deg) translateX(-100%); } #hiddenCopyElement, .hiddenCanvasElement { position: absolute; top: 0; left: 0; width: 0; height: 0; display: none; } .pdfViewer { --scale-factor:1; --page-bg-color:unset; padding-bottom: var(--pdfViewer-padding-bottom); --hcm-highlight-filter:none; --hcm-highlight-selected-filter:none; } @media screen and (forced-colors: active) { .pdfViewer { --hcm-highlight-filter:invert(100%); } } .pdfViewer.copyAll { cursor: wait; } .pdfViewer .canvasWrapper { overflow: hidden; width: 100%; height: 100%; } :is(.pdfViewer .canvasWrapper) canvas { margin: 0; display: block; width: 100%; height: 100%; } [hidden]:is(:is(.pdfViewer .canvasWrapper) canvas) { display: none; } [zooming]:is(:is(.pdfViewer .canvasWrapper) canvas) { width: 100%; height: 100%; } :is(:is(.pdfViewer .canvasWrapper) canvas) .structTree { contain: strict; } .pdfViewer .page { --scale-round-x:1px; --scale-round-y:1px; direction: ltr; width: 816px; height: 1056px; margin: var(--page-margin); position: relative; overflow: visible; border: var(--page-border); background-clip: content-box; background-color: var(--page-bg-color, rgb(255 255 255)); } .pdfViewer .dummyPage { position: relative; width: 0; height: var(--viewer-container-height); } .pdfViewer.noUserSelect { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pdfViewer.removePageBorders .page { margin: 0 auto 10px; border: none; } .pdfViewer.singlePageView { display: inline-block; } .pdfViewer.singlePageView .page { margin: 0; border: none; } .pdfViewer:is(.scrollHorizontal, .scrollWrapped), .spread { margin-inline: 3.5px; text-align: center; } .pdfViewer.scrollHorizontal, .spread { white-space: nowrap; } .pdfViewer.removePageBorders, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread { margin-inline: 0; } .spread :is(.page, .dummyPage), .pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) { display: inline-block; vertical-align: middle; } .spread .page, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page { margin-inline: var(--spreadHorizontalWrapped-margin-LR); } .pdfViewer.removePageBorders .spread .page, .pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page { margin-inline: 5px; } .pdfViewer .page.loadingIcon::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: url("./media/loading-icon-AQX2QBUJ.gif") center no-repeat; display: none; transition-property: display; transition-delay: var(--loading-icon-delay); z-index: 5; contain: strict; } .pdfViewer .page.loading::after { display: block; } .pdfViewer .page:not(.loading)::after { transition-property: none; display: none; } .pdfPresentationMode .pdfViewer { padding-bottom: 0; } .pdfPresentationMode .spread { margin: 0; } .pdfPresentationMode .pdfViewer .page { margin: 0 auto; border: 2px solid transparent; } /* src/styles.css */ html, body { height: 100%; } body { padding-top: 5px; } .expandedcontainer { max-width: 100% !important; padding: 15px !important; } .expandedcontainer > div { box-shadow: none !important; margin-top: 0 !important; } .expandedcontainer > div > div { padding: 0 !important; } .swiper-button-prev::after, .swiper-button-next::after { font-size: 10px; color: #ced0cf; } .swiper-button-prev { padding-right: 35px; margin-left: -5px; z-index: 90; } .swiper-button-next { padding-left: 35px; margin-right: -5px; z-index: 90; } .swiper-wrapper { z-index: 100; } ngb-modal-window .modal-header swiper-container { min-width: 0; overflow: hidden; } ngb-modal-window .modal-header swiper-slide { width: 100% !important; } /* angular:styles/global:styles */