@harbour-enterprises/superdoc 1.0.0-alpha.63 → 1.0.0-alpha.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -16450,9 +16450,6 @@ readers do not read off random characters that represent icons */
16450
16450
  --hover-filter:brightness(0.9);
16451
16451
  --focus-ring-color:#0060df;
16452
16452
  --focus-ring-outline:2px solid var(--focus-ring-color);
16453
- --link-fg-color:#0060df;
16454
- --link-hover-fg-color:#0250bb;
16455
- --separator-color:#f0f0f4;
16456
16453
 
16457
16454
  --textarea-border-color:#8f8f9d;
16458
16455
  --textarea-bg-color:white;
@@ -16472,10 +16469,20 @@ readers do not read off random characters that represent icons */
16472
16469
 
16473
16470
  --button-primary-bg-color:#0060df;
16474
16471
  --button-primary-fg-color:#fbfbfe;
16475
- --button-primary-border-color:var(--button-primary-bg-color);
16476
16472
  --button-primary-hover-bg-color:var(--button-primary-bg-color);
16477
16473
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
16478
16474
  --button-primary-hover-border-color:var(--button-primary-hover-bg-color);
16475
+
16476
+ font:message-box;
16477
+ font-size:13px;
16478
+ font-weight:400;
16479
+ line-height:150%;
16480
+ border-radius:4px;
16481
+ padding:12px 16px;
16482
+ border:1px solid var(--dialog-border-color);
16483
+ background:var(--dialog-bg-color);
16484
+ color:var(--text-primary-color);
16485
+ box-shadow:var(--dialog-shadow);
16479
16486
  }
16480
16487
  @media (prefers-color-scheme: dark){
16481
16488
  .superdoc-viewer .dialog{
@@ -16486,9 +16493,6 @@ readers do not read off random characters that represent icons */
16486
16493
  --text-secondary-color:#cfcfd8;
16487
16494
  --focus-ring-color:#0df;
16488
16495
  --hover-filter:brightness(1.4);
16489
- --link-fg-color:#0df;
16490
- --link-hover-fg-color:#80ebff;
16491
- --separator-color:#52525e;
16492
16496
 
16493
16497
  --textarea-bg-color:#42414d;
16494
16498
 
@@ -16510,9 +16514,6 @@ readers do not read off random characters that represent icons */
16510
16514
  --text-secondary-color:CanvasText;
16511
16515
  --hover-filter:none;
16512
16516
  --focus-ring-color:ButtonBorder;
16513
- --link-fg-color:LinkText;
16514
- --link-hover-fg-color:LinkText;
16515
- --separator-color:CanvasText;
16516
16517
 
16517
16518
  --textarea-border-color:ButtonBorder;
16518
16519
  --textarea-bg-color:Field;
@@ -16535,61 +16536,23 @@ readers do not read off random characters that represent icons */
16535
16536
  --button-primary-hover-fg-color:AccentColorText;
16536
16537
  }
16537
16538
  }
