: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
flex-direction:row-reverse;
.xfaTable .xfaRlRow > div{
:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea){
.canvasWrapper svg[data-main-rotation="90"] mask,
.canvasWrapper svg[data-main-rotation="90"] use:not(.clip, .mask){
transform:matrix(0, 1, -1, 0, 1, 0);
.canvasWrapper svg[data-main-rotation="180"] mask,
.canvasWrapper svg[data-main-rotation="180"] use:not(.clip, .mask){
transform:matrix(-1, 0, 0, -1, 1, 1);
.canvasWrapper svg[data-main-rotation="270"] mask,
.canvasWrapper svg[data-main-rotation="270"] use:not(.clip, .mask){
transform:matrix(0, -1, 1, 0, 0, 1);
.canvasWrapper svg.highlight{
mix-blend-mode:var(--blend-mode);
@media screen and (forced-colors: active){
.canvasWrapper svg.highlight{
.canvasWrapper svg.highlight:not(.free){
.canvasWrapper svg.highlightOutline{
.canvasWrapper svg.highlightOutline.hovered:not(.free):not(.selected){
stroke:var(--hover-outline-color);
stroke-width:var(--outline-width);
.canvasWrapper svg.highlightOutline.selected:not(.free) .mainOutline{
stroke:var(--outline-around-color);
var(--outline-width) + 2 * var(--outline-around-width)
.canvasWrapper svg.highlightOutline.selected:not(.free) .secondaryOutline{
stroke:var(--outline-color);
stroke-width:var(--outline-width);
.canvasWrapper svg.highlightOutline.free.hovered:not(.selected){
stroke:var(--hover-outline-color);
stroke-width:calc(2 * var(--outline-width));
.canvasWrapper svg.highlightOutline.free.selected .mainOutline{
stroke:var(--outline-around-color);
2 * (var(--outline-width) + var(--outline-around-width))
.canvasWrapper svg.highlightOutline.free.selected .secondaryOutline{
stroke:var(--outline-color);
stroke-width:calc(2 * var(--outline-width));
--button-background-color:#f0f0f4;
--button-background-color-hover:#e0e0e6;
--button-background-color-active:#cfcfd8;
--color-accent-primary:#0060df;
--color-accent-primary-hover:#0250bb;
--color-accent-primary-active:#054096;
--border-interactive-color:#8f8f9d;
--border-radius-circle:9999px;
--toggle-background-color:var(--button-background-color);
--toggle-background-color-hover:var(--button-background-color-hover);
--toggle-background-color-active:var(--button-background-color-active);
--toggle-background-color-pressed:var(--color-accent-primary);
--toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
--toggle-background-color-pressed-active:var(--color-accent-primary-active);
--toggle-border-color:var(--border-interactive-color);
--toggle-border-color-hover:var(--toggle-border-color);
--toggle-border-color-active:var(--toggle-border-color);
--toggle-border-radius:var(--border-radius-circle);
--toggle-border-width:var(--border-width);
--toggle-height:var(--size-item-small);
--toggle-width:var(--size-item-large);
--toggle-dot-background-color:var(--toggle-border-color);
--toggle-dot-background-color-hover:var(--toggle-dot-background-color);
--toggle-dot-background-color-active:var(--toggle-dot-background-color);
--toggle-dot-background-color-on-pressed:var(--color-canvas);
--toggle-dot-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)
border:var(--toggle-border-width) solid var(--toggle-border-color);
height:var(--toggle-height);
width:var(--toggle-width);
border-radius:var(--toggle-border-radius);
background:var(--toggle-background-color);
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) .toggle-button{
--button-background-color:color-mix(in srgb, currentColor 7%, transparent);
--button-background-color-hover:color-mix(
--button-background-color-active:color-mix(
--color-accent-primary:#0df;
--color-accent-primary-hover:#80ebff;
--color-accent-primary-active:#aaf2ff;
--border-interactive-color:#bfbfc9;
:where(html.is-dark) .toggle-button{
--button-background-color:color-mix(in srgb, currentColor 7%, transparent);
--button-background-color-hover:color-mix(
--button-background-color-active:color-mix(
--color-accent-primary:#0df;
--color-accent-primary-hover:#80ebff;
--color-accent-primary-active:#aaf2ff;
--border-interactive-color:#bfbfc9;
@media (forced-colors: active){
--color-accent-primary:ButtonText;
--color-accent-primary-hover:SelectedItem;
--color-accent-primary-active:SelectedItem;
--border-interactive-color:ButtonText;
--button-background-color:ButtonFace;
--border-interactive-color-hover:SelectedItem;
--border-interactive-color-active:SelectedItem;
--border-interactive-color-disabled:GrayText;
--color-canvas:ButtonText;
.toggle-button:focus-visible{
outline:var(--focus-outline);
outline-offset:var(--focus-outline-offset);
.toggle-button:enabled:hover{
background:var(--toggle-background-color-hover);
border-color:var(--toggle-border-color);
.toggle-button:enabled:active{
background:var(--toggle-background-color-active);
border-color:var(--toggle-border-color);
.toggle-button[aria-pressed="true"]{
background:var(--toggle-background-color-pressed);
border-color:transparent;
.toggle-button[aria-pressed="true"]:enabled:hover{
background:var(--toggle-background-color-pressed-hover);
border-color:transparent;
.toggle-button[aria-pressed="true"]:enabled:active{
background:var(--toggle-background-color-pressed-active);
border-color:transparent;
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);
.toggle-button[aria-pressed="true"]::before{
translate:var(--toggle-dot-transform-x);
background-color:var(--toggle-dot-background-color-on-pressed);
.toggle-button[aria-pressed="true"]:enabled:hover::before,
.toggle-button[aria-pressed="true"]:enabled:active::before{
background-color:var(--toggle-dot-background-color-on-pressed);
[dir="rtl"] .toggle-button[aria-pressed="true"]::before{
translate:calc(-1 * var(--toggle-dot-transform-x));
@media (prefers-reduced-motion: no-preference){
transition:translate 100ms;
@media (prefers-contrast){
.toggle-button:enabled:hover{
border-color:var(--toggle-border-color-hover);
.toggle-button:enabled:active{
border-color:var(--toggle-border-color-active);
.toggle-button[aria-pressed="true"]:enabled{
border-color:var(--toggle-border-color);
.toggle-button[aria-pressed="true"]:enabled:hover,
.toggle-button[aria-pressed="true"]:enabled:hover:active{
border-color:var(--toggle-border-color-hover);
.toggle-button[aria-pressed="true"]:enabled:active{
background-color:var(--toggle-dot-background-color-active);
border-color:var(--toggle-dot-background-color-hover);
.toggle-button:hover::before,
.toggle-button:active::before{
background-color:var(--toggle-dot-background-color-hover);
--toggle-dot-background-color:var(--color-accent-primary);
--toggle-dot-background-color-hover:var(--color-accent-primary-hover);
--toggle-dot-background-color-active:var(--color-accent-primary-active);
--toggle-dot-background-color-on-pressed:var(--button-background-color);
--toggle-background-color-disabled:var(--button-background-color-disabled);
--toggle-border-color-hover:var(--border-interactive-color-hover);
--toggle-border-color-active:var(--border-interactive-color-active);
--toggle-border-color-disabled:var(--border-interactive-color-disabled);
.toggle-button[aria-pressed="true"]:enabled::after{
border:1px solid var(--button-background-color);
height:var(--toggle-height);
width:var(--toggle-width);
border-radius:var(--toggle-border-radius);
.toggle-button[aria-pressed="true"]:enabled:active::after{
border-color:var(--toggle-border-color-active);
--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;
--resizer-bg-color:var(--outline-color);
0px - (var(--outline-width) + var(--resizer-size)) / 2 -
var(--outline-around-width)
--editorFreeText-editing-cursor:text;
--editorInk-editing-cursor:url(images/cursor-editorInk.svg) 0 16, pointer;
--editorHighlight-editing-cursor:url(images/cursor-editorTextHighlight.svg) 24 24, text;
--editorFreeHighlight-editing-cursor:url(images/cursor-editorFreeHighlight.svg) 1 18, pointer;
cursor:var(--editorFreeHighlight-editing-cursor);
.textLayer.highlighting:not(.free) span{
cursor:var(--editorHighlight-editing-cursor);
.textLayer.highlighting.free span{
cursor:var(--editorFreeHighlight-editing-cursor);
@media (min-resolution: 1.1dppx){
--editorFreeText-editing-cursor:url(images/cursor-editorFreeText.svg) 0 16, text;
@media screen and (forced-colors: active){
--outline-color:CanvasText;
--outline-around-color:ButtonFace;
--resizer-bg-color:ButtonText;
--hover-outline-color:Highlight;
--hover-outline-around-color:SelectedItemText;
[data-editor-rotation="90"]{
[data-editor-rotation="180"]{
transform:rotate(180deg);
[data-editor-rotation="270"]{
transform:rotate(270deg);
font-size:calc(100px * var(--scale-factor));
.annotationEditorLayer.waiting{
.annotationEditorLayer.disabled{
.annotationEditorLayer.freetextEditing{
cursor:var(--editorFreeText-editing-cursor);
.annotationEditorLayer.inkEditing{
cursor:var(--editorInk-editing-cursor);
.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor){
border:var(--unfocus-outline);
.annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
.annotationEditorLayer .moving:is(.freeTextEditor, .inkEditor, .stampEditor){
.annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
border:var(--focus-outline);
outline:var(--focus-outline-around);
.annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor)::before{
border:var(--focus-outline-around);