@harbour-enterprises/superdoc 1.0.0-alpha.54 → 1.0.0-alpha.56

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.
Files changed (4) hide show
  1. package/dist/style.css +783 -437
  2. package/dist/superdoc.es.js +3074 -2183
  3. package/dist/superdoc.es.js.map +1 -1
  4. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -16450,6 +16450,9 @@ 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;
16453
16456
 
16454
16457
  --textarea-border-color:#8f8f9d;
16455
16458
  --textarea-bg-color:white;
@@ -16469,20 +16472,10 @@ readers do not read off random characters that represent icons */
16469
16472
 
16470
16473
  --button-primary-bg-color:#0060df;
16471
16474
  --button-primary-fg-color:#fbfbfe;
16475
+ --button-primary-border-color:var(--button-primary-bg-color);
16472
16476
  --button-primary-hover-bg-color:var(--button-primary-bg-color);
16473
16477
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
16474
16478
  --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);
16486
16479
  }
16487
16480
  @media (prefers-color-scheme: dark){
16488
16481
  .superdoc-viewer .dialog{
@@ -16493,6 +16486,9 @@ readers do not read off random characters that represent icons */
16493
16486
  --text-secondary-color:#cfcfd8;
16494
16487
  --focus-ring-color:#0df;
16495
16488
  --hover-filter:brightness(1.4);
16489
+ --link-fg-color:#0df;
16490
+ --link-hover-fg-color:#80ebff;
16491
+ --separator-color:#52525e;
16496
16492
 
16497
16493
  --textarea-bg-color:#42414d;
16498
16494
 
@@ -16514,6 +16510,9 @@ readers do not read off random characters that represent icons */
16514
16510
  --text-secondary-color:CanvasText;
16515
16511
  --hover-filter:none;
16516
16512
  --focus-ring-color:ButtonBorder;
16513
+ --link-fg-color:LinkText;
16514
+ --link-hover-fg-color:LinkText;
16515
+ --separator-color:CanvasText;
16517
16516
 
16518
16517
  --textarea-border-color:ButtonBorder;
16519
16518
  --textarea-bg-color:Field;
@@ -16536,23 +16535,61 @@ readers do not read off random characters that represent icons */
16536
16535
  --button-primary-hover-fg-color:AccentColorText;
16537
16536
  }
16538
16537
  }