16538
- .superdoc-viewer .dialog{
16539
-
16540
- font:message-box;
16541
- font-size:13px;
16542
- font-weight:400;
16543
- line-height:150%;
16544
- border-radius:4px;
16545
- padding:12px 16px;
16546
- border:1px solid var(--dialog-border-color);
16547
- background:var(--dialog-bg-color);
16548
- color:var(--text-primary-color);
16549
- box-shadow:var(--dialog-shadow);
16550
- }
16551
- .superdoc-viewer :is(.dialog .mainContainer) *:focus-visible{
16539
+ .superdoc-viewer .dialog .mainContainer *:focus-visible{
16552
16540
  outline:var(--focus-ring-outline);
16553
16541
  outline-offset:2px;
16554
16542
  }
16555
- .superdoc-viewer :is(.dialog .mainContainer) .title{
16556
- display:flex;
16557
- width:auto;
16558
- flex-direction:column;
16559
- justify-content:flex-end;
16560
- align-items:flex-start;
16561
- gap:12px;
16562
- }
16563
- .superdoc-viewer :is(:is(.dialog .mainContainer) .title) > span{
16564
- font-size:13px;
16565
- font-style:normal;
16566
- font-weight:590;
16567
- line-height:150%;
16568
- }
16569
- .superdoc-viewer :is(.dialog .mainContainer) .dialogSeparator{
16570
- width:100%;
16571
- height:1px;
16572
- margin-block:4px;
16573
- background-color:var(--separator-color);
16574
- }
16575
- .superdoc-viewer :is(.dialog .mainContainer) .dialogButtonsGroup{
16576
- display:flex;
16577
- gap:12px;
16578
- align-self:flex-end;
16579
- }
16580
- .superdoc-viewer :is(.dialog .mainContainer) .radio{
16543
+ .superdoc-viewer .dialog .mainContainer .radio{
16581
16544
  display:flex;
16582
16545
  flex-direction:column;
16583
16546
  align-items:flex-start;
16584
16547
  gap:4px;
16585
16548
  }
16586
- .superdoc-viewer :is(:is(.dialog .mainContainer) .radio) > .radioButton{
16549
+ .superdoc-viewer .dialog .mainContainer .radio > .radioButton{
16587
16550
  display:flex;
16588
16551
  gap:8px;
16589
16552
  align-self:stretch;
16590
16553
  align-items:center;
16591
16554
  }
16592
- .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input{
16555
+ .superdoc-viewer .dialog .mainContainer .radio > .radioButton input{
16593
16556
  -webkit-appearance:none;
16594
16557
  -moz-appearance:none;
16595
16558
  appearance:none;
@@ -16600,26 +16563,26 @@ readers do not read off random characters that represent icons */
16600
16563
  background-color:var(--radio-bg-color);
16601
16564
  border:1px solid var(--radio-border-color);
16602
16565
  }
16603
- .superdoc-viewer :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover{
16566
+ .superdoc-viewer .dialog .mainContainer .radio > .radioButton input:hover{
16604
16567
  filter:var(--hover-filter);
16605
16568
  }
16606
- .superdoc-viewer :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):checked{
16569
+ .superdoc-viewer .dialog .mainContainer .radio > .radioButton input:checked{
16607
16570
  background-color:var(--radio-checked-bg-color);
16608
16571
  border:4px solid var(--radio-checked-border-color);
16609
16572
  }
16610
- .superdoc-viewer :is(:is(.dialog .mainContainer) .radio) > .radioLabel{
16573
+ .superdoc-viewer .dialog .mainContainer .radio > .radioLabel{
16611
16574
  display:flex;
16612
16575
  padding-inline-start:24px;
16613
16576
  align-items:flex-start;
16614
16577
  gap:10px;
16615
16578
  align-self:stretch;
16616
16579
  }
16617
- .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel) > span{
16580
+ .superdoc-viewer .dialog .mainContainer .radio > .radioLabel > span{
16618
16581
  flex:1 0 0;
16619
16582
  font-size:11px;
16620
16583
  color:var(--text-secondary-color);
16621
16584
  }
16622
- .superdoc-viewer :is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton)){
16585
+ .superdoc-viewer .dialog .mainContainer button{
16623
16586
  border-radius:4px;
16624
16587
  border:1px solid;
16625
16588
  font:menu;
@@ -16628,38 +16591,32 @@ readers do not read off random characters that represent icons */
16628
16591
  width:auto;
16629
16592
  height:32px;
16630
16593
  }
16631
- .superdoc-viewer :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
16594
+ .superdoc-viewer .dialog .mainContainer button:hover{
16632
16595
  cursor:pointer;
16633
16596
  filter:var(--hover-filter);
16634
16597
  }
16635
- .superdoc-viewer .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
16598
+ .superdoc-viewer .dialog .mainContainer button.secondaryButton{
16636
16599
  color:var(--button-secondary-fg-color);
16637
16600
  background-color:var(--button-secondary-bg-color);
16638
16601
  border-color:var(--button-secondary-border-color);
16639
16602
  }
16640
- .superdoc-viewer .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
16603
+ .superdoc-viewer .dialog .mainContainer button.secondaryButton:hover{
16641
16604
  color:var(--button-secondary-hover-fg-color);
16642
16605
  background-color:var(--button-secondary-hover-bg-color);
16643
16606
  border-color:var(--button-secondary-hover-border-color);
16644
16607
  }
16645
- .superdoc-viewer .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
16646
- color:var(--button-primary-fg-color);
16647
- background-color:var(--button-primary-bg-color);
16648
- border-color:var(--button-primary-border-color);
16608
+ .superdoc-viewer .dialog .mainContainer button.primaryButton{
16609
+ color:var(--button-primary-hover-fg-color);
16610
+ background-color:var(--button-primary-hover-bg-color);
16611
+ border-color:var(--button-primary-hover-border-color);
16649
16612
  opacity:1;
16650
16613
  }
16651
- .superdoc-viewer .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
16614
+ .superdoc-viewer .dialog .mainContainer button.primaryButton:hover{
16652
16615
  color:var(--button-primary-hover-fg-color);
16653
16616
  background-color:var(--button-primary-hover-bg-color);
16654
16617
  border-color:var(--button-primary-hover-border-color);
16655
16618
  }
16656
- .superdoc-viewer :is(.dialog .mainContainer) a{
16657
- color:var(--link-fg-color);
16658
- }
16659
- .superdoc-viewer :is(:is(.dialog .mainContainer) a):hover{
16660
- color:var(--link-hover-fg-color);
16661
- }
16662
- .superdoc-viewer :is(.dialog .mainContainer) textarea{
16619
+ .superdoc-viewer .dialog .mainContainer textarea{
16663
16620
  font:inherit;
16664
16621
  padding:8px;
16665
16622
  resize:none;
@@ -16670,153 +16627,14 @@ readers do not read off random characters that represent icons */
16670
16627
  background:var(--textarea-bg-color);
16671
16628
  color:var(--textarea-fg-color);
16672
16629
  }
16673
- .superdoc-viewer :is(:is(.dialog .mainContainer) textarea):focus{
16630
+ .superdoc-viewer .dialog .mainContainer textarea:focus{
16674
16631
  outline-offset:0;
16675
16632
  border-color:transparent;
16676
16633
  }
16677
- .superdoc-viewer :is(:is(.dialog .mainContainer) textarea):disabled{
16634
+ .superdoc-viewer .dialog .mainContainer textarea:disabled{
16678
16635
  pointer-events:none;
16679
16636
  opacity:0.4;
16680
16637
  }
16681
- .superdoc-viewer :is(.dialog .mainContainer) .messageBar{
16682
- --message-bar-warning-icon:url(images/messageBar_warning.svg);
16683
- --closing-button-icon:url(images/messageBar_closingButton.svg);
16684
-
16685
- --message-bar-bg-color:#ffebcd;
16686
- --message-bar-fg-color:#15141a;
16687
- --message-bar-border-color:rgb(0 0 0 / 0.08);
16688
- --message-bar-icon-color:#cd411e;
16689
- --message-bar-close-button-border-radius:4px;
16690
- --message-bar-close-button-border:none;
16691
- --message-bar-close-button-color:var(--text-primary-color);
16692
- --message-bar-close-button-hover-bg-color:rgb(21 20 26 / 0.14);
16693
- --message-bar-close-button-active-bg-color:rgb(21 20 26 / 0.21);
16694
- --message-bar-close-button-focus-bg-color:rgb(21 20 26 / 0.07);
16695
- --message-bar-close-button-color-hover:var(--text-primary-color);
16696
- }
16697
- @media (prefers-color-scheme: dark){
16698
- .superdoc-viewer :is(.dialog .mainContainer) .messageBar{
16699
- --message-bar-bg-color:#5a3100;
16700
- --message-bar-fg-color:#fbfbfe;
16701
- --message-bar-border-color:rgb(255 255 255 / 0.08);
16702
- --message-bar-icon-color:#e49c49;
16703
- --message-bar-close-button-hover-bg-color:rgb(251 251 254 / 0.14);
16704
- --message-bar-close-button-active-bg-color:rgb(251 251 254 / 0.21);
16705
- --message-bar-close-button-focus-bg-color:rgb(251 251 254 / 0.07);
16706
- }
16707
- }
16708
- @media screen and (forced-colors: active){
16709
- .superdoc-viewer :is(.dialog .mainContainer) .messageBar{
16710
- --message-bar-bg-color:HighlightText;
16711
- --message-bar-fg-color:CanvasText;
16712
- --message-bar-border-color:CanvasText;
16713
- --message-bar-icon-color:CanvasText;
16714
- --message-bar-close-button-color:ButtonText;
16715
- --message-bar-close-button-border:1px solid ButtonText;
16716
- --message-bar-close-button-hover-bg-color:ButtonText;
16717
- --message-bar-close-button-active-bg-color:ButtonText;
16718
- --message-bar-close-button-focus-bg-color:ButtonText;
16719
- --message-bar-close-button-color-hover:HighlightText;
16720
- }
16721
- }
16722
- .superdoc-viewer :is(.dialog .mainContainer) .messageBar{
16723
-
16724
- display:flex;
16725
- position:relative;
16726
- padding:12px 8px 12px 0;
16727
- flex-direction:column;
16728
- justify-content:center;
16729
- align-items:flex-start;
16730
- gap:8px;
16731
- align-self:stretch;
16732
-
16733
- border-radius:4px;
16734
- border:1px solid var(--message-bar-border-color);
16735
- background:var(--message-bar-bg-color);
16736
- color:var(--message-bar-fg-color);
16737
- }
16738
- .superdoc-viewer :is(:is(.dialog .mainContainer) .messageBar) > div{
16739
- display:flex;
16740
- padding-inline-start:16px;
16741
- align-items:flex-start;
16742
- gap:8px;
16743
- align-self:stretch;
16744
- }
16745
- .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) > div)::before{
16746
- content:"";
16747
- display:inline-block;
16748
- width:16px;
16749
- height:16px;
16750
- -webkit-mask-image:var(--message-bar-warning-icon);
16751
- mask-image:var(--message-bar-warning-icon);
16752
- -webkit-mask-size:cover;
16753
- mask-size:cover;
16754
- background-color:var(--message-bar-icon-color);
16755
- }
16756
- .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div{
16757
- display:flex;
16758
- flex-direction:column;
16759
- align-items:flex-start;
16760
- gap:8px;
16761
- flex:1 0 0;
16762
- }
16763
- .superdoc-viewer :is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .title{
16764
- font-size:13px;
16765
- font-weight:590;
16766
- }
16767
- .superdoc-viewer :is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .description{
16768
- font-size:13px;
16769
- }
16770
- .superdoc-viewer :is(:is(.dialog .mainContainer) .messageBar) .closeButton{
16771
- position:absolute;
16772
- width:32px;
16773
- height:32px;
16774
- inset-inline-end:8px;
16775
- inset-block-start:8px;
16776
- background:none;
16777
- border-radius:var(--message-bar-close-button-border-radius);
16778
- border:var(--message-bar-close-button-border);
16779
- }
16780
- .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton)::before{
16781
- content:"";
16782
- display:inline-block;
16783
- width:16px;
16784
- height:16px;
16785
- -webkit-mask-image:var(--closing-button-icon);
16786
- mask-image:var(--closing-button-icon);
16787
- -webkit-mask-size:cover;
16788
- mask-size:cover;
16789
- background-color:var(--message-bar-close-button-color);
16790
- }
16791
- .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):is(:hover,:active,:focus)::before{
16792
- background-color:var(--message-bar-close-button-color-hover);
16793
- }
16794
- .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):hover{
16795
- background-color:var(--message-bar-close-button-hover-bg-color);
16796
- }
16797
- .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):active{
16798
- background-color:var(--message-bar-close-button-active-bg-color);
16799
- }
16800
- .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):focus{
16801
- background-color:var(--message-bar-close-button-focus-bg-color);
16802
- }
16803
- .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton) > span{
16804
- display:inline-block;
16805
- width:0;
16806
- height:0;
16807
- overflow:hidden;
16808
- }
16809
- .superdoc-viewer :is(.dialog .mainContainer) .toggler{
16810
- display:flex;
16811
- align-items:center;
16812
- gap:8px;
16813
- align-self:stretch;
16814
- }
16815
- .superdoc-viewer :is(:is(.dialog .mainContainer) .toggler) > .togglerLabel{
16816
- -webkit-user-select:none;
16817
- -moz-user-select:none;
16818
- user-select:none;
16819
- }
16820
16638
  .superdoc-viewer .textLayer{
16821
16639
  position:absolute;
16822
16640
  text-align:initial;
@@ -16835,14 +16653,15 @@ readers do not read off random characters that represent icons */
16835
16653
  .superdoc-viewer .textLayer.highlighting{
16836
16654
  touch-action:none;
16837
16655
  }
16838
- .superdoc-viewer .textLayer :is(span,br){
16656
+ .superdoc-viewer .textLayer :is(span, br){
16839
16657
  color:transparent;
16840
16658
  position:absolute;
16841
16659
  white-space:pre;
16842
16660
  cursor:text;
16843
16661
  transform-origin:0% 0%;
16844
16662
  }
16845
- .superdoc-viewer .textLayer > :not(.markedContent),.superdoc-viewer .textLayer .markedContent span:not(.markedContent){
16663
+ .superdoc-viewer .textLayer > :not(.markedContent),
16664
+ .superdoc-viewer .textLayer .markedContent span:not(.markedContent){
16846
16665
  z-index:1;
16847
16666
  }
16848
16667
  .superdoc-viewer .textLayer span.markedContent{
@@ -16854,6 +16673,13 @@ readers do not read off random characters that represent icons */
16854
16673
  --highlight-selected-bg-color:rgb(0 100 0 / 0.25);
16855
16674
  --highlight-backdrop-filter:none;
16856
16675
  --highlight-selected-backdrop-filter:none;
16676
+
16677
+ margin:-1px;
16678
+ padding:1px;
16679
+ background-color:var(--highlight-bg-color);
16680
+ -webkit-backdrop-filter:var(--highlight-backdrop-filter);
16681
+ backdrop-filter:var(--highlight-backdrop-filter);
16682
+ border-radius:4px;
16857
16683
  }
16858
16684
  @media screen and (forced-colors: active){
16859
16685
  .superdoc-viewer .textLayer .highlight{
@@ -16865,28 +16691,19 @@ readers do not read off random characters that represent icons */
16865
16691
  );
16866
16692
  }
16867
16693
  }
16868
- .superdoc-viewer .textLayer .highlight{
16869
-
16870
- margin:-1px;
16871
- padding:1px;
16872
- background-color:var(--highlight-bg-color);
16873
- -webkit-backdrop-filter:var(--highlight-backdrop-filter);
16874
- backdrop-filter:var(--highlight-backdrop-filter);
16875
- border-radius:4px;
16876
- }
16877
- .superdoc-viewer .appended:is(.textLayer .highlight){
16694
+ .superdoc-viewer .textLayer .highlight.appended{
16878
16695
  position:initial;
16879
16696
  }
16880
- .superdoc-viewer .begin:is(.textLayer .highlight){
16697
+ .superdoc-viewer .textLayer .highlight.begin{
16881
16698
  border-radius:4px 0 0 4px;
16882
16699
  }
16883
- .superdoc-viewer .end:is(.textLayer .highlight){
16700
+ .superdoc-viewer .textLayer .highlight.end{
16884
16701
  border-radius:0 4px 4px 0;
16885
16702
  }
16886
- .superdoc-viewer .middle:is(.textLayer .highlight){
16703
+ .superdoc-viewer .textLayer .highlight.middle{
16887
16704
  border-radius:0;
16888
16705
  }
16889
- .superdoc-viewer .selected:is(.textLayer .highlight){
16706
+ .superdoc-viewer .textLayer .highlight.selected{
16890
16707
  background-color:var(--highlight-selected-bg-color);
16891
16708
  -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);
16892
16709
  backdrop-filter:var(--highlight-selected-backdrop-filter);
@@ -16915,8 +16732,8 @@ readers do not read off random characters that represent icons */
16915
16732
  -moz-user-select:none;
16916
16733
  user-select:none;
16917
16734
  }
16918
- .superdoc-viewer .textLayer.selecting .endOfContent{
16919
- top:0;
16735
+ .superdoc-viewer .textLayer .endOfContent.active{
16736
+ top:0;
16920
16737
  }
16921
16738
  .superdoc-viewer .annotationLayer{
16922
16739
  --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>");
@@ -16926,6 +16743,12 @@ readers do not read off random characters that represent icons */
16926
16743
  --input-disabled-border-color:transparent;
16927
16744
  --input-hover-border-color:black;
16928
16745
  --link-outline:none;
16746
+
16747
+ position:absolute;
16748
+ top:0;
16749
+ left:0;
16750
+ pointer-events:none;
16751
+ transform-origin:0 0;
16929
16752
  }
16930
16753
  @media screen and (forced-colors: active){
16931
16754
  .superdoc-viewer .annotationLayer{
@@ -16935,17 +16758,17 @@ readers do not read off random characters that represent icons */
16935
16758
  --input-hover-border-color:Highlight;
16936
16759
  --link-outline:1.5px solid LinkText;
16937
16760
  }
16938
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):required,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
16761
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
16939
16762
  outline:1.5px solid selectedItem;
16940
16763
  }
16941
16764
  .superdoc-viewer .annotationLayer .linkAnnotation{
16942
16765
  outline:var(--link-outline);
16943
16766
  }
16944
- .superdoc-viewer :is(.annotationLayer .linkAnnotation):hover{
16767
+ .superdoc-viewer .annotationLayer .linkAnnotation:hover{
16945
16768
  -webkit-backdrop-filter:var(--hcm-highlight-filter);
16946
16769
  backdrop-filter:var(--hcm-highlight-filter);
16947
16770
  }
16948
- .superdoc-viewer :is(.annotationLayer .linkAnnotation) > a:hover{
16771
+ .superdoc-viewer .annotationLayer .linkAnnotation > a:hover{
16949
16772
  opacity:0 !important;
16950
16773
  background:none !important;
16951
16774
  box-shadow:none;
@@ -16970,14 +16793,6 @@ readers do not read off random characters that represent icons */
16970
16793
  outline:calc(3px * var(--scale-factor)) solid Highlight !important;
16971
16794
  }
16972
16795
  }
16973
- .superdoc-viewer .annotationLayer{
16974
-
16975
- position:absolute;
16976
- top:0;
16977
- left:0;
16978
- pointer-events:none;
16979
- transform-origin:0 0;
16980
- }
16981
16796
  .superdoc-viewer .annotationLayer[data-main-rotation="90"] .norotate{
16982
16797
  transform:rotate(270deg) translateX(-100%);
16983
16798
  }
@@ -16987,7 +16802,8 @@ readers do not read off random characters that represent icons */
16987
16802
  .superdoc-viewer .annotationLayer[data-main-rotation="270"] .norotate{
16988
16803
  transform:rotate(90deg) translateY(-100%);
16989
16804
  }
16990
- .superdoc-viewer .annotationLayer.disabled section,.superdoc-viewer .annotationLayer.disabled .popup{
16805
+ .superdoc-viewer .annotationLayer.disabled section,
16806
+ .superdoc-viewer .annotationLayer.disabled .popup{
16991
16807
  pointer-events:none;
16992
16808
  }
16993
16809
  .superdoc-viewer .annotationLayer .annotationContent{
@@ -16996,7 +16812,7 @@ readers do not read off random characters that represent icons */
16996
16812
  height:100%;
16997
16813
  pointer-events:none;
16998
16814
  }
16999
- .superdoc-viewer .freetext:is(.annotationLayer .annotationContent){
16815
+ .superdoc-viewer .annotationLayer .annotationContent.freetext{
17000
16816
  background:transparent;
17001
16817
  border:none;
17002
16818
  inset:0;
@@ -17015,13 +16831,10 @@ readers do not read off random characters that represent icons */
17015
16831
  box-sizing:border-box;
17016
16832
  transform-origin:0 0;
17017
16833
  }
17018
- .superdoc-viewer :is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent{
16834
+ .superdoc-viewer .annotationLayer section:has(div.annotationContent) canvas.annotationContent{
17019
16835
  display:none;
17020
16836
  }
17021
- .superdoc-viewer .textLayer.selecting ~ .annotationLayer section{
17022
- pointer-events:none;
17023
- }
17024
- .superdoc-viewer .annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton) > a{
16837
+ .superdoc-viewer .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a{
17025
16838
  position:absolute;
17026
16839
  font-size:1em;
17027
16840
  top:0;
@@ -17029,7 +16842,8 @@ readers do not read off random characters that represent icons */
17029
16842
  width:100%;
17030
16843
  height:100%;
17031
16844
  }
17032
- .superdoc-viewer .annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover{
16845
+ .superdoc-viewer .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
16846
+ > a:hover{
17033
16847
  opacity:0.2;
17034
16848
  background-color:rgb(255 255 0);
17035
16849
  box-shadow:0 2px 10px rgb(255 255 0);
@@ -17048,7 +16862,7 @@ readers do not read off random characters that represent icons */
17048
16862
  top:0;
17049
16863
  left:0;
17050
16864
  }
17051
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea),.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
16865
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea), .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
17052
16866
  background-image:var(--annotation-unfocused-field-background);
17053
16867
  border:2px solid var(--input-unfocused-border-color);
17054
16868
  box-sizing:border-box;
@@ -17058,7 +16872,7 @@ readers do not read off random characters that represent icons */
17058
16872
  vertical-align:top;
17059
16873
  width:100%;
17060
16874
  }
17061
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):required,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
16875
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
17062
16876
  outline:1.5px solid red;
17063
16877
  }
17064
16878
  .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select option{
@@ -17070,24 +16884,24 @@ readers do not read off random characters that represent icons */
17070
16884
  .superdoc-viewer .annotationLayer .textWidgetAnnotation textarea{
17071
16885
  resize:none;
17072
16886
  }
17073
- .superdoc-viewer .annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea),.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select[disabled],.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{
16887
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea), .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select[disabled], .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled]{
17074
16888
  background:none;
17075
16889
  border:2px solid var(--input-disabled-border-color);
17076
16890
  cursor:not-allowed;
17077
16891
  }
17078
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{
16892
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover{
17079
16893
  border:2px solid var(--input-hover-border-color);
17080
16894
  }
17081
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
16895
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
17082
16896
  border-radius:2px;
17083
16897
  }
17084
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:focus{
16898
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:focus{
17085
16899
  background:none;
17086
16900
  border:2px solid var(--input-focus-border-color);
17087
16901
  border-radius:2px;
17088
16902
  outline:var(--input-focus-outline);
17089
16903
  }
17090
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{
16904
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus{
17091
16905
  background-image:none;
17092
16906
  background-color:transparent;
17093
16907
  }
@@ -17100,13 +16914,16 @@ readers do not read off random characters that represent icons */
17100
16914
  border:2px solid var(--input-focus-border-color);
17101
16915
  outline:var(--input-focus-outline);
17102
16916
  }
17103
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
16917
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
16918
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
16919
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
17104
16920
  background-color:CanvasText;
17105
16921
  content:"";
17106
16922
  display:block;
17107
16923
  position:absolute;
17108
16924
  }
17109
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
16925
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
16926
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
17110
16927
  height:80%;
17111
16928
  left:45%;
17112
16929
  width:1px;
@@ -17132,7 +16949,7 @@ readers do not read off random characters that represent icons */
17132
16949
  .superdoc-viewer .annotationLayer .textWidgetAnnotation input.comb:focus{
17133
16950
  width:103%;
17134
16951
  }
17135
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
16952
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
17136
16953
  -webkit-appearance:none;
17137
16954
  -moz-appearance:none;
17138
16955
  appearance:none;
@@ -17210,7 +17027,7 @@ readers do not read off random characters that represent icons */
17210
17027
  user-select:none;
17211
17028
  pointer-events:none;
17212
17029
  }
17213
- .superdoc-viewer :is(.annotationLayer .annotationTextContent) span{
17030
+ .superdoc-viewer .annotationLayer .annotationTextContent span{
17214
17031
  width:100%;
17215
17032
  display:inline-block;
17216
17033
  }
@@ -17490,62 +17307,63 @@ readers do not read off random characters that represent icons */
17490
17307
  .superdoc-viewer .canvasWrapper svg{
17491
17308
  transform:none;
17492
17309
  }
17493
- .superdoc-viewer [data-main-rotation="90"]:is(.canvasWrapper svg) mask,.superdoc-viewer [data-main-rotation="90"]:is(.canvasWrapper svg) use:not(.clip,.mask){
17310
+ .superdoc-viewer .canvasWrapper svg[data-main-rotation="90"] mask,
17311
+ .superdoc-viewer .canvasWrapper svg[data-main-rotation="90"] use:not(.clip, .mask){
17494
17312
  transform:matrix(0, 1, -1, 0, 1, 0);
17495
17313
  }
17496
- .superdoc-viewer [data-main-rotation="180"]:is(.canvasWrapper svg) mask,.superdoc-viewer [data-main-rotation="180"]:is(.canvasWrapper svg) use:not(.clip,.mask){
17314
+ .superdoc-viewer .canvasWrapper svg[data-main-rotation="180"] mask,
17315
+ .superdoc-viewer .canvasWrapper svg[data-main-rotation="180"] use:not(.clip, .mask){
17497
17316
  transform:matrix(-1, 0, 0, -1, 1, 1);
17498
17317
  }
17499
- .superdoc-viewer [data-main-rotation="270"]:is(.canvasWrapper svg) mask,.superdoc-viewer [data-main-rotation="270"]:is(.canvasWrapper svg) use:not(.clip,.mask){
17318
+ .superdoc-viewer .canvasWrapper svg[data-main-rotation="270"] mask,
17319
+ .superdoc-viewer .canvasWrapper svg[data-main-rotation="270"] use:not(.clip, .mask){
17500
17320
  transform:matrix(0, -1, 1, 0, 0, 1);
17501
17321
  }
17502
- .superdoc-viewer .highlight:is(.canvasWrapper svg){
17322
+ .superdoc-viewer .canvasWrapper svg.highlight{
17503
17323
  --blend-mode:multiply;
17324
+
17325
+ position:absolute;
17326
+ mix-blend-mode:var(--blend-mode);
17504
17327
  }
17505
17328
  @media screen and (forced-colors: active){
17506
- .superdoc-viewer .highlight:is(.canvasWrapper svg){
17329
+ .superdoc-viewer .canvasWrapper svg.highlight{
17507
17330
  --blend-mode:difference;
17508
17331
  }
17509
17332
  }
17510
- .superdoc-viewer .highlight:is(.canvasWrapper svg){
17511
-
17512
- position:absolute;
17513
- mix-blend-mode:var(--blend-mode);
17514
- }
17515
- .superdoc-viewer .highlight:is(.canvasWrapper svg):not(.free){
17333
+ .superdoc-viewer .canvasWrapper svg.highlight:not(.free){
17516
17334
  fill-rule:evenodd;
17517
17335
  }
17518
- .superdoc-viewer .highlightOutline:is(.canvasWrapper svg){
17336
+ .superdoc-viewer .canvasWrapper svg.highlightOutline{
17519
17337
  position:absolute;
17520
17338
  mix-blend-mode:normal;
17521
17339
  fill-rule:evenodd;
17522
17340
  fill:none;
17523
17341
  }
17524
- .superdoc-viewer .highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected){
17342
+ .superdoc-viewer .canvasWrapper svg.highlightOutline.hovered:not(.free):not(.selected){
17525
17343
  stroke:var(--hover-outline-color);
17526
17344
  stroke-width:var(--outline-width);
17527
17345
  }
17528
- .superdoc-viewer .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline{
17346
+ .superdoc-viewer .canvasWrapper svg.highlightOutline.selected:not(.free) .mainOutline{
17529
17347
  stroke:var(--outline-around-color);
17530
17348
  stroke-width:calc(
17531
17349
  var(--outline-width) + 2 * var(--outline-around-width)
17532
17350
  );
17533
17351
  }
17534
- .superdoc-viewer .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline{
17352
+ .superdoc-viewer .canvasWrapper svg.highlightOutline.selected:not(.free) .secondaryOutline{
17535
17353
  stroke:var(--outline-color);
17536
17354
  stroke-width:var(--outline-width);
17537
17355
  }
17538
- .superdoc-viewer .highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected){
17356
+ .superdoc-viewer .canvasWrapper svg.highlightOutline.free.hovered:not(.selected){
17539
17357
  stroke:var(--hover-outline-color);
17540
17358
  stroke-width:calc(2 * var(--outline-width));
17541
17359
  }
17542
- .superdoc-viewer .highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline{
17360
+ .superdoc-viewer .canvasWrapper svg.highlightOutline.free.selected .mainOutline{
17543
17361
  stroke:var(--outline-around-color);
17544
17362
  stroke-width:calc(
17545
17363
  2 * (var(--outline-width) + var(--outline-around-width))
17546
17364
  );
17547
17365
  }
17548
- .superdoc-viewer .highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline{
17366
+ .superdoc-viewer .canvasWrapper svg.highlightOutline.free.selected .secondaryOutline{
17549
17367
  stroke:var(--outline-color);
17550
17368
  stroke-width:calc(2 * var(--outline-width));
17551
17369
  }
@@ -17562,41 +17380,6 @@ readers do not read off random characters that represent icons */
17562
17380
  --size-item-small:16px;
17563
17381
  --size-item-large:32px;
17564
17382
  --color-canvas:white;
17565
- }
17566
- @media (prefers-color-scheme: dark){
17567
- .superdoc-viewer .toggle-button{
17568
- --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
17569
- --button-background-color-hover:color-mix(
17570
- in srgb,
17571
- currentColor 14%,
17572
- transparent
17573
- );
17574
- --button-background-color-active:color-mix(
17575
- in srgb,
17576
- currentColor 21%,
17577
- transparent
17578
- );
17579
- --color-accent-primary:#0df;
17580
- --color-accent-primary-hover:#80ebff;
17581
- --color-accent-primary-active:#aaf2ff;
17582
- --border-interactive-color:#bfbfc9;
17583
- --color-canvas:#1c1b22;
17584
- }
17585
- }
17586
- @media (forced-colors: active){
17587
- .superdoc-viewer .toggle-button{
17588
- --color-accent-primary:ButtonText;
17589
- --color-accent-primary-hover:SelectedItem;
17590
- --color-accent-primary-active:SelectedItem;
17591
- --border-interactive-color:ButtonText;
17592
- --button-background-color:ButtonFace;
17593
- --border-interactive-color-hover:SelectedItem;
17594
- --border-interactive-color-active:SelectedItem;
17595
- --border-interactive-color-disabled:GrayText;
17596
- --color-canvas:ButtonText;
17597
- }
17598
- }
17599
- .superdoc-viewer .toggle-button{
17600
17383
 
17601
17384
  --toggle-background-color:var(--button-background-color);
17602
17385
  --toggle-background-color-hover:var(--button-background-color-hover);
@@ -17640,6 +17423,39 @@ readers do not read off random characters that represent icons */
17640
17423
  box-sizing:border-box;
17641
17424
  flex-shrink:0;
17642
17425
  }
17426
+ @media (prefers-color-scheme: dark){
17427
+ .superdoc-viewer .toggle-button{
17428
+ --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
17429
+ --button-background-color-hover:color-mix(
17430
+ in srgb,
17431
+ currentColor 14%,
17432
+ transparent
17433
+ );
17434
+ --button-background-color-active:color-mix(
17435
+ in srgb,
17436
+ currentColor 21%,
17437
+ transparent
17438
+ );
17439
+ --color-accent-primary:#0df;
17440
+ --color-accent-primary-hover:#80ebff;
17441
+ --color-accent-primary-active:#aaf2ff;
17442
+ --border-interactive-color:#bfbfc9;
17443
+ --color-canvas:#1c1b22;
17444
+ }
17445
+ }
17446
+ @media (forced-colors: active){
17447
+ .superdoc-viewer .toggle-button{
17448
+ --color-accent-primary:ButtonText;
17449
+ --color-accent-primary-hover:SelectedItem;
17450
+ --color-accent-primary-active:SelectedItem;
17451
+ --border-interactive-color:ButtonText;
17452
+ --button-background-color:ButtonFace;
17453
+ --border-interactive-color-hover:SelectedItem;
17454
+ --border-interactive-color-active:SelectedItem;
17455
+ --border-interactive-color-disabled:GrayText;
17456
+ --color-canvas:ButtonText;
17457
+ }
17458
+ }
17643
17459
  .superdoc-viewer .toggle-button:focus-visible{
17644
17460
  outline:var(--focus-outline);
17645
17461
  outline-offset:var(--focus-outline-offset);
@@ -17678,7 +17494,8 @@ readers do not read off random characters that represent icons */
17678
17494
  translate:var(--toggle-dot-transform-x);
17679
17495
  background-color:var(--toggle-dot-background-color-on-pressed);
17680
17496
  }
17681
- .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover::before,.superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:active::before{
17497
+ .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover::before,
17498
+ .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:active::before{
17682
17499
  background-color:var(--toggle-dot-background-color-on-pressed);
17683
17500
  }
17684
17501
  .superdoc-viewer [dir="rtl"] .toggle-button[aria-pressed="true"]::before{
@@ -17700,14 +17517,16 @@ readers do not read off random characters that represent icons */
17700
17517
  border-color:var(--toggle-border-color);
17701
17518
  position:relative;
17702
17519
  }
17703
- .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover,.superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover:active{
17520
+ .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover,
17521
+ .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover:active{
17704
17522
  border-color:var(--toggle-border-color-hover);
17705
17523
  }
17706
17524
  .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:active{
17707
17525
  background-color:var(--toggle-dot-background-color-active);
17708
17526
  border-color:var(--toggle-dot-background-color-hover);
17709
17527
  }
17710
- .superdoc-viewer .toggle-button:hover::before,.superdoc-viewer .toggle-button:active::before{
17528
+ .superdoc-viewer .toggle-button:hover::before,
17529
+ .superdoc-viewer .toggle-button:active::before{
17711
17530
  background-color:var(--toggle-dot-background-color-hover);
17712
17531
  }
17713
17532
  }
@@ -17760,8 +17579,6 @@ readers do not read off random characters that represent icons */
17760
17579
  --editorInk-editing-cursor:url(images/cursor-editorInk.svg) 0 16, pointer;
17761
17580
  --editorHighlight-editing-cursor:url(images/cursor-editorTextHighlight.svg) 24 24, text;
17762
17581
  --editorFreeHighlight-editing-cursor:url(images/cursor-editorFreeHighlight.svg) 1 18, pointer;
17763
-
17764
- --new-alt-text-warning-image:url(images/altText_warning.svg);
17765
17582
  }
17766
17583
  .superdoc-viewer .visuallyHidden{
17767
17584
  position:absolute;
@@ -17785,9 +17602,6 @@ readers do not read off random characters that represent icons */
17785
17602
  .superdoc-viewer .textLayer.highlighting.free span{
17786
17603
  cursor:var(--editorFreeHighlight-editing-cursor);
17787
17604
  }
17788
- .superdoc-viewer #viewerContainer.pdfPresentationMode:fullscreen .noAltTextBadge{
17789
- display:none !important;
17790
- }
17791
17605
  @media (min-resolution: 1.1dppx){
17792
17606
  .superdoc-viewer :root{
17793
17607
  --editorFreeText-editing-cursor:url(images/cursor-editorFreeText.svg) 0 16, text;
@@ -17819,12 +17633,6 @@ readers do not read off random characters that represent icons */
17819
17633
  transform-origin:0 0;
17820
17634
  cursor:auto;
17821
17635
  }
17822
- .superdoc-viewer .annotationEditorLayer .selectedEditor{
17823
- z-index:100000 !important;
17824
- }
17825
- .superdoc-viewer .annotationEditorLayer.drawing *{
17826
- pointer-events:none !important;
17827
- }
17828
17636
  .superdoc-viewer .annotationEditorLayer.waiting{
17829
17637
  content:"";
17830
17638
  cursor:wait;
@@ -17852,34 +17660,35 @@ readers do not read off random characters that represent icons */
17852
17660
  max-height:100%;
17853
17661
  border:var(--unfocus-outline);
17854
17662
  }
17855
- .superdoc-viewer .draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
17663
+ .superdoc-viewer .annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
17856
17664
  cursor:move;
17857
17665
  }
17858
- .superdoc-viewer .moving:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
17666
+ .superdoc-viewer .annotationEditorLayer .moving:is(.freeTextEditor, .inkEditor, .stampEditor){
17859
17667
  touch-action:none;
17860
17668
  }
17861
- .superdoc-viewer .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
17669
+ .superdoc-viewer .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
17862
17670
  border:var(--focus-outline);
17863
17671
  outline:var(--focus-outline-around);
17864
17672
  }
17865
- .superdoc-viewer .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))::before{
17673
+ .superdoc-viewer .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor)::before{
17866
17674
  content:"";
17867
17675
  position:absolute;
17868
17676
  inset:0;
17869
17677
  border:var(--focus-outline-around);
17870
17678
  pointer-events:none;
17871
17679
  }
17872
- .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor){
17680
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor){
17873
17681
  border:var(--hover-outline);
17874
17682
  outline:var(--hover-outline-around);
17875
17683
  }
17876
- .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor)::before{
17684
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor)::before{
17877
17685
  content:"";
17878
17686
  position:absolute;
17879
17687
  inset:0;
17880
17688
  border:var(--focus-outline-around);
17881
17689
  }
17882
- .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
17690
+ .superdoc-viewer :is(.annotationEditorLayer
17691
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17883
17692
  --editor-toolbar-delete-image:url(images/editor-toolbar-delete.svg);
17884
17693
  --editor-toolbar-bg-color:#f0f0f4;
17885
17694
  --editor-toolbar-highlight-image:url(images/toolbarButton-editorHighlight.svg);
@@ -17894,39 +17703,6 @@ readers do not read off random characters that represent icons */
17894
17703
  --editor-toolbar-vert-offset:6px;
17895
17704
  --editor-toolbar-height:28px;
17896
17705
  --editor-toolbar-padding:2px;
17897
- --alt-text-done-color:#2ac3a2;
17898
- --alt-text-warning-color:#0090ed;
17899
- --alt-text-hover-done-color:var(--alt-text-done-color);
17900
- --alt-text-hover-warning-color:var(--alt-text-warning-color);
17901
- }
17902
- @media (prefers-color-scheme: dark){
17903
- .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
17904
- --editor-toolbar-bg-color:#2b2a33;
17905
- --editor-toolbar-fg-color:#fbfbfe;
17906
- --editor-toolbar-hover-bg-color:#52525e;
17907
- --editor-toolbar-focus-outline-color:#0df;
17908
- --alt-text-done-color:#54ffbd;
17909
- --alt-text-warning-color:#80ebff;
17910
- }
17911
- }
17912
- @media screen and (forced-colors: active){
17913
- .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
17914
- --editor-toolbar-bg-color:ButtonFace;
17915
- --editor-toolbar-fg-color:ButtonText;
17916
- --editor-toolbar-border-color:ButtonText;
17917
- --editor-toolbar-hover-border-color:AccentColor;
17918
- --editor-toolbar-hover-bg-color:ButtonFace;
17919
- --editor-toolbar-hover-fg-color:AccentColor;
17920
- --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
17921
- --editor-toolbar-focus-outline-color:ButtonBorder;
17922
- --editor-toolbar-shadow:none;
17923
- --alt-text-done-color:var(--editor-toolbar-fg-color);
17924
- --alt-text-warning-color:var(--editor-toolbar-fg-color);
17925
- --alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color);
17926
- --alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color);
17927
- }
17928
- }
17929
- .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
17930
17706
 
17931
17707
  display:flex;
17932
17708
  width:-moz-fit-content;
@@ -17949,26 +17725,55 @@ readers do not read off random characters that represent icons */
17949
17725
  border:1px solid var(--editor-toolbar-border-color);
17950
17726
  box-shadow:var(--editor-toolbar-shadow);
17951
17727
  }
17952
- .superdoc-viewer .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
17728
+ @media (prefers-color-scheme: dark){
17729
+ .superdoc-viewer :is(.annotationEditorLayer
17730
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17731
+ --editor-toolbar-bg-color:#2b2a33;
17732
+ --editor-toolbar-fg-color:#fbfbfe;
17733
+ --editor-toolbar-hover-bg-color:#52525e;
17734
+ --editor-toolbar-focus-outline-color:#0df;
17735
+ }
17736
+ }
17737
+ @media screen and (forced-colors: active){
17738
+ .superdoc-viewer :is(.annotationEditorLayer
17739
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17740
+ --editor-toolbar-bg-color:ButtonFace;
17741
+ --editor-toolbar-fg-color:ButtonText;
17742
+ --editor-toolbar-border-color:ButtonText;
17743
+ --editor-toolbar-hover-border-color:AccentColor;
17744
+ --editor-toolbar-hover-bg-color:ButtonFace;
17745
+ --editor-toolbar-hover-fg-color:AccentColor;
17746
+ --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
17747
+ --editor-toolbar-focus-outline-color:ButtonBorder;
17748
+ --editor-toolbar-shadow:none;
17749
+ }
17750
+ }
17751
+ .superdoc-viewer :is(.annotationEditorLayer
17752
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar.hidden{
17953
17753
  display:none;
17954
17754
  }
17955
- .superdoc-viewer :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar):has(:focus-visible){
17755
+ .superdoc-viewer :is(.annotationEditorLayer
17756
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar:has(:focus-visible){
17956
17757
  border-color:transparent;
17957
17758
  }
17958
- .superdoc-viewer [dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
17759
+ .superdoc-viewer [dir="ltr"] :is(.annotationEditorLayer
17760
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17959
17761
  transform-origin:100% 0;
17960
17762
  }
17961
- .superdoc-viewer [dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
17763
+ .superdoc-viewer [dir="rtl"] :is(.annotationEditorLayer
17764
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17962
17765
  transform-origin:0 0;
17963
17766
  }
17964
- .superdoc-viewer :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons{
17767
+ .superdoc-viewer :is(.annotationEditorLayer
17768
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons{
17965
17769
  display:flex;
17966
17770
  justify-content:center;
17967
17771
  align-items:center;
17968
17772
  gap:0;
17969
17773
  height:100%;
17970
17774
  }
17971
- .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .divider{
17775
+ .superdoc-viewer :is(.annotationEditorLayer
17776
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .divider{
17972
17777
  width:1px;
17973
17778
  height:calc(
17974
17779
  2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
@@ -17977,10 +17782,12 @@ readers do not read off random characters that represent icons */
17977
17782
  display:inline-block;
17978
17783
  margin-inline:2px;
17979
17784
  }
17980
- .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton{
17785
+ .superdoc-viewer :is(.annotationEditorLayer
17786
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton{
17981
17787
  width:var(--editor-toolbar-height);
17982
17788
  }
17983
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton)::before{
17789
+ .superdoc-viewer :is(.annotationEditorLayer
17790
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton::before{
17984
17791
  content:"";
17985
17792
  -webkit-mask-image:var(--editor-toolbar-highlight-image);
17986
17793
  mask-image:var(--editor-toolbar-highlight-image);
@@ -17993,13 +17800,16 @@ readers do not read off random characters that represent icons */
17993
17800
  width:100%;
17994
17801
  height:100%;
17995
17802
  }
17996
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover::before{
17803
+ .superdoc-viewer :is(.annotationEditorLayer
17804
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton:hover::before{
17997
17805
  background-color:var(--editor-toolbar-hover-fg-color);
17998
17806
  }
17999
- .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete{
17807
+ .superdoc-viewer :is(.annotationEditorLayer
17808
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete{
18000
17809
  width:var(--editor-toolbar-height);
18001
17810
  }
18002
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete)::before{
17811
+ .superdoc-viewer :is(.annotationEditorLayer
17812
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete::before{
18003
17813
  content:"";
18004
17814
  -webkit-mask-image:var(--editor-toolbar-delete-image);
18005
17815
  mask-image:var(--editor-toolbar-delete-image);
@@ -18012,32 +17822,39 @@ readers do not read off random characters that represent icons */
18012
17822
  width:100%;
18013
17823
  height:100%;
18014
17824
  }
18015
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete):hover::before{
17825
+ .superdoc-viewer :is(.annotationEditorLayer
17826
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete:hover::before{
18016
17827
  background-color:var(--editor-toolbar-hover-fg-color);
18017
17828
  }
18018
- .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > *{
17829
+ .superdoc-viewer :is(.annotationEditorLayer
17830
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > *{
18019
17831
  height:var(--editor-toolbar-height);
18020
17832
  }
18021
- .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider){
17833
+ .superdoc-viewer :is(.annotationEditorLayer
17834
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider){
18022
17835
  border:none;
18023
17836
  background-color:transparent;
18024
17837
  cursor:pointer;
18025
17838
  }
18026
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover{
17839
+ .superdoc-viewer :is(.annotationEditorLayer
17840
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover{
18027
17841
  border-radius:2px;
18028
17842
  background-color:var(--editor-toolbar-hover-bg-color);
18029
17843
  color:var(--editor-toolbar-hover-fg-color);
18030
17844
  outline:var(--editor-toolbar-hover-outline);
18031
17845
  outline-offset:1px;
18032
17846
  }
18033
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active{
17847
+ .superdoc-viewer :is(.annotationEditorLayer
17848
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover:active{
18034
17849
  outline:none;
18035
17850
  }
18036
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible{
17851
+ .superdoc-viewer :is(.annotationEditorLayer
17852
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):focus-visible{
18037
17853
  border-radius:2px;
18038
17854
  outline:2px solid var(--editor-toolbar-focus-outline-color);
18039
17855
  }
18040
- .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText{
17856
+ .superdoc-viewer :is(.annotationEditorLayer
17857
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{
18041
17858
  --alt-text-add-image:url(images/altText_add.svg);
18042
17859
  --alt-text-done-image:url(images/altText_done.svg);
18043
17860
 
@@ -18053,10 +17870,12 @@ readers do not read off random characters that represent icons */
18053
17870
  font-size:12px;
18054
17871
  color:var(--editor-toolbar-fg-color);
18055
17872
  }
18056
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{
17873
+ .superdoc-viewer :is(.annotationEditorLayer
17874
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:disabled{
18057
17875
  pointer-events:none;
18058
17876
  }
18059
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
17877
+ .superdoc-viewer :is(.annotationEditorLayer
17878
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText::before{
18060
17879
  content:"";
18061
17880
  -webkit-mask-image:var(--alt-text-add-image);
18062
17881
  mask-image:var(--alt-text-add-image);
@@ -18070,58 +17889,25 @@ readers do not read off random characters that represent icons */
18070
17889
  background-color:var(--editor-toolbar-fg-color);
18071
17890
  margin-inline-end:4px;
18072
17891
  }
18073
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
17892
+ .superdoc-viewer :is(.annotationEditorLayer
17893
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:hover::before{
18074
17894
  background-color:var(--editor-toolbar-hover-fg-color);
18075
17895
  }
18076
- .superdoc-viewer .done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
17896
+ .superdoc-viewer :is(.annotationEditorLayer
17897
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText.done::before{
18077
17898
  -webkit-mask-image:var(--alt-text-done-image);
18078
17899
  mask-image:var(--alt-text-done-image);
18079
17900
  }
18080
- .superdoc-viewer .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
18081
- width:16px;
18082
- height:16px;
18083
- -webkit-mask-image:var(--new-alt-text-warning-image);
18084
- mask-image:var(--new-alt-text-warning-image);
18085
- background-color:var(--alt-text-warning-color);
18086
- -webkit-mask-size:cover;
18087
- mask-size:cover;
18088
- }
18089
- .superdoc-viewer .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
18090
- background-color:var(--alt-text-hover-warning-color);
18091
- }
18092
- .superdoc-viewer .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
18093
- -webkit-mask-image:var(--alt-text-done-image);
18094
- mask-image:var(--alt-text-done-image);
18095
- background-color:var(--alt-text-done-color);
18096
- }
18097
- .superdoc-viewer .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
18098
- background-color:var(--alt-text-hover-done-color);
18099
- }
18100
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip{
17901
+ .superdoc-viewer :is(.annotationEditorLayer
17902
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip{
18101
17903
  display:none;
18102
17904
  }
18103
- .superdoc-viewer .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
17905
+ .superdoc-viewer :is(.annotationEditorLayer
17906
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
18104
17907
  --alt-text-tooltip-bg:#f0f0f4;
18105
17908
  --alt-text-tooltip-fg:#15141a;
18106
17909
  --alt-text-tooltip-border:#8f8f9d;
18107
17910
  --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);
18108
- }
18109
- @media (prefers-color-scheme: dark){
18110
- .superdoc-viewer .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
18111
- --alt-text-tooltip-bg:#1c1b22;
18112
- --alt-text-tooltip-fg:#fbfbfe;
18113
- --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
18114
- }
18115
- }
18116
- @media screen and (forced-colors: active){
18117
- .superdoc-viewer .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
18118
- --alt-text-tooltip-bg:Canvas;
18119
- --alt-text-tooltip-fg:CanvasText;
18120
- --alt-text-tooltip-border:CanvasText;
18121
- --alt-text-tooltip-shadow:none;
18122
- }
18123
- }
18124
- .superdoc-viewer .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
18125
17911
 
18126
17912
  display:inline-flex;
18127
17913
  flex-direction:column;
@@ -18145,6 +17931,23 @@ readers do not read off random characters that represent icons */
18145
17931
 
18146
17932
  pointer-events:none;
18147
17933
  }
17934
+ @media (prefers-color-scheme: dark){
17935
+ .superdoc-viewer :is(.annotationEditorLayer
17936
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
17937
+ --alt-text-tooltip-bg:#1c1b22;
17938
+ --alt-text-tooltip-fg:#fbfbfe;
17939
+ --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
17940
+ }
17941
+ }
17942
+ @media screen and (forced-colors: active){
17943
+ .superdoc-viewer :is(.annotationEditorLayer
17944
+ :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
17945
+ --alt-text-tooltip-bg:Canvas;
17946
+ --alt-text-tooltip-fg:CanvasText;
17947
+ --alt-text-tooltip-border:CanvasText;
17948
+ --alt-text-tooltip-shadow:none;
17949
+ }
17950
+ }
18148
17951
  .superdoc-viewer .annotationEditorLayer .freeTextEditor{
18149
17952
  padding:calc(var(--freetext-padding) * var(--scale-factor));
18150
17953
  width:auto;
@@ -18202,70 +18005,20 @@ readers do not read off random characters that represent icons */
18202
18005
  width:auto;
18203
18006
  height:auto;
18204
18007
  }
18205
- .superdoc-viewer :is(.annotationEditorLayer .stampEditor) canvas{
18008
+ .superdoc-viewer .annotationEditorLayer .stampEditor canvas{
18206
18009
  position:absolute;
18207
18010
  width:100%;
18208
18011
  height:100%;
18209
18012
  margin:0;
18210
- top:0;
18211
- left:0;
18212
18013
  }
18213
- .superdoc-viewer :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
18214
- --no-alt-text-badge-border-color:#f0f0f4;
18215
- --no-alt-text-badge-bg-color:#cfcfd8;
18216
- --no-alt-text-badge-fg-color:#5b5b66;
18217
- }
18218
- @media (prefers-color-scheme: dark){
18219
- .superdoc-viewer :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
18220
- --no-alt-text-badge-border-color:#52525e;
18221
- --no-alt-text-badge-bg-color:#fbfbfe;
18222
- --no-alt-text-badge-fg-color:#15141a;
18223
- }
18224
- }
18225
- @media screen and (forced-colors: active){
18226
- .superdoc-viewer :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
18227
- --no-alt-text-badge-border-color:ButtonText;
18228
- --no-alt-text-badge-bg-color:ButtonFace;
18229
- --no-alt-text-badge-fg-color:ButtonText;
18230
- }
18231
- }
18232
- .superdoc-viewer :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
18233
-
18234
- position:absolute;
18235
- inset-inline-end:5px;
18236
- inset-block-end:5px;
18237
- display:inline-flex;
18238
- width:32px;
18239
- height:32px;
18240
- padding:3px;
18241
- justify-content:center;
18242
- align-items:center;
18243
- pointer-events:none;
18244
- z-index:1;
18245
-
18246
- border-radius:2px;
18247
- border:1px solid var(--no-alt-text-badge-border-color);
18248
- background:var(--no-alt-text-badge-bg-color);
18249
- }
18250
- .superdoc-viewer :is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge)::before{
18251
- content:"";
18252
- display:inline-block;
18253
- width:16px;
18254
- height:16px;
18255
- -webkit-mask-image:var(--new-alt-text-warning-image);
18256
- mask-image:var(--new-alt-text-warning-image);
18257
- -webkit-mask-size:cover;
18258
- mask-size:cover;
18259
- background-color:var(--no-alt-text-badge-fg-color);
18260
- }
18261
- .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers{
18014
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers{
18262
18015
  position:absolute;
18263
18016
  inset:0;
18264
18017
  }
18265
- .superdoc-viewer .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers){
18018
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers.hidden{
18266
18019
  display:none;
18267
18020
  }
18268
- .superdoc-viewer :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer{
18021
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer{
18269
18022
  width:var(--resizer-size);
18270
18023
  height:var(--resizer-size);
18271
18024
  background:content-box var(--resizer-bg-color);
@@ -18273,86 +18026,192 @@ readers do not read off random characters that represent icons */
18273
18026
  border-radius:2px;
18274
18027
  position:absolute;
18275
18028
  }
18276
- .superdoc-viewer .topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18029
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topLeft{
18277
18030
  top:var(--resizer-shift);
18278
18031
  left:var(--resizer-shift);
18279
18032
  }
18280
- .superdoc-viewer .topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18033
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topMiddle{
18281
18034
  top:var(--resizer-shift);
18282
18035
  left:calc(50% + var(--resizer-shift));
18283
18036
  }
18284
- .superdoc-viewer .topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18037
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topRight{
18285
18038
  top:var(--resizer-shift);
18286
18039
  right:var(--resizer-shift);
18287
18040
  }
18288
- .superdoc-viewer .middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18041
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleRight{
18289
18042
  top:calc(50% + var(--resizer-shift));
18290
18043
  right:var(--resizer-shift);
18291
18044
  }
18292
- .superdoc-viewer .bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18045
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomRight{
18293
18046
  bottom:var(--resizer-shift);
18294
18047
  right:var(--resizer-shift);
18295
18048
  }
18296
- .superdoc-viewer .bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18049
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomMiddle{
18297
18050
  bottom:var(--resizer-shift);
18298
18051
  left:calc(50% + var(--resizer-shift));
18299
18052
  }
18300
- .superdoc-viewer .bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18053
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomLeft{
18301
18054
  bottom:var(--resizer-shift);
18302
18055
  left:var(--resizer-shift);
18303
18056
  }
18304
- .superdoc-viewer .middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18057
+ .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleLeft{
18305
18058
  top:calc(50% + var(--resizer-shift));
18306
18059
  left:var(--resizer-shift);
18307
18060
  }
18308
- .superdoc-viewer .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),.superdoc-viewer .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){
18061
+ .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18062
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18063
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18064
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18065
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18066
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18067
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18068
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18069
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight{
18309
18070
  cursor:nwse-resize;
18310
18071
  }
18311
- .superdoc-viewer .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),.superdoc-viewer .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){
18072
+ .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18073
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18074
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18075
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18076
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18077
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18078
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18079
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18080
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle{
18312
18081
  cursor:ns-resize;
18313
18082
  }
18314
- .superdoc-viewer .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),.superdoc-viewer .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){
18083
+ .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18084
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18085
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18086
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18087
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18088
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18089
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18090
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18091
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft{
18315
18092
  cursor:nesw-resize;
18316
18093
  }
18317
- .superdoc-viewer .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),.superdoc-viewer .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){
18094
+ .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18095
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18096
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18097
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18098
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18099
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18100
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18101
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18102
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft{
18318
18103
  cursor:ew-resize;
18319
18104
  }
18320
- .superdoc-viewer .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),.superdoc-viewer .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){
18105
+ .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18106
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18107
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18108
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18109
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18110
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18111
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18112
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18113
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight{
18321
18114
  cursor:nesw-resize;
18322
18115
  }
18323
- .superdoc-viewer .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),.superdoc-viewer .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){
18116
+ .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18117
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18118
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18119
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18120
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18121
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18122
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18123
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18124
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle{
18324
18125
  cursor:ew-resize;
18325
18126
  }
18326
- .superdoc-viewer .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),.superdoc-viewer .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){
18127
+ .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18128
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18129
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18130
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18131
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18132
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18133
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18134
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18135
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft{
18327
18136
  cursor:nwse-resize;
18328
18137
  }
18329
- .superdoc-viewer .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),.superdoc-viewer .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){
18138
+ .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18139
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18140
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18141
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18142
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18143
+ :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18144
+ :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18145
+ :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18146
+ :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft{
18330
18147
  cursor:ns-resize;
18331
18148
  }
18332
- .superdoc-viewer :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{
18149
+ .superdoc-viewer .annotationEditorLayer
18150
+ :is(
18151
+ [data-main-rotation="0"] [data-editor-rotation="90"],
18152
+ [data-main-rotation="90"] [data-editor-rotation="0"],
18153
+ [data-main-rotation="180"] [data-editor-rotation="270"],
18154
+ [data-main-rotation="270"] [data-editor-rotation="180"]
18155
+ ) .editToolbar{
18333
18156
  rotate:270deg;
18334
18157
  }
18335
- .superdoc-viewer [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){
18158
+ .superdoc-viewer [dir="ltr"] .annotationEditorLayer
18159
+ :is(
18160
+ [data-main-rotation="0"] [data-editor-rotation="90"],
18161
+ [data-main-rotation="90"] [data-editor-rotation="0"],
18162
+ [data-main-rotation="180"] [data-editor-rotation="270"],
18163
+ [data-main-rotation="270"] [data-editor-rotation="180"]
18164
+ ) .editToolbar{
18336
18165
  inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset));
18337
18166
  inset-block-start:0;
18338
18167
  }
18339
- .superdoc-viewer [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){
18168
+ .superdoc-viewer [dir="rtl"] .annotationEditorLayer
18169
+ :is(
18170
+ [data-main-rotation="0"] [data-editor-rotation="90"],
18171
+ [data-main-rotation="90"] [data-editor-rotation="0"],
18172
+ [data-main-rotation="180"] [data-editor-rotation="270"],
18173
+ [data-main-rotation="270"] [data-editor-rotation="180"]
18174
+ ) .editToolbar{
18340
18175
  inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
18341
18176
  inset-block-start:0;
18342
18177
  }
18343
- .superdoc-viewer :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{
18178
+ .superdoc-viewer .annotationEditorLayer
18179
+ :is(
18180
+ [data-main-rotation="0"] [data-editor-rotation="180"],
18181
+ [data-main-rotation="90"] [data-editor-rotation="90"],
18182
+ [data-main-rotation="180"] [data-editor-rotation="0"],
18183
+ [data-main-rotation="270"] [data-editor-rotation="270"]
18184
+ ) .editToolbar{
18344
18185
  rotate:180deg;
18345
18186
  inset-inline-end:100%;
18346
18187
  inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
18347
18188
  }
18348
- .superdoc-viewer :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{
18189
+ .superdoc-viewer .annotationEditorLayer
18190
+ :is(
18191
+ [data-main-rotation="0"] [data-editor-rotation="270"],
18192
+ [data-main-rotation="90"] [data-editor-rotation="180"],
18193
+ [data-main-rotation="180"] [data-editor-rotation="90"],
18194
+ [data-main-rotation="270"] [data-editor-rotation="0"]
18195
+ ) .editToolbar{
18349
18196
  rotate:90deg;
18350
18197
  }
18351
- .superdoc-viewer [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){
18198
+ .superdoc-viewer [dir="ltr"] .annotationEditorLayer
18199
+ :is(
18200
+ [data-main-rotation="0"] [data-editor-rotation="270"],
18201
+ [data-main-rotation="90"] [data-editor-rotation="180"],
18202
+ [data-main-rotation="180"] [data-editor-rotation="90"],
18203
+ [data-main-rotation="270"] [data-editor-rotation="0"]
18204
+ ) .editToolbar{
18352
18205
  inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
18353
18206
  inset-block-start:100%;
18354
18207
  }
18355
- .superdoc-viewer [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){
18208
+ .superdoc-viewer [dir="rtl"] .annotationEditorLayer
18209
+ :is(
18210
+ [data-main-rotation="0"] [data-editor-rotation="270"],
18211
+ [data-main-rotation="90"] [data-editor-rotation="180"],
18212
+ [data-main-rotation="180"] [data-editor-rotation="90"],
18213
+ [data-main-rotation="270"] [data-editor-rotation="0"]
18214
+ ) .editToolbar{
18356
18215
  inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset));
18357
18216
  inset-block-start:0;
18358
18217
  }
@@ -18372,211 +18231,42 @@ readers do not read off random characters that represent icons */
18372
18231
  align-items:flex-start;
18373
18232
  gap:16px;
18374
18233
  }
18375
- .superdoc-viewer :is(.dialog.altText #altTextContainer) #overallDescription{
18234
+ .superdoc-viewer .dialog.altText #altTextContainer #overallDescription{
18376
18235
  display:flex;
18377
18236
  flex-direction:column;
18378
18237
  align-items:flex-start;
18379
18238
  gap:4px;
18380
18239
  align-self:stretch;
18381
18240
  }
18382
- .superdoc-viewer :is(:is(.dialog.altText #altTextContainer) #overallDescription) span{
18241
+ .superdoc-viewer .dialog.altText #altTextContainer #overallDescription span{
18383
18242
  align-self:stretch;
18384
18243
  }
18385
- .superdoc-viewer :is(:is(.dialog.altText #altTextContainer) #overallDescription) .title{
18244
+ .superdoc-viewer .dialog.altText #altTextContainer #overallDescription .title{
18386
18245
  font-size:13px;
18387
18246
  font-style:normal;
18388
18247
  font-weight:590;
18389
18248
  }
18390
- .superdoc-viewer :is(.dialog.altText #altTextContainer) #addDescription{
18249
+ .superdoc-viewer .dialog.altText #altTextContainer #addDescription{
18391
18250
  display:flex;
18392
18251
  flex-direction:column;
18393
18252
  align-items:stretch;
18394
18253
  gap:8px;
18395
18254
  }
18396
- .superdoc-viewer :is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea{
18255
+ .superdoc-viewer .dialog.altText #altTextContainer #addDescription .descriptionArea{
18397
18256
  flex:1;
18398
18257
  padding-inline:24px 10px;
18399
18258
  }
18400
- .superdoc-viewer :is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea{
18259
+ .superdoc-viewer .dialog.altText #altTextContainer #addDescription .descriptionArea textarea{
18401
18260
  width:100%;
18402
18261
  min-height:75px;
18403
18262
  }
18404
- .superdoc-viewer :is(.dialog.altText #altTextContainer) #buttons{
18263
+ .superdoc-viewer .dialog.altText #altTextContainer #buttons{
18405
18264
  display:flex;
18406
18265
  justify-content:flex-end;
18407
18266
  align-items:flex-start;
18408
18267
  gap:8px;
18409
18268
  align-self:stretch;
18410
18269
  }
18411
- .superdoc-viewer .dialog.newAltText{
18412
- --new-alt-text-ai-disclaimer-icon:url(images/altText_disclaimer.svg);
18413
- --new-alt-text-spinner-icon:url(images/altText_spinner.svg);
18414
- --preview-image-bg-color:#f0f0f4;
18415
- --preview-image-border:none;
18416
- }
18417
- @media (prefers-color-scheme: dark){
18418
- .superdoc-viewer .dialog.newAltText{
18419
- --preview-image-bg-color:#2b2a33;
18420
- }
18421
- }
18422
- @media screen and (forced-colors: active){
18423
- .superdoc-viewer .dialog.newAltText{
18424
- --preview-image-bg-color:ButtonFace;
18425
- --preview-image-border:1px solid ButtonText;
18426
- }
18427
- }
18428
- .superdoc-viewer .dialog.newAltText{
18429
-
18430
- width:80%;
18431
- max-width:570px;
18432
- min-width:300px;
18433
- padding:0;
18434
- }
18435
- .superdoc-viewer .dialog.newAltText.noAi #newAltTextDisclaimer,.superdoc-viewer .dialog.newAltText.noAi #newAltTextCreateAutomatically{
18436
- display:none !important;
18437
- }
18438
- .superdoc-viewer .dialog.newAltText.aiInstalling #newAltTextCreateAutomatically{
18439
- display:none !important;
18440
- }
18441
- .superdoc-viewer .dialog.newAltText.aiInstalling #newAltTextDownloadModel{
18442
- display:flex !important;
18443
- }
18444
- .superdoc-viewer .dialog.newAltText.error #newAltTextNotNow{
18445
- display:none !important;
18446
- }
18447
- .superdoc-viewer .dialog.newAltText.error #newAltTextCancel{
18448
- display:inline-block !important;
18449
- }
18450
- .superdoc-viewer .dialog.newAltText:not(.error) #newAltTextError{
18451
- display:none !important;
18452
- }
18453
- .superdoc-viewer .dialog.newAltText #newAltTextContainer{
18454
- display:flex;
18455
- width:auto;
18456
- padding:16px;
18457
- flex-direction:column;
18458
- justify-content:flex-end;
18459
- align-items:flex-start;
18460
- gap:12px;
18461
- flex:0 1 auto;
18462
- line-height:normal;
18463
- }
18464
- .superdoc-viewer :is(.dialog.newAltText #newAltTextContainer) #mainContent{
18465
- display:flex;
18466
- justify-content:flex-end;
18467
- align-items:flex-start;
18468
- gap:12px;
18469
- align-self:stretch;
18470
- flex:1 1 auto;
18471
- }
18472
- .superdoc-viewer :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionAndSettings{
18473
- display:flex;
18474
- flex-direction:column;
18475
- align-items:flex-start;
18476
- gap:16px;
18477
- flex:1 0 0;
18478
- align-self:stretch;
18479
- }
18480
- .superdoc-viewer :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction{
18481
- display:flex;
18482
- flex-direction:column;
18483
- align-items:flex-start;
18484
- gap:8px;
18485
- align-self:stretch;
18486
- flex:1 1 auto;
18487
- }
18488
- .superdoc-viewer :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer{
18489
- width:100%;
18490
- height:70px;
18491
- position:relative;
18492
- }
18493
- .superdoc-viewer :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea{
18494
- width:100%;
18495
- height:100%;
18496
- padding:8px;
18497
- }
18498
- .superdoc-viewer :is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::-moz-placeholder{
18499
- color:var(--text-secondary-color);
18500
- }
18501
- .superdoc-viewer :is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::placeholder{
18502
- color:var(--text-secondary-color);
18503
- }
18504
- .superdoc-viewer :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{
18505
- display:none;
18506
- position:absolute;
18507
- width:16px;
18508
- height:16px;
18509
- inset-inline-start:8px;
18510
- inset-block-start:8px;
18511
- -webkit-mask-size:cover;
18512
- mask-size:cover;
18513
- background-color:var(--text-secondary-color);
18514
- pointer-events:none;
18515
- }
18516
- .superdoc-viewer .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::-moz-placeholder{
18517
- color:transparent;
18518
- }
18519
- .superdoc-viewer .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::placeholder{
18520
- color:transparent;
18521
- }
18522
- .superdoc-viewer .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{
18523
- display:inline-block;
18524
- -webkit-mask-image:var(--new-alt-text-spinner-icon);
18525
- mask-image:var(--new-alt-text-spinner-icon);
18526
- }
18527
- .superdoc-viewer :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescription{
18528
- font-size:11px;
18529
- }
18530
- .superdoc-viewer :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer{
18531
- display:flex;
18532
- flex-direction:row;
18533
- align-items:flex-start;
18534
- gap:4px;
18535
- font-size:11px;
18536
- }
18537
- .superdoc-viewer :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer)::before{
18538
- content:"";
18539
- display:inline-block;
18540
- width:17px;
18541
- height:16px;
18542
- -webkit-mask-image:var(--new-alt-text-ai-disclaimer-icon);
18543
- mask-image:var(--new-alt-text-ai-disclaimer-icon);
18544
- -webkit-mask-size:cover;
18545
- mask-size:cover;
18546
- background-color:var(--text-secondary-color);
18547
- flex:1 0 auto;
18548
- }
18549
- .superdoc-viewer :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel{
18550
- display:flex;
18551
- align-items:center;
18552
- gap:4px;
18553
- align-self:stretch;
18554
- }
18555
- .superdoc-viewer :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel)::before{
18556
- content:"";
18557
- display:inline-block;
18558
- width:16px;
18559
- height:16px;
18560
- -webkit-mask-image:var(--new-alt-text-spinner-icon);
18561
- mask-image:var(--new-alt-text-spinner-icon);
18562
- -webkit-mask-size:cover;
18563
- mask-size:cover;
18564
- background-color:var(--text-secondary-color);
18565
- }
18566
- .superdoc-viewer :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview{
18567
- width:180px;
18568
- aspect-ratio:1;
18569
- display:flex;
18570
- justify-content:center;
18571
- align-items:center;
18572
- flex:0 0 auto;
18573
- background-color:var(--preview-image-bg-color);
18574
- border:var(--preview-image-border);
18575
- }
18576
- .superdoc-viewer :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview) > canvas{
18577
- max-width:100%;
18578
- max-height:100%;
18579
- }
18580
18270
  .superdoc-viewer .colorPicker{
18581
18271
  --hover-outline-color:#0250bb;
18582
18272
  --selected-outline-color:#0060df;
@@ -18605,7 +18295,7 @@ readers do not read off random characters that represent icons */
18605
18295
  box-sizing:border-box;
18606
18296
  forced-color-adjust:none;
18607
18297
  }
18608
- .superdoc-viewer .colorPicker button:is(:hover,.selected) > .swatch{
18298
+ .superdoc-viewer .colorPicker button:is(:hover, .selected) > .swatch{
18609
18299
  border:none;
18610
18300
  }
18611
18301
  .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
@@ -18632,10 +18322,10 @@ readers do not read off random characters that represent icons */
18632
18322
  pointer-events:none;
18633
18323
  transform-origin:0 0;
18634
18324
  }
18635
- .superdoc-viewer :is(.annotationEditorLayer .highlightEditor):not(.free){
18325
+ .superdoc-viewer .annotationEditorLayer .highlightEditor:not(.free){
18636
18326
  transform:none;
18637
18327
  }
18638
- .superdoc-viewer :is(.annotationEditorLayer .highlightEditor) .internal{
18328
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .internal{
18639
18329
  position:absolute;
18640
18330
  top:0;
18641
18331
  left:0;
@@ -18643,18 +18333,18 @@ readers do not read off random characters that represent icons */
18643
18333
  height:100%;
18644
18334
  pointer-events:auto;
18645
18335
  }
18646
- .superdoc-viewer .disabled:is(.annotationEditorLayer .highlightEditor) .internal{
18336
+ .superdoc-viewer .annotationEditorLayer .highlightEditor.disabled .internal{
18647
18337
  pointer-events:none;
18648
18338
  }
18649
- .superdoc-viewer .selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal{
18339
+ .superdoc-viewer .annotationEditorLayer .highlightEditor.selectedEditor .internal{
18650
18340
  cursor:pointer;
18651
18341
  }
18652
- .superdoc-viewer :is(.annotationEditorLayer .highlightEditor) .editToolbar{
18342
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar{
18653
18343
  --editor-toolbar-colorpicker-arrow-image:url(images/toolbarButton-menuArrow.svg);
18654
18344
 
18655
18345
  transform-origin:center !important;
18656
18346
  }
18657
- .superdoc-viewer :is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker{
18347
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker{
18658
18348
  position:relative;
18659
18349
  width:auto;
18660
18350
  display:flex;
@@ -18663,7 +18353,7 @@ readers do not read off random characters that represent icons */
18663
18353
  gap:4px;
18664
18354
  padding:4px;
18665
18355
  }
18666
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker)::after{
18356
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker::after{
18667
18357
  content:"";
18668
18358
  -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);
18669
18359
  mask-image:var(--editor-toolbar-colorpicker-arrow-image);
@@ -18676,16 +18366,16 @@ readers do not read off random characters that represent icons */
18676
18366
  width:12px;
18677
18367
  height:12px;
18678
18368
  }
18679
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover::after{
18369
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:hover::after{
18680
18370
  background-color:var(--editor-toolbar-hover-fg-color);
18681
18371
  }
18682
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)){
18372
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)){
18683
18373
  background-color:var(--editor-toolbar-hover-bg-color);
18684
18374
  }
18685
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden))::after{
18375
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after{
18686
18376
  scale:-1;
18687
18377
  }
18688
- .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown{
18378
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown{
18689
18379
  position:absolute;
18690
18380
  display:flex;
18691
18381
  justify-content:center;
@@ -18700,7 +18390,7 @@ readers do not read off random characters that represent icons */
18700
18390
  inset-block-start:calc(100% + 4px);
18701
18391
  width:calc(100% + 2 * var(--editor-toolbar-padding));
18702
18392
  }
18703
- .superdoc-viewer :is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button{
18393
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button{
18704
18394
  width:100%;
18705
18395
  height:auto;
18706
18396
  border:none;
@@ -18710,16 +18400,16 @@ readers do not read off random characters that represent icons */
18710
18400
  align-items:center;
18711
18401
  background:none;
18712
18402
  }
18713
- .superdoc-viewer :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active,:focus-visible){
18403
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible){
18714
18404
  outline:none;
18715
18405
  }
18716
- .superdoc-viewer :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch{
18406
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch{
18717
18407
  outline-offset:2px;
18718
18408
  }
18719
- .superdoc-viewer [aria-selected="true"]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch{
18409
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected="true"] > .swatch{
18720
18410
  outline:2px solid var(--selected-outline-color);
18721
18411
  }
18722
- .superdoc-viewer :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
18412
+ .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
18723
18413
  outline:2px solid var(--hover-outline-color);
18724
18414
  }
18725
18415
  .superdoc-viewer .editorParamsToolbar:has(#highlightParamsToolbarContainer){
@@ -18744,14 +18434,14 @@ readers do not read off random characters that represent icons */
18744
18434
  flex-direction:column;
18745
18435
  gap:8px;
18746
18436
  }
18747
- .superdoc-viewer :is(#highlightParamsToolbarContainer .colorPicker) .dropdown{
18437
+ .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown{
18748
18438
  display:flex;
18749
18439
  justify-content:space-between;
18750
18440
  align-items:center;
18751
18441
  flex-direction:row;
18752
18442
  height:auto;
18753
18443
  }
18754
- .superdoc-viewer :is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button{
18444
+ .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button{
18755
18445
  width:auto;
18756
18446
  height:auto;
18757
18447
  border:none;
@@ -18762,17 +18452,17 @@ readers do not read off random characters that represent icons */
18762
18452
  background:none;
18763
18453
  flex:0 0 auto;
18764
18454
  }
18765
- .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch{
18455
+ .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button .swatch{
18766
18456
  width:24px;
18767
18457
  height:24px;
18768
18458
  }
18769
- .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active,:focus-visible){
18459
+ .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:active, :focus-visible){
18770
18460
  outline:none;
18771
18461
  }
18772
- .superdoc-viewer [aria-selected="true"]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) > .swatch{
18462
+ .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button[aria-selected="true"] > .swatch{
18773
18463
  outline:2px solid var(--selected-outline-color);
18774
18464
  }
18775
- .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
18465
+ .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
18776
18466
  outline:2px solid var(--hover-outline-color);
18777
18467
  }
18778
18468
  .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness{
@@ -18782,12 +18472,12 @@ readers do not read off random characters that represent icons */
18782
18472
  gap:4px;
18783
18473
  align-self:stretch;
18784
18474
  }
18785
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel{
18475
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .editorParamsLabel{
18786
18476
  width:100%;
18787
18477
  height:auto;
18788
18478
  align-self:stretch;
18789
18479
  }
18790
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
18480
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
18791
18481
  display:flex;
18792
18482
  justify-content:space-between;
18793
18483
  align-items:center;
@@ -18796,19 +18486,20 @@ readers do not read off random characters that represent icons */
18796
18486
  --example-color:#bfbfc9;
18797
18487
  }
18798
18488
  @media (prefers-color-scheme: dark){
18799
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
18489
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
18800
18490
  --example-color:#80808e;
18801
18491
  }
18802
18492
  }
18803
18493
  @media screen and (forced-colors: active){
18804
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
18494
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
18805
18495
  --example-color:CanvasText;
18806
18496
  }
18807
18497
  }
18808
- .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) > .editorParamsSlider[disabled]){
18498
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker > .editorParamsSlider[disabled]){
18809
18499
  opacity:0.4;
18810
18500
  }
18811
- .superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::before,.superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
18501
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::before,
18502
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
18812
18503
  content:"";
18813
18504
  width:8px;
18814
18505
  aspect-ratio:1;
@@ -18816,10 +18507,10 @@ readers do not read off random characters that represent icons */
18816
18507
  border-radius:100%;
18817
18508
  background-color:var(--example-color);
18818
18509
  }
18819
- .superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
18510
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
18820
18511
  width:24px;
18821
18512
  }
18822
- .superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider{
18513
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker .editorParamsSlider{
18823
18514
  width:unset;
18824
18515
  height:14px;
18825
18516
  }
@@ -18830,75 +18521,30 @@ readers do not read off random characters that represent icons */
18830
18521
  gap:8px;
18831
18522
  align-self:stretch;
18832
18523
  }
18833
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18524
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
18834
18525
  --divider-color:#d7d7db;
18526
+
18527
+ margin-block:4px;
18528
+ width:100%;
18529
+ height:1px;
18530
+ background-color:var(--divider-color);
18835
18531
  }
18836
18532
  @media (prefers-color-scheme: dark){
18837
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18533
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
18838
18534
  --divider-color:#8f8f9d;
18839
18535
  }
18840
18536
  }
18841
18537
  @media screen and (forced-colors: active){
18842
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18538
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
18843
18539
  --divider-color:CanvasText;
18844
18540
  }
18845
18541
  }
18846
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18847
-
18848
- margin-block:4px;
18849
- width:100%;
18850
- height:1px;
18851
- background-color:var(--divider-color);
18852
- }
18853
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .toggler{
18542
+ .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .toggler{
18854
18543
  display:flex;
18855
18544
  justify-content:space-between;
18856
18545
  align-items:center;
18857
18546
  align-self:stretch;
18858
18547
  }
18859
- .superdoc-viewer #altTextSettingsDialog{
18860
- padding:16px;
18861
- }
18862
- .superdoc-viewer #altTextSettingsDialog #altTextSettingsContainer{
18863
- display:flex;
18864
- width:573px;
18865
- flex-direction:column;
18866
- gap:16px;
18867
- }
18868
- .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) .mainContainer{
18869
- gap:16px;
18870
- }
18871
- .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) .description{
18872
- color:var(--text-secondary-color);
18873
- }
18874
- .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings{
18875
- display:flex;
18876
- flex-direction:column;
18877
- gap:12px;
18878
- }
18879
- .superdoc-viewer :is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) button{
18880
- width:-moz-fit-content;
18881
- width:fit-content;
18882
- }
18883
- .superdoc-viewer .download:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) #deleteModelButton{
18884
- display:none;
18885
- }
18886
- .superdoc-viewer :is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings):not(.download) #downloadModelButton{
18887
- display:none;
18888
- }
18889
- .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #automaticAltText,.superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #altTextEditor{
18890
- display:flex;
18891
- flex-direction:column;
18892
- gap:8px;
18893
- }
18894
- .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #createModelDescription,.superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings,.superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #showAltTextDialogDescription{
18895
- padding-inline-start:40px;
18896
- }
18897
- .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #automaticSettings{
18898
- display:flex;
18899
- flex-direction:column;
18900
- gap:16px;
18901
- }
18902
18548
  .superdoc-viewer :root{
18903
18549
  --viewer-container-height:0;
18904
18550
  --pdfViewer-padding-bottom:0;
@@ -18946,26 +18592,23 @@ readers do not read off random characters that represent icons */
18946
18592
  --hcm-highlight-filter:invert(100%);
18947
18593
  }
