pre code.hljs { display: block; overflow-x: auto; padding: 1em } code.hljs { padding: 3px 5px } /* Atom One Light by Daniel Gamage Original One Light Syntax theme from https://github.com/atom/one-light-syntax base: #fafafa mono-1: #383a42 mono-2: #686b77 mono-3: #a0a1a7 hue-1: #0184bb hue-2: #4078f2 hue-3: #a626a4 hue-4: #50a14f hue-5: #e45649 hue-5-2: #c91243 hue-6: #986801 hue-6-2: #c18401 */ .hljs { color: #383a42; background: #fafafa } .hljs-comment, .hljs-quote { color: #a0a1a7; font-style: italic } .hljs-doctag, .hljs-keyword, .hljs-formula { color: #a626a4 } .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst { color: #e45649 } .hljs-literal { color: #0184bb } .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta .hljs-string { color: #50a14f } .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number { color: #986801 } .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title { color: #4078f2 } .hljs-built_in, .hljs-title.class_, .hljs-class .hljs-title { color: #c18401 } .hljs-emphasis { font-style: italic } .hljs-strong { font-weight: bold } .hljs-link { text-decoration: underline } /* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ :root{ --button-primary-bg-color:var( --button-background-color-primary, light-dark(#0060df, #0df) ); --button-primary-fg-color:var( --button-text-color-primary, light-dark(#fbfbfe, #15141a) ); --button-primary-border-color:var(--button-primary-bg-color); --button-primary-active-bg-color:var( --button-background-color-primary-active, light-dark(#054096, #aaf2ff) ); --button-primary-active-fg-color:var(--button-primary-fg-color); --button-primary-active-border-color:var(--button-primary-active-bg-color); --button-primary-hover-bg-color:var( --button-background-color-primary-hover, light-dark(#0250bb, #80ebff) ); --button-primary-hover-fg-color:var(--button-primary-fg-color); --button-primary-hover-border-color:var(--button-primary-hover-bg-color); --button-primary-disabled-bg-color:var(--button-primary-bg-color); --button-primary-disabled-border-color:var(--button-primary-border-color); --button-primary-disabled-fg-color:var(--button-primary-fg-color); --button-secondary-bg-color:var( --button-background-color, light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07)) ); --button-secondary-fg-color:var(--text-color, light-dark(#15141a, #fbfbfe)); --button-secondary-border-color:var( --button-border-color, var(--button-secondary-bg-color) ); --button-secondary-active-bg-color:var( --button-background-color-active, light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21)) ); --button-secondary-active-fg-color:var(--button-secondary-fg-color); --button-secondary-active-border-color:var(--button-secondary-bg-color); --button-secondary-hover-bg-color:var( --button-background-color-hover, light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14)) ); --button-secondary-hover-fg-color:var(--button-secondary-fg-color); --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color); --button-secondary-disabled-bg-color:var(--button-secondary-bg-color); --button-secondary-disabled-border-color:var( --button-secondary-border-color ); --button-secondary-disabled-fg-color:var(--button-secondary-fg-color); --button-disabled-opacity:0.4; --hover-filter:brightness(0.9); @media (prefers-color-scheme: dark){ --button-disabled-opacity:0.6; --hover-filter:brightness(1.4); } @media screen and (forced-colors: active){ --button-primary-bg-color:var( --button-background-color-primary, ButtonText ); --button-primary-fg-color:var(--button-text-color-primary, ButtonFace); --button-primary-border-color:var( --button-border-color-primary, ButtonText ); --button-primary-active-bg-color:var( --button-background-color-primary-active, SelectedItem ); --button-primary-active-fg-color:var( --button-text-color-primary-active, HighlightText ); --button-primary-active-border-color:var( --button-border-color-primary-active, ButtonText ); --button-primary-hover-bg-color:var( --button-background-color-primary-hover, SelectedItem ); --button-primary-hover-fg-color:var( --button-text-color-primary-hover, HighlightText ); --button-primary-hover-border-color:var( --button-border-color-primary-hover, SelectedItem ); --button-primary-disabled-bg-color:var( --button-background-color-primary-disabled, GrayText ); --button-primary-disabled-fg-color:var( --button-text-color-primary-disabled, ButtonFace ); --button-primary-disabled-border-color:var( --button-border-color-primary-disabled, GrayText ); --button-secondary-bg-color:var(--button-background-color, ButtonFace); --button-secondary-fg-color:var(--button-text-color, ButtonText); --button-secondary-border-color:var(--button-border-color, ButtonText); --button-secondary-active-bg-color:var( --button-background-color-active, HighlightText ); --button-secondary-active-fg-color:var( --button-text-color-active, SelectedItem ); --button-secondary-active-border-color:var( --button-border-color-active, ButtonText ); --button-secondary-hover-bg-color:var( --button-background-color-hover, HighlightText ); --button-secondary-hover-fg-color:var( --button-text-color-hover, SelectedItem ); --button-secondary-hover-border-color:var( --button-border-color-hover, SelectedItem ); --button-secondary-disabled-fg-color:var( --button-text-color-disabled, GrayText ); --button-secondary-disabled-border-color:var( --button-border-color-disabled, GrayText ); --button-disabled-opacity:1; --hover-filter:none; } } .primaryButton, .secondaryButton{ border-radius:var(--button-border-radius, 4px); border:1px solid; font:menu; font-weight:var(--button-font-weight, 590); font-size:var(--button-font-size, 13px); padding:var(--button-padding, 4px 16px); width:auto; min-height:var(--button-min-height, 32px); &:hover{ cursor:pointer; filter:var(--hover-filter); } > span{ color:inherit; font:inherit; } &:disabled{ pointer-events:none; } } .primaryButton{ color:var(--button-primary-fg-color); background-color:var(--button-primary-bg-color); border-color:var(--button-primary-border-color); opacity:1; &:hover{ color:var(--button-primary-hover-fg-color); background-color:var(--button-primary-hover-bg-color); border-color:var(--button-primary-hover-border-color); } &:active{ color:var(--button-primary-active-fg-color); background-color:var(--button-primary-active-bg-color); border-color:var(--button-primary-active-border-color); } &:disabled{ background-color:var(--button-primary-disabled-bg-color); border-color:var(--button-primary-disabled-border-color); color:var(--button-primary-disabled-fg-color); opacity:var(--button-disabled-opacity); } } .secondaryButton{ color:var(--button-secondary-fg-color); background-color:var(--button-secondary-bg-color); border-color:var(--button-secondary-border-color); &:hover{ color:var(--button-secondary-hover-fg-color); background-color:var(--button-secondary-hover-bg-color); border-color:var(--button-secondary-hover-border-color); } &:active{ color:var(--button-secondary-active-fg-color); background-color:var(--button-secondary-active-bg-color); border-color:var(--button-secondary-active-border-color); } &:disabled{ background-color:var(--button-secondary-disabled-bg-color); border-color:var(--button-secondary-disabled-border-color); color:var(--button-secondary-disabled-fg-color); opacity:var(--button-disabled-opacity); } } .messageBar{ --closing-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03Ljg1ODIyIDguODQ5MjJMNC44NTMyMiAxMS44NTQyQzQuNzU4OTEgMTEuOTQ1MyA0LjYzMjYxIDExLjk5NTcgNC41MDE1MSAxMS45OTQ2QzQuMzcwNDIgMTEuOTkzNCA0LjI0NTAxIDExLjk0MDggNC4xNTIzMSAxMS44NDgxQzQuMDU5NiAxMS43NTU0IDQuMDA3MDIgMTEuNjMgNC4wMDU4OCAxMS40OTg5QzQuMDA0NzQgMTEuMzY3OCA0LjA1NTE0IDExLjI0MTUgNC4xNDYyMiAxMS4xNDcyTDcuMTUxMjIgOC4xNDIyMlY3Ljg1OTIyTDQuMTQ2MjIgNC44NTMyMkM0LjA1NTE0IDQuNzU4OTEgNC4wMDQ3NCA0LjYzMjYxIDQuMDA1ODggNC41MDE1MUM0LjAwNzAyIDQuMzcwNDIgNC4wNTk2IDQuMjQ1MDEgNC4xNTIzMSA0LjE1MjMxQzQuMjQ1MDEgNC4wNTk2IDQuMzcwNDIgNC4wMDcwMiA0LjUwMTUxIDQuMDA1ODhDNC42MzI2MSA0LjAwNDc0IDQuNzU4OTEgNC4wNTUxNCA0Ljg1MzIyIDQuMTQ2MjJMNy44NTgyMiA3LjE1MTIySDguMTQxMjJMMTEuMTQ2MiA0LjE0NjIyQzExLjI0MDUgNC4wNTUxNCAxMS4zNjY4IDQuMDA0NzQgMTEuNDk3OSA0LjAwNTg4QzExLjYyOSA0LjAwNzAyIDExLjc1NDQgNC4wNTk2IDExLjg0NzEgNC4xNTIzMUMxMS45Mzk4IDQuMjQ1MDEgMTEuOTkyNCA0LjM3MDQyIDExLjk5MzYgNC41MDE1MUMxMS45OTQ3IDQuNjMyNjEgMTEuOTQ0MyA0Ljc1ODkxIDExLjg1MzIgNC44NTMyMkw4Ljg0ODIyIDcuODU5MjJWOC4xNDIyMkwxMS44NTMyIDExLjE0NzJDMTEuOTQ0MyAxMS4yNDE1IDExLjk5NDcgMTEuMzY3OCAxMS45OTM2IDExLjQ5ODlDMTEuOTkyNCAxMS42MyAxMS45Mzk4IDExLjc1NTQgMTEuODQ3MSAxMS44NDgxQzExLjc1NDQgMTEuOTQwOCAxMS42MjkgMTEuOTkzNCAxMS40OTc5IDExLjk5NDZDMTEuMzY2OCAxMS45OTU3IDExLjI0MDUgMTEuOTQ1MyAxMS4xNDYyIDExLjg1NDJMOC4xNDEyMiA4Ljg0OTIyTDguMTQyMjIgOC44NTAyMkw3Ljg1ODIyIDguODQ5MjJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); --message-bar-close-button-color:var(--text-primary-color); --message-bar-close-button-color-hover:var(--text-primary-color); --message-bar-close-button-border-radius:var(--border-radius-small, 4px); --message-bar-close-button-border:none; --message-bar-close-button-hover-bg-color:var( --button-background-color-hover, light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14)) ); --message-bar-close-button-active-bg-color:var( --button-background-color-active, light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21)) ); --message-bar-close-button-focus-bg-color:var( --button-background-color, light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07)) ); @media screen and (forced-colors: active){ --message-bar-close-button-color:var(--button-text-color, ButtonText); --message-bar-close-button-border:1px solid var(--button-border-color, ButtonText); --message-bar-close-button-hover-bg-color:var( --button-background-color-hover, SelectedItemText ); --message-bar-close-button-active-bg-color:var( --button-background-color-hover, SelectedItemText ); --message-bar-close-button-focus-bg-color:var( --button-background-color-hover, SelectedItemText ); --message-bar-close-button-color-hover:var( --button-text-color-hover, SelectedItem ); } display:flex; position:relative; padding:8px 8px 8px 16px; flex-direction:column; justify-content:center; align-items:center; gap:8px; -webkit-user-select:none; -moz-user-select:none; user-select:none; border-radius:var(--border-radius-small, 4px); border:1px solid var(--message-bar-border-color); background:var(--message-bar-bg-color); color:var(--message-bar-fg-color); > div{ display:flex; align-items:flex-start; gap:8px; align-self:stretch; &::before{ content:""; display:inline-block; width:16px; height:16px; -webkit-mask-image:var(--message-bar-icon); mask-image:var(--message-bar-icon); -webkit-mask-size:cover; mask-size:cover; background-color:var(--message-bar-icon-color); flex-shrink:0; } } button{ cursor:pointer; &:focus-visible{ outline:var(--focus-ring-outline); outline-offset:2px; } } .closeButton{ width:32px; height:32px; background:none; border-radius:var(--message-bar-close-button-border-radius); border:var(--message-bar-close-button-border); display:flex; align-items:center; justify-content:center; &::before{ content:""; display:inline-block; width:16px; height:16px; -webkit-mask-image:var(--closing-button-icon); mask-image:var(--closing-button-icon); -webkit-mask-size:cover; mask-size:cover; background-color:var(--message-bar-close-button-color); } &:is(:hover, :active, :focus)::before{ background-color:var(--message-bar-close-button-color-hover); } &:hover{ background-color:var(--message-bar-close-button-hover-bg-color); } &:active{ background-color:var(--message-bar-close-button-active-bg-color); } &:focus{ background-color:var(--message-bar-close-button-focus-bg-color); } > span{ display:inline-block; width:0; height:0; overflow:hidden; } } } #editorUndoBar{ --message-bar-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Ik03LjYyNSAwLjVDNi42NDAwOSAwLjUgNS42NjQ4MiAwLjY5Mzk5MyA0Ljc1NDg3IDEuMDcwOUMzLjg0NDkzIDEuNDQ3ODEgMy4wMTgxNCAyLjAwMDI2IDIuMzIxNyAyLjY5NjdDMS42MjUyNiAzLjM5MzE0IDEuMDcyODEgNC4yMTk5MyAwLjY5NTkwNCA1LjEyOTg3QzAuMzE4OTkzIDYuMDM5ODIgMC4xMjUgNy4wMTUwOSAwLjEyNSA4QzAuMTI1IDguOTg0OTEgMC4zMTg5OTMgOS45NjAxOCAwLjY5NTkwNCAxMC44NzAxQzEuMDcyODEgMTEuNzgwMSAxLjYyNTI2IDEyLjYwNjkgMi4zMjE3IDEzLjMwMzNDMy4wMTgxNCAxMy45OTk3IDMuODQ0OTMgMTQuNTUyMiA0Ljc1NDg3IDE0LjkyOTFDNS42NjQ4MiAxNS4zMDYgNi42NDAwOSAxNS41IDcuNjI1IDE1LjVDOS42MTQxMiAxNS41IDExLjUyMTggMTQuNzA5OCAxMi45MjgzIDEzLjMwMzNDMTQuMzM0OCAxMS44OTY4IDE1LjEyNSA5Ljk4OTEyIDE1LjEyNSA4QzE1LjEyNSA2LjAxMDg4IDE0LjMzNDggNC4xMDMyMiAxMi45MjgzIDIuNjk2N0MxMS41MjE4IDEuMjkwMTggOS42MTQxMiAwLjUgNy42MjUgMC41Wk04LjI1IDExLjM3NUM4LjI1IDExLjU0MDggOC4xODQxNSAxMS42OTk3IDguMDY2OTQgMTEuODE2OUM3Ljk0OTczIDExLjkzNDIgNy43OTA3NiAxMiA3LjYyNSAxMkM3LjQ1OTI0IDEyIDcuMzAwMjcgMTEuOTM0MiA3LjE4MzA2IDExLjgxNjlDNy4wNjU4NSAxMS42OTk3IDcgMTEuNTQwOCA3IDExLjM3NVY2LjkzOEM3IDYuNzcyMjQgNy4wNjU4NSA2LjYxMzI3IDcuMTgzMDYgNi40OTYwNkM3LjMwMDI3IDYuMzc4ODUgNy40NTkyNCA2LjMxMyA3LjYyNSA2LjMxM0M3Ljc5MDc2IDYuMzEzIDcuOTQ5NzMgNi4zNzg4NSA4LjA2Njk0IDYuNDk2MDZDOC4xODQxNSA2LjYxMzI3IDguMjUgNi43NzIyNCA4LjI1IDYuOTM4VjExLjM3NVpNOC4yNSA1TDggNS4yNUg3LjI1TDcgNVY0LjI1TDcuMjUgNEg4TDguMjUgNC4yNVY1WiIgZmlsbD0iYmxhY2siIC8+Cjwvc3ZnPgo=); --message-bar-icon-color:light-dark(#0060df, #73a7f3); --message-bar-bg-color:light-dark(#deeafc, #003070); --message-bar-fg-color:var(--text-primary-color); --message-bar-border-color:light-dark( rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08) ); @media screen and (forced-colors: active){ --message-bar-icon-color:CanvasText; --message-bar-bg-color:Canvas; --message-bar-border-color:CanvasText; } position:fixed; top:50px; left:50%; transform:translateX(-50%); z-index:10; padding-block:8px; padding-inline:16px 8px; font:menu; font-size:15px; cursor:default; button{ cursor:pointer; } #editorUndoBarUndoButton{ margin-inline-start:8px; border-color:var(--color-accent-primary, light-dark(#0060df, #0df)); } > div{ align-items:center; } } .dialog{ --dialog-bg-color:var(--background-color-canvas, light-dark(white, #1c1b22)); --dialog-border-color:var( --background-color-canvas, light-dark(white, #1c1b22) ); --dialog-shadow:0 2px 14px 0 light-dark(rgb(58 57 68 / 0.2), #15141a); --text-secondary-color:light-dark(#5b5b66, #cfcfd8); --separator-color:light-dark(#f0f0f4, #52525e); --textarea-border-color:var(--border-color-interactive, #8f8f9d); --textarea-bg-color:light-dark(white, #42414d); --textarea-fg-color:var(--text-secondary-color); --input-text-bg-color:light-dark(white, #42414d); --input-text-fg-color:var(--text-primary-color); @media screen and (forced-colors: active){ --dialog-bg-color:var(--background-color-canvas, Canvas); --dialog-border-color:var(--border-color, CanvasText); --dialog-shadow:none; --text-secondary-color:CanvasText; --separator-color:CanvasText; --textarea-border-color:ButtonBorder; --textarea-bg-color:Field; --textarea-fg-color:ButtonText; --input-text-bg-color:Field; --input-text-fg-color:FieldText; } font:message-box; font-size:13px; font-weight:400; line-height:150%; border-radius:var(--border-radius-medium, 4px); padding:12px 16px; border:1px solid var(--dialog-border-color); background:var(--dialog-bg-color); color:var(--text-primary-color); box-shadow:var(--dialog-shadow); .mainContainer{ *:focus-visible{ outline:var(--focus-ring-outline); outline-offset:2px; } .title{ display:flex; width:auto; flex-direction:column; justify-content:flex-end; align-items:flex-start; gap:12px; > span{ font-size:13px; font-style:normal; font-weight:590; line-height:150%; } } .dialogSeparator{ width:100%; height:0; margin-block:4px; border-top:1px solid var(--separator-color); border-bottom:none; } .dialogButtonsGroup{ display:flex; gap:12px; align-self:flex-end; } input:is([type="checkbox"], [type="radio"]){ accent-color:var(--color-accent-primary, light-dark(#0060df, #0df)); width:var(--checkbox-size, 16px); height:var(--checkbox-size, 16px); } .radio{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; > .radioButton{ display:flex; gap:8px; align-self:stretch; align-items:center; } > .radioLabel{ display:flex; padding-inline-start:24px; align-items:flex-start; gap:10px; align-self:stretch; > span{ flex:1 0 0; font-size:11px; color:var(--text-secondary-color); } } } button:not(:is(.toggle-button, .closeButton, .clearInputButton)){ border-radius:var(--button-border-radius, 4px); border-width:1px; border-style:solid; font:menu; font-weight:var(--button-font-weight, 590); font-size:var(--button-font-size, 13px); padding:var(--button-padding, 4px 16px); width:auto; min-height:var(--button-min-height, 32px); &:hover{ cursor:pointer; filter:var(--hover-filter); } > span{ color:inherit; font:inherit; } &:disabled{ pointer-events:none; } } a{ color:var(--link-fg-color); &:hover{ color:var(--link-hover-fg-color); } } textarea{ font:inherit; padding:8px; resize:none; margin:0; box-sizing:border-box; border-radius:var(--border-radius-small, 4px); border:1px solid var(--textarea-border-color); background:var(--textarea-bg-color); color:var(--textarea-fg-color); &:focus{ outline-offset:0; border-color:transparent; } &:disabled{ pointer-events:none; opacity:0.4; } } input[type="text"]{ background-color:var(--input-text-bg-color); color:var(--input-text-fg-color); } .messageBar{ --message-bar-bg-color:light-dark(#ffebcd, #5a3100); --message-bar-fg-color:light-dark(#15141a, #fbfbfe); --message-bar-border-color:light-dark( rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08) ); --message-bar-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNC44NzQ4IDEyLjAzN0w5LjM3NzgyIDIuMDM3QzguOTk2ODIgMS4zNDYgOC4zMTA4MiAxIDcuNjI0ODIgMUM2LjkzODgyIDEgNi4yNTI4MiAxLjM0NiA1Ljg3MjgyIDIuMDM3TDAuMzc1ODIzIDEyLjAzN0MtMC4zNTgxNzcgMTMuMzcgMC42MDY4MjMgMTUgMi4xMjc4MiAxNUgxMy4xMjI4QzE0LjY0MjggMTUgMTUuNjA3OCAxMy4zNyAxNC44NzQ4IDEyLjAzN1pNOC4yNDk4MiAxMS43NUw3Ljk5OTgyIDEySDcuMjQ5ODJMNi45OTk4MiAxMS43NVYxMUw3LjI0OTgyIDEwLjc1SDcuOTk5ODJMOC4yNDk4MiAxMVYxMS43NVpNOC4yNDk4MiA5LjA2MkM4LjI0OTgyIDkuMjI3NzYgOC4xODM5OCA5LjM4NjczIDguMDY2NzcgOS41MDM5NEM3Ljk0OTU1IDkuNjIxMTUgNy43OTA1OCA5LjY4NyA3LjYyNDgyIDkuNjg3QzcuNDU5MDYgOS42ODcgNy4zMDAwOSA5LjYyMTE1IDcuMTgyODggOS41MDM5NEM3LjA2NTY3IDkuMzg2NzMgNi45OTk4MiA5LjIyNzc2IDYuOTk5ODIgOS4wNjJWNS42MjVDNi45OTk4MiA1LjQ1OTI0IDcuMDY1NjcgNS4zMDAyNyA3LjE4Mjg4IDUuMTgzMDZDNy4zMDAwOSA1LjA2NTg1IDcuNDU5MDYgNSA3LjYyNDgyIDVDNy43OTA1OCA1IDcuOTQ5NTUgNS4wNjU4NSA4LjA2Njc3IDUuMTgzMDZDOC4xODM5OCA1LjMwMDI3IDguMjQ5ODIgNS40NTkyNCA4LjI0OTgyIDUuNjI1VjkuMDYyWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); --message-bar-icon-color:light-dark(#cd411e, #e49c49); @media screen and (forced-colors: active){ --message-bar-bg-color:HighlightText; --message-bar-fg-color:CanvasText; --message-bar-border-color:CanvasText; --message-bar-icon-color:CanvasText; } align-self:stretch; > div{ &::before, > div{ margin-block:4px; } > div{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; flex:1 0 0; .title{ font-size:13px; font-weight:590; } .description{ font-size:13px; } } } } .toggler{ display:flex; align-items:center; gap:8px; align-self:stretch; > .togglerLabel{ -webkit-user-select:none; -moz-user-select:none; user-select:none; } } } } .textLayer{ color-scheme:only light; position:absolute; text-align:initial; inset:0; overflow:clip; opacity:1; line-height:1; letter-spacing:normal; word-spacing:normal; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none; forced-color-adjust:none; transform-origin:0 0; caret-color:CanvasText; z-index:0; &.highlighting{ touch-action:none; } :is(span, br){ color:transparent; position:absolute; white-space:pre; cursor:text; transform-origin:0% 0%; -webkit-user-select:text; -moz-user-select:text; user-select:text; } --min-font-size:1; --text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size)); --min-font-size-inv:calc(1 / var(--min-font-size)); > :not(.markedContent), .markedContent span:not(.markedContent){ z-index:1; --font-height:0; font-size:calc(var(--text-scale-factor) * var(--font-height)); --scale-x:1; --rotate:0deg; transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv)); } .markedContent{ display:contents; } span[role="img"]{ -webkit-user-select:none; -moz-user-select:none; user-select:none; cursor:default; } .highlight{ --highlight-bg-color:rgb(180 0 170 / 0.25); --highlight-selected-bg-color:rgb(0 100 0 / 0.25); --highlight-backdrop-filter:none; --highlight-selected-backdrop-filter:none; @media screen and (forced-colors: active){ --highlight-bg-color:transparent; --highlight-selected-bg-color:transparent; --highlight-backdrop-filter:var(--hcm-highlight-filter); --highlight-selected-backdrop-filter:var( --hcm-highlight-selected-filter ); } margin:-1px; padding:1px; background-color:var(--highlight-bg-color); backdrop-filter:var(--highlight-backdrop-filter); border-radius:4px; &.appended{ position:initial; } &.begin{ border-radius:4px 0 0 4px; } &.end{ border-radius:0 4px 4px 0; } &.middle{ border-radius:0; } &.selected{ background-color:var(--highlight-selected-bg-color); backdrop-filter:var(--highlight-selected-backdrop-filter); scroll-margin-top:50px; } } ::-moz-selection{ background:rgba(0 0 255 / 0.25); background:color-mix(in srgb, AccentColor, transparent 50%); color:transparent; } ::selection{ background:rgba(0 0 255 / 0.25); background:color-mix(in srgb, AccentColor, transparent 50%); color:transparent; } &.selectionRendering{ ::-moz-selection{ background:transparent; color:transparent; } ::selection{ background:transparent; color:transparent; } } br::-moz-selection{ background:transparent; } br::selection{ background:transparent; } .endOfContent{ display:block; position:absolute; inset:100% 0 0; z-index:0; cursor:default; -webkit-user-select:none; -moz-user-select:none; user-select:none; } &.selecting .endOfContent{ top:0; } } .textLayerImages{ position:absolute; inset:0; -webkit-user-select:none; -moz-user-select:none; user-select:none; canvas{ position:absolute; transform-origin:0% 0%; } } .annotationLayer{ color-scheme:only light; --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,"); --annotation-unfocused-field-filter:url("data:image/svg+xml;charset=UTF-8,#pdfjsFillableField"); --input-focus-border-color:Highlight; --input-focus-outline:1px solid Canvas; --input-unfocused-border-color:transparent; --input-disabled-border-color:transparent; --input-hover-border-color:black; --link-outline:none; @media screen and (forced-colors: active){ --input-focus-border-color:CanvasText; --input-unfocused-border-color:ActiveText; --input-disabled-border-color:GrayText; --input-hover-border-color:Highlight; --link-outline:1.5px solid LinkText; .textWidgetAnnotation :is(input, textarea):required, .choiceWidgetAnnotation select:required, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{ outline:1.5px solid selectedItem; } .linkAnnotation{ outline:var(--link-outline); &:hover{ backdrop-filter:var(--hcm-highlight-filter); } & > a:hover{ opacity:0 !important; background:none !important; box-shadow:none; } } .popupAnnotation .popup{ outline:calc(1.5px * var(--total-scale-factor)) solid CanvasText !important; background-color:ButtonFace !important; color:ButtonText !important; } .highlightArea:hover::after{ position:absolute; top:0; left:0; width:100%; height:100%; backdrop-filter:var(--hcm-highlight-filter); content:""; pointer-events:none; } .popupAnnotation.focused .popup{ outline:calc(3px * var(--total-scale-factor)) solid Highlight !important; } } position:absolute; top:0; left:0; pointer-events:none; transform-origin:0 0; &[data-main-rotation="90"] .norotate{ transform:rotate(270deg) translateX(-100%); } &[data-main-rotation="180"] .norotate{ transform:rotate(180deg) translate(-100%, -100%); } &[data-main-rotation="270"] .norotate{ transform:rotate(90deg) translateY(-100%); } &.disabled{ section, .popup{ pointer-events:none; } } .annotationContent{ position:absolute; width:100%; height:100%; pointer-events:none; &.freetext{ background:transparent; border:none; inset:0; overflow:visible; white-space:nowrap; font:10px sans-serif; line-height:1.35; } } section{ position:absolute; text-align:initial; pointer-events:auto; box-sizing:border-box; transform-origin:0 0; -webkit-user-select:none; -moz-user-select:none; user-select:none; &:has(div.annotationContent){ canvas.annotationContent{ display:none; } } .overlaidText{ position:absolute; top:0; left:0; width:0; height:0; display:inline-block; overflow:hidden; } } .hasOwnCanvas:not(.sandboxModified) :is(input, textarea){ display:none; } .hasOwnCanvas.sandboxModified canvas.annotationContent{ display:none; } .textLayer.selecting ~ & section{ pointer-events:none; } :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a{ position:absolute; font-size:1em; top:0; left:0; width:100%; height:100%; } :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover{ opacity:0.2; background-color:rgb(255 255 0); } .linkAnnotation.hasBorder:hover{ background-color:rgb(255 255 0 / 0.2); } .hasBorder{ background-size:100% 100%; } .textAnnotation img{ position:absolute; cursor:pointer; width:100%; height:100%; top:0; left:0; } .textWidgetAnnotation :is(input, textarea), .choiceWidgetAnnotation select, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{ background-image:var(--annotation-unfocused-field-background); border:2px solid var(--input-unfocused-border-color); box-sizing:border-box; font:calc(9px * var(--total-scale-factor)) sans-serif; height:100%; margin:0; vertical-align:top; width:100%; } .textWidgetAnnotation :is(input, textarea):required, .choiceWidgetAnnotation select:required, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{ outline:1.5px solid red; } .choiceWidgetAnnotation select option{ padding:0; } .textWidgetAnnotation textarea{ resize:none; } .textWidgetAnnotation :is(input, textarea)[disabled], .choiceWidgetAnnotation select[disabled], .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled]{ background:none; border:2px solid var(--input-disabled-border-color); cursor:not-allowed; } .textWidgetAnnotation :is(input, textarea):hover, .choiceWidgetAnnotation select:hover, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover{ border:2px solid var(--input-hover-border-color); } .textWidgetAnnotation :is(input, textarea):hover, .choiceWidgetAnnotation select:hover, .buttonWidgetAnnotation.checkBox input:hover{ border-radius:2px; } .textWidgetAnnotation :is(input, textarea):focus, .choiceWidgetAnnotation select:focus{ background:none; border:2px solid var(--input-focus-border-color); border-radius:2px; outline:var(--input-focus-outline); } .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus{ background-image:none; background-color:transparent; } .buttonWidgetAnnotation.checkBox :focus{ border:2px solid var(--input-focus-border-color); border-radius:2px; outline:var(--input-focus-outline); } .buttonWidgetAnnotation.radioButton :focus{ border:2px solid var(--input-focus-border-color); outline:var(--input-focus-outline); } .buttonWidgetAnnotation:is(.checkBox, .radioButton){ [data-canvas-name]{ filter:var(--annotation-unfocused-field-filter); } &:focus-within [data-canvas-name]{ filter:none; } [data-canvas-name="checked"]{ &:has(~ input:checked){ display:block; } &:has(~ input:not(:checked)){ display:none; } } [data-canvas-name="unchecked"]{ &:has(~ input:checked){ display:none; } &:has(~ input:not(:checked)){ display:block; } } } .textWidgetAnnotation input.comb{ --comb-width:0px; --comb-letter-spacing:calc(var(--comb-width) - 1ch); font-family:monospace; letter-spacing:var(--comb-letter-spacing); overflow-x:hidden; padding:0; text-indent:calc( var(--comb-offset, 0) * var(--comb-width) + var(--comb-letter-spacing) / 2 ); } .textWidgetAnnotation input.comb:focus{ background-image:repeating-linear-gradient( to right, transparent 0 calc(var(--comb-width) - 1px), var(--input-focus-border-color) calc(var(--comb-width) - 1px) var(--comb-width) ); } .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{ -webkit-appearance:none; -moz-appearance:none; appearance:none; } .buttonWidgetAnnotation:is(.checkBox, .radioButton):has( [data-canvas-name="checked"] ) input:checked, .buttonWidgetAnnotation:is(.checkBox, .radioButton):has( [data-canvas-name="unchecked"] ) input:not(:checked){ background-image:none; } .fileAttachmentAnnotation .popupTriggerArea{ height:100%; width:100%; } .mediaAnnotation{ pointer-events:auto; .mediaContent{ width:100%; } video.mediaContent{ height:100%; -o-object-fit:contain; object-fit:contain; } audio.mediaContent{ position:absolute; bottom:0; } .mediaPlayButton{ height:100%; width:100%; margin:0; padding:0; border:none; cursor:pointer; background-color:transparent; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='rgba(0,0,0,0.55)'/%3E%3Cpath d='M40 32 L70 50 L40 68 Z' fill='white'/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; background-size:calc(48px * var(--total-scale-factor)); &:hover{ background-color:rgba(255 255 255 / 0.1); } } } .popupAnnotation{ position:absolute; font-size:calc(9px * var(--total-scale-factor)); pointer-events:none; width:-moz-max-content; width:max-content; max-width:45%; height:auto; } .popup{ background-color:rgb(255 255 153); color:black; box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) rgb(136 136 136); border-radius:calc(2px * var(--total-scale-factor)); outline:1.5px solid rgb(255 255 74); padding:calc(6px * var(--total-scale-factor)); cursor:pointer; font:message-box; white-space:normal; word-wrap:break-word; pointer-events:auto; -webkit-user-select:text; -moz-user-select:text; user-select:text; } .popupAnnotation.focused .popup{ outline-width:3px; } .popup *{ font-size:calc(9px * var(--total-scale-factor)); } .popup > .header{ display:inline-block; } .popup > .header > .title{ display:inline; font-weight:bold; } .popup > .header .popupDate{ display:inline-block; margin-left:calc(5px * var(--total-scale-factor)); width:-moz-fit-content; width:fit-content; } .popupContent{ border-top:1px solid rgb(51 51 51); margin-top:calc(2px * var(--total-scale-factor)); padding-top:calc(2px * var(--total-scale-factor)); } .richText > *{ white-space:pre-wrap; font-size:calc(9px * var(--total-scale-factor)); } .popupTriggerArea{ cursor:pointer; &:hover{ backdrop-filter:var(--hcm-highlight-filter); } } section svg{ position:absolute; width:100%; height:100%; top:0; left:0; } .annotationTextContent{ position:absolute; width:100%; height:100%; opacity:0; color:transparent; -webkit-user-select:none; -moz-user-select:none; user-select:none; pointer-events:none; span{ width:100%; display:inline-block; } } svg.quadrilateralsContainer{ contain:strict; width:0; height:0; position:absolute; top:0; left:0; z-index:-1; } } :root{ --xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,"); --xfa-focus-outline:auto; } @media screen and (forced-colors: active){ :root{ --xfa-focus-outline:2px solid CanvasText; } .xfaLayer *:required{ outline:1.5px solid selectedItem; } } .xfaLayer{ color-scheme:only light; background-color:transparent; } .xfaLayer .highlight{ margin:-1px; padding:1px; background-color:rgb(239 203 237); border-radius:4px; } .xfaLayer .highlight.appended{ position:initial; } .xfaLayer .highlight.begin{ border-radius:4px 0 0 4px; } .xfaLayer .highlight.end{ border-radius:0 4px 4px 0; } .xfaLayer .highlight.middle{ border-radius:0; } .xfaLayer .highlight.selected{ background-color:rgb(203 223 203); } .xfaPage{ overflow:hidden; position:relative; } .xfaContentarea{ position:absolute; } .xfaPrintOnly{ display:none; } .xfaLayer{ position:absolute; text-align:initial; top:0; left:0; transform-origin:0 0; line-height:1.2; } .xfaLayer *{ color:inherit; font:inherit; font-style:inherit; font-weight:inherit; font-kerning:inherit; letter-spacing:-0.01px; text-align:inherit; text-decoration:inherit; box-sizing:border-box; background-color:transparent; padding:0; margin:0; pointer-events:auto; line-height:inherit; } .xfaLayer *:required{ outline:1.5px solid red; } .xfaLayer div, .xfaLayer svg, .xfaLayer svg *{ pointer-events:none; } .xfaLayer a{ color:blue; } .xfaRich li{ margin-left:3em; } .xfaFont{ color:black; font-weight:normal; font-kerning:none; font-size:10px; font-style:normal; letter-spacing:0; text-decoration:none; vertical-align:0; } .xfaCaption{ overflow:hidden; flex:0 0 auto; } .xfaCaptionForCheckButton{ overflow:hidden; flex:1 1 auto; } .xfaLabel{ height:100%; width:100%; } .xfaLeft{ display:flex; flex-direction:row; align-items:center; } .xfaRight{ display:flex; flex-direction:row-reverse; align-items:center; } :is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton){ max-height:100%; } .xfaTop{ display:flex; flex-direction:column; align-items:flex-start; } .xfaBottom{ display:flex; flex-direction:column-reverse; align-items:flex-start; } :is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton){ width:100%; } .xfaBorder{ background-color:transparent; position:absolute; pointer-events:none; } .xfaWrapped{ width:100%; height:100%; } :is(.xfaTextfield, .xfaSelect):focus{ background-image:none; background-color:transparent; outline:var(--xfa-focus-outline); outline-offset:-1px; } :is(.xfaCheckbox, .xfaRadio):focus{ outline:var(--xfa-focus-outline); } .xfaTextfield, .xfaSelect{ height:100%; width:100%; flex:1 1 auto; border:none; resize:none; background-image:var(--xfa-unfocused-field-background); } .xfaSelect{ padding-inline:2px; } :is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect){ flex:0 1 auto; } .xfaButton{ cursor:pointer; width:100%; height:100%; border:none; text-align:center; } .xfaLink{ width:100%; height:100%; position:absolute; top:0; left:0; } .xfaCheckbox, .xfaRadio{ width:100%; height:100%; flex:0 0 auto; border:none; } .xfaRich{ white-space:pre-wrap; width:100%; height:100%; } .xfaImage{ -o-object-position:left top; object-position:left top; -o-object-fit:contain; object-fit:contain; width:100%; height:100%; } .xfaLrTb, .xfaRlTb, .xfaTb{ display:flex; flex-direction:column; align-items:stretch; } .xfaLr{ display:flex; flex-direction:row; align-items:stretch; } .xfaRl{ display:flex; flex-direction:row-reverse; align-items:stretch; } .xfaTb > div{ justify-content:left; } .xfaPosition{ position:relative; } .xfaArea{ position:relative; } .xfaValignMiddle{ display:flex; align-items:center; } .xfaTable{ display:flex; flex-direction:column; align-items:stretch; } .xfaTable .xfaRow{ display:flex; flex-direction:row; align-items:stretch; } .xfaTable .xfaRlRow{ display:flex; flex-direction:row-reverse; align-items:stretch; flex:1; } .xfaTable .xfaRlRow > div{ flex:1; } :is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea){ background:initial; } @media print{ .xfaTextfield, .xfaSelect{ background:transparent; } .xfaSelect{ -webkit-appearance:none; -moz-appearance:none; appearance:none; text-indent:1px; text-overflow:""; } } .canvasWrapper{ svg{ transform:none; &.moving{ z-index:100000; } &.highlight, &.highlightOutline{ &[data-main-rotation="90"]{ mask, use:not(.clip, .mask){ transform:matrix(0, 1, -1, 0, 1, 0); } } &[data-main-rotation="180"]{ mask, use:not(.clip, .mask){ transform:matrix(-1, 0, 0, -1, 1, 1); } } &[data-main-rotation="270"]{ mask, use:not(.clip, .mask){ transform:matrix(0, -1, 1, 0, 0, 1); } } } &.draw{ position:absolute; mix-blend-mode:normal; &[data-draw-rotation="90"]{ transform:rotate(90deg); } &[data-draw-rotation="180"]{ transform:rotate(180deg); } &[data-draw-rotation="270"]{ transform:rotate(270deg); } } &.highlight{ --blend-mode:multiply; @media screen and (forced-colors: active){ --blend-mode:difference; } position:absolute; mix-blend-mode:var(--blend-mode); &:not(.free){ fill-rule:evenodd; } } &.highlightOutline{ position:absolute; mix-blend-mode:normal; fill-rule:evenodd; fill:none; &:not(.free){ &.hovered:not(.selected){ stroke:var(--hover-outline-color); stroke-width:var(--outline-width); } &.selected{ .mainOutline{ stroke:var(--outline-around-color); stroke-width:calc( var(--outline-width) + 2 * var(--outline-around-width) ); } .secondaryOutline{ stroke:var(--outline-color); stroke-width:var(--outline-width); } } } &.free{ &.hovered:not(.selected){ stroke:var(--hover-outline-color); stroke-width:calc(2 * var(--outline-width)); } &.selected{ .mainOutline{ stroke:var(--outline-around-color); stroke-width:calc( 2 * (var(--outline-width) + var(--outline-around-width)) ); } .secondaryOutline{ stroke:var(--outline-color); stroke-width:calc(2 * var(--outline-width)); } } } } } } .toggle-button{ --toggle-background-color:var( --button-background-color, color-mix(in srgb, currentColor 7%, transparent) ); --toggle-background-color-hover:var( --button-background-color-hover, color-mix(in srgb, currentColor 14%, transparent) ); --toggle-background-color-active:var( --button-background-color-active, color-mix(in srgb, currentColor 21%, transparent) ); --toggle-background-color-pressed:var( --color-accent-primary, light-dark(#0060df, #0df) ); --toggle-background-color-pressed-hover:var( --color-accent-primary-hover, light-dark(#0250bb, #80ebff) ); --toggle-background-color-pressed-active:var( --color-accent-primary-active, light-dark(#054096, #aaf2ff) ); --toggle-border-color:var( --border-color-interactive, light-dark(#8f8f9d, #f9f9fa) ); --toggle-border-color-hover:var(--toggle-border-color); --toggle-border-color-active:var(--toggle-border-color); --toggle-border-radius:var(--border-radius-circle, 9999px); --toggle-border-width:var(--border-width, 1px); --toggle-height:var(--size-item-small, 16px); --toggle-width:var(--size-item-large, 32px); --toggle-dot-background-color:var(--toggle-border-color); --toggle-dot-background-color-hover:var(--toggle-dot-background-color); --toggle-dot-background-color-active:var(--toggle-dot-background-color); --toggle-dot-background-color-on-pressed:var( --background-color-canvas, light-dark(white, #1c1b22) ); --toggle-dot-margin:1px; --toggle-dot-height:calc( var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) ); --toggle-dot-width:var(--toggle-dot-height); --toggle-dot-transform-x:calc( var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width) ); --input-width:var(--toggle-width); -webkit-appearance:none; -moz-appearance:none; appearance:none; padding:0; border:var(--toggle-border-width) solid var(--toggle-border-color); height:var(--toggle-height); width:var(--toggle-width); border-radius:var(--toggle-border-radius); background-color:var(--toggle-background-color); box-sizing:border-box; &:focus-visible{ outline:var(--focus-ring-outline); outline-offset:var(--focus-outline-offset, 2px); } &:enabled:hover{ background-color:var(--toggle-background-color-hover); border-color:var(--toggle-border-color); } &:enabled:hover:active{ background-color:var(--toggle-background-color-active); border-color:var(--toggle-border-color); } &::before{ display:block; content:""; background-color:var(--toggle-dot-background-color); height:var(--toggle-dot-height); width:var(--toggle-dot-width); margin:var(--toggle-dot-margin); border-radius:var(--toggle-border-radius); translate:0; } } .toggle-button[aria-pressed="true"]{ background-color:var(--toggle-background-color-pressed); border-color:transparent; &:enabled:hover{ background-color:var(--toggle-background-color-pressed-hover); border-color:transparent; } &:enabled:hover:active{ background-color:var(--toggle-background-color-pressed-active); border-color:transparent; } &::before{ translate:var(--toggle-dot-transform-x); background-color:var(--toggle-dot-background-color-on-pressed); } &:enabled:hover::before, &:enabled:hover:active::before{ background-color:var(--toggle-dot-background-color-on-pressed); } &:-moz-locale-dir(rtl)::before, &:dir(rtl)::before{ translate:calc(-1 * var(--toggle-dot-transform-x)); } } @media (prefers-reduced-motion: no-preference){ .toggle-button::before{ transition:translate 100ms; } } @media (prefers-contrast){ .toggle-button:enabled:hover{ border-color:var(--toggle-border-color-hover); } .toggle-button:enabled:hover:active{ border-color:var(--toggle-border-color-active); } .toggle-button[aria-pressed="true"]:enabled{ border-color:var(--toggle-border-color); position:relative; &:hover{ border-color:var(--toggle-border-color-hover); &:active{ background-color:var(--toggle-dot-background-color-active); border-color:var(--toggle-dot-background-color-hover); } } } .toggle-button:enabled:hover::before, .toggle-button:enabled:hover:active::before{ background-color:var(--toggle-dot-background-color-hover); } } @media (forced-colors){ .toggle-button{ --toggle-background-color:var(--button-background-color, ButtonFace); --toggle-background-color-pressed:var(--color-accent-primary, ButtonText); --toggle-background-color-pressed-hover:var( --color-accent-primary-hover, SelectedItem ); --toggle-background-color-pressed-active:var( --color-accent-primary-active, SelectedItem ); --toggle-border-color:var(--border-color-interactive, ButtonText); --toggle-dot-background-color:var(--color-accent-primary, ButtonText); --toggle-dot-background-color-hover:var( --color-accent-primary-hover, SelectedItem ); --toggle-dot-background-color-active:var( --color-accent-primary-active, SelectedItem ); --toggle-dot-background-color-on-pressed:var( --button-background-color, ButtonFace ); --toggle-border-color-hover:var( --border-color-interactive-hover, SelectedItem ); --toggle-border-color-active:var( --border-color-interactive-active, ButtonText ); } .toggle-button[aria-pressed="true"]:enabled::after{ border:1px solid var(--button-background-color, ButtonFace); content:""; position:absolute; height:var(--toggle-height); width:var(--toggle-width); display:block; border-radius:var(--toggle-border-radius); inset:-2px; } .toggle-button[aria-pressed="true"]:enabled:hover:active::after{ border-color:var(--toggle-border-color-active); } } :root{ --clear-signature-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0xMSAzSDEzLjZDMTQgMyAxNC4zIDMuMyAxNC4zIDMuNkMxNC4zIDMuOSAxNCA0LjIgMTMuNyA0LjJIMTMuM1YxNEMxMy4zIDE1LjEgMTIuNCAxNiAxMS4zIDE2SDQuODAwMDVDMy43MDAwNSAxNiAyLjgwMDA1IDE1LjEgMi44MDAwNSAxNFY0LjJIMi40MDAwNUMyLjAwMDA1IDQuMiAxLjgwMDA1IDQgMS44MDAwNSAzLjZDMS44MDAwNSAzLjIgMi4wMDAwNSAzIDIuNDAwMDUgM0g1LjAwMDA1VjJDNS4wMDAwNSAwLjkgNS45MDAwNSAwIDcuMDAwMDUgMEg5LjAwMDA1QzEwLjEgMCAxMSAwLjkgMTEgMlYzWk02LjkwMDA1IDEuMkw2LjMwMDA1IDEuOFYzSDkuODAwMDVWMS44TDkuMjAwMDUgMS4ySDYuOTAwMDVaTTExLjQgMTQuN0wxMiAxNC4xVjQuMkg0LjAwMDA1VjE0LjFMNC42MDAwNSAxNC43SDExLjRaTTcuMDAwMDUgMTIuNEM3LjAwMDA1IDEyLjcgNi43MDAwNSAxMyA2LjQwMDA1IDEzQzYuMTAwMDUgMTMgNS44MDAwNSAxMi43IDUuODAwMDUgMTIuNFY3LjZDNS43MDAwNSA3LjMgNi4wMDAwNSA3IDYuNDAwMDUgN0M2LjgwMDA1IDcgNy4wMDAwNSA3LjMgNy4wMDAwNSA3LjZWMTIuNFpNMTAuMjAwMSAxMi40QzEwLjIwMDEgMTIuNyA5LjkwMDA2IDEzIDkuNjAwMDYgMTNDOS4zMDAwNiAxMyA5LjAwMDA2IDEyLjcgOS4wMDAwNiAxMi40VjcuNkM5LjAwMDA2IDcuMyA5LjMwMDA2IDcgOS42MDAwNiA3QzkuOTAwMDYgNyAxMC4yMDAxIDcuMyAxMC4yMDAxIDcuNlYxMi40WiIKICAgICAgICBmaWxsPSJibGFjayIgLz4KPC9zdmc+); --signature-bg:var( --background-color-box-info, light-dark(#f9f9fb, #2b2a33) ); --signature-hover-bg:var( --button-background-color-hover, light-dark(#f0f0f4, var(--signature-bg)) ); --button-signature-bg:transparent; --button-signature-color:var(--main-color); --button-signature-active-bg:light-dark(#cfcfd8, #5b5b66); --button-signature-active-border:none; --button-signature-active-color:var(--button-signature-color); --button-signature-border:none; --button-signature-hover-bg:light-dark(#e0e0e6, #52525e); --button-signature-hover-color:var(--button-signature-color); @media screen and (forced-colors: active){ --signature-bg:HighlightText; --signature-hover-bg:var(--signature-bg); --button-signature-bg:HighlightText; --button-signature-color:ButtonText; --button-signature-active-bg:ButtonText; --button-signature-active-color:HighlightText; --button-signature-border:1px solid ButtonText; --button-signature-hover-bg:Highlight; --button-signature-hover-color:HighlightText; } } .signatureDialog{ --primary-color:var(--text-primary-color); --signature-border-color:var(--border-color-interactive, #8f8f9d); --open-link-fg:var(--link-fg-color); --open-link-hover-fg:var(--link-hover-fg-color); @media screen and (forced-colors: active){ --primary-color:ButtonText; --signature-border-color:var(--border-color-interactive, ButtonText); --open-link-fg:ButtonText; --open-link-hover-fg:ButtonText; } width:570px; max-width:100%; min-width:300px; padding:16px 0; .mainContainer{ width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:12px; span:not([role="sectionhead"]){ font-size:13px; font-style:normal; font-weight:400; line-height:normal; } .title{ margin-inline-start:16px; } } .inputWithClearButton{ --button-dimension:24px; --clear-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03Ljg1ODIyIDguODQ5MjJMNC44NTMyMiAxMS44NTQyQzQuNzU4OTEgMTEuOTQ1MyA0LjYzMjYxIDExLjk5NTcgNC41MDE1MSAxMS45OTQ2QzQuMzcwNDIgMTEuOTkzNCA0LjI0NTAxIDExLjk0MDggNC4xNTIzMSAxMS44NDgxQzQuMDU5NiAxMS43NTU0IDQuMDA3MDIgMTEuNjMgNC4wMDU4OCAxMS40OTg5QzQuMDA0NzQgMTEuMzY3OCA0LjA1NTE0IDExLjI0MTUgNC4xNDYyMiAxMS4xNDcyTDcuMTUxMjIgOC4xNDIyMlY3Ljg1OTIyTDQuMTQ2MjIgNC44NTMyMkM0LjA1NTE0IDQuNzU4OTEgNC4wMDQ3NCA0LjYzMjYxIDQuMDA1ODggNC41MDE1MUM0LjAwNzAyIDQuMzcwNDIgNC4wNTk2IDQuMjQ1MDEgNC4xNTIzMSA0LjE1MjMxQzQuMjQ1MDEgNC4wNTk2IDQuMzcwNDIgNC4wMDcwMiA0LjUwMTUxIDQuMDA1ODhDNC42MzI2MSA0LjAwNDc0IDQuNzU4OTEgNC4wNTUxNCA0Ljg1MzIyIDQuMTQ2MjJMNy44NTgyMiA3LjE1MTIySDguMTQxMjJMMTEuMTQ2MiA0LjE0NjIyQzExLjI0MDUgNC4wNTUxNCAxMS4zNjY4IDQuMDA0NzQgMTEuNDk3OSA0LjAwNTg4QzExLjYyOSA0LjAwNzAyIDExLjc1NDQgNC4wNTk2IDExLjg0NzEgNC4xNTIzMUMxMS45Mzk4IDQuMjQ1MDEgMTEuOTkyNCA0LjM3MDQyIDExLjk5MzYgNC41MDE1MUMxMS45OTQ3IDQuNjMyNjEgMTEuOTQ0MyA0Ljc1ODkxIDExLjg1MzIgNC44NTMyMkw4Ljg0ODIyIDcuODU5MjJWOC4xNDIyMkwxMS44NTMyIDExLjE0NzJDMTEuOTQ0MyAxMS4yNDE1IDExLjk5NDcgMTEuMzY3OCAxMS45OTM2IDExLjQ5ODlDMTEuOTkyNCAxMS42MyAxMS45Mzk4IDExLjc1NTQgMTEuODQ3MSAxMS44NDgxQzExLjc1NDQgMTEuOTQwOCAxMS42MjkgMTEuOTkzNCAxMS40OTc5IDExLjk5NDZDMTEuMzY2OCAxMS45OTU3IDExLjI0MDUgMTEuOTQ1MyAxMS4xNDYyIDExLjg1NDJMOC4xNDEyMiA4Ljg0OTIyTDguMTQyMjIgOC44NTAyMkw3Ljg1ODIyIDguODQ5MjJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); width:100%; position:relative; display:flex; align-items:center; justify-content:center; > input{ width:100%; height:var(--size-item-large, 32px); padding-inline:8px calc(4px + var(--button-dimension)); box-sizing:border-box; border-radius:var(--border-radius-small, 4px); border:1px solid var(--signature-border-color); } .clearInputButton{ position:absolute; inset-block-start:4px; inset-inline-end:4px; display:inline-block; width:var(--button-dimension); height:var(--button-dimension); background-color:var(--input-text-fg-color); -webkit-mask-size:cover; mask-size:cover; -webkit-mask-image:var(--clear-button-icon); mask-image:var(--clear-button-icon); padding:0; border:0; } } } #addSignatureDialog{ --secondary-color:var(--text-secondary-color); --bg-hover:var( --button-background-color-hover, light-dark(#e0e0e6, #52525e) ); --tab-top-line-active-color:var( --color-accent-primary, light-dark(#0060df, #0df) ); --tab-top-line-active-hover-color:var(--tab-text-hover-color); --tab-top-line-hover-color:var(--border-color-interactive, #8f8f9d); --tab-top-line-inactive-color:light-dark(#cfcfd8, #8f8f9d); --tab-bottom-line-active-color:var(--tab-top-line-inactive-color); --tab-bottom-line-hover-color:var(--tab-top-line-inactive-color); --tab-bottom-line-inactive-color:var(--tab-top-line-inactive-color); --tab-bg:var(--dialog-bg-color); --tab-bg-active-color:var(--tab-bg); --tab-bg-active-hover-color:var(--bg-hover); --tab-bg-hover:var(--bg-hover); --tab-panel-border:none; --tab-panel-border-radius:var(--border-radius-small, 4px); --tab-text-color:var(--primary-color); --tab-text-active-color:var(--tab-top-line-active-color); --tab-text-active-hover-color:var(--tab-text-hover-color); --tab-text-hover-color:var(--tab-text-color); --signature-placeholder-color:var(--secondary-color); --signature-draw-placeholder-color:var(--primary-color); --signature-color:var(--primary-color); --save-warning-color:var(--secondary-color); --thickness-bg:var(--dialog-bg-color); --thickness-label-color:var(--primary-color); --thickness-slider-color:var(--primary-color); --thickness-border:none; --draw-cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDE4OTg3NyAxMy42NjQ1TDAuNjEyOTg5IDEwLjQ2MzVDMC42ODc5ODkgMTAuMDU0NSAwLjg4NDk4OSA5LjY4MDUgMS4xODA5OSA5LjM4MjVMOS45ODE5OSAwLjU4MDVDMTAuNzU2IC0wLjE5MjUgMTIuMDE1IC0wLjE5NDUgMTIuNzkyIDAuNTgwNUwxNC40MiAyLjIwODVDMTUuMTk0IDIuOTgzNSAxNS4xOTQgNC4yNDM1IDE0LjQyIDUuMDE4NUw1LjYxNTk5IDEzLjgyMTVDNS4zMTk5OSAxNC4xMTY1IDQuOTQ1OTkgMTQuMzEyNSA0LjUzNzk5IDE0LjM4NzVMMS4zMzU5OSAxNC45ODE1QzEuMjY1OTkgMTQuOTkzNSAxLjE5Nzk5IDE1LjAwMDUgMS4xMjk5OSAxNS4wMDA1QzAuODMyOTg5IDE1LjAwMDUgMC41NDQ5ODggMTQuODgzNSAwLjMzMDk4OCAxNC42Njk1QzAuMDY3OTg3NCAxNC40MDU1IC0wLjA0OTAxMjIgMTQuMDMwNSAwLjAxODk4NzcgMTMuNjY0NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0wLjAxODk4NzcgMTMuNjY0NUwwLjYxMjk4OSAxMC40NjM1QzAuNjg3OTg5IDEwLjA1NDUgMC44ODQ5ODkgOS42ODA1IDEuMTgwOTkgOS4zODI1TDkuOTgxOTkgMC41ODA1QzEwLjc1NiAtMC4xOTI1IDEyLjAxNSAtMC4xOTQ1IDEyLjc5MiAwLjU4MDVMMTQuNDIgMi4yMDg1QzE1LjE5NCAyLjk4MzUgMTUuMTk0IDQuMjQzNSAxNC40MiA1LjAxODVMNS42MTU5OSAxMy44MjE1QzUuMzE5OTkgMTQuMTE2NSA0Ljk0NTk5IDE0LjMxMjUgNC41Mzc5OSAxNC4zODc1TDEuMzM1OTkgMTQuOTgxNUMxLjI2NTk5IDE0Ljk5MzUgMS4xOTc5OSAxNS4wMDA1IDEuMTI5OTkgMTUuMDAwNUMwLjgzMjk4OSAxNS4wMDA1IDAuNTQ0OTg4IDE0Ljg4MzUgMC4zMzA5ODggMTQuNjY5NUMwLjA2Nzk4NzQgMTQuNDA1NSAtMC4wNDkwMTIyIDE0LjAzMDUgMC4wMTg5ODc3IDEzLjY2NDVaTTEyLjQ3MiA1LjE5NjVMMTMuNjMyIDQuMDM2NUwxMy42MzEgMy4xODg1TDExLjgxMSAxLjM2NzVMMTAuOTYzIDEuMzY4NUw5LjgwMjk5IDIuNTI4NUwxMi40NzIgNS4xOTY1Wk00LjMxMDk5IDEzLjE1ODVDNC40NzA5OSAxMy4xMjg1IDQuNjE3OTkgMTMuMDUxNSA0LjczMzk5IDEyLjkzNDVMMTEuNTg3IDYuMDgxNUw4LjkxODk5IDMuNDEzNUwyLjA2NTk5IDEwLjI2NTVDMS45NDg5OSAxMC4zODM1IDEuODcxOTkgMTAuNTMwNSAxLjg0MDk5IDEwLjY5MTVMMS4zNjY5OSAxMy4yNDg1TDEuNzUxOTkgMTMuNjMzNUw0LjMxMDk5IDEzLjE1ODVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) 0 16, pointer; @media screen and (forced-colors: active){ --secondary-color:ButtonText; --bg:HighlightText; --bg-hover:var(--bg); --tab-top-line-active-color:var(--color-accent-primary, ButtonText); --tab-top-line-active-hover-color:HighlightText; --tab-top-line-hover-color:var(--border-color-interactive, SelectedItem); --tab-top-line-inactive-color:ButtonText; --tab-bottom-line-active-color:var(--tab-top-line-active-color); --tab-bottom-line-hover-color:var(--tab-top-line-hover-color); --tab-bg:var(--bg); --tab-bg-active-color:SelectedItem; --tab-bg-active-hover-color:SelectedItem; --tab-panel-border:1px solid ButtonText; --tab-panel-border-radius:8px; --tab-text-color:ButtonText; --tab-text-active-color:HighlightText; --tab-text-active-hover-color:HighlightText; --tab-text-hover-color:SelectedItem; --signature-color:ButtonText; --thickness-bg:Canvas; --thickness-label-color:CanvasText; --thickness-slider-color:ButtonText; --thickness-border:1px solid var(--signature-border-color); } #addSignatureDialogLabel{ overflow:hidden; position:absolute; inset:0; width:0; height:0; } &.waiting::after{ content:""; cursor:wait; position:absolute; inset:0; width:100%; height:100%; } .mainContainer{ [role="tablist"]{ width:100%; display:flex; align-items:flex-start; gap:0; > [role="tab"]{ flex:1 0 0; align-self:stretch; background-color:var(--tab-bg); padding-inline:0; cursor:default; border-inline:0; border-block-width:1px; border-block-style:solid; border-block-start-color:var(--tab-top-line-inactive-color); border-block-end-color:var(--tab-bottom-line-inactive-color); border-radius:0; font:menu; font-size:13px; font-style:normal; line-height:normal; font-weight:400; color:var(--tab-text-color); &:hover{ border-block-start-width:2px; border-block-start-color:var(--tab-top-line-hover-color); border-block-end-color:var(--tab-bottom-line-hover-color); background-color:var(--tab-bg-hover); color:var(--tab-text-hover-color); } &:focus-visible{ outline:2px solid var(--tab-top-line-active-color); outline-offset:-2px; } &[aria-selected="true"]{ border-block-start-width:2px; border-block-start-color:var(--tab-top-line-active-color); border-block-end-color:var(--tab-bottom-line-active-color); background-color:var(--tab-bg-active-color); font-weight:590; color:var(--tab-text-active-color); &:hover{ border-block-start-color:var(--tab-top-line-active-hover-color); background-color:var(--tab-bg-active-hover-color); color:var(--tab-text-active-hover-color); } } } } #addSignatureActionContainer{ width:100%; height:auto; display:flex; flex-direction:column; align-items:flex-end; align-self:stretch; gap:12px; padding-inline:16px; box-sizing:border-box; > [role="tabpanel"]{ position:relative; width:100%; height:220px; background-color:var(--signature-bg); border:var(--tab-panel-border); border-radius:var(--tab-panel-border-radius); > svg{ position:absolute; inset:0; width:100%; height:100%; background-color:transparent; } &#addSignatureTypeContainer{ display:none; #addSignatureTypeInput{ position:absolute; inset:0; width:100%; height:100%; border:0; padding:0; text-align:center; color:var(--signature-color); background-color:transparent; border-radius:var(--tab-panel-border-radius); font-family:"Brush script", "Apple Chancery", "Segoe script", "Freestyle Script", "Palace Script MT", "Brush Script MT", TK, cursive, serif; font-size:44px; font-style:italic; font-weight:400; &::-moz-placeholder{ color:var(--signature-placeholder-color); text-align:center; font:menu; font-style:normal; font-weight:274; font-size:44px; line-height:normal; } &::placeholder{ color:var(--signature-placeholder-color); text-align:center; font:menu; font-style:normal; font-weight:274; font-size:44px; line-height:normal; } } } &#addSignatureDrawContainer{ display:none; > span{ position:absolute; top:0; left:0; width:100%; height:100%; display:grid; align-items:center; justify-content:center; background-color:transparent; color:var(--signature-placeholder-color); -webkit-user-select:none; -moz-user-select:none; user-select:none; } > svg{ stroke:var(--signature-color); fill:none; stroke-opacity:1; stroke-linecap:round; stroke-linejoin:round; stroke-miterlimit:10; &:hover{ cursor:var(--draw-cursor); } } #thickness{ position:absolute; width:100%; inset-block-end:0; display:grid; align-items:center; justify-content:center; pointer-events:none; > span{ color:var(--signature-draw-placeholder-color); } > div{ width:auto; height:auto; display:flex; align-items:center; justify-content:center; gap:8px; padding:6px 8px 7px; margin:0; background-color:var(--thickness-bg); border-radius:4px 4px 0 0; border-inline:var(--thickness-border); border-top:var(--thickness-border); pointer-events:auto; position:relative; top:1px; > label{ color:var(--thickness-label-color); } > input{ width:100px; height:14px; background-color:transparent; &::-webkit-slider-runnable-track, &::-moz-range-track, &::-moz-range-progress{ background-color:var(--thickness-slider-color); } &::-webkit-slider-thumb, &::-moz-range-thumb{ background-color:var(--thickness-bg); } border-radius:4.5px; border:0; color:var(--signature-color); } } } } &#addSignatureImageContainer{ display:none; > svg{ stroke:none; stroke-width:0; fill:var(--signature-color); fill-opacity:1; } #addSignatureImagePlaceholder{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; display:flex; flex-direction:column; align-items:center; justify-content:center; span{ color:var(--signature-placeholder-color); } a{ color:var(--open-link-fg); text-decoration:underline; cursor:pointer; &:hover{ color:var(--open-link-hover-fg); } } } #addSignatureFilePicker{ visibility:hidden; position:relative; width:0; height:0; } } } &[data-selected="type"] > #addSignatureTypeContainer, &[data-selected="draw"] > #addSignatureDrawContainer, &[data-selected="image"] > #addSignatureImageContainer{ display:block; } #addSignatureControls{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:12px; align-self:stretch; #horizontalContainer{ display:flex; align-items:flex-end; gap:16px; align-self:stretch; #addSignatureDescriptionContainer{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; flex:1 0 0; &:has(input:disabled) > label{ opacity:0.4; } > label{ width:auto; } } #clearSignatureButton{ display:flex; align-items:center; > span{ display:flex; height:24px; align-items:center; gap:4px; flex-shrink:0; &::after{ content:""; display:inline-block; width:16px; height:16px; -webkit-mask-image:var(--clear-signature-button-icon); mask-image:var(--clear-signature-button-icon); -webkit-mask-size:cover; mask-size:cover; background-color:currentColor; flex-shrink:0; } } } } #addSignatureSaveContainer{ display:grid; grid-template-columns:max-content auto; gap:4px; width:100%; > input{ margin:0; &:disabled + label{ opacity:0.4; } } > label{ -webkit-user-select:none; -moz-user-select:none; user-select:none; } &:not(.fullStorage) #addSignatureSaveWarning{ display:none; } &.fullStorage #addSignatureSaveWarning{ display:block; opacity:1; color:var(--save-warning-color); font-size:11px; } } } } } } #editSignatureDescriptionDialog{ .mainContainer{ padding-inline:16px; box-sizing:border-box; .title{ margin-inline-start:0; } #editSignatureDescriptionAndView{ width:auto; display:flex; justify-content:flex-end; align-items:flex-start; gap:12px; align-self:stretch; #editSignatureDescriptionContainer{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; flex:1 1 auto; } > svg{ width:210px; height:180px; padding:8px; background-color:var(--signature-bg); > path{ stroke:var(--button-signature-color); stroke-width:1px; stroke-linecap:round; stroke-linejoin:round; stroke-miterlimit:10; vector-effect:non-scaling-stroke; fill:none; &.contours{ fill:var(--button-signature-color); stroke-width:0.5px; } } } } } } #editorSignatureParamsToolbar{ padding:8px; #addSignatureDoorHanger{ gap:8px; padding:2px; .toolbarAddSignatureButtonContainer{ height:32px; display:flex; justify-content:space-between; align-items:center; align-self:stretch; gap:8px; button{ border:var(--button-signature-border); border-radius:4px; background-color:var(--button-signature-bg); color:var(--button-signature-color); &:hover{ background-color:var(--button-signature-hover-bg); } &:active{ border:var(--button-signature-active-border); background-color:var(--button-signature-active-bg); color:var(--button-signature-active-color); &::before{ background-color:var(--button-signature-active-color); } } &:focus-visible{ outline:var(--focus-ring-outline); &::before{ background-color:var(--button-signature-color); } } } .deleteButton{ &::before{ -webkit-mask-image:var(--clear-signature-button-icon); mask-image:var(--clear-signature-button-icon); } } .toolbarAddSignatureButton{ width:calc(0.8 * var(--editor-toolbar-min-width)); height:100%; min-height:var(--menuitem-height); aspect-ratio:unset; display:flex; align-items:center; justify-content:flex-start; outline:none; border-radius:4px; box-sizing:border-box; font:message-box; position:relative; flex:1 1 auto; padding:0; gap:8px; text-align:start; white-space:normal; cursor:default; overflow:hidden; > svg{ display:inline-block; height:100%; aspect-ratio:1; background-color:var(--signature-bg); flex:none; padding:4px; box-sizing:border-box; border:none; border-radius:4px; > path{ stroke:var(--button-signature-color); stroke-width:1px; stroke-linecap:round; stroke-linejoin:round; stroke-miterlimit:10; vector-effect:non-scaling-stroke; fill:none; &.contours{ fill:var(--button-signature-color); stroke-width:0.5px; } } } &:is(:hover, :active) > svg{ border-radius:4px 0 0 4px; background-color:var(--signature-hover-bg); } &:hover{ > span{ color:var(--button-signature-hover-color); } } &:active{ background-color:var(--button-signature-active-bg); } &:is([disabled="disabled"], [disabled]){ opacity:0.5; pointer-events:none; } > span{ height:auto; text-overflow:ellipsis; white-space:nowrap; flex:1 1 auto; font:menu; font-size:13px; font-style:normal; font-weight:400; line-height:normal; overflow:hidden; } } } } } .editDescription.altText{ --alt-text-add-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0Ljk4MTUgMTQuMzQ2MUwxNC4zODc1IDExLjE0NTFDMTQuMzEyNSAxMC43MzYxIDE0LjExNTUgMTAuMzYyMSAxMy44MTk1IDEwLjA2NDFMNS4wMTg1IDEuMjYyMTRDNC4yNDQ1IDAuNDg5MTQxIDIuOTg1NSAwLjQ4NzE0MSAyLjIwODUgMS4yNjIxNEwwLjU4MDUgMi44OTAxNEMtMC4xOTM1IDMuNjY1MTQgLTAuMTkzNSA0LjkyNTE0IDAuNTgwNSA1LjcwMDE0TDkuMzg0NSAxNC41MDMxQzkuNjgwNSAxNC43OTgxIDEwLjA1NDUgMTQuOTk0MSAxMC40NjI1IDE1LjA2OTFMMTMuNjY0NSAxNS42NjMxQzEzLjczNDUgMTUuNjc1MSAxMy44MDI1IDE1LjY4MjEgMTMuODcwNSAxNS42ODIxQzE0LjE2NzUgMTUuNjgyMSAxNC40NTU1IDE1LjU2NTEgMTQuNjY5NSAxNS4zNTExQzE0LjkzMjUgMTUuMDg3MSAxNS4wNDk1IDE0LjcxMjEgMTQuOTgxNSAxNC4zNDYxWk0yLjUyODUgNS44NzgxNEwxLjM2ODUgNC43MTgxNEwxLjM2OTUgMy44NzAxNEwzLjE4OTUgMi4wNDkxNEw0LjAzNzUgMi4wNTAxNEw1LjE5NzUgMy4yMTAxNEwyLjUyODUgNS44NzgxNFpNMTAuNjg5NSAxMy44NDAxQzEwLjUyOTUgMTMuODEwMSAxMC4zODI1IDEzLjczMzEgMTAuMjY2NSAxMy42MTYxTDMuNDEzNSA2Ljc2MzE0TDYuMDgxNSA0LjA5NTE0TDEyLjkzNDUgMTAuOTQ3MUMxMy4wNTE1IDExLjA2NTEgMTMuMTI4NSAxMS4yMTIxIDEzLjE1OTUgMTEuMzczMUwxMy42MzM1IDEzLjkzMDFMMTMuMjQ4NSAxNC4zMTUxTDEwLjY4OTUgMTMuODQwMVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) !important; &::before{ width:16px !important; height:16px !important; } } .commentPopup, #commentManagerDialog{ width:360px; max-width:100%; min-width:200px; position:absolute; padding:8px 16px 16px; margin-left:0; margin-top:0; box-sizing:border-box; border-radius:8px; } #commentManagerDialog{ --comment-close-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjYyNDEgMTEuNzc1OUwxOC4zMzMxIDcuMDY2OTRDMTguNDQyMyA2Ljk0ODExIDE4LjUwMTUgNi43OTE2NyAxOC40OTgxIDYuNjMwMjhDMTguNDk0OCA2LjQ2ODg5IDE4LjQyOTIgNi4zMTUwMiAxOC4zMTUyIDYuMjAwODFDMTguMjAxMSA2LjA4NjYgMTguMDQ3MyA2LjAyMDg4IDE3Ljg4NTkgNi4wMTczNkMxNy43MjQ1IDYuMDEzODQgMTcuNTY4IDYuMDcyOCAxNy40NDkxIDYuMTgxOTRMMTIuNzYwMSAxMC44NzA5SDEyLjI3MjFMNy41ODMwNiA2LjE4Mjk0QzcuNTI0OTUgNi4xMjQ4OSA3LjQ1NTk4IDYuMDc4ODYgNy4zODAwOCA2LjA0NzQ3QzcuMzA0MTggNi4wMTYwOSA3LjIyMjg0IDUuOTk5OTUgNy4xNDA3MSA2QzcuMDU4NTcgNi4wMDAwNSA2Ljk3NzI1IDYuMDE2MjcgNi45MDEzOSA2LjA0Nzc0QzYuODI1NTMgNi4wNzkyMiA2Ljc1NjYxIDYuMTI1MzMgNi42OTg1NiA2LjE4MzQ0QzYuNjQwNTIgNi4yNDE1NSA2LjU5NDQ5IDYuMzEwNTIgNi41NjMxIDYuMzg2NDJDNi41MzE3MSA2LjQ2MjMyIDYuNTE1NTggNi41NDM2NiA2LjUxNTYzIDYuNjI1NzlDNi41MTU3MiA2Ljc5MTY3IDYuNTgxNyA2Ljk1MDcxIDYuNjk5MDYgNy4wNjc5NEwxMS4zODYxIDExLjc1MzlWMTIuMjQ0OUw2LjY5OTA2IDE2LjkzMTlDNi41ODk4IDE3LjA1MDggNi41MzA2NiAxNy4yMDcyIDYuNTMzOTkgMTcuMzY4NkM2LjUzNzMyIDE3LjUzIDYuNjAyODggMTcuNjgzOSA2LjcxNjk2IDE3Ljc5ODFDNi44MzEwNCAxNy45MTIzIDYuOTg0ODMgMTcuOTc4IDcuMTQ2MjIgMTcuOTgxNUM3LjMwNzYgMTcuOTg1IDcuNDY0MTEgMTcuOTI2MSA3LjU4MzA2IDE3LjgxNjlMMTIuMjcwMSAxMy4xMjk5SDEyLjc2MTFMMTcuNDQ4MSAxNy44MTY5QzE3LjU2NTYgMTcuOTM0IDE3LjcyNDcgMTcuOTk5NyAxNy44OTA2IDE3Ljk5OTdDMTguMDU2NCAxNy45OTk3IDE4LjIxNTUgMTcuOTM0IDE4LjMzMzEgMTcuODE2OUMxOC40NTA0IDE3LjY5OTYgMTguNTE2MyAxNy41NDA0IDE4LjUxNjMgMTcuMzc0NEMxOC41MTYzIDE3LjIwODUgMTguNDUwNCAxNy4wNDkzIDE4LjMzMzEgMTYuOTMxOUwxMy42MjQxIDEyLjIyMjlWMTEuNzc1OVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); .mainContainer{ width:100%; height:auto; display:flex; flex-direction:column; align-items:flex-start; gap:4px; #commentManagerToolbar{ width:100%; height:32px; display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; align-self:stretch; cursor:move; } #commentManagerTextInput{ width:100%; min-height:132px; margin-bottom:12px; } } } .annotationLayer.disabled :is(.annotationCommentButton){ display:none; } :is(.annotationLayer, .annotationEditorLayer){ .annotationCommentButton{ color-scheme:light dark; --comment-button-bg:var( --background-color-canvas, light-dark(white, #1c1b22) ); --comment-button-fg:light-dark(#5b5b66, #fbfbfe); --comment-button-active-bg:light-dark(#0041a4, #a6ecf4); --comment-button-active-fg:var( --button-text-color-primary, light-dark(white, #15141a) ); --comment-button-hover-bg:var( --color-accent-primary-hover, light-dark(#0053cb, #61dce9) ); --comment-button-hover-fg:var( --button-text-color-primary, light-dark(white, #15141a) ); --comment-button-selected-bg:var( --color-accent-primary, light-dark(#0062fa, #00cadb) ); --comment-button-border-color:var( --border-color-interactive, light-dark(#8f8f9d, #bfbfc9) ); --comment-button-active-border-color:var(--comment-button-active-bg); --comment-button-focus-border-color:light-dark(#cfcfd8, #3a3944); --comment-button-hover-border-color:var(--comment-button-hover-bg); --comment-button-selected-border-color:var(--comment-button-selected-bg); --comment-button-selected-fg:var( --button-text-color-primary, light-dark(white, #15141a) ); --comment-button-dim:24px; --comment-button-box-shadow:0 0.25px 0.75px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --comment-button-focus-outline-color:var( --focus-outline-color, light-dark(#0062fa, #00cadb) ); @media screen and (forced-colors: active){ --comment-button-bg:var(--button-background-color, ButtonFace); --comment-button-fg:var(--button-text-color, ButtonText); --comment-button-hover-bg:var( --button-background-color-hover, SelectedItemText ); --comment-button-hover-fg:var(--button-text-color-hover, SelectedItem); --comment-button-active-bg:var( --button-background-color-active, SelectedItemText ); --comment-button-active-fg:var(--button-text-color-active, SelectedItem); --comment-button-border-color:var(--button-border-color, ButtonBorder); --comment-button-active-border-color:var( --button-border-color-active, ButtonBorder ); --comment-button-hover-border-color:var( --button-border-color-hover, SelectedItem ); --comment-button-box-shadow:none; --comment-button-focus-outline-color:var( --focus-outline-color, CanvasText ); --comment-button-selected-bg:var( --button-background-color-primary, ButtonBorder ); --comment-button-selected-fg:var( --button-text-color-primary, ButtonFace ); } position:absolute; width:var(--comment-button-dim); height:var(--comment-button-dim); background-color:var(--comment-button-bg); border-radius:6px 6px 6px 0; border:1px solid var(--comment-button-border-color); box-shadow:var(--comment-button-box-shadow); cursor:auto; z-index:1; padding:4px; margin:0; box-sizing:border-box; pointer-events:auto; &:dir(rtl){ border-radius:6px 6px 0; } &::before{ content:""; display:inline-block; width:100%; height:100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:cover; mask-size:cover; -webkit-mask-image:var(--comment-edit-button-icon); mask-image:var(--comment-edit-button-icon); background-color:var(--comment-button-fg); margin:0; padding:0; transform:scaleX(var(--dir-factor)); } &:focus-visible{ outline:2px solid var(--comment-button-focus-outline-color); outline-offset:1px; border-color:var(--comment-button-focus-border-color); } &:hover{ background-color:var(--comment-button-hover-bg) !important; border-color:var(--comment-button-hover-border-color); &::before{ background-color:var(--comment-button-hover-fg); } } &:active{ background-color:var(--comment-button-active-bg) !important; border-color:var(--comment-button-active-border-color); &::before{ background-color:var(--comment-button-active-fg); } } &.selected{ background-color:var(--comment-button-selected-bg) !important; border-color:var(--comment-button-selected-border-color); &::before{ background-color:var(--comment-button-selected-fg); } } } } #editorCommentsSidebar, .commentPopup{ --comment-close-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjYyNDEgMTEuNzc1OUwxOC4zMzMxIDcuMDY2OTRDMTguNDQyMyA2Ljk0ODExIDE4LjUwMTUgNi43OTE2NyAxOC40OTgxIDYuNjMwMjhDMTguNDk0OCA2LjQ2ODg5IDE4LjQyOTIgNi4zMTUwMiAxOC4zMTUyIDYuMjAwODFDMTguMjAxMSA2LjA4NjYgMTguMDQ3MyA2LjAyMDg4IDE3Ljg4NTkgNi4wMTczNkMxNy43MjQ1IDYuMDEzODQgMTcuNTY4IDYuMDcyOCAxNy40NDkxIDYuMTgxOTRMMTIuNzYwMSAxMC44NzA5SDEyLjI3MjFMNy41ODMwNiA2LjE4Mjk0QzcuNTI0OTUgNi4xMjQ4OSA3LjQ1NTk4IDYuMDc4ODYgNy4zODAwOCA2LjA0NzQ3QzcuMzA0MTggNi4wMTYwOSA3LjIyMjg0IDUuOTk5OTUgNy4xNDA3MSA2QzcuMDU4NTcgNi4wMDAwNSA2Ljk3NzI1IDYuMDE2MjcgNi45MDEzOSA2LjA0Nzc0QzYuODI1NTMgNi4wNzkyMiA2Ljc1NjYxIDYuMTI1MzMgNi42OTg1NiA2LjE4MzQ0QzYuNjQwNTIgNi4yNDE1NSA2LjU5NDQ5IDYuMzEwNTIgNi41NjMxIDYuMzg2NDJDNi41MzE3MSA2LjQ2MjMyIDYuNTE1NTggNi41NDM2NiA2LjUxNTYzIDYuNjI1NzlDNi41MTU3MiA2Ljc5MTY3IDYuNTgxNyA2Ljk1MDcxIDYuNjk5MDYgNy4wNjc5NEwxMS4zODYxIDExLjc1MzlWMTIuMjQ0OUw2LjY5OTA2IDE2LjkzMTlDNi41ODk4IDE3LjA1MDggNi41MzA2NiAxNy4yMDcyIDYuNTMzOTkgMTcuMzY4NkM2LjUzNzMyIDE3LjUzIDYuNjAyODggMTcuNjgzOSA2LjcxNjk2IDE3Ljc5ODFDNi44MzEwNCAxNy45MTIzIDYuOTg0ODMgMTcuOTc4IDcuMTQ2MjIgMTcuOTgxNUM3LjMwNzYgMTcuOTg1IDcuNDY0MTEgMTcuOTI2MSA3LjU4MzA2IDE3LjgxNjlMMTIuMjcwMSAxMy4xMjk5SDEyLjc2MTFMMTcuNDQ4MSAxNy44MTY5QzE3LjU2NTYgMTcuOTM0IDE3LjcyNDcgMTcuOTk5NyAxNy44OTA2IDE3Ljk5OTdDMTguMDU2NCAxNy45OTk3IDE4LjIxNTUgMTcuOTM0IDE4LjMzMzEgMTcuODE2OUMxOC40NTA0IDE3LjY5OTYgMTguNTE2MyAxNy41NDA0IDE4LjUxNjMgMTcuMzc0NEMxOC41MTYzIDE3LjIwODUgMTguNDUwNCAxNy4wNDkzIDE4LjMzMzEgMTYuOTMxOUwxMy42MjQxIDEyLjIyMjlWMTEuNzc1OVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); --comment-popup-edit-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMC4wMTg5ODc3IDEzLjY2NDVMMC42MTI5ODkgMTAuNDYzNUMwLjY4Nzk4OSAxMC4wNTQ1IDAuODg0OTg5IDkuNjgwNSAxLjE4MDk5IDkuMzgyNUw5Ljk4MTk5IDAuNTgwNUMxMC43NTYgLTAuMTkyNSAxMi4wMTUgLTAuMTk0NSAxMi43OTIgMC41ODA1TDE0LjQyIDIuMjA4NUMxNS4xOTQgMi45ODM1IDE1LjE5NCA0LjI0MzUgMTQuNDIgNS4wMTg1TDUuNjE1OTkgMTMuODIxNUM1LjMxOTk5IDE0LjExNjUgNC45NDU5OSAxNC4zMTI1IDQuNTM3OTkgMTQuMzg3NUwxLjMzNTk5IDE0Ljk4MTVDMS4yNjU5OSAxNC45OTM1IDEuMTk3OTkgMTUuMDAwNSAxLjEyOTk5IDE1LjAwMDVDMC44MzI5ODkgMTUuMDAwNSAwLjU0NDk4OCAxNC44ODM1IDAuMzMwOTg4IDE0LjY2OTVDMC4wNjc5ODc0IDE0LjQwNTUgLTAuMDQ5MDEyMiAxNC4wMzA1IDAuMDE4OTg3NyAxMy42NjQ1Wk0xMi40NzIgNS4xOTY1TDEzLjYzMiA0LjAzNjVMMTMuNjMxIDMuMTg4NUwxMS44MTEgMS4zNjc1TDEwLjk2MyAxLjM2ODVMOS44MDI5OSAyLjUyODVMMTIuNDcyIDUuMTk2NVpNNC4zMTA5OSAxMy4xNTg1QzQuNDcwOTkgMTMuMTI4NSA0LjYxNzk5IDEzLjA1MTUgNC43MzM5OSAxMi45MzQ1TDExLjU4NyA2LjA4MTVMOC45MTg5OSAzLjQxMzVMMi4wNjU5OSAxMC4yNjU1QzEuOTQ4OTkgMTAuMzgzNSAxLjg3MTk5IDEwLjUzMDUgMS44NDA5OSAxMC42OTE1TDEuMzY2OTkgMTMuMjQ4NUwxLjc1MTk5IDEzLjYzMzVMNC4zMTA5OSAxMy4xNTg1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cgo8IS0tcGF0aCBkPSJNMC4wMTg5ODc3IDE0LjE2NDVMMC42MTI5ODkgMTAuOTYzNUMwLjY4Nzk4OSAxMC41NTQ1IDAuODg0OTg5IDEwLjE4MDUgMS4xODA5OSA5Ljg4MjVMOS45ODE5OSAxLjA4MDVDMTAuNzU2IDAuMzA3NSAxMi4wMTUgMC4zMDU1IDEyLjc5MiAxLjA4MDVMMTQuNDIgMi43MDg1QzE1LjE5NCAzLjQ4MzUgMTUuMTk0IDQuNzQzNSAxNC40MiA1LjUxODVMNS42MTU5OSAxNC4zMjE1QzUuMzE5OTkgMTQuNjE2NSA0Ljk0NTk5IDE0LjgxMjUgNC41Mzc5OSAxNC44ODc1TDEuMzM1OTkgMTUuNDgxNUMxLjI2NTk5IDE1LjQ5MzUgMS4xOTc5OSAxNS41MDA1IDEuMTI5OTkgMTUuNTAwNUMwLjgzMjk4OSAxNS41MDA1IDAuNTQ0OTg4IDE1LjM4MzUgMC4zMzA5ODggMTUuMTY5NUMwLjA2Nzk4NzQgMTQuOTA1NSAtMC4wNDkwMTIyIDE0LjUzMDUgMC4wMTg5ODc3IDE0LjE2NDVaTTEyLjQ3MiA1LjY5NjVMMTMuNjMyIDQuNTM2NUwxMy42MzEgMy42ODg1TDExLjgxMSAxLjg2NzVMMTAuOTYzIDEuODY4NUw5LjgwMjk5IDMuMDI4NUwxMi40NzIgNS42OTY1Wk00LjMxMDk5IDEzLjY1ODVDNC40NzA5OSAxMy42Mjg1IDQuNjE3OTkgMTMuNTUxNSA0LjczMzk5IDEzLjQzNDVMMTEuNTg3IDYuNTgxNUw4LjkxODk5IDMuOTEzNUwyLjA2NTk5IDEwLjc2NTVDMS45NDg5OSAxMC44ODM1IDEuODcxOTkgMTEuMDMwNSAxLjg0MDk5IDExLjE5MTVMMS4zNjY5OSAxMy43NDg1TDEuNzUxOTkgMTQuMTMzNUw0LjMxMDk5IDEzLjY1ODVaIiBmaWxsPSJibGFjayIvLS0+); --comment-popup-delete-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0xMSAzSDEzLjZDMTQgMyAxNC4zIDMuMyAxNC4zIDMuNkMxNC4zIDMuOSAxNCA0LjIgMTMuNyA0LjJIMTMuM1YxNEMxMy4zIDE1LjEgMTIuNCAxNiAxMS4zIDE2SDQuODAwMDVDMy43MDAwNSAxNiAyLjgwMDA1IDE1LjEgMi44MDAwNSAxNFY0LjJIMi40MDAwNUMyLjAwMDA1IDQuMiAxLjgwMDA1IDQgMS44MDAwNSAzLjZDMS44MDAwNSAzLjIgMi4wMDAwNSAzIDIuNDAwMDUgM0g1LjAwMDA1VjJDNS4wMDAwNSAwLjkgNS45MDAwNSAwIDcuMDAwMDUgMEg5LjAwMDA1QzEwLjEgMCAxMSAwLjkgMTEgMlYzWk02LjkwMDA1IDEuMkw2LjMwMDA1IDEuOFYzSDkuODAwMDVWMS44TDkuMjAwMDUgMS4ySDYuOTAwMDVaTTExLjQgMTQuN0wxMiAxNC4xVjQuMkg0LjAwMDA1VjE0LjFMNC42MDAwNSAxNC43SDExLjRaTTcuMDAwMDUgMTIuNEM3LjAwMDA1IDEyLjcgNi43MDAwNSAxMyA2LjQwMDA1IDEzQzYuMTAwMDUgMTMgNS44MDAwNSAxMi43IDUuODAwMDUgMTIuNFY3LjZDNS43MDAwNSA3LjMgNi4wMDAwNSA3IDYuNDAwMDUgN0M2LjgwMDA1IDcgNy4wMDAwNSA3LjMgNy4wMDAwNSA3LjZWMTIuNFpNMTAuMjAwMSAxMi40QzEwLjIwMDEgMTIuNyA5LjkwMDA2IDEzIDkuNjAwMDYgMTNDOS4zMDAwNiAxMyA5LjAwMDA2IDEyLjcgOS4wMDAwNiAxMi40VjcuNkM5LjAwMDA2IDcuMyA5LjMwMDA2IDcgOS42MDAwNiA3QzkuOTAwMDYgNyAxMC4yMDAxIDcuMyAxMC4yMDAxIDcuNlYxMi40WiIKICAgICAgICBmaWxsPSJibGFjayIgLz4KPC9zdmc+); --comment-date-fg-color:light-dark( rgb(21 20 26 / 0.69), rgb(251 251 254 / 0.69) ); --comment-bg-color:light-dark(#f9f9fb, #1c1b22); --comment-hover-bg-color:light-dark(#e0e0e6, #2c2b33); --comment-active-bg-color:light-dark(#d1d1d9, #3a3944); --comment-hover-brightness:0.89; --comment-hover-filter:brightness(var(--comment-hover-brightness)); --comment-active-brightness:0.825; --comment-active-filter:brightness(var(--comment-active-brightness)); --comment-border-color:light-dark(#f0f0f4, #52525e); --comment-focus-outline-color:var( --focus-outline-color, light-dark(#0062fa, #00cadb) ); --comment-fg-color:var(--text-color, light-dark(#15141a, #fbfbfe)); --comment-count-bg-color:light-dark(#e2f7ff, #00317e); --comment-indicator-active-fg-color:light-dark(#0041a4, #a6ecf4); --comment-indicator-active-filter:brightness( calc(1 / var(--comment-active-brightness)) ); --comment-indicator-focus-fg-color:light-dark(#5b5b66, #fbfbfe); --comment-indicator-hover-fg-color:var( --color-accent-primary-hover, light-dark(#0053cb, #61dce9) ); --comment-indicator-hover-filter:brightness( calc(1 / var(--comment-hover-brightness)) ); --comment-indicator-selected-fg-color:var( --color-accent-primary, light-dark(#0062fa, #00cadb) ); --button-comment-bg:transparent; --button-comment-color:var(--main-color); --button-comment-active-bg:light-dark(#cfcfd8, #5b5b66); --button-comment-active-border:none; --button-comment-active-color:var(--button-comment-color); --button-comment-border:none; --button-comment-hover-bg:light-dark(#e0e0e6, #52525e); --button-comment-hover-color:var(--button-comment-color); @media screen and (forced-colors: active){ --comment-date-fg-color:CanvasText; --comment-bg-color:Canvas; --comment-hover-bg-color:Canvas; --comment-hover-filter:none; --comment-active-bg-color:Canvas; --comment-active-filter:none; --comment-border-color:CanvasText; --comment-fg-color:var(--text-color, CanvasText); --comment-count-bg-color:Canvas; --comment-indicator-active-fg-color:SelectedItem; --comment-indicator-focus-fg-color:var(--text-color, CanvasText); --comment-indicator-hover-fg-color:var(--text-color, CanvasText); --comment-indicator-selected-fg-color:SelectedItem; --button-comment-bg:ButtonFace; --button-comment-color:ButtonText; --button-comment-active-bg:Highlight; --button-comment-active-color:HighlightText; --button-comment-border:1px solid ButtonText; --button-comment-hover-bg:Highlight; --button-comment-hover-color:HighlightText; } } #editorCommentsSidebar{ display:flex; height:auto; padding-bottom:16px; flex-direction:column; align-items:flex-start; overflow-y:visible; #editorCommentsSidebarHeader{ width:100%; box-sizing:border-box; padding:16px; display:flex; align-items:center; justify-content:space-between; .commentCount{ display:flex; align-items:baseline; gap:6px; -webkit-user-select:none; -moz-user-select:none; user-select:none; #editorCommentsSidebarTitle{ font:menu; font-style:normal; font-weight:590; line-height:normal; font-size:17px; color:var(--comment-fg-color); } #editorCommentsSidebarCount{ padding:0 4px; border-radius:4px; background-color:var(--comment-count-bg-color); color:var(--comment-fg-color); text-align:center; font:menu; font-size:13px; font-style:normal; font-weight:400; line-height:normal; } } #editorCommentsSidebarCloseButton{ width:32px; height:32px; padding:8px; border-radius:4px; border:var(--button-comment-border); background-color:var(--button-comment-bg); cursor:pointer; &::before{ content:""; display:inline-block; width:100%; height:100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-image:var(--comment-close-button-icon); mask-image:var(--comment-close-button-icon); background-color:var(--button-comment-color); } &:hover{ background-color:var(--button-comment-hover-bg); &::before{ background-color:var(--button-comment-hover-color); } } &:active{ border:var(--button-comment-active-border); background-color:var(--button-comment-active-bg); &::before{ background-color:var(--button-comment-active-color); } } &:focus-visible{ outline:var(--focus-ring-outline); } > span{ display:inline-block; width:0; height:0; overflow:hidden; } } } #editorCommentsSidebarListContainer{ overflow:auto; width:100%; #editorCommentsSidebarList{ display:flex; width:auto; padding:4px 16px; gap:10px; align-items:flex-start; flex-direction:column; list-style-type:none; .sidebarComment{ display:flex; width:auto; padding:8px 16px 16px; flex-direction:column; align-items:flex-start; align-self:stretch; gap:4px; border-radius:8px; border:0.5px solid var(--comment-border-color); background-color:var(--comment-bg-color); &:not(.noComments){ &:hover{ @media screen and (forced-colors: active){ background-color:var(--comment-hover-bg-color); } filter:var(--comment-hover-filter); time::after{ display:inline-block; background-color:var(--comment-indicator-hover-fg-color); filter:var(--comment-indicator-hover-filter); } } &:active{ @media screen and (forced-colors: active){ background-color:var(--comment-active-bg-color); } filter:var(--comment-active-filter); time::after{ display:inline-block; background-color:var(--comment-indicator-active-fg-color); filter:var(--comment-indicator-active-filter); } } &:is(:focus, :focus-visible) time::after{ display:inline-block; background-color:var(--comment-indicator-focus-fg-color); } &:focus-visible{ outline:2px solid var(--comment-focus-outline-color); outline-offset:2px; } &.selected{ .sidebarCommentText{ max-height:-moz-fit-content; max-height:fit-content; -webkit-line-clamp:unset; } time::after{ display:inline-block; background-color:var(--comment-indicator-selected-fg-color); } } } .sidebarCommentText{ font:menu; font-style:normal; font-weight:400; line-height:normal; font-size:15px; width:100%; height:-moz-fit-content; height:fit-content; max-height:80px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:break-word; .richText{ --total-scale-factor:1.5; } } &.noComments{ .sidebarCommentText{ max-height:-moz-fit-content; max-height:fit-content; -webkit-line-clamp:unset; -webkit-user-select:none; -moz-user-select:none; user-select:none; } a{ font:menu; font-style:normal; font-weight:400; line-height:normal; font-size:15px; width:100%; height:auto; overflow-wrap:break-word; margin-block-start:15px; color:var(--link-fg-color); &:focus-visible{ outline:var(--focus-ring-outline); } &:hover{ color:var(--link-hover-fg-color); } } } time{ width:100%; display:inline-flex; align-items:center; justify-content:space-between; font:menu; font-style:normal; font-weight:400; line-height:normal; font-size:13px; &::after{ content:""; display:none; width:16px; height:16px; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-image:var(--comment-edit-button-icon); mask-image:var(--comment-edit-button-icon); transform:scaleX(var(--dir-factor)); } } } } } } .commentPopup{ color-scheme:light dark; --divider-color:light-dark(#cfcfd8, #3a3944); --comment-shadow:0 0.5px 2px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 4px 16px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); @media screen and (forced-colors: active){ --divider-color:CanvasText; --comment-shadow:none; } display:flex; flex-direction:column; align-items:flex-start; gap:12px; z-index:100001; pointer-events:auto; margin-top:2px; border:0.5px solid var(--comment-border-color); background:var(--comment-bg-color); box-shadow:var(--comment-shadow); &:focus-visible{ outline:none; } &.dragging{ cursor:move !important; *{ cursor:move !important; } button{ pointer-events:none !important; } } &:not(.selected) .commentPopupButtons{ visibility:hidden !important; } hr{ width:100%; height:1px; border:none; border-top:1px solid var(--divider-color); margin:0; padding:0; } .commentPopupTop{ display:flex; width:100%; height:auto; padding-bottom:4px; justify-content:space-between; align-items:center; align-self:stretch; cursor:move; -webkit-user-select:none; -moz-user-select:none; user-select:none; .commentPopupTime{ font:menu; font-style:normal; font-weight:400; line-height:normal; font-size:13px; color:var(--comment-date-fg-color); } .commentPopupButtons{ display:flex; align-items:center; gap:2px; cursor:default; > button{ width:32px; height:32px; padding:8px; border:var(--button-comment-border); border-radius:4px; background-color:var(--button-comment-bg); color:var(--button-comment-color); &:hover{ background-color:var(--button-comment-hover-bg); &::before{ background-color:var(--button-comment-hover-color); } } &:active{ border:var(--button-comment-active-border); background-color:var(--button-comment-active-bg); color:var(--button-comment-active-color); &::before{ background-color:var(--button-comment-active-color); } } &:focus-visible{ background-color:var(--button-comment-hover-bg); outline:2px solid var(--comment-focus-outline-color); outline-offset:0; } &::before{ content:""; display:inline-block; width:100%; height:100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; } &.commentPopupEdit::before{ -webkit-mask-image:var(--comment-popup-edit-button-icon); mask-image:var(--comment-popup-edit-button-icon); } &.commentPopupDelete::before{ -webkit-mask-image:var(--comment-popup-delete-button-icon); mask-image:var(--comment-popup-delete-button-icon); } } } } .commentPopupText{ width:100%; height:auto; font:menu; font-style:normal; font-weight:400; line-height:normal; font-size:15px; color:var(--comment-fg-color); } } .commentPopupText, .sidebarCommentText .richText{ margin-block:0; p:first-of-type{ margin-block:0; } > *{ white-space:pre-wrap; font-size:max(15px, calc(10px * var(--total-scale-factor))); overflow-wrap:break-word; } span{ color:var(--comment-fg-color) !important; } } :root{ --editor-toolbar-vert-offset:6px; --outline-width:2px; --outline-color:var(--color-blue-60, #0060df); --outline-around-width:1px; --outline-around-color:var(--color-gray-20, #f0f0f4); --hover-outline-around-color:var(--outline-around-color); --editor-selection-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:var(--color-gray-60, #8f8f9d); --hover-outline:solid var(--outline-width) var(--hover-outline-color); --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color); --freetext-line-height:1.35; --freetext-padding:2px; --resizer-bg-color:var(--outline-color); --resizer-size:6px; --resizer-shift:calc( 0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width) ); --editorFreeText-editing-cursor:text; --editorInk-editing-cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDE4OTg3NyAxMy42NjQ1TDAuNjEyOTg5IDEwLjQ2MzVDMC42ODc5ODkgMTAuMDU0NSAwLjg4NDk4OSA5LjY4MDUgMS4xODA5OSA5LjM4MjVMOS45ODE5OSAwLjU4MDVDMTAuNzU2IC0wLjE5MjUgMTIuMDE1IC0wLjE5NDUgMTIuNzkyIDAuNTgwNUwxNC40MiAyLjIwODVDMTUuMTk0IDIuOTgzNSAxNS4xOTQgNC4yNDM1IDE0LjQyIDUuMDE4NUw1LjYxNTk5IDEzLjgyMTVDNS4zMTk5OSAxNC4xMTY1IDQuOTQ1OTkgMTQuMzEyNSA0LjUzNzk5IDE0LjM4NzVMMS4zMzU5OSAxNC45ODE1QzEuMjY1OTkgMTQuOTkzNSAxLjE5Nzk5IDE1LjAwMDUgMS4xMjk5OSAxNS4wMDA1QzAuODMyOTg5IDE1LjAwMDUgMC41NDQ5ODggMTQuODgzNSAwLjMzMDk4OCAxNC42Njk1QzAuMDY3OTg3NCAxNC40MDU1IC0wLjA0OTAxMjIgMTQuMDMwNSAwLjAxODk4NzcgMTMuNjY0NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0wLjAxODk4NzcgMTMuNjY0NUwwLjYxMjk4OSAxMC40NjM1QzAuNjg3OTg5IDEwLjA1NDUgMC44ODQ5ODkgOS42ODA1IDEuMTgwOTkgOS4zODI1TDkuOTgxOTkgMC41ODA1QzEwLjc1NiAtMC4xOTI1IDEyLjAxNSAtMC4xOTQ1IDEyLjc5MiAwLjU4MDVMMTQuNDIgMi4yMDg1QzE1LjE5NCAyLjk4MzUgMTUuMTk0IDQuMjQzNSAxNC40MiA1LjAxODVMNS42MTU5OSAxMy44MjE1QzUuMzE5OTkgMTQuMTE2NSA0Ljk0NTk5IDE0LjMxMjUgNC41Mzc5OSAxNC4zODc1TDEuMzM1OTkgMTQuOTgxNUMxLjI2NTk5IDE0Ljk5MzUgMS4xOTc5OSAxNS4wMDA1IDEuMTI5OTkgMTUuMDAwNUMwLjgzMjk4OSAxNS4wMDA1IDAuNTQ0OTg4IDE0Ljg4MzUgMC4zMzA5ODggMTQuNjY5NUMwLjA2Nzk4NzQgMTQuNDA1NSAtMC4wNDkwMTIyIDE0LjAzMDUgMC4wMTg5ODc3IDEzLjY2NDVaTTEyLjQ3MiA1LjE5NjVMMTMuNjMyIDQuMDM2NUwxMy42MzEgMy4xODg1TDExLjgxMSAxLjM2NzVMMTAuOTYzIDEuMzY4NUw5LjgwMjk5IDIuNTI4NUwxMi40NzIgNS4xOTY1Wk00LjMxMDk5IDEzLjE1ODVDNC40NzA5OSAxMy4xMjg1IDQuNjE3OTkgMTMuMDUxNSA0LjczMzk5IDEyLjkzNDVMMTEuNTg3IDYuMDgxNUw4LjkxODk5IDMuNDEzNUwyLjA2NTk5IDEwLjI2NTVDMS45NDg5OSAxMC4zODM1IDEuODcxOTkgMTAuNTMwNSAxLjg0MDk5IDEwLjY5MTVMMS4zNjY5OSAxMy4yNDg1TDEuNzUxOTkgMTMuNjMzNUw0LjMxMDk5IDEzLjE1ODVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) 0 16, pointer; --editorHighlight-editing-cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyOSAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4IDE2Ljc1QzI4LjI3NjEgMTYuNzUgMjguNSAxNi41MjYxIDI4LjUgMTYuMjVWMTVDMjguNSAxNC43MjM5IDI4LjI3NjEgMTQuNSAyOCAxNC41SDI2LjM1OEMyNS45MTE3IDE0LjUgMjUuNDc3MyAxNC42MjU3IDI1LjA5OTkgMTQuODYwNEwyNS4wOTg5IDE0Ljg2MTFMMjQgMTUuNTQ4NEwyMi45IDE0Ljg2MUwyMi44OTkxIDE0Ljg2MDRDMjIuNTIxOCAxNC42MjU3IDIyLjA4NzUgMTQuNSAyMS42NDIgMTQuNUgyMEMxOS43MjM5IDE0LjUgMTkuNSAxNC43MjM5IDE5LjUgMTVWMTYuMjVDMTkuNSAxNi41MjYxIDE5LjcyMzkgMTYuNzUgMjAgMTYuNzVIMjEuNjQyQzIxLjY2NDggMTYuNzUgMjEuNjg4NSAxNi43NTY0IDIxLjcxMDEgMTYuNzY5N0MyMS43MTAyIDE2Ljc2OTggMjEuNzEwNCAxNi43Njk5IDIxLjcxMDUgMTYuNzdMMjIuODE3IDE3LjQ2MUMyMi44MTcgMTcuNDYxIDIyLjgxNzEgMTcuNDYxMSAyMi44MTcxIDE3LjQ2MTFDMjIuODE3MSAxNy40NjExIDIyLjgxNzEgMTcuNDYxMSAyMi44MTcxIDE3LjQ2MTFDMjIuODU1MiAxNy40ODQ5IDIyLjg3NiAxNy41MjI5IDIyLjg3NiAxNy41NjdWMjIuNjI1VjI3LjY4M0MyMi44NzYgMjcuNzI3MSAyMi44NTUyIDI3Ljc2NSAyMi44MTcyIDI3Ljc4ODlDMjIuODE3MSAyNy43ODg5IDIyLjgxNzEgMjcuNzg5IDIyLjgxNyAyNy43ODlMMjEuNzA5NSAyOC40OEMyMS43MDk0IDI4LjQ4MDEgMjEuNzA5MyAyOC40ODAyIDIxLjcwOTIgMjguNDgwM0MyMS42ODcyIDI4LjQ5MzggMjEuNjY0NCAyOC41IDIxLjY0MSAyOC41SDIwQzE5LjcyMzkgMjguNSAxOS41IDI4LjcyMzkgMTkuNSAyOVYzMC4yNUMxOS41IDMwLjUyNjEgMTkuNzIzOSAzMC43NSAyMCAzMC43NUgyMS42NDJDMjIuMDg4MyAzMC43NSAyMi41MjI3IDMwLjYyNDMgMjIuOTAwMSAzMC4zODk2TDIyLjkwMDkgMzAuMzg5MUwyNCAyOS43MDI2TDI1LjEgMzAuMzlMMjUuMTAwOSAzMC4zOTA2QzI1LjQ3ODMgMzAuNjI1MyAyNS45MTI3IDMwLjc1MSAyNi4zNTkgMzAuNzUxSDI4QzI4LjI3NjEgMzAuNzUxIDI4LjUgMzAuNTI3MSAyOC41IDMwLjI1MVYyOS4wMDFDMjguNSAyOC43MjQ5IDI4LjI3NjEgMjguNTAxIDI4IDI4LjUwMUgyNi4zNThDMjYuMzM1MiAyOC41MDEgMjYuMzExNSAyOC40OTQ2IDI2LjI4OTkgMjguNDgxM0MyNi4yODk3IDI4LjQ4MTIgMjYuMjg5NiAyOC40ODExIDI2LjI4OTUgMjguNDgxTDI1LjE4MyAyNy43OUMyNS4xODMgMjcuNzkgMjUuMTgzIDI3Ljc5IDI1LjE4MjkgMjcuNzlDMjUuMTgyOSAyNy43ODk5IDI1LjE4MjkgMjcuNzg5OSAyNS4xODI5IDI3Ljc4OTlDMjUuMTQ2MiAyNy43NjY5IDI1LjEyNSAyNy43Mjk3IDI1LjEyNSAyNy42ODRWMjIuNjI1VjE3LjU2N0MyNS4xMjUgMTcuNTIyNyAyNS4xNDYgMTcuNDg0NCAyNS4xODM2IDE3LjQ2MDZDMjUuMTgzOCAxNy40NjA1IDI1LjE4MzkgMTcuNDYwNCAyNS4xODQgMTcuNDYwM0wyNi4yODk1IDE2Ljc3QzI2LjI4OTYgMTYuNzY5OSAyNi4yODk4IDE2Ljc2OTggMjYuMjg5OSAxNi43Njk3QzI2LjMxMTkgMTYuNzU2MiAyNi4zMzQ2IDE2Ljc1IDI2LjM1OCAxNi43NUgyOFoiIGZpbGw9ImJsYWNrIiBzdHJva2U9IiNGQkZCRkUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI0LjYyNSAxNy41NjdDMjQuNjI1IDE3LjM1IDI0LjczNSAxNy4xNTIgMjQuOTE4IDE3LjAzN0wyNi4wMjYgMTYuMzQ1QzI2LjEyNiAxNi4yODMgMjYuMjQgMTYuMjUgMjYuMzU4IDE2LjI1SDI4VjE1SDI2LjM1OEMyNi4wMDYgMTUgMjUuNjYzIDE1LjA5OSAyNS4zNjQgMTUuMjg1TDI0LjI1NiAxNS45NzhDMjQuMTYxIDE2LjAzNyAyNC4wODEgMTYuMTEzIDI0IDE2LjE4N0MyMy45MTggMTYuMTEzIDIzLjgzOSAxNi4wMzcgMjMuNzQ0IDE1Ljk3OEwyMi42MzUgMTUuMjg1QzIyLjMzNiAxNS4wOTkgMjEuOTkzIDE1IDIxLjY0MiAxNUgyMFYxNi4yNUgyMS42NDJDMjEuNzU5IDE2LjI1IDIxLjg3NCAxNi4yODMgMjEuOTc0IDE2LjM0NUwyMy4wODIgMTcuMDM3QzIzLjI2NiAxNy4xNTIgMjMuMzc2IDE3LjM1IDIzLjM3NiAxNy41NjdWMjIuNjI1VjI3LjY4M0MyMy4zNzYgMjcuOSAyMy4yNjYgMjguMDk4IDIzLjA4MiAyOC4yMTNMMjEuOTczIDI4LjkwNUMyMS44NzMgMjguOTY3IDIxLjc1OSAyOSAyMS42NDEgMjlIMjBWMzAuMjVIMjEuNjQyQzIxLjk5NCAzMC4yNSAyMi4zMzcgMzAuMTUxIDIyLjYzNiAyOS45NjVMMjMuNzQ0IDI5LjI3M0MyMy44NCAyOS4yMTMgMjMuOTE5IDI5LjEzNyAyNCAyOS4wNjRDMjQuMDgxIDI5LjEzNyAyNC4xNjEgMjkuMjEzIDI0LjI1NiAyOS4yNzNMMjUuMzY1IDI5Ljk2NkMyNS42NjQgMzAuMTUyIDI2LjAwNyAzMC4yNTEgMjYuMzU5IDMwLjI1MUgyOFYyOS4wMDFIMjYuMzU4QzI2LjI0MSAyOS4wMDEgMjYuMTI2IDI4Ljk2OCAyNi4wMjYgMjguOTA2TDI0LjkxOCAyOC4yMTRDMjQuNzM0IDI4LjA5OSAyNC42MjUgMjcuOTAxIDI0LjYyNSAyNy42ODRWMjIuNjI1VjE3LjU2N1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMiAyLjU5QzEyLjI4IDIuNTEgMTIuNDMgMi41IDEyLjQzIDIuNUMxMi40OCAyLjUgMTIuNTggMi41MiAxMi42NiAyLjZMMTQuNDUgNC4zOUMxNC41OCA0LjUyIDE0LjU4IDQuNzIgMTQuNDUgNC44NUwxMS43NzEzIDcuNTI4NzJMOS41MTYyOCA1LjI3MzcyTDEyLjIgMi41OVpNMTMuMjY1OCA0LjYyTDExLjc3MTMgNi4xMTQ1TDEwLjkzMDUgNS4yNzM3MkwxMi40MjUgMy43NzkyMUwxMy4yNjU4IDQuNjJaIiBmaWxsPSIjRkJGQkZFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS45OCA4LjgyTDguMjMgMTEuMDdMMTAuNzEwNiA4LjU4OTM4TDguNDU1NjIgNi4zMzQzOEw1Ljk4IDguODFWOC44MlpNOC4yMyA5LjY1NTc5TDkuMjk2NDEgOC41ODkzOEw4LjQ1NTYyIDcuNzQ4NTlMNy4zODkyMSA4LjgxNUw4LjIzIDkuNjU1NzlaIiBmaWxsPSIjRkJGQkZFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMTUyNiAxMi42ODE2TDE2LjIxMjUgNi42MjE3QzE2Ljc1NzYgNi4wODkxOSAxNy4wNSA1LjM3MDcgMTcuMDUgNC42MkMxNy4wNSAzLjg2OTMxIDE2Ljc1NzYgMy4xNTA4NCAxNi4yMTI2IDIuNjE4MzRMMTQuNDMxNyAwLjgzNzQ3NEMxMy44OTkyIDAuMjkyNDIgMTMuMTgwNyAwIDEyLjQzIDBDMTEuNjY0MyAwIDEwLjk1MjkgMC4zMTI5MjkgMTAuNDMyOSAwLjgzMjg5M0wzLjY4Mjg5IDcuNTgyODlDMy4wNDEyNyA4LjIyNDUyIDMuMDA0NTkgOS4yNTA3NSAzLjU3Mjg4IDkuOTM2MzRMMS4yOTE4NyAxMi4yMjM5QzEuMDkxODYgMTIuNDI0NSAwLjk5MDI2MyAxMi42OTU3IDEuMDAwNyAxMi45Njg1TDEgMTRDMC40NDc3MTUgMTQgMCAxNC40NDc3IDAgMTVWMTdDMCAxNy41NTIzIDAuNDQ3NzE1IDE4IDEgMThIMTZDMTYuNTUyMyAxOCAxNyAxNy41NTIzIDE3IDE3VjE1QzE3IDE0LjQ0NzcgMTYuNTUyMyAxNCAxNiAxNEgxMC4yMzI1QzkuODM1OTQgMTQgOS4zOTk1MyAxMy40MzQ3IDEwLjE1MjYgMTIuNjgxNlpNNC4zOSA5LjM1TDQuOTgwNyA5Ljk0MDdMMi4zOTc2MiAxMi41MzEySDYuNjM4NzdMNy4xMDUwMSAxMi4wNjVMNy41NzEyNSAxMi41MzEySDguODg4NzVMMTUuNTEgNS45MUMxNS44NiA1LjU3IDE2LjA1IDUuMTEgMTYuMDUgNC42MkMxNi4wNSA0LjEzIDE1Ljg2IDMuNjcgMTUuNTEgMy4zM0wxMy43MiAxLjU0QzEzLjM4IDEuMTkgMTIuOTIgMSAxMi40MyAxQzExLjk0IDEgMTEuNDggMS4yIDExLjE0IDEuNTRMNC4zOSA4LjI5QzQuMSA4LjU4IDQuMSA5LjA2IDQuMzkgOS4zNVpNMTYgMTdWMTVIMVYxN0gxNloiIGZpbGw9IiNGQkZCRkUiLz4KPHBhdGggZD0iTTE1LjE2MTYgNS41NTEzNkwxNS4xNjE2IDUuNTUxMzJMMTUuMTU2NCA1LjU1NjQ1TDguNDA2NDUgMTIuMzA2NEM4LjM1OTE1IDEyLjM1MzcgOC4yOTU4OSAxMi4zOCA4LjIzIDEyLjM4QzguMTY0MTEgMTIuMzggOC4xMDA4NSAxMi4zNTM3IDguMDUzNTUgMTIuMzA2NEw3LjQ1ODU3IDExLjcxMTVMNy4xMDUwMSAxMS4zNTc5TDYuNzUxNDYgMTEuNzExNUw2LjAzMjg5IDEyLjQzSDMuMjA0NjVMNS4zMzQ3NyAxMC4yOTM3TDUuNjg3MyA5Ljk0MDE5TDUuMzM0MjYgOS41ODcxNUw0Ljc0MzU1IDguOTk2NDVDNC42NDg4MiA4LjkwMTcxIDQuNjQ4ODIgOC43MzgyOSA0Ljc0MzU1IDguNjQzNTVMMTEuNDkzNiAxLjg5MzU1QzExLjc0MzYgMS42NDM1NCAxMi4wNzc5IDEuNSAxMi40MyAxLjVDMTIuNzg4MyAxLjUgMTMuMTE3OSAxLjYzNzc2IDEzLjM2MTQgMS44ODgzOUwxMy4zNjEzIDEuODg4NDNMMTMuMzY2NCAxLjg5MzU1TDE1LjE1NjQgMy42ODM1NUwxNS4xNTY0IDMuNjgzNTlMMTUuMTYxNiAzLjY4ODY0QzE1LjQxMjIgMy45MzIxMSAxNS41NSA0LjI2MTY2IDE1LjU1IDQuNjJDMTUuNTUgNC45NzgzNCAxNS40MTIyIDUuMzA3ODkgMTUuMTYxNiA1LjU1MTM2Wk01LjQ4IDguODJWOS4wMjcxMUw1LjYyNjQ1IDkuMTczNTVMNy44NzY0NSAxMS40MjM2TDguMjMgMTEuNzc3MUw4LjU4MzU1IDExLjQyMzZMMTEuMDY0MiA4Ljk0MjkzTDExLjQxNzcgOC41ODkzOEwxMS4wNjQyIDguMjM1ODJMOC44MDkxOCA1Ljk4MDgyTDguNDU1NjIgNS42MjcyN0w4LjEwMjA3IDUuOTgwODJMNS42MjY0NSA4LjQ1NjQ1TDUuNDggOC42MDI4OVY4LjgxVjguODJaTTExLjQxNzcgNy44ODIyN0wxMS43NzEzIDguMjM1ODJMMTIuMTI0OCA3Ljg4MjI3TDE0LjgwMzYgNS4yMDM1NUMxNS4xMjg4IDQuODc4MjkgMTUuMTI4OCA0LjM2MTcxIDE0LjgwMzYgNC4wMzY0NUwxMy4wMTM2IDIuMjQ2NDVDMTIuODE4NiAyLjA1MTQ2IDEyLjU3OTIgMiAxMi40MyAySDEyLjQxMzRMMTIuMzk2NyAyLjAwMTExTDEyLjQzIDIuNUMxMi4zOTY3IDIuMDAxMTEgMTIuMzk2NiAyLjAwMTEyIDEyLjM5NjUgMi4wMDExMkwxMi4zOTYzIDIuMDAxMTRMMTIuMzk1NyAyLjAwMTE3TDEyLjM5NDcgMi4wMDEyNUwxMi4zOTI0IDIuMDAxNDJMMTIuMzg3IDIuMDAxODRMMTIuMzczMiAyLjAwMzExQzEyLjM2MjggMi4wMDQxNiAxMi4zNDk4IDIuMDA1NjcgMTIuMzM0NiAyLjAwNzg0QzEyLjMwNDkgMi4wMTIwOCAxMi4yNjQyIDIuMDE5MjUgMTIuMjE3OCAyLjAzMTQ2QzEyLjEzOTYgMi4wNTIwMiAxMS45Nzk3IDIuMTAzMTcgMTEuODQ2NCAyLjIzNjQ1TDkuMTYyNzMgNC45MjAxNkw4LjgwOTE4IDUuMjczNzJMOS4xNjI3MyA1LjYyNzI3TDExLjQxNzcgNy44ODIyN1pNMS41IDE2LjVWMTUuNUgxNS41VjE2LjVIMS41WiIgc3Ryb2tlPSIjMTUxNDFBIi8+Cjwvc3ZnPgo=) 24 24, text; --editorFreeHighlight-editing-cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yIDMuMDlDMTIuMjggMy4wMSAxMi40MyAzIDEyLjQzIDNDMTIuNDggMyAxMi41OCAzLjAyIDEyLjY2IDMuMUwxNC40NSA0Ljg5QzE0LjU4IDUuMDIgMTQuNTggNS4yMiAxNC40NSA1LjM1TDExLjc3MTMgOC4wMjg3Mkw5LjUxNjI4IDUuNzczNzJMMTIuMiAzLjA5Wk0xMy4yNjU4IDUuMTJMMTEuNzcxMyA2LjYxNDVMMTAuOTMwNSA1Ljc3MzcyTDEyLjQyNSA0LjI3OTIxTDEzLjI2NTggNS4xMloiIGZpbGw9IiNGQkZCRkUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljk4IDkuMzJMOC4yMyAxMS41N0wxMC43MTA2IDkuMDg5MzhMOC40NTU2MiA2LjgzNDM4TDUuOTggOS4zMVY5LjMyWk04LjIzIDEwLjE1NThMOS4yOTY0MSA5LjA4OTM4TDguNDU1NjIgOC4yNDg1OUw3LjM4OTIxIDkuMzE1TDguMjMgMTAuMTU1OFoiIGZpbGw9IiNGQkZCRkUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4xNTI2IDEzLjE4MTZMMTYuMjEyNSA3LjEyMTdDMTYuNzU3NiA2LjU4OTE5IDE3LjA1IDUuODcwNyAxNy4wNSA1LjEyQzE3LjA1IDQuMzY5MzEgMTYuNzU3NiAzLjY1MDg0IDE2LjIxMjYgMy4xMTgzNEwxNC40MzE3IDEuMzM3NDdDMTMuODk5MiAwLjc5MjQyIDEzLjE4MDcgMC41IDEyLjQzIDAuNUMxMS42NjQzIDAuNSAxMC45NTI5IDAuODEyOTI5IDEwLjQzMjkgMS4zMzI4OUwzLjY4Mjg5IDguMDgyODlDMy4wNDEyNyA4LjcyNDUyIDMuMDA0NTkgOS43NTA3NSAzLjU3Mjg4IDEwLjQzNjNMMS4yOTE4NyAxMi43MjM5QzEuMDkxODYgMTIuOTI0NSAwLjk5MDI2MyAxMy4xOTU3IDEuMDAwNyAxMy40Njg1TDEgMTQuNUMwLjQ0NzcxNSAxNC41IDAgMTQuOTQ3NyAwIDE1LjVWMTcuNUMwIDE4LjA1MjMgMC40NDc3MTUgMTguNSAxIDE4LjVIMTZDMTYuNTUyMyAxOC41IDE3IDE4LjA1MjMgMTcgMTcuNVYxNS41QzE3IDE0Ljk0NzcgMTYuNTUyMyAxNC41IDE2IDE0LjVIMTAuMjMyNUM5LjgzNTk0IDE0LjUgOS4zOTk1MyAxMy45MzQ3IDEwLjE1MjYgMTMuMTgxNlpNNC4zOSA5Ljg1TDQuOTgwNyAxMC40NDA3TDIuMzk3NjIgMTMuMDMxMkg2LjYzODc3TDcuMTA1MDEgMTIuNTY1TDcuNTcxMjUgMTMuMDMxMkg4Ljg4ODc1TDE1LjUxIDYuNDFDMTUuODYgNi4wNyAxNi4wNSA1LjYxIDE2LjA1IDUuMTJDMTYuMDUgNC42MyAxNS44NiA0LjE3IDE1LjUxIDMuODNMMTMuNzIgMi4wNEMxMy4zOCAxLjY5IDEyLjkyIDEuNSAxMi40MyAxLjVDMTEuOTQgMS41IDExLjQ4IDEuNyAxMS4xNCAyLjA0TDQuMzkgOC43OUM0LjEgOS4wOCA0LjEgOS41NiA0LjM5IDkuODVaTTE2IDE3LjVWMTUuNUgxVjE3LjVIMTZaIiBmaWxsPSIjRkJGQkZFIi8+CjxwYXRoIGQ9Ik0xNS4xNjE2IDYuMDUxMzZMMTUuMTYxNiA2LjA1MTMyTDE1LjE1NjQgNi4wNTY0NUw4LjQwNjQ1IDEyLjgwNjRDOC4zNTkxNSAxMi44NTM3IDguMjk1ODkgMTIuODggOC4yMyAxMi44OEM4LjE2NDExIDEyLjg4IDguMTAwODUgMTIuODUzNyA4LjA1MzU1IDEyLjgwNjRMNy40NTg1NyAxMi4yMTE1TDcuMTA1MDEgMTEuODU3OUw2Ljc1MTQ2IDEyLjIxMTVMNi4wMzI4OSAxMi45M0gzLjIwNDY1TDUuMzM0NzcgMTAuNzkzN0w1LjY4NzMgMTAuNDQwMkw1LjMzNDI2IDEwLjA4NzFMNC43NDM1NSA5LjQ5NjQ1QzQuNjQ4ODIgOS40MDE3MSA0LjY0ODgyIDkuMjM4MjkgNC43NDM1NSA5LjE0MzU1TDExLjQ5MzYgMi4zOTM1NUMxMS43NDM2IDIuMTQzNTQgMTIuMDc3OSAyIDEyLjQzIDJDMTIuNzg4MyAyIDEzLjExNzkgMi4xMzc3NiAxMy4zNjE0IDIuMzg4MzlMMTMuMzYxMyAyLjM4ODQzTDEzLjM2NjQgMi4zOTM1NUwxNS4xNTY0IDQuMTgzNTVMMTUuMTU2NCA0LjE4MzU5TDE1LjE2MTYgNC4xODg2NEMxNS40MTIyIDQuNDMyMTEgMTUuNTUgNC43NjE2NiAxNS41NSA1LjEyQzE1LjU1IDUuNDc4MzQgMTUuNDEyMiA1LjgwNzg5IDE1LjE2MTYgNi4wNTEzNlpNNy44NzY0NSAxMS45MjM2TDguMjMgMTIuMjc3MUw4LjU4MzU1IDExLjkyMzZMMTEuMDY0MiA5LjQ0MjkzTDExLjQxNzcgOS4wODkzOEwxMS4wNjQyIDguNzM1ODJMOC44MDkxOCA2LjQ4MDgyTDguNDU1NjIgNi4xMjcyN0w4LjEwMjA3IDYuNDgwODJMNS42MjY0NSA4Ljk1NjQ1TDUuNDggOS4xMDI4OVY5LjMxVjkuMzJWOS41MjcxMUw1LjYyNjQ1IDkuNjczNTVMNy44NzY0NSAxMS45MjM2Wk0xMS40MTc3IDguMzgyMjdMMTEuNzcxMyA4LjczNTgyTDEyLjEyNDggOC4zODIyN0wxNC44MDM2IDUuNzAzNTVDMTUuMTI4OCA1LjM3ODI5IDE1LjEyODggNC44NjE3MSAxNC44MDM2IDQuNTM2NDVMMTMuMDEzNiAyLjc0NjQ1QzEyLjgxODYgMi41NTE0NiAxMi41NzkyIDIuNSAxMi40MyAyLjVIMTIuNDEzNEwxMi4zOTY3IDIuNTAxMTFMMTIuNDMgM0MxMi4zOTY3IDIuNTAxMTEgMTIuMzk2NiAyLjUwMTEyIDEyLjM5NjUgMi41MDExMkwxMi4zOTYzIDIuNTAxMTRMMTIuMzk1NyAyLjUwMTE3TDEyLjM5NDcgMi41MDEyNUwxMi4zOTI0IDIuNTAxNDJMMTIuMzg3IDIuNTAxODRMMTIuMzczMiAyLjUwMzExQzEyLjM2MjggMi41MDQxNiAxMi4zNDk4IDIuNTA1NjcgMTIuMzM0NiAyLjUwNzg0QzEyLjMwNDkgMi41MTIwOCAxMi4yNjQyIDIuNTE5MjUgMTIuMjE3OCAyLjUzMTQ2QzEyLjEzOTYgMi41NTIwMiAxMS45Nzk3IDIuNjAzMTcgMTEuODQ2NCAyLjczNjQ1TDkuMTYyNzMgNS40MjAxNkw4LjgwOTE4IDUuNzczNzJMOS4xNjI3MyA2LjEyNzI3TDExLjQxNzcgOC4zODIyN1pNMS41IDE2SDE1LjVWMTdIMS41VjE2WiIgc3Ryb2tlPSIjMTUxNDFBIi8+Cjwvc3ZnPgo=) 1 18, pointer; --new-alt-text-warning-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC43ODE4MiAyLjYzOTAzQzguNTg4ODIgMi4yODgwMyA4LjI1NzgyIDIuMjUwMDMgOC4xMjQ4MiAyLjI1MDAzQzcuOTkwMTkgMi4yNDg0NyA3Ljg1NzcxIDIuMjgzOTMgNy43NDE4NSAyLjM1MjUzQzcuNjI1OTkgMi40MjExMyA3LjUzMTIgMi41MjAyMyA3LjQ2NzgyIDIuNjM5MDNMMS45NzA4MiAxMi42MzlDMS45MDY3MyAxMi43NTI4IDEuODc0MDYgMTIuODgxNiAxLjg3NjE3IDEzLjAxMjJDMS44NzgyOCAxMy4xNDI3IDEuOTE1MDkgMTMuMjcwNCAxLjk4MjgyIDEzLjM4MkMyLjA0Nzk4IDEzLjQ5NTEgMi4xNDIwNyAxMy41ODg4IDIuMjU1NDMgMTMuNjUzNUMyLjM2ODc5IDEzLjcxODIgMi40OTczMiAxMy43NTE1IDIuNjI3ODIgMTMuNzVIMTMuNjIxOEMxMy43NTIzIDEzLjc1MTUgMTMuODgwOSAxMy43MTgyIDEzLjk5NDIgMTMuNjUzNUMxNC4xMDc2IDEzLjU4ODggMTQuMjAxNyAxMy40OTUxIDE0LjI2NjggMTMuMzgyQzE0LjMzNDYgMTMuMjcwNCAxNC4zNzE0IDEzLjE0MjcgMTQuMzczNSAxMy4wMTIyQzE0LjM3NTYgMTIuODgxNiAxNC4zNDI5IDEyLjc1MjggMTQuMjc4OCAxMi42MzlMOC43ODE4MiAyLjYzOTAzWk02LjM3MjgyIDIuMDM3MDNDNi43NTE4MiAxLjM0NjAzIDcuNDM4ODIgMS4wMDAwMyA4LjEyNDgyIDEuMDAwMDNDOC40ODM0MSAwLjk5Nzk4NSA4LjgzNTgzIDEuMDkzMjYgOS4xNDQ1NCAxLjI3NTdDOS40NTMyNSAxLjQ1ODE0IDkuNzA2NjggMS43MjA5MiA5Ljg3NzgyIDIuMDM2MDNMMTUuMzc0OCAxMi4wMzZDMTYuMTA3OCAxMy4zNjkgMTUuMTQzOCAxNSAxMy42MjI4IDE1SDIuNjI3ODJDMS4xMDY4MiAxNSAwLjE0MTgyMyAxMy4zNyAwLjg3NTgyMyAxMi4wMzdMNi4zNzI4MiAyLjAzNzAzWk04Ljc0OTgyIDkuMDYyMDNDOC43NDk4MiA5LjIyNzc5IDguNjgzOTcgOS4zODY3NiA4LjU2Njc2IDkuNTAzOTdDOC40NDk1NSA5LjYyMTE4IDguMjkwNTggOS42ODcwMyA4LjEyNDgyIDkuNjg3MDNDNy45NTkwNiA5LjY4NzAzIDcuODAwMDkgOS42MjExOCA3LjY4Mjg4IDkuNTAzOTdDNy41NjU2NiA5LjM4Njc2IDcuNDk5ODIgOS4yMjc3OSA3LjQ5OTgyIDkuMDYyMDNWNS42MjUwM0M3LjQ5OTgyIDUuNDU5MjcgNy41NjU2NiA1LjMwMDMgNy42ODI4OCA1LjE4MzA5QzcuODAwMDkgNS4wNjU4OCA3Ljk1OTA2IDUuMDAwMDMgOC4xMjQ4MiA1LjAwMDAzQzguMjkwNTggNS4wMDAwMyA4LjQ0OTU1IDUuMDY1ODggOC41NjY3NiA1LjE4MzA5QzguNjgzOTcgNS4zMDAzIDguNzQ5ODIgNS40NTkyNyA4Ljc0OTgyIDUuNjI1MDNWOS4wNjIwM1pNNy43NDk4MiAxMkw3LjQ5OTgyIDExLjc1VjExTDcuNzQ5ODIgMTAuNzVIOC40OTk4Mkw4Ljc0OTgyIDExVjExLjc1TDguNDk5ODIgMTJINy43NDk4MloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); } .textLayer{ &.highlighting{ cursor:var(--editorFreeHighlight-editing-cursor); &:not(.free) span{ cursor:var(--editorHighlight-editing-cursor); &[role="img"]{ cursor:var(--editorFreeHighlight-editing-cursor); } } &.free span{ cursor:var(--editorFreeHighlight-editing-cursor); } } } .page:has(.annotationEditorLayer.nonEditing) .annotationLayer .editorAnnotation{ position:absolute; pointer-events:none; } #viewerContainer.pdfPresentationMode:fullscreen, .annotationEditorLayer.disabled{ .noAltTextBadge{ display:none !important; } } @media (min-resolution: 1.1dppx){ :root{ --editorFreeText-editing-cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIuNzVIMTIuNVYyLjI1VjFWMC41SDEySDEwLjM1OEM5LjkxMTY1IDAuNSA5LjQ3NzMxIDAuNjI1NjYxIDkuMDk5ODkgMC44NjA0NDJMOS4wOTg4NiAwLjg2MTA4N0w4IDEuNTQ4MzdMNi44OTk5NyAwLjg2MDk3OUw2Ljg5OTExIDAuODYwNDQzQzYuNTIxOCAwLjYyNTczNCA2LjA4NzQ4IDAuNSA1LjY0MiAwLjVINEgzLjVWMVYyLjI1VjIuNzVINEg1LjY0MkM1LjY2NDc4IDIuNzUgNS42ODg1IDIuNzU2NDEgNS43MTAwOCAyLjc2OTY4QzUuNzEwMjMgMi43Njk3NyA1LjcxMDM4IDIuNzY5ODYgNS43MTA1MyAyLjc2OTk1TDYuODE3IDMuNDYxQzYuODE3MDQgMy40NjEwMyA2LjgxNzA5IDMuNDYxMDUgNi44MTcxMyAzLjQ2MTA4QzYuODE3MTMgMy40NjEwOCA2LjgxNzEzIDMuNDYxMDggNi44MTcxNCAzLjQ2MTA5QzYuODU1MiAzLjQ4NDk0IDYuODc2IDMuNTIyODUgNi44NzYgMy41NjdWOFYxMi40MzNDNi44NzYgMTIuNDc3MSA2Ljg1NTIzIDEyLjUxNSA2LjgxNzIyIDEyLjUzODlDNi44MTcxNSAxMi41Mzg5IDYuODE3MDcgMTIuNTM5IDYuODE3IDEyLjUzOUw1LjcwOTUzIDEzLjIzQzUuNzA5NDEgMTMuMjMwMSA1LjcwOTI5IDEzLjIzMDIgNS43MDkxNyAxMy4yMzAzQzUuNjg3MjMgMTMuMjQzOCA1LjY2NDQgMTMuMjUgNS42NDEgMTMuMjVINEgzLjVWMTMuNzVWMTVWMTUuNUg0SDUuNjQyQzYuMDg4MzUgMTUuNSA2LjUyMjY5IDE1LjM3NDMgNi45MDAxMSAxNS4xMzk2TDYuOTAwODYgMTUuMTM5MUw4IDE0LjQ1MjZMOS4xMDAwMyAxNS4xNEw5LjEwMDg5IDE1LjE0MDZDOS40NzgzMSAxNS4zNzUzIDkuOTEyNjUgMTUuNTAxIDEwLjM1OSAxNS41MDFIMTJIMTIuNVYxNS4wMDFWMTMuNzUxVjEzLjI1MUgxMkgxMC4zNThDMTAuMzM1MiAxMy4yNTEgMTAuMzExNSAxMy4yNDQ2IDEwLjI4OTkgMTMuMjMxM0MxMC4yODk3IDEzLjIzMTIgMTAuMjg5NiAxMy4yMzExIDEwLjI4OTUgMTMuMjMxTDkuMTgzIDEyLjU0QzkuMTgyOTggMTIuNTQgOS4xODI5NSAxMi41NCA5LjE4MjkzIDEyLjU0QzkuMTgyOTEgMTIuNTM5OSA5LjE4Mjg4IDEyLjUzOTkgOS4xODI4NiAxMi41Mzk5QzkuMTQ2MTUgMTIuNTE2OSA5LjEyNSAxMi40Nzk3IDkuMTI1IDEyLjQzNFY4VjMuNTY3QzkuMTI1IDMuNTIyNjYgOS4xNDYwMyAzLjQ4NDQxIDkuMTgzNjQgMy40NjA2QzkuMTgzNzcgMy40NjA1MiA5LjE4MzkgMy40NjA0MyA5LjE4NDA0IDMuNDYwMzVMMTAuMjg5NSAyLjc2OTk1QzEwLjI4OTYgMi43Njk4NSAxMC4yODk4IDIuNzY5NzUgMTAuMjg5OSAyLjc2OTY2QzEwLjMxMTkgMi43NTYxOSAxMC4zMzQ2IDIuNzUgMTAuMzU4IDIuNzVIMTJaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K) 0 16, text; } } @media screen and (forced-colors: active){ :root{ --outline-color:CanvasText; --outline-around-color:ButtonFace; --resizer-bg-color:ButtonText; --hover-outline-color:var(--color-accent-primary-hover, Highlight); --hover-outline-around-color:SelectedItemText; } } [data-editor-rotation="90"]{ transform:rotate(90deg); } [data-editor-rotation="180"]{ transform:rotate(180deg); } [data-editor-rotation="270"]{ transform:rotate(270deg); } .annotationEditorLayer{ background:transparent; position:absolute; inset:0; font-size:calc(100px * var(--total-scale-factor)); transform-origin:0 0; cursor:auto; .selectedEditor{ z-index:100000 !important; } &.drawing *{ pointer-events:none !important; } &.getElements{ pointer-events:auto !important; > div{ pointer-events:auto !important; } } } .annotationEditorLayer.waiting{ content:""; cursor:wait; position:absolute; inset:0; width:100%; height:100%; } .annotationEditorLayer.disabled{ pointer-events:none; &.highlightEditing :is( .freeTextEditor, .inkEditor, .stampEditor, .signatureEditor, .commentPopup ){ pointer-events:auto; } } .annotationEditorLayer.freetextEditing{ cursor:var(--editorFreeText-editing-cursor); } .annotationEditorLayer.inkEditing{ cursor:var(--editorInk-editing-cursor); } .annotationEditorLayer .draw{ box-sizing:border-box; } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor){ position:absolute; background:transparent; z-index:1; transform-origin:0 0; cursor:auto; max-width:100%; max-height:100%; border:var(--unfocus-outline); &.draggable.selectedEditor{ cursor:move; } &.selectedEditor{ border:var(--editor-selection-outline); outline:var(--focus-outline-around); &::before{ content:""; position:absolute; inset:0; border:var(--focus-outline-around); pointer-events:none; } } &:hover:not(.selectedEditor){ border:var(--hover-outline); outline:var(--hover-outline-around); &::before{ content:""; position:absolute; inset:0; border:var(--focus-outline-around); } } } .annotationEditorLayer :is( .freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor ), .textLayer{ .editToolbar{ --editor-toolbar-delete-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0xMSAzSDEzLjZDMTQgMyAxNC4zIDMuMyAxNC4zIDMuNkMxNC4zIDMuOSAxNCA0LjIgMTMuNyA0LjJIMTMuM1YxNEMxMy4zIDE1LjEgMTIuNCAxNiAxMS4zIDE2SDQuODAwMDVDMy43MDAwNSAxNiAyLjgwMDA1IDE1LjEgMi44MDAwNSAxNFY0LjJIMi40MDAwNUMyLjAwMDA1IDQuMiAxLjgwMDA1IDQgMS44MDAwNSAzLjZDMS44MDAwNSAzLjIgMi4wMDAwNSAzIDIuNDAwMDUgM0g1LjAwMDA1VjJDNS4wMDAwNSAwLjkgNS45MDAwNSAwIDcuMDAwMDUgMEg5LjAwMDA1QzEwLjEgMCAxMSAwLjkgMTEgMlYzWk02LjkwMDA1IDEuMkw2LjMwMDA1IDEuOFYzSDkuODAwMDVWMS44TDkuMjAwMDUgMS4ySDYuOTAwMDVaTTExLjQgMTQuN0wxMiAxNC4xVjQuMkg0LjAwMDA1VjE0LjFMNC42MDAwNSAxNC43SDExLjRaTTcuMDAwMDUgMTIuNEM3LjAwMDA1IDEyLjcgNi43MDAwNSAxMyA2LjQwMDA1IDEzQzYuMTAwMDUgMTMgNS44MDAwNSAxMi43IDUuODAwMDUgMTIuNFY3LjZDNS43MDAwNSA3LjMgNi4wMDAwNSA3IDYuNDAwMDUgN0M2LjgwMDA1IDcgNy4wMDAwNSA3LjMgNy4wMDAwNSA3LjZWMTIuNFpNMTAuMjAwMSAxMi40QzEwLjIwMDEgMTIuNyA5LjkwMDA2IDEzIDkuNjAwMDYgMTNDOS4zMDAwNiAxMyA5LjAwMDA2IDEyLjcgOS4wMDAwNiAxMi40VjcuNkM5LjAwMDA2IDcuMyA5LjMwMDA2IDcgOS42MDAwNiA3QzkuOTAwMDYgNyAxMC4yMDAxIDcuMyAxMC4yMDAxIDcuNlYxMi40WiIKICAgICAgICBmaWxsPSJibGFjayIgLz4KPC9zdmc+); --editor-toolbar-bg-color:light-dark(#f0f0f4, #2b2a33); --editor-toolbar-highlight-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnPgogICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMTA5MTggMTEuNjZDNy4yNDkxOCAxMS44IDcuNDM5MTggMTEuODggNy42MzkxOCAxMS44OEM3LjgzOTE4IDExLjg4IDguMDI5MTggMTEuOCA4LjE2OTE4IDExLjY2TDE0LjkxOTIgNC45MUMxNS4yNjkyIDQuNTcgMTUuNDU5MiA0LjExIDE1LjQ1OTIgMy42MkMxNS40NTkyIDMuMTMgMTUuMjY5MiAyLjY3IDE0LjkxOTIgMi4zM0wxMy4xMjkyIDAuNTRDMTIuNzg5MiAwLjE5IDEyLjMyOTIgMCAxMS44MzkyIDBDMTEuMzQ5MiAwIDEwLjg4OTIgMC4yIDEwLjU0OTIgMC41NEwzLjc5OTE4IDcuMjlDMy41MDkxOCA3LjU4IDMuNTA5MTggOC4wNiAzLjc5OTE4IDguMzVMNC4zODk4OCA4Ljk0MDdMMS40MDkxOCAxMS45M0g1LjY0OTE4TDYuNTE0MTkgMTEuMDY1TDcuMTA5MTggMTEuNjZaTTcuNjM5MTggMTAuMDdMNS4zODkxOCA3LjgyVjcuODFMNy44NjQ4IDUuMzM0MzhMMTAuMTE5OCA3LjU4OTM4TDcuNjM5MTggMTAuMDdaTTExLjE4MDUgNi41Mjg3MkwxMy44NTkyIDMuODVDMTMuOTg5MiAzLjcyIDEzLjk4OTIgMy41MiAxMy44NTkyIDMuMzlMMTIuMDY5MiAxLjZDMTEuOTg5MiAxLjUyIDExLjg4OTIgMS41IDExLjgzOTIgMS41QzExLjgzOTIgMS41IDExLjY4OTIgMS41MSAxMS42MDkyIDEuNTlMOC45MjU0NiA0LjI3MzcyTDExLjE4MDUgNi41Mjg3MloiIGZpbGw9IiMwMDAiLz4KICAgICAgPHBhdGggZD0iTTAuNDA5MTggMTRIMTUuNDA5MlYxNkgwLjQwOTE4VjE0WiIgZmlsbD0iIzAwMCIvPgogICAgPC9nPgogIDwvc3ZnPg==); --editor-toolbar-fg-color:light-dark(#2e2e56, #fbfbfe); --editor-toolbar-border-color:var(--border-color-interactive, #8f8f9d); --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color); --editor-toolbar-hover-bg-color:light-dark(#e0e0e6, #52525e); --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color); --editor-toolbar-hover-outline:none; --editor-toolbar-focus-outline-color:var( --focus-outline-color, light-dark(#0060df, #0df) ); --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2); --editor-toolbar-height:28px; --editor-toolbar-padding:2px; --alt-text-done-color:var( --color-accent-attention, light-dark(#2ac3a2, #54ffbd) ); --alt-text-warning-color:light-dark(#0090ed, #80ebff); --alt-text-hover-done-color:var(--alt-text-done-color); --alt-text-hover-warning-color:var(--alt-text-warning-color); @media screen and (forced-colors: active){ --editor-toolbar-bg-color:var(--button-background-color, ButtonFace); --editor-toolbar-fg-color:var(--button-text-color, ButtonText); --editor-toolbar-border-color:var(--button-border-color, ButtonText); --editor-toolbar-hover-border-color:var( --button-border-color-hover, AccentColor ); --editor-toolbar-hover-bg-color:var( --button-background-color-hover, ButtonFace ); --editor-toolbar-hover-fg-color:var( --button-text-color-hover, AccentColor ); --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color); --editor-toolbar-focus-outline-color:var( --button-border-color, ButtonBorder ); --editor-toolbar-shadow:none; --alt-text-done-color:var(--editor-toolbar-fg-color); --alt-text-warning-color:var(--editor-toolbar-fg-color); --alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color); --alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color); } display:flex; width:-moz-fit-content; width:fit-content; height:var(--editor-toolbar-height); flex-direction:column; justify-content:center; align-items:center; cursor:default; pointer-events:auto; box-sizing:content-box; padding:var(--editor-toolbar-padding); -webkit-user-select:none; -moz-user-select:none; user-select:none; position:absolute; inset-inline-end:0; inset-block-start:calc(100% + var(--editor-toolbar-vert-offset)); border-radius:6px; background-color:var(--editor-toolbar-bg-color); border:1px solid var(--editor-toolbar-border-color); box-shadow:var(--editor-toolbar-shadow); &.hidden{ display:none; } &:has(:focus-visible){ border-color:transparent; } &:dir(ltr){ transform-origin:100% 0; } &:dir(rtl){ transform-origin:0 0; } .buttons{ display:flex; justify-content:center; align-items:center; gap:0; height:100%; button{ padding:0; } .divider{ width:0; height:calc( 2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height) ); border-left:1px solid var(--editor-toolbar-border-color); border-right:none; display:inline-block; margin-inline:2px; } .basic{ width:var(--editor-toolbar-height); &::before{ content:""; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; display:inline-block; background-color:var(--editor-toolbar-fg-color); width:100%; height:100%; } &:hover::before{ background-color:var(--editor-toolbar-hover-fg-color); } &.highlightButton::before{ -webkit-mask-image:var(--editor-toolbar-highlight-image); mask-image:var(--editor-toolbar-highlight-image); } &.commentButton::before{ -webkit-mask-image:var(--comment-edit-button-icon); mask-image:var(--comment-edit-button-icon); } &.deleteButton::before{ -webkit-mask-image:var(--editor-toolbar-delete-image); mask-image:var(--editor-toolbar-delete-image); } } > *{ height:var(--editor-toolbar-height); } > :not(.divider){ border:none; background-color:transparent; cursor:pointer; &:hover{ border-radius:2px; background-color:var(--editor-toolbar-hover-bg-color); color:var(--editor-toolbar-hover-fg-color); outline:var(--editor-toolbar-hover-outline); outline-offset:1px; &:active{ outline:none; } } &:focus-visible{ border-radius:2px; outline:2px solid var(--editor-toolbar-focus-outline-color); } } .altText{ --alt-text-add-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgPHBhdGggZD0iTTUuMzc1IDcuNjI1VjExLjg3NUM1LjM3NSAxMi4wNDA4IDUuNDQwODUgMTIuMTk5NyA1LjU1ODA2IDEyLjMxNjlDNS42NzUyNyAxMi40MzQyIDUuODM0MjQgMTIuNSA2IDEyLjVDNi4xNjU3NiAxMi41IDYuMzI0NzMgMTIuNDM0MiA2LjQ0MTk0IDEyLjMxNjlDNi41NTkxNSAxMi4xOTk3IDYuNjI1IDEyLjA0MDggNi42MjUgMTEuODc1VjcuNjI1TDcuMTI1IDcuMTI1SDExLjM3NUMxMS41NDA4IDcuMTI1IDExLjY5OTcgNy4wNTkxNSAxMS44MTY5IDYuOTQxOTRDMTEuOTM0MiA2LjgyNDczIDEyIDYuNjY1NzYgMTIgNi41QzEyIDYuMzM0MjQgMTEuOTM0MiA2LjE3NTI3IDExLjgxNjkgNi4wNTgwNkMxMS42OTk3IDUuOTQwODUgMTEuNTQwOCA1Ljg3NSAxMS4zNzUgNS44NzVINy4xMjVMNi42MjUgNS4zNzVWMS4xMjVDNi42MjUgMC45NTkyNCA2LjU1OTE1IDAuODAwMjY5IDYuNDQxOTQgMC42ODMwNThDNi4zMjQ3MyAwLjU2NTg0OCA2LjE2NTc2IDAuNSA2IDAuNUM1LjgzNDI0IDAuNSA1LjY3NTI3IDAuNTY1ODQ4IDUuNTU4MDYgMC42ODMwNThDNS40NDA4NSAwLjgwMDI2OSA1LjM3NSAwLjk1OTI0IDUuMzc1IDEuMTI1VjUuMzc1TDQuODc1IDUuODc1SDAuNjI1QzAuNDU5MjQgNS44NzUgMC4zMDAyNjkgNS45NDA4NSAwLjE4MzA1OCA2LjA1ODA2QzAuMDY1ODQ4IDYuMTc1MjcgMCA2LjMzNDI0IDAgNi41QzAgNi42NjU3NiAwLjA2NTg0OCA2LjgyNDczIDAuMTgzMDU4IDYuOTQxOTRDMC4zMDAyNjkgNy4wNTkxNSAwLjQ1OTI0IDcuMTI1IDAuNjI1IDcuMTI1SDQuNzYyTDUuMzc1IDcuNjI1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+IAo=); --alt-text-done-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNiAwLjVDNS4yMTIwNyAwLjUgNC40MzE4NSAwLjY1NTE5NSAzLjcwMzkgMC45NTY3MjNDMi45NzU5NSAxLjI1ODI1IDIuMzE0NTEgMS43MDAyMSAxLjc1NzM2IDIuMjU3MzZDMS4yMDAyMSAyLjgxNDUxIDAuNzU4MjUxIDMuNDc1OTUgMC40NTY3MjMgNC4yMDM5QzAuMTU1MTk1IDQuOTMxODUgMCA1LjcxMjA3IDAgNi41QzAgNy4yODc5MyAwLjE1NTE5NSA4LjA2ODE1IDAuNDU2NzIzIDguNzk2MUMwLjc1ODI1MSA5LjUyNDA1IDEuMjAwMjEgMTAuMTg1NSAxLjc1NzM2IDEwLjc0MjZDMi4zMTQ1MSAxMS4yOTk4IDIuOTc1OTUgMTEuNzQxNyAzLjcwMzkgMTIuMDQzM0M0LjQzMTg1IDEyLjM0NDggNS4yMTIwNyAxMi41IDYgMTIuNUM3LjU5MTMgMTIuNSA5LjExNzQyIDExLjg2NzkgMTAuMjQyNiAxMC43NDI2QzExLjM2NzkgOS42MTc0MiAxMiA4LjA5MTMgMTIgNi41QzEyIDQuOTA4NyAxMS4zNjc5IDMuMzgyNTggMTAuMjQyNiAyLjI1NzM2QzkuMTE3NDIgMS4xMzIxNCA3LjU5MTMgMC41IDYgMC41Wk01LjA2IDguOUwyLjk0NjQgNi43ODU2QzIuODUyNzMgNi42OTE3MSAyLjgwMDE4IDYuNTY0NDYgMi44MDAzMyA2LjQzMTgzQzIuODAwNDggNi4yOTkyMSAyLjg1MzMxIDYuMTcyMDcgMi45NDcyIDYuMDc4NEMzLjA0MTA5IDUuOTg0NzMgMy4xNjgzNCA1LjkzMjE4IDMuMzAwOTcgNS45MzIzM0MzLjQzMzU5IDUuOTMyNDggMy41NjA3MyA1Ljk4NTMxIDMuNjU0NCA2LjA3OTJMNS4zMTEyIDcuNzM2OEw4LjM0NjQgNC43MDA4QzguNDQxMDkgNC42MTA5IDguNTY3MTUgNC41NjE1MyA4LjY5NzcxIDQuNTYzMjJDOC44MjgyNyA0LjU2NDkyIDguOTUzMDEgNC42MTc1NCA5LjA0NTM0IDQuNzA5ODZDOS4xMzc2NiA0LjgwMjE5IDkuMTkwMjggNC45MjY5MyA5LjE5MTk4IDUuMDU3NDlDOS4xOTM2NyA1LjE4ODA1IDkuMTQ0MyA1LjMxNDExIDkuMDU0NCA1LjQwODhMNS41NjI0IDguOUg1LjA2WiIgZmlsbD0iI0ZCRkJGRSIvPgo8L3N2Zz4gCg==); display:flex; align-items:center; justify-content:center; width:-moz-max-content; width:max-content; padding-inline:8px; pointer-events:all; font:menu; font-weight:590; font-size:12px; color:var(--editor-toolbar-fg-color); &:disabled{ pointer-events:none; } &::before{ content:""; -webkit-mask-image:var(--alt-text-add-image); mask-image:var(--alt-text-add-image); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; display:inline-block; width:12px; height:13px; background-color:var(--editor-toolbar-fg-color); margin-inline-end:4px; } &:hover::before{ background-color:var(--editor-toolbar-hover-fg-color); } &.done::before{ -webkit-mask-image:var(--alt-text-done-image); mask-image:var(--alt-text-done-image); } &.new{ &::before{ width:16px; height:16px; -webkit-mask-image:var(--new-alt-text-warning-image); mask-image:var(--new-alt-text-warning-image); background-color:var(--alt-text-warning-color); -webkit-mask-size:cover; mask-size:cover; } &:hover::before{ background-color:var(--alt-text-hover-warning-color); } &.done{ &::before{ -webkit-mask-image:var(--alt-text-done-image); mask-image:var(--alt-text-done-image); background-color:var(--alt-text-done-color); } &:hover::before{ background-color:var(--alt-text-hover-done-color); } } } .tooltip{ display:none; word-wrap:anywhere; &.show{ --alt-text-tooltip-bg:light-dark(#f0f0f4, #1c1b22); --alt-text-tooltip-fg:var( --text-color, light-dark(#15141a, #fbfbfe) ); --alt-text-tooltip-border:var(--border-color-interactive, #8f8f9d); --alt-text-tooltip-shadow:0 2px 6px 0 light-dark(rgb(58 57 68 / 0.2), #15141a); @media screen and (forced-colors: active){ --alt-text-tooltip-bg:Canvas; --alt-text-tooltip-fg:var(--text-color, CanvasText); --alt-text-tooltip-border:var(--border-color, CanvasText); --alt-text-tooltip-shadow:none; } display:inline-flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; top:calc(100% + 2px); inset-inline-start:0; padding-block:2px 3px; padding-inline:3px; max-width:300px; width:-moz-max-content; width:max-content; height:auto; font-size:12px; border:0.5px solid var(--alt-text-tooltip-border); background:var(--alt-text-tooltip-bg); box-shadow:var(--alt-text-tooltip-shadow); color:var(--alt-text-tooltip-fg); pointer-events:none; } } } .comment{ width:var(--editor-toolbar-height); &::before{ content:""; -webkit-mask-image:var(--comment-edit-button-icon); mask-image:var(--comment-edit-button-icon); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; display:inline-block; background-color:var(--editor-toolbar-fg-color); width:100%; height:100%; } } } } } .annotationEditorLayer .freeTextEditor{ padding:calc(var(--freetext-padding) * var(--total-scale-factor)); width:auto; height:auto; touch-action:none; } .annotationEditorLayer .freeTextEditor .internal{ background:transparent; border:none; inset:0; overflow:visible; white-space:nowrap; font:10px sans-serif; line-height:var(--freetext-line-height); text-align:start; -webkit-user-select:none; -moz-user-select:none; user-select:none; } .annotationEditorLayer .freeTextEditor .overlay{ position:absolute; display:none; background:transparent; inset:0; width:100%; height:100%; } .annotationEditorLayer freeTextEditor .overlay.enabled{ display:block; } .annotationEditorLayer .freeTextEditor .internal:empty::before{ content:attr(default-content); color:gray; } .annotationEditorLayer .freeTextEditor .internal:focus{ outline:none; -webkit-user-select:auto; -moz-user-select:auto; user-select:auto; } .annotationEditorLayer .inkEditor{ width:100%; height:100%; } .annotationEditorLayer .inkEditor.editing{ cursor:inherit; } .annotationEditorLayer .inkEditor .inkEditorCanvas{ position:absolute; inset:0; width:100%; height:100%; touch-action:none; } .annotationEditorLayer .stampEditor{ width:auto; height:auto; canvas{ position:absolute; width:100%; height:100%; margin:0; top:0; left:0; } .noAltTextBadge{ --no-alt-text-badge-border-color:light-dark(#f0f0f4, #52525e); --no-alt-text-badge-bg-color:light-dark(#cfcfd8, #fbfbfe); --no-alt-text-badge-fg-color:light-dark(#5b5b66, #15141a); @media screen and (forced-colors: active){ --no-alt-text-badge-border-color:ButtonText; --no-alt-text-badge-bg-color:ButtonFace; --no-alt-text-badge-fg-color:ButtonText; } position:absolute; inset-inline-end:5px; inset-block-end:5px; display:inline-flex; width:32px; height:32px; padding:3px; justify-content:center; align-items:center; pointer-events:none; z-index:1; border-radius:2px; border:1px solid var(--no-alt-text-badge-border-color); background:var(--no-alt-text-badge-bg-color); &::before{ content:""; display:inline-block; width:16px; height:16px; -webkit-mask-image:var(--new-alt-text-warning-image); mask-image:var(--new-alt-text-warning-image); -webkit-mask-size:cover; mask-size:cover; background-color:var(--no-alt-text-badge-fg-color); } } } .annotationEditorLayer{ :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor){ & > .resizers{ position:absolute; inset:0; z-index:1; &.hidden{ display:none; } & > .resizer{ width:var(--resizer-size); height:var(--resizer-size); background:content-box var(--resizer-bg-color); border:var(--focus-outline-around); border-radius:2px; position:absolute; &.topLeft{ top:var(--resizer-shift); left:var(--resizer-shift); } &.topMiddle{ top:var(--resizer-shift); left:calc(50% + var(--resizer-shift)); } &.topRight{ top:var(--resizer-shift); right:var(--resizer-shift); } &.middleRight{ top:calc(50% + var(--resizer-shift)); right:var(--resizer-shift); } &.bottomRight{ bottom:var(--resizer-shift); right:var(--resizer-shift); } &.bottomMiddle{ bottom:var(--resizer-shift); left:calc(50% + var(--resizer-shift)); } &.bottomLeft{ bottom:var(--resizer-shift); left:var(--resizer-shift); } &.middleLeft{ top:calc(50% + var(--resizer-shift)); left:var(--resizer-shift); } } } } &[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), &[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), &[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), &[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]){ & > .resizers > .resizer{ &.topLeft, &.bottomRight{ cursor:nwse-resize; } &.topMiddle, &.bottomMiddle{ cursor:ns-resize; } &.topRight, &.bottomLeft{ cursor:nesw-resize; } &.middleRight, &.middleLeft{ cursor:ew-resize; } } } &[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), &[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), &[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), &[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]){ & > .resizers > .resizer{ &.topLeft, &.bottomRight{ cursor:nesw-resize; } &.topMiddle, &.bottomMiddle{ cursor:ew-resize; } &.topRight, &.bottomLeft{ cursor:nwse-resize; } &.middleRight, &.middleLeft{ cursor:ns-resize; } } } & :is( [data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"] ){ .editToolbar{ rotate:270deg; &:dir(ltr){ inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset)); inset-block-start:0; } &:dir(rtl){ inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset)); inset-block-start:0; } } } & :is( [data-main-rotation="0"] [data-editor-rotation="180"], [data-main-rotation="90"] [data-editor-rotation="90"], [data-main-rotation="180"] [data-editor-rotation="0"], [data-main-rotation="270"] [data-editor-rotation="270"] ){ .editToolbar{ rotate:180deg; inset-inline-end:100%; inset-block-start:calc(0px - var(--editor-toolbar-vert-offset)); } } & :is( [data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"] ){ .editToolbar{ rotate:90deg; &:dir(ltr){ inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset)); inset-block-start:100%; } &:dir(rtl){ inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset)); inset-block-start:0; } } } } .dialog.altText{ &::backdrop{ -webkit-mask:url(#alttext-manager-mask); mask:url(#alttext-manager-mask); } &.positioned{ margin:0; } & #altTextContainer{ width:300px; height:-moz-fit-content; height:fit-content; display:inline-flex; flex-direction:column; align-items:flex-start; gap:16px; & #overallDescription{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; align-self:stretch; & span{ align-self:stretch; } & .title{ font-size:13px; font-style:normal; font-weight:590; } } & #addDescription{ display:flex; flex-direction:column; align-items:stretch; gap:8px; & .descriptionArea{ flex:1; padding-inline:24px 10px; textarea{ width:100%; min-height:75px; } } } & #buttons{ display:flex; justify-content:flex-end; align-items:flex-start; gap:8px; align-self:stretch; } } } .dialog.newAltText{ --new-alt-text-ai-disclaimer-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjQ5MDczIDEuMzAxNUwzLjMwODczIDIuMTUwNUMzLjI5MzQ5IDIuMjIyNDYgMy4yNTc2OSAyLjI4ODQ0IDMuMjA1NjggMi4zNDA0NUMzLjE1MzY4IDIuMzkyNDYgMy4wODc2OSAyLjQyODI2IDMuMDE1NzMgMi40NDM1TDIuMTY2NzMgMi42MjU1QzEuNzY0NzMgMi43MTI1IDEuNzY0NzMgMy4yODY1IDIuMTY2NzMgMy4zNzI1TDMuMDE1NzMgMy41NTU1QzMuMDg3NjkgMy41NzA3NCAzLjE1MzY4IDMuNjA2NTQgMy4yMDU2OCAzLjY1ODU1QzMuMjU3NjkgMy43MTA1NiAzLjI5MzQ5IDMuNzc2NTQgMy4zMDg3MyAzLjg0ODVMMy40OTA3MyA0LjY5NzVDMy41Nzc3MyA1LjA5OTUgNC4xNTE3MyA1LjA5OTUgNC4yMzc3MyA0LjY5NzVMNC40MjA3MyAzLjg0ODVDNC40MzU5OCAzLjc3NjU0IDQuNDcxNzcgMy43MTA1NiA0LjUyMzc4IDMuNjU4NTVDNC41NzU3OSAzLjYwNjU0IDQuNjQxNzggMy41NzA3NCA0LjcxMzczIDMuNTU1NUw1LjU2MTczIDMuMzcyNUM1Ljk2MzczIDMuMjg1NSA1Ljk2MzczIDIuNzExNSA1LjU2MTczIDIuNjI1NUw0LjcxMjczIDIuNDQzNUM0LjY0MDgzIDIuNDI4MTQgNC41NzQ5MSAyLjM5MjMgNC41MjI5MiAyLjM0MDMxQzQuNDcwOTMgMi4yODgzMiA0LjQzNTA5IDIuMjIyNCA0LjQxOTczIDIuMTUwNUw0LjIzNzczIDEuMzAxNUM0LjE1MDczIDAuODk5NSAzLjU3NjczIDAuODk5NSAzLjQ5MDczIDEuMzAxNVpNMTAuODY0NyAxMy45OTk1QzEwLjQ4NTMgMTQuMDA1NiAxMC4xMTU4IDEzLjg3ODIgOS44MjA2NyAxMy42Mzk3QzkuNTI1NTMgMTMuNDAxMyA5LjMyMzQ3IDEzLjA2NjcgOS4yNDk3MyAxMi42OTQ1TDguODkyNzMgMTEuMDI3NUM4LjgzNjc2IDEwLjc2ODcgOC43MDczOCAxMC41MzE2IDguNTIwMDkgMTAuMzQ0NUM4LjMzMjggMTAuMTU3NCA4LjA5NTU0IDEwLjAyODIgNy44MzY3MyA5Ljk3MjVMNi4xNjk3MyA5LjYxNTVDNS4zODg3MyA5LjQ0NjUgNC44NjQ3MyA4Ljc5NzUgNC44NjQ3MyA3Ljk5OTVDNC44NjQ3MyA3LjIwMTUgNS4zODg3MyA2LjU1MjUgNi4xNjk3MyA2LjM4NDVMNy44MzY3MyA2LjAyNzVDOC4wOTU1MSA1Ljk3MTM1IDguMzMyNjcgNS44NDE5MyA4LjUxOTkyIDUuNjU0NjhDOC43MDcxNiA1LjQ2NzQ0IDguODM2NTggNS4yMzAyOCA4Ljg5MjczIDQuOTcxNUw5LjI1MDczIDMuMzA0NUM5LjQxNzczIDIuNTIzNSAxMC4wNjY3IDEuOTk5NSAxMC44NjQ3IDEuOTk5NUMxMS42NjI3IDEuOTk5NSAxMi4zMTE3IDIuNTIzNSAxMi40Nzk3IDMuMzA0NUwxMi44MzY3IDQuOTcxNUMxMi45NTA3IDUuNDk5NSAxMy4zNjQ3IDUuOTEzNSAxMy44OTI3IDYuMDI2NUwxNS41NTk3IDYuMzgzNUMxNi4zNDA3IDYuNTUyNSAxNi44NjQ3IDcuMjAxNSAxNi44NjQ3IDcuOTk5NUMxNi44NjQ3IDguNzk3NSAxNi4zNDA3IDkuNDQ2NSAxNS41NTk3IDkuNjE0NUwxMy44OTI3IDkuOTcxNUMxMy42MzM3IDEwLjAyNzUgMTMuMzk2MyAxMC4xNTcgMTMuMjA5IDEwLjM0NDVDMTMuMDIxNyAxMC41MzE5IDEyLjg5MjUgMTAuNzY5NCAxMi44MzY3IDExLjAyODVMMTIuNDc4NyAxMi42OTQ1QzEyLjQwNTQgMTMuMDY2NyAxMi4yMDM2IDEzLjQwMTQgMTEuOTA4NiAxMy42Mzk5QzExLjYxMzUgMTMuODc4NCAxMS4yNDQxIDE0LjAwNTcgMTAuODY0NyAxMy45OTk1Wk0xMC44NjQ3IDMuMjQ5NUMxMC43NjY3IDMuMjQ5NSAxMC41MzM3IDMuMjc5NSAxMC40NzI3IDMuNTY1NUwxMC4xMTQ3IDUuMjMzNUMxMC4wMDgxIDUuNzI3NzcgOS43NjExNiA2LjE4MDgyIDkuNDAzNjEgNi41MzgzN0M5LjA0NjA2IDYuODk1OTMgOC41OTMwMSA3LjE0MjgzIDguMDk4NzMgNy4yNDk1TDYuNDMxNzMgNy42MDY1QzYuMTQ1NzMgNy42Njg1IDYuMTE0NzMgNy45MDE1IDYuMTE0NzMgNy45OTk1QzYuMTE0NzMgOC4wOTc1IDYuMTQ1NzMgOC4zMzA1IDYuNDMxNzMgOC4zOTI1TDguMDk4NzMgOC43NDk1QzguNTkzMDEgOC44NTYxNyA5LjA0NjA2IDkuMTAzMDcgOS40MDM2MSA5LjQ2MDYyQzkuNzYxMTYgOS44MTgxNyAxMC4wMDgxIDEwLjI3MTIgMTAuMTE0NyAxMC43NjU1TDEwLjQ3MjcgMTIuNDMzNUMxMC41MzM3IDEyLjcxOTUgMTAuNzY2NyAxMi43NDk1IDEwLjg2NDcgMTIuNzQ5NUMxMC45NjI3IDEyLjc0OTUgMTEuMTk1NyAxMi43MTk1IDExLjI1NjcgMTIuNDMzNUwxMS42MTQ3IDEwLjc2NjVDMTEuNzIxMiAxMC4yNzIgMTEuOTY4MSA5LjgxODc4IDEyLjMyNTYgOS40NjEwM0MxMi42ODMyIDkuMTAzMjkgMTMuMTM2MyA4Ljg1NjI0IDEzLjYzMDcgOC43NDk1TDE1LjI5NzcgOC4zOTI1QzE1LjU4MzcgOC4zMzA1IDE1LjYxNDcgOC4wOTc1IDE1LjYxNDcgNy45OTk1QzE1LjYxNDcgNy45MDE1IDE1LjU4MzcgNy42Njg1IDE1LjI5NzcgNy42MDY1TDEzLjYzMDcgNy4yNDk1QzEzLjEzNjUgNy4xNDI4MyAxMi42ODM0IDYuODk1OTMgMTIuMzI1OSA2LjUzODM3QzExLjk2ODMgNi4xODA4MiAxMS43MjE0IDUuNzI3NzcgMTEuNjE0NyA1LjIzMzVMMTEuMjU2NyAzLjU2NTVDMTEuMTk1NyAzLjI3OTUgMTAuOTYyNyAzLjI0OTUgMTAuODY0NyAzLjI0OTVaTTMuMzA4NzMgMTIuMTUwNUwzLjQ5MDczIDExLjMwMTVDMy41NzY3MyAxMC44OTk1IDQuMTUwNzMgMTAuODk5NSA0LjIzNzczIDExLjMwMTVMNC40MTk3MyAxMi4xNTA1QzQuNDM1MDkgMTIuMjIyNCA0LjQ3MDkzIDEyLjI4ODMgNC41MjI5MiAxMi4zNDAzQzQuNTc0OTEgMTIuMzkyMyA0LjY0MDgzIDEyLjQyODEgNC43MTI3MyAxMi40NDM1TDUuNTYxNzMgMTIuNjI1NUM1Ljk2MzczIDEyLjcxMTUgNS45NjM3MyAxMy4yODU1IDUuNTYxNzMgMTMuMzcyNUw0LjcxMjczIDEzLjU1NDVDNC42NDA4MyAxMy41Njk5IDQuNTc0OTEgMTMuNjA1NyA0LjUyMjkyIDEzLjY1NzdDNC40NzA5MyAxMy43MDk3IDQuNDM1MDkgMTMuNzc1NiA0LjQxOTczIDEzLjg0NzVMNC4yMzc3MyAxNC42OTY1QzQuMTUxNzMgMTUuMDk4NSAzLjU3NzczIDE1LjA5ODUgMy40OTA3MyAxNC42OTY1TDMuMzA4NzMgMTMuODQ3NUMzLjI5MzM3IDEzLjc3NTYgMy4yNTc1NCAxMy43MDk3IDMuMjA1NTUgMTMuNjU3N0MzLjE1MzU2IDEzLjYwNTcgMy4wODc2NCAxMy41Njk5IDMuMDE1NzMgMTMuNTU0NUwyLjE2NjczIDEzLjM3MjVDMS43NjQ3MyAxMy4yODY1IDEuNzY0NzMgMTIuNzEyNSAyLjE2NjczIDEyLjYyNTVMMy4wMTU3MyAxMi40NDM1QzMuMDg3NjkgMTIuNDI4MyAzLjE1MzY4IDEyLjM5MjUgMy4yMDU2OCAxMi4zNDA1QzMuMjU3NjkgMTIuMjg4NCAzLjI5MzQ5IDEyLjIyMjUgMy4zMDg3MyAxMi4xNTA1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); --new-alt-text-spinner-icon:url(data:image/svg+xml;base64,PCEtLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljCiAgIC0gTGljZW5zZSwgdi4gMi4wLiBJZiBhIGNvcHkgb2YgdGhlIE1QTCB3YXMgbm90IGRpc3RyaWJ1dGVkIHdpdGggdGhpcwogICAtIGZpbGUsIFlvdSBjYW4gb2J0YWluIG9uZSBhdCBodHRwOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uIC0tPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPgogIDxzdHlsZT4KICAgIEBtZWRpYSBub3QgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb24pIHsKICAgICAgQGtleWZyYW1lcyBsb2FkaW5nUm90YXRlIHsKICAgICAgICBmcm9tIHsgcm90YXRlOiAwOyB9IHRvIHsgcm90YXRlOiAzNjBkZWcgfQogICAgICB9CiAgICAgICNjaXJjbGUtYXJyb3dzIHsKICAgICAgICBhbmltYXRpb246IGxvYWRpbmdSb3RhdGUgMS44cyBsaW5lYXIgaW5maW5pdGU7CiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTsKICAgICAgfQogICAgICAjaG91cmdsYXNzIHsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgICB9CiAgICB9CgogICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uKSB7CiAgICAgICNjaXJjbGUtYXJyb3dzIHsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aCBpZD0iY2lyY2xlLWFycm93cyIgZD0iTTkgNS41MjhjMCAuNDIuNTA4LjYzLjgwNC4zMzNsMi41MjgtMi41MjhhLjQ3LjQ3IDAgMCAwIDAtLjY2Nkw5LjgwNS4xNEEuNDcxLjQ3MSAwIDAgMCA5IC40NzJ2MS44NjZBNS43NTYgNS43NTYgMCAwIDAgMi4yNSA4YzAgLjk0Mi4yMzIgMS44My42MzUgMi42MTVsMS4xNDMtMS4xNDNBNC4yMDggNC4yMDggMCAwIDEgMy43NSA4IDQuMjU0IDQuMjU0IDAgMCAxIDggMy43NWMuMzQ1IDAgLjY4LjA0MiAxIC4xMjJ2MS42NTZ6TTcgMTAuNDcydjEuNjU2Yy4zMi4wOC42NTUuMTIyIDEgLjEyMkE0LjI1NCA0LjI1NCAwIDAgMCAxMi4yNSA4YzAtLjUyLS4xMDctMS4wMTMtLjI3OS0xLjQ3NGwxLjE0My0xLjE0M2MuNDA0Ljc4Ni42MzYgMS42NzQuNjM2IDIuNjE3QTUuNzU2IDUuNzU2IDAgMCAxIDcgMTMuNjYydjEuODY2YS40Ny40NyAwIDAgMS0uODA0LjMzM2wtMi41MjgtMi41MjhhLjQ3LjQ3IDAgMCAxIDAtLjY2NmwyLjUyOC0yLjUyOGEuNDcuNDcgMCAwIDEgLjgwNC4zMzN6Ii8+CiAgPGcgaWQ9ImhvdXJnbGFzcyI+CiAgICA8cGF0aCBkPSJNMTMsMSBDMTMuNTUyMjg0NywxIDE0LDEuNDQ3NzE1MjUgMTQsMiBDMTQsMi41NTIyODQ3NSAxMy41NTIyODQ3LDMgMTMsMyBMMTIuOTg1NDIxNywyLjk5OTkwODAxIEMxMi45OTUwODE3LDMuMTY0OTU4ODUgMTMsMy4zMzE3MzI3NCAxMywzLjUgQzEzLDUuMjQ2Nzk4ODUgMTAuOTg3NzMxOCw2LjAxMDkwNDk1IDEwLjk4NzczMTgsOC4wMDE3NTM4IEMxMC45ODc3MzE4LDkuOTkyNjAyNjQgMTMsMTAuNzUzNjkyMiAxMywxMi41IEMxMywxMi42Njg2MDc5IDEyLjk5NTA2MTcsMTIuODM1NzE2MyAxMi45ODUzNjMsMTMuMDAxMDk0MyBMMTMsMTMgQzEzLjU1MjI4NDcsMTMgMTQsMTMuNDQ3NzE1MyAxNCwxNCBDMTQsMTQuNTUyMjg0NyAxMy41NTIyODQ3LDE1IDEzLDE1IEwzLDE1IEMyLjQ0NzcxNTI1LDE1IDIsMTQuNTUyMjg0NyAyLDE0IEMyLDEzLjQ0NzcxNTMgMi40NDc3MTUyNSwxMyAzLDEzIEwzLjAxNDYzNzA0LDEzLjAwMTA5NDMgQzMuMDA0OTM4MjcsMTIuODM1NzE2MyAzLDEyLjY2ODYwNzkgMywxMi41IEMzLDEwLjc1MzY5MjIgNC45ODc3MzE4LDkuOTkyNjAyNjQgNSw4LjAwMTc1MzggQzUuMDEyMjY4Miw2LjAxMDkwNDk1IDMsNS4yNDY3OTg4NSAzLDMuNSBDMywzLjMzMTczMjc0IDMuMDA0OTE4MzQsMy4xNjQ5NTg4NSAzLjAxNDU3ODMyLDIuOTk5OTA4MDEgTDMsMyBDMi40NDc3MTUyNSwzIDIsMi41NTIyODQ3NSAyLDIgQzIsMS40NDc3MTUyNSAyLjQ0NzcxNTI1LDEgMywxIEwxMywxIFogTTEwLjk4NywzIEw1LjAxMiwzIEw1LjAwMzA4OTE0LDMuMjQ4MTU3MTIgQzUuMDAxMDM3MDcsMy4zMzE2MzM2OCA1LDMuNDE1NTk0OCA1LDMuNSBDNSw1LjM2MTI1MDY5IDYuOTkxNTM2NDYsNi4wMTc3NDA4OSA2Ljk5MTUzNjQ2LDguMDAxNzUzOCBDNi45OTE1MzY0Niw5Ljk4NTc2NjcxIDUsMTAuNjM5MzczNyA1LDEyLjUgTDUuMDAzMDc3NDYsMTIuNzUxMzY3NiBMNS4wMTIyMjIwMSwxMi45OTk4MzkyIEw1LjYwMTkxNzExLDEyLjk5ODgzNDQgTDYuMDQyNTEzOCwxMi4yOTU5ODI2IEM3LjAyMzYyNzMxLDEwLjc2NTMyNzUgNy42NzYxMjI3MSwxMCA4LDEwIEM4LjM3MDE0NTQ3LDEwIDkuMTY5NTA2NDQsMTAuOTk5NjExNSAxMC4zOTgwODI5LDEyLjk5ODgzNDQgTDEwLjk4Nzc3OCwxMi45OTk4MzkyIEMxMC45OTU4Njc0LDEyLjgzNTIxMDQgMTEsMTIuNjY4NDkgMTEsMTIuNSBDMTEsMTAuNjM5MzczNyA4Ljk4Njg5Nzc5LDEwLjAxNDczODEgOC45ODY4OTc3OSw4LjAwMTc1MzggQzguOTg2ODk3NzksNS45ODg3Njk1MyAxMSw1LjM2MTI1MDY5IDExLDMuNSBMMTAuOTk2OTEwOSwzLjI0ODE1NzEyIEwxMC45ODcsMyBaIi8+CiAgICA8cGF0aCBkPSJNNiw0IEwxMCw0IEM4Ljk1MTY2MDE2LDYgOC4yODQ5OTM0OSw3IDgsNyBDNy43MTUwMDY1MSw3IDcuMDQ4MzM5ODQsNiA2LDQgWiIvPgogIDwvZz4KPC9zdmc+Cg==); --preview-image-bg-color:light-dark(#f0f0f4, #2b2a33); --preview-image-border:none; @media screen and (forced-colors: active){ --preview-image-bg-color:ButtonFace; --preview-image-border:1px solid ButtonText; } width:80%; max-width:570px; min-width:300px; padding:0; &.noAi{ #newAltTextDisclaimer, #newAltTextCreateAutomatically{ display:none !important; } } &.aiInstalling{ #newAltTextCreateAutomatically{ display:none !important; } #newAltTextDownloadModel{ display:flex !important; } } &.error{ #newAltTextNotNow{ display:none !important; } #newAltTextCancel{ display:inline-block !important; } } &:not(.error) #newAltTextError{ display:none !important; } #newAltTextContainer{ display:flex; width:auto; padding:16px; flex-direction:column; justify-content:flex-end; align-items:flex-start; gap:12px; flex:0 1 auto; line-height:normal; #mainContent{ display:flex; justify-content:flex-end; align-items:flex-start; gap:12px; align-self:stretch; flex:1 1 auto; #descriptionAndSettings{ display:flex; flex-direction:column; align-items:flex-start; gap:16px; flex:1 0 0; align-self:stretch; } #descriptionInstruction{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; align-self:stretch; flex:1 1 auto; #newAltTextDescriptionContainer{ width:100%; height:70px; position:relative; textarea{ width:100%; height:100%; padding:8px; &::-moz-placeholder{ color:var(--text-secondary-color); } &::placeholder{ color:var(--text-secondary-color); } } .altTextSpinner{ display:none; position:absolute; width:16px; height:16px; inset-inline-start:8px; inset-block-start:8px; -webkit-mask-size:cover; mask-size:cover; background-color:var(--text-secondary-color); pointer-events:none; } &.loading{ textarea::-moz-placeholder{ color:transparent; } textarea::placeholder{ color:transparent; } .altTextSpinner{ display:inline-block; -webkit-mask-image:var(--new-alt-text-spinner-icon); mask-image:var(--new-alt-text-spinner-icon); } } } #newAltTextDescription{ font-size:11px; } #newAltTextDisclaimer{ display:flex; flex-direction:row; align-items:flex-start; gap:4px; font-size:11px; &::before{ content:""; display:inline-block; width:17px; height:16px; -webkit-mask-image:var(--new-alt-text-ai-disclaimer-icon); mask-image:var(--new-alt-text-ai-disclaimer-icon); -webkit-mask-size:cover; mask-size:cover; background-color:var(--text-secondary-color); flex:1 0 auto; } } } #newAltTextDownloadModel{ display:flex; align-items:center; gap:4px; align-self:stretch; &::before{ content:""; display:inline-block; width:16px; height:16px; -webkit-mask-image:var(--new-alt-text-spinner-icon); mask-image:var(--new-alt-text-spinner-icon); -webkit-mask-size:cover; mask-size:cover; background-color:var(--text-secondary-color); } } #newAltTextImagePreview{ width:180px; aspect-ratio:1; display:flex; justify-content:center; align-items:center; flex:0 0 auto; background-color:var(--preview-image-bg-color); border:var(--preview-image-border); > canvas{ max-width:100%; max-height:100%; } } } } } .colorPicker{ --hover-outline-color:var( --color-accent-primary-hover, light-dark(#0250bb, #80ebff) ); --selected-outline-color:light-dark(#0060df, #aaf2ff); --swatch-border-color:light-dark(#cfcfd8, #52525e); @media screen and (forced-colors: active){ --hover-outline-color:Highlight; --selected-outline-color:var(--hover-outline-color); --swatch-border-color:ButtonText; } .swatch{ width:16px; height:16px; border:1px solid var(--swatch-border-color); border-radius:100%; outline-offset:2px; box-sizing:border-box; forced-color-adjust:none; } button:is(:hover, .selected) > .swatch{ border:none; } } .basicColorPicker{ width:28px; &::-moz-color-swatch{ border-radius:100%; margin:0; } &::-webkit-color-swatch{ border-radius:100%; margin:0; } } .annotationEditorLayer{ &[data-main-rotation="0"]{ .highlightEditor:not(.free) > .editToolbar{ rotate:0deg; } } &[data-main-rotation="90"]{ .highlightEditor:not(.free) > .editToolbar{ rotate:270deg; } } &[data-main-rotation="180"]{ .highlightEditor:not(.free) > .editToolbar{ rotate:180deg; } } &[data-main-rotation="270"]{ .highlightEditor:not(.free) > .editToolbar{ rotate:90deg; } } .highlightEditor{ position:absolute; background:transparent; z-index:1; cursor:auto; max-width:100%; max-height:100%; border:none; outline:none; pointer-events:none; transform-origin:0 0; &:not(.free){ transform:none; } .internal{ position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:auto; } &.disabled .internal{ pointer-events:none; } &.selectedEditor{ .internal{ cursor:pointer; } } .editToolbar{ --editor-toolbar-colorpicker-arrow-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMjMzMzYgMTAuNDY2NEwxMS44NDc0IDYuODUzMzlDMTEuODk0IDYuODA3MSAxMS45MzEgNi43NTIwMyAxMS45NTYzIDYuNjkxMzZDMTEuOTgxNiA2LjYzMDY5IDExLjk5NDYgNi41NjU2MiAxMS45OTQ2IDYuNDk5ODlDMTEuOTk0NiA2LjQzNDE3IDExLjk4MTYgNi4zNjkxIDExLjk1NjMgNi4zMDg0M0MxMS45MzEgNi4yNDc3NiAxMS44OTQgNi4xOTI2OSAxMS44NDc0IDYuMTQ2MzlDMTEuNzUzNiA2LjA1MjY2IDExLjYyNjQgNiAxMS40OTM5IDZDMTEuMzYxMyA2IDExLjIzNDEgNi4wNTI2NiAxMS4xNDA0IDYuMTQ2MzlMNy45OTIzNiA5LjI5MzM5TDQuODQ3MzYgNi4xNDczOUM0Ljc1MzA1IDYuMDU2MzEgNC42MjY3NSA2LjAwNTkyIDQuNDk1NjYgNi4wMDcwNkM0LjM2NDU2IDYuMDA4MiA0LjIzOTE1IDYuMDYwNzggNC4xNDY0NSA2LjE1MzQ4QzQuMDUzNzQgNi4yNDYxOSA0LjAwMTE2IDYuMzcxNTkgNC4wMDAwMiA2LjUwMjY5QzMuOTk4ODggNi42MzM3OSA0LjA0OTI4IDYuNzYwMDkgNC4xNDAzNiA2Ljg1NDM5TDcuNzUyMzYgMTAuNDY3NEw4LjIzMzM2IDEwLjQ2NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); transform-origin:center !important; .buttons{ .colorPicker{ position:relative; width:auto; display:flex; justify-content:center; align-items:center; gap:4px; padding:4px; &::after{ content:""; -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image); mask-image:var(--editor-toolbar-colorpicker-arrow-image); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; display:inline-block; background-color:var(--editor-toolbar-fg-color); width:12px; height:12px; } &:hover::after{ background-color:var(--editor-toolbar-hover-fg-color); } &:has(.dropdown:not(.hidden)){ background-color:var(--editor-toolbar-hover-bg-color); &::after{ scale:-1; } } .dropdown{ position:absolute; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:11px; padding-block:8px; border-radius:6px; background-color:var(--editor-toolbar-bg-color); border:1px solid var(--editor-toolbar-border-color); box-shadow:var(--editor-toolbar-shadow); inset-block-start:calc(100% + 4px); width:calc(100% + 2 * var(--editor-toolbar-padding)); button{ width:100%; height:auto; border:none; cursor:pointer; display:flex; justify-content:center; align-items:center; background:none; &:is(:active, :focus-visible){ outline:none; } > .swatch{ outline-offset:2px; } &[aria-selected="true"] > .swatch{ outline:2px solid var(--selected-outline-color); } &:is(:hover, :active, :focus-visible) > .swatch{ outline:2px solid var(--hover-outline-color); } } } } } } } } .editorParamsToolbar:has(#highlightParamsToolbarContainer){ padding:unset; } #highlightParamsToolbarContainer{ gap:16px; padding-inline:10px; padding-block-end:12px; .colorPicker{ display:flex; flex-direction:column; gap:8px; .dropdown{ display:flex; justify-content:space-between; align-items:center; flex-direction:row; height:auto; button{ width:auto; height:auto; border:none; cursor:pointer; display:flex; justify-content:center; align-items:center; background:none; flex:0 0 auto; padding:0; .swatch{ width:24px; height:24px; } &:is(:active, :focus-visible){ outline:none; } &[aria-selected="true"] > .swatch{ outline:2px solid var(--selected-outline-color); } &:is(:hover, :active, :focus-visible) > .swatch{ outline:2px solid var(--hover-outline-color); } } } } #editorHighlightThickness{ display:flex; flex-direction:column; align-items:center; gap:4px; align-self:stretch; .editorParamsLabel{ height:auto; align-self:stretch; } .thicknessPicker{ display:flex; justify-content:space-between; align-items:center; align-self:stretch; --example-color:light-dark(#bfbfc9, #80808e); @media screen and (forced-colors: active){ --example-color:CanvasText; } :is(& > .editorParamsSlider[disabled]){ opacity:0.4; } &::before, &::after{ content:""; width:8px; aspect-ratio:1; display:block; border-radius:100%; background-color:var(--example-color); } &::after{ width:24px; } .editorParamsSlider{ width:unset; height:14px; } } } #editorHighlightVisibility{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; align-self:stretch; .divider{ --divider-color:light-dark(#d7d7db, #8f8f9d); @media screen and (forced-colors: active){ --divider-color:CanvasText; } margin-block:4px; width:100%; height:1px; background-color:var(--divider-color); } .toggler{ display:flex; justify-content:space-between; align-items:center; align-self:stretch; } } } #altTextSettingsDialog{ padding:16px; #altTextSettingsContainer{ display:flex; width:573px; flex-direction:column; gap:16px; .mainContainer{ gap:16px; } .description{ color:var(--text-secondary-color); } #aiModelSettings{ display:flex; flex-direction:column; gap:12px; } #automaticAltText, #altTextEditor{ display:flex; flex-direction:column; gap:8px; } #createModelDescription, #aiModelSettings, #showAltTextDialogDescription{ padding-inline-start:40px; } #automaticSettings{ display:flex; flex-direction:column; gap:16px; } } } button.hasPopupMenu{ &[aria-expanded="true"] + menu{ visibility:visible; } &[aria-expanded="false"] + menu{ visibility:hidden; } } .popupMenu{ --menuitem-checkmark-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Zz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS43OTI1MyAwLjE0NjgzQzEwLjIwODYgMC40MTg4NDQgMTAuMzI1MyAwLjk3NjYwNyAxMC4wNTMzIDEuMzkyNjNMNC41NjA5NyA5Ljc5MjYzQzQuNDA4MSAxMC4wMjY0IDQuMTU1MzMgMTAuMTc2IDMuODc2ODIgMTAuMTk3NEMzLjU5ODMgMTAuMjE4OSAzLjMyNTYxIDEwLjEwOTggMy4xMzg3NCA5LjkwMjE3TDAuMjMxMDQzIDYuNjcxNEMtMC4xMDE0NyA2LjMwMTk0IC0wLjA3MTUxOTYgNS43MzI4OCAwLjI5Nzk0IDUuNDAwMzdDMC42NjczOTkgNS4wNjc4NiAxLjIzNjQ2IDUuMDk3ODEgMS41Njg5NyA1LjQ2NzI3TDMuNjk0MzggNy44Mjg4M0w4LjU0Njc0IDAuNDA3NTc5QzguODE4NzUgLTAuMDA4NDQyMzQgOS4zNzY1MSAtMC4xMjUxODMgOS43OTI1MyAwLjE0NjgzWiIgZmlsbD0iYmxhY2siLz4KICA8L2c+Cjwvc3ZnPg==); --menu-mark-icon-size:0; --menu-icon-size:16px; --menuitem-gap:5px; --menuitem-border-color:transparent; --menuitem-active-bg:color-mix( in srgb, var(--menu-text-color), transparent 79% ); --menuitem-text-active-fg:var(--menu-text-color); --menuitem-active-border-color:var(--menuitem-border-color); --menuitem-focus-bg:color-mix( in srgb, var(--menu-text-color), transparent 93% ); --menuitem-focus-outline-color:var( --focus-outline-color, light-dark(#0062fa, #00cadb) ); --menuitem-focus-border-color:light-dark(white, black); --menu-bg:var(--background-color-box, light-dark(white, #23222b)); --menu-background-blend-mode:normal; --menu-box-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --menu-border-color:light-dark(rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1)); --menuitem-border-radius:8px; --menu-backdrop-filter:none; --menu-text-color:var(--text-color, light-dark(#15141a, #fbfbfe)); --menu-text-disabled-color:var(--menu-text-color); --menuitem-text-hover-fg:var(--menu-text-color); --menuitem-hover-bg:color-mix( in srgb, var(--menu-text-color), transparent 86% ); --menuitem-hover-background-blend-mode:normal; --disabled-opacity:0.62; @media screen and (forced-colors: active){ --menu-bg:var(--background-color-box, Canvas); --menu-background-blend-mode:normal; --menu-box-shadow:none; --menu-backdrop-filter:none; --menu-text-color:var(--text-color, ButtonText); --menu-text-disabled-color:GrayText; --menu-border-color:CanvasText; --menuitem-border-color:none; --menuitem-hover-bg:SelectedItemText; --menuitem-text-hover-fg:SelectedItem; --menuitem-active-bg:SelectedItemText; --menuitem-active-border-color:ButtonText; --menuitem-text-active-fg:SelectedItem; --menuitem-focus-bg:ButtonFace; --menuitem-focus-outline-color:var(--focus-outline-color, CanvasText); --menuitem-focus-border-color:none; --disabled-opacity:1; } display:flex; flex-direction:column; width:-moz-max-content; width:max-content; height:auto; position:relative; left:0; top:1px; margin:0; padding:5px; box-sizing:border-box; background:var(--menu-bg); background-blend-mode:var(--menu-background-blend-mode); box-shadow:var(--menu-box-shadow); border-radius:6px; border:1px solid var(--menu-border-color); backdrop-filter:var(--menu-backdrop-filter); &.withMark{ --menu-mark-icon-size:16px; } > button{ display:flex; align-items:center; position:relative; width:100%; height:26px; padding-inline:calc(var(--menu-mark-icon-size) + var(--menuitem-gap)) var(--menuitem-gap); gap:var(--menuitem-gap); box-sizing:border-box; border-radius:var(--menuitem-border-radius); border:1px solid var(--menuitem-border-color); background:transparent; &.selected::after{ content:""; display:inline-block; width:11px; height:11px; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-image:var(--menuitem-checkmark-icon); mask-image:var(--menuitem-checkmark-icon); background-color:var(--menu-text-color); position:absolute; inset-inline-start:var(--menuitem-gap); top:50%; transform:translateY(-50%) scaleX(var(--dir-factor)); } &:disabled{ opacity:var(--disabled-opacity); &.selected::after{ background-color:var(--menu-text-disabled-color); } &:not(.noIcon)::before{ background-color:var(--menu-text-disabled-color); } > span{ color:var(--menu-text-disabled-color); } } &:not(:disabled){ &:hover{ background:var(--menuitem-hover-bg); background-blend-mode:var(--menuitem-hover-background-blend-mode); &:not(.noIcon)::before{ background-color:var(--menuitem-text-hover-fg); } > span{ color:var(--menuitem-text-hover-fg); } &.selected::after{ background-color:var(--menuitem-text-hover-fg); } } &:active{ background-color:var(--menuitem-active-bg); border-color:var(--menuitem-active-border-color); > span{ color:var(--menuitem-text-active-fg); } } &:focus-visible{ border-color:var(--menuitem-focus-border-color); background-color:var(--menuitem-focus-bg); outline:2px solid var(--menuitem-focus-outline-color); outline-offset:2px; } } &:not(.noIcon)::before{ display:inline-block; width:var(--menu-icon-size); height:var(--menu-icon-size); content:""; -webkit-mask-size:cover; mask-size:cover; -webkit-mask-position:center; mask-position:center; background-color:var(--menu-text-color); } > span{ display:flex; align-items:center; align-self:stretch; width:100%; min-width:-moz-max-content; min-width:max-content; text-align:start; color:var(--menu-text-color); -webkit-user-select:none; -moz-user-select:none; user-select:none; padding-inline-start:6px; font:menu; font-size:13px; font-style:normal; font-weight:510; line-height:normal; } } } .treeView{ --treeitem-color:light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8)); --treeitem-bg-color:light-dark(rgb(0 0 0 / 0.15), rgb(255 255 255 / 0.15)); --treeitem-hover-color:light-dark(rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9)); --treeitem-selected-color:light-dark( rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9) ); --treeitem-selected-bg-color:light-dark( rgb(0 0 0 / 0.25), rgb(255 255 255 / 0.25) ); --treeitem-expanded-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEwIDEzbDQtN0g2eiIvPjwvc3ZnPg==); --treeitem-collapsed-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEzIDlMNiA1djh6Ii8+PC9zdmc+); &.withNesting{ .treeItemToggler{ &::before{ position:absolute; display:inline-block; width:16px; height:16px; inset-inline-end:4px; content:""; background-color:var(--toolbar-icon-bg-color); -webkit-mask-image:var(--treeitem-expanded-icon); mask-image:var(--treeitem-expanded-icon); -webkit-mask-size:cover; mask-size:cover; } position:relative; float:inline-start; height:0; width:0; color:rgb(255 255 255 / 0.5); &.treeItemsHidden{ &::before{ -webkit-mask-image:var(--treeitem-collapsed-icon); mask-image:var(--treeitem-collapsed-icon); transform:scaleX(var(--dir-factor)); } ~ .treeItems{ display:none; } } &:hover + a, &:hover ~ .treeItems{ background-color:var(--treeitem-bg-color); background-clip:padding-box; border-radius:2px; color:var(--treeitem-hover-color); } } > .treeItem, .treeItem > .treeItems{ margin-inline-start:20px; } } &#layersView .treeItem > a{ *{ cursor:pointer; } > label{ display:flex; align-items:center; padding-inline-start:4px; > input{ margin-top:1px; } } } .treeItem{ > a{ text-decoration:none; display:inline-block; min-width:calc(100% - 4px); height:auto; margin-bottom:1px; padding:2px 0 5px; padding-inline-start:4px; border-radius:2px; color:var(--treeitem-color); font-size:13px; line-height:15px; -webkit-user-select:none; -moz-user-select:none; user-select:none; white-space:normal; cursor:default; &:hover{ background-color:var(--treeitem-bg-color); background-clip:padding-box; border-radius:2px; color:var(--treeitem-hover-color); } } &.selected > a{ background-color:var(--treeitem-selected-bg-color); color:var(--treeitem-selected-color); } } } #outerContainer{ &.viewsManagerMoving{ #viewsManager{ visibility:visible; } } &.viewsManagerOpen{ #viewsManager{ visibility:visible; inset-inline-start:8px; } #viewerContainer:not(.pdfPresentationMode){ inset-inline-start:var(--viewsManager-width, 0); transition-property:inset-inline-start; } } &.viewsManagerResizing :is(#sidebarContainer, #viewerContainer, #loadingBar){ transition-duration:0s; } } #viewsManager{ --views-manager-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMgN0g1QzUuNTMwNDMgNyA2LjAzOTE0IDYuNzg5MjkgNi40MTQyMSA2LjQxNDIxQzYuNzg5MjkgNi4wMzkxNCA3IDUuNTMwNDMgNyA1VjNDNyAyLjQ2OTU3IDYuNzg5MjkgMS45NjA4NiA2LjQxNDIxIDEuNTg1NzlDNi4wMzkxNCAxLjIxMDcxIDUuNTMwNDMgMSA1IDFIM0MyLjQ2OTU3IDEgMS45NjA4NiAxLjIxMDcxIDEuNTg1NzkgMS41ODU3OUMxLjIxMDcxIDEuOTYwODYgMSAyLjQ2OTU3IDEgM1Y1QzEgNS41MzA0MyAxLjIxMDcxIDYuMDM5MTQgMS41ODU3OSA2LjQxNDIxQzEuOTYwODYgNi43ODkyOSAyLjQ2OTU3IDcgMyA3Wk0xMSA3SDEzQzEzLjUzMDQgNyAxNC4wMzkxIDYuNzg5MjkgMTQuNDE0MiA2LjQxNDIxQzE0Ljc4OTMgNi4wMzkxNCAxNSA1LjUzMDQzIDE1IDVWM0MxNSAyLjQ2OTU3IDE0Ljc4OTMgMS45NjA4NiAxNC40MTQyIDEuNTg1NzlDMTQuMDM5MSAxLjIxMDcxIDEzLjUzMDQgMSAxMyAxSDExQzEwLjQ2OTYgMSA5Ljk2MDg2IDEuMjEwNzEgOS41ODU3OSAxLjU4NTc5QzkuMjEwNzEgMS45NjA4NiA5IDIuNDY5NTcgOSAzVjVDOSA1LjUzMDQzIDkuMjEwNzEgNi4wMzkxNCA5LjU4NTc5IDYuNDE0MjFDOS45NjA4NiA2Ljc4OTI5IDEwLjQ2OTYgNyAxMSA3Wk01IDE1SDNDMi40Njk1NyAxNSAxLjk2MDg2IDE0Ljc4OTMgMS41ODU3OSAxNC40MTQyQzEuMjEwNzEgMTQuMDM5MSAxIDEzLjUzMDQgMSAxM1YxMUMxIDEwLjQ2OTYgMS4yMTA3MSA5Ljk2MDg2IDEuNTg1NzkgOS41ODU3OUMxLjk2MDg2IDkuMjEwNzEgMi40Njk1NyA5IDMgOUg1QzUuNTMwNDMgOSA2LjAzOTE0IDkuMjEwNzEgNi40MTQyMSA5LjU4NTc5QzYuNzg5MjkgOS45NjA4NiA3IDEwLjQ2OTYgNyAxMVYxM0M3IDEzLjUzMDQgNi43ODkyOSAxNC4wMzkxIDYuNDE0MjEgMTQuNDE0MkM2LjAzOTE0IDE0Ljc4OTMgNS41MzA0MyAxNSA1IDE1Wk0xMSAxNUgxM0MxMy41MzA0IDE1IDE0LjAzOTEgMTQuNzg5MyAxNC40MTQyIDE0LjQxNDJDMTQuNzg5MyAxNC4wMzkxIDE1IDEzLjUzMDQgMTUgMTNWMTFDMTUgMTAuNDY5NiAxNC43ODkzIDkuOTYwODYgMTQuNDE0MiA5LjU4NTc5QzE0LjAzOTEgOS4yMTA3MSAxMy41MzA0IDkgMTMgOUgxMUMxMC40Njk2IDkgOS45NjA4NiA5LjIxMDcxIDkuNTg1NzkgOS41ODU3OUM5LjIxMDcxIDkuOTYwODYgOSAxMC40Njk2IDkgMTFWMTNDOSAxMy41MzA0IDkuMjEwNzEgMTQuMDM5MSA5LjU4NTc5IDE0LjQxNDJDOS45NjA4NiAxNC43ODkzIDEwLjQ2OTYgMTUgMTEgMTVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=); --views-manager-button-arrow-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTQuMjMzMzYgNy40NjYzOUw3Ljg0NzM2IDMuODUzMzlDNy44OTQwMSAzLjgwNzEgNy45MzEwNCAzLjc1MjAzIDcuOTU2MyAzLjY5MTM2QzcuOTgxNTcgMy42MzA2OSA3Ljk5NDU4IDMuNTY1NjIgNy45OTQ1OCAzLjQ5OTg5QzcuOTk0NTggMy40MzQxNyA3Ljk4MTU3IDMuMzY5MSA3Ljk1NjMgMy4zMDg0M0M3LjkzMTA0IDMuMjQ3NzYgNy44OTQwMSAzLjE5MjY5IDcuODQ3MzYgMy4xNDYzOUM3Ljc1MzU5IDMuMDUyNjYgNy42MjY0NCAzIDcuNDkzODYgM0M3LjM2MTI3IDMgNy4yMzQxMiAzLjA1MjY2IDcuMTQwMzYgMy4xNDYzOUwzLjk5MjM2IDYuMjkzMzlMMC44NDczNTYgMy4xNDczOUMwLjc1MzA1NSAzLjA1NjMxIDAuNjI2NzU0IDMuMDA1OTIgMC40OTU2NTUgMy4wMDcwNkMwLjM2NDU1NyAzLjAwODIgMC4yMzkxNTEgMy4wNjA3OCAwLjE0NjQ0NyAzLjE1MzQ4QzAuMDUzNzQyNSAzLjI0NjE5IDAuMDAxMTU4MTEgMy4zNzE1OSAxLjg5MDEzZS0wNSAzLjUwMjY5Qy0wLjAwMTEyMDMxIDMuNjMzNzkgMC4wNDkyNzY5IDMuNzYwMDkgMC4xNDAzNTYgMy44NTQzOUwzLjc1MjM2IDcuNDY3MzlMNC4yMzMzNiA3LjQ2NjM5WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+); --views-manager-add-file-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDA0ODggOS43NVYxNEM3LjAwNDg4IDE0LjE2NTggNy4wNzA3MyAxNC4zMjQ3IDcuMTg3OTQgMTQuNDQxOUM3LjMwNTE1IDE0LjU1OTIgNy40NjQxMiAxNC42MjUgNy42Mjk4OCAxNC42MjVDNy43OTU2NCAxNC42MjUgNy45NTQ2MSAxNC41NTkyIDguMDcxODMgMTQuNDQxOUM4LjE4OTA0IDE0LjMyNDcgOC4yNTQ4OCAxNC4xNjU4IDguMjU0ODggMTRWOS43NUw4Ljc1NDg4IDkuMjVIMTMuMDA0OUMxMy4xNzA2IDkuMjUgMTMuMzI5NiA5LjE4NDE1IDEzLjQ0NjggOS4wNjY5NEMxMy41NjQgOC45NDk3MyAxMy42Mjk5IDguNzkwNzYgMTMuNjI5OSA4LjYyNUMxMy42Mjk5IDguNDU5MjQgMTMuNTY0IDguMzAwMjcgMTMuNDQ2OCA4LjE4MzA2QzEzLjMyOTYgOC4wNjU4NSAxMy4xNzA2IDggMTMuMDA0OSA4SDguNzU0ODhMOC4yNTQ4OCA3LjVWMy4yNUM4LjI1NDg4IDMuMDg0MjQgOC4xODkwNCAyLjkyNTI3IDguMDcxODMgMi44MDgwNkM3Ljk1NDYxIDIuNjkwODUgNy43OTU2NCAyLjYyNSA3LjYyOTg4IDIuNjI1QzcuNDY0MTIgMi42MjUgNy4zMDUxNSAyLjY5MDg1IDcuMTg3OTQgMi44MDgwNkM3LjA3MDczIDIuOTI1MjcgNy4wMDQ4OCAzLjA4NDI0IDcuMDA0ODggMy4yNVY3LjVMNi41MDQ4OCA4SDIuMjU0ODhDMi4wODkxMiA4IDEuOTMwMTUgOC4wNjU4NSAxLjgxMjk0IDguMTgzMDZDMS42OTU3MyA4LjMwMDI3IDEuNjI5ODggOC40NTkyNCAxLjYyOTg4IDguNjI1QzEuNjI5ODggOC43OTA3NiAxLjY5NTczIDguOTQ5NzMgMS44MTI5NCA5LjA2Njk0QzEuOTMwMTUgOS4xODQxNSAyLjA4OTEyIDkuMjUgMi4yNTQ4OCA5LjI1SDYuMzkxODhMNy4wMDQ4OCA5Ljc1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); --current-outline-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjgwMyA0Ljc0OTk4VjYuMDI0MzZDMTAuODAzIDYuMzkzMDIgMTAuMzU3MSA2LjU3NzkzIDEwLjA5NjcgNi4zMTc1M0w3Ljg3NzE2IDQuMDk4QzcuNzE1NjYgMy45MzY0OSA3LjcxNTY2IDMuNjc0MzQgNy44NzcxNiAzLjUxMjgzTDEwLjA5NjcgMS4yOTMyOUMxMC4zNTcxIDEuMDMyOSAxMC44MDM2IDEuMjE3MjIgMTAuODAzNiAxLjU4NTg4VjMuMjQ5OThIMTVWNC43NDk5OEgxMC44MDNaTTggMS4yNDk5OEgzVjIuNzQ5OThINi41TDggMS4yNDk5OFpNNi41IDUuMjQ5OThIM1Y2Ljc0OTk4SDhMNi41IDUuMjQ5OThaTTMgMTMuMjVIMTVWMTQuNzVIM1YxMy4yNVpNNiA5LjI0OTk4SDE1VjEwLjc1SDZWOS4yNDk5OFpNMS41IDUuMjQ5OThIMFY2Ljc0OTk4SDEuNVY1LjI0OTk4Wk0wIDEzLjI1SDEuNVYxNC43NUgwVjEzLjI1Wk0xLjUgMS4yNDk5OEgwVjIuNzQ5OThIMS41VjEuMjQ5OThaTTMgOS4yNDk5OEg0LjVWMTAuNzVIM1Y5LjI0OTk4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); --menuitem-thumbnailsView-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMgN0g1QzUuNTMwNDMgNyA2LjAzOTE0IDYuNzg5MjkgNi40MTQyMSA2LjQxNDIxQzYuNzg5MjkgNi4wMzkxNCA3IDUuNTMwNDMgNyA1VjNDNyAyLjQ2OTU3IDYuNzg5MjkgMS45NjA4NiA2LjQxNDIxIDEuNTg1NzlDNi4wMzkxNCAxLjIxMDcxIDUuNTMwNDMgMSA1IDFIM0MyLjQ2OTU3IDEgMS45NjA4NiAxLjIxMDcxIDEuNTg1NzkgMS41ODU3OUMxLjIxMDcxIDEuOTYwODYgMSAyLjQ2OTU3IDEgM1Y1QzEgNS41MzA0MyAxLjIxMDcxIDYuMDM5MTQgMS41ODU3OSA2LjQxNDIxQzEuOTYwODYgNi43ODkyOSAyLjQ2OTU3IDcgMyA3Wk0xMSA3SDEzQzEzLjUzMDQgNyAxNC4wMzkxIDYuNzg5MjkgMTQuNDE0MiA2LjQxNDIxQzE0Ljc4OTMgNi4wMzkxNCAxNSA1LjUzMDQzIDE1IDVWM0MxNSAyLjQ2OTU3IDE0Ljc4OTMgMS45NjA4NiAxNC40MTQyIDEuNTg1NzlDMTQuMDM5MSAxLjIxMDcxIDEzLjUzMDQgMSAxMyAxSDExQzEwLjQ2OTYgMSA5Ljk2MDg2IDEuMjEwNzEgOS41ODU3OSAxLjU4NTc5QzkuMjEwNzEgMS45NjA4NiA5IDIuNDY5NTcgOSAzVjVDOSA1LjUzMDQzIDkuMjEwNzEgNi4wMzkxNCA5LjU4NTc5IDYuNDE0MjFDOS45NjA4NiA2Ljc4OTI5IDEwLjQ2OTYgNyAxMSA3Wk01IDE1SDNDMi40Njk1NyAxNSAxLjk2MDg2IDE0Ljc4OTMgMS41ODU3OSAxNC40MTQyQzEuMjEwNzEgMTQuMDM5MSAxIDEzLjUzMDQgMSAxM1YxMUMxIDEwLjQ2OTYgMS4yMTA3MSA5Ljk2MDg2IDEuNTg1NzkgOS41ODU3OUMxLjk2MDg2IDkuMjEwNzEgMi40Njk1NyA5IDMgOUg1QzUuNTMwNDMgOSA2LjAzOTE0IDkuMjEwNzEgNi40MTQyMSA5LjU4NTc5QzYuNzg5MjkgOS45NjA4NiA3IDEwLjQ2OTYgNyAxMVYxM0M3IDEzLjUzMDQgNi43ODkyOSAxNC4wMzkxIDYuNDE0MjEgMTQuNDE0MkM2LjAzOTE0IDE0Ljc4OTMgNS41MzA0MyAxNSA1IDE1Wk0xMSAxNUgxM0MxMy41MzA0IDE1IDE0LjAzOTEgMTQuNzg5MyAxNC40MTQyIDE0LjQxNDJDMTQuNzg5MyAxNC4wMzkxIDE1IDEzLjUzMDQgMTUgMTNWMTFDMTUgMTAuNDY5NiAxNC43ODkzIDkuOTYwODYgMTQuNDE0MiA5LjU4NTc5QzE0LjAzOTEgOS4yMTA3MSAxMy41MzA0IDkgMTMgOUgxMUMxMC40Njk2IDkgOS45NjA4NiA5LjIxMDcxIDkuNTg1NzkgOS41ODU3OUM5LjIxMDcxIDkuOTYwODYgOSAxMC40Njk2IDkgMTFWMTNDOSAxMy41MzA0IDkuMjEwNzEgMTQuMDM5MSA5LjU4NTc5IDE0LjQxNDJDOS45NjA4NiAxNC43ODkzIDEwLjQ2OTYgMTUgMTEgMTVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=); --menuitem-outlinesView-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMS4yNUgxNVYyLjc1SDNWMS4yNVpNMTUgNS4yNUgzVjYuNzVIMTVWNS4yNVpNMTUgMTMuMjVIM1YxNC43NUgxNVYxMy4yNVpNMTUgOS4yNUg2VjEwLjc1SDE1VjkuMjVaTTAgNS4yNUgxLjVWNi43NUgwVjUuMjVaTTEuNSAxMy4yNUgwVjE0Ljc1SDEuNVYxMy4yNVpNMCAxLjI1SDEuNVYyLjc1SDBWMS4yNVpNNC41IDkuMjVIM1YxMC43NUg0LjVWOS4yNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); --menuitem-attachmentsView-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSAzLjc1QzMuNSAxLjY3ODc5IDUuMTc4NzkgMCA3LjI1IDBDOS4zMjEyMSAwIDExIDEuNjc4NzkgMTEgMy43NVYxMC4yNUMxMSAxMS40OTIyIDkuOTkyMjEgMTIuNSA4Ljc1IDEyLjVDNy41MDc3OSAxMi41IDYuNSAxMS40OTIyIDYuNSAxMC4yNVYzLjVIOFYxMC4yNUM4IDEwLjY2MzggOC4zMzYyMSAxMSA4Ljc1IDExQzkuMTYzNzkgMTEgOS41IDEwLjY2MzggOS41IDEwLjI1VjMuNzVDOS41IDIuNTA3MjEgOC40OTI3OSAxLjUgNy4yNSAxLjVDNi4wMDcyMSAxLjUgNSAyLjUwNzIxIDUgMy43NVYxMC43NUM1IDEyLjgyMDggNi42NzkyMSAxNC41IDguNzUgMTQuNUMxMC44MjA4IDE0LjUgMTIuNSAxMi44MjA4IDEyLjUgMTAuNzVWMy41SDE0VjEwLjc1QzE0IDEzLjY0OTIgMTEuNjQ5MiAxNiA4Ljc1IDE2QzUuODUwNzkgMTYgMy41IDEzLjY0OTIgMy41IDEwLjc1VjMuNzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); --menuitem-layersView-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzY2NDUgMi4zNDU2MkM4LjEzODc4IDIuMjE4MTMgNy44NjEyMiAyLjIxODEzIDcuNjMzNTUgMi4zNDU2MkwxLjM4MzU1IDUuODQ1NjJDMS4xNDY2OSA1Ljk3ODI2IDEgNi4yMjg1MyAxIDYuNUMxIDYuNzcxNDcgMS4xNDY2OSA3LjAyMTc0IDEuMzgzNTUgNy4xNTQzOEw3LjYzMzU1IDEwLjY1NDRDNy44NjEyMiAxMC43ODE5IDguMTM4NzggMTAuNzgxOSA4LjM2NjQ1IDEwLjY1NDRMMTQuNjE2NSA3LjE1NDM4QzE0Ljg1MzMgNy4wMjE3NCAxNSA2Ljc3MTQ3IDE1IDYuNUMxNSA2LjIyODUzIDE0Ljg1MzMgNS45NzgyNiAxNC42MTY1IDUuODQ1NjJMOC4zNjY0NSAyLjM0NTYyWk04IDkuMTQwNDFMMy4yODQ5OSA2LjVMOCAzLjg1OTU5TDEyLjcxNSA2LjVMOCA5LjE0MDQxWk0xLjYzNjQ3IDkuMDc2Nkw3Ljk5OTk5IDEyLjY0MDRMMTQuMzI1NSA5LjA5NzYxTDE1LjA1ODUgMTAuNDA2M0w4LjM2NjQ5IDE0LjE1NDNDOC4xMzg4MSAxNC4yODE4IDcuODYxMjIgMTQuMjgxOSA3LjYzMzUzIDE0LjE1NDNMMC45MDM1MzQgMTAuMzg1M0wxLjYzNjQ3IDkuMDc2NloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); --manage-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzUxNzYgMTAuOTk4OUwxMy44MTc4IDUuNTMzOTFDMTMuODc2IDUuNDc1OTQgMTMuOTIyMiA1LjQwNzAyIDEzLjk1MzcgNS4zMzExM0MxMy45ODUxIDUuMjU1MjQgMTQuMDAxMyA1LjE3Mzg3IDE0LjAwMTIgNS4wOTE3QzE0LjAwMTEgNS4wMDk1NCAxMy45ODQ4IDQuOTI4MiAxMy45NTMxIDQuODUyMzhDMTMuOTIxNSA0Ljc3NjU2IDEzLjg3NTEgNC43MDc3NSAxMy44MTY4IDQuNjQ5OTFDMTMuNjk5MSA0LjUzMzA5IDEzLjU0MDEgNC40Njc1MyAxMy4zNzQzIDQuNDY3NTNDMTMuMjA4NSA0LjQ2NzUzIDEzLjA0OTQgNC41MzMwOSAxMi45MzE4IDQuNjQ5OTFMNy45OTc3NiA5LjU4NDkxTDMuMDY3NzYgNC42NTA5MUMyLjk0OTQgNC41Mzg1MyAyLjc5MTgzIDQuNDc2ODIgMi42Mjg2MyA0LjQ3ODk0QzIuNDY1NDIgNC40ODEwNiAyLjMwOTUgNC41NDY4MyAyLjE5NDA5IDQuNjYyMjRDMi4wNzg2OCA0Ljc3NzY1IDIuMDEyOTEgNC45MzM1NyAyLjAxMDc5IDUuMDk2NzdDMi4wMDg2OCA1LjI1OTk3IDIuMDcwMzkgNS40MTc1NCAyLjE4Mjc2IDUuNTM1OTFMNy42NDc3NiAxMC45OTk5TDguMzUxNzYgMTAuOTk4OVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); --close-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTQgMy4wNjA1NUw5LjA2MDU1IDhMMTQgMTIuOTM4NUwxMi45Mzk1IDE0TDggOS4wNjA1NUwzLjA2MTUyIDE0TDIuMDAwOTggMTIuOTM5NUw2LjkzODQ4IDhMMiAzLjA2MTUyTDMuMDYwNTUgMi4wMDA5OEw3Ljk5OTAyIDYuOTM5NDVMMTIuOTM4NSAyTDE0IDMuMDYwNTVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=); --undo-label-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNiAwLjVDNS4yMTIwNyAwLjUgNC40MzE4NSAwLjY1NTE5NSAzLjcwMzkgMC45NTY3MjNDMi45NzU5NSAxLjI1ODI1IDIuMzE0NTEgMS43MDAyMSAxLjc1NzM2IDIuMjU3MzZDMS4yMDAyMSAyLjgxNDUxIDAuNzU4MjUxIDMuNDc1OTUgMC40NTY3MjMgNC4yMDM5QzAuMTU1MTk1IDQuOTMxODUgMCA1LjcxMjA3IDAgNi41QzAgNy4yODc5MyAwLjE1NTE5NSA4LjA2ODE1IDAuNDU2NzIzIDguNzk2MUMwLjc1ODI1MSA5LjUyNDA1IDEuMjAwMjEgMTAuMTg1NSAxLjc1NzM2IDEwLjc0MjZDMi4zMTQ1MSAxMS4yOTk4IDIuOTc1OTUgMTEuNzQxNyAzLjcwMzkgMTIuMDQzM0M0LjQzMTg1IDEyLjM0NDggNS4yMTIwNyAxMi41IDYgMTIuNUM3LjU5MTMgMTIuNSA5LjExNzQyIDExLjg2NzkgMTAuMjQyNiAxMC43NDI2QzExLjM2NzkgOS42MTc0MiAxMiA4LjA5MTMgMTIgNi41QzEyIDQuOTA4NyAxMS4zNjc5IDMuMzgyNTggMTAuMjQyNiAyLjI1NzM2QzkuMTE3NDIgMS4xMzIxNCA3LjU5MTMgMC41IDYgMC41Wk01LjA2IDguOUwyLjk0NjQgNi43ODU2QzIuODUyNzMgNi42OTE3MSAyLjgwMDE4IDYuNTY0NDYgMi44MDAzMyA2LjQzMTgzQzIuODAwNDggNi4yOTkyMSAyLjg1MzMxIDYuMTcyMDcgMi45NDcyIDYuMDc4NEMzLjA0MTA5IDUuOTg0NzMgMy4xNjgzNCA1LjkzMjE4IDMuMzAwOTcgNS45MzIzM0MzLjQzMzU5IDUuOTMyNDggMy41NjA3MyA1Ljk4NTMxIDMuNjU0NCA2LjA3OTJMNS4zMTEyIDcuNzM2OEw4LjM0NjQgNC43MDA4QzguNDQxMDkgNC42MTA5IDguNTY3MTUgNC41NjE1MyA4LjY5NzcxIDQuNTYzMjJDOC44MjgyNyA0LjU2NDkyIDguOTUzMDEgNC42MTc1NCA5LjA0NTM0IDQuNzA5ODZDOS4xMzc2NiA0LjgwMjE5IDkuMTkwMjggNC45MjY5MyA5LjE5MTk4IDUuMDU3NDlDOS4xOTM2NyA1LjE4ODA1IDkuMTQ0MyA1LjMxNDExIDkuMDU0NCA1LjQwODhMNS41NjI0IDguOUg1LjA2WiIgZmlsbD0iI0ZCRkJGRSIvPgo8L3N2Zz4gCg==); --pages-selected-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8bWFzayBpZD0ibWFzayI+CiAgICA8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSIyIiBmaWxsPSJ3aGl0ZSIvPgogICAgPHBhdGggZD0iTTEyIDhMNCA4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDwvbWFzaz4KICA8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9ImJsYWNrIiBtYXNrPSJ1cmwoI21hc2spIi8+Cjwvc3ZnPg==); --spinner-icon:url(data:image/svg+xml;base64,PCEtLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljCiAgIC0gTGljZW5zZSwgdi4gMi4wLiBJZiBhIGNvcHkgb2YgdGhlIE1QTCB3YXMgbm90IGRpc3RyaWJ1dGVkIHdpdGggdGhpcwogICAtIGZpbGUsIFlvdSBjYW4gb2J0YWluIG9uZSBhdCBodHRwOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uIC0tPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPgogIDxzdHlsZT4KICAgIEBtZWRpYSBub3QgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb24pIHsKICAgICAgQGtleWZyYW1lcyBsb2FkaW5nUm90YXRlIHsKICAgICAgICBmcm9tIHsgcm90YXRlOiAwOyB9IHRvIHsgcm90YXRlOiAzNjBkZWcgfQogICAgICB9CiAgICAgICNjaXJjbGUtYXJyb3dzIHsKICAgICAgICBhbmltYXRpb246IGxvYWRpbmdSb3RhdGUgMS44cyBsaW5lYXIgaW5maW5pdGU7CiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTsKICAgICAgfQogICAgICAjaG91cmdsYXNzIHsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgICB9CiAgICB9CgogICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uKSB7CiAgICAgICNjaXJjbGUtYXJyb3dzIHsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aCBpZD0iY2lyY2xlLWFycm93cyIgZD0iTTkgNS41MjhjMCAuNDIuNTA4LjYzLjgwNC4zMzNsMi41MjgtMi41MjhhLjQ3LjQ3IDAgMCAwIDAtLjY2Nkw5LjgwNS4xNEEuNDcxLjQ3MSAwIDAgMCA5IC40NzJ2MS44NjZBNS43NTYgNS43NTYgMCAwIDAgMi4yNSA4YzAgLjk0Mi4yMzIgMS44My42MzUgMi42MTVsMS4xNDMtMS4xNDNBNC4yMDggNC4yMDggMCAwIDEgMy43NSA4IDQuMjU0IDQuMjU0IDAgMCAxIDggMy43NWMuMzQ1IDAgLjY4LjA0MiAxIC4xMjJ2MS42NTZ6TTcgMTAuNDcydjEuNjU2Yy4zMi4wOC42NTUuMTIyIDEgLjEyMkE0LjI1NCA0LjI1NCAwIDAgMCAxMi4yNSA4YzAtLjUyLS4xMDctMS4wMTMtLjI3OS0xLjQ3NGwxLjE0My0xLjE0M2MuNDA0Ljc4Ni42MzYgMS42NzQuNjM2IDIuNjE3QTUuNzU2IDUuNzU2IDAgMCAxIDcgMTMuNjYydjEuODY2YS40Ny40NyAwIDAgMS0uODA0LjMzM2wtMi41MjgtMi41MjhhLjQ3LjQ3IDAgMCAxIDAtLjY2NmwyLjUyOC0yLjUyOGEuNDcuNDcgMCAwIDEgLjgwNC4zMzN6Ii8+CiAgPGcgaWQ9ImhvdXJnbGFzcyI+CiAgICA8cGF0aCBkPSJNMTMsMSBDMTMuNTUyMjg0NywxIDE0LDEuNDQ3NzE1MjUgMTQsMiBDMTQsMi41NTIyODQ3NSAxMy41NTIyODQ3LDMgMTMsMyBMMTIuOTg1NDIxNywyLjk5OTkwODAxIEMxMi45OTUwODE3LDMuMTY0OTU4ODUgMTMsMy4zMzE3MzI3NCAxMywzLjUgQzEzLDUuMjQ2Nzk4ODUgMTAuOTg3NzMxOCw2LjAxMDkwNDk1IDEwLjk4NzczMTgsOC4wMDE3NTM4IEMxMC45ODc3MzE4LDkuOTkyNjAyNjQgMTMsMTAuNzUzNjkyMiAxMywxMi41IEMxMywxMi42Njg2MDc5IDEyLjk5NTA2MTcsMTIuODM1NzE2MyAxMi45ODUzNjMsMTMuMDAxMDk0MyBMMTMsMTMgQzEzLjU1MjI4NDcsMTMgMTQsMTMuNDQ3NzE1MyAxNCwxNCBDMTQsMTQuNTUyMjg0NyAxMy41NTIyODQ3LDE1IDEzLDE1IEwzLDE1IEMyLjQ0NzcxNTI1LDE1IDIsMTQuNTUyMjg0NyAyLDE0IEMyLDEzLjQ0NzcxNTMgMi40NDc3MTUyNSwxMyAzLDEzIEwzLjAxNDYzNzA0LDEzLjAwMTA5NDMgQzMuMDA0OTM4MjcsMTIuODM1NzE2MyAzLDEyLjY2ODYwNzkgMywxMi41IEMzLDEwLjc1MzY5MjIgNC45ODc3MzE4LDkuOTkyNjAyNjQgNSw4LjAwMTc1MzggQzUuMDEyMjY4Miw2LjAxMDkwNDk1IDMsNS4yNDY3OTg4NSAzLDMuNSBDMywzLjMzMTczMjc0IDMuMDA0OTE4MzQsMy4xNjQ5NTg4NSAzLjAxNDU3ODMyLDIuOTk5OTA4MDEgTDMsMyBDMi40NDc3MTUyNSwzIDIsMi41NTIyODQ3NSAyLDIgQzIsMS40NDc3MTUyNSAyLjQ0NzcxNTI1LDEgMywxIEwxMywxIFogTTEwLjk4NywzIEw1LjAxMiwzIEw1LjAwMzA4OTE0LDMuMjQ4MTU3MTIgQzUuMDAxMDM3MDcsMy4zMzE2MzM2OCA1LDMuNDE1NTk0OCA1LDMuNSBDNSw1LjM2MTI1MDY5IDYuOTkxNTM2NDYsNi4wMTc3NDA4OSA2Ljk5MTUzNjQ2LDguMDAxNzUzOCBDNi45OTE1MzY0Niw5Ljk4NTc2NjcxIDUsMTAuNjM5MzczNyA1LDEyLjUgTDUuMDAzMDc3NDYsMTIuNzUxMzY3NiBMNS4wMTIyMjIwMSwxMi45OTk4MzkyIEw1LjYwMTkxNzExLDEyLjk5ODgzNDQgTDYuMDQyNTEzOCwxMi4yOTU5ODI2IEM3LjAyMzYyNzMxLDEwLjc2NTMyNzUgNy42NzYxMjI3MSwxMCA4LDEwIEM4LjM3MDE0NTQ3LDEwIDkuMTY5NTA2NDQsMTAuOTk5NjExNSAxMC4zOTgwODI5LDEyLjk5ODgzNDQgTDEwLjk4Nzc3OCwxMi45OTk4MzkyIEMxMC45OTU4Njc0LDEyLjgzNTIxMDQgMTEsMTIuNjY4NDkgMTEsMTIuNSBDMTEsMTAuNjM5MzczNyA4Ljk4Njg5Nzc5LDEwLjAxNDczODEgOC45ODY4OTc3OSw4LjAwMTc1MzggQzguOTg2ODk3NzksNS45ODg3Njk1MyAxMSw1LjM2MTI1MDY5IDExLDMuNSBMMTAuOTk2OTEwOSwzLjI0ODE1NzEyIEwxMC45ODcsMyBaIi8+CiAgICA8cGF0aCBkPSJNNiw0IEwxMCw0IEM4Ljk1MTY2MDE2LDYgOC4yODQ5OTM0OSw3IDgsNyBDNy43MTUwMDY1MSw3IDcuMDQ4MzM5ODQsNiA2LDQgWiIvPgogIDwvZz4KPC9zdmc+Cg==); --sidebar-bg-color:light-dark(rgb(255 255 255 / 0.92), rgb(66 65 77 / 0.92)); --sidebar-backdrop-filter:blur(7px); --sidebar-width:230px; --sidebar-min-width:min-content; --sidebar-max-width:50vw; --sidebar-block-padding:8px; --views-text-color:var(--text-color, light-dark(#15141a, #fbfbfe)); --button-fg:var(--views-text-color); --button-no-bg:var(--button-background-color-toolbar, transparent); --button-bg:var( --button-background-color, light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07)) ); --views-button-border-color:var(--button-border-color, transparent); --button-hover-bg:var( --button-background-color-hover, light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14)) ); --button-hover-fg:var(--views-text-color); --button-hover-border-color:var(--views-button-border-color); --button-active-bg:var( --button-background-color-active, light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21)) ); --button-active-fg:var(--views-text-color); --button-active-border-color:var(--views-button-border-color); --button-focus-no-bg:color-mix( in srgb, var(--views-text-color), transparent 93% ); --button-focus-outline-color:var( --focus-outline-color, light-dark(#0062fa, #00cadb) ); --button-focus-border-color:light-dark(white, black); --status-border-color:transparent; --status-actions-bg:light-dark( rgb(21 20 26 / 0.03), rgb(251 251 254 / 0.03) ); --status-undo-bg:light-dark(rgb(0 98 250 / 0.08), rgb(0 202 219 / 0.08)); --status-waiting-bg:var(--status-undo-bg); --indicator-color:var(--color-accent-primary, light-dark(#0062fa, #00cadb)); --status-warning-bg:light-dark(#ffe8ea, #6e001f); --indicator-warning-color:light-dark(#b20037, #ffa0aa); --header-shadow:0 0.25px 0.75px -0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px -6px light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --header-bg:light-dark(rgb(255 255 255 / 0.92), #42414e); --image-outline:none; --image-border-width:6px; --image-border-color:light-dark(#cfcfd8, #3a3944); --image-hover-border-color:#bfbfc9; --image-current-border-color:var(--button-focus-outline-color); --image-current-focused-outline-color:var(--image-hover-border-color); --image-page-number-bg:light-dark(#f0f0f4, #42414d); --image-page-number-fg:var(--views-text-color); --image-page-number-border-color:transparent; --image-hover-page-number-bg:var(--image-page-number-bg); --image-hover-page-number-fg:var(--image-page-number-fg); --image-current-page-number-bg:var(--image-current-border-color); --image-current-page-number-fg:light-dark(#fff, #15141a); --image-current-hover-page-number-bg:var(--image-current-page-number-bg); --image-current-hover-page-number-fg:var(--image-current-page-number-fg); --image-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0 0 1px var(--image-border-color), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --image-hover-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0 0 1px light-dark(rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1)), 0 0 0 var(--image-border-width) var(--image-hover-border-color), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --image-current-shadow:0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0 0 var(--image-border-width) var(--image-current-border-color), 0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --image-dragging-placeholder-bg:light-dark( rgb(0 98 250 / 0.08), rgb(0 202 219 / 0.08) ); --image-dragging-placeholder-border:var(--image-outline); --multiple-dragging-bg:white; --image-multiple-dragging-shadow:0 0 0 var(--image-border-width) var(--image-current-border-color), var(--image-border-width) var(--image-border-width) 0 calc(var(--image-border-width) / 2) var(--multiple-dragging-bg), var(--image-border-width) var(--image-border-width) 0 calc(3 * var(--image-border-width) / 2) var(--image-current-border-color); --image-dragging-shadow:0 0 0 var(--image-border-width) var(--image-current-border-color); --multiple-dragging-indicator-bg:var(--indicator-color); --multiple-dragging-text-color:light-dark(#fbfbfe, #15141a); @media screen and (forced-colors: active){ --views-text-color:var(--text-color, CanvasText); --button-fg:var(--button-text-color, ButtonText); --button-bg:var(--button-background-color, ButtonFace); --button-no-bg:var(--button-background-color, ButtonFace); --views-button-border-color:var(--button-border-color, ButtonText); --button-hover-bg:var(--button-background-color-hover, SelectedItemText); --button-hover-fg:var(--button-text-color-hover, SelectedItem); --button-hover-border-color:var(--button-border-color-hover, SelectedItem); --button-active-bg:var(--button-background-color-active, SelectedItemText); --button-active-fg:var(--button-text-color-active, SelectedItem); --button-active-border-color:var(--button-border-color-active, ButtonText); --button-focus-no-bg:var(--button-background-color, ButtonFace); --button-focus-outline-color:var(--focus-outline-color, CanvasText); --button-focus-border-color:none; --status-border-color:CanvasText; --status-undo-bg:none; --indicator-color:var(--text-color, CanvasText); --status-warning-bg:none; --indicator-warning-color:CanvasText; --header-shadow:none; --image-shadow:none; --image-outline:1px solid ButtonText; --image-focus-outline-color:CanvasText; --image-hover-border-color:SelectedItem; --image-hover-page-number-bg:SelectedItemText; --image-hover-page-number-fg:SelectedItem; --image-current-page-number-bg:ButtonText; --image-current-page-number-fg:ButtonFace; --image-current-border-color:var(--border-color, ButtonText); --image-current-focused-outline-color:var(--image-hover-border-color); --image-current-hover-page-number-bg:SelectedItem; --image-current-hover-page-number-fg:SelectedItemText; --image-page-number-bg:ButtonFace; --image-page-number-fg:ButtonText; --image-page-number-border-color:var(--image-page-number-fg); --multiple-dragging-bg:Canvas; --multiple-dragging-indicator-bg:var(--text-color, ButtonBorder); --multiple-dragging-text-color:Canvas; --image-dragging-placeholder-bg:Canvas; --image-dragging-placeholder-border:1px GrayText solid; } display:flex; padding-bottom:16px; flex-direction:column; align-items:flex-start; inset-block-start:calc(100% + var(--sidebar-block-padding)); height:calc( var(--viewer-container-height) - 2 * var(--sidebar-block-padding) ); position:absolute; inset-inline-start:calc( -1 * var(--viewsManager-width, --sidebar-width) - 1px ); transition-property:inset-inline-start; transition-duration:var(--sidebar-transition-duration); transition-timing-function:var(--sidebar-transition-timing-function); .sidebarResizer{ inset-inline-start:calc(100% + 4px); } .viewsManagerButton{ width:auto; color:var(--button-fg); border-radius:var(--button-border-radius, 8px); border:1px solid var(--views-button-border-color); background:var(--button-bg); &:hover{ background-color:var(--button-hover-bg) !important; color:var(--button-hover-fg) !important; border-color:var(--button-hover-border-color) !important; &::before{ background-color:var(--button-hover-fg) !important; } } &:active{ background:var(--button-active-bg) !important; color:var(--button-active-fg) !important; border-color:var(--button-active-border-color) !important; &::before{ background-color:var(--button-active-fg) !important; } } &:focus-visible{ outline:2px solid var(--button-focus-outline-color); outline-offset:2px; border-color:var(--button-focus-border-color); } &.viewsCloseButton{ width:var(--size-item-large, 26px); height:var(--size-item-large, 26px); border-radius:var(--button-border-radius, 8px); background:none; display:flex; align-items:center; justify-content:center; &::before{ width:16px; height:16px; -webkit-mask-image:var(--close-button-icon); mask-image:var(--close-button-icon); } } } #viewsManagerHeader{ display:flex; flex-direction:column; align-items:flex-start; align-self:stretch; width:100%; box-shadow:var(--header-shadow); flex:0 0 auto; background-color:var(--header-bg); .viewsManagerLabel{ flex:1 1 auto; color:var(--views-text-color); text-align:center; height:-moz-fit-content; height:fit-content; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; -moz-user-select:none; user-select:none; font:menu; font-size:15px; font-style:normal; font-weight:400; line-height:normal; } #viewsManagerTitle{ display:flex; flex-direction:row; align-items:center; align-self:stretch; justify-content:space-between; width:auto; padding-block:12px; padding-inline:8px 16px; &:not(:has(#viewsManagerHeaderLabel ~ button:not([hidden])))::after{ content:""; flex:0 0 auto; width:32px; height:32px; pointer-events:none; } #viewsManagerSelector{ width:48px; height:32px; display:block; > button{ background:var(--button-no-bg); width:100%; height:100%; &:focus-visible{ background-color:var(--button-focus-no-bg); } &::before{ -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-image:var(--views-manager-button-icon); mask-image:var(--views-manager-button-icon); background-color:var(--button-fg); } &::after{ content:""; display:inline-block; width:12px; height:12px; margin-inline-start:8px; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-image:var(--views-manager-button-arrow-icon); mask-image:var(--views-manager-button-arrow-icon); background-color:var(--button-fg); } &:hover{ &::before, &::after{ background-color:var(--button-hover-fg) !important; } } &:active{ &::before, &::after{ background-color:var(--button-active-fg) !important; } } } > .popupMenu{ min-width:182px; z-index:1; > button{ &#thumbnailsViewMenu::before{ -webkit-mask-image:var(--menuitem-thumbnailsView-icon); mask-image:var(--menuitem-thumbnailsView-icon); } &#outlinesViewMenu::before{ -webkit-mask-image:var(--menuitem-outlinesView-icon); mask-image:var(--menuitem-outlinesView-icon); } &#attachmentsViewMenu::before{ -webkit-mask-image:var(--menuitem-attachmentsView-icon); mask-image:var(--menuitem-attachmentsView-icon); } &#layersViewMenu::before{ -webkit-mask-image:var(--menuitem-layersView-icon); mask-image:var(--menuitem-layersView-icon); } } } } #viewsManagerAddFileButton{ background:var(--button-no-bg); width:32px; height:32px; &:focus-visible{ background-color:var(--button-focus-no-bg); } &::before{ -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-image:var(--views-manager-add-file-button-icon); mask-image:var(--views-manager-add-file-button-icon); background-color:var(--button-fg); } > input{ display:none; } } #viewsManagerCurrentOutlineButton{ background:var(--button-no-bg); width:32px; height:32px; &:focus-visible{ background-color:var(--button-focus-no-bg); } &::before{ -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-image:var(--current-outline-button-icon); mask-image:var(--current-outline-button-icon); background-color:var(--button-fg); } } } #viewsManagerStatus{ display:grid; width:100%; border:1px solid var(--status-border-color); > div{ min-height:64px; width:100%; padding-inline:16px; grid-area:1 / 1; box-sizing:border-box; &.hidden{ visibility:hidden; display:unset !important; } } .viewsManagerStatusLabel{ display:flex; align-items:center; gap:8px; font:menu; font-size:13px; } #viewsManagerStatusAction{ display:flex; justify-content:space-between; align-items:center; align-self:stretch; background-color:var(--status-actions-bg); #viewsManagerStatusActionLabelContainer > button{ position:relative; width:var(--icon-size); height:var(--icon-size); border:none; padding:0; flex:0 0 auto; &::before{ content:""; position:absolute; inset:0; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; background-color:var(--indicator-color); -webkit-mask-image:var(--pages-selected-icon); mask-image:var(--pages-selected-icon); } @media screen and (forced-colors: active){ border-radius:2px; background-color:var(--button-bg); &::before{ background-color:var(--button-fg); } &:hover{ background-color:var(--button-hover-bg); &::before{ background-color:var(--button-hover-fg); } } &:active{ background-color:var(--button-active-bg); &::before{ background-color:var(--button-active-fg); } } } &#viewsManagerStatusActionDeselectButton:focus-visible{ outline:2px solid var(--button-focus-outline-color); border:1px solid var(--button-focus-border-color); border-radius:2px; outline-offset:1px; } } #actionSelector{ height:32px; min-width:115px; width:auto; display:block; #viewsManagerStatusActionButton{ display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; height:100%; padding:4px 16px; &::after{ content:""; display:inline-block; width:var(--icon-size); height:var(--icon-size); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-image:var(--manage-button-icon); mask-image:var(--manage-button-icon); background-color:var(--button-fg); } &:hover::after{ background-color:var(--button-hover-fg) !important; } &:active::after{ background-color:var(--button-active-fg) !important; } } > .popupMenu{ width:100%; min-width:-moz-fit-content; min-width:fit-content; z-index:1; } } } #viewsManagerStatusUndo{ display:flex; justify-content:space-between; align-items:center; align-self:stretch; background-color:var(--status-undo-bg); > span::before{ content:""; display:inline-block; width:var(--icon-size); height:var(--icon-size); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-image:var(--undo-label-icon); mask-image:var(--undo-label-icon); background-color:var(--indicator-color); } > div{ display:flex; align-items:center; gap:8px; width:auto; #viewsManagerStatusUndoButton{ width:auto; min-height:24px; padding:4px 8px; } } } #viewsManagerStatusWarning{ display:flex; align-items:center; justify-content:space-between; background-color:var(--status-warning-bg); > span{ align-items:flex-start; &::before{ content:""; display:inline-block; width:var(--icon-size); height:var(--icon-size); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; background-color:var(--indicator-warning-color); -webkit-mask-image:var(--undo-label-icon); mask-image:var(--undo-label-icon); flex:0 0 auto; } } } #viewsManagerStatusWaiting{ display:flex; align-items:center; justify-content:space-between; background-color:var(--status-waiting-bg); > span::before{ content:""; display:inline-block; width:var(--icon-size); height:var(--icon-size); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; background-color:var(--indicator-color); -webkit-mask-image:var(--spinner-icon); mask-image:var(--spinner-icon); flex:0 0 auto; } } } } #viewsManagerContent{ width:100%; flex:1 1 0%; overflow:auto; &:has(#thumbnailsView.isDragging){ overflow-x:hidden; } #thumbnailsView{ --thumbnail-width:126px; --gap-between-input-and-thumbnail:16px; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-evenly; padding:20px 32px; gap:44px; width:100%; box-sizing:border-box; position:relative; &.isDragging{ cursor:grabbing; > .thumbnail{ > .thumbnailImageContainer:hover{ cursor:grabbing; &:not([aria-current="page"]){ box-shadow:var(--image-shadow); } } > input{ pointer-events:none; } } } &.isDragging > .dragMarker, &.isDraggingFile > .dragMarker{ position:absolute; top:0; left:0; border:2px solid var(--indicator-color); contain:strict; } &.pasteMode{ gap:var(--gap-between-input-and-thumbnail); > .thumbnail{ flex-direction:column; > input{ display:none; } > .thumbnailPasteButton{ display:flex; justify-content:center; align-items:center; border-radius:16px; min-height:24px; padding:4px 16px; font:menu; font-size:13px; font-style:normal; font-weight:400; line-height:normal; } } } &:not(.pasteMode) > .thumbnail > .thumbnailPasteButton{ display:none; } > .thumbnail{ --input-dim:16px; &:not(&:has(input)){ --input-dim:0px; --gap-between-input-and-thumbnail:0px; } display:inline-flex; justify-content:flex-end; align-items:center; flex-direction:row-reverse; gap:var(--gap-between-input-and-thumbnail); width:calc( var(--thumbnail-width) + 2 * (var(--input-dim) + var(--gap-between-input-and-thumbnail)) ); height:auto; position:relative; scroll-margin-top:20px; .thumbnailPasteButton{ padding:8px 0; text-align:center; } &:not(.isDragging) > .thumbnailImageContainer::after{ content:attr(page-number); border-radius:8px; border:1px solid var(--image-page-number-border-color); background-color:var(--image-page-number-bg); color:var(--image-page-number-fg); position:absolute; bottom:5px; inset-inline-end:50%; min-width:32px; height:16px; text-align:center; box-sizing:content-box; translate:calc(var(--dir-factor) * 50%); font:menu; font-size:12px; font-style:normal; font-weight:400; line-height:normal; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; } &:has([aria-current="page"]):not(.isDragging) > .thumbnailImageContainer::after{ background-color:var(--image-current-page-number-bg); color:var(--image-current-page-number-fg); outline:1px solid var(--image-current-border-color); } &.isDragging > input{ visibility:hidden; } > input{ margin:0; width:var(--input-dim); height:var(--input-dim); accent-color:var(--indicator-color); } > .thumbnailImageContainer{ --thumbnail-dragging-scale:1.4; width:var(--thumbnail-width); border:none; border-radius:8px; box-shadow:var(--image-shadow); box-sizing:content-box; outline:var(--image-outline); -webkit-user-select:none; -moz-user-select:none; user-select:none; position:relative; img{ width:100%; height:100%; border:none; border-radius:8px; outline:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; pointer-events:none; } &.missingThumbnailImage{ content-visibility:hidden; } &:hover{ cursor:pointer; box-shadow:var(--image-hover-shadow); &::after{ background-color:var(--image-hover-page-number-bg); color:var(--image-hover-page-number-fg); } @media screen and (forced-colors: active){ box-shadow:none; outline:var(--image-border-width) var(--image-hover-border-color) solid; } } &:focus-visible{ &:not([aria-current="page"]){ box-shadow:var(--image-hover-shadow); outline:none; @media screen and (forced-colors: active){ box-shadow:none; outline:var(--image-border-width) var(--image-focus-outline-color) solid; } } &[aria-current="page"]{ outline:var(--image-border-width) solid var(--image-current-focused-outline-color); outline-offset:var(--image-border-width); @media screen and (forced-colors: active){ box-shadow:none; outline:var(--image-border-width) var(--image-current-border-color) solid; outline-offset:0; > img{ outline:var(--image-border-width) var(--image-focus-outline-color) solid; outline-offset:var(--image-border-width); } } } @media screen and (forced-colors: active){ box-shadow:none; outline:var(--image-border-width) var(--image-current-border-color) solid; &:hover > img{ outline:var(--image-border-width) var(--image-hover-border-color) solid; outline-offset:var(--image-border-width); } } } &[aria-current="page"]{ box-shadow:var(--image-current-shadow); &:hover::after{ background-color:var(--image-current-hover-page-number-bg); color:var(--image-current-hover-page-number-fg); } @media screen and (forced-colors: active){ box-shadow:none; outline:var(--image-border-width) var(--image-current-border-color) solid; &:hover > img{ outline:var(--image-border-width) var(--image-hover-border-color) solid; outline-offset:var(--image-border-width); } } } &.placeholder{ background-color:var(--image-dragging-placeholder-bg); box-shadow:none !important; outline:var(--image-dragging-placeholder-border); } &.draggingThumbnail{ position:absolute; left:0; top:0; z-index:1; transform-origin:0 0 0; scale:calc(1 / var(--thumbnail-dragging-scale)); pointer-events:none; box-shadow:var(--image-dragging-shadow); &.multiple{ box-shadow:var(--image-multiple-dragging-shadow); @media screen and (forced-colors: active){ forced-color-adjust:none; box-shadow:var(--image-multiple-dragging-shadow); } > .thumbnailImageContainer{ position:absolute; top:0; left:0; width:var(--thumbnail-width); border:none; border-radius:8px; box-sizing:content-box; outline:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; } &::after{ content:attr(data-multiple-count); border-radius:calc(8px * var(--thumbnail-dragging-scale)); background-color:var(--multiple-dragging-indicator-bg); color:var(--multiple-dragging-text-color); position:absolute; inset-block-end:calc(4px * var(--thumbnail-dragging-scale)); inset-inline-start:calc(4px * var(--thumbnail-dragging-scale)); min-width:calc(32px * var(--thumbnail-dragging-scale)); height:calc(16px * var(--thumbnail-dragging-scale)); text-align:center; font:menu; font-size:calc(13px * var(--thumbnail-dragging-scale)); font-style:normal; font-weight:400; line-height:normal; contain:strict; } } } } } } #attachmentsView{ --attachment-color:light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8)); --attachment-bg-color:light-dark( rgb(0 0 0 / 0.15), rgb(255 255 255 / 0.15) ); --attachment-hover-color:light-dark( rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9) ); > ul{ list-style-type:none; padding:0; > li > a{ text-decoration:none; display:inline-block; min-width:calc(100% - 4px); height:auto; margin-bottom:1px; padding:2px 0 5px; padding-inline-start:4px; border-radius:2px; color:var(--attachment-color); font-size:13px; line-height:15px; -webkit-user-select:none; -moz-user-select:none; user-select:none; white-space:normal; cursor:pointer; &:hover{ background-color:var(--attachment-bg-color); background-clip:padding-box; border-radius:2px; color:var(--attachment-hover-color); } } } } } } .sidebar{ --sidebar-bg-color:var(--background-color-box, light-dark(#fff, #23222b)); --sidebar-border-color:light-dark( rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1) ); --sidebar-box-shadow:0 0.25px 0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); --sidebar-backdrop-filter:none; --sidebar-border-radius:8px; --sidebar-padding:5px; --sidebar-min-width:180px; --sidebar-max-width:632px; --sidebar-width:239px; --resizer-width:4px; --resizer-shift:calc(0px - var(--resizer-width) - 2px); --resizer-hover-bg-color:var( --color-accent-primary, light-dark(#0062fa, #00cadb) ); @media screen and (forced-colors: active){ --sidebar-bg-color:var(--background-color-box, Canvas); --sidebar-border-color:CanvasText; --sidebar-box-shadow:none; --resizer-hover-bg-color:var(--text-color, CanvasText); } border-radius:var(--sidebar-border-radius); box-shadow:var(--sidebar-box-shadow); border:1px solid var(--sidebar-border-color); background-color:var(--sidebar-bg-color); inset-block-start:calc(100% + var(--doorhanger-height) - 2px); padding-block:var(--sidebar-padding); width:var(--sidebar-width); min-width:var(--sidebar-min-width); max-width:var(--sidebar-max-width); backdrop-filter:var(--sidebar-backdrop-filter); box-sizing:border-box; position:relative; .sidebarResizer{ width:var(--resizer-width); background-color:transparent; forced-color-adjust:none; cursor:ew-resize; position:absolute; inset-block:0; inset-inline-start:var(--resizer-shift); transition:background-color 0.5s ease-in-out, border-color 0.5s ease-in-out; box-sizing:border-box; border:1px solid transparent; border-block-width:0; background-clip:content-box; &:hover{ background-color:var(--resizer-hover-bg-color); border-color:white; } &:focus-visible{ background-color:var(--resizer-hover-bg-color); outline:none; } } &.resizing{ cursor:ew-resize; -webkit-user-select:none; -moz-user-select:none; user-select:none; :not(.sidebarResizer){ pointer-events:none; } .sidebarResizer{ background-color:var(--resizer-hover-bg-color); } } } :root{ color-scheme:light dark; --viewer-container-height:0; --pdfViewer-padding-bottom:0; --page-margin:1px auto -8px; --page-border:9px solid transparent; --spreadHorizontalWrapped-margin-LR:-3.5px; --loading-icon-delay:400ms; --focus-ring-color:var(--focus-outline-color, light-dark(#0060df, #0df)); --focus-ring-outline:var(--focus-outline-width, 2px) solid var(--focus-ring-color); --text-primary-color:var(--text-color, light-dark(#15141a, #fbfbfe)); --link-fg-color:var(--link-color, light-dark(#0060df, #0df)); --link-hover-fg-color:var(--link-color-hover, light-dark(#0250bb, #80ebff)); --new-badge-bg:light-dark(#070, #37b847); --new-badge-color:light-dark(#fff, #15141a); --new-badge-border-color:light-dark(#fbfbfe / 40%, #15141a / 40%); @media screen and (forced-colors: active){ --pdfViewer-padding-bottom:9px; --page-margin:8px auto -1px; --page-border:1px solid CanvasText; --spreadHorizontalWrapped-margin-LR:3.5px; --focus-ring-color:var(--focus-outline-color, CanvasText); --text-primary-color:var(--text-color, CanvasText); --link-fg-color:var(--link-color, LinkText); --link-hover-fg-color:var(--link-color-hover, LinkText); --new-badge-bg:AccentColor; --new-badge-color:ButtonFace; --new-badge-border-color:CanvasText; } } .newBadge{ background-color:var(--new-badge-bg); color:var(--new-badge-color); border-radius:4px; border:1px solid var(--new-badge-border-color); padding-inline:4px; margin-inline:4px; font:menu; font-size:12px; font-style:normal; font-weight:400; line-height:normal; flex:0 0 fit-content; -webkit-user-select:none; -moz-user-select:none; user-select:none; } [data-main-rotation="90"]{ transform:rotate(90deg) translateY(-100%); } [data-main-rotation="180"]{ transform:rotate(180deg) translate(-100%, -100%); } [data-main-rotation="270"]{ transform:rotate(270deg) translateX(-100%); } .pdfViewer{ --scale-factor:1; --page-bg-color:unset; padding-bottom:var(--pdfViewer-padding-bottom); --hcm-highlight-filter:none; --hcm-highlight-selected-filter:none; @media screen and (forced-colors: active){ --hcm-highlight-filter:invert(100%); } &.copyAll{ cursor:wait; } .canvasWrapper{ overflow:hidden; width:100%; height:100%; canvas{ position:absolute; top:0; left:0; margin:0; display:block; width:100%; height:100%; contain:content; .structTree{ contain:strict; } &.detailView{ image-rendering:pixelated; } } .selection{ position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; background:rgb(0 90 255 / 0.22); } } } .pdfViewer .page{ --user-unit:1; --total-scale-factor:calc(var(--scale-factor) * var(--user-unit)); --scale-round-x:1px; --scale-round-y:1px; direction:ltr; width:816px; height:1056px; margin:var(--page-margin); position:relative; overflow:visible; border:var(--page-border); background-clip:content-box; background-color:var(--page-bg-color, rgb(255 255 255)); } .pdfViewer .dummyPage{ position:relative; width:0; height:var(--viewer-container-height); } .pdfViewer.noUserSelect{ -webkit-user-select:none; -moz-user-select:none; user-select:none; } .pdfViewer.removePageBorders .page{ margin:0 auto 10px; border:none; } .pdfViewer.singlePageView{ display:inline-block; } .pdfViewer.singlePageView .page{ margin:0; border:none; } .pdfViewer:is(.scrollHorizontal, .scrollWrapped), .spread{ margin-inline:3.5px; text-align:center; } .pdfViewer.scrollHorizontal, .spread{ white-space:nowrap; } .pdfViewer.removePageBorders, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread{ margin-inline:0; } .spread :is(.page, .dummyPage), .pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread){ display:inline-block; vertical-align:middle; } .spread .page, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page{ margin-inline:var(--spreadHorizontalWrapped-margin-LR); } .pdfViewer.removePageBorders .spread .page, .pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page{ margin-inline:5px; } .pdfViewer .page.loadingIcon::after{ position:absolute; top:0; left:0; content:""; width:100%; height:100%; background:url(data:image/gif;base64,R0lGODlhGAAYAPQAAP///wAAAM7Ozvr6+uDg4LCwsOjo6I6OjsjIyJycnNjY2KioqMDAwPLy8nZ2doaGhri4uGhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==) center no-repeat; display:none; transition-property:display; transition-delay:var(--loading-icon-delay); z-index:5; contain:strict; } .pdfViewer .page.loading::after{ display:block; } .pdfViewer .page:not(.loading)::after{ transition-property:none; display:none; } .pdfPresentationMode .pdfViewer{ padding-bottom:0; } .pdfPresentationMode .spread{ margin:0; } .pdfPresentationMode .pdfViewer .page{ margin:0 auto; border:2px solid transparent; }