DECRETO Nº 24.718, DE 09 DE SETEMBRO DE 2026

DECRETO Nº 24.718, DE 09 DE SETEMBRO DE 2026Dispõe sobre a transferência de crédito acumulado do Imposto sobreOperações Relativas à Circulação de Mercadorias e sobre Prestaçõesde Serviços de Transporte Interestadual e Intermunicipal e deComunicação - ICMS na situação que especifica.O GOVERNADOR DO ESTADO DO PIAUÍ, no uso da atribuição que lhe confere o inciso XIII doart. 102 da Constituição Estadual,CONSIDERANDO o Ofício SEFAZ-PI/GASEC/SUPREC/UNATRI Nº 25/2026, do Secretário de Estadoda Fazenda, e demais documentos que constam no SEI N° 00009.010418/2026-92,D E C R E T A:Art. 1º Os estabelecimentos de produtores rurais, regularmente inscritos no Cadastro deContribuintes do Estado do Piauí - CAGEP, ficam autorizados a transferir crédito fiscal decorrente desaldo credor acumulado do Imposto sobre Operações Relativas à Circulação de Mercadorias e sobrePrestações de Serviços de Transporte Interestadual e Intermunicipal e de Comunicação - ICMS, nassituações especificadas por este Decreto.§ 1º O disposto no caput aplica-se somente ao saldo credor acumulado relacionado com operação ouprestação abrigada por benefício fiscal ou por tratamento tributário diferenciado previsto em leiespecífica, com manutenção de créditos pela entrada.§ 2º O imposto transferido nos termos deste Decreto constitui crédito fiscal do contribuintedestinatário para fins de apuração do ICMS.Art. 2º A transferência de que trata o art. 1º somente será admitida observado o que se segue:I - para pagamento de aquisições de máquinas e implementos agrícolas arrolados no Anexo II doConvênio ICMS 52/91, de 26 de setembro de 1991, e de aeronaves agrícolas classificadas no NCM8802.30.29, destinados à integração ao ativo imobilizado, realizadas no período de 17 a 20 desetembro de 2026, efetuadas diretamente junto aos estabelecimentos comerciais devidamentecredenciados para operarem no evento “EXPO LEAL 2026” a ser realizado na cidade de SebastiãoLeal, Estado do Piauí.II - estará limitada, para o transmissor, ao valor informado como “Saldo credor a transportar para operíodo seguinte” na apuração do ICMS devido por operações próprias da Escrituração FiscalDigital - EFD, relativa ao mês de julho de 2026;III - o valor do crédito a ser transferido estará limitado ao valor do imposto destacado no documentofiscal de venda das respectivas máquinas e equipamentos, no campo “Valor do ICMS”, e seráapropriado em parcela única;IV - somente será permitida ao contribuinte que tiver crédito fiscal acumulado por um períodomínimo de 12 (doze) meses consecutivos, imediatamente anteriores a este Decreto, e observado acondição prevista no § 1º do art. 1º;V - os lançamentos destinados aos registros de créditos de ICMS serão procedidos com a utilizaçãodos seguintes CÓDIGO FISCAL DE OPERAÇÕES E PRESTAÇÕES - CFOP:a) pelo remetente: CFOP “5.601 Transferência de crédito de ICMS acumulado”;b) pelo destinatário: CFOP “1.601 Recebimento, por transferência, de crédito de ICMS”.Art. 3º Para operacionalização do disposto no art. 2º, I deste Decreto, o vendedor deverá observar oregramento previsto no art. 82 do Anexo VIII - Procedimentos Especiais do Decreto nº 21.866, de 07de março de 2023.Parágrafo único. A NF-e de simples faturamento de que trata o art. 82 do Anexo VIII - ProcedimentosEspeciais do Decreto nº 21.866, de 07 de março de 2023, poderá ser emitida até o dia 30 denovembro de 2026.Art. 4º As operações realizadas ao amparo deste Decreto serão objeto de posterior homologação pelaSecretaria da Fazenda, observado o prazo decadencial.Art. 5º Caso necessário, a Secretaria da Fazenda poderá regulamentar o presente Decreto nointeresse do seu cumprimento.Art. 6º Este Decreto entra em vigor na data de sua publicação.PALÁCIO DE KARNAK, em Teresina (PI), 09 de setembro de 2026.(assinado eletronicamente)RAFAEL TAJRA FONTELESGovernador do Estado do Piauí(assinado eletronicamente)GIOVANNI ANTUNES ALMEIDASecretário de Governo, em exercício(assinado eletronicamente)EMÍLIO JOAQUIM DE OLIVEIRA JÚNIORSecretário da FazendaSEI nº 0026389398(Transcrição da nota DECRETOS de Nº 28929, datada de 14 de setembro de 2026.)<style>:root { --swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5); --swal2-container-padding: 0.625em; --swal2-backdrop: rgba(0, 0, 0, 0.4); --swal2-backdrop-transition: background-color 0.15s; --swal2-width: 32em; --swal2-padding: 0 0 1.25em; --swal2-border: none; --swal2-border-radius: 0.3125rem; --swal2-background: white; --swal2-color: #545454; --swal2-show-animation: swal2-show 0.3s; --swal2-hide-animation: swal2-hide 0.15s forwards; --swal2-icon-zoom: 1; --swal2-icon-animations: true; --swal2-title-padding: 0.8em 1em 0; --swal2-html-container-padding: 1em 1.6em 0.3em; --swal2-input-border: 1px solid #d9d9d9; --swal2-input-border-radius: 0.1875em; --swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent; --swal2-input-background: transparent; --swal2-input-transition: border-color 0.2s, box-shadow 0.2s; --swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent; --swal2-input-focus-border: 1px solid #b4dbed; --swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5); --swal2-progress-step-background: #add8e6; --swal2-validation-message-background: #f0f0f0; --swal2-validation-message-color: #666; --swal2-footer-border-color: #eee; --swal2-footer-background: transparent; --swal2-footer-color: inherit; --swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3); --swal2-close-button-position: initial; --swal2-close-button-inset: auto; --swal2-close-button-font-size: 2.5em; --swal2-close-button-color: #ccc; --swal2-close-button-transition: color 0.2s, box-shadow 0.2s; --swal2-close-button-outline: initial; --swal2-close-button-box-shadow: inset 0 0 0 3px transparent; --swal2-close-button-focus-box-shadow: inset var(--swal2-outline); --swal2-close-button-hover-transform: none; --swal2-actions-justify-content: center; --swal2-actions-width: auto; --swal2-actions-margin: 1.25em auto 0; --swal2-actions-padding: 0; --swal2-actions-border-radius: 0; --swal2-actions-background: transparent; --swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s; --swal2-action-button-hover: black 10%; --swal2-action-button-active: black 10%; --swal2-confirm-button-box-shadow: none; --swal2-confirm-button-border-radius: 0.25em; --swal2-confirm-button-background-color: #7066e0; --swal2-confirm-button-color: #fff; --swal2-deny-button-box-shadow: none; --swal2-deny-button-border-radius: 0.25em; --swal2-deny-button-background-color: #dc3741; --swal2-deny-button-color: #fff; --swal2-cancel-button-box-shadow: none; --swal2-cancel-button-border-radius: 0.25em; --swal2-cancel-button-background-color: #6e7881; --swal2-cancel-button-color: #fff; --swal2-toast-show-animation: swal2-toast-show 0.5s; --swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards; --swal2-toast-border: none; --swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075); } [data-swal2-theme="dark"] { --swal2-dark-theme-black: #19191a; --swal2-dark-theme-white: #e1e1e1; --swal2-background: var(--swal2-dark-theme-black); --swal2-color: var(--swal2-dark-theme-white); --swal2-footer-border-color: #555; --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%); --swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% ); --swal2-validation-message-color: var(--swal2-dark-theme-white); --swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7); } @media (prefers-color-scheme: dark) { [data-swal2-theme="auto"] { --swal2-dark-theme-black: #19191a; --swal2-dark-theme-white: #e1e1e1; --swal2-background: var(--swal2-dark-theme-black); --swal2-color: var(--swal2-dark-theme-white); --swal2-footer-border-color: #555; --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%); --swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% ); --swal2-validation-message-color: var(--swal2-dark-theme-white); --swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7); }} body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) { overflow: hidden; } body.swal2-height-auto { height: auto !important; } body.swal2-no-backdrop .swal2-container { pointer-events: none; background-color: rgba(0, 0, 0, 0) !important; } body.swal2-no-backdrop .swal2-container .swal2-popup { pointer-events: all; } body.swal2-no-backdrop .swal2-container .swal2-modal { box-shadow: 0 0 10px var(--swal2-backdrop); } body.swal2-toast-shown .swal2-container { box-sizing: border-box; width: 360px; max-width: 100%; background-color: rgba(0, 0, 0, 0); pointer-events: none; } body.swal2-toast-shown .swal2-container.swal2-top { inset: 0px auto auto 50%; transform: translate(-50%); } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { inset: 0px 0px auto auto; } body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { inset: 0px auto auto 0px; } body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { inset: 50% auto auto 0px; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-center { inset: 50% auto auto 50%; transform: translate(-50%, -50%); } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { inset: 50% 0px auto auto; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { inset: auto auto 0px 0px; } body.swal2-toast-shown .swal2-container.swal2-bottom { inset: auto auto 0px 50%; transform: translate(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { inset: auto 0px 0px auto; } @media print { body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) { overflow-y: scroll !important; } body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) > [aria-hidden="true"] { display: none; } body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) .swal2-container { position: static !important; }} div:where(.swal2-container) { display: grid; position: fixed; z-index: 1060; inset: 0px; box-sizing: border-box; grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end"; grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto); height: 100%; padding: var(--swal2-container-padding); overflow-x: hidden; transition: var(--swal2-backdrop-transition); } div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation { background: var(--swal2-backdrop); } div:where(.swal2-container).swal2-backdrop-hide { background: rgba(0, 0, 0, 0) !important; } div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start { grid-template-columns: minmax(0px, 1fr) auto auto; } div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom { grid-template-columns: auto minmax(0px, 1fr) auto; } div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end { grid-template-columns: auto auto minmax(0px, 1fr); } div:where(.swal2-container).swal2-top-start > .swal2-popup { align-self: start; } div:where(.swal2-container).swal2-top > .swal2-popup { grid-column: 2 / auto; place-self: start center; } div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup { grid-column: 3 / auto; place-self: start end; } div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup { grid-row: 2 / auto; align-self: center; } div:where(.swal2-container).swal2-center > .swal2-popup { grid-area: 2 / 2 / auto / auto; place-self: center; } div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup { grid-area: 2 / 3 / auto / auto; place-self: center end; } div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup { grid-area: 3 / 1 / auto / auto; align-self: end; } div:where(.swal2-container).swal2-bottom > .swal2-popup { grid-area: 3 / 2 / auto / auto; place-self: end center; } div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup { grid-area: 3 / 3 / auto / auto; place-self: end; } div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-column: 1 / 4; width: 100%; } div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-row: 1 / 4; align-self: stretch; } div:where(.swal2-container).swal2-no-transition { transition: none 0s ease 0s !important; } div:where(.swal2-container)[popover] { width: auto; border: 0px; } div:where(.swal2-container) div:where(.swal2-popup) { display: none; position: relative; box-sizing: border-box; grid-template-columns: minmax(0px, 100%); width: var(--swal2-width); max-width: 100%; padding: var(--swal2-padding); border: var(--swal2-border); border-radius: var(--swal2-border-radius); background: var(--swal2-background); color: var(--swal2-color); font-family: inherit; font-size: 1rem; container-name: swal2-popup; } div:where(.swal2-container) div:where(.swal2-popup):focus { outline: none; } div:where(.swal2-container) div:where(.swal2-popup).swal2-loading { overflow-y: hidden; } div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable { cursor: grab; } div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon) { cursor: grab; } div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging { cursor: grabbing; } div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon) { cursor: grabbing; } div:where(.swal2-container) h2:where(.swal2-title) { position: relative; max-width: 100%; margin: 0px; padding: var(--swal2-title-padding); color: inherit; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; overflow-wrap: break-word; cursor: initial; } div:where(.swal2-container) div:where(.swal2-actions) { display: flex; z-index: 1; box-sizing: border-box; flex-wrap: wrap; align-items: center; justify-content: var(--swal2-actions-justify-content); width: var(--swal2-actions-width); margin: var(--swal2-actions-margin); padding: var(--swal2-actions-padding); border-radius: var(--swal2-actions-border-radius); background: var(--swal2-actions-background); } div:where(.swal2-container) div:where(.swal2-loader) { display: none; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin: 0px 1.875em; animation: 1.5s linear 0s infinite normal none running swal2-rotate-loading; border-width: 0.25em; border-style: solid; border-radius: 100%; border-color: rgb(39, 120, 196) rgba(0, 0, 0, 0); } div:where(.swal2-container) button:where(.swal2-styled) { margin: 0.3125em; padding: 0.625em 1.1em; transition: var(--swal2-action-button-transition); border: none; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 3px; font-weight: 500; } div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) { cursor: pointer; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) { border-radius: var(--swal2-confirm-button-border-radius); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--swal2-confirm-button-background-color); box-shadow: var(--swal2-confirm-button-box-shadow); color: var(--swal2-confirm-button-color); font-size: 1em; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover { background-color: color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-hover)); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active { background-color: color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-active)); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) { border-radius: var(--swal2-deny-button-border-radius); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--swal2-deny-button-background-color); box-shadow: var(--swal2-deny-button-box-shadow); color: var(--swal2-deny-button-color); font-size: 1em; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover { background-color: color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-hover)); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active { background-color: color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-active)); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) { border-radius: var(--swal2-cancel-button-border-radius); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--swal2-cancel-button-background-color); box-shadow: var(--swal2-cancel-button-box-shadow); color: var(--swal2-cancel-button-color); font-size: 1em; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover { background-color: color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-hover)); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active { background-color: color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-active)); } div:where(.swal2-container) button:where(.swal2-styled):focus-visible { outline: none; box-shadow: var(--swal2-action-button-focus-box-shadow); } div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading) { opacity: 0.4; } div:where(.swal2-container) div:where(.swal2-footer) { margin: 1em 0px 0px; padding: 1em 1em 0px; border-top: 1px solid var(--swal2-footer-border-color); background: var(--swal2-footer-background); color: var(--swal2-footer-color); font-size: 1em; text-align: center; cursor: initial; } div:where(.swal2-container) .swal2-timer-progress-bar-container { position: absolute; right: 0px; bottom: 0px; left: 0px; overflow: hidden; border-bottom-right-radius: var(--swal2-border-radius); border-bottom-left-radius: var(--swal2-border-radius); grid-column: auto / auto !important; } div:where(.swal2-container) div:where(.swal2-timer-progress-bar) { width: 100%; height: 0.25em; background: var(--swal2-timer-progress-bar-background); } div:where(.swal2-container) img:where(.swal2-image) { max-width: 100%; margin: 2em auto 1em; cursor: initial; } div:where(.swal2-container) button:where(.swal2-close) { position: var(--swal2-close-button-position); inset: var(--swal2-close-button-inset); z-index: 2; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; margin-top: 0px; margin-right: 0px; margin-bottom: -1.2em; padding: 0px; overflow: hidden; transition: var(--swal2-close-button-transition); border: none; border-radius: var(--swal2-border-radius); outline: var(--swal2-close-button-outline); background: rgba(0, 0, 0, 0); color: var(--swal2-close-button-color); font-family: monospace; font-size: var(--swal2-close-button-font-size); cursor: pointer; justify-self: end; } div:where(.swal2-container) button:where(.swal2-close):hover { transform: var(--swal2-close-button-hover-transform); background: rgba(0, 0, 0, 0); color: rgb(242, 116, 116); } div:where(.swal2-container) button:where(.swal2-close):focus-visible { outline: none; box-shadow: var(--swal2-close-button-focus-box-shadow); } div:where(.swal2-container) div:where(.swal2-html-container) { z-index: 1; justify-content: center; margin: 0px; padding: var(--swal2-html-container-padding); overflow: auto; color: inherit; font-size: 1.125em; font-weight: 400; line-height: normal; text-align: center; overflow-wrap: break-word; word-break: break-word; cursor: initial; } div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) label:where(.swal2-checkbox) { margin: 1em 2em 3px; } div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) { box-sizing: border-box; width: auto; transition: var(--swal2-input-transition); border: var(--swal2-input-border); border-radius: var(--swal2-input-border-radius); background: var(--swal2-input-background); box-shadow: var(--swal2-input-box-shadow); color: inherit; font-size: 1.125em; } div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror { border-color: rgb(242, 116, 116) !important; box-shadow: rgb(242, 116, 116) 0px 0px 2px !important; } div:where(.swal2-container) input:where(.swal2-input):hover, div:where(.swal2-container) input:where(.swal2-file):hover, div:where(.swal2-container) textarea:where(.swal2-textarea):hover { box-shadow: var(--swal2-input-hover-box-shadow); } div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus { border: var(--swal2-input-focus-border); outline: none; box-shadow: var(--swal2-input-focus-box-shadow); } div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder { color: rgb(204, 204, 204); } div:where(.swal2-container) .swal2-range { margin: 1em 2em 3px; background: var(--swal2-background); } div:where(.swal2-container) .swal2-range input { width: 80%; } div:where(.swal2-container) .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; } div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output { height: 2.625em; padding: 0px; font-size: 1.125em; line-height: 2.625em; } div:where(.swal2-container) .swal2-input { height: 2.625em; padding: 0px 0.75em; } div:where(.swal2-container) .swal2-file { width: 75%; margin-right: auto; margin-left: auto; background: var(--swal2-input-background); font-size: 1.125em; } div:where(.swal2-container) .swal2-textarea { height: 6.75em; padding: 0.75em; } div:where(.swal2-container) .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; background: var(--swal2-input-background); color: inherit; font-size: 1.125em; } div:where(.swal2-container) .swal2-radio, div:where(.swal2-container) .swal2-checkbox { align-items: center; justify-content: center; background: var(--swal2-background); color: inherit; } div:where(.swal2-container) .swal2-radio label, div:where(.swal2-container) .swal2-checkbox label { margin: 0px 0.6em; font-size: 1.125em; } div:where(.swal2-container) .swal2-radio input, div:where(.swal2-container) .swal2-checkbox input { flex-shrink: 0; margin: 0px 0.4em; } div:where(.swal2-container) label:where(.swal2-input-label) { display: flex; justify-content: center; margin: 1em auto 0px; } div:where(.swal2-container) div:where(.swal2-validation-message) { align-items: center; justify-content: center; margin: 1em 0px 0px; padding: 0.625em; overflow: hidden; background: var(--swal2-validation-message-background); color: var(--swal2-validation-message-color); font-size: 1em; font-weight: 300; } div:where(.swal2-container) div:where(.swal2-validation-message)::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0px 0.625em; border-radius: 50%; background-color: rgb(242, 116, 116); color: rgb(255, 255, 255); font-weight: 600; line-height: 1.5em; text-align: center; } div:where(.swal2-container) .swal2-progress-steps { flex-wrap: wrap; align-items: center; max-width: 100%; margin: 1.25em auto; padding: 0px; background: rgba(0, 0, 0, 0); font-weight: 600; } div:where(.swal2-container) .swal2-progress-steps li { display: inline-block; position: relative; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step { z-index: 20; flex-shrink: 0; width: 2em; height: 2em; border-radius: 2em; background: rgb(39, 120, 196); color: rgb(255, 255, 255); line-height: 2em; text-align: center; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: rgb(39, 120, 196); } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: var(--swal2-progress-step-background); color: rgb(255, 255, 255); } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: var(--swal2-progress-step-background); } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line { z-index: 10; flex-shrink: 0; width: 2.5em; height: 0.4em; margin: 0px -1px; background: rgb(39, 120, 196); } div:where(.swal2-icon) { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 2.5em auto 0.6em; zoom: var(--swal2-icon-zoom); border: 0.25em solid rgb(0, 0, 0); border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; user-select: none; } div:where(.swal2-icon) .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; } div:where(.swal2-icon).swal2-error { border-color: rgb(242, 116, 116); color: rgb(242, 116, 116); } div:where(.swal2-icon).swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: rgb(242, 116, 116); } div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 1.0625em; transform: rotate(45deg); } div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 1em; transform: rotate(-45deg); } @container swal2-popup style(--swal2-icon-animations: true) { div:where(.swal2-icon).swal2-error.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; } div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-x-mark; }} div:where(.swal2-icon).swal2-warning { border-color: rgb(248, 187, 134); color: rgb(248, 187, 134); } @container swal2-popup style(--swal2-icon-animations: true) { div:where(.swal2-icon).swal2-warning.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; } div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content { animation: 0.5s ease 0s 1 normal none running swal2-animate-i-mark; }} div:where(.swal2-icon).swal2-info { border-color: rgb(63, 195, 238); color: rgb(63, 195, 238); } @container swal2-popup style(--swal2-icon-animations: true) { div:where(.swal2-icon).swal2-info.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; } div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content { animation: 0.8s ease 0s 1 normal none running swal2-animate-i-mark; }} div:where(.swal2-icon).swal2-question { border-color: rgb(135, 173, 189); color: rgb(135, 173, 189); } @container swal2-popup style(--swal2-icon-animations: true) { div:where(.swal2-icon).swal2-question.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; } div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content { animation: 0.8s ease 0s 1 normal none running swal2-animate-question-mark; }} div:where(.swal2-icon).swal2-success { border-color: rgb(165, 220, 134); color: rgb(165, 220, 134); } div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 3.75em; height: 7.5em; border-radius: 50%; } div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0px 0px 7.5em; } div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0px 3.75em; border-radius: 0px 7.5em 7.5em 0px; } div:where(.swal2-icon).swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; } div:where(.swal2-icon).swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; transform: rotate(-45deg); } div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] { display: block; position: absolute; z-index: 2; height: 0.3125em; border-radius: 0.125em; background-color: rgb(165, 220, 134); } div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="tip"] { top: 2.875em; left: 0.8125em; width: 1.5625em; transform: rotate(45deg); } div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="long"] { top: 2.375em; right: 0.5em; width: 2.9375em; transform: rotate(-45deg); } @container swal2-popup style(--swal2-icon-animations: true) { div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip { animation: 0.75s ease 0s 1 normal none running swal2-animate-success-line-tip; } div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long { animation: 0.75s ease 0s 1 normal none running swal2-animate-success-line-long; } div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: 4.25s ease-in 0s 1 normal none running swal2-rotate-success-circular-line; }} [class^="swal2"] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .swal2-show { animation: var(--swal2-show-animation); } .swal2-hide { animation: var(--swal2-hide-animation); } .swal2-noanimation { transition: none 0s ease 0s; } .swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .swal2-rtl .swal2-close { margin-right: initial; margin-left: 0px; } .swal2-rtl .swal2-timer-progress-bar { right: 0px; left: auto; } .swal2-toast { box-sizing: border-box; grid-template-columns: min-content auto min-content; padding: 1em; overflow-y: hidden; border: var(--swal2-toast-border); background: var(--swal2-background); box-shadow: var(--swal2-toast-box-shadow); pointer-events: all; grid-area: 1 / 1 / 4 / 4 !important; } .swal2-toast > * { grid-column: 2 / auto; } .swal2-toast h2:where(.swal2-title) { margin: 0.5em 1em; padding: 0px; font-size: 1em; text-align: initial; } .swal2-toast .swal2-loading { justify-content: center; } .swal2-toast input:where(.swal2-input) { height: 2em; margin: 0.5em; font-size: 1em; } .swal2-toast .swal2-validation-message { font-size: 1em; } .swal2-toast div:where(.swal2-footer) { margin: 0.5em 0px 0px; padding: 0.5em 0px 0px; font-size: 0.8em; } .swal2-toast button:where(.swal2-close) { grid-area: 1 / 3 / 99 / 3; align-self: center; width: 0.8em; height: 0.8em; margin: 0px; font-size: 2em; } .swal2-toast div:where(.swal2-html-container) { margin: 0.5em 1em; padding: 0px; overflow: initial; font-size: 1em; text-align: initial; } .swal2-toast div:where(.swal2-html-container):empty { padding: 0px; } .swal2-toast .swal2-loader { grid-area: 1 / 1 / 99 / auto; align-self: center; width: 2em; height: 2em; margin: 0.25em; } .swal2-toast .swal2-icon { grid-area: 1 / 1 / 99 / auto; align-self: center; width: 2em; min-width: 2em; height: 2em; margin: 0px 0.5em 0px 0px; } .swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: 700; } .swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] { top: 0.875em; width: 1.375em; } .swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 0.3125em; } .swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 0.3125em; } .swal2-toast div:where(.swal2-actions) { justify-content: flex-start; height: auto; margin: 0.5em 0px 0px; padding: 0px 0.5em; } .swal2-toast button:where(.swal2-styled) { margin: 0.25em 0.5em; padding: 0.4em 0.6em; font-size: 1em; } .swal2-toast .swal2-success { border-color: rgb(165, 220, 134); } .swal2-toast .swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 1.6em; height: 3em; border-radius: 50%; } .swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0px 0px 4em; } .swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -0.25em; left: 0.9375em; transform-origin: 0px 1.5em; border-radius: 0px 4em 4em 0px; } .swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-toast .swal2-success .swal2-success-fix { top: 0px; left: 0.4375em; width: 0.4375em; height: 2.6875em; } .swal2-toast .swal2-success [class^="swal2-success-line"] { height: 0.3125em; } .swal2-toast .swal2-success [class^="swal2-success-line"][class$="tip"] { top: 1.125em; left: 0.1875em; width: 0.75em; } .swal2-toast .swal2-success [class^="swal2-success-line"][class$="long"] { top: 0.9375em; right: 0.1875em; width: 1.375em; } @container swal2-popup style(--swal2-icon-animations: true) { .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: 0.75s ease 0s 1 normal none running swal2-toast-animate-success-line-tip; } .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: 0.75s ease 0s 1 normal none running swal2-toast-animate-success-line-long; }} .swal2-toast.swal2-show { animation: var(--swal2-toast-show-animation); } .swal2-toast.swal2-hide { animation: var(--swal2-toast-hide-animation); } @keyframes swal2-show { 0% { transform: translate3d(0px, -50px, 0px) scale(0.9); opacity: 0; } 100% { transform: translateZ(0px) scale(1); opacity: 1; }} @keyframes swal2-hide { 0% { transform: translateZ(0px) scale(1); opacity: 1; } 100% { transform: translate3d(0px, -50px, 0px) scale(0.9); opacity: 0; }} @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0px; } 54% { top: 1.0625em; left: 0.125em; width: 0px; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.8125em; width: 1.5625em; }} @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0px; } 65% { top: 3.375em; right: 2.875em; width: 0px; } 84% { top: 2.1875em; right: 0px; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; }} @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); }} @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; transform: scale(1.15); } 100% { margin-top: 0px; transform: scale(1); opacity: 1; }} @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; }} @keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }} @keyframes swal2-animate-question-mark { 0% { transform: rotateY(-360deg); } 100% { transform: rotateY(0deg); }} @keyframes swal2-animate-i-mark { 0% { transform: rotate(45deg); opacity: 0; } 25% { transform: rotate(-25deg); opacity: 0.4; } 50% { transform: rotate(15deg); opacity: 0.8; } 75% { transform: rotate(-5deg); opacity: 1; } 100% { transform: rotateX(0deg); opacity: 1; }} @keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotate(2deg); } 33% { transform: translateY(0px) rotate(-2deg); } 66% { transform: translateY(0.3125em) rotate(2deg); } 100% { transform: translateY(0px) rotate(0deg); }} @keyframes swal2-toast-hide { 100% { transform: rotate(1deg); opacity: 0; }} @keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0px; } 54% { top: 0.125em; left: 0.125em; width: 0px; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; }} @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0px; } 65% { top: 1.25em; right: 0.9375em; width: 0px; } 84% { top: 0.9375em; right: 0px; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; }} .messageBar { --closing-button-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.85822%208.84922L4.85322%2011.8542C4.75891%2011.9453%204.63261%2011.9957%204.50151%2011.9946C4.37042%2011.9934%204.24501%2011.9408%204.15231%2011.8481C4.0596%2011.7554%204.00702%2011.63%204.00588%2011.4989C4.00474%2011.3678%204.05514%2011.2415%204.14622%2011.1472L7.15122%208.14222V7.85922L4.14622%204.85322C4.05514%204.75891%204.00474%204.63261%204.00588%204.50151C4.00702%204.37042%204.0596%204.24501%204.15231%204.15231C4.24501%204.0596%204.37042%204.00702%204.50151%204.00588C4.63261%204.00474%204.75891%204.05514%204.85322%204.14622L7.85822%207.15122H8.14122L11.1462%204.14622C11.2405%204.05514%2011.3668%204.00474%2011.4979%204.00588C11.629%204.00702%2011.7544%204.0596%2011.8471%204.15231C11.9398%204.24501%2011.9924%204.37042%2011.9936%204.50151C11.9947%204.63261%2011.9443%204.75891%2011.8532%204.85322L8.84822%207.85922V8.14222L11.8532%2011.1472C11.9443%2011.2415%2011.9947%2011.3678%2011.9936%2011.4989C11.9924%2011.63%2011.9398%2011.7554%2011.8471%2011.8481C11.7544%2011.9408%2011.629%2011.9934%2011.4979%2011.9946C11.3668%2011.9957%2011.2405%2011.9453%2011.1462%2011.8542L8.14122%208.84922L8.14222%208.85022L7.85822%208.84922Z'%20fill='black'/%3e%3c/svg%3e"); --message-bar-close-button-color:var(--text-primary-color); --message-bar-close-button-color-hover:var(--text-primary-color); --message-bar-close-button-border-radius:4px; --message-bar-close-button-border:none; --csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14); --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14)); --csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21); --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21)); --csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07); --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07)); } @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { .messageBar { --message-bar-close-button-hover-bg-color:light-dark( rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14) ); --message-bar-close-button-active-bg-color:light-dark( rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21) ); --message-bar-close-button-focus-bg-color:light-dark( rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07) ); }} @supports not (color: light-dark(tan,tan)) { .messageBar * { --csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14); --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14)); --csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21); --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21)); --csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07); --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07)); }} @media screen and (forced-colors: active) { .messageBar { --message-bar-close-button-color:ButtonText; --message-bar-close-button-border:1px solid ButtonText; --message-bar-close-button-hover-bg-color:ButtonText; --message-bar-close-button-active-bg-color:ButtonText; --message-bar-close-button-focus-bg-color:ButtonText; --message-bar-close-button-color-hover:HighlightText; }} .messageBar { display: flex; position: relative; padding: 8px 8px 8px 16px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; user-select: none; border-radius: 4px; border: 1px solid var(--message-bar-border-color); background: var(--message-bar-bg-color); color: var(--message-bar-fg-color); } .messageBar > div { display: flex; align-items: flex-start; gap: 8px; align-self: stretch; } :is(.messageBar > div)::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--message-bar-icon); -webkit-mask-size: cover; background-color: var(--message-bar-icon-color); flex-shrink: 0; } .messageBar button { cursor: pointer; } :is(.messageBar button):focus-visible { outline: var(--focus-ring-outline); outline-offset: 2px; } .messageBar .closeButton { width: 32px; height: 32px; background: none; border-radius: var(--message-bar-close-button-border-radius); border: var(--message-bar-close-button-border); display: flex; align-items: center; justify-content: center; } :is(.messageBar .closeButton)::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--closing-button-icon); -webkit-mask-size: cover; background-color: var(--message-bar-close-button-color); } :is(.messageBar .closeButton):is(:hover, :active, :focus)::before { background-color: var(--message-bar-close-button-color-hover); } :is(.messageBar .closeButton):hover { background-color: var(--message-bar-close-button-hover-bg-color); } :is(.messageBar .closeButton):active { background-color: var(--message-bar-close-button-active-bg-color); } :is(.messageBar .closeButton):focus { background-color: var(--message-bar-close-button-focus-bg-color); } :is(.messageBar .closeButton) > span { display: inline-block; width: 0px; height: 0px; overflow: hidden; } #editorUndoBar { --csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fbfbfe; --text-primary-color:var(--csstools-light-dark-toggle--3, #15141a); --message-bar-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.625%200.5C6.64009%200.5%205.66482%200.693993%204.75487%201.0709C3.84493%201.44781%203.01814%202.00026%202.3217%202.6967C1.62526%203.39314%201.07281%204.21993%200.695904%205.12987C0.318993%206.03982%200.125%207.01509%200.125%208C0.125%208.98491%200.318993%209.96018%200.695904%2010.8701C1.07281%2011.7801%201.62526%2012.6069%202.3217%2013.3033C3.01814%2013.9997%203.84493%2014.5522%204.75487%2014.9291C5.66482%2015.306%206.64009%2015.5%207.625%2015.5C9.61412%2015.5%2011.5218%2014.7098%2012.9283%2013.3033C14.3348%2011.8968%2015.125%209.98912%2015.125%208C15.125%206.01088%2014.3348%204.10322%2012.9283%202.6967C11.5218%201.29018%209.61412%200.5%207.625%200.5ZM8.25%2011.375C8.25%2011.5408%208.18415%2011.6997%208.06694%2011.8169C7.94973%2011.9342%207.79076%2012%207.625%2012C7.45924%2012%207.30027%2011.9342%207.18306%2011.8169C7.06585%2011.6997%207%2011.5408%207%2011.375V6.938C7%206.77224%207.06585%206.61327%207.18306%206.49606C7.30027%206.37885%207.45924%206.313%207.625%206.313C7.79076%206.313%207.94973%206.37885%208.06694%206.49606C8.18415%206.61327%208.25%206.77224%208.25%206.938V11.375ZM8.25%205L8%205.25H7.25L7%205V4.25L7.25%204H8L8.25%204.25V5Z'%20fill='black'%20/%3e%3c/svg%3e"); --csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #73a7f3; --message-bar-icon-color:var(--csstools-light-dark-toggle--4, #0060df); --csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #003070; --message-bar-bg-color:var(--csstools-light-dark-toggle--5, #deeafc); --message-bar-fg-color:var(--text-primary-color); --csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --message-bar-border-color:var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08)); --csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --undo-button-bg-color:var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07)); --csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14); --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14)); --csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21); --undo-button-bg-color-active:var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21)); --csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0df; --undo-button-border:1px solid var(--csstools-light-dark-toggle--10, #0060df); --undo-button-fg-color:var(--message-bar-fg-color); --undo-button-fg-color-hover:var(--undo-button-fg-color); --undo-button-fg-color-active:var(--undo-button-fg-color); } @supports (color: light-dark(red,red)) { #editorUndoBar { --text-primary-color:light-dark(#15141a, #fbfbfe); --message-bar-icon-color:light-dark(#0060df, #73a7f3); --message-bar-bg-color:light-dark(#deeafc, #003070); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { #editorUndoBar { --message-bar-border-color:light-dark( rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08) ); --undo-button-bg-color:light-dark( rgb(21 20 26 / 0.07), rgb(255 255 255 / 0.08) ); --undo-button-bg-color-hover:light-dark( rgb(21 20 26 / 0.14), rgb(255 255 255 / 0.14) ); --undo-button-bg-color-active:light-dark( rgb(21 20 26 / 0.21), rgb(255 255 255 / 0.21) ); }} @supports (color: light-dark(red,red)) { #editorUndoBar { --undo-button-border:1px solid light-dark(#0060df, #0df); }} @supports not (color: light-dark(tan,tan)) { #editorUndoBar * { --csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fbfbfe; --text-primary-color:var(--csstools-light-dark-toggle--3, #15141a); --csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #73a7f3; --message-bar-icon-color:var(--csstools-light-dark-toggle--4, #0060df); --csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #003070; --message-bar-bg-color:var(--csstools-light-dark-toggle--5, #deeafc); --csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --message-bar-border-color:var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08)); --csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --undo-button-bg-color:var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07)); --csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14); --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14)); --csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21); --undo-button-bg-color-active:var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21)); --csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0df; --undo-button-border:1px solid var(--csstools-light-dark-toggle--10, #0060df); }} @media screen and (forced-colors: active) { #editorUndoBar { --text-primary-color:CanvasText; --message-bar-icon-color:CanvasText; --message-bar-bg-color:Canvas; --message-bar-border-color:CanvasText; --undo-button-bg-color:ButtonText; --undo-button-bg-color-hover:SelectedItem; --undo-button-bg-color-active:SelectedItem; --undo-button-fg-color:ButtonFace; --undo-button-fg-color-hover:SelectedItemText; --undo-button-fg-color-active:SelectedItemText; --undo-button-border:none; }} #editorUndoBar { position: fixed; top: 50px; left: 50%; transform: translate(-50%); z-index: 10; padding-block: 8px; padding-inline: 16px 8px; font-style: ; font-variant: normal; font-weight: ; font-stretch: ; line-height: ; font-family: ; font-size: 15px; cursor: default; } #editorUndoBar button { cursor: pointer; } #editorUndoBar #editorUndoBarUndoButton { border-radius: 4px; font-weight: 590; line-height: 19.5px; color: var(--undo-button-fg-color); border: var(--undo-button-border); padding: 4px 16px; margin-inline-start: 8px; height: 32px; background-color: var(--undo-button-bg-color); } :is(#editorUndoBar #editorUndoBarUndoButton):hover { background-color: var(--undo-button-bg-color-hover); color: var(--undo-button-fg-color-hover); } :is(#editorUndoBar #editorUndoBarUndoButton):active { background-color: var(--undo-button-bg-color-active); color: var(--undo-button-fg-color-active); } #editorUndoBar > div { align-items: center; } .dialog { --csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #1c1b22; --dialog-bg-color:var(--csstools-light-dark-toggle--11, white); --csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #1c1b22; --dialog-border-color:var(--csstools-light-dark-toggle--12, white); --csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #15141a; --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2)); --csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fbfbfe; --text-primary-color:var(--csstools-light-dark-toggle--14, #15141a); --csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #cfcfd8; --text-secondary-color:var(--csstools-light-dark-toggle--15, #5b5b66); --hover-filter:brightness(0.9); --csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #0df; --link-fg-color:var(--csstools-light-dark-toggle--16, #0060df); --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #80ebff; --link-hover-fg-color:var(--csstools-light-dark-toggle--17, #0250bb); --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #52525e; --separator-color:var(--csstools-light-dark-toggle--18, #f0f0f4); --textarea-border-color:#8f8f9d; --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #42414d; --textarea-bg-color:var(--csstools-light-dark-toggle--19, white); --textarea-fg-color:var(--text-secondary-color); --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #2b2a33; --radio-bg-color:var(--csstools-light-dark-toggle--20, #f0f0f4); --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #15141a; --radio-checked-bg-color:var(--csstools-light-dark-toggle--21, #fbfbfe); --radio-border-color:#8f8f9d; --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #0df; --radio-checked-border-color:var(--csstools-light-dark-toggle--22, #0060df); --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07); --button-secondary-bg-color:var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07)); --button-secondary-fg-color:var(--text-primary-color); --button-secondary-border-color:var(--button-secondary-bg-color); --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21); --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21)); --button-secondary-active-fg-color:var(--button-secondary-fg-color); --button-secondary-active-border-color:var(--button-secondary-bg-color); --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14); --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14)); --button-secondary-hover-fg-color:var(--button-secondary-fg-color); --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color); --button-secondary-disabled-bg-color:var(--button-secondary-bg-color); --button-secondary-disabled-border-color:var( --button-secondary-border-color ); --button-secondary-disabled-fg-color:var(--button-secondary-fg-color); --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df; --button-primary-bg-color:var(--csstools-light-dark-toggle--26, #0060df); --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #15141a; --button-primary-fg-color:var(--csstools-light-dark-toggle--27, #fbfbfe); --button-primary-border-color:var(--button-primary-bg-color); --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #aaf2ff; --button-primary-active-bg-color:var(--csstools-light-dark-toggle--28, #054096); --button-primary-active-fg-color:var(--button-primary-fg-color); --button-primary-active-border-color:var(--button-primary-active-bg-color); --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #80ebff; --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb); --button-primary-hover-fg-color:var(--button-primary-fg-color); --button-primary-hover-border-color:var(--button-primary-hover-bg-color); --button-primary-disabled-bg-color:var(--button-primary-bg-color); --button-primary-disabled-border-color:var(--button-primary-border-color); --button-primary-disabled-fg-color:var(--button-primary-fg-color); --button-disabled-opacity:0.4; --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d; --input-text-bg-color:var(--csstools-light-dark-toggle--30, white); --input-text-fg-color:var(--text-primary-color); } @supports (color: light-dark(red,red)) { .dialog { --dialog-bg-color:light-dark(white, #1c1b22); --dialog-border-color:light-dark(white, #1c1b22); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { .dialog { --dialog-shadow:0 2px 14px 0 light-dark(rgb(58 57 68 / 0.2), #15141a); }} @supports (color: light-dark(red,red)) { .dialog { --text-primary-color:light-dark(#15141a, #fbfbfe); --text-secondary-color:light-dark(#5b5b66, #cfcfd8); --link-fg-color:light-dark(#0060df, #0df); --link-hover-fg-color:light-dark(#0250bb, #80ebff); --separator-color:light-dark(#f0f0f4, #52525e); --textarea-bg-color:light-dark(white, #42414d); --radio-bg-color:light-dark(#f0f0f4, #2b2a33); --radio-checked-bg-color:light-dark(#fbfbfe, #15141a); --radio-checked-border-color:light-dark(#0060df, #0df); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { .dialog { --button-secondary-bg-color:light-dark( rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07) ); --button-secondary-active-bg-color:light-dark( rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21) ); --button-secondary-hover-bg-color:light-dark( rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14) ); }} @supports (color: light-dark(red,red)) { .dialog { --button-primary-bg-color:light-dark(#0060df, #0df); --button-primary-fg-color:light-dark(#fbfbfe, #15141a); --button-primary-active-bg-color:light-dark(#054096, #aaf2ff); --button-primary-hover-bg-color:light-dark(#0250bb, #80ebff); --input-text-bg-color:light-dark(white, #42414d); }} @supports not (color: light-dark(tan,tan)) { .dialog * { --csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #1c1b22; --dialog-bg-color:var(--csstools-light-dark-toggle--11, white); --csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #1c1b22; --dialog-border-color:var(--csstools-light-dark-toggle--12, white); --csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #15141a; --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2)); --csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fbfbfe; --text-primary-color:var(--csstools-light-dark-toggle--14, #15141a); --csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #cfcfd8; --text-secondary-color:var(--csstools-light-dark-toggle--15, #5b5b66); --csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #0df; --link-fg-color:var(--csstools-light-dark-toggle--16, #0060df); --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #80ebff; --link-hover-fg-color:var(--csstools-light-dark-toggle--17, #0250bb); --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #52525e; --separator-color:var(--csstools-light-dark-toggle--18, #f0f0f4); --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #42414d; --textarea-bg-color:var(--csstools-light-dark-toggle--19, white); --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #2b2a33; --radio-bg-color:var(--csstools-light-dark-toggle--20, #f0f0f4); --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #15141a; --radio-checked-bg-color:var(--csstools-light-dark-toggle--21, #fbfbfe); --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #0df; --radio-checked-border-color:var(--csstools-light-dark-toggle--22, #0060df); --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07); --button-secondary-bg-color:var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07)); --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21); --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21)); --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14); --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14)); --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df; --button-primary-bg-color:var(--csstools-light-dark-toggle--26, #0060df); --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #15141a; --button-primary-fg-color:var(--csstools-light-dark-toggle--27, #fbfbfe); --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #aaf2ff; --button-primary-active-bg-color:var(--csstools-light-dark-toggle--28, #054096); --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #80ebff; --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb); --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d; --input-text-bg-color:var(--csstools-light-dark-toggle--30, white); }} @media (prefers-color-scheme: dark) { .dialog { --hover-filter:brightness(1.4); --button-disabled-opacity:0.6; }} @media screen and (forced-colors: active) { .dialog { --dialog-bg-color:Canvas; --dialog-border-color:CanvasText; --dialog-shadow:none; --text-primary-color:CanvasText; --text-secondary-color:CanvasText; --hover-filter:none; --link-fg-color:LinkText; --link-hover-fg-color:LinkText; --separator-color:CanvasText; --textarea-border-color:ButtonBorder; --textarea-bg-color:Field; --textarea-fg-color:ButtonText; --radio-bg-color:ButtonFace; --radio-checked-bg-color:ButtonFace; --radio-border-color:ButtonText; --radio-checked-border-color:ButtonText; --button-secondary-bg-color:ButtonFace; --button-secondary-fg-color:ButtonText; --button-secondary-border-color:ButtonText; --button-secondary-active-bg-color:HighlightText; --button-secondary-active-fg-color:SelectedItem; --button-secondary-active-border-color:ButtonText; --button-secondary-hover-bg-color:HighlightText; --button-secondary-hover-fg-color:SelectedItem; --button-secondary-hover-border-color:SelectedItem; --button-secondary-disabled-fg-color:GrayText; --button-secondary-disabled-border-color:GrayText; --button-primary-bg-color:ButtonText; --button-primary-fg-color:ButtonFace; --button-primary-border-color:ButtonText; --button-primary-active-bg-color:SelectedItem; --button-primary-active-fg-color:HighlightText; --button-primary-active-border-color:ButtonText; --button-primary-hover-bg-color:SelectedItem; --button-primary-hover-fg-color:HighlightText; --button-primary-hover-border-color:SelectedItem; --button-primary-disabled-bg-color:GrayText; --button-primary-disabled-fg-color:ButtonFace; --button-primary-disabled-border-color:GrayText; --button-disabled-opacity:1; --input-text-bg-color:Field; --input-text-fg-color:FieldText; }} .dialog { font-style: ; font-variant: normal; font-stretch: ; font-family: ; font-size: 13px; font-weight: 400; line-height: 150%; border-radius: 4px; padding: 12px 16px; border: 1px solid var(--dialog-border-color); background: var(--dialog-bg-color); color: var(--text-primary-color); box-shadow: var(--dialog-shadow); } :is(.dialog .mainContainer) :focus-visible { outline: var(--focus-ring-outline); outline-offset: 2px; } :is(.dialog .mainContainer) .title { display: flex; width: auto; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 12px; } :is(:is(.dialog .mainContainer) .title) > span { font-size: 13px; font-style: normal; font-weight: 590; line-height: 150%; } :is(.dialog .mainContainer) .dialogSeparator { width: 100%; height: 0px; margin-block: 4px; border-top: 1px solid var(--separator-color); border-bottom: none; } :is(.dialog .mainContainer) .dialogButtonsGroup { display: flex; gap: 12px; align-self: flex-end; } :is(.dialog .mainContainer) .radio { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } :is(:is(.dialog .mainContainer) .radio) > .radioButton { display: flex; gap: 8px; align-self: stretch; align-items: center; } :is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input { appearance: none; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background-color: var(--radio-bg-color); border: 1px solid var(--radio-border-color); } :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover { filter: var(--hover-filter); } :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):checked { background-color: var(--radio-checked-bg-color); border: 4px solid var(--radio-checked-border-color); } :is(:is(.dialog .mainContainer) .radio) > .radioLabel { display: flex; padding-inline-start: 24px; align-items: flex-start; gap: 10px; align-self: stretch; } :is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel) > span { flex: 1 0 0px; font-size: 11px; color: var(--text-secondary-color); } :is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton)) { border-radius: 4px; border: 1px solid; font-style: ; font-variant: normal; font-stretch: ; line-height: ; font-family: ; font-weight: 590; font-size: 13px; padding: 4px 16px; width: auto; height: 32px; } :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):hover { cursor: pointer; filter: var(--hover-filter); } :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))) > span { color: inherit; font: inherit; } .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))) { color: var(--button-secondary-fg-color); background-color: var(--button-secondary-bg-color); border-color: var(--button-secondary-border-color); } .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):hover { color: var(--button-secondary-hover-fg-color); background-color: var(--button-secondary-hover-bg-color); border-color: var(--button-secondary-hover-border-color); } .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):active { color: var(--button-secondary-active-fg-color); background-color: var(--button-secondary-active-bg-color); border-color: var(--button-secondary-active-border-color); } .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):disabled { background-color: var(--button-secondary-disabled-bg-color); border-color: var(--button-secondary-disabled-border-color); color: var(--button-secondary-disabled-fg-color); opacity: var(--button-disabled-opacity); } .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))) { color: var(--button-primary-fg-color); background-color: var(--button-primary-bg-color); border-color: var(--button-primary-border-color); opacity: 1; } .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):hover { color: var(--button-primary-hover-fg-color); background-color: var(--button-primary-hover-bg-color); border-color: var(--button-primary-hover-border-color); } .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):active { color: var(--button-primary-active-fg-color); background-color: var(--button-primary-active-bg-color); border-color: var(--button-primary-active-border-color); } .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):disabled { background-color: var(--button-primary-disabled-bg-color); border-color: var(--button-primary-disabled-border-color); color: var(--button-primary-disabled-fg-color); opacity: var(--button-disabled-opacity); } :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):disabled { pointer-events: none; } :is(.dialog .mainContainer) a { color: var(--link-fg-color); } :is(:is(.dialog .mainContainer) a):hover { color: var(--link-hover-fg-color); } :is(.dialog .mainContainer) textarea { font: inherit; padding: 8px; resize: none; margin: 0px; box-sizing: border-box; border-radius: 4px; border: 1px solid var(--textarea-border-color); background: var(--textarea-bg-color); color: var(--textarea-fg-color); } :is(:is(.dialog .mainContainer) textarea):focus { outline-offset: 0px; border-color: transparent; } :is(:is(.dialog .mainContainer) textarea):disabled { pointer-events: none; opacity: 0.4; } :is(.dialog .mainContainer) input[type="text"] { background-color: var(--input-text-bg-color); color: var(--input-text-fg-color); } :is(.dialog .mainContainer) .messageBar { --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5a3100; --message-bar-bg-color:var(--csstools-light-dark-toggle--31, #ffebcd); --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #fbfbfe; --message-bar-fg-color:var(--csstools-light-dark-toggle--32, #15141a); --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --message-bar-border-color:var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08)); --message-bar-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.8748%2012.037L9.37782%202.037C8.99682%201.346%208.31082%201%207.62482%201C6.93882%201%206.25282%201.346%205.87282%202.037L0.375823%2012.037C-0.358177%2013.37%200.606823%2015%202.12782%2015H13.1228C14.6428%2015%2015.6078%2013.37%2014.8748%2012.037ZM8.24982%2011.75L7.99982%2012H7.24982L6.99982%2011.75V11L7.24982%2010.75H7.99982L8.24982%2011V11.75ZM8.24982%209.062C8.24982%209.22776%208.18398%209.38673%208.06677%209.50394C7.94955%209.62115%207.79058%209.687%207.62482%209.687C7.45906%209.687%207.30009%209.62115%207.18288%209.50394C7.06567%209.38673%206.99982%209.22776%206.99982%209.062V5.625C6.99982%205.45924%207.06567%205.30027%207.18288%205.18306C7.30009%205.06585%207.45906%205%207.62482%205C7.79058%205%207.94955%205.06585%208.06677%205.18306C8.18398%205.30027%208.24982%205.45924%208.24982%205.625V9.062Z'%20fill='black'/%3e%3c/svg%3e"); --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #e49c49; --message-bar-icon-color:var(--csstools-light-dark-toggle--34, #cd411e); } @supports (color: light-dark(red,red)) { :is(.dialog .mainContainer) .messageBar { --message-bar-bg-color:light-dark(#ffebcd, #5a3100); --message-bar-fg-color:light-dark(#15141a, #fbfbfe); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { :is(.dialog .mainContainer) .messageBar { --message-bar-border-color:light-dark( rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08) ); }} @supports (color: light-dark(red,red)) { :is(.dialog .mainContainer) .messageBar { --message-bar-icon-color:light-dark(#cd411e, #e49c49); }} @supports not (color: light-dark(tan,tan)) { :is(:is(.dialog .mainContainer) .messageBar) * { --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5a3100; --message-bar-bg-color:var(--csstools-light-dark-toggle--31, #ffebcd); --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #fbfbfe; --message-bar-fg-color:var(--csstools-light-dark-toggle--32, #15141a); --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08); --message-bar-border-color:var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08)); --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #e49c49; --message-bar-icon-color:var(--csstools-light-dark-toggle--34, #cd411e); }} @media screen and (forced-colors: active) { :is(.dialog .mainContainer) .messageBar { --message-bar-bg-color:HighlightText; --message-bar-fg-color:CanvasText; --message-bar-border-color:CanvasText; --message-bar-icon-color:CanvasText; }} :is(.dialog .mainContainer) .messageBar { align-self: stretch; } :is(:is(:is(.dialog .mainContainer) .messageBar) > div)::before, :is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div { margin-block: 4px; } :is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; flex: 1 0 0px; } :is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .title { font-size: 13px; font-weight: 590; } :is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .description { font-size: 13px; } :is(.dialog .mainContainer) .toggler { display: flex; align-items: center; gap: 8px; align-self: stretch; } :is(:is(.dialog .mainContainer) .toggler) > .togglerLabel { user-select: none; } .textLayer { --csstools-color-scheme--light: initial; color-scheme: light only; position: absolute; text-align: initial; inset: 0px; overflow: clip; opacity: 1; line-height: 1; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0px 0px; caret-color: canvastext; z-index: 0; } .textLayer.highlighting { touch-action: none; } .textLayer :is(span, br) { color: transparent; position: absolute; white-space: pre; cursor: text; transform-origin: 0% 0%; } .textLayer { --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)); } .textLayer > :not(.markedContent), .textLayer .markedContent span:not(.markedContent) { z-index: 1; --font-height:0; font-size: calc(var(--text-scale-factor) * var(--font-height)); --scale-x:1; --rotate:0deg; transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv)); } .textLayer .markedContent { display: contents; } .textLayer span[role="img"] { user-select: none; cursor: default; } .textLayer .highlight { --highlight-bg-color:rgb(180 0 170 / 0.25); --highlight-selected-bg-color:rgb(0 100 0 / 0.25); --highlight-backdrop-filter:none; --highlight-selected-backdrop-filter:none; } @media screen and (forced-colors: active) { .textLayer .highlight { --highlight-bg-color:transparent; --highlight-selected-bg-color:transparent; --highlight-backdrop-filter:var(--hcm-highlight-filter); --highlight-selected-backdrop-filter:var( --hcm-highlight-selected-filter ); }} .textLayer .highlight { margin: -1px; padding: 1px; background-color: var(--highlight-bg-color); backdrop-filter: var(--highlight-backdrop-filter); border-radius: 4px; } .appended:is(.textLayer .highlight) { position: initial; } .begin:is(.textLayer .highlight) { border-radius: 4px 0px 0px 4px; } .end:is(.textLayer .highlight) { border-radius: 0px 4px 4px 0px; } .middle:is(.textLayer .highlight) { border-radius: 0px; } .selected:is(.textLayer .highlight) { background-color: var(--highlight-selected-bg-color); backdrop-filter: var(--highlight-selected-backdrop-filter); scroll-margin-top: 50px; } .textLayer ::selection { background: rgba(0, 0, 255, 0.25); } .textLayer br::selection { background: transparent; } .textLayer .endOfContent { display: block; position: absolute; inset: 100% 0px 0px; z-index: 0; cursor: default; user-select: none; } .textLayer.selecting .endOfContent { top: 0px; } .textLayerImages { position: absolute; inset: 0px; user-select: none; } .textLayerImages canvas { position: absolute; transform-origin: 0% 0%; } .annotationLayer { --csstools-color-scheme--light: initial; color-scheme: light only; --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --input-focus-border-color:Highlight; --input-focus-outline:1px solid Canvas; --input-unfocused-border-color:transparent; --input-disabled-border-color:transparent; --input-hover-border-color:black; --link-outline:none; } @media screen and (forced-colors: active) { .annotationLayer { --input-focus-border-color:CanvasText; --input-unfocused-border-color:ActiveText; --input-disabled-border-color:GrayText; --input-hover-border-color:Highlight; --link-outline:1.5px solid LinkText; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: selecteditem solid 1.5px; } .annotationLayer .linkAnnotation { outline: var(--link-outline); } :is(.annotationLayer .linkAnnotation):hover { backdrop-filter: var(--hcm-highlight-filter); } :is(.annotationLayer .linkAnnotation) > a:hover { box-shadow: none; opacity: 0 !important; background: none !important; } .annotationLayer .popupAnnotation .popup { outline: calc(1.5px * var(--total-scale-factor)) solid CanvasText !important; background-color: buttonface !important; color: buttontext !important; } .annotationLayer .highlightArea:hover::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; backdrop-filter: var(--hcm-highlight-filter); content: ""; pointer-events: none; } .annotationLayer .popupAnnotation.focused .popup { outline: calc(3px * var(--total-scale-factor)) solid Highlight !important; }} .annotationLayer { position: absolute; top: 0px; left: 0px; pointer-events: none; transform-origin: 0px 0px; } .annotationLayer[data-main-rotation="90"] .norotate { transform: rotate(270deg) translate(-100%); } .annotationLayer[data-main-rotation="180"] .norotate { transform: rotate(180deg) translate(-100%, -100%); } .annotationLayer[data-main-rotation="270"] .norotate { transform: rotate(90deg) translateY(-100%); } .annotationLayer.disabled section, .annotationLayer.disabled .popup { pointer-events: none; } .annotationLayer .annotationContent { position: absolute; width: 100%; height: 100%; pointer-events: none; } .freetext:is(.annotationLayer .annotationContent) { background: transparent; border: none; inset: 0px; overflow: visible; white-space: nowrap; font: 10px / 1.35 sans-serif; } .annotationLayer section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; transform-origin: 0px 0px; user-select: none; } :is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent { display: none; } :is(.annotationLayer section) .overlaidText { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; display: inline-block; overflow: hidden; } .textLayer.selecting ~ .annotationLayer section { pointer-events: none; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0px; left: 0px; width: 100%; height: 100%; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover { opacity: 0.2; background-color: rgb(255, 255, 0); } .annotationLayer .linkAnnotation.hasBorder:hover { background-color: rgba(255, 255, 0, 0.2); } .annotationLayer .hasBorder { background-size: 100% 100%; } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0px; left: 0px; } .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; height: 100%; margin: 0px; vertical-align: top; width: 100%; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: red solid 1.5px; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0px; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { resize: none; } .annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea), .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { background-color: canvastext; content: ""; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { height: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { border-radius: 50%; height: 50%; left: 25%; top: 25%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0px; } .annotationLayer .textWidgetAnnotation input.comb:focus { width: 103%; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { appearance: none; } .annotationLayer .fileAttachmentAnnotation .popupTriggerArea { height: 100%; width: 100%; } .annotationLayer .popupAnnotation { position: absolute; font-size: calc(9px * var(--total-scale-factor)); pointer-events: none; width: max-content; max-width: 45%; height: auto; } .annotationLayer .popup { background-color: rgb(255, 255, 153); color: rgb(0, 0, 0); box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888; border-radius: calc(2px * var(--total-scale-factor)); outline: rgb(255, 255, 74) solid 1.5px; padding: calc(6px * var(--total-scale-factor)); cursor: pointer; font: message-box; white-space: normal; overflow-wrap: break-word; pointer-events: auto; user-select: text; } .annotationLayer .popupAnnotation.focused .popup { outline-width: 3px; } .annotationLayer .popup * { font-size: calc(9px * var(--total-scale-factor)); } .annotationLayer .popup > .header { display: inline-block; } .annotationLayer .popup > .header > .title { display: inline; font-weight: 700; } .annotationLayer .popup > .header .popupDate { display: inline-block; margin-left: calc(5px * var(--total-scale-factor)); width: fit-content; } .annotationLayer .popupContent { border-top: 1px solid rgb(51, 51, 51); margin-top: calc(2px * var(--total-scale-factor)); padding-top: calc(2px * var(--total-scale-factor)); } .annotationLayer .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--total-scale-factor)); } .annotationLayer .popupTriggerArea { cursor: pointer; } :is(.annotationLayer .popupTriggerArea):hover { backdrop-filter: var(--hcm-highlight-filter); } .annotationLayer section svg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .annotationLayer .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; user-select: none; pointer-events: none; } :is(.annotationLayer .annotationTextContent) span { width: 100%; display: inline-block; } .annotationLayer svg.quadrilateralsContainer { contain: strict; width: 0px; height: 0px; position: absolute; top: 0px; left: 0px; z-index: -1; } :root { --xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --xfa-focus-outline:auto; } @media screen and (forced-colors: active) { :root { --xfa-focus-outline:2px solid CanvasText; } .xfaLayer :required { outline: selecteditem solid 1.5px; }} .xfaLayer { --csstools-color-scheme--light: initial; color-scheme: light only; 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 0px 0px 4px; } .xfaLayer .highlight.end { border-radius: 0px 4px 4px 0px; } .xfaLayer .highlight.middle { border-radius: 0px; } .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: 0px; left: 0px; transform-origin: 0px 0px; line-height: 1.2; } .xfaLayer * { color: inherit; font: inherit; font-kerning: inherit; letter-spacing: -0.01px; text-align: inherit; text-decoration: inherit; box-sizing: border-box; background-color: transparent; padding: 0px; margin: 0px; pointer-events: auto; } .xfaLayer :required { outline: red solid 1.5px; } .xfaLayer div, .xfaLayer svg, .xfaLayer svg * { pointer-events: none; } .xfaLayer a { color: rgb(0, 0, 255); } .xfaRich li { margin-left: 3em; } .xfaFont { color: rgb(0, 0, 0); font-weight: 400; font-kerning: none; font-size: 10px; font-style: normal; letter-spacing: 0px; text-decoration: none; vertical-align: 0px; } .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: 0px; left: 0px; } .xfaCheckbox, .xfaRadio { width: 100%; height: 100%; flex: 0 0 auto; border: none; } .xfaRich { white-space: pre-wrap; width: 100%; height: 100%; } .xfaImage { object-position: left top; 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, .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 1 0%; } .xfaTable .xfaRlRow > div { flex: 1 1 0%; } :is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) { background: initial; } @media print { .xfaTextfield, .xfaSelect { background: transparent; } .xfaSelect { appearance: none; text-indent: 1px; }} .canvasWrapper svg { transform: none; } .moving:is(.canvasWrapper svg) { z-index: 100000; } [data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) mask, [data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) use:not(.clip, .mask) { transform: matrix(0, 1, -1, 0, 1, 0); } [data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) mask, [data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) use:not(.clip, .mask) { transform: matrix(-1, 0, 0, -1, 1, 1); } [data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) mask, [data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) use:not(.clip, .mask) { transform: matrix(0, -1, 1, 0, 0, 1); } .draw:is(.canvasWrapper svg) { position: absolute; mix-blend-mode: normal; } .draw[data-draw-rotation="90"]:is(.canvasWrapper svg) { transform: rotate(90deg); } .draw[data-draw-rotation="180"]:is(.canvasWrapper svg) { transform: rotate(180deg); } .draw[data-draw-rotation="270"]:is(.canvasWrapper svg) { transform: rotate(270deg); } .highlight:is(.canvasWrapper svg) { --blend-mode:multiply; } @media screen and (forced-colors: active) { .highlight:is(.canvasWrapper svg) { --blend-mode:difference; }} .highlight:is(.canvasWrapper svg) { position: absolute; mix-blend-mode: var(--blend-mode); } .highlight:is(.canvasWrapper svg):not(.free) { fill-rule: evenodd; } .highlightOutline:is(.canvasWrapper svg) { position: absolute; mix-blend-mode: normal; fill-rule: evenodd; fill: none; } .highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected) { stroke: var(--hover-outline-color); stroke-width: var(--outline-width); } .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline { stroke: var(--outline-around-color); stroke-width: calc(var(--outline-width) + 2 * var(--outline-around-width)); } .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline { stroke: var(--outline-color); stroke-width: var(--outline-width); } .highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected) { stroke: var(--hover-outline-color); stroke-width: calc(2 * var(--outline-width)); } .highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline { stroke: var(--outline-around-color); stroke-width: calc(2 * (var(--outline-width) + var(--outline-around-width))); } .highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline { stroke: var(--outline-color); stroke-width: calc(2 * var(--outline-width)); } .toggle-button { --button-background-color:color-mix(in srgb, currentColor 7%, transparent); --button-background-color-hover:color-mix( in srgb, currentColor 14%, transparent ); --button-background-color-active:color-mix( in srgb, currentColor 21%, transparent ); --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #0df; --color-accent-primary:var(--csstools-light-dark-toggle--35, #0060df); --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #80ebff; --color-accent-primary-hover:var(--csstools-light-dark-toggle--36, #0250bb); --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #aaf2ff; --color-accent-primary-active:var(--csstools-light-dark-toggle--37, #054096); --border-radius-circle:9999px; --border-width:1px; --size-item-small:16px; --size-item-large:32px; --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #1c1b22; --color-canvas:var(--csstools-light-dark-toggle--38, white); --background-color-canvas:var(--color-canvas); --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #f9f9fa; --border-color-interactive:var(--csstools-light-dark-toggle--39, #8f8f9d); --border-color-interactive-hover:var(--border-color-interactive); --border-color-interactive-active:var(--border-color-interactive); --focus-outline-offset:2px; } @supports (color: light-dark(red,red)) { .toggle-button { --color-accent-primary:light-dark(#0060df, #0df); --color-accent-primary-hover:light-dark(#0250bb, #80ebff); --color-accent-primary-active:light-dark(#054096, #aaf2ff); --color-canvas:light-dark(white, #1c1b22); --border-color-interactive:light-dark(#8f8f9d, #f9f9fa); }} @supports not (color: light-dark(tan,tan)) { .toggle-button * { --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #0df; --color-accent-primary:var(--csstools-light-dark-toggle--35, #0060df); --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #80ebff; --color-accent-primary-hover:var(--csstools-light-dark-toggle--36, #0250bb); --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #aaf2ff; --color-accent-primary-active:var(--csstools-light-dark-toggle--37, #054096); --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #1c1b22; --color-canvas:var(--csstools-light-dark-toggle--38, white); --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #f9f9fa; --border-color-interactive:var(--csstools-light-dark-toggle--39, #8f8f9d); }} @media (forced-colors: active) { .toggle-button { --color-accent-primary:ButtonText; --color-accent-primary-hover:SelectedItem; --color-accent-primary-active:SelectedItem; --button-background-color:ButtonFace; --border-color-interactive:ButtonText; --border-color-interactive-hover:SelectedItem; --border-color-interactive-active:ButtonText; --color-canvas:ButtonText; --background-color-canvas:Canvas; }} .toggle-button { --toggle-background-color:var(--button-background-color); --toggle-background-color-hover:var(--button-background-color-hover); --toggle-background-color-active:var(--button-background-color-active); --toggle-background-color-pressed:var(--color-accent-primary); --toggle-background-color-pressed-hover:var(--color-accent-primary-hover); --toggle-background-color-pressed-active:var(--color-accent-primary-active); --toggle-border-color:var(--border-color-interactive); --toggle-border-color-hover:var(--toggle-border-color); --toggle-border-color-active:var(--toggle-border-color); --toggle-border-radius:var(--border-radius-circle); --toggle-border-width:var(--border-width); --toggle-height:var(--size-item-small); --toggle-width:var(--size-item-large); --toggle-dot-background-color:var(--toggle-border-color); --toggle-dot-background-color-hover:var(--toggle-dot-background-color); --toggle-dot-background-color-active:var(--toggle-dot-background-color); --toggle-dot-background-color-on-pressed:var(--background-color-canvas); --toggle-dot-margin:1px; --toggle-dot-height:calc( var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) ); --toggle-dot-width:var(--toggle-dot-height); --toggle-dot-transform-x:calc( var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width) ); --input-width:var(--toggle-width); appearance: none; padding: 0px; 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; } .toggle-button:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-outline-offset); } .toggle-button:enabled:hover { background-color: var(--toggle-background-color-hover); border-color: var(--toggle-border-color); } .toggle-button:enabled:hover:active { background-color: var(--toggle-background-color-active); border-color: var(--toggle-border-color); } .toggle-button::before { display: block; content: ""; background-color: var(--toggle-dot-background-color); height: var(--toggle-dot-height); width: var(--toggle-dot-width); margin: var(--toggle-dot-margin); border-radius: var(--toggle-border-radius); translate: 0px; } .toggle-button[aria-pressed="true"] { background-color: var(--toggle-background-color-pressed); border-color: transparent; } .toggle-button[aria-pressed="true"]:enabled:hover { background-color: var(--toggle-background-color-pressed-hover); border-color: transparent; } .toggle-button[aria-pressed="true"]:enabled:hover:active { background-color: var(--toggle-background-color-pressed-active); border-color: transparent; } .toggle-button[aria-pressed="true"]::before { translate: var(--toggle-dot-transform-x); background-color: var(--toggle-dot-background-color-on-pressed); } .toggle-button[aria-pressed="true"]:enabled:hover::before, .toggle-button[aria-pressed="true"]:enabled:hover:active::before { background-color: var(--toggle-dot-background-color-on-pressed); } @media (prefers-reduced-motion: no-preference) { .toggle-button::before { transition: translate 0.1s ease 0s; }} @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; } .toggle-button[aria-pressed="true"]:enabled:hover { border-color: var(--toggle-border-color-hover); } .toggle-button[aria-pressed="true"]:enabled:hover:active { background-color: var(--toggle-dot-background-color-active); border-color: var(--toggle-dot-background-color-hover); } .toggle-button:enabled:hover::before, .toggle-button:enabled:hover:active::before { background-color: var(--toggle-dot-background-color-hover); }} @media (forced-colors) { .toggle-button { --toggle-dot-background-color:var(--color-accent-primary); --toggle-dot-background-color-hover:var(--color-accent-primary-hover); --toggle-dot-background-color-active:var(--color-accent-primary-active); --toggle-dot-background-color-on-pressed:var(--button-background-color); --toggle-border-color-hover:var(--border-color-interactive-hover); --toggle-border-color-active:var(--border-color-interactive-active); } .toggle-button[aria-pressed="true"]:enabled::after { border: 1px solid var(--button-background-color); content: ""; position: absolute; height: var(--toggle-height); width: var(--toggle-width); display: block; border-radius: var(--toggle-border-radius); inset: -2px; } .toggle-button[aria-pressed="true"]:enabled:hover:active::after { border-color: var(--toggle-border-color-active); }} :root { --clear-signature-button-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11%203H13.6C14%203%2014.3%203.3%2014.3%203.6C14.3%203.9%2014%204.2%2013.7%204.2H13.3V14C13.3%2015.1%2012.4%2016%2011.3%2016H4.80005C3.70005%2016%202.80005%2015.1%202.80005%2014V4.2H2.40005C2.00005%204.2%201.80005%204%201.80005%203.6C1.80005%203.2%202.00005%203%202.40005%203H5.00005V2C5.00005%200.9%205.90005%200%207.00005%200H9.00005C10.1%200%2011%200.9%2011%202V3ZM6.90005%201.2L6.30005%201.8V3H9.80005V1.8L9.20005%201.2H6.90005ZM11.4%2014.7L12%2014.1V4.2H4.00005V14.1L4.60005%2014.7H11.4ZM7.00005%2012.4C7.00005%2012.7%206.70005%2013%206.40005%2013C6.10005%2013%205.80005%2012.7%205.80005%2012.4V7.6C5.70005%207.3%206.00005%207%206.40005%207C6.80005%207%207.00005%207.3%207.00005%207.6V12.4ZM10.2001%2012.4C10.2001%2012.7%209.90006%2013%209.60006%2013C9.30006%2013%209.00006%2012.7%209.00006%2012.4V7.6C9.00006%207.3%209.30006%207%209.60006%207C9.90006%207%2010.2001%207.3%2010.2001%207.6V12.4Z'%20fill='black'%20/%3e%3c/svg%3e"); --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #2b2a33; --signature-bg:var(--csstools-light-dark-toggle--40, #f9f9fb); --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) var(--signature-bg); --signature-hover-bg:var(--csstools-light-dark-toggle--41, #f0f0f4); --button-signature-bg:transparent; --button-signature-color:var(--main-color); --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #5b5b66; --button-signature-active-bg:var(--csstools-light-dark-toggle--42, #cfcfd8); --button-signature-active-border:none; --button-signature-active-color:var(--button-signature-color); --button-signature-border:none; --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #52525e; --button-signature-hover-bg:var(--csstools-light-dark-toggle--43, #e0e0e6); --button-signature-hover-color:var(--button-signature-color); } @supports (color: light-dark(red,red)) { :root { --signature-bg:light-dark(#f9f9fb, #2b2a33); --signature-hover-bg:light-dark(#f0f0f4, var(--signature-bg)); --button-signature-active-bg:light-dark(#cfcfd8, #5b5b66); --button-signature-hover-bg:light-dark(#e0e0e6, #52525e); }} @supports not (color: light-dark(tan,tan)) { :root * { --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #2b2a33; --signature-bg:var(--csstools-light-dark-toggle--40, #f9f9fb); --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) var(--signature-bg); --signature-hover-bg:var(--csstools-light-dark-toggle--41, #f0f0f4); --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #5b5b66; --button-signature-active-bg:var(--csstools-light-dark-toggle--42, #cfcfd8); --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #52525e; --button-signature-hover-bg:var(--csstools-light-dark-toggle--43, #e0e0e6); }} @media screen and (forced-colors: active) { :root { --signature-bg:HighlightText; --signature-hover-bg:var(--signature-bg); --button-signature-bg:HighlightText; --button-signature-color:ButtonText; --button-signature-active-bg:ButtonText; --button-signature-active-color:HighlightText; --button-signature-border:1px solid ButtonText; --button-signature-hover-bg:Highlight; --button-signature-hover-color:HighlightText; }} .signatureDialog { --primary-color:var(--text-primary-color); --border-color:#8f8f9d; --open-link-fg:var(--link-fg-color); --open-link-hover-fg:var(--link-hover-fg-color); } @media screen and (forced-colors: active) { .signatureDialog { --primary-color:ButtonText; --border-color:ButtonText; --open-link-fg:ButtonText; --open-link-hover-fg:ButtonText; }} .signatureDialog { width: 570px; max-width: 100%; min-width: 300px; padding: 16px 0px; } .signatureDialog .mainContainer { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; } :is(.signatureDialog .mainContainer) span:not([role="sectionhead"]) { font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; } :is(.signatureDialog .mainContainer) .title { margin-inline-start: 16px; } .signatureDialog .inputWithClearButton { --button-dimension:24px; --clear-button-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.85822%208.84922L4.85322%2011.8542C4.75891%2011.9453%204.63261%2011.9957%204.50151%2011.9946C4.37042%2011.9934%204.24501%2011.9408%204.15231%2011.8481C4.0596%2011.7554%204.00702%2011.63%204.00588%2011.4989C4.00474%2011.3678%204.05514%2011.2415%204.14622%2011.1472L7.15122%208.14222V7.85922L4.14622%204.85322C4.05514%204.75891%204.00474%204.63261%204.00588%204.50151C4.00702%204.37042%204.0596%204.24501%204.15231%204.15231C4.24501%204.0596%204.37042%204.00702%204.50151%204.00588C4.63261%204.00474%204.75891%204.05514%204.85322%204.14622L7.85822%207.15122H8.14122L11.1462%204.14622C11.2405%204.05514%2011.3668%204.00474%2011.4979%204.00588C11.629%204.00702%2011.7544%204.0596%2011.8471%204.15231C11.9398%204.24501%2011.9924%204.37042%2011.9936%204.50151C11.9947%204.63261%2011.9443%204.75891%2011.8532%204.85322L8.84822%207.85922V8.14222L11.8532%2011.1472C11.9443%2011.2415%2011.9947%2011.3678%2011.9936%2011.4989C11.9924%2011.63%2011.9398%2011.7554%2011.8471%2011.8481C11.7544%2011.9408%2011.629%2011.9934%2011.4979%2011.9946C11.3668%2011.9957%2011.2405%2011.9453%2011.1462%2011.8542L8.14122%208.84922L8.14222%208.85022L7.85822%208.84922Z'%20fill='black'/%3e%3c/svg%3e"); width: 100%; position: relative; display: flex; align-items: center; justify-content: center; } :is(.signatureDialog .inputWithClearButton) > input { width: 100%; height: 32px; padding-inline: 8px calc(4px + var(--button-dimension)); box-sizing: border-box; border-radius: 4px; border: 1px solid var(--border-color); } :is(.signatureDialog .inputWithClearButton) .clearInputButton { position: absolute; inset-block-start: 4px; inset-inline-end: 4px; display: inline-block; width: var(--button-dimension); height: var(--button-dimension); background-color: var(--input-text-fg-color); -webkit-mask-size: cover; -webkit-mask-image: var(--clear-button-icon); padding: 0px; border: 0px; } #addSignatureDialog { --secondary-color:var(--text-secondary-color); --bg-hover:#e0e0e6; --tab-top-line-active-color:#0060df; --tab-top-line-active-hover-color:var(--tab-text-hover-color); --tab-top-line-hover-color:#8f8f9d; --tab-top-line-inactive-color:#cfcfd8; --tab-bottom-line-active-color:var(--tab-top-line-inactive-color); --tab-bottom-line-hover-color:var(--tab-top-line-inactive-color); --tab-bottom-line-inactive-color:var(--tab-top-line-inactive-color); --tab-bg:var(--dialog-bg-color); --tab-bg-active-color:var(--tab-bg); --tab-bg-active-hover-color:var(--bg-hover); --tab-bg-hover:var(--bg-hover); --tab-panel-border:none; --tab-panel-border-radius:4px; --tab-text-color:var(--primary-color); --tab-text-active-color:var(--tab-top-line-active-color); --tab-text-active-hover-color:var(--tab-text-hover-color); --tab-text-hover-color:var(--tab-text-color); --signature-placeholder-color:var(--secondary-color); --signature-draw-placeholder-color:var(--primary-color); --signature-color:var(--primary-color); --clear-signature-button-border-width:0; --clear-signature-button-border-style:solid; --clear-signature-button-border-color:transparent; --clear-signature-button-border-disabled-color:transparent; --clear-signature-button-color:var(--primary-color); --clear-signature-button-hover-color:var(--clear-signature-button-color); --clear-signature-button-active-color:var(--clear-signature-button-color); --clear-signature-button-disabled-color:var(--clear-signature-button-color); --clear-signature-button-focus-color:var(--clear-signature-button-color); --clear-signature-button-bg:var(--dialog-bg-color); --clear-signature-button-bg-hover:var(--bg-hover); --clear-signature-button-bg-active:#cfcfd8; --clear-signature-button-bg-focus:#f0f0f4; --clear-signature-button-bg-disabled:color-mix( in srgb, #f0f0f4, transparent 40% ); --save-warning-color:var(--secondary-color); --thickness-bg:var(--dialog-bg-color); --thickness-label-color:var(--primary-color); --thickness-slider-color:var(--primary-color); --thickness-border:none; --draw-cursor:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.0189877%2013.6645L0.612989%2010.4635C0.687989%2010.0545%200.884989%209.6805%201.18099%209.3825L9.98199%200.5805C10.756%20-0.1925%2012.015%20-0.1945%2012.792%200.5805L14.42%202.2085C15.194%202.9835%2015.194%204.2435%2014.42%205.0185L5.61599%2013.8215C5.31999%2014.1165%204.94599%2014.3125%204.53799%2014.3875L1.33599%2014.9815C1.26599%2014.9935%201.19799%2015.0005%201.12999%2015.0005C0.832989%2015.0005%200.544988%2014.8835%200.330988%2014.6695C0.0679874%2014.4055%20-0.0490122%2014.0305%200.0189877%2013.6645Z'%20fill='white'/%3e%3cpath%20d='M0.0189877%2013.6645L0.612989%2010.4635C0.687989%2010.0545%200.884989%209.6805%201.18099%209.3825L9.98199%200.5805C10.756%20-0.1925%2012.015%20-0.1945%2012.792%200.5805L14.42%202.2085C15.194%202.9835%2015.194%204.2435%2014.42%205.0185L5.61599%2013.8215C5.31999%2014.1165%204.94599%2014.3125%204.53799%2014.3875L1.33599%2014.9815C1.26599%2014.9935%201.19799%2015.0005%201.12999%2015.0005C0.832989%2015.0005%200.544988%2014.8835%200.330988%2014.6695C0.0679874%2014.4055%20-0.0490122%2014.0305%200.0189877%2013.6645ZM12.472%205.1965L13.632%204.0365L13.631%203.1885L11.811%201.3675L10.963%201.3685L9.80299%202.5285L12.472%205.1965ZM4.31099%2013.1585C4.47099%2013.1285%204.61799%2013.0515%204.73399%2012.9345L11.587%206.0815L8.91899%203.4135L2.06599%2010.2655C1.94899%2010.3835%201.87199%2010.5305%201.84099%2010.6915L1.36699%2013.2485L1.75199%2013.6335L4.31099%2013.1585Z'%20fill='black'/%3e%3c/svg%3e") 0 16, pointer; } @media (prefers-color-scheme: dark) { #addSignatureDialog { --dialog-bg-color:#42414d; --bg-hover:#52525e; --primary-color:#fbfbfe; --secondary-color:#cfcfd8; --tab-top-line-active-color:#0df; --tab-top-line-inactive-color:#8f8f9d; --clear-signature-button-bg-active:#5b5b66; --clear-signature-button-bg-focus:#2b2a33; --clear-signature-button-bg-disabled:color-mix( in srgb, #2b2a33, transparent 40% ); }} @media screen and (forced-colors: active) { #addSignatureDialog { --secondary-color:ButtonText; --bg:HighlightText; --bg-hover:var(--bg); --tab-top-line-active-color:ButtonText; --tab-top-line-active-hover-color:HighlightText; --tab-top-line-hover-color:SelectedItem; --tab-top-line-inactive-color:ButtonText; --tab-bottom-line-active-color:var(--tab-top-line-active-color); --tab-bottom-line-hover-color:var(--tab-top-line-hover-color); --tab-bg:var(--bg); --tab-bg-active-color:SelectedItem; --tab-bg-active-hover-color:SelectedItem; --tab-panel-border:1px solid ButtonText; --tab-panel-border-radius:8px; --tab-text-color:ButtonText; --tab-text-active-color:HighlightText; --tab-text-active-hover-color:HighlightText; --tab-text-hover-color:SelectedItem; --signature-color:ButtonText; --clear-signature-button-border-width:1px; --clear-signature-button-border-style:solid; --clear-signature-button-border-color:ButtonText; --clear-signature-button-border-disabled-color:GrayText; --clear-signature-button-color:ButtonText; --clear-signature-button-hover-color:HighlightText; --clear-signature-button-active-color:SelectedItem; --clear-signature-button-focus-color:CanvasText; --clear-signature-button-disabled-color:GrayText; --clear-signature-button-bg:var(--bg); --clear-signature-button-bg-hover:SelectedItem; --clear-signature-button-bg-active:var(--bg); --clear-signature-button-bg-focus:var(--bg); --clear-signature-button-bg-disabled:var(--bg); --thickness-bg:Canvas; --thickness-label-color:CanvasText; --thickness-slider-color:ButtonText; --thickness-border:1px solid var(--border-color); }} #addSignatureDialog #addSignatureDialogLabel { overflow: hidden; position: absolute; inset: 0px; width: 0px; height: 0px; } #addSignatureDialog.waiting::after { content: ""; cursor: wait; position: absolute; inset: 0px; width: 100%; height: 100%; } :is(#addSignatureDialog .mainContainer) [role="tablist"] { width: 100%; display: flex; align-items: flex-start; gap: 0px; } :is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"] { flex: 1 0 0px; align-self: stretch; background-color: var(--tab-bg); padding-inline: 0px; cursor: default; border-inline: 0px; 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: 0px; font-variant: normal; font-stretch: ; font-family: ; font-size: 13px; font-style: normal; line-height: normal; font-weight: 400; color: var(--tab-text-color); } :is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):hover { border-block-start-width: 2px; border-block-start-color: var(--tab-top-line-hover-color); border-block-end-color: var(--tab-bottom-line-hover-color); background-color: var(--tab-bg-hover); color: var(--tab-text-hover-color); } :is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):focus-visible { outline: 2px solid var(--tab-top-line-active-color); outline-offset: -2px; } [aria-selected="true"]:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]) { border-block-start-width: 2px; border-block-start-color: var(--tab-top-line-active-color); border-block-end-color: var(--tab-bottom-line-active-color); background-color: var(--tab-bg-active-color); font-weight: 590; color: var(--tab-text-active-color); } [aria-selected="true"]:is(:is(:is(#addSignatureDialog .mainContainer) [role="tablist"]) > [role="tab"]):hover { border-block-start-color: var(--tab-top-line-active-hover-color); background-color: var(--tab-bg-active-hover-color); color: var(--tab-text-active-hover-color); } :is(#addSignatureDialog .mainContainer) #addSignatureActionContainer { width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-end; align-self: stretch; gap: 12px; padding-inline: 16px; box-sizing: border-box; } :is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"] { position: relative; width: 100%; height: 220px; background-color: var(--signature-bg); border: var(--tab-panel-border); border-radius: var(--tab-panel-border-radius); } :is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg { position: absolute; inset: 0px; width: 100%; height: 100%; background-color: transparent; } #addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) { display: none; } #addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput { position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px; padding: 0px; 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; } :is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureTypeInput)::placeholder { color: var(--signature-placeholder-color); text-align: center; font-variant: normal; font-stretch: ; font-family: ; font-style: normal; font-weight: 274; font-size: 44px; line-height: normal; } #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) { display: none; } #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > span { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: grid; align-items: center; justify-content: center; background-color: transparent; color: var(--signature-placeholder-color); user-select: none; } #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg { stroke: var(--signature-color); fill: none; stroke-opacity: 1; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; } :is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg):hover { cursor: var(--draw-cursor); } #addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness { position: absolute; width: 100%; inset-block-end: 0px; display: grid; align-items: center; justify-content: center; pointer-events: none; } :is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > span { color: var(--signature-draw-placeholder-color); } :is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div { width: auto; height: auto; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 6px 8px 7px; margin: 0px; background-color: var(--thickness-bg); border-radius: 4px 4px 0px 0px; border-inline: var(--thickness-border); border-top: var(--thickness-border); pointer-events: auto; position: relative; top: 1px; } :is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > label { color: var(--thickness-label-color); } :is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input { width: 100px; height: 14px; background-color: transparent; } :is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #thickness) > div) > input { border-radius: 4.5px; border: 0px; color: var(--signature-color); } #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) { display: none; } #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) > svg { stroke: none; stroke-width: 0; fill: var(--signature-color); fill-opacity: 1; } #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center; } :is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) span { color: var(--signature-placeholder-color); } :is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) a { color: var(--open-link-fg); text-decoration: underline; cursor: pointer; } :is(:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureImagePlaceholder) a):hover { color: var(--open-link-hover-fg); } #addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role="tabpanel"]) #addSignatureFilePicker { visibility: hidden; position: relative; width: 0px; height: 0px; } [data-selected="type"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureTypeContainer, [data-selected="draw"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureDrawContainer, [data-selected="image"]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureImageContainer { display: block; } :is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; align-self: stretch; } :is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer { display: flex; align-items: flex-end; gap: 16px; align-self: stretch; } :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 0 0px; } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer):has(input:disabled) > label { opacity: 0.4; } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer) > label { width: auto; } :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton { display: flex; height: 32px; padding: 4px 8px; align-items: center; background-color: var(--clear-signature-button-bg); border-width: var(--clear-signature-button-border-width); border-style: var(--clear-signature-button-border-style); border-color: var(--clear-signature-button-border-color); border-radius: 4px; } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton) > span { display: flex; height: 24px; align-items: center; gap: 4px; flex-shrink: 0; color: var(--clear-signature-button-color); } :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton) > span)::after { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--clear-signature-button-icon); -webkit-mask-size: cover; background-color: var(--clear-signature-button-color); flex-shrink: 0; } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover { background-color: var(--clear-signature-button-bg-hover); } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover > span { color: var(--clear-signature-button-hover-color); } :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover > span)::after { background-color: var(--clear-signature-button-hover-color); } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active { background-color: var(--clear-signature-button-bg-active); } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active > span { color: var(--clear-signature-button-active-color); } :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active > span)::after { background-color: var(--clear-signature-button-active-color); } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible { background-color: var(--clear-signature-button-bg-focus); } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible > span { color: var(--clear-signature-button-focus-color); } :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible > span)::after { background-color: var(--clear-signature-button-focus-color); } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled { background-color: var(--clear-signature-button-bg-disabled); border-color: var(--clear-signature-button-border-disabled-color); } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled > span { color: var(--clear-signature-button-disabled-color); } :is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled > span)::after { background-color: var( --clear-signature-button-disabled-color ); } :is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer { display: grid; grid-template-columns: max-content auto; gap: 4px; width: 100%; } :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > input { margin: 0px; } :is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > input):disabled + label { opacity: 0.4; } :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > label { user-select: none; } :is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer):not(.fullStorage) #addSignatureSaveWarning { display: none; } .fullStorage:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) #addSignatureSaveWarning { display: block; opacity: 1; color: var(--save-warning-color); font-size: 11px; } #editSignatureDescriptionDialog .mainContainer { padding-inline: 16px; box-sizing: border-box; } :is(#editSignatureDescriptionDialog .mainContainer) .title { margin-inline-start: 0px; } :is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView { width: auto; display: flex; justify-content: flex-end; align-items: flex-start; gap: 12px; align-self: stretch; } :is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) #editSignatureDescriptionContainer { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 1 auto; } :is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg { width: 210px; height: 180px; padding: 8px; background-color: var(--signature-bg); } :is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg) > path { stroke: var(--button-signature-color); stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; vector-effect: non-scaling-stroke; fill: none; } .contours:is(:is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg) > path) { fill: var(--button-signature-color); stroke-width: 0.5px; } #editorSignatureParamsToolbar { padding: 8px; } #editorSignatureParamsToolbar #addSignatureDoorHanger { gap: 8px; padding: 2px; } :is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer { height: 32px; display: flex; justify-content: space-between; align-items: center; align-self: stretch; gap: 8px; } :is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button { border: var(--button-signature-border); border-radius: 4px; background-color: var(--button-signature-bg); color: var(--button-signature-color); } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):hover { background-color: var(--button-signature-hover-bg); } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active { border: var(--button-signature-active-border); background-color: var(--button-signature-active-bg); color: var(--button-signature-active-color); } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active::before { background-color: var(--button-signature-active-color); } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible { outline: var(--focus-ring-outline); } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible::before { background-color: var(--button-signature-color); } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .deleteButton)::before { -webkit-mask-image: var(--clear-signature-button-icon); } :is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton { width: calc(0.8 * var(--editor-toolbar-min-width)); height: 100%; min-height: var(--menuitem-height); aspect-ratio: unset; display: flex; align-items: center; justify-content: flex-start; outline: none; border-radius: 4px; box-sizing: border-box; font: message-box; position: relative; flex: 1 1 auto; padding: 0px; gap: 8px; text-align: start; white-space: normal; cursor: default; overflow: hidden; } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg { display: inline-block; height: 100%; aspect-ratio: 1 / 1; background-color: var(--signature-bg); flex: 0 0 auto; padding: 4px; box-sizing: border-box; border: none; border-radius: 4px; } :is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg) > path { stroke: var(--button-signature-color); stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; vector-effect: non-scaling-stroke; fill: none; } .contours:is(:is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg) > path) { fill: var(--button-signature-color); stroke-width: 0.5px; } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is(:hover, :active) > svg { border-radius: 4px 0px 0px 4px; background-color: var(--signature-hover-bg); } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):hover > span { color: var(--button-signature-hover-color); } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):active { background-color: var(--button-signature-active-bg); } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is([disabled="disabled"], [disabled]) { opacity: 0.5; pointer-events: none; } :is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > span { height: auto; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; font-variant: normal; font-stretch: ; font-family: ; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; overflow: hidden; } .editDescription.altText { --alt-text-add-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.9815%2014.3461L14.3875%2011.1451C14.3125%2010.7361%2014.1155%2010.3621%2013.8195%2010.0641L5.0185%201.26214C4.2445%200.489141%202.9855%200.487141%202.2085%201.26214L0.5805%202.89014C-0.1935%203.66514%20-0.1935%204.92514%200.5805%205.70014L9.3845%2014.5031C9.6805%2014.7981%2010.0545%2014.9941%2010.4625%2015.0691L13.6645%2015.6631C13.7345%2015.6751%2013.8025%2015.6821%2013.8705%2015.6821C14.1675%2015.6821%2014.4555%2015.5651%2014.6695%2015.3511C14.9325%2015.0871%2015.0495%2014.7121%2014.9815%2014.3461ZM2.5285%205.87814L1.3685%204.71814L1.3695%203.87014L3.1895%202.04914L4.0375%202.05014L5.1975%203.21014L2.5285%205.87814ZM10.6895%2013.8401C10.5295%2013.8101%2010.3825%2013.7331%2010.2665%2013.6161L3.4135%206.76314L6.0815%204.09514L12.9345%2010.9471C13.0515%2011.0651%2013.1285%2011.2121%2013.1595%2011.3731L13.6335%2013.9301L13.2485%2014.3151L10.6895%2013.8401Z'%20fill='black'/%3e%3c/svg%3e") !important; } .editDescription.altText::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: 0px; margin-top: 0px; box-sizing: border-box; border-radius: 8px; } #commentManagerDialog { --comment-close-button-icon:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.6241%2011.7759L18.3331%207.06694C18.4423%206.94811%2018.5015%206.79167%2018.4981%206.63028C18.4948%206.46889%2018.4292%206.31502%2018.3152%206.20081C18.2011%206.0866%2018.0473%206.02088%2017.8859%206.01736C17.7245%206.01384%2017.568%206.0728%2017.4491%206.18194L12.7601%2010.8709H12.2721L7.58306%206.18294C7.52495%206.12489%207.45598%206.07886%207.38008%206.04747C7.30418%206.01609%207.22284%205.99995%207.14071%206C7.05857%206.00005%206.97725%206.01627%206.90139%206.04774C6.82553%206.07922%206.75661%206.12533%206.69856%206.18344C6.64052%206.24155%206.59449%206.31052%206.5631%206.38642C6.53171%206.46232%206.51558%206.54366%206.51563%206.62579C6.51572%206.79167%206.5817%206.95071%206.69906%207.06794L11.3861%2011.7539V12.2449L6.69906%2016.9319C6.5898%2017.0508%206.53066%2017.2072%206.53399%2017.3686C6.53732%2017.53%206.60288%2017.6839%206.71696%2017.7981C6.83104%2017.9123%206.98483%2017.978%207.14622%2017.9815C7.3076%2017.985%207.46411%2017.9261%207.58306%2017.8169L12.2701%2013.1299H12.7611L17.4481%2017.8169C17.5656%2017.934%2017.7247%2017.9997%2017.8906%2017.9997C18.0564%2017.9997%2018.2155%2017.934%2018.3331%2017.8169C18.4504%2017.6996%2018.5163%2017.5404%2018.5163%2017.3744C18.5163%2017.2085%2018.4504%2017.0493%2018.3331%2016.9319L13.6241%2012.2229V11.7759Z'%20fill='black'/%3e%3c/svg%3e"); } #commentManagerDialog .mainContainer { width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } :is(#commentManagerDialog .mainContainer) #commentManagerToolbar { width: 100%; height: 32px; display: flex; justify-content: flex-start; align-items: flex-start; gap: 8px; align-self: stretch; cursor: move; } :is(#commentManagerDialog .mainContainer) #commentManagerTextInput { width: 100%; min-height: 132px; margin-bottom: 12px; } .annotationLayer.disabled :is(.annotationCommentButton) { display: none; } :is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton { --csstools-color-scheme--light: initial; color-scheme: light dark; --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #1c1b22; --comment-button-bg:var(--csstools-light-dark-toggle--44, white); --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe; --comment-button-fg:var(--csstools-light-dark-toggle--45, #5b5b66); --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #a6ecf4; --comment-button-active-bg:var(--csstools-light-dark-toggle--46, #0041a4); --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #15141a; --comment-button-active-fg:var(--csstools-light-dark-toggle--47, white); --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #61dce9; --comment-button-hover-bg:var(--csstools-light-dark-toggle--48, #0053cb); --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #15141a; --comment-button-hover-fg:var(--csstools-light-dark-toggle--49, white); --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #00cadb; --comment-button-selected-bg:var(--csstools-light-dark-toggle--50, #0062fa); --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #bfbfc9; --comment-button-border-color:var(--csstools-light-dark-toggle--51, #8f8f9d); --comment-button-active-border-color:var(--comment-button-active-bg); --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #3a3944; --comment-button-focus-border-color:var(--csstools-light-dark-toggle--52, #cfcfd8); --comment-button-hover-border-color:var(--comment-button-hover-bg); --comment-button-selected-border-color:var(--comment-button-selected-bg); --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #15141a; --comment-button-selected-fg:var(--csstools-light-dark-toggle--53, white); --comment-button-dim:24px; --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --comment-button-box-shadow:0 0.25px 0.75px 0 var(--csstools-light-dark-toggle--54, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--55, rgb(0 0 0 / 0.1)); --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #00cadb; --comment-button-focus-outline-color:var(--csstools-light-dark-toggle--56, #0062fa); } @supports (color: light-dark(red,red)) { :is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton { --comment-button-bg:light-dark(white, #1c1b22); --comment-button-fg:light-dark(#5b5b66, #fbfbfe); --comment-button-active-bg:light-dark(#0041a4, #a6ecf4); --comment-button-active-fg:light-dark(white, #15141a); --comment-button-hover-bg:light-dark(#0053cb, #61dce9); --comment-button-hover-fg:light-dark(white, #15141a); --comment-button-selected-bg:light-dark(#0062fa, #00cadb); --comment-button-border-color:light-dark(#8f8f9d, #bfbfc9); --comment-button-focus-border-color:light-dark(#cfcfd8, #3a3944); --comment-button-selected-fg:light-dark(white, #15141a); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { :is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton { --comment-button-box-shadow:0 0.25px 0.75px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); }} @supports (color: light-dark(red,red)) { :is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton { --comment-button-focus-outline-color:light-dark(#0062fa, #00cadb); }} @supports not (color: light-dark(tan,tan)) { :is(:is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton) * { --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #1c1b22; --comment-button-bg:var(--csstools-light-dark-toggle--44, white); --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe; --comment-button-fg:var(--csstools-light-dark-toggle--45, #5b5b66); --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #a6ecf4; --comment-button-active-bg:var(--csstools-light-dark-toggle--46, #0041a4); --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #15141a; --comment-button-active-fg:var(--csstools-light-dark-toggle--47, white); --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #61dce9; --comment-button-hover-bg:var(--csstools-light-dark-toggle--48, #0053cb); --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #15141a; --comment-button-hover-fg:var(--csstools-light-dark-toggle--49, white); --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #00cadb; --comment-button-selected-bg:var(--csstools-light-dark-toggle--50, #0062fa); --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #bfbfc9; --comment-button-border-color:var(--csstools-light-dark-toggle--51, #8f8f9d); --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #3a3944; --comment-button-focus-border-color:var(--csstools-light-dark-toggle--52, #cfcfd8); --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #15141a; --comment-button-selected-fg:var(--csstools-light-dark-toggle--53, white); --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --comment-button-box-shadow:0 0.25px 0.75px 0 var(--csstools-light-dark-toggle--54, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--55, rgb(0 0 0 / 0.1)); --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #00cadb; --comment-button-focus-outline-color:var(--csstools-light-dark-toggle--56, #0062fa); }} @media (prefers-color-scheme: dark) { :is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton { --csstools-color-scheme--light:; }} @media screen and (forced-colors: active) { :is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton { --comment-button-bg:ButtonFace; --comment-button-fg:ButtonText; --comment-button-hover-bg:SelectedItemText; --comment-button-hover-fg:SelectedItem; --comment-button-active-bg:SelectedItemText; --comment-button-active-fg:SelectedItem; --comment-button-border-color:ButtonBorder; --comment-button-active-border-color:ButtonBorder; --comment-button-hover-border-color:SelectedItem; --comment-button-box-shadow:none; --comment-button-focus-outline-color:CanvasText; --comment-button-selected-bg:ButtonBorder; --comment-button-selected-fg:ButtonFace; }} :is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton { position: absolute; width: var(--comment-button-dim); height: var(--comment-button-dim); background-color: var(--comment-button-bg); border-radius: 6px 6px 6px 0px; border: 1px solid var(--comment-button-border-color); box-shadow: var(--comment-button-box-shadow); cursor: auto; z-index: 1; padding: 4px; margin: 0px; box-sizing: border-box; pointer-events: auto; } [dir="rtl"] :is(:is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton) { border-radius: 6px 6px 0px; } :is(:is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton)::before { content: ""; display: inline-block; width: 100%; height: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-image: var(--comment-edit-button-icon); background-color: var(--comment-button-fg); margin: 0px; padding: 0px; transform: scaleX(var(--dir-factor)); } :is(:is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton):focus-visible { outline: 2px solid var(--comment-button-focus-outline-color); outline-offset: 1px; border-color: var(--comment-button-focus-border-color); } :is(:is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton):hover { border-color: var(--comment-button-hover-border-color); background-color: var(--comment-button-hover-bg) !important; } :is(:is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton):hover::before { background-color: var(--comment-button-hover-fg); } :is(:is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton):active { border-color: var(--comment-button-active-border-color); background-color: var(--comment-button-active-bg) !important; } :is(:is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton):active::before { background-color: var(--comment-button-active-fg); } .selected:is(:is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton) { border-color: var(--comment-button-selected-border-color); background-color: var(--comment-button-selected-bg) !important; } .selected:is(:is(.annotationLayer, .annotationEditorLayer) .annotationCommentButton)::before { background-color: var(--comment-button-selected-fg); } #editorCommentsSidebar, .commentPopup { --comment-close-button-icon:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.6241%2011.7759L18.3331%207.06694C18.4423%206.94811%2018.5015%206.79167%2018.4981%206.63028C18.4948%206.46889%2018.4292%206.31502%2018.3152%206.20081C18.2011%206.0866%2018.0473%206.02088%2017.8859%206.01736C17.7245%206.01384%2017.568%206.0728%2017.4491%206.18194L12.7601%2010.8709H12.2721L7.58306%206.18294C7.52495%206.12489%207.45598%206.07886%207.38008%206.04747C7.30418%206.01609%207.22284%205.99995%207.14071%206C7.05857%206.00005%206.97725%206.01627%206.90139%206.04774C6.82553%206.07922%206.75661%206.12533%206.69856%206.18344C6.64052%206.24155%206.59449%206.31052%206.5631%206.38642C6.53171%206.46232%206.51558%206.54366%206.51563%206.62579C6.51572%206.79167%206.5817%206.95071%206.69906%207.06794L11.3861%2011.7539V12.2449L6.69906%2016.9319C6.5898%2017.0508%206.53066%2017.2072%206.53399%2017.3686C6.53732%2017.53%206.60288%2017.6839%206.71696%2017.7981C6.83104%2017.9123%206.98483%2017.978%207.14622%2017.9815C7.3076%2017.985%207.46411%2017.9261%207.58306%2017.8169L12.2701%2013.1299H12.7611L17.4481%2017.8169C17.5656%2017.934%2017.7247%2017.9997%2017.8906%2017.9997C18.0564%2017.9997%2018.2155%2017.934%2018.3331%2017.8169C18.4504%2017.6996%2018.5163%2017.5404%2018.5163%2017.3744C18.5163%2017.2085%2018.4504%2017.0493%2018.3331%2016.9319L13.6241%2012.2229V11.7759Z'%20fill='black'/%3e%3c/svg%3e"); --comment-popup-edit-button-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.0189877%2013.6645L0.612989%2010.4635C0.687989%2010.0545%200.884989%209.6805%201.18099%209.3825L9.98199%200.5805C10.756%20-0.1925%2012.015%20-0.1945%2012.792%200.5805L14.42%202.2085C15.194%202.9835%2015.194%204.2435%2014.42%205.0185L5.61599%2013.8215C5.31999%2014.1165%204.94599%2014.3125%204.53799%2014.3875L1.33599%2014.9815C1.26599%2014.9935%201.19799%2015.0005%201.12999%2015.0005C0.832989%2015.0005%200.544988%2014.8835%200.330988%2014.6695C0.0679874%2014.4055%20-0.0490122%2014.0305%200.0189877%2013.6645ZM12.472%205.1965L13.632%204.0365L13.631%203.1885L11.811%201.3675L10.963%201.3685L9.80299%202.5285L12.472%205.1965ZM4.31099%2013.1585C4.47099%2013.1285%204.61799%2013.0515%204.73399%2012.9345L11.587%206.0815L8.91899%203.4135L2.06599%2010.2655C1.94899%2010.3835%201.87199%2010.5305%201.84099%2010.6915L1.36699%2013.2485L1.75199%2013.6335L4.31099%2013.1585Z'%20fill='black'/%3e%3c/svg%3e%3c!--path%20d='M0.0189877%2014.1645L0.612989%2010.9635C0.687989%2010.5545%200.884989%2010.1805%201.18099%209.8825L9.98199%201.0805C10.756%200.3075%2012.015%200.3055%2012.792%201.0805L14.42%202.7085C15.194%203.4835%2015.194%204.7435%2014.42%205.5185L5.61599%2014.3215C5.31999%2014.6165%204.94599%2014.8125%204.53799%2014.8875L1.33599%2015.4815C1.26599%2015.4935%201.19799%2015.5005%201.12999%2015.5005C0.832989%2015.5005%200.544988%2015.3835%200.330988%2015.1695C0.0679874%2014.9055%20-0.0490122%2014.5305%200.0189877%2014.1645ZM12.472%205.6965L13.632%204.5365L13.631%203.6885L11.811%201.8675L10.963%201.8685L9.80299%203.0285L12.472%205.6965ZM4.31099%2013.6585C4.47099%2013.6285%204.61799%2013.5515%204.73399%2013.4345L11.587%206.5815L8.91899%203.9135L2.06599%2010.7655C1.94899%2010.8835%201.87199%2011.0305%201.84099%2011.1915L1.36699%2013.7485L1.75199%2014.1335L4.31099%2013.6585Z'%20fill='black'/--%3e"); --comment-popup-delete-button-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11%203H13.6C14%203%2014.3%203.3%2014.3%203.6C14.3%203.9%2014%204.2%2013.7%204.2H13.3V14C13.3%2015.1%2012.4%2016%2011.3%2016H4.80005C3.70005%2016%202.80005%2015.1%202.80005%2014V4.2H2.40005C2.00005%204.2%201.80005%204%201.80005%203.6C1.80005%203.2%202.00005%203%202.40005%203H5.00005V2C5.00005%200.9%205.90005%200%207.00005%200H9.00005C10.1%200%2011%200.9%2011%202V3ZM6.90005%201.2L6.30005%201.8V3H9.80005V1.8L9.20005%201.2H6.90005ZM11.4%2014.7L12%2014.1V4.2H4.00005V14.1L4.60005%2014.7H11.4ZM7.00005%2012.4C7.00005%2012.7%206.70005%2013%206.40005%2013C6.10005%2013%205.80005%2012.7%205.80005%2012.4V7.6C5.70005%207.3%206.00005%207%206.40005%207C6.80005%207%207.00005%207.3%207.00005%207.6V12.4ZM10.2001%2012.4C10.2001%2012.7%209.90006%2013%209.60006%2013C9.30006%2013%209.00006%2012.7%209.00006%2012.4V7.6C9.00006%207.3%209.30006%207%209.60006%207C9.90006%207%2010.2001%207.3%2010.2001%207.6V12.4Z'%20fill='black'%20/%3e%3c/svg%3e"); --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.69); --comment-date-fg-color:var(--csstools-light-dark-toggle--57, rgb(21 20 26 / 0.69)); --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #1c1b22; --comment-bg-color:var(--csstools-light-dark-toggle--58, #f9f9fb); --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #2c2b33; --comment-hover-bg-color:var(--csstools-light-dark-toggle--59, #e0e0e6); --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #3a3944; --comment-active-bg-color:var(--csstools-light-dark-toggle--60, #d1d1d9); --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)); --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #52525e; --comment-border-color:var(--csstools-light-dark-toggle--61, #f0f0f4); --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #00cadb; --comment-focus-outline-color:var(--csstools-light-dark-toggle--62, #0062fa); --csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #fbfbfe; --comment-fg-color:var(--csstools-light-dark-toggle--63, #15141a); --csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #00317e; --comment-count-bg-color:var(--csstools-light-dark-toggle--64, #e2f7ff); --csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #a6ecf4; --comment-indicator-active-fg-color:var(--csstools-light-dark-toggle--65, #0041a4); --comment-indicator-active-filter:brightness( calc(1 / var(--comment-active-brightness)) ); --csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #fbfbfe; --comment-indicator-focus-fg-color:var(--csstools-light-dark-toggle--66, #5b5b66); --csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #61dce9; --comment-indicator-hover-fg-color:var(--csstools-light-dark-toggle--67, #0053cb); --comment-indicator-hover-filter:brightness( calc(1 / var(--comment-hover-brightness)) ); --csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) #00cadb; --comment-indicator-selected-fg-color:var(--csstools-light-dark-toggle--68, #0062fa); --button-comment-bg:transparent; --button-comment-color:var(--main-color); --csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) #5b5b66; --button-comment-active-bg:var(--csstools-light-dark-toggle--69, #cfcfd8); --button-comment-active-border:none; --button-comment-active-color:var(--button-comment-color); --button-comment-border:none; --csstools-light-dark-toggle--70:var(--csstools-color-scheme--light) #52525e; --button-comment-hover-bg:var(--csstools-light-dark-toggle--70, #e0e0e6); --button-comment-hover-color:var(--button-comment-color); --csstools-light-dark-toggle--71:var(--csstools-color-scheme--light) #0df; --link-fg-color:var(--csstools-light-dark-toggle--71, #0060df); --csstools-light-dark-toggle--72:var(--csstools-color-scheme--light) #80ebff; --link-hover-fg-color:var(--csstools-light-dark-toggle--72, #0250bb); } @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { #editorCommentsSidebar, .commentPopup { --comment-date-fg-color:light-dark( rgb(21 20 26 / 0.69), rgb(251 251 254 / 0.69) ); }} @supports (color: light-dark(red,red)) { #editorCommentsSidebar, .commentPopup { --comment-bg-color:light-dark(#f9f9fb, #1c1b22); --comment-hover-bg-color:light-dark(#e0e0e6, #2c2b33); --comment-active-bg-color:light-dark(#d1d1d9, #3a3944); --comment-border-color:light-dark(#f0f0f4, #52525e); --comment-focus-outline-color:light-dark(#0062fa, #00cadb); --comment-fg-color:light-dark(#15141a, #fbfbfe); --comment-count-bg-color:light-dark(#e2f7ff, #00317e); --comment-indicator-active-fg-color:light-dark(#0041a4, #a6ecf4); --comment-indicator-focus-fg-color:light-dark(#5b5b66, #fbfbfe); --comment-indicator-hover-fg-color:light-dark(#0053cb, #61dce9); --comment-indicator-selected-fg-color:light-dark(#0062fa, #00cadb); --button-comment-active-bg:light-dark(#cfcfd8, #5b5b66); --button-comment-hover-bg:light-dark(#e0e0e6, #52525e); --link-fg-color:light-dark(#0060df, #0df); --link-hover-fg-color:light-dark(#0250bb, #80ebff); }} @supports not (color: light-dark(tan,tan)) { :is(#editorCommentsSidebar, .commentPopup) * { --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.69); --comment-date-fg-color:var(--csstools-light-dark-toggle--57, rgb(21 20 26 / 0.69)); --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #1c1b22; --comment-bg-color:var(--csstools-light-dark-toggle--58, #f9f9fb); --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #2c2b33; --comment-hover-bg-color:var(--csstools-light-dark-toggle--59, #e0e0e6); --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #3a3944; --comment-active-bg-color:var(--csstools-light-dark-toggle--60, #d1d1d9); --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #52525e; --comment-border-color:var(--csstools-light-dark-toggle--61, #f0f0f4); --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #00cadb; --comment-focus-outline-color:var(--csstools-light-dark-toggle--62, #0062fa); --csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #fbfbfe; --comment-fg-color:var(--csstools-light-dark-toggle--63, #15141a); --csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #00317e; --comment-count-bg-color:var(--csstools-light-dark-toggle--64, #e2f7ff); --csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #a6ecf4; --comment-indicator-active-fg-color:var(--csstools-light-dark-toggle--65, #0041a4); --csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #fbfbfe; --comment-indicator-focus-fg-color:var(--csstools-light-dark-toggle--66, #5b5b66); --csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #61dce9; --comment-indicator-hover-fg-color:var(--csstools-light-dark-toggle--67, #0053cb); --csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) #00cadb; --comment-indicator-selected-fg-color:var(--csstools-light-dark-toggle--68, #0062fa); --csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) #5b5b66; --button-comment-active-bg:var(--csstools-light-dark-toggle--69, #cfcfd8); --csstools-light-dark-toggle--70:var(--csstools-color-scheme--light) #52525e; --button-comment-hover-bg:var(--csstools-light-dark-toggle--70, #e0e0e6); --csstools-light-dark-toggle--71:var(--csstools-color-scheme--light) #0df; --link-fg-color:var(--csstools-light-dark-toggle--71, #0060df); --csstools-light-dark-toggle--72:var(--csstools-color-scheme--light) #80ebff; --link-hover-fg-color:var(--csstools-light-dark-toggle--72, #0250bb); }} @media screen and (forced-colors: active) { #editorCommentsSidebar, .commentPopup { --comment-date-fg-color:CanvasText; --comment-bg-color:Canvas; --comment-hover-bg-color:Canvas; --comment-hover-filter:none; --comment-active-bg-color:Canvas; --comment-active-filter:none; --comment-border-color:CanvasText; --comment-fg-color:CanvasText; --comment-count-bg-color:Canvas; --comment-indicator-active-fg-color:SelectedItem; --comment-indicator-focus-fg-color:CanvasText; --comment-indicator-hover-fg-color:CanvasText; --comment-indicator-selected-fg-color:SelectedItem; --button-comment-bg:ButtonFace; --button-comment-color:ButtonText; --button-comment-active-bg:Highlight; --button-comment-active-color:HighlightText; --button-comment-border:1px solid ButtonText; --button-comment-hover-bg:Highlight; --button-comment-hover-color:HighlightText; --link-fg-color:LinkText; --link-hover-fg-color:LinkText; }} #editorCommentsSidebar { display: flex; height: auto; padding-bottom: 16px; flex-direction: column; align-items: flex-start; overflow-y: visible; } #editorCommentsSidebar #editorCommentsSidebarHeader { width: 100%; box-sizing: border-box; padding: 16px; display: flex; align-items: center; justify-content: space-between; } :is(#editorCommentsSidebar #editorCommentsSidebarHeader) .commentCount { display: flex; align-items: baseline; gap: 6px; user-select: none; } :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) .commentCount) #editorCommentsSidebarTitle { font-variant: normal; font-stretch: ; font-family: ; font-style: normal; font-weight: 590; line-height: normal; font-size: 17px; color: var(--comment-fg-color); } :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) .commentCount) #editorCommentsSidebarCount { padding: 0px 4px; border-radius: 4px; background-color: var(--comment-count-bg-color); color: var(--comment-fg-color); text-align: center; font-variant: normal; font-stretch: ; font-family: ; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; } :is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton { width: 32px; height: 32px; padding: 8px; border-radius: 4px; border: var(--button-comment-border); background-color: var(--button-comment-bg); cursor: pointer; } :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton)::before { content: ""; display: inline-block; width: 100%; height: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-image: var(--comment-close-button-icon); background-color: var(--button-comment-color); } :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):hover { background-color: var(--button-comment-hover-bg); } :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):hover::before { background-color: var(--button-comment-hover-color); } :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):active { border: var(--button-comment-active-border); background-color: var(--button-comment-active-bg); } :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):active::before { background-color: var(--button-comment-active-color); } :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton):focus-visible { outline: var(--focus-ring-outline); } :is(:is(#editorCommentsSidebar #editorCommentsSidebarHeader) #editorCommentsSidebarCloseButton) > span { display: inline-block; width: 0px; height: 0px; overflow: hidden; } #editorCommentsSidebar #editorCommentsSidebarListContainer { overflow: auto; width: 100%; } :is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList { display: flex; width: auto; padding: 4px 16px; gap: 10px; align-items: flex-start; flex-direction: column; list-style-type: none; } :is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .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); } @media screen and (forced-colors: active) { :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):hover { background-color: var(--comment-hover-bg-color); }} :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):hover { filter: var(--comment-hover-filter); } :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):hover time::after { display: inline-block; background-color: var(--comment-indicator-hover-fg-color); filter: var(--comment-indicator-hover-filter); } @media screen and (forced-colors: active) { :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):active { background-color: var(--comment-active-bg-color); }} :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):active { filter: var(--comment-active-filter); } :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):active time::after { display: inline-block; background-color: var(--comment-indicator-active-fg-color); filter: var(--comment-indicator-active-filter); } :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):is(:focus, :focus-visible) time::after { display: inline-block; background-color: var(--comment-indicator-focus-fg-color); } :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments):focus-visible { outline: 2px solid var(--comment-focus-outline-color); outline-offset: 2px; } .selected:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments) .sidebarCommentText { max-height: fit-content; -webkit-line-clamp: unset; } .selected:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment):not(.noComments) time::after { display: inline-block; background-color: var(--comment-indicator-selected-fg-color); } :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) .sidebarCommentText { font-variant: normal; font-stretch: ; font-family: ; font-style: normal; font-weight: 400; line-height: normal; font-size: 15px; width: 100%; height: fit-content; max-height: 80px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: break-word; } :is(:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) .sidebarCommentText) .richText { --total-scale-factor:1.5; } .noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) .sidebarCommentText { max-height: fit-content; -webkit-line-clamp: unset; user-select: none; } .noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) a { font-variant: normal; font-stretch: ; font-family: ; 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); } :is(.noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) a):focus-visible { outline: var(--focus-ring-outline); } :is(.noComments:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) a):hover { color: var(--link-hover-fg-color); } :is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) time { width: 100%; display: inline-flex; align-items: center; justify-content: space-between; font-variant: normal; font-stretch: ; font-family: ; font-style: normal; font-weight: 400; line-height: normal; font-size: 13px; } :is(:is(:is(:is(#editorCommentsSidebar #editorCommentsSidebarListContainer) #editorCommentsSidebarList) .sidebarComment) time)::after { content: ""; display: none; width: 16px; height: 16px; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-image: var(--comment-edit-button-icon); transform: scaleX(var(--dir-factor)); } .commentPopup { --csstools-color-scheme--light: initial; color-scheme: light dark; --csstools-light-dark-toggle--73:var(--csstools-color-scheme--light) #3a3944; --divider-color:var(--csstools-light-dark-toggle--73, #cfcfd8); --csstools-light-dark-toggle--74:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--75:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --comment-shadow:0 0.5px 2px 0 var(--csstools-light-dark-toggle--74, rgb(0 0 0 / 0.05)), 0 4px 16px 0 var(--csstools-light-dark-toggle--75, rgb(0 0 0 / 0.1)); } @supports (color: light-dark(red,red)) { .commentPopup { --divider-color:light-dark(#cfcfd8, #3a3944); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { .commentPopup { --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)); }} @supports not (color: light-dark(tan,tan)) { .commentPopup * { --csstools-light-dark-toggle--73:var(--csstools-color-scheme--light) #3a3944; --divider-color:var(--csstools-light-dark-toggle--73, #cfcfd8); --csstools-light-dark-toggle--74:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--75:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --comment-shadow:0 0.5px 2px 0 var(--csstools-light-dark-toggle--74, rgb(0 0 0 / 0.05)), 0 4px 16px 0 var(--csstools-light-dark-toggle--75, rgb(0 0 0 / 0.1)); }} @media (prefers-color-scheme: dark) { .commentPopup { --csstools-color-scheme--light:; }} @media screen and (forced-colors: active) { .commentPopup { --divider-color:CanvasText; --comment-shadow:none; }} .commentPopup { 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); } .commentPopup:focus-visible { outline: none; } .commentPopup.dragging, .commentPopup.dragging * { cursor: move !important; } .commentPopup.dragging button { pointer-events: none !important; } .commentPopup:not(.selected) .commentPopupButtons { visibility: hidden !important; } .commentPopup hr { width: 100%; height: 1px; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid var(--divider-color); margin: 0px; padding: 0px; } .commentPopup .commentPopupTop { display: flex; width: 100%; height: auto; padding-bottom: 4px; justify-content: space-between; align-items: center; align-self: stretch; cursor: move; user-select: none; } :is(.commentPopup .commentPopupTop) .commentPopupTime { font-variant: normal; font-stretch: ; font-family: ; font-style: normal; font-weight: 400; line-height: normal; font-size: 13px; color: var(--comment-date-fg-color); } :is(.commentPopup .commentPopupTop) .commentPopupButtons { display: flex; align-items: center; gap: 2px; cursor: default; } :is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > 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); } :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):hover { background-color: var(--button-comment-hover-bg); } :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):hover::before { background-color: var(--button-comment-hover-color); } :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):active { border: var(--button-comment-active-border); background-color: var(--button-comment-active-bg); color: var(--button-comment-active-color); } :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):active::before { background-color: var(--button-comment-active-color); } :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button):focus-visible { background-color: var(--button-comment-hover-bg); outline: 2px solid var(--comment-focus-outline-color); outline-offset: 0px; } :is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button)::before { content: ""; display: inline-block; width: 100%; height: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; } .commentPopupEdit:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button)::before { -webkit-mask-image: var(--comment-popup-edit-button-icon); } .commentPopupDelete:is(:is(:is(.commentPopup .commentPopupTop) .commentPopupButtons) > button)::before { -webkit-mask-image: var(--comment-popup-delete-button-icon); } .commentPopup .commentPopupText { width: 100%; height: auto; font-variant: normal; font-stretch: ; font-family: ; font-style: normal; font-weight: 400; line-height: normal; font-size: 15px; color: var(--comment-fg-color); } .commentPopupText, .sidebarCommentText .richText { margin-block: 0px; } :is(.commentPopupText, .sidebarCommentText .richText) p:first-of-type { margin-block: 0px; } :is(.commentPopupText, .sidebarCommentText .richText) > * { white-space: pre-wrap; font-size: max(15px,calc(10px * var(--total-scale-factor))); overflow-wrap: break-word; } :is(.commentPopupText, .sidebarCommentText .richText) span { color: var(--comment-fg-color) !important; } :root { --editor-toolbar-vert-offset:6px; --outline-width:2px; --outline-color:#0060df; --outline-around-width:1px; --outline-around-color:#f0f0f4; --hover-outline-around-color:var(--outline-around-color); --focus-outline:solid var(--outline-width) var(--outline-color); --unfocus-outline:solid var(--outline-width) transparent; --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color); --hover-outline-color:#8f8f9d; --hover-outline:solid var(--outline-width) var(--hover-outline-color); --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color); --freetext-line-height:1.35; --freetext-padding:2px; --resizer-bg-color:var(--outline-color); --resizer-size:6px; --resizer-shift:calc( 0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width) ); --editorFreeText-editing-cursor:text; --editorInk-editing-cursor:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.0189877%2013.6645L0.612989%2010.4635C0.687989%2010.0545%200.884989%209.6805%201.18099%209.3825L9.98199%200.5805C10.756%20-0.1925%2012.015%20-0.1945%2012.792%200.5805L14.42%202.2085C15.194%202.9835%2015.194%204.2435%2014.42%205.0185L5.61599%2013.8215C5.31999%2014.1165%204.94599%2014.3125%204.53799%2014.3875L1.33599%2014.9815C1.26599%2014.9935%201.19799%2015.0005%201.12999%2015.0005C0.832989%2015.0005%200.544988%2014.8835%200.330988%2014.6695C0.0679874%2014.4055%20-0.0490122%2014.0305%200.0189877%2013.6645Z'%20fill='white'/%3e%3cpath%20d='M0.0189877%2013.6645L0.612989%2010.4635C0.687989%2010.0545%200.884989%209.6805%201.18099%209.3825L9.98199%200.5805C10.756%20-0.1925%2012.015%20-0.1945%2012.792%200.5805L14.42%202.2085C15.194%202.9835%2015.194%204.2435%2014.42%205.0185L5.61599%2013.8215C5.31999%2014.1165%204.94599%2014.3125%204.53799%2014.3875L1.33599%2014.9815C1.26599%2014.9935%201.19799%2015.0005%201.12999%2015.0005C0.832989%2015.0005%200.544988%2014.8835%200.330988%2014.6695C0.0679874%2014.4055%20-0.0490122%2014.0305%200.0189877%2013.6645ZM12.472%205.1965L13.632%204.0365L13.631%203.1885L11.811%201.3675L10.963%201.3685L9.80299%202.5285L12.472%205.1965ZM4.31099%2013.1585C4.47099%2013.1285%204.61799%2013.0515%204.73399%2012.9345L11.587%206.0815L8.91899%203.4135L2.06599%2010.2655C1.94899%2010.3835%201.87199%2010.5305%201.84099%2010.6915L1.36699%2013.2485L1.75199%2013.6335L4.31099%2013.1585Z'%20fill='black'/%3e%3c/svg%3e") 0 16, pointer; --editorHighlight-editing-cursor:url(\/assets\/cursor-editorTextHighlight-kG3uUOwL\.svg) 24 24, text; --editorFreeHighlight-editing-cursor:url("data:image/svg+xml,%3csvg%20width='18'%20height='19'%20viewBox='0%200%2018%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.2%203.09C12.28%203.01%2012.43%203%2012.43%203C12.48%203%2012.58%203.02%2012.66%203.1L14.45%204.89C14.58%205.02%2014.58%205.22%2014.45%205.35L11.7713%208.02872L9.51628%205.77372L12.2%203.09ZM13.2658%205.12L11.7713%206.6145L10.9305%205.77372L12.425%204.27921L13.2658%205.12Z'%20fill='%23FBFBFE'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.98%209.32L8.23%2011.57L10.7106%209.08938L8.45562%206.83438L5.98%209.31V9.32ZM8.23%2010.1558L9.29641%209.08938L8.45562%208.24859L7.38921%209.315L8.23%2010.1558Z'%20fill='%23FBFBFE'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.1526%2013.1816L16.2125%207.1217C16.7576%206.58919%2017.05%205.8707%2017.05%205.12C17.05%204.36931%2016.7576%203.65084%2016.2126%203.11834L14.4317%201.33747C13.8992%200.79242%2013.1807%200.5%2012.43%200.5C11.6643%200.5%2010.9529%200.812929%2010.4329%201.33289L3.68289%208.08289C3.04127%208.72452%203.00459%209.75075%203.57288%2010.4363L1.29187%2012.7239C1.09186%2012.9245%200.990263%2013.1957%201.0007%2013.4685L1%2014.5C0.447715%2014.5%200%2014.9477%200%2015.5V17.5C0%2018.0523%200.447715%2018.5%201%2018.5H16C16.5523%2018.5%2017%2018.0523%2017%2017.5V15.5C17%2014.9477%2016.5523%2014.5%2016%2014.5H10.2325C9.83594%2014.5%209.39953%2013.9347%2010.1526%2013.1816ZM4.39%209.85L4.9807%2010.4407L2.39762%2013.0312H6.63877L7.10501%2012.565L7.57125%2013.0312H8.88875L15.51%206.41C15.86%206.07%2016.05%205.61%2016.05%205.12C16.05%204.63%2015.86%204.17%2015.51%203.83L13.72%202.04C13.38%201.69%2012.92%201.5%2012.43%201.5C11.94%201.5%2011.48%201.7%2011.14%202.04L4.39%208.79C4.1%209.08%204.1%209.56%204.39%209.85ZM16%2017.5V15.5H1V17.5H16Z'%20fill='%23FBFBFE'/%3e%3cpath%20d='M15.1616%206.05136L15.1616%206.05132L15.1564%206.05645L8.40645%2012.8064C8.35915%2012.8537%208.29589%2012.88%208.23%2012.88C8.16411%2012.88%208.10085%2012.8537%208.05355%2012.8064L7.45857%2012.2115L7.10501%2011.8579L6.75146%2012.2115L6.03289%2012.93H3.20465L5.33477%2010.7937L5.6873%2010.4402L5.33426%2010.0871L4.74355%209.49645C4.64882%209.40171%204.64882%209.23829%204.74355%209.14355L11.4936%202.39355C11.7436%202.14354%2012.0779%202%2012.43%202C12.7883%202%2013.1179%202.13776%2013.3614%202.38839L13.3613%202.38843L13.3664%202.39355L15.1564%204.18355L15.1564%204.18359L15.1616%204.18864C15.4122%204.43211%2015.55%204.76166%2015.55%205.12C15.55%205.47834%2015.4122%205.80789%2015.1616%206.05136ZM7.87645%2011.9236L8.23%2012.2771L8.58355%2011.9236L11.0642%209.44293L11.4177%209.08938L11.0642%208.73582L8.80918%206.48082L8.45562%206.12727L8.10207%206.48082L5.62645%208.95645L5.48%209.10289V9.31V9.32V9.52711L5.62645%209.67355L7.87645%2011.9236ZM11.4177%208.38227L11.7713%208.73582L12.1248%208.38227L14.8036%205.70355C15.1288%205.37829%2015.1288%204.86171%2014.8036%204.53645L13.0136%202.74645C12.8186%202.55146%2012.5792%202.5%2012.43%202.5H12.4134L12.3967%202.50111L12.43%203C12.3967%202.50111%2012.3966%202.50112%2012.3965%202.50112L12.3963%202.50114L12.3957%202.50117L12.3947%202.50125L12.3924%202.50142L12.387%202.50184L12.3732%202.50311C12.3628%202.50416%2012.3498%202.50567%2012.3346%202.50784C12.3049%202.51208%2012.2642%202.51925%2012.2178%202.53146C12.1396%202.55202%2011.9797%202.60317%2011.8464%202.73645L9.16273%205.42016L8.80918%205.77372L9.16273%206.12727L11.4177%208.38227ZM1.5%2016H15.5V17H1.5V16Z'%20stroke='%2315141A'/%3e%3c/svg%3e") 1 18, pointer; --new-alt-text-warning-image:url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.78182%202.63903C8.58882%202.28803%208.25782%202.25003%208.12482%202.25003C7.99019%202.24847%207.85771%202.28393%207.74185%202.35253C7.62599%202.42113%207.5312%202.52023%207.46782%202.63903L1.97082%2012.639C1.90673%2012.7528%201.87406%2012.8816%201.87617%2013.0122C1.87828%2013.1427%201.91509%2013.2704%201.98282%2013.382C2.04798%2013.4951%202.14207%2013.5888%202.25543%2013.6535C2.36879%2013.7182%202.49732%2013.7515%202.62782%2013.75H13.6218C13.7523%2013.7515%2013.8809%2013.7182%2013.9942%2013.6535C14.1076%2013.5888%2014.2017%2013.4951%2014.2668%2013.382C14.3346%2013.2704%2014.3714%2013.1427%2014.3735%2013.0122C14.3756%2012.8816%2014.3429%2012.7528%2014.2788%2012.639L8.78182%202.63903ZM6.37282%202.03703C6.75182%201.34603%207.43882%201.00003%208.12482%201.00003C8.48341%200.997985%208.83583%201.09326%209.14454%201.2757C9.45325%201.45814%209.70668%201.72092%209.87782%202.03603L15.3748%2012.036C16.1078%2013.369%2015.1438%2015%2013.6228%2015H2.62782C1.10682%2015%200.141823%2013.37%200.875823%2012.037L6.37282%202.03703ZM8.74982%209.06203C8.74982%209.22779%208.68397%209.38676%208.56676%209.50397C8.44955%209.62118%208.29058%209.68703%208.12482%209.68703C7.95906%209.68703%207.80009%209.62118%207.68288%209.50397C7.56566%209.38676%207.49982%209.22779%207.49982%209.06203V5.62503C7.49982%205.45927%207.56566%205.3003%207.68288%205.18309C7.80009%205.06588%207.95906%205.00003%208.12482%205.00003C8.29058%205.00003%208.44955%205.06588%208.56676%205.18309C8.68397%205.3003%208.74982%205.45927%208.74982%205.62503V9.06203ZM7.74982%2012L7.49982%2011.75V11L7.74982%2010.75H8.49982L8.74982%2011V11.75L8.49982%2012H7.74982Z'%20fill='black'/%3e%3c/svg%3e"); } .textLayer.highlighting { cursor: var(--editorFreeHighlight-editing-cursor); } .textLayer.highlighting:not(.free) span { cursor: var(--editorHighlight-editing-cursor); } [role="img"]:is(.textLayer.highlighting:not(.free) span) { cursor: var(--editorFreeHighlight-editing-cursor); } .textLayer.highlighting.free span { cursor: var(--editorFreeHighlight-editing-cursor); } .page:has(.annotationEditorLayer.nonEditing) .annotationLayer .editorAnnotation { position: absolute; pointer-events: none; } :is(#viewerContainer.pdfPresentationMode:fullscreen, .annotationEditorLayer.disabled) .noAltTextBadge { display: none !important; } @media (min-resolution: 1.1dppx) { :root { --editorFreeText-editing-cursor:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%202.75H12.5V2.25V1V0.5H12H10.358C9.91165%200.5%209.47731%200.625661%209.09989%200.860442L9.09886%200.861087L8%201.54837L6.89997%200.860979L6.89911%200.860443C6.5218%200.625734%206.08748%200.5%205.642%200.5H4H3.5V1V2.25V2.75H4H5.642C5.66478%202.75%205.6885%202.75641%205.71008%202.76968C5.71023%202.76977%205.71038%202.76986%205.71053%202.76995L6.817%203.461C6.81704%203.46103%206.81709%203.46105%206.81713%203.46108C6.81713%203.46108%206.81713%203.46108%206.81714%203.46109C6.8552%203.48494%206.876%203.52285%206.876%203.567V8V12.433C6.876%2012.4771%206.85523%2012.515%206.81722%2012.5389C6.81715%2012.5389%206.81707%2012.539%206.817%2012.539L5.70953%2013.23C5.70941%2013.2301%205.70929%2013.2302%205.70917%2013.2303C5.68723%2013.2438%205.6644%2013.25%205.641%2013.25H4H3.5V13.75V15V15.5H4H5.642C6.08835%2015.5%206.52269%2015.3743%206.90011%2015.1396L6.90086%2015.1391L8%2014.4526L9.10003%2015.14L9.10089%2015.1406C9.47831%2015.3753%209.91265%2015.501%2010.359%2015.501H12H12.5V15.001V13.751V13.251H12H10.358C10.3352%2013.251%2010.3115%2013.2446%2010.2899%2013.2313C10.2897%2013.2312%2010.2896%2013.2311%2010.2895%2013.231L9.183%2012.54C9.18298%2012.54%209.18295%2012.54%209.18293%2012.54C9.18291%2012.5399%209.18288%2012.5399%209.18286%2012.5399C9.14615%2012.5169%209.125%2012.4797%209.125%2012.434V8V3.567C9.125%203.52266%209.14603%203.48441%209.18364%203.4606C9.18377%203.46052%209.1839%203.46043%209.18404%203.46035L10.2895%202.76995C10.2896%202.76985%2010.2898%202.76975%2010.2899%202.76966C10.3119%202.75619%2010.3346%202.75%2010.358%202.75H12Z'%20fill='black'%20stroke='white'/%3e%3c/svg%3e") 0 16, text; }} @media screen and (forced-colors: active) { :root { --outline-color:CanvasText; --outline-around-color:ButtonFace; --resizer-bg-color:ButtonText; --hover-outline-color:Highlight; --hover-outline-around-color:SelectedItemText; }} [data-editor-rotation="90"] { transform: rotate(90deg); } [data-editor-rotation="180"] { transform: rotate(180deg); } [data-editor-rotation="270"] { transform: rotate(270deg); } .annotationEditorLayer { background: transparent; position: absolute; inset: 0px; font-size: calc(100px * var(--total-scale-factor)); transform-origin: 0px 0px; cursor: auto; } .annotationEditorLayer .selectedEditor { z-index: 100000 !important; } .annotationEditorLayer.drawing * { pointer-events: none !important; } .annotationEditorLayer.getElements { pointer-events: auto !important; } .annotationEditorLayer.getElements > div { pointer-events: auto !important; } .annotationEditorLayer.waiting { content: ""; cursor: wait; position: absolute; inset: 0px; width: 100%; height: 100%; } .annotationEditorLayer.disabled { pointer-events: none; } .annotationEditorLayer.disabled.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: 0px 0px; cursor: auto; max-width: 100%; max-height: 100%; border: var(--unfocus-outline); } .draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) { cursor: move; } .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) { border: var(--focus-outline); outline: var(--focus-outline-around); } .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor))::before { content: ""; position: absolute; inset: 0px; border: var(--focus-outline-around); pointer-events: none; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)):hover:not(.selectedEditor) { border: var(--hover-outline); outline: var(--hover-outline-around); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)):hover:not(.selectedEditor)::before { content: ""; position: absolute; inset: 0px; border: var(--focus-outline-around); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar { --editor-toolbar-delete-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11%203H13.6C14%203%2014.3%203.3%2014.3%203.6C14.3%203.9%2014%204.2%2013.7%204.2H13.3V14C13.3%2015.1%2012.4%2016%2011.3%2016H4.80005C3.70005%2016%202.80005%2015.1%202.80005%2014V4.2H2.40005C2.00005%204.2%201.80005%204%201.80005%203.6C1.80005%203.2%202.00005%203%202.40005%203H5.00005V2C5.00005%200.9%205.90005%200%207.00005%200H9.00005C10.1%200%2011%200.9%2011%202V3ZM6.90005%201.2L6.30005%201.8V3H9.80005V1.8L9.20005%201.2H6.90005ZM11.4%2014.7L12%2014.1V4.2H4.00005V14.1L4.60005%2014.7H11.4ZM7.00005%2012.4C7.00005%2012.7%206.70005%2013%206.40005%2013C6.10005%2013%205.80005%2012.7%205.80005%2012.4V7.6C5.70005%207.3%206.00005%207%206.40005%207C6.80005%207%207.00005%207.3%207.00005%207.6V12.4ZM10.2001%2012.4C10.2001%2012.7%209.90006%2013%209.60006%2013C9.30006%2013%209.00006%2012.7%209.00006%2012.4V7.6C9.00006%207.3%209.30006%207%209.60006%207C9.90006%207%2010.2001%207.3%2010.2001%207.6V12.4Z'%20fill='black'%20/%3e%3c/svg%3e"); --csstools-light-dark-toggle--76:var(--csstools-color-scheme--light) #2b2a33; --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--76, #f0f0f4); --editor-toolbar-highlight-image:url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.10918%2011.66C7.24918%2011.8%207.43918%2011.88%207.63918%2011.88C7.83918%2011.88%208.02918%2011.8%208.16918%2011.66L14.9192%204.91C15.2692%204.57%2015.4592%204.11%2015.4592%203.62C15.4592%203.13%2015.2692%202.67%2014.9192%202.33L13.1292%200.54C12.7892%200.19%2012.3292%200%2011.8392%200C11.3492%200%2010.8892%200.2%2010.5492%200.54L3.79918%207.29C3.50918%207.58%203.50918%208.06%203.79918%208.35L4.38988%208.9407L1.40918%2011.93H5.64918L6.51419%2011.065L7.10918%2011.66ZM7.63918%2010.07L5.38918%207.82V7.81L7.8648%205.33438L10.1198%207.58938L7.63918%2010.07ZM11.1805%206.52872L13.8592%203.85C13.9892%203.72%2013.9892%203.52%2013.8592%203.39L12.0692%201.6C11.9892%201.52%2011.8892%201.5%2011.8392%201.5C11.8392%201.5%2011.6892%201.51%2011.6092%201.59L8.92546%204.27372L11.1805%206.52872Z'%20fill='%23000'/%3e%3cpath%20d='M0.40918%2014H15.4092V16H0.40918V14Z'%20fill='%23000'/%3e%3c/g%3e%3c/svg%3e"); --csstools-light-dark-toggle--77:var(--csstools-color-scheme--light) #fbfbfe; --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--77, #2e2e56); --editor-toolbar-border-color:#8f8f9d; --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color); --csstools-light-dark-toggle--78:var(--csstools-color-scheme--light) #52525e; --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--78, #e0e0e6); --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color); --editor-toolbar-hover-outline:none; --csstools-light-dark-toggle--79:var(--csstools-color-scheme--light) #0df; --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--79, #0060df); --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2); --editor-toolbar-height:28px; --editor-toolbar-padding:2px; --csstools-light-dark-toggle--80:var(--csstools-color-scheme--light) #54ffbd; --alt-text-done-color:var(--csstools-light-dark-toggle--80, #2ac3a2); --csstools-light-dark-toggle--81:var(--csstools-color-scheme--light) #80ebff; --alt-text-warning-color:var(--csstools-light-dark-toggle--81, #0090ed); --alt-text-hover-done-color:var(--alt-text-done-color); --alt-text-hover-warning-color:var(--alt-text-warning-color); } @supports (color: light-dark(red,red)) { :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar { --editor-toolbar-bg-color:light-dark(#f0f0f4, #2b2a33); --editor-toolbar-fg-color:light-dark(#2e2e56, #fbfbfe); --editor-toolbar-hover-bg-color:light-dark(#e0e0e6, #52525e); --editor-toolbar-focus-outline-color:light-dark(#0060df, #0df); --alt-text-done-color:light-dark(#2ac3a2, #54ffbd); --alt-text-warning-color:light-dark(#0090ed, #80ebff); }} @supports not (color: light-dark(tan,tan)) { :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) * { --csstools-light-dark-toggle--76:var(--csstools-color-scheme--light) #2b2a33; --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--76, #f0f0f4); --csstools-light-dark-toggle--77:var(--csstools-color-scheme--light) #fbfbfe; --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--77, #2e2e56); --csstools-light-dark-toggle--78:var(--csstools-color-scheme--light) #52525e; --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--78, #e0e0e6); --csstools-light-dark-toggle--79:var(--csstools-color-scheme--light) #0df; --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--79, #0060df); --csstools-light-dark-toggle--80:var(--csstools-color-scheme--light) #54ffbd; --alt-text-done-color:var(--csstools-light-dark-toggle--80, #2ac3a2); --csstools-light-dark-toggle--81:var(--csstools-color-scheme--light) #80ebff; --alt-text-warning-color:var(--csstools-light-dark-toggle--81, #0090ed); }} @media screen and (forced-colors: active) { :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar { --editor-toolbar-bg-color:ButtonFace; --editor-toolbar-fg-color:ButtonText; --editor-toolbar-border-color:ButtonText; --editor-toolbar-hover-border-color:AccentColor; --editor-toolbar-hover-bg-color:ButtonFace; --editor-toolbar-hover-fg-color:AccentColor; --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color); --editor-toolbar-focus-outline-color:ButtonBorder; --editor-toolbar-shadow:none; --alt-text-done-color:var(--editor-toolbar-fg-color); --alt-text-warning-color:var(--editor-toolbar-fg-color); --alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color); --alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color); }} :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar { display: flex; width: fit-content; height: var(--editor-toolbar-height); flex-direction: column; justify-content: center; align-items: center; cursor: default; pointer-events: auto; box-sizing: content-box; padding: var(--editor-toolbar-padding); position: absolute; inset-inline-end: 0px; inset-block-start: calc(100% + var(--editor-toolbar-vert-offset)); border-radius: 6px; background-color: var(--editor-toolbar-bg-color); border: 1px solid var(--editor-toolbar-border-color); box-shadow: var(--editor-toolbar-shadow); } .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) { display: none; } :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar):has(:focus-visible) { border-color: transparent; } [dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) { transform-origin: 100% 0px; } [dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) { transform-origin: 0px 0px; } :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons { display: flex; justify-content: center; align-items: center; gap: 0px; height: 100%; } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) button { padding: 0px; } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .divider { width: 0px; height: calc(2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)); border-left: 1px solid var(--editor-toolbar-border-color); border-right: none; display: inline-block; margin-inline: 2px; } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .basic { width: var(--editor-toolbar-height); } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .basic)::before { content: ""; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; display: inline-block; background-color: var(--editor-toolbar-fg-color); width: 100%; height: 100%; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .basic):hover::before { background-color: var(--editor-toolbar-hover-fg-color); } .highlightButton:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .basic)::before { -webkit-mask-image: var(--editor-toolbar-highlight-image); } .commentButton:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .basic)::before { -webkit-mask-image: var(--comment-edit-button-icon); } .deleteButton:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .basic)::before { -webkit-mask-image: var(--editor-toolbar-delete-image); } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) > * { height: var(--editor-toolbar-height); } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) > :not(.divider) { border: none; background-color: transparent; cursor: pointer; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):hover { border-radius: 2px; background-color: var(--editor-toolbar-hover-bg-color); color: var(--editor-toolbar-hover-fg-color); outline: var(--editor-toolbar-hover-outline); outline-offset: 1px; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active { outline: none; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible { border-radius: 2px; outline: 2px solid var(--editor-toolbar-focus-outline-color); } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText { --alt-text-add-image:url("data:image/svg+xml,%3csvg%20width='12'%20height='13'%20viewBox='0%200%2012%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.375%207.625V11.875C5.375%2012.0408%205.44085%2012.1997%205.55806%2012.3169C5.67527%2012.4342%205.83424%2012.5%206%2012.5C6.16576%2012.5%206.32473%2012.4342%206.44194%2012.3169C6.55915%2012.1997%206.625%2012.0408%206.625%2011.875V7.625L7.125%207.125H11.375C11.5408%207.125%2011.6997%207.05915%2011.8169%206.94194C11.9342%206.82473%2012%206.66576%2012%206.5C12%206.33424%2011.9342%206.17527%2011.8169%206.05806C11.6997%205.94085%2011.5408%205.875%2011.375%205.875H7.125L6.625%205.375V1.125C6.625%200.95924%206.55915%200.800269%206.44194%200.683058C6.32473%200.565848%206.16576%200.5%206%200.5C5.83424%200.5%205.67527%200.565848%205.55806%200.683058C5.44085%200.800269%205.375%200.95924%205.375%201.125V5.375L4.875%205.875H0.625C0.45924%205.875%200.300269%205.94085%200.183058%206.05806C0.065848%206.17527%200%206.33424%200%206.5C0%206.66576%200.065848%206.82473%200.183058%206.94194C0.300269%207.05915%200.45924%207.125%200.625%207.125H4.762L5.375%207.625Z'%20fill='black'/%3e%3c/svg%3e"); --alt-text-done-image:url("data:image/svg+xml,%3csvg%20width='12'%20height='13'%20viewBox='0%200%2012%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%200.5C5.21207%200.5%204.43185%200.655195%203.7039%200.956723C2.97595%201.25825%202.31451%201.70021%201.75736%202.25736C1.20021%202.81451%200.758251%203.47595%200.456723%204.2039C0.155195%204.93185%200%205.71207%200%206.5C0%207.28793%200.155195%208.06815%200.456723%208.7961C0.758251%209.52405%201.20021%2010.1855%201.75736%2010.7426C2.31451%2011.2998%202.97595%2011.7417%203.7039%2012.0433C4.43185%2012.3448%205.21207%2012.5%206%2012.5C7.5913%2012.5%209.11742%2011.8679%2010.2426%2010.7426C11.3679%209.61742%2012%208.0913%2012%206.5C12%204.9087%2011.3679%203.38258%2010.2426%202.25736C9.11742%201.13214%207.5913%200.5%206%200.5ZM5.06%208.9L2.9464%206.7856C2.85273%206.69171%202.80018%206.56446%202.80033%206.43183C2.80048%206.29921%202.85331%206.17207%202.9472%206.0784C3.04109%205.98473%203.16834%205.93218%203.30097%205.93233C3.43359%205.93248%203.56073%205.98531%203.6544%206.0792L5.3112%207.7368L8.3464%204.7008C8.44109%204.6109%208.56715%204.56153%208.69771%204.56322C8.82827%204.56492%208.95301%204.61754%209.04534%204.70986C9.13766%204.80219%209.19028%204.92693%209.19198%205.05749C9.19367%205.18805%209.1443%205.31411%209.0544%205.4088L5.5624%208.9H5.06Z'%20fill='%23FBFBFE'/%3e%3c/svg%3e"); display: flex; align-items: center; justify-content: center; width: max-content; padding-inline: 8px; pointer-events: all; font-style: ; font-variant: normal; font-stretch: ; line-height: ; font-family: ; font-weight: 590; font-size: 12px; color: var(--editor-toolbar-fg-color); } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText):disabled { pointer-events: none; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText)::before { content: ""; -webkit-mask-image: var(--alt-text-add-image); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; display: inline-block; width: 12px; height: 13px; background-color: var(--editor-toolbar-fg-color); margin-inline-end: 4px; } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before { background-color: var(--editor-toolbar-hover-fg-color); } .done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText)::before { -webkit-mask-image: var(--alt-text-done-image); } .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText)::before { width: 16px; height: 16px; -webkit-mask-image: var(--new-alt-text-warning-image); background-color: var(--alt-text-warning-color); -webkit-mask-size: cover; } .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before { background-color: var(--alt-text-hover-warning-color); } .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText)::before { -webkit-mask-image: var(--alt-text-done-image); background-color: var(--alt-text-done-color); } .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before { background-color: var(--alt-text-hover-done-color); } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip { display: none; overflow-wrap: anywhere; } .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) { --csstools-light-dark-toggle--82:var(--csstools-color-scheme--light) #1c1b22; --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--82, #f0f0f4); --csstools-light-dark-toggle--83:var(--csstools-color-scheme--light) #fbfbfe; --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--83, #15141a); --alt-text-tooltip-border:#8f8f9d; --csstools-light-dark-toggle--84:var(--csstools-color-scheme--light) #15141a; --alt-text-tooltip-shadow:0 2px 6px 0 var(--csstools-light-dark-toggle--84, rgb(58 57 68 / 0.2)); } @supports (color: light-dark(red,red)) { .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) { --alt-text-tooltip-bg:light-dark(#f0f0f4, #1c1b22); --alt-text-tooltip-fg:light-dark(#15141a, #fbfbfe); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) { --alt-text-tooltip-shadow:0 2px 6px 0 light-dark(rgb(58 57 68 / 0.2), #15141a); }} @supports not (color: light-dark(tan,tan)) { .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) * { --csstools-light-dark-toggle--82:var(--csstools-color-scheme--light) #1c1b22; --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--82, #f0f0f4); --csstools-light-dark-toggle--83:var(--csstools-color-scheme--light) #fbfbfe; --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--83, #15141a); --csstools-light-dark-toggle--84:var(--csstools-color-scheme--light) #15141a; --alt-text-tooltip-shadow:0 2px 6px 0 var(--csstools-light-dark-toggle--84, rgb(58 57 68 / 0.2)); }} @media screen and (forced-colors: active) { .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) { --alt-text-tooltip-bg:Canvas; --alt-text-tooltip-fg:CanvasText; --alt-text-tooltip-border:CanvasText; --alt-text-tooltip-shadow:none; }} .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: calc(100% + 2px); inset-inline-start: 0px; padding-block: 2px 3px; padding-inline: 3px; max-width: 300px; 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; } :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .comment { width: var(--editor-toolbar-height); } :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .comment)::before { content: ""; -webkit-mask-image: var(--comment-edit-button-icon); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center 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: 0px; overflow: visible; white-space: nowrap; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 10px; font-family: sans-serif; line-height: var(--freetext-line-height); text-align: start; user-select: none; } .annotationEditorLayer .freeTextEditor .overlay { position: absolute; display: none; background: transparent; inset: 0px; 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; user-select: auto; } .annotationEditorLayer .inkEditor { width: 100%; height: 100%; } .annotationEditorLayer .inkEditor.editing { cursor: inherit; } .annotationEditorLayer .inkEditor .inkEditorCanvas { position: absolute; inset: 0px; width: 100%; height: 100%; touch-action: none; } .annotationEditorLayer .stampEditor { width: auto; height: auto; } :is(.annotationEditorLayer .stampEditor) canvas { position: absolute; width: 100%; height: 100%; margin: 0px; top: 0px; left: 0px; } :is(.annotationEditorLayer .stampEditor) .noAltTextBadge { --csstools-light-dark-toggle--85:var(--csstools-color-scheme--light) #52525e; --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--85, #f0f0f4); --csstools-light-dark-toggle--86:var(--csstools-color-scheme--light) #fbfbfe; --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--86, #cfcfd8); --csstools-light-dark-toggle--87:var(--csstools-color-scheme--light) #15141a; --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--87, #5b5b66); } @supports (color: light-dark(red,red)) { :is(.annotationEditorLayer .stampEditor) .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); }} @supports not (color: light-dark(tan,tan)) { :is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge) * { --csstools-light-dark-toggle--85:var(--csstools-color-scheme--light) #52525e; --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--85, #f0f0f4); --csstools-light-dark-toggle--86:var(--csstools-color-scheme--light) #fbfbfe; --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--86, #cfcfd8); --csstools-light-dark-toggle--87:var(--csstools-color-scheme--light) #15141a; --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--87, #5b5b66); }} @media screen and (forced-colors: active) { :is(.annotationEditorLayer .stampEditor) .noAltTextBadge { --no-alt-text-badge-border-color:ButtonText; --no-alt-text-badge-bg-color:ButtonFace; --no-alt-text-badge-fg-color:ButtonText; }} :is(.annotationEditorLayer .stampEditor) .noAltTextBadge { position: absolute; inset-inline-end: 5px; inset-block-end: 5px; display: inline-flex; width: 32px; height: 32px; padding: 3px; justify-content: center; align-items: center; pointer-events: none; z-index: 1; border-radius: 2px; border: 1px solid var(--no-alt-text-badge-border-color); background: var(--no-alt-text-badge-bg-color); } :is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge)::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--new-alt-text-warning-image); -webkit-mask-size: cover; background-color: var(--no-alt-text-badge-fg-color); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers { position: absolute; inset: 0px; z-index: 1; } .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) { display: none; } :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer { width: var(--resizer-size); height: var(--resizer-size); background: content-box var(--resizer-bg-color); border: var(--focus-outline-around); border-radius: 2px; position: absolute; } .topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) { top: var(--resizer-shift); left: var(--resizer-shift); } .topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) { top: var(--resizer-shift); left: calc(50% + var(--resizer-shift)); } .topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) { top: var(--resizer-shift); right: var(--resizer-shift); } .middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) { top: calc(50% + var(--resizer-shift)); right: var(--resizer-shift); } .bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) { bottom: var(--resizer-shift); right: var(--resizer-shift); } .bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) { bottom: var(--resizer-shift); left: calc(50% + var(--resizer-shift)); } .bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) { bottom: var(--resizer-shift); left: var(--resizer-shift); } .middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) { top: calc(50% + var(--resizer-shift)); left: var(--resizer-shift); } .topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer), .bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) { cursor: nwse-resize; } .topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer), .bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) { cursor: ns-resize; } .topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer), .bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) { cursor: nesw-resize; } .middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer), .middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) { cursor: ew-resize; } .topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer), .bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) { cursor: nesw-resize; } .topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer), .bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) { cursor: ew-resize; } .topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer), .bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) { cursor: nwse-resize; } .middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer), .middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) { cursor: ns-resize; } :is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar { rotate: 270deg; } [dir="ltr"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar) { inset-inline-end: calc(0px - var(--editor-toolbar-vert-offset)); inset-block-start: 0px; } [dir="rtl"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar) { inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset)); inset-block-start: 0px; } :is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="180"], [data-main-rotation="90"] [data-editor-rotation="90"], [data-main-rotation="180"] [data-editor-rotation="0"], [data-main-rotation="270"] [data-editor-rotation="270"])) .editToolbar { rotate: 180deg; inset-inline-end: 100%; inset-block-start: calc(0px - var(--editor-toolbar-vert-offset)); } :is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar { rotate: 90deg; } [dir="ltr"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar) { inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset)); inset-block-start: 100%; } [dir="rtl"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar) { inset-inline-start: calc(0px - var(--editor-toolbar-vert-offset)); inset-block-start: 0px; } .dialog.altText::backdrop { -webkit-mask: url("#alttext-manager-mask"); mask: url("#alttext-manager-mask"); } .dialog.altText.positioned { margin: 0px; } .dialog.altText #altTextContainer { width: 300px; height: fit-content; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 16px; } :is(.dialog.altText #altTextContainer) #overallDescription { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch; } :is(:is(.dialog.altText #altTextContainer) #overallDescription) span { align-self: stretch; } :is(:is(.dialog.altText #altTextContainer) #overallDescription) .title { font-size: 13px; font-style: normal; font-weight: 590; } :is(.dialog.altText #altTextContainer) #addDescription { display: flex; flex-direction: column; align-items: stretch; gap: 8px; } :is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea { flex: 1 1 0%; padding-inline: 24px 10px; } :is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea { width: 100%; min-height: 75px; } :is(.dialog.altText #altTextContainer) #buttons { display: flex; justify-content: flex-end; align-items: flex-start; gap: 8px; align-self: stretch; } .dialog.newAltText { --new-alt-text-ai-disclaimer-icon:url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.49073%201.3015L3.30873%202.1505C3.29349%202.22246%203.25769%202.28844%203.20568%202.34045C3.15368%202.39246%203.08769%202.42826%203.01573%202.4435L2.16673%202.6255C1.76473%202.7125%201.76473%203.2865%202.16673%203.3725L3.01573%203.5555C3.08769%203.57074%203.15368%203.60654%203.20568%203.65855C3.25769%203.71056%203.29349%203.77654%203.30873%203.8485L3.49073%204.6975C3.57773%205.0995%204.15173%205.0995%204.23773%204.6975L4.42073%203.8485C4.43598%203.77654%204.47177%203.71056%204.52378%203.65855C4.57579%203.60654%204.64178%203.57074%204.71373%203.5555L5.56173%203.3725C5.96373%203.2855%205.96373%202.7115%205.56173%202.6255L4.71273%202.4435C4.64083%202.42814%204.57491%202.3923%204.52292%202.34031C4.47093%202.28832%204.43509%202.2224%204.41973%202.1505L4.23773%201.3015C4.15073%200.8995%203.57673%200.8995%203.49073%201.3015ZM10.8647%2013.9995C10.4853%2014.0056%2010.1158%2013.8782%209.82067%2013.6397C9.52553%2013.4013%209.32347%2013.0667%209.24973%2012.6945L8.89273%2011.0275C8.83676%2010.7687%208.70738%2010.5316%208.52009%2010.3445C8.3328%2010.1574%208.09554%2010.0282%207.83673%209.9725L6.16973%209.6155C5.38873%209.4465%204.86473%208.7975%204.86473%207.9995C4.86473%207.2015%205.38873%206.5525%206.16973%206.3845L7.83673%206.0275C8.09551%205.97135%208.33267%205.84193%208.51992%205.65468C8.70716%205.46744%208.83658%205.23028%208.89273%204.9715L9.25073%203.3045C9.41773%202.5235%2010.0667%201.9995%2010.8647%201.9995C11.6627%201.9995%2012.3117%202.5235%2012.4797%203.3045L12.8367%204.9715C12.9507%205.4995%2013.3647%205.9135%2013.8927%206.0265L15.5597%206.3835C16.3407%206.5525%2016.8647%207.2015%2016.8647%207.9995C16.8647%208.7975%2016.3407%209.4465%2015.5597%209.6145L13.8927%209.9715C13.6337%2010.0275%2013.3963%2010.157%2013.209%2010.3445C13.0217%2010.5319%2012.8925%2010.7694%2012.8367%2011.0285L12.4787%2012.6945C12.4054%2013.0667%2012.2036%2013.4014%2011.9086%2013.6399C11.6135%2013.8784%2011.2441%2014.0057%2010.8647%2013.9995ZM10.8647%203.2495C10.7667%203.2495%2010.5337%203.2795%2010.4727%203.5655L10.1147%205.2335C10.0081%205.72777%209.76116%206.18082%209.40361%206.53837C9.04606%206.89593%208.59301%207.14283%208.09873%207.2495L6.43173%207.6065C6.14573%207.6685%206.11473%207.9015%206.11473%207.9995C6.11473%208.0975%206.14573%208.3305%206.43173%208.3925L8.09873%208.7495C8.59301%208.85617%209.04606%209.10307%209.40361%209.46062C9.76116%209.81817%2010.0081%2010.2712%2010.1147%2010.7655L10.4727%2012.4335C10.5337%2012.7195%2010.7667%2012.7495%2010.8647%2012.7495C10.9627%2012.7495%2011.1957%2012.7195%2011.2567%2012.4335L11.6147%2010.7665C11.7212%2010.272%2011.9681%209.81878%2012.3256%209.46103C12.6832%209.10329%2013.1363%208.85624%2013.6307%208.7495L15.2977%208.3925C15.5837%208.3305%2015.6147%208.0975%2015.6147%207.9995C15.6147%207.9015%2015.5837%207.6685%2015.2977%207.6065L13.6307%207.2495C13.1365%207.14283%2012.6834%206.89593%2012.3259%206.53837C11.9683%206.18082%2011.7214%205.72777%2011.6147%205.2335L11.2567%203.5655C11.1957%203.2795%2010.9627%203.2495%2010.8647%203.2495ZM3.30873%2012.1505L3.49073%2011.3015C3.57673%2010.8995%204.15073%2010.8995%204.23773%2011.3015L4.41973%2012.1505C4.43509%2012.2224%204.47093%2012.2883%204.52292%2012.3403C4.57491%2012.3923%204.64083%2012.4281%204.71273%2012.4435L5.56173%2012.6255C5.96373%2012.7115%205.96373%2013.2855%205.56173%2013.3725L4.71273%2013.5545C4.64083%2013.5699%204.57491%2013.6057%204.52292%2013.6577C4.47093%2013.7097%204.43509%2013.7756%204.41973%2013.8475L4.23773%2014.6965C4.15173%2015.0985%203.57773%2015.0985%203.49073%2014.6965L3.30873%2013.8475C3.29337%2013.7756%203.25754%2013.7097%203.20555%2013.6577C3.15356%2013.6057%203.08764%2013.5699%203.01573%2013.5545L2.16673%2013.3725C1.76473%2013.2865%201.76473%2012.7125%202.16673%2012.6255L3.01573%2012.4435C3.08769%2012.4283%203.15368%2012.3925%203.20568%2012.3405C3.25769%2012.2884%203.29349%2012.2225%203.30873%2012.1505Z'%20fill='black'/%3e%3c/svg%3e"); --new-alt-text-spinner-icon:url("data:image/svg+xml,%3c!--%20This%20Source%20Code%20Form%20is%20subject%20to%20the%20terms%20of%20the%20Mozilla%20Public%20-%20License,%20v.%202.0.%20If%20a%20copy%20of%20the%20MPL%20was%20not%20distributed%20with%20this%20-%20file,%20You%20can%20obtain%20one%20at%20http://mozilla.org/MPL/2.0/.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20width='16'%20height='16'%3e%3cstyle%3e%20@media%20not%20(prefers-reduced-motion)%20{%20@keyframes%20loadingRotate%20{%20from%20{%20rotate:%200;%20}%20to%20{%20rotate:%20360deg%20}%20}%20%23circle-arrows%20{%20animation:%20loadingRotate%201.8s%20linear%20infinite;%20transform-origin:%2050%25%2050%25;%20}%20%23hourglass%20{%20display:%20none;%20}%20}%20@media%20(prefers-reduced-motion)%20{%20%23circle-arrows%20{%20display:%20none;%20}%20}%20%3c/style%3e%3cpath%20id='circle-arrows'%20d='M9%205.528c0%20.42.508.63.804.333l2.528-2.528a.47.47%200%200%200%200-.666L9.805.14A.471.471%200%200%200%209%20.472v1.866A5.756%205.756%200%200%200%202.25%208c0%20.942.232%201.83.635%202.615l1.143-1.143A4.208%204.208%200%200%201%203.75%208%204.254%204.254%200%200%201%208%203.75c.345%200%20.68.042%201%20.122v1.656zM7%2010.472v1.656c.32.08.655.122%201%20.122A4.254%204.254%200%200%200%2012.25%208c0-.52-.107-1.013-.279-1.474l1.143-1.143c.404.786.636%201.674.636%202.617A5.756%205.756%200%200%201%207%2013.662v1.866a.47.47%200%200%201-.804.333l-2.528-2.528a.47.47%200%200%201%200-.666l2.528-2.528a.47.47%200%200%201%20.804.333z'/%3e%3cg%20id='hourglass'%3e%3cpath%20d='M13,1%20C13.5522847,1%2014,1.44771525%2014,2%20C14,2.55228475%2013.5522847,3%2013,3%20L12.9854217,2.99990801%20C12.9950817,3.16495885%2013,3.33173274%2013,3.5%20C13,5.24679885%2010.9877318,6.01090495%2010.9877318,8.0017538%20C10.9877318,9.99260264%2013,10.7536922%2013,12.5%20C13,12.6686079%2012.9950617,12.8357163%2012.985363,13.0010943%20L13,13%20C13.5522847,13%2014,13.4477153%2014,14%20C14,14.5522847%2013.5522847,15%2013,15%20L3,15%20C2.44771525,15%202,14.5522847%202,14%20C2,13.4477153%202.44771525,13%203,13%20L3.01463704,13.0010943%20C3.00493827,12.8357163%203,12.6686079%203,12.5%20C3,10.7536922%204.9877318,9.99260264%205,8.0017538%20C5.0122682,6.01090495%203,5.24679885%203,3.5%20C3,3.33173274%203.00491834,3.16495885%203.01457832,2.99990801%20L3,3%20C2.44771525,3%202,2.55228475%202,2%20C2,1.44771525%202.44771525,1%203,1%20L13,1%20Z%20M10.987,3%20L5.012,3%20L5.00308914,3.24815712%20C5.00103707,3.33163368%205,3.4155948%205,3.5%20C5,5.36125069%206.99153646,6.01774089%206.99153646,8.0017538%20C6.99153646,9.98576671%205,10.6393737%205,12.5%20L5.00307746,12.7513676%20L5.01222201,12.9998392%20L5.60191711,12.9988344%20L6.0425138,12.2959826%20C7.02362731,10.7653275%207.67612271,10%208,10%20C8.37014547,10%209.16950644,10.9996115%2010.3980829,12.9988344%20L10.987778,12.9998392%20C10.9958674,12.8352104%2011,12.66849%2011,12.5%20C11,10.6393737%208.98689779,10.0147381%208.98689779,8.0017538%20C8.98689779,5.98876953%2011,5.36125069%2011,3.5%20L10.9969109,3.24815712%20L10.987,3%20Z'/%3e%3cpath%20d='M6,4%20L10,4%20C8.95166016,6%208.28499349,7%208,7%20C7.71500651,7%207.04833984,6%206,4%20Z'/%3e%3c/g%3e%3c/svg%3e"); --csstools-light-dark-toggle--88:var(--csstools-color-scheme--light) #2b2a33; --preview-image-bg-color:var(--csstools-light-dark-toggle--88, #f0f0f4); --preview-image-border:none; } @supports (color: light-dark(red,red)) { .dialog.newAltText { --preview-image-bg-color:light-dark(#f0f0f4, #2b2a33); }} @supports not (color: light-dark(tan,tan)) { .dialog.newAltText * { --csstools-light-dark-toggle--88:var(--csstools-color-scheme--light) #2b2a33; --preview-image-bg-color:var(--csstools-light-dark-toggle--88, #f0f0f4); }} @media screen and (forced-colors: active) { .dialog.newAltText { --preview-image-bg-color:ButtonFace; --preview-image-border:1px solid ButtonText; }} .dialog.newAltText { width: 80%; max-width: 570px; min-width: 300px; padding: 0px; } .dialog.newAltText.noAi #newAltTextDisclaimer, .dialog.newAltText.noAi #newAltTextCreateAutomatically, .dialog.newAltText.aiInstalling #newAltTextCreateAutomatically { display: none !important; } .dialog.newAltText.aiInstalling #newAltTextDownloadModel { display: flex !important; } .dialog.newAltText.error #newAltTextNotNow { display: none !important; } .dialog.newAltText.error #newAltTextCancel { display: inline-block !important; } .dialog.newAltText:not(.error) #newAltTextError { display: none !important; } .dialog.newAltText #newAltTextContainer { display: flex; width: auto; padding: 16px; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 12px; flex: 0 1 auto; line-height: normal; } :is(.dialog.newAltText #newAltTextContainer) #mainContent { display: flex; justify-content: flex-end; align-items: flex-start; gap: 12px; align-self: stretch; flex: 1 1 auto; } :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionAndSettings { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1 0 0px; align-self: stretch; } :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; flex: 1 1 auto; } :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer { width: 100%; height: 70px; position: relative; } :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea { width: 100%; height: 100%; padding: 8px; } :is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::placeholder { color: var(--text-secondary-color); } :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner { display: none; position: absolute; width: 16px; height: 16px; inset-inline-start: 8px; inset-block-start: 8px; -webkit-mask-size: cover; background-color: var(--text-secondary-color); pointer-events: none; } .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::placeholder { color: transparent; } .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner { display: inline-block; -webkit-mask-image: var(--new-alt-text-spinner-icon); } :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescription { font-size: 11px; } :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer { display: flex; flex-direction: row; align-items: flex-start; gap: 4px; font-size: 11px; } :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer)::before { content: ""; display: inline-block; width: 17px; height: 16px; -webkit-mask-image: var(--new-alt-text-ai-disclaimer-icon); -webkit-mask-size: cover; background-color: var(--text-secondary-color); flex: 1 0 auto; } :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel { display: flex; align-items: center; gap: 4px; align-self: stretch; } :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel)::before { content: ""; display: inline-block; width: 16px; height: 16px; -webkit-mask-image: var(--new-alt-text-spinner-icon); -webkit-mask-size: cover; background-color: var(--text-secondary-color); } :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview { width: 180px; aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: var(--preview-image-bg-color); border: var(--preview-image-border); } :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview) > canvas { max-width: 100%; max-height: 100%; } .colorPicker { --csstools-light-dark-toggle--89:var(--csstools-color-scheme--light) #80ebff; --hover-outline-color:var(--csstools-light-dark-toggle--89, #0250bb); --csstools-light-dark-toggle--90:var(--csstools-color-scheme--light) #aaf2ff; --selected-outline-color:var(--csstools-light-dark-toggle--90, #0060df); --csstools-light-dark-toggle--91:var(--csstools-color-scheme--light) #52525e; --swatch-border-color:var(--csstools-light-dark-toggle--91, #cfcfd8); } @supports (color: light-dark(red,red)) { .colorPicker { --hover-outline-color:light-dark(#0250bb, #80ebff); --selected-outline-color:light-dark(#0060df, #aaf2ff); --swatch-border-color:light-dark(#cfcfd8, #52525e); }} @supports not (color: light-dark(tan,tan)) { .colorPicker * { --csstools-light-dark-toggle--89:var(--csstools-color-scheme--light) #80ebff; --hover-outline-color:var(--csstools-light-dark-toggle--89, #0250bb); --csstools-light-dark-toggle--90:var(--csstools-color-scheme--light) #aaf2ff; --selected-outline-color:var(--csstools-light-dark-toggle--90, #0060df); --csstools-light-dark-toggle--91:var(--csstools-color-scheme--light) #52525e; --swatch-border-color:var(--csstools-light-dark-toggle--91, #cfcfd8); }} @media screen and (forced-colors: active) { .colorPicker { --hover-outline-color:Highlight; --selected-outline-color:var(--hover-outline-color); --swatch-border-color:ButtonText; }} .colorPicker .swatch { width: 16px; height: 16px; border: 1px solid var(--swatch-border-color); border-radius: 100%; outline-offset: 2px; box-sizing: border-box; forced-color-adjust: none; } .colorPicker button:is(:hover, .selected) > .swatch { border: none; } .basicColorPicker { width: 28px; } .basicColorPicker::-webkit-color-swatch { border-radius: 100%; } .annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar { rotate: 0deg; } .annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar { rotate: 270deg; } .annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar { rotate: 180deg; } .annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar { rotate: 90deg; } .annotationEditorLayer .highlightEditor { position: absolute; background: transparent; z-index: 1; cursor: auto; max-width: 100%; max-height: 100%; border: none; outline: none; pointer-events: none; transform-origin: 0px 0px; } :is(.annotationEditorLayer .highlightEditor):not(.free) { transform: none; } :is(.annotationEditorLayer .highlightEditor) .internal { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: auto; } .disabled:is(.annotationEditorLayer .highlightEditor) .internal { pointer-events: none; } .selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal { cursor: pointer; } :is(.annotationEditorLayer .highlightEditor) .editToolbar { --editor-toolbar-colorpicker-arrow-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.23336%2010.4664L11.8474%206.85339C11.894%206.8071%2011.931%206.75203%2011.9563%206.69136C11.9816%206.63069%2011.9946%206.56562%2011.9946%206.49989C11.9946%206.43417%2011.9816%206.3691%2011.9563%206.30843C11.931%206.24776%2011.894%206.19269%2011.8474%206.14639C11.7536%206.05266%2011.6264%206%2011.4939%206C11.3613%206%2011.2341%206.05266%2011.1404%206.14639L7.99236%209.29339L4.84736%206.14739C4.75305%206.05631%204.62675%206.00592%204.49566%206.00706C4.36456%206.0082%204.23915%206.06078%204.14645%206.15348C4.05374%206.24619%204.00116%206.37159%204.00002%206.50269C3.99888%206.63379%204.04928%206.76009%204.14036%206.85439L7.75236%2010.4674L8.23336%2010.4664Z'%20fill='black'/%3e%3c/svg%3e"); transform-origin: center center !important; } :is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker { position: relative; width: auto; display: flex; justify-content: center; align-items: center; gap: 4px; padding: 4px; } :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker)::after { content: ""; -webkit-mask-image: var(--editor-toolbar-colorpicker-arrow-image); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; display: inline-block; background-color: var(--editor-toolbar-fg-color); width: 12px; height: 12px; } :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover::after { background-color: var(--editor-toolbar-hover-fg-color); } :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)) { background-color: var(--editor-toolbar-hover-bg-color); } :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden))::after { scale: -1; } :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown { position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 11px; padding-block: 8px; border-radius: 6px; background-color: var(--editor-toolbar-bg-color); border: 1px solid var(--editor-toolbar-border-color); box-shadow: var(--editor-toolbar-shadow); inset-block-start: calc(100% + 4px); width: calc(100% + 2 * var(--editor-toolbar-padding)); } :is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button { width: 100%; height: auto; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; background: none; } :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active, :focus-visible) { outline: none; } :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch { outline-offset: 2px; } [aria-selected="true"]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch { outline: 2px solid var(--selected-outline-color); } :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover, :active, :focus-visible) > .swatch { outline: 2px solid var(--hover-outline-color); } .editorParamsToolbar:has(#highlightParamsToolbarContainer) { padding: unset; } #highlightParamsToolbarContainer { gap: 16px; padding-inline: 10px; padding-block-end: 12px; } #highlightParamsToolbarContainer .colorPicker { display: flex; flex-direction: column; gap: 8px; } :is(#highlightParamsToolbarContainer .colorPicker) .dropdown { display: flex; justify-content: space-between; align-items: center; flex-direction: row; height: auto; } :is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button { width: auto; height: auto; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; background: none; flex: 0 0 auto; padding: 0px; } :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch { width: 24px; height: 24px; } :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active, :focus-visible) { outline: none; } [aria-selected="true"]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) > .swatch { outline: 2px solid var(--selected-outline-color); } :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover, :active, :focus-visible) > .swatch { outline: 2px solid var(--hover-outline-color); } #highlightParamsToolbarContainer #editorHighlightThickness { display: flex; flex-direction: column; align-items: center; gap: 4px; align-self: stretch; } :is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel { height: auto; align-self: stretch; } :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker { display: flex; justify-content: space-between; align-items: center; align-self: stretch; --csstools-light-dark-toggle--92:var(--csstools-color-scheme--light) #80808e; --example-color:var(--csstools-light-dark-toggle--92, #bfbfc9); } @supports (color: light-dark(red,red)) { :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker { --example-color:light-dark(#bfbfc9, #80808e); }} @supports not (color: light-dark(tan,tan)) { :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) * { --csstools-light-dark-toggle--92:var(--csstools-color-scheme--light) #80808e; --example-color:var(--csstools-light-dark-toggle--92, #bfbfc9); }} @media screen and (forced-colors: active) { :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker { --example-color:CanvasText; }} :is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) > .editorParamsSlider[disabled]) { opacity: 0.4; } :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::before, :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after { content: ""; width: 8px; aspect-ratio: 1 / 1; display: block; border-radius: 100%; background-color: var(--example-color); } :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after { width: 24px; } :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider { width: unset; height: 14px; } #highlightParamsToolbarContainer #editorHighlightVisibility { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; } :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider { --csstools-light-dark-toggle--93:var(--csstools-color-scheme--light) #8f8f9d; --divider-color:var(--csstools-light-dark-toggle--93, #d7d7db); } @supports (color: light-dark(red,red)) { :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider { --divider-color:light-dark(#d7d7db, #8f8f9d); }} @supports not (color: light-dark(tan,tan)) { :is(:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider) * { --csstools-light-dark-toggle--93:var(--csstools-color-scheme--light) #8f8f9d; --divider-color:var(--csstools-light-dark-toggle--93, #d7d7db); }} @media screen and (forced-colors: active) { :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider { --divider-color:CanvasText; }} :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider { margin-block: 4px; width: 100%; height: 1px; background-color: var(--divider-color); } :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .toggler { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } #altTextSettingsDialog { padding: 16px; } #altTextSettingsDialog #altTextSettingsContainer { display: flex; width: 573px; flex-direction: column; gap: 16px; } :is(#altTextSettingsDialog #altTextSettingsContainer) .mainContainer { gap: 16px; } :is(#altTextSettingsDialog #altTextSettingsContainer) .description { color: var(--text-secondary-color); } :is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings { display: flex; flex-direction: column; gap: 12px; } :is(#altTextSettingsDialog #altTextSettingsContainer) #automaticAltText, :is(#altTextSettingsDialog #altTextSettingsContainer) #altTextEditor { display: flex; flex-direction: column; gap: 8px; } :is(#altTextSettingsDialog #altTextSettingsContainer) #createModelDescription, :is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings, :is(#altTextSettingsDialog #altTextSettingsContainer) #showAltTextDialogDescription { padding-inline-start: 40px; } :is(#altTextSettingsDialog #altTextSettingsContainer) #automaticSettings { display: flex; flex-direction: column; gap: 16px; } button.hasPopupMenu[aria-expanded="true"] + menu { visibility: visible; } button.hasPopupMenu[aria-expanded="false"] + menu { visibility: hidden; } .popupMenu { --menuitem-checkmark-icon:url("data:image/svg+xml,%3csvg%20width='11'%20height='11'%20viewBox='0%200%2011%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.79253%200.14683C10.2086%200.418844%2010.3253%200.976607%2010.0533%201.39263L4.56097%209.79263C4.4081%2010.0264%204.15533%2010.176%203.87682%2010.1974C3.5983%2010.2189%203.32561%2010.1098%203.13874%209.90217L0.231043%206.6714C-0.10147%206.30194%20-0.0715196%205.73288%200.29794%205.40037C0.667399%205.06786%201.23646%205.09781%201.56897%205.46727L3.69438%207.82883L8.54674%200.407579C8.81875%20-0.00844234%209.37651%20-0.125183%209.79253%200.14683Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e"); --menu-mark-icon-size:0; --menu-icon-size:16px; --menuitem-gap:5px; --menuitem-border-color:transparent; --menuitem-active-bg:color-mix( in srgb, var(--menu-text-color), transparent 79% ); --menuitem-text-active-fg:var(--menu-text-color); --menuitem-active-border-color:var(--menuitem-border-color); --menuitem-focus-bg:color-mix( in srgb, var(--menu-text-color), transparent 93% ); --csstools-light-dark-toggle--94:var(--csstools-color-scheme--light) #00cadb; --menuitem-focus-outline-color:var(--csstools-light-dark-toggle--94, #0062fa); --csstools-light-dark-toggle--95:var(--csstools-color-scheme--light) black; --menuitem-focus-border-color:var(--csstools-light-dark-toggle--95, white); --csstools-light-dark-toggle--96:var(--csstools-color-scheme--light) #23222b; --menu-bg:var(--csstools-light-dark-toggle--96, white); --menu-background-blend-mode:normal; --csstools-light-dark-toggle--97:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--98:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --menu-box-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--97, rgb(0 0 0 / 0.05)), 0 3px 12px 0 var(--csstools-light-dark-toggle--98, rgb(0 0 0 / 0.1)); --csstools-light-dark-toggle--99:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1); --menu-border-color:var(--csstools-light-dark-toggle--99, rgb(21 20 26 / 0.1)); --menuitem-border-radius:8px; --menu-backdrop-filter:none; --csstools-light-dark-toggle--100:var(--csstools-color-scheme--light) #fbfbfe; --menu-text-color:var(--csstools-light-dark-toggle--100, #15141a); --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; } @supports (color: light-dark(red,red)) { .popupMenu { --menuitem-focus-outline-color:light-dark(#0062fa, #00cadb); --menuitem-focus-border-color:light-dark(white, black); --menu-bg:light-dark(white, #23222b); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { .popupMenu { --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)); }} @supports (color: light-dark(red,red)) { .popupMenu { --menu-text-color:light-dark(#15141a, #fbfbfe); }} @supports not (color: light-dark(tan,tan)) { .popupMenu * { --csstools-light-dark-toggle--94:var(--csstools-color-scheme--light) #00cadb; --menuitem-focus-outline-color:var(--csstools-light-dark-toggle--94, #0062fa); --csstools-light-dark-toggle--95:var(--csstools-color-scheme--light) black; --menuitem-focus-border-color:var(--csstools-light-dark-toggle--95, white); --csstools-light-dark-toggle--96:var(--csstools-color-scheme--light) #23222b; --menu-bg:var(--csstools-light-dark-toggle--96, white); --csstools-light-dark-toggle--97:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--98:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --menu-box-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--97, rgb(0 0 0 / 0.05)), 0 3px 12px 0 var(--csstools-light-dark-toggle--98, rgb(0 0 0 / 0.1)); --csstools-light-dark-toggle--99:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1); --menu-border-color:var(--csstools-light-dark-toggle--99, rgb(21 20 26 / 0.1)); --csstools-light-dark-toggle--100:var(--csstools-color-scheme--light) #fbfbfe; --menu-text-color:var(--csstools-light-dark-toggle--100, #15141a); }} @media screen and (forced-colors: active) { .popupMenu { --menu-bg:Canvas; --menu-background-blend-mode:normal; --menu-box-shadow:none; --menu-backdrop-filter:none; --menu-text-color:ButtonText; --menu-text-disabled-color:GrayText; --menu-border-color:CanvasText; --menuitem-border-color:none; --menuitem-hover-bg:SelectedItemText; --menuitem-text-hover-fg:SelectedItem; --menuitem-active-bg:SelectedItemText; --menuitem-active-border-color:ButtonText; --menuitem-text-active-fg:SelectedItem; --menuitem-focus-bg:ButtonFace; --menuitem-focus-outline-color:CanvasText; --menuitem-focus-border-color:none; --disabled-opacity:1; }} .popupMenu { display: flex; flex-direction: column; width: max-content; height: auto; position: relative; left: 0px; top: 1px; margin: 0px; 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); } .popupMenu.withMark { --menu-mark-icon-size:16px; } .popupMenu > 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:is(.popupMenu > button)::after { content: ""; display: inline-block; width: 11px; height: 11px; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-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%); } :is(.popupMenu > button):disabled { opacity: var(--disabled-opacity); } .selected:is(.popupMenu > button):disabled::after { background-color: var(--menu-text-disabled-color); } :is(.popupMenu > button):disabled:not(.noIcon)::before { background-color: var(--menu-text-disabled-color); } :is(.popupMenu > button):disabled > span { color: var(--menu-text-disabled-color); } :is(.popupMenu > button):not(:disabled):hover { background: var(--menuitem-hover-bg); background-blend-mode: var(--menuitem-hover-background-blend-mode); } :is(.popupMenu > button):not(:disabled):hover:not(.noIcon)::before { background-color: var(--menuitem-text-hover-fg); } :is(.popupMenu > button):not(:disabled):hover > span { color: var(--menuitem-text-hover-fg); } .selected:is(.popupMenu > button):not(:disabled):hover::after { background-color: var(--menuitem-text-hover-fg); } :is(.popupMenu > button):not(:disabled):active { background-color: var(--menuitem-active-bg); border-color: var(--menuitem-active-border-color); } :is(.popupMenu > button):not(:disabled):active > span { color: var(--menuitem-text-active-fg); } :is(.popupMenu > button):not(:disabled):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; } :is(.popupMenu > button):not(.noIcon)::before { display: inline-block; width: var(--menu-icon-size); height: var(--menu-icon-size); content: ""; -webkit-mask-size: cover; -webkit-mask-position: center center; background-color: var(--menu-text-color); } :is(.popupMenu > button) > span { display: flex; align-items: center; align-self: stretch; width: 100%; min-width: max-content; text-align: start; color: var(--menu-text-color); user-select: none; padding-inline-start: 6px; font-variant: normal; font-stretch: ; font-family: ; font-size: 13px; font-style: normal; font-weight: 510; line-height: normal; } .treeView { --csstools-light-dark-toggle--101:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.8); --treeitem-color:var(--csstools-light-dark-toggle--101, rgb(0 0 0 / 0.8)); --csstools-light-dark-toggle--102:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.15); --treeitem-bg-color:var(--csstools-light-dark-toggle--102, rgb(0 0 0 / 0.15)); --csstools-light-dark-toggle--103:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9); --treeitem-hover-color:var(--csstools-light-dark-toggle--103, rgb(0 0 0 / 0.9)); --csstools-light-dark-toggle--104:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9); --treeitem-selected-color:var(--csstools-light-dark-toggle--104, rgb(0 0 0 / 0.9)); --csstools-light-dark-toggle--105:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.25); --treeitem-selected-bg-color:var(--csstools-light-dark-toggle--105, rgb(0 0 0 / 0.25)); --treeitem-expanded-icon:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M10%2013l4-7H6z'/%3e%3c/svg%3e"); --treeitem-collapsed-icon:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M13%209L6%205v8z'/%3e%3c/svg%3e"); } @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { .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) ); }} @supports not (color: light-dark(tan,tan)) { .treeView * { --csstools-light-dark-toggle--101:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.8); --treeitem-color:var(--csstools-light-dark-toggle--101, rgb(0 0 0 / 0.8)); --csstools-light-dark-toggle--102:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.15); --treeitem-bg-color:var(--csstools-light-dark-toggle--102, rgb(0 0 0 / 0.15)); --csstools-light-dark-toggle--103:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9); --treeitem-hover-color:var(--csstools-light-dark-toggle--103, rgb(0 0 0 / 0.9)); --csstools-light-dark-toggle--104:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.9); --treeitem-selected-color:var(--csstools-light-dark-toggle--104, rgb(0 0 0 / 0.9)); --csstools-light-dark-toggle--105:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.25); --treeitem-selected-bg-color:var(--csstools-light-dark-toggle--105, rgb(0 0 0 / 0.25)); }} :is(.treeView.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); -webkit-mask-size: cover; } .treeView.withNesting .treeItemToggler { position: relative; height: 0px; width: 0px; color: rgba(255, 255, 255, 0.5); } .treeItemsHidden:is(.treeView.withNesting .treeItemToggler)::before { -webkit-mask-image: var(--treeitem-collapsed-icon); transform: scaleX(var(--dir-factor)); } .treeItemsHidden:is(.treeView.withNesting .treeItemToggler) ~ .treeItems { display: none; } :is(.treeView.withNesting .treeItemToggler):hover + a, :is(.treeView.withNesting .treeItemToggler):hover ~ .treeItems { background-color: var(--treeitem-bg-color); background-clip: padding-box; border-radius: 2px; color: var(--treeitem-hover-color); } .treeView.withNesting > .treeItem, .treeView.withNesting .treeItem > .treeItems { margin-inline-start: 20px; } :is(#layersView.treeView .treeItem > a) * { cursor: pointer; } :is(#layersView.treeView .treeItem > a) > label { display: flex; align-items: center; padding-inline-start: 4px; } :is(:is(#layersView.treeView .treeItem > a) > label) > input { margin-top: 1px; } :is(.treeView .treeItem) > a { text-decoration: none; display: inline-block; min-width: calc(100% - 4px); height: auto; margin-bottom: 1px; padding: 2px 0px 5px; padding-inline-start: 4px; border-radius: 2px; color: var(--treeitem-color); font-size: 13px; line-height: 15px; user-select: none; white-space: normal; cursor: default; } :is(:is(.treeView .treeItem) > a):hover { background-color: var(--treeitem-bg-color); background-clip: padding-box; border-radius: 2px; color: var(--treeitem-hover-color); } .selected:is(.treeView .treeItem) > a { background-color: var(--treeitem-selected-bg-color); color: var(--treeitem-selected-color); } #outerContainer.viewsManagerMoving #viewsManager { visibility: visible; } #outerContainer.viewsManagerOpen #viewsManager { visibility: visible; inset-inline-start: 8px; } #outerContainer.viewsManagerOpen #viewerContainer:not(.pdfPresentationMode) { inset-inline-start: var(--viewsManager-width, 0); transition-property: inset-inline-start; } #outerContainer.viewsManagerResizing :is(#sidebarContainer, #viewerContainer, #loadingBar) { transition-duration: 0s; } #viewsManager { --views-manager-button-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%207H5C5.53043%207%206.03914%206.78929%206.41421%206.41421C6.78929%206.03914%207%205.53043%207%205V3C7%202.46957%206.78929%201.96086%206.41421%201.58579C6.03914%201.21071%205.53043%201%205%201H3C2.46957%201%201.96086%201.21071%201.58579%201.58579C1.21071%201.96086%201%202.46957%201%203V5C1%205.53043%201.21071%206.03914%201.58579%206.41421C1.96086%206.78929%202.46957%207%203%207ZM11%207H13C13.5304%207%2014.0391%206.78929%2014.4142%206.41421C14.7893%206.03914%2015%205.53043%2015%205V3C15%202.46957%2014.7893%201.96086%2014.4142%201.58579C14.0391%201.21071%2013.5304%201%2013%201H11C10.4696%201%209.96086%201.21071%209.58579%201.58579C9.21071%201.96086%209%202.46957%209%203V5C9%205.53043%209.21071%206.03914%209.58579%206.41421C9.96086%206.78929%2010.4696%207%2011%207ZM5%2015H3C2.46957%2015%201.96086%2014.7893%201.58579%2014.4142C1.21071%2014.0391%201%2013.5304%201%2013V11C1%2010.4696%201.21071%209.96086%201.58579%209.58579C1.96086%209.21071%202.46957%209%203%209H5C5.53043%209%206.03914%209.21071%206.41421%209.58579C6.78929%209.96086%207%2010.4696%207%2011V13C7%2013.5304%206.78929%2014.0391%206.41421%2014.4142C6.03914%2014.7893%205.53043%2015%205%2015ZM11%2015H13C13.5304%2015%2014.0391%2014.7893%2014.4142%2014.4142C14.7893%2014.0391%2015%2013.5304%2015%2013V11C15%2010.4696%2014.7893%209.96086%2014.4142%209.58579C14.0391%209.21071%2013.5304%209%2013%209H11C10.4696%209%209.96086%209.21071%209.58579%209.58579C9.21071%209.96086%209%2010.4696%209%2011V13C9%2013.5304%209.21071%2014.0391%209.58579%2014.4142C9.96086%2014.7893%2010.4696%2015%2011%2015Z'%20fill='black'/%3e%3c/svg%3e"); --views-manager-button-arrow-icon:url("data:image/svg+xml,%3csvg%20width='8'%20height='10'%20viewBox='0%200%208%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.23336%207.46639L7.84736%203.85339C7.89401%203.8071%207.93104%203.75203%207.9563%203.69136C7.98157%203.63069%207.99458%203.56562%207.99458%203.49989C7.99458%203.43417%207.98157%203.3691%207.9563%203.30843C7.93104%203.24776%207.89401%203.19269%207.84736%203.14639C7.75359%203.05266%207.62644%203%207.49386%203C7.36127%203%207.23412%203.05266%207.14036%203.14639L3.99236%206.29339L0.847356%203.14739C0.753055%203.05631%200.626754%203.00592%200.495655%203.00706C0.364557%203.0082%200.239151%203.06078%200.146447%203.15348C0.0537425%203.24619%200.00115811%203.37159%201.89013e-05%203.50269C-0.00112031%203.63379%200.0492769%203.76009%200.140356%203.85439L3.75236%207.46739L4.23336%207.46639Z'%20fill='black'/%3e%3c/svg%3e"); --views-manager-add-file-button-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.00488%209.75V14C7.00488%2014.1658%207.07073%2014.3247%207.18794%2014.4419C7.30515%2014.5592%207.46412%2014.625%207.62988%2014.625C7.79564%2014.625%207.95461%2014.5592%208.07183%2014.4419C8.18904%2014.3247%208.25488%2014.1658%208.25488%2014V9.75L8.75488%209.25H13.0049C13.1706%209.25%2013.3296%209.18415%2013.4468%209.06694C13.564%208.94973%2013.6299%208.79076%2013.6299%208.625C13.6299%208.45924%2013.564%208.30027%2013.4468%208.18306C13.3296%208.06585%2013.1706%208%2013.0049%208H8.75488L8.25488%207.5V3.25C8.25488%203.08424%208.18904%202.92527%208.07183%202.80806C7.95461%202.69085%207.79564%202.625%207.62988%202.625C7.46412%202.625%207.30515%202.69085%207.18794%202.80806C7.07073%202.92527%207.00488%203.08424%207.00488%203.25V7.5L6.50488%208H2.25488C2.08912%208%201.93015%208.06585%201.81294%208.18306C1.69573%208.30027%201.62988%208.45924%201.62988%208.625C1.62988%208.79076%201.69573%208.94973%201.81294%209.06694C1.93015%209.18415%202.08912%209.25%202.25488%209.25H6.39188L7.00488%209.75Z'%20fill='black'/%3e%3c/svg%3e"); --current-outline-button-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.803%204.74998V6.02436C10.803%206.39302%2010.3571%206.57793%2010.0967%206.31753L7.87716%204.098C7.71566%203.93649%207.71566%203.67434%207.87716%203.51283L10.0967%201.29329C10.3571%201.0329%2010.8036%201.21722%2010.8036%201.58588V3.24998H15V4.74998H10.803ZM8%201.24998H3V2.74998H6.5L8%201.24998ZM6.5%205.24998H3V6.74998H8L6.5%205.24998ZM3%2013.25H15V14.75H3V13.25ZM6%209.24998H15V10.75H6V9.24998ZM1.5%205.24998H0V6.74998H1.5V5.24998ZM0%2013.25H1.5V14.75H0V13.25ZM1.5%201.24998H0V2.74998H1.5V1.24998ZM3%209.24998H4.5V10.75H3V9.24998Z'%20fill='black'/%3e%3c/svg%3e"); --menuitem-thumbnailsView-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%207H5C5.53043%207%206.03914%206.78929%206.41421%206.41421C6.78929%206.03914%207%205.53043%207%205V3C7%202.46957%206.78929%201.96086%206.41421%201.58579C6.03914%201.21071%205.53043%201%205%201H3C2.46957%201%201.96086%201.21071%201.58579%201.58579C1.21071%201.96086%201%202.46957%201%203V5C1%205.53043%201.21071%206.03914%201.58579%206.41421C1.96086%206.78929%202.46957%207%203%207ZM11%207H13C13.5304%207%2014.0391%206.78929%2014.4142%206.41421C14.7893%206.03914%2015%205.53043%2015%205V3C15%202.46957%2014.7893%201.96086%2014.4142%201.58579C14.0391%201.21071%2013.5304%201%2013%201H11C10.4696%201%209.96086%201.21071%209.58579%201.58579C9.21071%201.96086%209%202.46957%209%203V5C9%205.53043%209.21071%206.03914%209.58579%206.41421C9.96086%206.78929%2010.4696%207%2011%207ZM5%2015H3C2.46957%2015%201.96086%2014.7893%201.58579%2014.4142C1.21071%2014.0391%201%2013.5304%201%2013V11C1%2010.4696%201.21071%209.96086%201.58579%209.58579C1.96086%209.21071%202.46957%209%203%209H5C5.53043%209%206.03914%209.21071%206.41421%209.58579C6.78929%209.96086%207%2010.4696%207%2011V13C7%2013.5304%206.78929%2014.0391%206.41421%2014.4142C6.03914%2014.7893%205.53043%2015%205%2015ZM11%2015H13C13.5304%2015%2014.0391%2014.7893%2014.4142%2014.4142C14.7893%2014.0391%2015%2013.5304%2015%2013V11C15%2010.4696%2014.7893%209.96086%2014.4142%209.58579C14.0391%209.21071%2013.5304%209%2013%209H11C10.4696%209%209.96086%209.21071%209.58579%209.58579C9.21071%209.96086%209%2010.4696%209%2011V13C9%2013.5304%209.21071%2014.0391%209.58579%2014.4142C9.96086%2014.7893%2010.4696%2015%2011%2015Z'%20fill='black'/%3e%3c/svg%3e"); --menuitem-outlinesView-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%201.25H15V2.75H3V1.25ZM15%205.25H3V6.75H15V5.25ZM15%2013.25H3V14.75H15V13.25ZM15%209.25H6V10.75H15V9.25ZM0%205.25H1.5V6.75H0V5.25ZM1.5%2013.25H0V14.75H1.5V13.25ZM0%201.25H1.5V2.75H0V1.25ZM4.5%209.25H3V10.75H4.5V9.25Z'%20fill='black'/%3e%3c/svg%3e"); --menuitem-attachmentsView-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.5%203.75C3.5%201.67879%205.17879%200%207.25%200C9.32121%200%2011%201.67879%2011%203.75V10.25C11%2011.4922%209.99221%2012.5%208.75%2012.5C7.50779%2012.5%206.5%2011.4922%206.5%2010.25V3.5H8V10.25C8%2010.6638%208.33621%2011%208.75%2011C9.16379%2011%209.5%2010.6638%209.5%2010.25V3.75C9.5%202.50721%208.49279%201.5%207.25%201.5C6.00721%201.5%205%202.50721%205%203.75V10.75C5%2012.8208%206.67921%2014.5%208.75%2014.5C10.8208%2014.5%2012.5%2012.8208%2012.5%2010.75V3.5H14V10.75C14%2013.6492%2011.6492%2016%208.75%2016C5.85079%2016%203.5%2013.6492%203.5%2010.75V3.75Z'%20fill='black'/%3e%3c/svg%3e"); --menuitem-layersView-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.36645%202.34562C8.13878%202.21813%207.86122%202.21813%207.63355%202.34562L1.38355%205.84562C1.14669%205.97826%201%206.22853%201%206.5C1%206.77147%201.14669%207.02174%201.38355%207.15438L7.63355%2010.6544C7.86122%2010.7819%208.13878%2010.7819%208.36645%2010.6544L14.6165%207.15438C14.8533%207.02174%2015%206.77147%2015%206.5C15%206.22853%2014.8533%205.97826%2014.6165%205.84562L8.36645%202.34562ZM8%209.14041L3.28499%206.5L8%203.85959L12.715%206.5L8%209.14041ZM1.63647%209.0766L7.99999%2012.6404L14.3255%209.09761L15.0585%2010.4063L8.36649%2014.1543C8.13881%2014.2818%207.86122%2014.2819%207.63353%2014.1543L0.903534%2010.3853L1.63647%209.0766Z'%20fill='black'/%3e%3c/svg%3e"); --manage-button-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.35176%2010.9989L13.8178%205.53391C13.876%205.47594%2013.9222%205.40702%2013.9537%205.33113C13.9851%205.25524%2014.0013%205.17387%2014.0012%205.0917C14.0011%205.00954%2013.9848%204.9282%2013.9531%204.85238C13.9215%204.77656%2013.8751%204.70775%2013.8168%204.64991C13.6991%204.53309%2013.5401%204.46753%2013.3743%204.46753C13.2085%204.46753%2013.0494%204.53309%2012.9318%204.64991L7.99776%209.58491L3.06776%204.65091C2.9494%204.53853%202.79183%204.47682%202.62863%204.47894C2.46542%204.48106%202.3095%204.54683%202.19409%204.66224C2.07868%204.77765%202.01291%204.93357%202.01079%205.09677C2.00868%205.25997%202.07039%205.41754%202.18276%205.53591L7.64776%2010.9999L8.35176%2010.9989Z'%20fill='black'/%3e%3c/svg%3e"); --close-button-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%203.06055L9.06055%208L14%2012.9385L12.9395%2014L8%209.06055L3.06152%2014L2.00098%2012.9395L6.93848%208L2%203.06152L3.06055%202.00098L7.99902%206.93945L12.9385%202L14%203.06055Z'%20fill='black'/%3e%3c/svg%3e"); --undo-label-icon:url("data:image/svg+xml,%3csvg%20width='12'%20height='13'%20viewBox='0%200%2012%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%200.5C5.21207%200.5%204.43185%200.655195%203.7039%200.956723C2.97595%201.25825%202.31451%201.70021%201.75736%202.25736C1.20021%202.81451%200.758251%203.47595%200.456723%204.2039C0.155195%204.93185%200%205.71207%200%206.5C0%207.28793%200.155195%208.06815%200.456723%208.7961C0.758251%209.52405%201.20021%2010.1855%201.75736%2010.7426C2.31451%2011.2998%202.97595%2011.7417%203.7039%2012.0433C4.43185%2012.3448%205.21207%2012.5%206%2012.5C7.5913%2012.5%209.11742%2011.8679%2010.2426%2010.7426C11.3679%209.61742%2012%208.0913%2012%206.5C12%204.9087%2011.3679%203.38258%2010.2426%202.25736C9.11742%201.13214%207.5913%200.5%206%200.5ZM5.06%208.9L2.9464%206.7856C2.85273%206.69171%202.80018%206.56446%202.80033%206.43183C2.80048%206.29921%202.85331%206.17207%202.9472%206.0784C3.04109%205.98473%203.16834%205.93218%203.30097%205.93233C3.43359%205.93248%203.56073%205.98531%203.6544%206.0792L5.3112%207.7368L8.3464%204.7008C8.44109%204.6109%208.56715%204.56153%208.69771%204.56322C8.82827%204.56492%208.95301%204.61754%209.04534%204.70986C9.13766%204.80219%209.19028%204.92693%209.19198%205.05749C9.19367%205.18805%209.1443%205.31411%209.0544%205.4088L5.5624%208.9H5.06Z'%20fill='%23FBFBFE'/%3e%3c/svg%3e"); --pages-selected-icon:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask'%3e%3crect%20width='16'%20height='16'%20rx='2'%20fill='white'/%3e%3cpath%20d='M12%208L4%208'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/mask%3e%3crect%20width='16'%20height='16'%20fill='black'%20mask='url(%23mask)'/%3e%3c/svg%3e"); --spinner-icon:url("data:image/svg+xml,%3c!--%20This%20Source%20Code%20Form%20is%20subject%20to%20the%20terms%20of%20the%20Mozilla%20Public%20-%20License,%20v.%202.0.%20If%20a%20copy%20of%20the%20MPL%20was%20not%20distributed%20with%20this%20-%20file,%20You%20can%20obtain%20one%20at%20http://mozilla.org/MPL/2.0/.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20width='16'%20height='16'%3e%3cstyle%3e%20@media%20not%20(prefers-reduced-motion)%20{%20@keyframes%20loadingRotate%20{%20from%20{%20rotate:%200;%20}%20to%20{%20rotate:%20360deg%20}%20}%20%23circle-arrows%20{%20animation:%20loadingRotate%201.8s%20linear%20infinite;%20transform-origin:%2050%25%2050%25;%20}%20%23hourglass%20{%20display:%20none;%20}%20}%20@media%20(prefers-reduced-motion)%20{%20%23circle-arrows%20{%20display:%20none;%20}%20}%20%3c/style%3e%3cpath%20id='circle-arrows'%20d='M9%205.528c0%20.42.508.63.804.333l2.528-2.528a.47.47%200%200%200%200-.666L9.805.14A.471.471%200%200%200%209%20.472v1.866A5.756%205.756%200%200%200%202.25%208c0%20.942.232%201.83.635%202.615l1.143-1.143A4.208%204.208%200%200%201%203.75%208%204.254%204.254%200%200%201%208%203.75c.345%200%20.68.042%201%20.122v1.656zM7%2010.472v1.656c.32.08.655.122%201%20.122A4.254%204.254%200%200%200%2012.25%208c0-.52-.107-1.013-.279-1.474l1.143-1.143c.404.786.636%201.674.636%202.617A5.756%205.756%200%200%201%207%2013.662v1.866a.47.47%200%200%201-.804.333l-2.528-2.528a.47.47%200%200%201%200-.666l2.528-2.528a.47.47%200%200%201%20.804.333z'/%3e%3cg%20id='hourglass'%3e%3cpath%20d='M13,1%20C13.5522847,1%2014,1.44771525%2014,2%20C14,2.55228475%2013.5522847,3%2013,3%20L12.9854217,2.99990801%20C12.9950817,3.16495885%2013,3.33173274%2013,3.5%20C13,5.24679885%2010.9877318,6.01090495%2010.9877318,8.0017538%20C10.9877318,9.99260264%2013,10.7536922%2013,12.5%20C13,12.6686079%2012.9950617,12.8357163%2012.985363,13.0010943%20L13,13%20C13.5522847,13%2014,13.4477153%2014,14%20C14,14.5522847%2013.5522847,15%2013,15%20L3,15%20C2.44771525,15%202,14.5522847%202,14%20C2,13.4477153%202.44771525,13%203,13%20L3.01463704,13.0010943%20C3.00493827,12.8357163%203,12.6686079%203,12.5%20C3,10.7536922%204.9877318,9.99260264%205,8.0017538%20C5.0122682,6.01090495%203,5.24679885%203,3.5%20C3,3.33173274%203.00491834,3.16495885%203.01457832,2.99990801%20L3,3%20C2.44771525,3%202,2.55228475%202,2%20C2,1.44771525%202.44771525,1%203,1%20L13,1%20Z%20M10.987,3%20L5.012,3%20L5.00308914,3.24815712%20C5.00103707,3.33163368%205,3.4155948%205,3.5%20C5,5.36125069%206.99153646,6.01774089%206.99153646,8.0017538%20C6.99153646,9.98576671%205,10.6393737%205,12.5%20L5.00307746,12.7513676%20L5.01222201,12.9998392%20L5.60191711,12.9988344%20L6.0425138,12.2959826%20C7.02362731,10.7653275%207.67612271,10%208,10%20C8.37014547,10%209.16950644,10.9996115%2010.3980829,12.9988344%20L10.987778,12.9998392%20C10.9958674,12.8352104%2011,12.66849%2011,12.5%20C11,10.6393737%208.98689779,10.0147381%208.98689779,8.0017538%20C8.98689779,5.98876953%2011,5.36125069%2011,3.5%20L10.9969109,3.24815712%20L10.987,3%20Z'/%3e%3cpath%20d='M6,4%20L10,4%20C8.95166016,6%208.28499349,7%208,7%20C7.71500651,7%207.04833984,6%206,4%20Z'/%3e%3c/g%3e%3c/svg%3e"); --csstools-light-dark-toggle--106:var(--csstools-color-scheme--light) rgb(66 65 77 / 0.92); --sidebar-bg-color:var(--csstools-light-dark-toggle--106, rgb(255 255 255 / 0.92)); --sidebar-backdrop-filter:blur(7px); --sidebar-width:230px; --sidebar-min-width:min-content; --sidebar-max-width:50vw; --sidebar-block-padding:8px; --csstools-light-dark-toggle--107:var(--csstools-color-scheme--light) #fbfbfe; --text-color:var(--csstools-light-dark-toggle--107, #15141a); --button-fg:var(--text-color); --button-no-bg:transparent; --csstools-light-dark-toggle--108:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07); --button-bg:var(--csstools-light-dark-toggle--108, rgb(21 20 26 / 0.07)); --button-border-color:transparent; --csstools-light-dark-toggle--109:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14); --button-hover-bg:var(--csstools-light-dark-toggle--109, rgb(21 20 26 / 0.14)); --button-hover-fg:var(--text-color); --button-hover-border-color:var(--button-border-color); --csstools-light-dark-toggle--110:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21); --button-active-bg:var(--csstools-light-dark-toggle--110, rgb(21 20 26 / 0.21)); --button-active-fg:var(--text-color); --button-active-border-color:var(--button-border-color); --button-focus-no-bg:color-mix(in srgb, var(--text-color), transparent 93%); --csstools-light-dark-toggle--111:var(--csstools-color-scheme--light) #00cadb; --button-focus-outline-color:var(--csstools-light-dark-toggle--111, #0062fa); --csstools-light-dark-toggle--112:var(--csstools-color-scheme--light) black; --button-focus-border-color:var(--csstools-light-dark-toggle--112, white); --status-border-color:transparent; --csstools-light-dark-toggle--113:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.03); --status-actions-bg:var(--csstools-light-dark-toggle--113, rgb(21 20 26 / 0.03)); --csstools-light-dark-toggle--114:var(--csstools-color-scheme--light) rgb(0 202 219 / 0.08); --status-undo-bg:var(--csstools-light-dark-toggle--114, rgb(0 98 250 / 0.08)); --status-waiting-bg:var(--status-undo-bg); --csstools-light-dark-toggle--115:var(--csstools-color-scheme--light) #00cadb; --indicator-color:var(--csstools-light-dark-toggle--115, #0062fa); --csstools-light-dark-toggle--116:var(--csstools-color-scheme--light) #6e001f; --status-warning-bg:var(--csstools-light-dark-toggle--116, #ffe8ea); --csstools-light-dark-toggle--117:var(--csstools-color-scheme--light) #ffa0aa; --indicator-warning-color:var(--csstools-light-dark-toggle--117, #b20037); --csstools-light-dark-toggle--118:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--119:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --header-shadow:0 0.25px 0.75px -0.75px var(--csstools-light-dark-toggle--118, rgb(0 0 0 / 0.05)), 0 2px 6px -6px var(--csstools-light-dark-toggle--119, rgb(0 0 0 / 0.1)); --csstools-light-dark-toggle--120:var(--csstools-color-scheme--light) #42414e; --header-bg:var(--csstools-light-dark-toggle--120, rgb(255 255 255 / 0.92)); --image-outline:none; --image-border-width:6px; --csstools-light-dark-toggle--121:var(--csstools-color-scheme--light) #3a3944; --image-border-color:var(--csstools-light-dark-toggle--121, #cfcfd8); --image-hover-border-color:#bfbfc9; --image-current-border-color:var(--button-focus-outline-color); --image-current-focused-outline-color:var(--image-hover-border-color); --csstools-light-dark-toggle--122:var(--csstools-color-scheme--light) #42414d; --image-page-number-bg:var(--csstools-light-dark-toggle--122, #f0f0f4); --image-page-number-fg:var(--text-color); --image-page-number-border-color:transparent; --image-hover-page-number-bg:var(--image-page-number-bg); --image-hover-page-number-fg:var(--image-page-number-fg); --image-current-page-number-bg:var(--image-current-border-color); --csstools-light-dark-toggle--123:var(--csstools-color-scheme--light) #15141a; --image-current-page-number-fg:var(--csstools-light-dark-toggle--123, #fff); --image-current-hover-page-number-bg:var(--image-current-page-number-bg); --image-current-hover-page-number-fg:var(--image-current-page-number-fg); --csstools-light-dark-toggle--124:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--125:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --image-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--124, rgb(0 0 0 / 0.05)), 0 0 0 1px var(--image-border-color), 0 3px 12px 0 var(--csstools-light-dark-toggle--125, rgb(0 0 0 / 0.1)); --csstools-light-dark-toggle--126:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--127:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1); --csstools-light-dark-toggle--128:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --image-hover-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--126, rgb(0 0 0 / 0.05)), 0 0 0 1px var(--csstools-light-dark-toggle--127, rgb(21 20 26 / 0.1)), 0 0 0 var(--image-border-width) var(--image-hover-border-color), 0 3px 12px 0 var(--csstools-light-dark-toggle--128, rgb(0 0 0 / 0.1)); --csstools-light-dark-toggle--129:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2); --csstools-light-dark-toggle--130:var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4); --image-current-shadow:0 0.375px 1.5px 0 var(--csstools-light-dark-toggle--129, rgb(0 0 0 / 0.05)), 0 0 0 var(--image-border-width) var(--image-current-border-color), 0 3px 12px 0 var(--csstools-light-dark-toggle--130, rgb(0 0 0 / 0.1)); --csstools-light-dark-toggle--131:var(--csstools-color-scheme--light) rgb(0 202 219 / 0.08); --image-dragging-placeholder-bg:var(--csstools-light-dark-toggle--131, rgb(0 98 250 / 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); --csstools-light-dark-toggle--132:var(--csstools-color-scheme--light) #15141a; --multiple-dragging-text-color:var(--csstools-light-dark-toggle--132, #fbfbfe); } @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { #viewsManager { --sidebar-bg-color:light-dark(rgb(255 255 255 / 0.92), rgb(66 65 77 / 0.92)); }} @supports (color: light-dark(red,red)) { #viewsManager { --text-color:light-dark(#15141a, #fbfbfe); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { #viewsManager { --button-bg:light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07)); --button-hover-bg:light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14)); --button-active-bg:light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21)); }} @supports (color: light-dark(red,red)) { #viewsManager { --button-focus-outline-color:light-dark(#0062fa, #00cadb); --button-focus-border-color:light-dark(white, black); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { #viewsManager { --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)); }} @supports (color: light-dark(red,red)) { #viewsManager { --indicator-color:light-dark(#0062fa, #00cadb); --status-warning-bg:light-dark(#ffe8ea, #6e001f); --indicator-warning-color:light-dark(#b20037, #ffa0aa); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { #viewsManager { --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); }} @supports (color: light-dark(red,red)) { #viewsManager { --image-border-color:light-dark(#cfcfd8, #3a3944); --image-page-number-bg:light-dark(#f0f0f4, #42414d); --image-current-page-number-fg:light-dark(#fff, #15141a); }} @supports (color: light-dark(red,red)) and (color: rgb(0 0 0 / 0)) { #viewsManager { --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) ); }} @supports (color: light-dark(red,red)) { #viewsManager { --multiple-dragging-text-color:light-dark(#fbfbfe, #15141a); }} @supports not (color: light-dark(tan,tan)) { #viewsManager * { --csstools-light-dark-toggle--106:var(--csstools-color-scheme--light) rgb(66 65 77 / 0.92); --sidebar-bg-color:var(--csstools-light-dark-toggle--106, rgb(255 255 255 / 0.92));...