18948
18594
  }
18949
- .superdoc-viewer .pdfViewer.copyAll{
18950
- cursor:wait;
18951
- }
18952
18595
  .superdoc-viewer .pdfViewer .canvasWrapper{
18953
18596
  overflow:hidden;
18954
18597
  width:100%;
18955
18598
  height:100%;
18956
18599
  }
18957
- .superdoc-viewer :is(.pdfViewer .canvasWrapper) canvas{
18600
+ .superdoc-viewer .pdfViewer .canvasWrapper canvas{
18958
18601
  margin:0;
18959
18602
  display:block;
18960
18603
  }
18961
- .superdoc-viewer [hidden]:is(:is(.pdfViewer .canvasWrapper) canvas){
18604
+ .superdoc-viewer .pdfViewer .canvasWrapper canvas[hidden]{
18962
18605
  display:none;
18963
18606
  }
18964
- .superdoc-viewer [zooming]:is(:is(.pdfViewer .canvasWrapper) canvas){
18607
+ .superdoc-viewer .pdfViewer .canvasWrapper canvas[zooming]{
18965
18608
  width:100%;
18966
18609
  height:100%;
18967
18610
  }
18968
- .superdoc-viewer :is(:is(.pdfViewer .canvasWrapper) canvas) .structTree{
18611
+ .superdoc-viewer .pdfViewer .canvasWrapper canvas .structTree{
18969
18612
  contain:strict;
18970
18613
  }
18971
18614
  .superdoc-viewer .pdfViewer .page{