16539
- .superdoc-viewer .dialog .mainContainer *:focus-visible{
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{
16540
16552
  outline:var(--focus-ring-outline);
16541
16553
  outline-offset:2px;
16542
16554
  }
16543
- .superdoc-viewer .dialog .mainContainer .radio{
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{
16544
16581
  display:flex;
16545
16582
  flex-direction:column;
16546
16583
  align-items:flex-start;
16547
16584
  gap:4px;
16548
16585
  }
16549
- .superdoc-viewer .dialog .mainContainer .radio > .radioButton{
16586
+ .superdoc-viewer :is(:is(.dialog .mainContainer) .radio) > .radioButton{
16550
16587
  display:flex;
16551
16588
  gap:8px;
16552
16589
  align-self:stretch;
16553
16590
  align-items:center;
16554
16591
  }
16555
- .superdoc-viewer .dialog .mainContainer .radio > .radioButton input{
16592
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input{
16556
16593
  -webkit-appearance:none;
16557
16594
  -moz-appearance:none;
16558
16595
  appearance:none;
@@ -16563,26 +16600,26 @@ readers do not read off random characters that represent icons */
16563
16600
  background-color:var(--radio-bg-color);
16564
16601
  border:1px solid var(--radio-border-color);
16565
16602
  }
16566
- .superdoc-viewer .dialog .mainContainer .radio > .radioButton input:hover{
16603
+ .superdoc-viewer :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover{
16567
16604
  filter:var(--hover-filter);
16568
16605
  }
16569
- .superdoc-viewer .dialog .mainContainer .radio > .radioButton input:checked{
16606
+ .superdoc-viewer :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):checked{
16570
16607
  background-color:var(--radio-checked-bg-color);
16571
16608
  border:4px solid var(--radio-checked-border-color);
16572
16609
  }
16573
- .superdoc-viewer .dialog .mainContainer .radio > .radioLabel{
16610
+ .superdoc-viewer :is(:is(.dialog .mainContainer) .radio) > .radioLabel{
16574
16611
  display:flex;
16575
16612
  padding-inline-start:24px;
16576
16613
  align-items:flex-start;
16577
16614
  gap:10px;
16578
16615
  align-self:stretch;
16579
16616
  }
16580
- .superdoc-viewer .dialog .mainContainer .radio > .radioLabel > span{
16617
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel) > span{
16581
16618
  flex:1 0 0;
16582
16619
  font-size:11px;
16583
16620
  color:var(--text-secondary-color);
16584
16621
  }
16585
- .superdoc-viewer .dialog .mainContainer button{
16622
+ .superdoc-viewer :is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton)){
16586
16623
  border-radius:4px;
16587
16624
  border:1px solid;
16588
16625
  font:menu;
@@ -16591,32 +16628,38 @@ readers do not read off random characters that represent icons */
16591
16628
  width:auto;
16592
16629
  height:32px;
16593
16630
  }
16594
- .superdoc-viewer .dialog .mainContainer button:hover{
16631
+ .superdoc-viewer :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
16595
16632
  cursor:pointer;
16596
16633
  filter:var(--hover-filter);
16597
16634
  }
16598
- .superdoc-viewer .dialog .mainContainer button.secondaryButton{
16635
+ .superdoc-viewer .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
16599
16636
  color:var(--button-secondary-fg-color);
16600
16637
  background-color:var(--button-secondary-bg-color);
16601
16638
  border-color:var(--button-secondary-border-color);
16602
16639
  }
16603
- .superdoc-viewer .dialog .mainContainer button.secondaryButton:hover{
16640
+ .superdoc-viewer .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
16604
16641
  color:var(--button-secondary-hover-fg-color);
16605
16642
  background-color:var(--button-secondary-hover-bg-color);
16606
16643
  border-color:var(--button-secondary-hover-border-color);
16607
16644
  }
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);
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);
16612
16649
  opacity:1;
16613
16650
  }
16614
- .superdoc-viewer .dialog .mainContainer button.primaryButton:hover{
16651
+ .superdoc-viewer .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
16615
16652
  color:var(--button-primary-hover-fg-color);
16616
16653
  background-color:var(--button-primary-hover-bg-color);
16617
16654
  border-color:var(--button-primary-hover-border-color);
16618
16655
  }
16619
- .superdoc-viewer .dialog .mainContainer textarea{
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{
16620
16663
  font:inherit;
16621
16664
  padding:8px;
16622
16665
  resize:none;
@@ -16627,14 +16670,153 @@ readers do not read off random characters that represent icons */
16627
16670
  background:var(--textarea-bg-color);
16628
16671
  color:var(--textarea-fg-color);
16629
16672
  }
16630
- .superdoc-viewer .dialog .mainContainer textarea:focus{
16673
+ .superdoc-viewer :is(:is(.dialog .mainContainer) textarea):focus{
16631
16674
  outline-offset:0;
16632
16675
  border-color:transparent;
16633
16676
  }
16634
- .superdoc-viewer .dialog .mainContainer textarea:disabled{
16677
+ .superdoc-viewer :is(:is(.dialog .mainContainer) textarea):disabled{
16635
16678
  pointer-events:none;
16636
16679
  opacity:0.4;
16637
16680
  }
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
+ }
16638
16820
  .superdoc-viewer .textLayer{
16639
16821
  position:absolute;
16640
16822
  text-align:initial;
@@ -16653,15 +16835,14 @@ readers do not read off random characters that represent icons */
16653
16835
  .superdoc-viewer .textLayer.highlighting{
16654
16836
  touch-action:none;
16655
16837
  }
16656
- .superdoc-viewer .textLayer :is(span, br){
16838
+ .superdoc-viewer .textLayer :is(span,br){
16657
16839
  color:transparent;
16658
16840
  position:absolute;
16659
16841
  white-space:pre;
16660
16842
  cursor:text;
16661
16843
  transform-origin:0% 0%;
16662
16844
  }
16663
- .superdoc-viewer .textLayer > :not(.markedContent),
16664
- .superdoc-viewer .textLayer .markedContent span:not(.markedContent){
16845
+ .superdoc-viewer .textLayer > :not(.markedContent),.superdoc-viewer .textLayer .markedContent span:not(.markedContent){
16665
16846
  z-index:1;
16666
16847
  }
16667
16848
  .superdoc-viewer .textLayer span.markedContent{
@@ -16673,13 +16854,6 @@ readers do not read off random characters that represent icons */
16673
16854
  --highlight-selected-bg-color:rgb(0 100 0 / 0.25);
16674
16855
  --highlight-backdrop-filter:none;
16675
16856
  --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;
16683
16857
  }
16684
16858
  @media screen and (forced-colors: active){
16685
16859
  .superdoc-viewer .textLayer .highlight{
@@ -16691,19 +16865,28 @@ readers do not read off random characters that represent icons */
16691
16865
  );
16692
16866
  }
16693
16867
  }
16694
- .superdoc-viewer .textLayer .highlight.appended{
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){
16695
16878
  position:initial;
16696
16879
  }
16697
- .superdoc-viewer .textLayer .highlight.begin{
16880
+ .superdoc-viewer .begin:is(.textLayer .highlight){
16698
16881
  border-radius:4px 0 0 4px;
16699
16882
  }
16700
- .superdoc-viewer .textLayer .highlight.end{
16883
+ .superdoc-viewer .end:is(.textLayer .highlight){
16701
16884
  border-radius:0 4px 4px 0;
16702
16885
  }
16703
- .superdoc-viewer .textLayer .highlight.middle{
16886
+ .superdoc-viewer .middle:is(.textLayer .highlight){
16704
16887
  border-radius:0;
16705
16888
  }
16706
- .superdoc-viewer .textLayer .highlight.selected{
16889
+ .superdoc-viewer .selected:is(.textLayer .highlight){
16707
16890
  background-color:var(--highlight-selected-bg-color);
16708
16891
  -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);
16709
16892
  backdrop-filter:var(--highlight-selected-backdrop-filter);
@@ -16732,8 +16915,8 @@ readers do not read off random characters that represent icons */
16732
16915
  -moz-user-select:none;
16733
16916
  user-select:none;
16734
16917
  }
16735
- .superdoc-viewer .textLayer .endOfContent.active{
16736
- top:0;
16918
+ .superdoc-viewer .textLayer.selecting .endOfContent{
16919
+ top:0;
16737
16920
  }
16738
16921
  .superdoc-viewer .annotationLayer{
16739
16922
  --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>");
@@ -16743,12 +16926,6 @@ readers do not read off random characters that represent icons */
16743
16926
  --input-disabled-border-color:transparent;
16744
16927
  --input-hover-border-color:black;
16745
16928
  --link-outline:none;
16746
-
16747
- position:absolute;
16748
- top:0;
16749
- left:0;
16750
- pointer-events:none;
16751
- transform-origin:0 0;
16752
16929
  }
16753
16930
  @media screen and (forced-colors: active){
16754
16931
  .superdoc-viewer .annotationLayer{
@@ -16758,17 +16935,17 @@ readers do not read off random characters that represent icons */
16758
16935
  --input-hover-border-color:Highlight;
16759
16936
  --link-outline:1.5px solid LinkText;
16760
16937
  }
16761
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
16938
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):required,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
16762
16939
  outline:1.5px solid selectedItem;
16763
16940
  }
16764
16941
  .superdoc-viewer .annotationLayer .linkAnnotation{
16765
16942
  outline:var(--link-outline);
16766
16943
  }
16767
- .superdoc-viewer .annotationLayer .linkAnnotation:hover{
16944
+ .superdoc-viewer :is(.annotationLayer .linkAnnotation):hover{
16768
16945
  -webkit-backdrop-filter:var(--hcm-highlight-filter);
16769
16946
  backdrop-filter:var(--hcm-highlight-filter);
16770
16947
  }
16771
- .superdoc-viewer .annotationLayer .linkAnnotation > a:hover{
16948
+ .superdoc-viewer :is(.annotationLayer .linkAnnotation) > a:hover{
16772
16949
  opacity:0 !important;
16773
16950
  background:none !important;
16774
16951
  box-shadow:none;
@@ -16793,6 +16970,14 @@ readers do not read off random characters that represent icons */
16793
16970
  outline:calc(3px * var(--scale-factor)) solid Highlight !important;
16794
16971
  }
16795
16972
  }
16973
+ .superdoc-viewer .annotationLayer{
16974
+
16975
+ position:absolute;
16976
+ top:0;
16977
+ left:0;
16978
+ pointer-events:none;
16979
+ transform-origin:0 0;
16980
+ }
16796
16981
  .superdoc-viewer .annotationLayer[data-main-rotation="90"] .norotate{
16797
16982
  transform:rotate(270deg) translateX(-100%);
16798
16983
  }
@@ -16802,8 +16987,7 @@ readers do not read off random characters that represent icons */
16802
16987
  .superdoc-viewer .annotationLayer[data-main-rotation="270"] .norotate{
16803
16988
  transform:rotate(90deg) translateY(-100%);
16804
16989
  }
16805
- .superdoc-viewer .annotationLayer.disabled section,
16806
- .superdoc-viewer .annotationLayer.disabled .popup{
16990
+ .superdoc-viewer .annotationLayer.disabled section,.superdoc-viewer .annotationLayer.disabled .popup{
16807
16991
  pointer-events:none;
16808
16992
  }
16809
16993
  .superdoc-viewer .annotationLayer .annotationContent{
@@ -16812,7 +16996,7 @@ readers do not read off random characters that represent icons */
16812
16996
  height:100%;
16813
16997
  pointer-events:none;
16814
16998
  }
16815
- .superdoc-viewer .annotationLayer .annotationContent.freetext{
16999
+ .superdoc-viewer .freetext:is(.annotationLayer .annotationContent){
16816
17000
  background:transparent;
16817
17001
  border:none;
16818
17002
  inset:0;
@@ -16831,10 +17015,13 @@ readers do not read off random characters that represent icons */
16831
17015
  box-sizing:border-box;
16832
17016
  transform-origin:0 0;
16833
17017
  }
16834
- .superdoc-viewer .annotationLayer section:has(div.annotationContent) canvas.annotationContent{
17018
+ .superdoc-viewer :is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent{
16835
17019
  display:none;
16836
17020
  }
16837
- .superdoc-viewer .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a{
17021
+ .superdoc-viewer .textLayer.selecting ~ .annotationLayer section{
17022
+ pointer-events:none;
17023
+ }
17024
+ .superdoc-viewer .annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton) > a{
16838
17025
  position:absolute;
16839
17026
  font-size:1em;
16840
17027
  top:0;
@@ -16842,8 +17029,7 @@ readers do not read off random characters that represent icons */
16842
17029
  width:100%;
16843
17030
  height:100%;
16844
17031
  }
16845
- .superdoc-viewer .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
16846
- > a:hover{
17032
+ .superdoc-viewer .annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover{
16847
17033
  opacity:0.2;
16848
17034
  background-color:rgb(255 255 0);
16849
17035
  box-shadow:0 2px 10px rgb(255 255 0);
@@ -16862,7 +17048,7 @@ readers do not read off random characters that represent icons */
16862
17048
  top:0;
16863
17049
  left:0;
16864
17050
  }
16865
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea), .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
17051
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea),.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
16866
17052
  background-image:var(--annotation-unfocused-field-background);
16867
17053
  border:2px solid var(--input-unfocused-border-color);
16868
17054
  box-sizing:border-box;
@@ -16872,7 +17058,7 @@ readers do not read off random characters that represent icons */
16872
17058
  vertical-align:top;
16873
17059
  width:100%;
16874
17060
  }
16875
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
17061
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):required,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
16876
17062
  outline:1.5px solid red;
16877
17063
  }
16878
17064
  .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select option{
@@ -16884,24 +17070,24 @@ readers do not read off random characters that represent icons */
16884
17070
  .superdoc-viewer .annotationLayer .textWidgetAnnotation textarea{
16885
17071
  resize:none;
16886
17072
  }
16887
- .superdoc-viewer .annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea), .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select[disabled], .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled]{
17073
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea),.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select[disabled],.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{
16888
17074
  background:none;
16889
17075
  border:2px solid var(--input-disabled-border-color);
16890
17076
  cursor:not-allowed;
16891
17077
  }
16892
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover{
17078
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{
16893
17079
  border:2px solid var(--input-hover-border-color);
16894
17080
  }
16895
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
17081
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
16896
17082
  border-radius:2px;
16897
17083
  }
16898
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:focus{
17084
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:focus{
16899
17085
  background:none;
16900
17086
  border:2px solid var(--input-focus-border-color);
16901
17087
  border-radius:2px;
16902
17088
  outline:var(--input-focus-outline);
16903
17089
  }
16904
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus{
17090
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{
16905
17091
  background-image:none;
16906
17092
  background-color:transparent;
16907
17093
  }
@@ -16914,16 +17100,13 @@ readers do not read off random characters that represent icons */
16914
17100
  border:2px solid var(--input-focus-border-color);
16915
17101
  outline:var(--input-focus-outline);
16916
17102
  }
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{
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{
16920
17104
  background-color:CanvasText;
16921
17105
  content:"";
16922
17106
  display:block;
16923
17107
  position:absolute;
16924
17108
  }
16925
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
16926
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
17109
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
16927
17110
  height:80%;
16928
17111
  left:45%;
16929
17112
  width:1px;
@@ -16949,7 +17132,7 @@ readers do not read off random characters that represent icons */
16949
17132
  .superdoc-viewer .annotationLayer .textWidgetAnnotation input.comb:focus{
16950
17133
  width:103%;
16951
17134
  }
16952
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
17135
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
16953
17136
  -webkit-appearance:none;
16954
17137
  -moz-appearance:none;
16955
17138
  appearance:none;
@@ -17027,7 +17210,7 @@ readers do not read off random characters that represent icons */
17027
17210
  user-select:none;
17028
17211
  pointer-events:none;
17029
17212
  }
17030
- .superdoc-viewer .annotationLayer .annotationTextContent span{
17213
+ .superdoc-viewer :is(.annotationLayer .annotationTextContent) span{
17031
17214
  width:100%;
17032
17215
  display:inline-block;
17033
17216
  }
@@ -17307,63 +17490,62 @@ readers do not read off random characters that represent icons */
17307
17490
  .superdoc-viewer .canvasWrapper svg{
17308
17491
  transform:none;
17309
17492
  }
17310
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="90"] mask,
17311
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="90"] use:not(.clip, .mask){
17493
+ .superdoc-viewer [data-main-rotation="90"]:is(.canvasWrapper svg) mask,.superdoc-viewer [data-main-rotation="90"]:is(.canvasWrapper svg) use:not(.clip,.mask){
17312
17494
  transform:matrix(0, 1, -1, 0, 1, 0);
17313
17495
  }
17314
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="180"] mask,
17315
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="180"] use:not(.clip, .mask){
17496
+ .superdoc-viewer [data-main-rotation="180"]:is(.canvasWrapper svg) mask,.superdoc-viewer [data-main-rotation="180"]:is(.canvasWrapper svg) use:not(.clip,.mask){
17316
17497
  transform:matrix(-1, 0, 0, -1, 1, 1);
17317
17498
  }
17318
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="270"] mask,
17319
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="270"] use:not(.clip, .mask){
17499
+ .superdoc-viewer [data-main-rotation="270"]:is(.canvasWrapper svg) mask,.superdoc-viewer [data-main-rotation="270"]:is(.canvasWrapper svg) use:not(.clip,.mask){
17320
17500
  transform:matrix(0, -1, 1, 0, 0, 1);
17321
17501
  }
17322
- .superdoc-viewer .canvasWrapper svg.highlight{
17502
+ .superdoc-viewer .highlight:is(.canvasWrapper svg){
17323
17503
  --blend-mode:multiply;
17324
-
17325
- position:absolute;
17326
- mix-blend-mode:var(--blend-mode);
17327
17504
  }
17328
17505
  @media screen and (forced-colors: active){
17329
- .superdoc-viewer .canvasWrapper svg.highlight{
17506
+ .superdoc-viewer .highlight:is(.canvasWrapper svg){
17330
17507
  --blend-mode:difference;
17331
17508
  }
17332
17509
  }
17333
- .superdoc-viewer .canvasWrapper svg.highlight:not(.free){
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){
17334
17516
  fill-rule:evenodd;
17335
17517
  }
17336
- .superdoc-viewer .canvasWrapper svg.highlightOutline{
17518
+ .superdoc-viewer .highlightOutline:is(.canvasWrapper svg){
17337
17519
  position:absolute;
17338
17520
  mix-blend-mode:normal;
17339
17521
  fill-rule:evenodd;
17340
17522
  fill:none;
17341
17523
  }
17342
- .superdoc-viewer .canvasWrapper svg.highlightOutline.hovered:not(.free):not(.selected){
17524
+ .superdoc-viewer .highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected){
17343
17525
  stroke:var(--hover-outline-color);
17344
17526
  stroke-width:var(--outline-width);
17345
17527
  }
17346
- .superdoc-viewer .canvasWrapper svg.highlightOutline.selected:not(.free) .mainOutline{
17528
+ .superdoc-viewer .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline{
17347
17529
  stroke:var(--outline-around-color);
17348
17530
  stroke-width:calc(
17349
17531
  var(--outline-width) + 2 * var(--outline-around-width)
17350
17532
  );
17351
17533
  }
17352
- .superdoc-viewer .canvasWrapper svg.highlightOutline.selected:not(.free) .secondaryOutline{
17534
+ .superdoc-viewer .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline{
17353
17535
  stroke:var(--outline-color);
17354
17536
  stroke-width:var(--outline-width);
17355
17537
  }
17356
- .superdoc-viewer .canvasWrapper svg.highlightOutline.free.hovered:not(.selected){
17538
+ .superdoc-viewer .highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected){
17357
17539
  stroke:var(--hover-outline-color);
17358
17540
  stroke-width:calc(2 * var(--outline-width));
17359
17541
  }
17360
- .superdoc-viewer .canvasWrapper svg.highlightOutline.free.selected .mainOutline{
17542
+ .superdoc-viewer .highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline{
17361
17543
  stroke:var(--outline-around-color);
17362
17544
  stroke-width:calc(
17363
17545
  2 * (var(--outline-width) + var(--outline-around-width))
17364
17546
  );
17365
17547
  }
17366
- .superdoc-viewer .canvasWrapper svg.highlightOutline.free.selected .secondaryOutline{
17548
+ .superdoc-viewer .highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline{
17367
17549
  stroke:var(--outline-color);
17368
17550
  stroke-width:calc(2 * var(--outline-width));
17369
17551
  }
@@ -17380,6 +17562,41 @@ readers do not read off random characters that represent icons */
17380
17562
  --size-item-small:16px;
17381
17563
  --size-item-large:32px;
17382
17564
  --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{
17383
17600
 
17384
17601
  --toggle-background-color:var(--button-background-color);
17385
17602
  --toggle-background-color-hover:var(--button-background-color-hover);
@@ -17423,39 +17640,6 @@ readers do not read off random characters that represent icons */
17423
17640
  box-sizing:border-box;
17424
17641
  flex-shrink:0;
17425
17642
  }
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
- }
17459
17643
  .superdoc-viewer .toggle-button:focus-visible{
17460
17644
  outline:var(--focus-outline);
17461
17645
  outline-offset:var(--focus-outline-offset);
@@ -17494,8 +17678,7 @@ readers do not read off random characters that represent icons */
17494
17678
  translate:var(--toggle-dot-transform-x);
17495
17679
  background-color:var(--toggle-dot-background-color-on-pressed);
17496
17680
  }
17497
- .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover::before,
17498
- .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:active::before{
17681
+ .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover::before,.superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:active::before{
17499
17682
  background-color:var(--toggle-dot-background-color-on-pressed);
17500
17683
  }
17501
17684
  .superdoc-viewer [dir="rtl"] .toggle-button[aria-pressed="true"]::before{
@@ -17517,16 +17700,14 @@ readers do not read off random characters that represent icons */
17517
17700
  border-color:var(--toggle-border-color);
17518
17701
  position:relative;
17519
17702
  }
17520
- .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover,
17521
- .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover:active{
17703
+ .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover,.superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover:active{
17522
17704
  border-color:var(--toggle-border-color-hover);
17523
17705
  }
17524
17706
  .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:active{
17525
17707
  background-color:var(--toggle-dot-background-color-active);
17526
17708
  border-color:var(--toggle-dot-background-color-hover);
17527
17709
  }
17528
- .superdoc-viewer .toggle-button:hover::before,
17529
- .superdoc-viewer .toggle-button:active::before{
17710
+ .superdoc-viewer .toggle-button:hover::before,.superdoc-viewer .toggle-button:active::before{
17530
17711
  background-color:var(--toggle-dot-background-color-hover);
17531
17712
  }
17532
17713
  }
@@ -17579,6 +17760,8 @@ readers do not read off random characters that represent icons */
17579
17760
  --editorInk-editing-cursor:url(images/cursor-editorInk.svg) 0 16, pointer;
17580
17761
  --editorHighlight-editing-cursor:url(images/cursor-editorTextHighlight.svg) 24 24, text;
17581
17762
  --editorFreeHighlight-editing-cursor:url(images/cursor-editorFreeHighlight.svg) 1 18, pointer;
17763
+
17764
+ --new-alt-text-warning-image:url(images/altText_warning.svg);
17582
17765
  }
17583
17766
  .superdoc-viewer .visuallyHidden{
17584
17767
  position:absolute;
@@ -17602,6 +17785,9 @@ readers do not read off random characters that represent icons */
17602
17785
  .superdoc-viewer .textLayer.highlighting.free span{
17603
17786
  cursor:var(--editorFreeHighlight-editing-cursor);
17604
17787
  }
17788
+ .superdoc-viewer #viewerContainer.pdfPresentationMode:fullscreen .noAltTextBadge{
17789
+ display:none !important;
17790
+ }
17605
17791
  @media (min-resolution: 1.1dppx){
17606
17792
  .superdoc-viewer :root{
17607
17793
  --editorFreeText-editing-cursor:url(images/cursor-editorFreeText.svg) 0 16, text;
@@ -17666,35 +17852,34 @@ readers do not read off random characters that represent icons */
17666
17852
  max-height:100%;
17667
17853
  border:var(--unfocus-outline);
17668
17854
  }
17669
- .superdoc-viewer .annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
17855
+ .superdoc-viewer .draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
17670
17856
  cursor:move;
17671
17857
  }
17672
- .superdoc-viewer .annotationEditorLayer .moving:is(.freeTextEditor, .inkEditor, .stampEditor){
17858
+ .superdoc-viewer .moving:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
17673
17859
  touch-action:none;
17674
17860
  }
17675
- .superdoc-viewer .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
17861
+ .superdoc-viewer .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
17676
17862
  border:var(--focus-outline);
17677
17863
  outline:var(--focus-outline-around);
17678
17864
  }
17679
- .superdoc-viewer .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor)::before{
17865
+ .superdoc-viewer .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))::before{
17680
17866
  content:"";
17681
17867
  position:absolute;
17682
17868
  inset:0;
17683
17869
  border:var(--focus-outline-around);
17684
17870
  pointer-events:none;
17685
17871
  }
17686
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor){
17872
+ .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor){
17687
17873
  border:var(--hover-outline);
17688
17874
  outline:var(--hover-outline-around);
17689
17875
  }
17690
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor)::before{
17876
+ .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor)::before{
17691
17877
  content:"";
17692
17878
  position:absolute;
17693
17879
  inset:0;
17694
17880
  border:var(--focus-outline-around);
17695
17881
  }
17696
- .superdoc-viewer :is(.annotationEditorLayer
17697
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17882
+ .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
17698
17883
  --editor-toolbar-delete-image:url(images/editor-toolbar-delete.svg);
17699
17884
  --editor-toolbar-bg-color:#f0f0f4;
17700
17885
  --editor-toolbar-highlight-image:url(images/toolbarButton-editorHighlight.svg);
@@ -17709,6 +17894,39 @@ readers do not read off random characters that represent icons */
17709
17894
  --editor-toolbar-vert-offset:6px;
17710
17895
  --editor-toolbar-height:28px;
17711
17896
  --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{
17712
17930
 
17713
17931
  display:flex;
17714
17932
  width:-moz-fit-content;
@@ -17731,55 +17949,26 @@ readers do not read off random characters that represent icons */
17731
17949
  border:1px solid var(--editor-toolbar-border-color);
17732
17950
  box-shadow:var(--editor-toolbar-shadow);
17733
17951
  }
17734
- @media (prefers-color-scheme: dark){
17735
- .superdoc-viewer :is(.annotationEditorLayer
17736
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17737
- --editor-toolbar-bg-color:#2b2a33;
17738
- --editor-toolbar-fg-color:#fbfbfe;
17739
- --editor-toolbar-hover-bg-color:#52525e;
17740
- --editor-toolbar-focus-outline-color:#0df;
17741
- }
17742
- }
17743
- @media screen and (forced-colors: active){
17744
- .superdoc-viewer :is(.annotationEditorLayer
17745
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17746
- --editor-toolbar-bg-color:ButtonFace;
17747
- --editor-toolbar-fg-color:ButtonText;
17748
- --editor-toolbar-border-color:ButtonText;
17749
- --editor-toolbar-hover-border-color:AccentColor;
17750
- --editor-toolbar-hover-bg-color:ButtonFace;
17751
- --editor-toolbar-hover-fg-color:AccentColor;
17752
- --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
17753
- --editor-toolbar-focus-outline-color:ButtonBorder;
17754
- --editor-toolbar-shadow:none;
17755
- }
17756
- }
17757
- .superdoc-viewer :is(.annotationEditorLayer
17758
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar.hidden{
17952
+ .superdoc-viewer .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
17759
17953
  display:none;
17760
17954
  }
17761
- .superdoc-viewer :is(.annotationEditorLayer
17762
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar:has(:focus-visible){
17955
+ .superdoc-viewer :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar):has(:focus-visible){
17763
17956
  border-color:transparent;
17764
17957
  }
17765
- .superdoc-viewer [dir="ltr"] :is(.annotationEditorLayer
17766
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17958
+ .superdoc-viewer [dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
17767
17959
  transform-origin:100% 0;
17768
17960
  }
17769
- .superdoc-viewer [dir="rtl"] :is(.annotationEditorLayer
17770
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17961
+ .superdoc-viewer [dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
17771
17962
  transform-origin:0 0;
17772
17963
  }
17773
- .superdoc-viewer :is(.annotationEditorLayer
17774
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons{
17964
+ .superdoc-viewer :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons{
17775
17965
  display:flex;
17776
17966
  justify-content:center;
17777
17967
  align-items:center;
17778
17968
  gap:0;
17779
17969
  height:100%;
17780
17970
  }
17781
- .superdoc-viewer :is(.annotationEditorLayer
17782
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .divider{
17971
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .divider{
17783
17972
  width:1px;
17784
17973
  height:calc(
17785
17974
  2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
@@ -17788,12 +17977,10 @@ readers do not read off random characters that represent icons */
17788
17977
  display:inline-block;
17789
17978
  margin-inline:2px;
17790
17979
  }
17791
- .superdoc-viewer :is(.annotationEditorLayer
17792
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton{
17980
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton{
17793
17981
  width:var(--editor-toolbar-height);
17794
17982
  }
17795
- .superdoc-viewer :is(.annotationEditorLayer
17796
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton::before{
17983
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton)::before{
17797
17984
  content:"";
17798
17985
  -webkit-mask-image:var(--editor-toolbar-highlight-image);
17799
17986
  mask-image:var(--editor-toolbar-highlight-image);
@@ -17806,16 +17993,13 @@ readers do not read off random characters that represent icons */
17806
17993
  width:100%;
17807
17994
  height:100%;
17808
17995
  }
17809
- .superdoc-viewer :is(.annotationEditorLayer
17810
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton:hover::before{
17996
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover::before{
17811
17997
  background-color:var(--editor-toolbar-hover-fg-color);
17812
17998
  }
17813
- .superdoc-viewer :is(.annotationEditorLayer
17814
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete{
17999
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete{
17815
18000
  width:var(--editor-toolbar-height);
17816
18001
  }
17817
- .superdoc-viewer :is(.annotationEditorLayer
17818
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete::before{
18002
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete)::before{
17819
18003
  content:"";
17820
18004
  -webkit-mask-image:var(--editor-toolbar-delete-image);
17821
18005
  mask-image:var(--editor-toolbar-delete-image);
@@ -17828,39 +18012,32 @@ readers do not read off random characters that represent icons */
17828
18012
  width:100%;
17829
18013
  height:100%;
17830
18014
  }
17831
- .superdoc-viewer :is(.annotationEditorLayer
17832
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete:hover::before{
18015
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete):hover::before{
17833
18016
  background-color:var(--editor-toolbar-hover-fg-color);
17834
18017
  }
17835
- .superdoc-viewer :is(.annotationEditorLayer
17836
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > *{
18018
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > *{
17837
18019
  height:var(--editor-toolbar-height);
17838
18020
  }
17839
- .superdoc-viewer :is(.annotationEditorLayer
17840
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider){
18021
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider){
17841
18022
  border:none;
17842
18023
  background-color:transparent;
17843
18024
  cursor:pointer;
17844
18025
  }
17845
- .superdoc-viewer :is(.annotationEditorLayer
17846
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover{
18026
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover{
17847
18027
  border-radius:2px;
17848
18028
  background-color:var(--editor-toolbar-hover-bg-color);
17849
18029
  color:var(--editor-toolbar-hover-fg-color);
17850
18030
  outline:var(--editor-toolbar-hover-outline);
17851
18031
  outline-offset:1px;
17852
18032
  }
17853
- .superdoc-viewer :is(.annotationEditorLayer
17854
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover:active{
18033
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active{
17855
18034
  outline:none;
17856
18035
  }
17857
- .superdoc-viewer :is(.annotationEditorLayer
17858
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):focus-visible{
18036
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible{
17859
18037
  border-radius:2px;
17860
18038
  outline:2px solid var(--editor-toolbar-focus-outline-color);
17861
18039
  }
17862
- .superdoc-viewer :is(.annotationEditorLayer
17863
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{
18040
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText{
17864
18041
  --alt-text-add-image:url(images/altText_add.svg);
17865
18042
  --alt-text-done-image:url(images/altText_done.svg);
17866
18043
 
@@ -17876,12 +18053,10 @@ readers do not read off random characters that represent icons */
17876
18053
  font-size:12px;
17877
18054
  color:var(--editor-toolbar-fg-color);
17878
18055
  }
17879
- .superdoc-viewer :is(.annotationEditorLayer
17880
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:disabled{
18056
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{
17881
18057
  pointer-events:none;
17882
18058
  }
17883
- .superdoc-viewer :is(.annotationEditorLayer
17884
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText::before{
18059
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
17885
18060
  content:"";
17886
18061
  -webkit-mask-image:var(--alt-text-add-image);
17887
18062
  mask-image:var(--alt-text-add-image);
@@ -17895,25 +18070,58 @@ readers do not read off random characters that represent icons */
17895
18070
  background-color:var(--editor-toolbar-fg-color);
17896
18071
  margin-inline-end:4px;
17897
18072
  }
17898
- .superdoc-viewer :is(.annotationEditorLayer
17899
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:hover::before{
18073
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
17900
18074
  background-color:var(--editor-toolbar-hover-fg-color);
17901
18075
  }
17902
- .superdoc-viewer :is(.annotationEditorLayer
17903
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText.done::before{
18076
+ .superdoc-viewer .done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
17904
18077
  -webkit-mask-image:var(--alt-text-done-image);
17905
18078
  mask-image:var(--alt-text-done-image);
17906
18079
  }
17907
- .superdoc-viewer :is(.annotationEditorLayer
17908
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip{
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{
17909
18101
  display:none;
17910
18102
  }
17911
- .superdoc-viewer :is(.annotationEditorLayer
17912
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
18103
+ .superdoc-viewer .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
17913
18104
  --alt-text-tooltip-bg:#f0f0f4;
17914
18105
  --alt-text-tooltip-fg:#15141a;
17915
18106
  --alt-text-tooltip-border:#8f8f9d;
17916
18107
  --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){
17917
18125
 
17918
18126
  display:inline-flex;
17919
18127
  flex-direction:column;
@@ -17937,23 +18145,6 @@ readers do not read off random characters that represent icons */
17937
18145
 
17938
18146
  pointer-events:none;
17939
18147
  }
17940
- @media (prefers-color-scheme: dark){
17941
- .superdoc-viewer :is(.annotationEditorLayer
17942
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
17943
- --alt-text-tooltip-bg:#1c1b22;
17944
- --alt-text-tooltip-fg:#fbfbfe;
17945
- --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
17946
- }
17947
- }
17948
- @media screen and (forced-colors: active){
17949
- .superdoc-viewer :is(.annotationEditorLayer
17950
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
17951
- --alt-text-tooltip-bg:Canvas;
17952
- --alt-text-tooltip-fg:CanvasText;
17953
- --alt-text-tooltip-border:CanvasText;
17954
- --alt-text-tooltip-shadow:none;
17955
- }
17956
- }
17957
18148
  .superdoc-viewer .annotationEditorLayer .freeTextEditor{
17958
18149
  padding:calc(var(--freetext-padding) * var(--scale-factor));
17959
18150
  width:auto;
@@ -18011,7 +18202,7 @@ readers do not read off random characters that represent icons */
18011
18202
  width:auto;
18012
18203
  height:auto;
18013
18204
  }
18014
- .superdoc-viewer .annotationEditorLayer .stampEditor canvas{
18205
+ .superdoc-viewer :is(.annotationEditorLayer .stampEditor) canvas{
18015
18206
  position:absolute;
18016
18207
  width:100%;
18017
18208
  height:100%;
@@ -18019,14 +18210,62 @@ readers do not read off random characters that represent icons */
18019
18210
  top:0;
18020
18211
  left:0;
18021
18212
  }
18022
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers{
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{
18023
18262
  position:absolute;
18024
18263
  inset:0;
18025
18264
  }
18026
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers.hidden{
18265
+ .superdoc-viewer .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers){
18027
18266
  display:none;
18028
18267
  }
18029
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer{
18268
+ .superdoc-viewer :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer{
18030
18269
  width:var(--resizer-size);
18031
18270
  height:var(--resizer-size);
18032
18271
  background:content-box var(--resizer-bg-color);
@@ -18034,192 +18273,86 @@ readers do not read off random characters that represent icons */
18034
18273
  border-radius:2px;
18035
18274
  position:absolute;
18036
18275
  }
18037
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topLeft{
18276
+ .superdoc-viewer .topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18038
18277
  top:var(--resizer-shift);
18039
18278
  left:var(--resizer-shift);
18040
18279
  }
18041
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topMiddle{
18280
+ .superdoc-viewer .topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18042
18281
  top:var(--resizer-shift);
18043
18282
  left:calc(50% + var(--resizer-shift));
18044
18283
  }
18045
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topRight{
18284
+ .superdoc-viewer .topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18046
18285
  top:var(--resizer-shift);
18047
18286
  right:var(--resizer-shift);
18048
18287
  }
18049
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleRight{
18288
+ .superdoc-viewer .middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18050
18289
  top:calc(50% + var(--resizer-shift));
18051
18290
  right:var(--resizer-shift);
18052
18291
  }
18053
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomRight{
18292
+ .superdoc-viewer .bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18054
18293
  bottom:var(--resizer-shift);
18055
18294
  right:var(--resizer-shift);
18056
18295
  }
18057
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomMiddle{
18296
+ .superdoc-viewer .bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18058
18297
  bottom:var(--resizer-shift);
18059
18298
  left:calc(50% + var(--resizer-shift));
18060
18299
  }
18061
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomLeft{
18300
+ .superdoc-viewer .bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18062
18301
  bottom:var(--resizer-shift);
18063
18302
  left:var(--resizer-shift);
18064
18303
  }
18065
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleLeft{
18304
+ .superdoc-viewer .middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18066
18305
  top:calc(50% + var(--resizer-shift));
18067
18306
  left:var(--resizer-shift);
18068
18307
  }
18069
- .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18070
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18071
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18072
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18073
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18074
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18075
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18076
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18077
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight{
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){
18078
18309
  cursor:nwse-resize;
18079
18310
  }
18080
- .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18081
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18082
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18083
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18084
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18085
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18086
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18087
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18088
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle{
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){
18089
18312
  cursor:ns-resize;
18090
18313
  }
18091
- .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18092
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18093
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18094
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18095
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18096
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18097
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18098
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18099
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft{
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){
18100
18315
  cursor:nesw-resize;
18101
18316
  }
18102
- .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18103
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18104
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18105
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18106
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18107
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18108
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18109
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18110
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft{
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){
18111
18318
  cursor:ew-resize;
18112
18319
  }
18113
- .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18114
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18115
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18116
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18117
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18118
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18119
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18120
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18121
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight{
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){
18122
18321
  cursor:nesw-resize;
18123
18322
  }
18124
- .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18125
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18126
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18127
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18128
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18129
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18130
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18131
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18132
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle{
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){
18133
18324
  cursor:ew-resize;
18134
18325
  }
18135
- .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18136
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18137
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18138
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18139
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18140
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18141
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18142
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18143
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft{
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){
18144
18327
  cursor:nwse-resize;
18145
18328
  }
18146
- .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18147
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18148
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18149
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18150
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight, .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"]
18151
- :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="90"]
18152
- :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="180"]
18153
- :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft, .superdoc-viewer .annotationEditorLayer[data-main-rotation="270"]
18154
- :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft{
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){
18155
18330
  cursor:ns-resize;
18156
18331
  }
18157
- .superdoc-viewer .annotationEditorLayer
18158
- :is(
18159
- [data-main-rotation="0"] [data-editor-rotation="90"],
18160
- [data-main-rotation="90"] [data-editor-rotation="0"],
18161
- [data-main-rotation="180"] [data-editor-rotation="270"],
18162
- [data-main-rotation="270"] [data-editor-rotation="180"]
18163
- ) .editToolbar{
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{
18164
18333
  rotate:270deg;
18165
18334
  }
18166
- .superdoc-viewer [dir="ltr"] .annotationEditorLayer
18167
- :is(
18168
- [data-main-rotation="0"] [data-editor-rotation="90"],
18169
- [data-main-rotation="90"] [data-editor-rotation="0"],
18170
- [data-main-rotation="180"] [data-editor-rotation="270"],
18171
- [data-main-rotation="270"] [data-editor-rotation="180"]
18172
- ) .editToolbar{
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){
18173
18336
  inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset));
18174
18337
  inset-block-start:0;
18175
18338
  }
18176
- .superdoc-viewer [dir="rtl"] .annotationEditorLayer
18177
- :is(
18178
- [data-main-rotation="0"] [data-editor-rotation="90"],
18179
- [data-main-rotation="90"] [data-editor-rotation="0"],
18180
- [data-main-rotation="180"] [data-editor-rotation="270"],
18181
- [data-main-rotation="270"] [data-editor-rotation="180"]
18182
- ) .editToolbar{
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){
18183
18340
  inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
18184
18341
  inset-block-start:0;
18185
18342
  }
18186
- .superdoc-viewer .annotationEditorLayer
18187
- :is(
18188
- [data-main-rotation="0"] [data-editor-rotation="180"],
18189
- [data-main-rotation="90"] [data-editor-rotation="90"],
18190
- [data-main-rotation="180"] [data-editor-rotation="0"],
18191
- [data-main-rotation="270"] [data-editor-rotation="270"]
18192
- ) .editToolbar{
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{
18193
18344
  rotate:180deg;
18194
18345
  inset-inline-end:100%;
18195
18346
  inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
18196
18347
  }
18197
- .superdoc-viewer .annotationEditorLayer
18198
- :is(
18199
- [data-main-rotation="0"] [data-editor-rotation="270"],
18200
- [data-main-rotation="90"] [data-editor-rotation="180"],
18201
- [data-main-rotation="180"] [data-editor-rotation="90"],
18202
- [data-main-rotation="270"] [data-editor-rotation="0"]
18203
- ) .editToolbar{
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{
18204
18349
  rotate:90deg;
18205
18350
  }
18206
- .superdoc-viewer [dir="ltr"] .annotationEditorLayer
18207
- :is(
18208
- [data-main-rotation="0"] [data-editor-rotation="270"],
18209
- [data-main-rotation="90"] [data-editor-rotation="180"],
18210
- [data-main-rotation="180"] [data-editor-rotation="90"],
18211
- [data-main-rotation="270"] [data-editor-rotation="0"]
18212
- ) .editToolbar{
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){
18213
18352
  inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
18214
18353
  inset-block-start:100%;
18215
18354
  }
18216
- .superdoc-viewer [dir="rtl"] .annotationEditorLayer
18217
- :is(
18218
- [data-main-rotation="0"] [data-editor-rotation="270"],
18219
- [data-main-rotation="90"] [data-editor-rotation="180"],
18220
- [data-main-rotation="180"] [data-editor-rotation="90"],
18221
- [data-main-rotation="270"] [data-editor-rotation="0"]
18222
- ) .editToolbar{
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){
18223
18356
  inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset));
18224
18357
  inset-block-start:0;
18225
18358
  }
@@ -18239,42 +18372,211 @@ readers do not read off random characters that represent icons */
18239
18372
  align-items:flex-start;
18240
18373
  gap:16px;
18241
18374
  }
18242
- .superdoc-viewer .dialog.altText #altTextContainer #overallDescription{
18375
+ .superdoc-viewer :is(.dialog.altText #altTextContainer) #overallDescription{
18243
18376
  display:flex;
18244
18377
  flex-direction:column;
18245
18378
  align-items:flex-start;
18246
18379
  gap:4px;
18247
18380
  align-self:stretch;
18248
18381
  }
18249
- .superdoc-viewer .dialog.altText #altTextContainer #overallDescription span{
18382
+ .superdoc-viewer :is(:is(.dialog.altText #altTextContainer) #overallDescription) span{
18250
18383
  align-self:stretch;
18251
18384
  }
18252
- .superdoc-viewer .dialog.altText #altTextContainer #overallDescription .title{
18385
+ .superdoc-viewer :is(:is(.dialog.altText #altTextContainer) #overallDescription) .title{
18253
18386
  font-size:13px;
18254
18387
  font-style:normal;
18255
18388
  font-weight:590;
18256
18389
  }
18257
- .superdoc-viewer .dialog.altText #altTextContainer #addDescription{
18390
+ .superdoc-viewer :is(.dialog.altText #altTextContainer) #addDescription{
18258
18391
  display:flex;
18259
18392
  flex-direction:column;
18260
18393
  align-items:stretch;
18261
18394
  gap:8px;
18262
18395
  }
18263
- .superdoc-viewer .dialog.altText #altTextContainer #addDescription .descriptionArea{
18396
+ .superdoc-viewer :is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea{
18264
18397
  flex:1;
18265
18398
  padding-inline:24px 10px;
18266
18399
  }
18267
- .superdoc-viewer .dialog.altText #altTextContainer #addDescription .descriptionArea textarea{
18400
+ .superdoc-viewer :is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea{
18268
18401
  width:100%;
18269
18402
  min-height:75px;
18270
18403
  }
18271
- .superdoc-viewer .dialog.altText #altTextContainer #buttons{
18404
+ .superdoc-viewer :is(.dialog.altText #altTextContainer) #buttons{
18272
18405
  display:flex;
18273
18406
  justify-content:flex-end;
18274
18407
  align-items:flex-start;
18275
18408
  gap:8px;
18276
18409
  align-self:stretch;
18277
18410
  }
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
+ }
18278
18580
  .superdoc-viewer .colorPicker{
18279
18581
  --hover-outline-color:#0250bb;
18280
18582
  --selected-outline-color:#0060df;
@@ -18303,7 +18605,7 @@ readers do not read off random characters that represent icons */
18303
18605
  box-sizing:border-box;
18304
18606
  forced-color-adjust:none;
18305
18607
  }
18306
- .superdoc-viewer .colorPicker button:is(:hover, .selected) > .swatch{
18608
+ .superdoc-viewer .colorPicker button:is(:hover,.selected) > .swatch{
18307
18609
  border:none;
18308
18610
  }
18309
18611
  .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
@@ -18330,10 +18632,10 @@ readers do not read off random characters that represent icons */
18330
18632
  pointer-events:none;
18331
18633
  transform-origin:0 0;
18332
18634
  }
18333
- .superdoc-viewer .annotationEditorLayer .highlightEditor:not(.free){
18635
+ .superdoc-viewer :is(.annotationEditorLayer .highlightEditor):not(.free){
18334
18636
  transform:none;
18335
18637
  }
18336
- .superdoc-viewer .annotationEditorLayer .highlightEditor .internal{
18638
+ .superdoc-viewer :is(.annotationEditorLayer .highlightEditor) .internal{
18337
18639
  position:absolute;
18338
18640
  top:0;
18339
18641
  left:0;
@@ -18341,18 +18643,18 @@ readers do not read off random characters that represent icons */
18341
18643
  height:100%;
18342
18644
  pointer-events:auto;
18343
18645
  }
18344
- .superdoc-viewer .annotationEditorLayer .highlightEditor.disabled .internal{
18646
+ .superdoc-viewer .disabled:is(.annotationEditorLayer .highlightEditor) .internal{
18345
18647
  pointer-events:none;
18346
18648
  }
18347
- .superdoc-viewer .annotationEditorLayer .highlightEditor.selectedEditor .internal{
18649
+ .superdoc-viewer .selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal{
18348
18650
  cursor:pointer;
18349
18651
  }
18350
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar{
18652
+ .superdoc-viewer :is(.annotationEditorLayer .highlightEditor) .editToolbar{
18351
18653
  --editor-toolbar-colorpicker-arrow-image:url(images/toolbarButton-menuArrow.svg);
18352
18654
 
18353
18655
  transform-origin:center !important;
18354
18656
  }
18355
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker{
18657
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker{
18356
18658
  position:relative;
18357
18659
  width:auto;
18358
18660
  display:flex;
@@ -18361,7 +18663,7 @@ readers do not read off random characters that represent icons */
18361
18663
  gap:4px;
18362
18664
  padding:4px;
18363
18665
  }
18364
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker::after{
18666
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker)::after{
18365
18667
  content:"";
18366
18668
  -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);
18367
18669
  mask-image:var(--editor-toolbar-colorpicker-arrow-image);
@@ -18374,16 +18676,16 @@ readers do not read off random characters that represent icons */
18374
18676
  width:12px;
18375
18677
  height:12px;
18376
18678
  }
18377
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:hover::after{
18679
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover::after{
18378
18680
  background-color:var(--editor-toolbar-hover-fg-color);
18379
18681
  }
18380
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)){
18682
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)){
18381
18683
  background-color:var(--editor-toolbar-hover-bg-color);
18382
18684
  }
18383
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after{
18685
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden))::after{
18384
18686
  scale:-1;
18385
18687
  }
18386
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown{
18688
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown{
18387
18689
  position:absolute;
18388
18690
  display:flex;
18389
18691
  justify-content:center;
@@ -18398,7 +18700,7 @@ readers do not read off random characters that represent icons */
18398
18700
  inset-block-start:calc(100% + 4px);
18399
18701
  width:calc(100% + 2 * var(--editor-toolbar-padding));
18400
18702
  }
18401
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button{
18703
+ .superdoc-viewer :is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button{
18402
18704
  width:100%;
18403
18705
  height:auto;
18404
18706
  border:none;
@@ -18408,16 +18710,16 @@ readers do not read off random characters that represent icons */
18408
18710
  align-items:center;
18409
18711
  background:none;
18410
18712
  }
18411
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible){
18713
+ .superdoc-viewer :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active,:focus-visible){
18412
18714
  outline:none;
18413
18715
  }
18414
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch{
18716
+ .superdoc-viewer :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch{
18415
18717
  outline-offset:2px;
18416
18718
  }
18417
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected="true"] > .swatch{
18719
+ .superdoc-viewer [aria-selected="true"]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch{
18418
18720
  outline:2px solid var(--selected-outline-color);
18419
18721
  }
18420
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
18722
+ .superdoc-viewer :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
18421
18723
  outline:2px solid var(--hover-outline-color);
18422
18724
  }
18423
18725
  .superdoc-viewer .editorParamsToolbar:has(#highlightParamsToolbarContainer){
@@ -18442,14 +18744,14 @@ readers do not read off random characters that represent icons */
18442
18744
  flex-direction:column;
18443
18745
  gap:8px;
18444
18746
  }
18445
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown{
18747
+ .superdoc-viewer :is(#highlightParamsToolbarContainer .colorPicker) .dropdown{
18446
18748
  display:flex;
18447
18749
  justify-content:space-between;
18448
18750
  align-items:center;
18449
18751
  flex-direction:row;
18450
18752
  height:auto;
18451
18753
  }
18452
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button{
18754
+ .superdoc-viewer :is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button{
18453
18755
  width:auto;
18454
18756
  height:auto;
18455
18757
  border:none;
@@ -18460,17 +18762,17 @@ readers do not read off random characters that represent icons */
18460
18762
  background:none;
18461
18763
  flex:0 0 auto;
18462
18764
  }
18463
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button .swatch{
18765
+ .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch{
18464
18766
  width:24px;
18465
18767
  height:24px;
18466
18768
  }
18467
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:active, :focus-visible){
18769
+ .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active,:focus-visible){
18468
18770
  outline:none;
18469
18771
  }
18470
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button[aria-selected="true"] > .swatch{
18772
+ .superdoc-viewer [aria-selected="true"]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) > .swatch{
18471
18773
  outline:2px solid var(--selected-outline-color);
18472
18774
  }
18473
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
18775
+ .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
18474
18776
  outline:2px solid var(--hover-outline-color);
18475
18777
  }
18476
18778
  .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness{
@@ -18480,12 +18782,12 @@ readers do not read off random characters that represent icons */
18480
18782
  gap:4px;
18481
18783
  align-self:stretch;
18482
18784
  }
18483
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .editorParamsLabel{
18785
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel{
18484
18786
  width:100%;
18485
18787
  height:auto;
18486
18788
  align-self:stretch;
18487
18789
  }
18488
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
18790
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
18489
18791
  display:flex;
18490
18792
  justify-content:space-between;
18491
18793
  align-items:center;
@@ -18494,20 +18796,19 @@ readers do not read off random characters that represent icons */
18494
18796
  --example-color:#bfbfc9;
18495
18797
  }
18496
18798
  @media (prefers-color-scheme: dark){
18497
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
18799
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
18498
18800
  --example-color:#80808e;
18499
18801
  }
18500
18802
  }
18501
18803
  @media screen and (forced-colors: active){
18502
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
18804
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
18503
18805
  --example-color:CanvasText;
18504
18806
  }
18505
18807
  }
18506
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker > .editorParamsSlider[disabled]){
18808
+ .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) > .editorParamsSlider[disabled]){
18507
18809
  opacity:0.4;
18508
18810
  }
18509
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::before,
18510
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
18811
+ .superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::before,.superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
18511
18812
  content:"";
18512
18813
  width:8px;
18513
18814
  aspect-ratio:1;
@@ -18515,10 +18816,10 @@ readers do not read off random characters that represent icons */
18515
18816
  border-radius:100%;
18516
18817
  background-color:var(--example-color);
18517
18818
  }
18518
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
18819
+ .superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
18519
18820
  width:24px;
18520
18821
  }
18521
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker .editorParamsSlider{
18822
+ .superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider{
18522
18823
  width:unset;
18523
18824
  height:14px;
18524
18825
  }
@@ -18529,30 +18830,75 @@ readers do not read off random characters that represent icons */
18529
18830
  gap:8px;
18530
18831
  align-self:stretch;
18531
18832
  }
18532
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
18833
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18533
18834
  --divider-color:#d7d7db;
18534
-
18535
- margin-block:4px;
18536
- width:100%;
18537
- height:1px;
18538
- background-color:var(--divider-color);
18539
18835
  }
18540
18836
  @media (prefers-color-scheme: dark){
18541
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
18837
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18542
18838
  --divider-color:#8f8f9d;
18543
18839
  }
18544
18840
  }
18545
18841
  @media screen and (forced-colors: active){
18546
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
18842
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18547
18843
  --divider-color:CanvasText;
18548
18844
  }
18549
18845
  }
18550
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .toggler{
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{
18551
18854
  display:flex;
18552
18855
  justify-content:space-between;
18553
18856
  align-items:center;
18554
18857
  align-self:stretch;
18555
18858
  }
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
+ }
18556
18902
  .superdoc-viewer :root{
18557
18903
  --viewer-container-height:0;
18558
18904
  --pdfViewer-padding-bottom:0;
@@ -18608,18 +18954,18 @@ readers do not read off random characters that represent icons */
18608
18954
  width:100%;
18609
18955
  height:100%;
18610
18956
  }
18611
- .superdoc-viewer .pdfViewer .canvasWrapper canvas{
18957
+ .superdoc-viewer :is(.pdfViewer .canvasWrapper) canvas{
18612
18958
  margin:0;
18613
18959
  display:block;
18614
18960
  }
18615
- .superdoc-viewer .pdfViewer .canvasWrapper canvas[hidden]{
18961
+ .superdoc-viewer [hidden]:is(:is(.pdfViewer .canvasWrapper) canvas){
18616
18962
  display:none;
18617
18963
  }
18618
- .superdoc-viewer .pdfViewer .canvasWrapper canvas[zooming]{
18964
+ .superdoc-viewer [zooming]:is(:is(.pdfViewer .canvasWrapper) canvas){
18619
18965
  width:100%;
18620
18966
  height:100%;
18621
18967
  }
18622
- .superdoc-viewer .pdfViewer .canvasWrapper canvas .structTree{
18968
+ .superdoc-viewer :is(:is(.pdfViewer .canvasWrapper) canvas) .structTree{
18623
18969
  contain:strict;
18624
18970
  }
18625
18971
  .superdoc-viewer .pdfViewer .page{
@@ -19070,74 +19416,74 @@ img[data-v-47d1dee5] {
19070
19416
  }
19071
19417
  }
19072
19418
 
19073
- .selection-layer[data-v-d9e88d29] {
19419
+ .selection-layer[data-v-0f7b7f55] {
19074
19420
  position: absolute;
19075
19421
  min-height: 100%;
19076
19422
  min-width: 100%;
19077
19423
  z-index: 10;
19078
19424
  pointer-events: none;
19079
19425
  }
19080
- .temp-selection[data-v-d9e88d29] {
19426
+ .temp-selection[data-v-0f7b7f55] {
19081
19427
  position: absolute;
19082
19428
  }
19083
19429
  /* Right sidebar drawer */
19084
- .right-sidebar[data-v-d9e88d29] {
19430
+ .right-sidebar[data-v-0f7b7f55] {
19085
19431
  width: 320px;
19086
19432
  padding: 0 10px;
19087
19433
  min-height: 100%;
19088
19434
  position: relative;
19089
19435
  z-index: 100;
19090
19436
  }
19091
- .fa-tool-icon[data-v-d9e88d29] {
19437
+ .fa-tool-icon[data-v-0f7b7f55] {
19092
19438
  cursor: pointer;
19093
19439
  }
19094
19440
 
19095
19441
  /* General Styles */
19096
- .box-sizing[data-v-d9e88d29], .layers[data-v-d9e88d29] {
19442
+ .box-sizing[data-v-0f7b7f55], .layers[data-v-0f7b7f55] {
19097
19443
  box-sizing: border-box;
19098
19444
  }
19099
- .cursor-pointer[data-v-d9e88d29], .tools .tool-icon[data-v-d9e88d29], .toolbar-item[data-v-d9e88d29] {
19445
+ .cursor-pointer[data-v-0f7b7f55], .tools .tool-icon[data-v-0f7b7f55], .toolbar-item[data-v-0f7b7f55] {
19100
19446
  cursor: pointer;
19101
19447
  }
19102
- .flex[data-v-d9e88d29] {
19448
+ .flex[data-v-0f7b7f55] {
19103
19449
  display: flex;
19104
19450
  }
19105
- .flex-column[data-v-d9e88d29] {
19451
+ .flex-column[data-v-0f7b7f55] {
19106
19452
  flex-direction: column;
19107
19453
  }
19108
- .flex-center[data-v-d9e88d29] {
19454
+ .flex-center[data-v-0f7b7f55] {
19109
19455
  display: flex;
19110
19456
  align-items: center;
19111
19457
  justify-content: center;
19112
19458
  }
19113
19459
 
19114
19460
  /* Layer Styles */
19115
- .comments-layer[data-v-d9e88d29] {
19461
+ .comments-layer[data-v-0f7b7f55] {
19116
19462
  position: absolute;
19117
19463
  top: 0;
19118
19464
  height: 100%;
19119
19465
  position: relative;
19120
19466
  }
19121
- .layers[data-v-d9e88d29] {
19467
+ .layers[data-v-0f7b7f55] {
19122
19468
  position: relative;
19123
19469
  }
19124
19470
 
19125
19471
  /* Document Styles */
19126
- .docx[data-v-d9e88d29] {
19472
+ .docx[data-v-0f7b7f55] {
19127
19473
  border: 1px solid #DFDFDF;
19128
19474
  pointer-events: auto;
19129
19475
  }
19130
- .sub-document[data-v-d9e88d29] {
19476
+ .sub-document[data-v-0f7b7f55] {
19131
19477
  position: relative;
19132
19478
  }
19133
19479
 
19134
19480
  /* Toolbar Styles */
19135
- .toolbar[data-v-d9e88d29] {
19481
+ .toolbar[data-v-0f7b7f55] {
19136
19482
  height: 25px;
19137
19483
  background-color: #fff;
19138
19484
  margin-bottom: 5px;
19139
19485
  }
19140
- .toolbar-item[data-v-d9e88d29] {
19486
+ .toolbar-item[data-v-0f7b7f55] {
19141
19487
  width: 20px;
19142
19488
  height: 20px;
19143
19489
  border-radius: 8px;
@@ -19149,12 +19495,12 @@ img[data-v-47d1dee5] {
19149
19495
  justify-content: center;
19150
19496
  transition: all 250ms ease;
19151
19497
  }
19152
- .toolbar-item[data-v-d9e88d29]:hover {
19498
+ .toolbar-item[data-v-0f7b7f55]:hover {
19153
19499
  background-color: #DBDBDB;
19154
19500
  }
19155
19501
 
19156
19502
  /* Tools Styles */
19157
- .tools[data-v-d9e88d29] {
19503
+ .tools[data-v-0f7b7f55] {
19158
19504
  position: absolute;
19159
19505
  width: 50px;
19160
19506
  height: 50px;
@@ -19165,7 +19511,7 @@ img[data-v-47d1dee5] {
19165
19511
  align-items: center;
19166
19512
  justify-content: center;
19167
19513
  }
19168
- .tools .tool-icon[data-v-d9e88d29] {
19514
+ .tools .tool-icon[data-v-0f7b7f55] {
19169
19515
  font-size: 20px;
19170
19516
  border-radius: 12px;
19171
19517
  border: none;
@@ -19173,11 +19519,11 @@ img[data-v-47d1dee5] {
19173
19519
  background-color: #DBDBDB;
19174
19520
  }
19175
19521
  @media (max-width: 768px) {
19176
- .sub-document[data-v-d9e88d29] {
19522
+ .sub-document[data-v-0f7b7f55] {
19177
19523
  max-width: 100%;
19178
19524
  overflow: hidden;
19179
19525
  }
19180
- .right-sidebar[data-v-d9e88d29] {
19526
+ .right-sidebar[data-v-0f7b7f55] {
19181
19527
  padding: 10px;
19182
19528
  width: 55px;
19183
19529
  position: relative;