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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -167,6 +167,38 @@ body {
167
167
  .input-active {
168
168
  border: 1px solid #1355FF !important;
169
169
  }
170
+
171
+
172
+ /* Collaboration cursors */
173
+ .ProseMirror > .ProseMirror-yjs-cursor:first-child {
174
+ margin-top: 16px;
175
+ }
176
+ .ProseMirror-yjs-cursor {
177
+ position: relative;
178
+ margin-left: -1px;
179
+ margin-right: -1px;
180
+ border-left: 1px solid black;
181
+ border-right: 1px solid black;
182
+ border-color: orange;
183
+ word-break: normal;
184
+ pointer-events: none;
185
+ }
186
+ .ProseMirror-yjs-cursor > div {
187
+ position: absolute;
188
+ top: -1.05em;
189
+ left: -1px;
190
+ font-size: 13px;
191
+ background-color: rgb(250, 129, 0);
192
+ font-family: serif;
193
+ font-style: normal;
194
+ font-weight: normal;
195
+ line-height: normal;
196
+ user-select: none;
197
+ color: white;
198
+ padding-left: 2px;
199
+ padding-right: 2px;
200
+ white-space: nowrap;
201
+ }
170
202
  .open-link-icon[data-v-68133520] {
171
203
  margin-left: 10px;
172
204
  width: 30px;
@@ -604,7 +636,7 @@ body {
604
636
  width: 200px;
605
637
  }
606
638
  .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
607
- .super-editor[data-v-15fe97d5] {
639
+ .super-editor[data-v-88836bd4] {
608
640
  display: inline-block;
609
641
  position: relative;
610
642
  }
@@ -16450,6 +16482,9 @@ readers do not read off random characters that represent icons */
16450
16482
  --hover-filter:brightness(0.9);
16451
16483
  --focus-ring-color:#0060df;
16452
16484
  --focus-ring-outline:2px solid var(--focus-ring-color);
16485
+ --link-fg-color:#0060df;
16486
+ --link-hover-fg-color:#0250bb;
16487
+ --separator-color:#f0f0f4;
16453
16488
 
16454
16489
  --textarea-border-color:#8f8f9d;
16455
16490
  --textarea-bg-color:white;
@@ -16469,20 +16504,10 @@ readers do not read off random characters that represent icons */
16469
16504
 
16470
16505
  --button-primary-bg-color:#0060df;
16471
16506
  --button-primary-fg-color:#fbfbfe;
16507
+ --button-primary-border-color:var(--button-primary-bg-color);
16472
16508
  --button-primary-hover-bg-color:var(--button-primary-bg-color);
16473
16509
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
16474
16510
  --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
16511
  }
16487
16512
  @media (prefers-color-scheme: dark){
16488
16513
  .superdoc-viewer .dialog{
@@ -16493,6 +16518,9 @@ readers do not read off random characters that represent icons */
16493
16518
  --text-secondary-color:#cfcfd8;
16494
16519
  --focus-ring-color:#0df;
16495
16520
  --hover-filter:brightness(1.4);
16521
+ --link-fg-color:#0df;
16522
+ --link-hover-fg-color:#80ebff;
16523
+ --separator-color:#52525e;
16496
16524
 
16497
16525
  --textarea-bg-color:#42414d;
16498
16526
 
@@ -16514,6 +16542,9 @@ readers do not read off random characters that represent icons */
16514
16542
  --text-secondary-color:CanvasText;
16515
16543
  --hover-filter:none;
16516
16544
  --focus-ring-color:ButtonBorder;
16545
+ --link-fg-color:LinkText;
16546
+ --link-hover-fg-color:LinkText;
16547
+ --separator-color:CanvasText;
16517
16548
 
16518
16549
  --textarea-border-color:ButtonBorder;
16519
16550
  --textarea-bg-color:Field;
@@ -16536,23 +16567,61 @@ readers do not read off random characters that represent icons */
16536
16567
  --button-primary-hover-fg-color:AccentColorText;
16537
16568
  }
16538
16569
  }
16539
- .superdoc-viewer .dialog .mainContainer *:focus-visible{
16570
+ .superdoc-viewer .dialog{
16571
+
16572
+ font:message-box;
16573
+ font-size:13px;
16574
+ font-weight:400;
16575
+ line-height:150%;
16576
+ border-radius:4px;
16577
+ padding:12px 16px;
16578
+ border:1px solid var(--dialog-border-color);
16579
+ background:var(--dialog-bg-color);
16580
+ color:var(--text-primary-color);
16581
+ box-shadow:var(--dialog-shadow);
16582
+ }
16583
+ .superdoc-viewer :is(.dialog .mainContainer) *:focus-visible{
16540
16584
  outline:var(--focus-ring-outline);
16541
16585
  outline-offset:2px;
16542
16586
  }
16543
- .superdoc-viewer .dialog .mainContainer .radio{
16587
+ .superdoc-viewer :is(.dialog .mainContainer) .title{
16588
+ display:flex;
16589
+ width:auto;
16590
+ flex-direction:column;
16591
+ justify-content:flex-end;
16592
+ align-items:flex-start;
16593
+ gap:12px;
16594
+ }
16595
+ .superdoc-viewer :is(:is(.dialog .mainContainer) .title) > span{
16596
+ font-size:13px;
16597
+ font-style:normal;
16598
+ font-weight:590;
16599
+ line-height:150%;
16600
+ }
16601
+ .superdoc-viewer :is(.dialog .mainContainer) .dialogSeparator{
16602
+ width:100%;
16603
+ height:1px;
16604
+ margin-block:4px;
16605
+ background-color:var(--separator-color);
16606
+ }
16607
+ .superdoc-viewer :is(.dialog .mainContainer) .dialogButtonsGroup{
16608
+ display:flex;
16609
+ gap:12px;
16610
+ align-self:flex-end;
16611
+ }
16612
+ .superdoc-viewer :is(.dialog .mainContainer) .radio{
16544
16613
  display:flex;
16545
16614
  flex-direction:column;
16546
16615
  align-items:flex-start;
16547
16616
  gap:4px;
16548
16617
  }
16549
- .superdoc-viewer .dialog .mainContainer .radio > .radioButton{
16618
+ .superdoc-viewer :is(:is(.dialog .mainContainer) .radio) > .radioButton{
16550
16619
  display:flex;
16551
16620
  gap:8px;
16552
16621
  align-self:stretch;
16553
16622
  align-items:center;
16554
16623
  }
16555
- .superdoc-viewer .dialog .mainContainer .radio > .radioButton input{
16624
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input{
16556
16625
  -webkit-appearance:none;
16557
16626
  -moz-appearance:none;
16558
16627
  appearance:none;
@@ -16563,26 +16632,26 @@ readers do not read off random characters that represent icons */
16563
16632
  background-color:var(--radio-bg-color);
16564
16633
  border:1px solid var(--radio-border-color);
16565
16634
  }
16566
- .superdoc-viewer .dialog .mainContainer .radio > .radioButton input:hover{
16635
+ .superdoc-viewer :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover{
16567
16636
  filter:var(--hover-filter);
16568
16637
  }
16569
- .superdoc-viewer .dialog .mainContainer .radio > .radioButton input:checked{
16638
+ .superdoc-viewer :is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):checked{
16570
16639
  background-color:var(--radio-checked-bg-color);
16571
16640
  border:4px solid var(--radio-checked-border-color);
16572
16641
  }
16573
- .superdoc-viewer .dialog .mainContainer .radio > .radioLabel{
16642
+ .superdoc-viewer :is(:is(.dialog .mainContainer) .radio) > .radioLabel{
16574
16643
  display:flex;
16575
16644
  padding-inline-start:24px;
16576
16645
  align-items:flex-start;
16577
16646
  gap:10px;
16578
16647
  align-self:stretch;
16579
16648
  }
16580
- .superdoc-viewer .dialog .mainContainer .radio > .radioLabel > span{
16649
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel) > span{
16581
16650
  flex:1 0 0;
16582
16651
  font-size:11px;
16583
16652
  color:var(--text-secondary-color);
16584
16653
  }
16585
- .superdoc-viewer .dialog .mainContainer button{
16654
+ .superdoc-viewer :is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton)){
16586
16655
  border-radius:4px;
16587
16656
  border:1px solid;
16588
16657
  font:menu;
@@ -16591,32 +16660,38 @@ readers do not read off random characters that represent icons */
16591
16660
  width:auto;
16592
16661
  height:32px;
16593
16662
  }
16594
- .superdoc-viewer .dialog .mainContainer button:hover{
16663
+ .superdoc-viewer :is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
16595
16664
  cursor:pointer;
16596
16665
  filter:var(--hover-filter);
16597
16666
  }
16598
- .superdoc-viewer .dialog .mainContainer button.secondaryButton{
16667
+ .superdoc-viewer .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
16599
16668
  color:var(--button-secondary-fg-color);
16600
16669
  background-color:var(--button-secondary-bg-color);
16601
16670
  border-color:var(--button-secondary-border-color);
16602
16671
  }
16603
- .superdoc-viewer .dialog .mainContainer button.secondaryButton:hover{
16672
+ .superdoc-viewer .secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
16604
16673
  color:var(--button-secondary-hover-fg-color);
16605
16674
  background-color:var(--button-secondary-hover-bg-color);
16606
16675
  border-color:var(--button-secondary-hover-border-color);
16607
16676
  }
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);
16677
+ .superdoc-viewer .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
16678
+ color:var(--button-primary-fg-color);
16679
+ background-color:var(--button-primary-bg-color);
16680
+ border-color:var(--button-primary-border-color);
16612
16681
  opacity:1;
16613
16682
  }
16614
- .superdoc-viewer .dialog .mainContainer button.primaryButton:hover{
16683
+ .superdoc-viewer .primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
16615
16684
  color:var(--button-primary-hover-fg-color);
16616
16685
  background-color:var(--button-primary-hover-bg-color);
16617
16686
  border-color:var(--button-primary-hover-border-color);
16618
16687
  }
16619
- .superdoc-viewer .dialog .mainContainer textarea{
16688
+ .superdoc-viewer :is(.dialog .mainContainer) a{
16689
+ color:var(--link-fg-color);
16690
+ }
16691
+ .superdoc-viewer :is(:is(.dialog .mainContainer) a):hover{
16692
+ color:var(--link-hover-fg-color);
16693
+ }
16694
+ .superdoc-viewer :is(.dialog .mainContainer) textarea{
16620
16695
  font:inherit;
16621
16696
  padding:8px;
16622
16697
  resize:none;
@@ -16627,14 +16702,153 @@ readers do not read off random characters that represent icons */
16627
16702
  background:var(--textarea-bg-color);
16628
16703
  color:var(--textarea-fg-color);
16629
16704
  }
16630
- .superdoc-viewer .dialog .mainContainer textarea:focus{
16705
+ .superdoc-viewer :is(:is(.dialog .mainContainer) textarea):focus{
16631
16706
  outline-offset:0;
16632
16707
  border-color:transparent;
16633
16708
  }
16634
- .superdoc-viewer .dialog .mainContainer textarea:disabled{
16709
+ .superdoc-viewer :is(:is(.dialog .mainContainer) textarea):disabled{
16635
16710
  pointer-events:none;
16636
16711
  opacity:0.4;
16637
16712
  }
16713
+ .superdoc-viewer :is(.dialog .mainContainer) .messageBar{
16714
+ --message-bar-warning-icon:url(images/messageBar_warning.svg);
16715
+ --closing-button-icon:url(images/messageBar_closingButton.svg);
16716
+
16717
+ --message-bar-bg-color:#ffebcd;
16718
+ --message-bar-fg-color:#15141a;
16719
+ --message-bar-border-color:rgb(0 0 0 / 0.08);
16720
+ --message-bar-icon-color:#cd411e;
16721
+ --message-bar-close-button-border-radius:4px;
16722
+ --message-bar-close-button-border:none;
16723
+ --message-bar-close-button-color:var(--text-primary-color);
16724
+ --message-bar-close-button-hover-bg-color:rgb(21 20 26 / 0.14);
16725
+ --message-bar-close-button-active-bg-color:rgb(21 20 26 / 0.21);
16726
+ --message-bar-close-button-focus-bg-color:rgb(21 20 26 / 0.07);
16727
+ --message-bar-close-button-color-hover:var(--text-primary-color);
16728
+ }
16729
+ @media (prefers-color-scheme: dark){
16730
+ .superdoc-viewer :is(.dialog .mainContainer) .messageBar{
16731
+ --message-bar-bg-color:#5a3100;
16732
+ --message-bar-fg-color:#fbfbfe;
16733
+ --message-bar-border-color:rgb(255 255 255 / 0.08);
16734
+ --message-bar-icon-color:#e49c49;
16735
+ --message-bar-close-button-hover-bg-color:rgb(251 251 254 / 0.14);
16736
+ --message-bar-close-button-active-bg-color:rgb(251 251 254 / 0.21);
16737
+ --message-bar-close-button-focus-bg-color:rgb(251 251 254 / 0.07);
16738
+ }
16739
+ }
16740
+ @media screen and (forced-colors: active){
16741
+ .superdoc-viewer :is(.dialog .mainContainer) .messageBar{
16742
+ --message-bar-bg-color:HighlightText;
16743
+ --message-bar-fg-color:CanvasText;
16744
+ --message-bar-border-color:CanvasText;
16745
+ --message-bar-icon-color:CanvasText;
16746
+ --message-bar-close-button-color:ButtonText;
16747
+ --message-bar-close-button-border:1px solid ButtonText;
16748
+ --message-bar-close-button-hover-bg-color:ButtonText;
16749
+ --message-bar-close-button-active-bg-color:ButtonText;
16750
+ --message-bar-close-button-focus-bg-color:ButtonText;
16751
+ --message-bar-close-button-color-hover:HighlightText;
16752
+ }
16753
+ }
16754
+ .superdoc-viewer :is(.dialog .mainContainer) .messageBar{
16755
+
16756
+ display:flex;
16757
+ position:relative;
16758
+ padding:12px 8px 12px 0;
16759
+ flex-direction:column;
16760
+ justify-content:center;
16761
+ align-items:flex-start;
16762
+ gap:8px;
16763
+ align-self:stretch;
16764
+
16765
+ border-radius:4px;
16766
+ border:1px solid var(--message-bar-border-color);
16767
+ background:var(--message-bar-bg-color);
16768
+ color:var(--message-bar-fg-color);
16769
+ }
16770
+ .superdoc-viewer :is(:is(.dialog .mainContainer) .messageBar) > div{
16771
+ display:flex;
16772
+ padding-inline-start:16px;
16773
+ align-items:flex-start;
16774
+ gap:8px;
16775
+ align-self:stretch;
16776
+ }
16777
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) > div)::before{
16778
+ content:"";
16779
+ display:inline-block;
16780
+ width:16px;
16781
+ height:16px;
16782
+ -webkit-mask-image:var(--message-bar-warning-icon);
16783
+ mask-image:var(--message-bar-warning-icon);
16784
+ -webkit-mask-size:cover;
16785
+ mask-size:cover;
16786
+ background-color:var(--message-bar-icon-color);
16787
+ }
16788
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div{
16789
+ display:flex;
16790
+ flex-direction:column;
16791
+ align-items:flex-start;
16792
+ gap:8px;
16793
+ flex:1 0 0;
16794
+ }
16795
+ .superdoc-viewer :is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .title{
16796
+ font-size:13px;
16797
+ font-weight:590;
16798
+ }
16799
+ .superdoc-viewer :is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .description{
16800
+ font-size:13px;
16801
+ }
16802
+ .superdoc-viewer :is(:is(.dialog .mainContainer) .messageBar) .closeButton{
16803
+ position:absolute;
16804
+ width:32px;
16805
+ height:32px;
16806
+ inset-inline-end:8px;
16807
+ inset-block-start:8px;
16808
+ background:none;
16809
+ border-radius:var(--message-bar-close-button-border-radius);
16810
+ border:var(--message-bar-close-button-border);
16811
+ }
16812
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton)::before{
16813
+ content:"";
16814
+ display:inline-block;
16815
+ width:16px;
16816
+ height:16px;
16817
+ -webkit-mask-image:var(--closing-button-icon);
16818
+ mask-image:var(--closing-button-icon);
16819
+ -webkit-mask-size:cover;
16820
+ mask-size:cover;
16821
+ background-color:var(--message-bar-close-button-color);
16822
+ }
16823
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):is(:hover,:active,:focus)::before{
16824
+ background-color:var(--message-bar-close-button-color-hover);
16825
+ }
16826
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):hover{
16827
+ background-color:var(--message-bar-close-button-hover-bg-color);
16828
+ }
16829
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):active{
16830
+ background-color:var(--message-bar-close-button-active-bg-color);
16831
+ }
16832
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):focus{
16833
+ background-color:var(--message-bar-close-button-focus-bg-color);
16834
+ }
16835
+ .superdoc-viewer :is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton) > span{
16836
+ display:inline-block;
16837
+ width:0;
16838
+ height:0;
16839
+ overflow:hidden;
16840
+ }
16841
+ .superdoc-viewer :is(.dialog .mainContainer) .toggler{
16842
+ display:flex;
16843
+ align-items:center;
16844
+ gap:8px;
16845
+ align-self:stretch;
16846
+ }
16847
+ .superdoc-viewer :is(:is(.dialog .mainContainer) .toggler) > .togglerLabel{
16848
+ -webkit-user-select:none;
16849
+ -moz-user-select:none;
16850
+ user-select:none;
16851
+ }
16638
16852
  .superdoc-viewer .textLayer{
16639
16853
  position:absolute;
16640
16854
  text-align:initial;
@@ -16653,15 +16867,14 @@ readers do not read off random characters that represent icons */
16653
16867
  .superdoc-viewer .textLayer.highlighting{
16654
16868
  touch-action:none;
16655
16869
  }
16656
- .superdoc-viewer .textLayer :is(span, br){
16870
+ .superdoc-viewer .textLayer :is(span,br){
16657
16871
  color:transparent;
16658
16872
  position:absolute;
16659
16873
  white-space:pre;
16660
16874
  cursor:text;
16661
16875
  transform-origin:0% 0%;
16662
16876
  }
16663
- .superdoc-viewer .textLayer > :not(.markedContent),
16664
- .superdoc-viewer .textLayer .markedContent span:not(.markedContent){
16877
+ .superdoc-viewer .textLayer > :not(.markedContent),.superdoc-viewer .textLayer .markedContent span:not(.markedContent){
16665
16878
  z-index:1;
16666
16879
  }
16667
16880
  .superdoc-viewer .textLayer span.markedContent{
@@ -16673,13 +16886,6 @@ readers do not read off random characters that represent icons */
16673
16886
  --highlight-selected-bg-color:rgb(0 100 0 / 0.25);
16674
16887
  --highlight-backdrop-filter:none;
16675
16888
  --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
16889
  }
16684
16890
  @media screen and (forced-colors: active){
16685
16891
  .superdoc-viewer .textLayer .highlight{
@@ -16691,19 +16897,28 @@ readers do not read off random characters that represent icons */
16691
16897
  );
16692
16898
  }
16693
16899
  }
16694
- .superdoc-viewer .textLayer .highlight.appended{
16900
+ .superdoc-viewer .textLayer .highlight{
16901
+
16902
+ margin:-1px;
16903
+ padding:1px;
16904
+ background-color:var(--highlight-bg-color);
16905
+ -webkit-backdrop-filter:var(--highlight-backdrop-filter);
16906
+ backdrop-filter:var(--highlight-backdrop-filter);
16907
+ border-radius:4px;
16908
+ }
16909
+ .superdoc-viewer .appended:is(.textLayer .highlight){
16695
16910
  position:initial;
16696
16911
  }
16697
- .superdoc-viewer .textLayer .highlight.begin{
16912
+ .superdoc-viewer .begin:is(.textLayer .highlight){
16698
16913
  border-radius:4px 0 0 4px;
16699
16914
  }
16700
- .superdoc-viewer .textLayer .highlight.end{
16915
+ .superdoc-viewer .end:is(.textLayer .highlight){
16701
16916
  border-radius:0 4px 4px 0;
16702
16917
  }
16703
- .superdoc-viewer .textLayer .highlight.middle{
16918
+ .superdoc-viewer .middle:is(.textLayer .highlight){
16704
16919
  border-radius:0;
16705
16920
  }
16706
- .superdoc-viewer .textLayer .highlight.selected{
16921
+ .superdoc-viewer .selected:is(.textLayer .highlight){
16707
16922
  background-color:var(--highlight-selected-bg-color);
16708
16923
  -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);
16709
16924
  backdrop-filter:var(--highlight-selected-backdrop-filter);
@@ -16732,8 +16947,8 @@ readers do not read off random characters that represent icons */
16732
16947
  -moz-user-select:none;
16733
16948
  user-select:none;
16734
16949
  }
16735
- .superdoc-viewer .textLayer .endOfContent.active{
16736
- top:0;
16950
+ .superdoc-viewer .textLayer.selecting .endOfContent{
16951
+ top:0;
16737
16952
  }
16738
16953
  .superdoc-viewer .annotationLayer{
16739
16954
  --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 +16958,6 @@ readers do not read off random characters that represent icons */
16743
16958
  --input-disabled-border-color:transparent;
16744
16959
  --input-hover-border-color:black;
16745
16960
  --link-outline:none;
16746
-
16747
- position:absolute;
16748
- top:0;
16749
- left:0;
16750
- pointer-events:none;
16751
- transform-origin:0 0;
16752
16961
  }
16753
16962
  @media screen and (forced-colors: active){
16754
16963
  .superdoc-viewer .annotationLayer{
@@ -16758,17 +16967,17 @@ readers do not read off random characters that represent icons */
16758
16967
  --input-hover-border-color:Highlight;
16759
16968
  --link-outline:1.5px solid LinkText;
16760
16969
  }
16761
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
16970
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):required,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
16762
16971
  outline:1.5px solid selectedItem;
16763
16972
  }
16764
16973
  .superdoc-viewer .annotationLayer .linkAnnotation{
16765
16974
  outline:var(--link-outline);
16766
16975
  }
16767
- .superdoc-viewer .annotationLayer .linkAnnotation:hover{
16976
+ .superdoc-viewer :is(.annotationLayer .linkAnnotation):hover{
16768
16977
  -webkit-backdrop-filter:var(--hcm-highlight-filter);
16769
16978
  backdrop-filter:var(--hcm-highlight-filter);
16770
16979
  }
16771
- .superdoc-viewer .annotationLayer .linkAnnotation > a:hover{
16980
+ .superdoc-viewer :is(.annotationLayer .linkAnnotation) > a:hover{
16772
16981
  opacity:0 !important;
16773
16982
  background:none !important;
16774
16983
  box-shadow:none;
@@ -16793,6 +17002,14 @@ readers do not read off random characters that represent icons */
16793
17002
  outline:calc(3px * var(--scale-factor)) solid Highlight !important;
16794
17003
  }
16795
17004
  }
17005
+ .superdoc-viewer .annotationLayer{
17006
+
17007
+ position:absolute;
17008
+ top:0;
17009
+ left:0;
17010
+ pointer-events:none;
17011
+ transform-origin:0 0;
17012
+ }
16796
17013
  .superdoc-viewer .annotationLayer[data-main-rotation="90"] .norotate{
16797
17014
  transform:rotate(270deg) translateX(-100%);
16798
17015
  }
@@ -16802,8 +17019,7 @@ readers do not read off random characters that represent icons */
16802
17019
  .superdoc-viewer .annotationLayer[data-main-rotation="270"] .norotate{
16803
17020
  transform:rotate(90deg) translateY(-100%);
16804
17021
  }
16805
- .superdoc-viewer .annotationLayer.disabled section,
16806
- .superdoc-viewer .annotationLayer.disabled .popup{
17022
+ .superdoc-viewer .annotationLayer.disabled section,.superdoc-viewer .annotationLayer.disabled .popup{
16807
17023
  pointer-events:none;
16808
17024
  }
16809
17025
  .superdoc-viewer .annotationLayer .annotationContent{
@@ -16812,7 +17028,7 @@ readers do not read off random characters that represent icons */
16812
17028
  height:100%;
16813
17029
  pointer-events:none;
16814
17030
  }
16815
- .superdoc-viewer .annotationLayer .annotationContent.freetext{
17031
+ .superdoc-viewer .freetext:is(.annotationLayer .annotationContent){
16816
17032
  background:transparent;
16817
17033
  border:none;
16818
17034
  inset:0;
@@ -16831,10 +17047,13 @@ readers do not read off random characters that represent icons */
16831
17047
  box-sizing:border-box;
16832
17048
  transform-origin:0 0;
16833
17049
  }
16834
- .superdoc-viewer .annotationLayer section:has(div.annotationContent) canvas.annotationContent{
17050
+ .superdoc-viewer :is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent{
16835
17051
  display:none;
16836
17052
  }
16837
- .superdoc-viewer .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a{
17053
+ .superdoc-viewer .textLayer.selecting ~ .annotationLayer section{
17054
+ pointer-events:none;
17055
+ }
17056
+ .superdoc-viewer .annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton) > a{
16838
17057
  position:absolute;
16839
17058
  font-size:1em;
16840
17059
  top:0;
@@ -16842,8 +17061,7 @@ readers do not read off random characters that represent icons */
16842
17061
  width:100%;
16843
17062
  height:100%;
16844
17063
  }
16845
- .superdoc-viewer .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
16846
- > a:hover{
17064
+ .superdoc-viewer .annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover{
16847
17065
  opacity:0.2;
16848
17066
  background-color:rgb(255 255 0);
16849
17067
  box-shadow:0 2px 10px rgb(255 255 0);
@@ -16862,7 +17080,7 @@ readers do not read off random characters that represent icons */
16862
17080
  top:0;
16863
17081
  left:0;
16864
17082
  }
16865
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea), .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
17083
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea),.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
16866
17084
  background-image:var(--annotation-unfocused-field-background);
16867
17085
  border:2px solid var(--input-unfocused-border-color);
16868
17086
  box-sizing:border-box;
@@ -16872,7 +17090,7 @@ readers do not read off random characters that represent icons */
16872
17090
  vertical-align:top;
16873
17091
  width:100%;
16874
17092
  }
16875
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
17093
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):required,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:required,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
16876
17094
  outline:1.5px solid red;
16877
17095
  }
16878
17096
  .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select option{
@@ -16884,24 +17102,24 @@ readers do not read off random characters that represent icons */
16884
17102
  .superdoc-viewer .annotationLayer .textWidgetAnnotation textarea{
16885
17103
  resize:none;
16886
17104
  }
16887
- .superdoc-viewer .annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea), .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select[disabled], .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled]{
17105
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea),.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select[disabled],.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{
16888
17106
  background:none;
16889
17107
  border:2px solid var(--input-disabled-border-color);
16890
17108
  cursor:not-allowed;
16891
17109
  }
16892
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover{
17110
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{
16893
17111
  border:2px solid var(--input-hover-border-color);
16894
17112
  }
16895
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover, .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
17113
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:hover,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
16896
17114
  border-radius:2px;
16897
17115
  }
16898
- .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:focus{
17116
+ .superdoc-viewer .annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.superdoc-viewer .annotationLayer .choiceWidgetAnnotation select:focus{
16899
17117
  background:none;
16900
17118
  border:2px solid var(--input-focus-border-color);
16901
17119
  border-radius:2px;
16902
17120
  outline:var(--input-focus-outline);
16903
17121
  }
16904
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus{
17122
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{
16905
17123
  background-image:none;
16906
17124
  background-color:transparent;
16907
17125
  }
@@ -16914,16 +17132,13 @@ readers do not read off random characters that represent icons */
16914
17132
  border:2px solid var(--input-focus-border-color);
16915
17133
  outline:var(--input-focus-outline);
16916
17134
  }
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{
17135
+ .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
17136
  background-color:CanvasText;
16921
17137
  content:"";
16922
17138
  display:block;
16923
17139
  position:absolute;
16924
17140
  }
16925
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
16926
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
17141
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.superdoc-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
16927
17142
  height:80%;
16928
17143
  left:45%;
16929
17144
  width:1px;
@@ -16949,7 +17164,7 @@ readers do not read off random characters that represent icons */
16949
17164
  .superdoc-viewer .annotationLayer .textWidgetAnnotation input.comb:focus{
16950
17165
  width:103%;
16951
17166
  }
16952
- .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
17167
+ .superdoc-viewer .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
16953
17168
  -webkit-appearance:none;
16954
17169
  -moz-appearance:none;
16955
17170
  appearance:none;
@@ -17027,7 +17242,7 @@ readers do not read off random characters that represent icons */
17027
17242
  user-select:none;
17028
17243
  pointer-events:none;
17029
17244
  }
17030
- .superdoc-viewer .annotationLayer .annotationTextContent span{
17245
+ .superdoc-viewer :is(.annotationLayer .annotationTextContent) span{
17031
17246
  width:100%;
17032
17247
  display:inline-block;
17033
17248
  }
@@ -17307,63 +17522,62 @@ readers do not read off random characters that represent icons */
17307
17522
  .superdoc-viewer .canvasWrapper svg{
17308
17523
  transform:none;
17309
17524
  }
17310
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="90"] mask,
17311
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="90"] use:not(.clip, .mask){
17525
+ .superdoc-viewer [data-main-rotation="90"]:is(.canvasWrapper svg) mask,.superdoc-viewer [data-main-rotation="90"]:is(.canvasWrapper svg) use:not(.clip,.mask){
17312
17526
  transform:matrix(0, 1, -1, 0, 1, 0);
17313
17527
  }
17314
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="180"] mask,
17315
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="180"] use:not(.clip, .mask){
17528
+ .superdoc-viewer [data-main-rotation="180"]:is(.canvasWrapper svg) mask,.superdoc-viewer [data-main-rotation="180"]:is(.canvasWrapper svg) use:not(.clip,.mask){
17316
17529
  transform:matrix(-1, 0, 0, -1, 1, 1);
17317
17530
  }
17318
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="270"] mask,
17319
- .superdoc-viewer .canvasWrapper svg[data-main-rotation="270"] use:not(.clip, .mask){
17531
+ .superdoc-viewer [data-main-rotation="270"]:is(.canvasWrapper svg) mask,.superdoc-viewer [data-main-rotation="270"]:is(.canvasWrapper svg) use:not(.clip,.mask){
17320
17532
  transform:matrix(0, -1, 1, 0, 0, 1);
17321
17533
  }
17322
- .superdoc-viewer .canvasWrapper svg.highlight{
17534
+ .superdoc-viewer .highlight:is(.canvasWrapper svg){
17323
17535
  --blend-mode:multiply;
17324
-
17325
- position:absolute;
17326
- mix-blend-mode:var(--blend-mode);
17327
17536
  }
17328
17537
  @media screen and (forced-colors: active){
17329
- .superdoc-viewer .canvasWrapper svg.highlight{
17538
+ .superdoc-viewer .highlight:is(.canvasWrapper svg){
17330
17539
  --blend-mode:difference;
17331
17540
  }
17332
17541
  }
17333
- .superdoc-viewer .canvasWrapper svg.highlight:not(.free){
17542
+ .superdoc-viewer .highlight:is(.canvasWrapper svg){
17543
+
17544
+ position:absolute;
17545
+ mix-blend-mode:var(--blend-mode);
17546
+ }
17547
+ .superdoc-viewer .highlight:is(.canvasWrapper svg):not(.free){
17334
17548
  fill-rule:evenodd;
17335
17549
  }
17336
- .superdoc-viewer .canvasWrapper svg.highlightOutline{
17550
+ .superdoc-viewer .highlightOutline:is(.canvasWrapper svg){
17337
17551
  position:absolute;
17338
17552
  mix-blend-mode:normal;
17339
17553
  fill-rule:evenodd;
17340
17554
  fill:none;
17341
17555
  }
17342
- .superdoc-viewer .canvasWrapper svg.highlightOutline.hovered:not(.free):not(.selected){
17556
+ .superdoc-viewer .highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected){
17343
17557
  stroke:var(--hover-outline-color);
17344
17558
  stroke-width:var(--outline-width);
17345
17559
  }
17346
- .superdoc-viewer .canvasWrapper svg.highlightOutline.selected:not(.free) .mainOutline{
17560
+ .superdoc-viewer .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline{
17347
17561
  stroke:var(--outline-around-color);
17348
17562
  stroke-width:calc(
17349
17563
  var(--outline-width) + 2 * var(--outline-around-width)
17350
17564
  );
17351
17565
  }
17352
- .superdoc-viewer .canvasWrapper svg.highlightOutline.selected:not(.free) .secondaryOutline{
17566
+ .superdoc-viewer .highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline{
17353
17567
  stroke:var(--outline-color);
17354
17568
  stroke-width:var(--outline-width);
17355
17569
  }
17356
- .superdoc-viewer .canvasWrapper svg.highlightOutline.free.hovered:not(.selected){
17570
+ .superdoc-viewer .highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected){
17357
17571
  stroke:var(--hover-outline-color);
17358
17572
  stroke-width:calc(2 * var(--outline-width));
17359
17573
  }
17360
- .superdoc-viewer .canvasWrapper svg.highlightOutline.free.selected .mainOutline{
17574
+ .superdoc-viewer .highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline{
17361
17575
  stroke:var(--outline-around-color);
17362
17576
  stroke-width:calc(
17363
17577
  2 * (var(--outline-width) + var(--outline-around-width))
17364
17578
  );
17365
17579
  }
17366
- .superdoc-viewer .canvasWrapper svg.highlightOutline.free.selected .secondaryOutline{
17580
+ .superdoc-viewer .highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline{
17367
17581
  stroke:var(--outline-color);
17368
17582
  stroke-width:calc(2 * var(--outline-width));
17369
17583
  }
@@ -17380,6 +17594,41 @@ readers do not read off random characters that represent icons */
17380
17594
  --size-item-small:16px;
17381
17595
  --size-item-large:32px;
17382
17596
  --color-canvas:white;
17597
+ }
17598
+ @media (prefers-color-scheme: dark){
17599
+ .superdoc-viewer .toggle-button{
17600
+ --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
17601
+ --button-background-color-hover:color-mix(
17602
+ in srgb,
17603
+ currentColor 14%,
17604
+ transparent
17605
+ );
17606
+ --button-background-color-active:color-mix(
17607
+ in srgb,
17608
+ currentColor 21%,
17609
+ transparent
17610
+ );
17611
+ --color-accent-primary:#0df;
17612
+ --color-accent-primary-hover:#80ebff;
17613
+ --color-accent-primary-active:#aaf2ff;
17614
+ --border-interactive-color:#bfbfc9;
17615
+ --color-canvas:#1c1b22;
17616
+ }
17617
+ }
17618
+ @media (forced-colors: active){
17619
+ .superdoc-viewer .toggle-button{
17620
+ --color-accent-primary:ButtonText;
17621
+ --color-accent-primary-hover:SelectedItem;
17622
+ --color-accent-primary-active:SelectedItem;
17623
+ --border-interactive-color:ButtonText;
17624
+ --button-background-color:ButtonFace;
17625
+ --border-interactive-color-hover:SelectedItem;
17626
+ --border-interactive-color-active:SelectedItem;
17627
+ --border-interactive-color-disabled:GrayText;
17628
+ --color-canvas:ButtonText;
17629
+ }
17630
+ }
17631
+ .superdoc-viewer .toggle-button{
17383
17632
 
17384
17633
  --toggle-background-color:var(--button-background-color);
17385
17634
  --toggle-background-color-hover:var(--button-background-color-hover);
@@ -17423,39 +17672,6 @@ readers do not read off random characters that represent icons */
17423
17672
  box-sizing:border-box;
17424
17673
  flex-shrink:0;
17425
17674
  }
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
17675
  .superdoc-viewer .toggle-button:focus-visible{
17460
17676
  outline:var(--focus-outline);
17461
17677
  outline-offset:var(--focus-outline-offset);
@@ -17494,8 +17710,7 @@ readers do not read off random characters that represent icons */
17494
17710
  translate:var(--toggle-dot-transform-x);
17495
17711
  background-color:var(--toggle-dot-background-color-on-pressed);
17496
17712
  }
17497
- .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover::before,
17498
- .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:active::before{
17713
+ .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover::before,.superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:active::before{
17499
17714
  background-color:var(--toggle-dot-background-color-on-pressed);
17500
17715
  }
17501
17716
  .superdoc-viewer [dir="rtl"] .toggle-button[aria-pressed="true"]::before{
@@ -17517,16 +17732,14 @@ readers do not read off random characters that represent icons */
17517
17732
  border-color:var(--toggle-border-color);
17518
17733
  position:relative;
17519
17734
  }
17520
- .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover,
17521
- .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover:active{
17735
+ .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover,.superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:hover:active{
17522
17736
  border-color:var(--toggle-border-color-hover);
17523
17737
  }
17524
17738
  .superdoc-viewer .toggle-button[aria-pressed="true"]:enabled:active{
17525
17739
  background-color:var(--toggle-dot-background-color-active);
17526
17740
  border-color:var(--toggle-dot-background-color-hover);
17527
17741
  }
17528
- .superdoc-viewer .toggle-button:hover::before,
17529
- .superdoc-viewer .toggle-button:active::before{
17742
+ .superdoc-viewer .toggle-button:hover::before,.superdoc-viewer .toggle-button:active::before{
17530
17743
  background-color:var(--toggle-dot-background-color-hover);
17531
17744
  }
17532
17745
  }
@@ -17579,6 +17792,8 @@ readers do not read off random characters that represent icons */
17579
17792
  --editorInk-editing-cursor:url(images/cursor-editorInk.svg) 0 16, pointer;
17580
17793
  --editorHighlight-editing-cursor:url(images/cursor-editorTextHighlight.svg) 24 24, text;
17581
17794
  --editorFreeHighlight-editing-cursor:url(images/cursor-editorFreeHighlight.svg) 1 18, pointer;
17795
+
17796
+ --new-alt-text-warning-image:url(images/altText_warning.svg);
17582
17797
  }
17583
17798
  .superdoc-viewer .visuallyHidden{
17584
17799
  position:absolute;
@@ -17602,6 +17817,9 @@ readers do not read off random characters that represent icons */
17602
17817
  .superdoc-viewer .textLayer.highlighting.free span{
17603
17818
  cursor:var(--editorFreeHighlight-editing-cursor);
17604
17819
  }
17820
+ .superdoc-viewer #viewerContainer.pdfPresentationMode:fullscreen .noAltTextBadge{
17821
+ display:none !important;
17822
+ }
17605
17823
  @media (min-resolution: 1.1dppx){
17606
17824
  .superdoc-viewer :root{
17607
17825
  --editorFreeText-editing-cursor:url(images/cursor-editorFreeText.svg) 0 16, text;
@@ -17666,35 +17884,34 @@ readers do not read off random characters that represent icons */
17666
17884
  max-height:100%;
17667
17885
  border:var(--unfocus-outline);
17668
17886
  }
17669
- .superdoc-viewer .annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
17887
+ .superdoc-viewer .draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
17670
17888
  cursor:move;
17671
17889
  }
17672
- .superdoc-viewer .annotationEditorLayer .moving:is(.freeTextEditor, .inkEditor, .stampEditor){
17890
+ .superdoc-viewer .moving:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
17673
17891
  touch-action:none;
17674
17892
  }
17675
- .superdoc-viewer .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
17893
+ .superdoc-viewer .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
17676
17894
  border:var(--focus-outline);
17677
17895
  outline:var(--focus-outline-around);
17678
17896
  }
17679
- .superdoc-viewer .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor)::before{
17897
+ .superdoc-viewer .selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))::before{
17680
17898
  content:"";
17681
17899
  position:absolute;
17682
17900
  inset:0;
17683
17901
  border:var(--focus-outline-around);
17684
17902
  pointer-events:none;
17685
17903
  }
17686
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor){
17904
+ .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor){
17687
17905
  border:var(--hover-outline);
17688
17906
  outline:var(--hover-outline-around);
17689
17907
  }
17690
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor)::before{
17908
+ .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor)::before{
17691
17909
  content:"";
17692
17910
  position:absolute;
17693
17911
  inset:0;
17694
17912
  border:var(--focus-outline-around);
17695
17913
  }
17696
- .superdoc-viewer :is(.annotationEditorLayer
17697
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17914
+ .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
17698
17915
  --editor-toolbar-delete-image:url(images/editor-toolbar-delete.svg);
17699
17916
  --editor-toolbar-bg-color:#f0f0f4;
17700
17917
  --editor-toolbar-highlight-image:url(images/toolbarButton-editorHighlight.svg);
@@ -17709,6 +17926,39 @@ readers do not read off random characters that represent icons */
17709
17926
  --editor-toolbar-vert-offset:6px;
17710
17927
  --editor-toolbar-height:28px;
17711
17928
  --editor-toolbar-padding:2px;
17929
+ --alt-text-done-color:#2ac3a2;
17930
+ --alt-text-warning-color:#0090ed;
17931
+ --alt-text-hover-done-color:var(--alt-text-done-color);
17932
+ --alt-text-hover-warning-color:var(--alt-text-warning-color);
17933
+ }
17934
+ @media (prefers-color-scheme: dark){
17935
+ .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
17936
+ --editor-toolbar-bg-color:#2b2a33;
17937
+ --editor-toolbar-fg-color:#fbfbfe;
17938
+ --editor-toolbar-hover-bg-color:#52525e;
17939
+ --editor-toolbar-focus-outline-color:#0df;
17940
+ --alt-text-done-color:#54ffbd;
17941
+ --alt-text-warning-color:#80ebff;
17942
+ }
17943
+ }
17944
+ @media screen and (forced-colors: active){
17945
+ .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
17946
+ --editor-toolbar-bg-color:ButtonFace;
17947
+ --editor-toolbar-fg-color:ButtonText;
17948
+ --editor-toolbar-border-color:ButtonText;
17949
+ --editor-toolbar-hover-border-color:AccentColor;
17950
+ --editor-toolbar-hover-bg-color:ButtonFace;
17951
+ --editor-toolbar-hover-fg-color:AccentColor;
17952
+ --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
17953
+ --editor-toolbar-focus-outline-color:ButtonBorder;
17954
+ --editor-toolbar-shadow:none;
17955
+ --alt-text-done-color:var(--editor-toolbar-fg-color);
17956
+ --alt-text-warning-color:var(--editor-toolbar-fg-color);
17957
+ --alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color);
17958
+ --alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color);
17959
+ }
17960
+ }
17961
+ .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
17712
17962
 
17713
17963
  display:flex;
17714
17964
  width:-moz-fit-content;
@@ -17731,55 +17981,26 @@ readers do not read off random characters that represent icons */
17731
17981
  border:1px solid var(--editor-toolbar-border-color);
17732
17982
  box-shadow:var(--editor-toolbar-shadow);
17733
17983
  }
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{
17984
+ .superdoc-viewer .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
17759
17985
  display:none;
17760
17986
  }
17761
- .superdoc-viewer :is(.annotationEditorLayer
17762
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar:has(:focus-visible){
17987
+ .superdoc-viewer :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar):has(:focus-visible){
17763
17988
  border-color:transparent;
17764
17989
  }
17765
- .superdoc-viewer [dir="ltr"] :is(.annotationEditorLayer
17766
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17990
+ .superdoc-viewer [dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
17767
17991
  transform-origin:100% 0;
17768
17992
  }
17769
- .superdoc-viewer [dir="rtl"] :is(.annotationEditorLayer
17770
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
17993
+ .superdoc-viewer [dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
17771
17994
  transform-origin:0 0;
17772
17995
  }
17773
- .superdoc-viewer :is(.annotationEditorLayer
17774
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons{
17996
+ .superdoc-viewer :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons{
17775
17997
  display:flex;
17776
17998
  justify-content:center;
17777
17999
  align-items:center;
17778
18000
  gap:0;
17779
18001
  height:100%;
17780
18002
  }
17781
- .superdoc-viewer :is(.annotationEditorLayer
17782
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .divider{
18003
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .divider{
17783
18004
  width:1px;
17784
18005
  height:calc(
17785
18006
  2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
@@ -17788,12 +18009,10 @@ readers do not read off random characters that represent icons */
17788
18009
  display:inline-block;
17789
18010
  margin-inline:2px;
17790
18011
  }
17791
- .superdoc-viewer :is(.annotationEditorLayer
17792
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton{
18012
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton{
17793
18013
  width:var(--editor-toolbar-height);
17794
18014
  }
17795
- .superdoc-viewer :is(.annotationEditorLayer
17796
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton::before{
18015
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton)::before{
17797
18016
  content:"";
17798
18017
  -webkit-mask-image:var(--editor-toolbar-highlight-image);
17799
18018
  mask-image:var(--editor-toolbar-highlight-image);
@@ -17806,16 +18025,13 @@ readers do not read off random characters that represent icons */
17806
18025
  width:100%;
17807
18026
  height:100%;
17808
18027
  }
17809
- .superdoc-viewer :is(.annotationEditorLayer
17810
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton:hover::before{
18028
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover::before{
17811
18029
  background-color:var(--editor-toolbar-hover-fg-color);
17812
18030
  }
17813
- .superdoc-viewer :is(.annotationEditorLayer
17814
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete{
18031
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete{
17815
18032
  width:var(--editor-toolbar-height);
17816
18033
  }
17817
- .superdoc-viewer :is(.annotationEditorLayer
17818
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete::before{
18034
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete)::before{
17819
18035
  content:"";
17820
18036
  -webkit-mask-image:var(--editor-toolbar-delete-image);
17821
18037
  mask-image:var(--editor-toolbar-delete-image);
@@ -17828,39 +18044,32 @@ readers do not read off random characters that represent icons */
17828
18044
  width:100%;
17829
18045
  height:100%;
17830
18046
  }
17831
- .superdoc-viewer :is(.annotationEditorLayer
17832
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete:hover::before{
18047
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete):hover::before{
17833
18048
  background-color:var(--editor-toolbar-hover-fg-color);
17834
18049
  }
17835
- .superdoc-viewer :is(.annotationEditorLayer
17836
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > *{
18050
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > *{
17837
18051
  height:var(--editor-toolbar-height);
17838
18052
  }
17839
- .superdoc-viewer :is(.annotationEditorLayer
17840
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider){
18053
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider){
17841
18054
  border:none;
17842
18055
  background-color:transparent;
17843
18056
  cursor:pointer;
17844
18057
  }
17845
- .superdoc-viewer :is(.annotationEditorLayer
17846
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover{
18058
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover{
17847
18059
  border-radius:2px;
17848
18060
  background-color:var(--editor-toolbar-hover-bg-color);
17849
18061
  color:var(--editor-toolbar-hover-fg-color);
17850
18062
  outline:var(--editor-toolbar-hover-outline);
17851
18063
  outline-offset:1px;
17852
18064
  }
17853
- .superdoc-viewer :is(.annotationEditorLayer
17854
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover:active{
18065
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active{
17855
18066
  outline:none;
17856
18067
  }
17857
- .superdoc-viewer :is(.annotationEditorLayer
17858
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):focus-visible{
18068
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible{
17859
18069
  border-radius:2px;
17860
18070
  outline:2px solid var(--editor-toolbar-focus-outline-color);
17861
18071
  }
17862
- .superdoc-viewer :is(.annotationEditorLayer
17863
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{
18072
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText{
17864
18073
  --alt-text-add-image:url(images/altText_add.svg);
17865
18074
  --alt-text-done-image:url(images/altText_done.svg);
17866
18075
 
@@ -17876,12 +18085,10 @@ readers do not read off random characters that represent icons */
17876
18085
  font-size:12px;
17877
18086
  color:var(--editor-toolbar-fg-color);
17878
18087
  }
17879
- .superdoc-viewer :is(.annotationEditorLayer
17880
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:disabled{
18088
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{
17881
18089
  pointer-events:none;
17882
18090
  }
17883
- .superdoc-viewer :is(.annotationEditorLayer
17884
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText::before{
18091
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
17885
18092
  content:"";
17886
18093
  -webkit-mask-image:var(--alt-text-add-image);
17887
18094
  mask-image:var(--alt-text-add-image);
@@ -17895,25 +18102,58 @@ readers do not read off random characters that represent icons */
17895
18102
  background-color:var(--editor-toolbar-fg-color);
17896
18103
  margin-inline-end:4px;
17897
18104
  }
17898
- .superdoc-viewer :is(.annotationEditorLayer
17899
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:hover::before{
18105
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
17900
18106
  background-color:var(--editor-toolbar-hover-fg-color);
17901
18107
  }
17902
- .superdoc-viewer :is(.annotationEditorLayer
17903
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText.done::before{
18108
+ .superdoc-viewer .done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
17904
18109
  -webkit-mask-image:var(--alt-text-done-image);
17905
18110
  mask-image:var(--alt-text-done-image);
17906
18111
  }
17907
- .superdoc-viewer :is(.annotationEditorLayer
17908
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip{
18112
+ .superdoc-viewer .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
18113
+ width:16px;
18114
+ height:16px;
18115
+ -webkit-mask-image:var(--new-alt-text-warning-image);
18116
+ mask-image:var(--new-alt-text-warning-image);
18117
+ background-color:var(--alt-text-warning-color);
18118
+ -webkit-mask-size:cover;
18119
+ mask-size:cover;
18120
+ }
18121
+ .superdoc-viewer .new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
18122
+ background-color:var(--alt-text-hover-warning-color);
18123
+ }
18124
+ .superdoc-viewer .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
18125
+ -webkit-mask-image:var(--alt-text-done-image);
18126
+ mask-image:var(--alt-text-done-image);
18127
+ background-color:var(--alt-text-done-color);
18128
+ }
18129
+ .superdoc-viewer .new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
18130
+ background-color:var(--alt-text-hover-done-color);
18131
+ }
18132
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip{
17909
18133
  display:none;
17910
18134
  }
17911
- .superdoc-viewer :is(.annotationEditorLayer
17912
- :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
18135
+ .superdoc-viewer .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
17913
18136
  --alt-text-tooltip-bg:#f0f0f4;
17914
18137
  --alt-text-tooltip-fg:#15141a;
17915
18138
  --alt-text-tooltip-border:#8f8f9d;
17916
18139
  --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);
18140
+ }
18141
+ @media (prefers-color-scheme: dark){
18142
+ .superdoc-viewer .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
18143
+ --alt-text-tooltip-bg:#1c1b22;
18144
+ --alt-text-tooltip-fg:#fbfbfe;
18145
+ --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
18146
+ }
18147
+ }
18148
+ @media screen and (forced-colors: active){
18149
+ .superdoc-viewer .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
18150
+ --alt-text-tooltip-bg:Canvas;
18151
+ --alt-text-tooltip-fg:CanvasText;
18152
+ --alt-text-tooltip-border:CanvasText;
18153
+ --alt-text-tooltip-shadow:none;
18154
+ }
18155
+ }
18156
+ .superdoc-viewer .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
17917
18157
 
17918
18158
  display:inline-flex;
17919
18159
  flex-direction:column;
@@ -17937,23 +18177,6 @@ readers do not read off random characters that represent icons */
17937
18177
 
17938
18178
  pointer-events:none;
17939
18179
  }
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
18180
  .superdoc-viewer .annotationEditorLayer .freeTextEditor{
17958
18181
  padding:calc(var(--freetext-padding) * var(--scale-factor));
17959
18182
  width:auto;
@@ -18011,7 +18234,7 @@ readers do not read off random characters that represent icons */
18011
18234
  width:auto;
18012
18235
  height:auto;
18013
18236
  }
18014
- .superdoc-viewer .annotationEditorLayer .stampEditor canvas{
18237
+ .superdoc-viewer :is(.annotationEditorLayer .stampEditor) canvas{
18015
18238
  position:absolute;
18016
18239
  width:100%;
18017
18240
  height:100%;
@@ -18019,14 +18242,62 @@ readers do not read off random characters that represent icons */
18019
18242
  top:0;
18020
18243
  left:0;
18021
18244
  }
18022
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers{
18245
+ .superdoc-viewer :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
18246
+ --no-alt-text-badge-border-color:#f0f0f4;
18247
+ --no-alt-text-badge-bg-color:#cfcfd8;
18248
+ --no-alt-text-badge-fg-color:#5b5b66;
18249
+ }
18250
+ @media (prefers-color-scheme: dark){
18251
+ .superdoc-viewer :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
18252
+ --no-alt-text-badge-border-color:#52525e;
18253
+ --no-alt-text-badge-bg-color:#fbfbfe;
18254
+ --no-alt-text-badge-fg-color:#15141a;
18255
+ }
18256
+ }
18257
+ @media screen and (forced-colors: active){
18258
+ .superdoc-viewer :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
18259
+ --no-alt-text-badge-border-color:ButtonText;
18260
+ --no-alt-text-badge-bg-color:ButtonFace;
18261
+ --no-alt-text-badge-fg-color:ButtonText;
18262
+ }
18263
+ }
18264
+ .superdoc-viewer :is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
18265
+
18266
+ position:absolute;
18267
+ inset-inline-end:5px;
18268
+ inset-block-end:5px;
18269
+ display:inline-flex;
18270
+ width:32px;
18271
+ height:32px;
18272
+ padding:3px;
18273
+ justify-content:center;
18274
+ align-items:center;
18275
+ pointer-events:none;
18276
+ z-index:1;
18277
+
18278
+ border-radius:2px;
18279
+ border:1px solid var(--no-alt-text-badge-border-color);
18280
+ background:var(--no-alt-text-badge-bg-color);
18281
+ }
18282
+ .superdoc-viewer :is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge)::before{
18283
+ content:"";
18284
+ display:inline-block;
18285
+ width:16px;
18286
+ height:16px;
18287
+ -webkit-mask-image:var(--new-alt-text-warning-image);
18288
+ mask-image:var(--new-alt-text-warning-image);
18289
+ -webkit-mask-size:cover;
18290
+ mask-size:cover;
18291
+ background-color:var(--no-alt-text-badge-fg-color);
18292
+ }
18293
+ .superdoc-viewer :is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers{
18023
18294
  position:absolute;
18024
18295
  inset:0;
18025
18296
  }
18026
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers.hidden{
18297
+ .superdoc-viewer .hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers){
18027
18298
  display:none;
18028
18299
  }
18029
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer{
18300
+ .superdoc-viewer :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer{
18030
18301
  width:var(--resizer-size);
18031
18302
  height:var(--resizer-size);
18032
18303
  background:content-box var(--resizer-bg-color);
@@ -18034,192 +18305,86 @@ readers do not read off random characters that represent icons */
18034
18305
  border-radius:2px;
18035
18306
  position:absolute;
18036
18307
  }
18037
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topLeft{
18308
+ .superdoc-viewer .topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18038
18309
  top:var(--resizer-shift);
18039
18310
  left:var(--resizer-shift);
18040
18311
  }
18041
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topMiddle{
18312
+ .superdoc-viewer .topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18042
18313
  top:var(--resizer-shift);
18043
18314
  left:calc(50% + var(--resizer-shift));
18044
18315
  }
18045
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topRight{
18316
+ .superdoc-viewer .topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18046
18317
  top:var(--resizer-shift);
18047
18318
  right:var(--resizer-shift);
18048
18319
  }
18049
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleRight{
18320
+ .superdoc-viewer .middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18050
18321
  top:calc(50% + var(--resizer-shift));
18051
18322
  right:var(--resizer-shift);
18052
18323
  }
18053
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomRight{
18324
+ .superdoc-viewer .bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18054
18325
  bottom:var(--resizer-shift);
18055
18326
  right:var(--resizer-shift);
18056
18327
  }
18057
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomMiddle{
18328
+ .superdoc-viewer .bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18058
18329
  bottom:var(--resizer-shift);
18059
18330
  left:calc(50% + var(--resizer-shift));
18060
18331
  }
18061
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomLeft{
18332
+ .superdoc-viewer .bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18062
18333
  bottom:var(--resizer-shift);
18063
18334
  left:var(--resizer-shift);
18064
18335
  }
18065
- .superdoc-viewer .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleLeft{
18336
+ .superdoc-viewer .middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
18066
18337
  top:calc(50% + var(--resizer-shift));
18067
18338
  left:var(--resizer-shift);
18068
18339
  }
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{
18340
+ .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
18341
  cursor:nwse-resize;
18079
18342
  }
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{
18343
+ .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
18344
  cursor:ns-resize;
18090
18345
  }
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{
18346
+ .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
18347
  cursor:nesw-resize;
18101
18348
  }
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{
18349
+ .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
18350
  cursor:ew-resize;
18112
18351
  }
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{
18352
+ .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
18353
  cursor:nesw-resize;
18123
18354
  }
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{
18355
+ .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
18356
  cursor:ew-resize;
18134
18357
  }
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{
18358
+ .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
18359
  cursor:nwse-resize;
18145
18360
  }
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{
18361
+ .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
18362
  cursor:ns-resize;
18156
18363
  }
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{
18364
+ .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
18365
  rotate:270deg;
18165
18366
  }
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{
18367
+ .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
18368
  inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset));
18174
18369
  inset-block-start:0;
18175
18370
  }
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{
18371
+ .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
18372
  inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
18184
18373
  inset-block-start:0;
18185
18374
  }
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{
18375
+ .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
18376
  rotate:180deg;
18194
18377
  inset-inline-end:100%;
18195
18378
  inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
18196
18379
  }
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{
18380
+ .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
18381
  rotate:90deg;
18205
18382
  }
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{
18383
+ .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
18384
  inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
18214
18385
  inset-block-start:100%;
18215
18386
  }
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{
18387
+ .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
18388
  inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset));
18224
18389
  inset-block-start:0;
18225
18390
  }
@@ -18239,42 +18404,211 @@ readers do not read off random characters that represent icons */
18239
18404
  align-items:flex-start;
18240
18405
  gap:16px;
18241
18406
  }
18242
- .superdoc-viewer .dialog.altText #altTextContainer #overallDescription{
18407
+ .superdoc-viewer :is(.dialog.altText #altTextContainer) #overallDescription{
18243
18408
  display:flex;
18244
18409
  flex-direction:column;
18245
18410
  align-items:flex-start;
18246
18411
  gap:4px;
18247
18412
  align-self:stretch;
18248
18413
  }
18249
- .superdoc-viewer .dialog.altText #altTextContainer #overallDescription span{
18414
+ .superdoc-viewer :is(:is(.dialog.altText #altTextContainer) #overallDescription) span{
18250
18415
  align-self:stretch;
18251
18416
  }
18252
- .superdoc-viewer .dialog.altText #altTextContainer #overallDescription .title{
18417
+ .superdoc-viewer :is(:is(.dialog.altText #altTextContainer) #overallDescription) .title{
18253
18418
  font-size:13px;
18254
18419
  font-style:normal;
18255
18420
  font-weight:590;
18256
18421
  }
18257
- .superdoc-viewer .dialog.altText #altTextContainer #addDescription{
18422
+ .superdoc-viewer :is(.dialog.altText #altTextContainer) #addDescription{
18258
18423
  display:flex;
18259
18424
  flex-direction:column;
18260
18425
  align-items:stretch;
18261
18426
  gap:8px;
18262
18427
  }
18263
- .superdoc-viewer .dialog.altText #altTextContainer #addDescription .descriptionArea{
18428
+ .superdoc-viewer :is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea{
18264
18429
  flex:1;
18265
18430
  padding-inline:24px 10px;
18266
18431
  }
18267
- .superdoc-viewer .dialog.altText #altTextContainer #addDescription .descriptionArea textarea{
18432
+ .superdoc-viewer :is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea{
18268
18433
  width:100%;
18269
18434
  min-height:75px;
18270
18435
  }
18271
- .superdoc-viewer .dialog.altText #altTextContainer #buttons{
18436
+ .superdoc-viewer :is(.dialog.altText #altTextContainer) #buttons{
18272
18437
  display:flex;
18273
18438
  justify-content:flex-end;
18274
18439
  align-items:flex-start;
18275
18440
  gap:8px;
18276
18441
  align-self:stretch;
18277
18442
  }
18443
+ .superdoc-viewer .dialog.newAltText{
18444
+ --new-alt-text-ai-disclaimer-icon:url(images/altText_disclaimer.svg);
18445
+ --new-alt-text-spinner-icon:url(images/altText_spinner.svg);
18446
+ --preview-image-bg-color:#f0f0f4;
18447
+ --preview-image-border:none;
18448
+ }
18449
+ @media (prefers-color-scheme: dark){
18450
+ .superdoc-viewer .dialog.newAltText{
18451
+ --preview-image-bg-color:#2b2a33;
18452
+ }
18453
+ }
18454
+ @media screen and (forced-colors: active){
18455
+ .superdoc-viewer .dialog.newAltText{
18456
+ --preview-image-bg-color:ButtonFace;
18457
+ --preview-image-border:1px solid ButtonText;
18458
+ }
18459
+ }
18460
+ .superdoc-viewer .dialog.newAltText{
18461
+
18462
+ width:80%;
18463
+ max-width:570px;
18464
+ min-width:300px;
18465
+ padding:0;
18466
+ }
18467
+ .superdoc-viewer .dialog.newAltText.noAi #newAltTextDisclaimer,.superdoc-viewer .dialog.newAltText.noAi #newAltTextCreateAutomatically{
18468
+ display:none !important;
18469
+ }
18470
+ .superdoc-viewer .dialog.newAltText.aiInstalling #newAltTextCreateAutomatically{
18471
+ display:none !important;
18472
+ }
18473
+ .superdoc-viewer .dialog.newAltText.aiInstalling #newAltTextDownloadModel{
18474
+ display:flex !important;
18475
+ }
18476
+ .superdoc-viewer .dialog.newAltText.error #newAltTextNotNow{
18477
+ display:none !important;
18478
+ }
18479
+ .superdoc-viewer .dialog.newAltText.error #newAltTextCancel{
18480
+ display:inline-block !important;
18481
+ }
18482
+ .superdoc-viewer .dialog.newAltText:not(.error) #newAltTextError{
18483
+ display:none !important;
18484
+ }
18485
+ .superdoc-viewer .dialog.newAltText #newAltTextContainer{
18486
+ display:flex;
18487
+ width:auto;
18488
+ padding:16px;
18489
+ flex-direction:column;
18490
+ justify-content:flex-end;
18491
+ align-items:flex-start;
18492
+ gap:12px;
18493
+ flex:0 1 auto;
18494
+ line-height:normal;
18495
+ }
18496
+ .superdoc-viewer :is(.dialog.newAltText #newAltTextContainer) #mainContent{
18497
+ display:flex;
18498
+ justify-content:flex-end;
18499
+ align-items:flex-start;
18500
+ gap:12px;
18501
+ align-self:stretch;
18502
+ flex:1 1 auto;
18503
+ }
18504
+ .superdoc-viewer :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionAndSettings{
18505
+ display:flex;
18506
+ flex-direction:column;
18507
+ align-items:flex-start;
18508
+ gap:16px;
18509
+ flex:1 0 0;
18510
+ align-self:stretch;
18511
+ }
18512
+ .superdoc-viewer :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction{
18513
+ display:flex;
18514
+ flex-direction:column;
18515
+ align-items:flex-start;
18516
+ gap:8px;
18517
+ align-self:stretch;
18518
+ flex:1 1 auto;
18519
+ }
18520
+ .superdoc-viewer :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer{
18521
+ width:100%;
18522
+ height:70px;
18523
+ position:relative;
18524
+ }
18525
+ .superdoc-viewer :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea{
18526
+ width:100%;
18527
+ height:100%;
18528
+ padding:8px;
18529
+ }
18530
+ .superdoc-viewer :is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::-moz-placeholder{
18531
+ color:var(--text-secondary-color);
18532
+ }
18533
+ .superdoc-viewer :is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::placeholder{
18534
+ color:var(--text-secondary-color);
18535
+ }
18536
+ .superdoc-viewer :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{
18537
+ display:none;
18538
+ position:absolute;
18539
+ width:16px;
18540
+ height:16px;
18541
+ inset-inline-start:8px;
18542
+ inset-block-start:8px;
18543
+ -webkit-mask-size:cover;
18544
+ mask-size:cover;
18545
+ background-color:var(--text-secondary-color);
18546
+ pointer-events:none;
18547
+ }
18548
+ .superdoc-viewer .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::-moz-placeholder{
18549
+ color:transparent;
18550
+ }
18551
+ .superdoc-viewer .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::placeholder{
18552
+ color:transparent;
18553
+ }
18554
+ .superdoc-viewer .loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{
18555
+ display:inline-block;
18556
+ -webkit-mask-image:var(--new-alt-text-spinner-icon);
18557
+ mask-image:var(--new-alt-text-spinner-icon);
18558
+ }
18559
+ .superdoc-viewer :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescription{
18560
+ font-size:11px;
18561
+ }
18562
+ .superdoc-viewer :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer{
18563
+ display:flex;
18564
+ flex-direction:row;
18565
+ align-items:flex-start;
18566
+ gap:4px;
18567
+ font-size:11px;
18568
+ }
18569
+ .superdoc-viewer :is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer)::before{
18570
+ content:"";
18571
+ display:inline-block;
18572
+ width:17px;
18573
+ height:16px;
18574
+ -webkit-mask-image:var(--new-alt-text-ai-disclaimer-icon);
18575
+ mask-image:var(--new-alt-text-ai-disclaimer-icon);
18576
+ -webkit-mask-size:cover;
18577
+ mask-size:cover;
18578
+ background-color:var(--text-secondary-color);
18579
+ flex:1 0 auto;
18580
+ }
18581
+ .superdoc-viewer :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel{
18582
+ display:flex;
18583
+ align-items:center;
18584
+ gap:4px;
18585
+ align-self:stretch;
18586
+ }
18587
+ .superdoc-viewer :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel)::before{
18588
+ content:"";
18589
+ display:inline-block;
18590
+ width:16px;
18591
+ height:16px;
18592
+ -webkit-mask-image:var(--new-alt-text-spinner-icon);
18593
+ mask-image:var(--new-alt-text-spinner-icon);
18594
+ -webkit-mask-size:cover;
18595
+ mask-size:cover;
18596
+ background-color:var(--text-secondary-color);
18597
+ }
18598
+ .superdoc-viewer :is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview{
18599
+ width:180px;
18600
+ aspect-ratio:1;
18601
+ display:flex;
18602
+ justify-content:center;
18603
+ align-items:center;
18604
+ flex:0 0 auto;
18605
+ background-color:var(--preview-image-bg-color);
18606
+ border:var(--preview-image-border);
18607
+ }
18608
+ .superdoc-viewer :is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview) > canvas{
18609
+ max-width:100%;
18610
+ max-height:100%;
18611
+ }
18278
18612
  .superdoc-viewer .colorPicker{
18279
18613
  --hover-outline-color:#0250bb;
18280
18614
  --selected-outline-color:#0060df;
@@ -18303,7 +18637,7 @@ readers do not read off random characters that represent icons */
18303
18637
  box-sizing:border-box;
18304
18638
  forced-color-adjust:none;
18305
18639
  }
18306
- .superdoc-viewer .colorPicker button:is(:hover, .selected) > .swatch{
18640
+ .superdoc-viewer .colorPicker button:is(:hover,.selected) > .swatch{
18307
18641
  border:none;
18308
18642
  }
18309
18643
  .superdoc-viewer .annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
@@ -18330,10 +18664,10 @@ readers do not read off random characters that represent icons */
18330
18664
  pointer-events:none;
18331
18665
  transform-origin:0 0;
18332
18666
  }
18333
- .superdoc-viewer .annotationEditorLayer .highlightEditor:not(.free){
18667
+ .superdoc-viewer :is(.annotationEditorLayer .highlightEditor):not(.free){
18334
18668
  transform:none;
18335
18669
  }
18336
- .superdoc-viewer .annotationEditorLayer .highlightEditor .internal{
18670
+ .superdoc-viewer :is(.annotationEditorLayer .highlightEditor) .internal{
18337
18671
  position:absolute;
18338
18672
  top:0;
18339
18673
  left:0;
@@ -18341,18 +18675,18 @@ readers do not read off random characters that represent icons */
18341
18675
  height:100%;
18342
18676
  pointer-events:auto;
18343
18677
  }
18344
- .superdoc-viewer .annotationEditorLayer .highlightEditor.disabled .internal{
18678
+ .superdoc-viewer .disabled:is(.annotationEditorLayer .highlightEditor) .internal{
18345
18679
  pointer-events:none;
18346
18680
  }
18347
- .superdoc-viewer .annotationEditorLayer .highlightEditor.selectedEditor .internal{
18681
+ .superdoc-viewer .selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal{
18348
18682
  cursor:pointer;
18349
18683
  }
18350
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar{
18684
+ .superdoc-viewer :is(.annotationEditorLayer .highlightEditor) .editToolbar{
18351
18685
  --editor-toolbar-colorpicker-arrow-image:url(images/toolbarButton-menuArrow.svg);
18352
18686
 
18353
18687
  transform-origin:center !important;
18354
18688
  }
18355
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker{
18689
+ .superdoc-viewer :is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker{
18356
18690
  position:relative;
18357
18691
  width:auto;
18358
18692
  display:flex;
@@ -18361,7 +18695,7 @@ readers do not read off random characters that represent icons */
18361
18695
  gap:4px;
18362
18696
  padding:4px;
18363
18697
  }
18364
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker::after{
18698
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker)::after{
18365
18699
  content:"";
18366
18700
  -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);
18367
18701
  mask-image:var(--editor-toolbar-colorpicker-arrow-image);
@@ -18374,16 +18708,16 @@ readers do not read off random characters that represent icons */
18374
18708
  width:12px;
18375
18709
  height:12px;
18376
18710
  }
18377
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:hover::after{
18711
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover::after{
18378
18712
  background-color:var(--editor-toolbar-hover-fg-color);
18379
18713
  }
18380
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)){
18714
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)){
18381
18715
  background-color:var(--editor-toolbar-hover-bg-color);
18382
18716
  }
18383
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after{
18717
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden))::after{
18384
18718
  scale:-1;
18385
18719
  }
18386
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown{
18720
+ .superdoc-viewer :is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown{
18387
18721
  position:absolute;
18388
18722
  display:flex;
18389
18723
  justify-content:center;
@@ -18398,7 +18732,7 @@ readers do not read off random characters that represent icons */
18398
18732
  inset-block-start:calc(100% + 4px);
18399
18733
  width:calc(100% + 2 * var(--editor-toolbar-padding));
18400
18734
  }
18401
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button{
18735
+ .superdoc-viewer :is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button{
18402
18736
  width:100%;
18403
18737
  height:auto;
18404
18738
  border:none;
@@ -18408,16 +18742,16 @@ readers do not read off random characters that represent icons */
18408
18742
  align-items:center;
18409
18743
  background:none;
18410
18744
  }
18411
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible){
18745
+ .superdoc-viewer :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active,:focus-visible){
18412
18746
  outline:none;
18413
18747
  }
18414
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch{
18748
+ .superdoc-viewer :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch{
18415
18749
  outline-offset:2px;
18416
18750
  }
18417
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected="true"] > .swatch{
18751
+ .superdoc-viewer [aria-selected="true"]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch{
18418
18752
  outline:2px solid var(--selected-outline-color);
18419
18753
  }
18420
- .superdoc-viewer .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
18754
+ .superdoc-viewer :is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
18421
18755
  outline:2px solid var(--hover-outline-color);
18422
18756
  }
18423
18757
  .superdoc-viewer .editorParamsToolbar:has(#highlightParamsToolbarContainer){
@@ -18442,14 +18776,14 @@ readers do not read off random characters that represent icons */
18442
18776
  flex-direction:column;
18443
18777
  gap:8px;
18444
18778
  }
18445
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown{
18779
+ .superdoc-viewer :is(#highlightParamsToolbarContainer .colorPicker) .dropdown{
18446
18780
  display:flex;
18447
18781
  justify-content:space-between;
18448
18782
  align-items:center;
18449
18783
  flex-direction:row;
18450
18784
  height:auto;
18451
18785
  }
18452
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button{
18786
+ .superdoc-viewer :is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button{
18453
18787
  width:auto;
18454
18788
  height:auto;
18455
18789
  border:none;
@@ -18460,17 +18794,17 @@ readers do not read off random characters that represent icons */
18460
18794
  background:none;
18461
18795
  flex:0 0 auto;
18462
18796
  }
18463
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button .swatch{
18797
+ .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch{
18464
18798
  width:24px;
18465
18799
  height:24px;
18466
18800
  }
18467
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:active, :focus-visible){
18801
+ .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active,:focus-visible){
18468
18802
  outline:none;
18469
18803
  }
18470
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button[aria-selected="true"] > .swatch{
18804
+ .superdoc-viewer [aria-selected="true"]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) > .swatch{
18471
18805
  outline:2px solid var(--selected-outline-color);
18472
18806
  }
18473
- .superdoc-viewer #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
18807
+ .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
18474
18808
  outline:2px solid var(--hover-outline-color);
18475
18809
  }
18476
18810
  .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness{
@@ -18480,12 +18814,12 @@ readers do not read off random characters that represent icons */
18480
18814
  gap:4px;
18481
18815
  align-self:stretch;
18482
18816
  }
18483
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .editorParamsLabel{
18817
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel{
18484
18818
  width:100%;
18485
18819
  height:auto;
18486
18820
  align-self:stretch;
18487
18821
  }
18488
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
18822
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
18489
18823
  display:flex;
18490
18824
  justify-content:space-between;
18491
18825
  align-items:center;
@@ -18494,20 +18828,19 @@ readers do not read off random characters that represent icons */
18494
18828
  --example-color:#bfbfc9;
18495
18829
  }
18496
18830
  @media (prefers-color-scheme: dark){
18497
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
18831
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
18498
18832
  --example-color:#80808e;
18499
18833
  }
18500
18834
  }
18501
18835
  @media screen and (forced-colors: active){
18502
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
18836
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
18503
18837
  --example-color:CanvasText;
18504
18838
  }
18505
18839
  }
18506
- .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker > .editorParamsSlider[disabled]){
18840
+ .superdoc-viewer :is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) > .editorParamsSlider[disabled]){
18507
18841
  opacity:0.4;
18508
18842
  }
18509
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::before,
18510
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
18843
+ .superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::before,.superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
18511
18844
  content:"";
18512
18845
  width:8px;
18513
18846
  aspect-ratio:1;
@@ -18515,10 +18848,10 @@ readers do not read off random characters that represent icons */
18515
18848
  border-radius:100%;
18516
18849
  background-color:var(--example-color);
18517
18850
  }
18518
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
18851
+ .superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
18519
18852
  width:24px;
18520
18853
  }
18521
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker .editorParamsSlider{
18854
+ .superdoc-viewer :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider{
18522
18855
  width:unset;
18523
18856
  height:14px;
18524
18857
  }
@@ -18529,30 +18862,75 @@ readers do not read off random characters that represent icons */
18529
18862
  gap:8px;
18530
18863
  align-self:stretch;
18531
18864
  }
18532
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
18865
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18533
18866
  --divider-color:#d7d7db;
18534
-
18535
- margin-block:4px;
18536
- width:100%;
18537
- height:1px;
18538
- background-color:var(--divider-color);
18539
18867
  }
18540
18868
  @media (prefers-color-scheme: dark){
18541
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
18869
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18542
18870
  --divider-color:#8f8f9d;
18543
18871
  }
18544
18872
  }
18545
18873
  @media screen and (forced-colors: active){
18546
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
18874
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18547
18875
  --divider-color:CanvasText;
18548
18876
  }
18549
18877
  }
18550
- .superdoc-viewer #highlightParamsToolbarContainer #editorHighlightVisibility .toggler{
18878
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
18879
+
18880
+ margin-block:4px;
18881
+ width:100%;
18882
+ height:1px;
18883
+ background-color:var(--divider-color);
18884
+ }
18885
+ .superdoc-viewer :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .toggler{
18551
18886
  display:flex;
18552
18887
  justify-content:space-between;
18553
18888
  align-items:center;
18554
18889
  align-self:stretch;
18555
18890
  }
18891
+ .superdoc-viewer #altTextSettingsDialog{
18892
+ padding:16px;
18893
+ }
18894
+ .superdoc-viewer #altTextSettingsDialog #altTextSettingsContainer{
18895
+ display:flex;
18896
+ width:573px;
18897
+ flex-direction:column;
18898
+ gap:16px;
18899
+ }
18900
+ .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) .mainContainer{
18901
+ gap:16px;
18902
+ }
18903
+ .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) .description{
18904
+ color:var(--text-secondary-color);
18905
+ }
18906
+ .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings{
18907
+ display:flex;
18908
+ flex-direction:column;
18909
+ gap:12px;
18910
+ }
18911
+ .superdoc-viewer :is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) button{
18912
+ width:-moz-fit-content;
18913
+ width:fit-content;
18914
+ }
18915
+ .superdoc-viewer .download:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) #deleteModelButton{
18916
+ display:none;
18917
+ }
18918
+ .superdoc-viewer :is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings):not(.download) #downloadModelButton{
18919
+ display:none;
18920
+ }
18921
+ .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #automaticAltText,.superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #altTextEditor{
18922
+ display:flex;
18923
+ flex-direction:column;
18924
+ gap:8px;
18925
+ }
18926
+ .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #createModelDescription,.superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings,.superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #showAltTextDialogDescription{
18927
+ padding-inline-start:40px;
18928
+ }
18929
+ .superdoc-viewer :is(#altTextSettingsDialog #altTextSettingsContainer) #automaticSettings{
18930
+ display:flex;
18931
+ flex-direction:column;
18932
+ gap:16px;
18933
+ }
18556
18934
  .superdoc-viewer :root{
18557
18935
  --viewer-container-height:0;
18558
18936
  --pdfViewer-padding-bottom:0;
@@ -18608,18 +18986,18 @@ readers do not read off random characters that represent icons */
18608
18986
  width:100%;
18609
18987
  height:100%;
18610
18988
  }
18611
- .superdoc-viewer .pdfViewer .canvasWrapper canvas{
18989
+ .superdoc-viewer :is(.pdfViewer .canvasWrapper) canvas{
18612
18990
  margin:0;
18613
18991
  display:block;
18614
18992
  }
18615
- .superdoc-viewer .pdfViewer .canvasWrapper canvas[hidden]{
18993
+ .superdoc-viewer [hidden]:is(:is(.pdfViewer .canvasWrapper) canvas){
18616
18994
  display:none;
18617
18995
  }
18618
- .superdoc-viewer .pdfViewer .canvasWrapper canvas[zooming]{
18996
+ .superdoc-viewer [zooming]:is(:is(.pdfViewer .canvasWrapper) canvas){
18619
18997
  width:100%;
18620
18998
  height:100%;
18621
18999
  }
18622
- .superdoc-viewer .pdfViewer .canvasWrapper canvas .structTree{
19000
+ .superdoc-viewer :is(:is(.pdfViewer .canvasWrapper) canvas) .structTree{
18623
19001
  contain:strict;
18624
19002
  }
18625
19003
  .superdoc-viewer .pdfViewer .page{
@@ -19070,74 +19448,74 @@ img[data-v-47d1dee5] {
19070
19448
  }
19071
19449
  }
19072
19450
 
19073
- .selection-layer[data-v-d9e88d29] {
19451
+ .selection-layer[data-v-a0e03927] {
19074
19452
  position: absolute;
19075
19453
  min-height: 100%;
19076
19454
  min-width: 100%;
19077
19455
  z-index: 10;
19078
19456
  pointer-events: none;
19079
19457
  }
19080
- .temp-selection[data-v-d9e88d29] {
19458
+ .temp-selection[data-v-a0e03927] {
19081
19459
  position: absolute;
19082
19460
  }
19083
19461
  /* Right sidebar drawer */
19084
- .right-sidebar[data-v-d9e88d29] {
19462
+ .right-sidebar[data-v-a0e03927] {
19085
19463
  width: 320px;
19086
19464
  padding: 0 10px;
19087
19465
  min-height: 100%;
19088
19466
  position: relative;
19089
19467
  z-index: 100;
19090
19468
  }
19091
- .fa-tool-icon[data-v-d9e88d29] {
19469
+ .fa-tool-icon[data-v-a0e03927] {
19092
19470
  cursor: pointer;
19093
19471
  }
19094
19472
 
19095
19473
  /* General Styles */
19096
- .box-sizing[data-v-d9e88d29], .layers[data-v-d9e88d29] {
19474
+ .box-sizing[data-v-a0e03927], .layers[data-v-a0e03927] {
19097
19475
  box-sizing: border-box;
19098
19476
  }
19099
- .cursor-pointer[data-v-d9e88d29], .tools .tool-icon[data-v-d9e88d29], .toolbar-item[data-v-d9e88d29] {
19477
+ .cursor-pointer[data-v-a0e03927], .tools .tool-icon[data-v-a0e03927], .toolbar-item[data-v-a0e03927] {
19100
19478
  cursor: pointer;
19101
19479
  }
19102
- .flex[data-v-d9e88d29] {
19480
+ .flex[data-v-a0e03927] {
19103
19481
  display: flex;
19104
19482
  }
19105
- .flex-column[data-v-d9e88d29] {
19483
+ .flex-column[data-v-a0e03927] {
19106
19484
  flex-direction: column;
19107
19485
  }
19108
- .flex-center[data-v-d9e88d29] {
19486
+ .flex-center[data-v-a0e03927] {
19109
19487
  display: flex;
19110
19488
  align-items: center;
19111
19489
  justify-content: center;
19112
19490
  }
19113
19491
 
19114
19492
  /* Layer Styles */
19115
- .comments-layer[data-v-d9e88d29] {
19493
+ .comments-layer[data-v-a0e03927] {
19116
19494
  position: absolute;
19117
19495
  top: 0;
19118
19496
  height: 100%;
19119
19497
  position: relative;
19120
19498
  }
19121
- .layers[data-v-d9e88d29] {
19499
+ .layers[data-v-a0e03927] {
19122
19500
  position: relative;
19123
19501
  }
19124
19502
 
19125
19503
  /* Document Styles */
19126
- .docx[data-v-d9e88d29] {
19504
+ .docx[data-v-a0e03927] {
19127
19505
  border: 1px solid #DFDFDF;
19128
19506
  pointer-events: auto;
19129
19507
  }
19130
- .sub-document[data-v-d9e88d29] {
19508
+ .sub-document[data-v-a0e03927] {
19131
19509
  position: relative;
19132
19510
  }
19133
19511
 
19134
19512
  /* Toolbar Styles */
19135
- .toolbar[data-v-d9e88d29] {
19513
+ .toolbar[data-v-a0e03927] {
19136
19514
  height: 25px;
19137
19515
  background-color: #fff;
19138
19516
  margin-bottom: 5px;
19139
19517
  }
19140
- .toolbar-item[data-v-d9e88d29] {
19518
+ .toolbar-item[data-v-a0e03927] {
19141
19519
  width: 20px;
19142
19520
  height: 20px;
19143
19521
  border-radius: 8px;
@@ -19149,12 +19527,12 @@ img[data-v-47d1dee5] {
19149
19527
  justify-content: center;
19150
19528
  transition: all 250ms ease;
19151
19529
  }
19152
- .toolbar-item[data-v-d9e88d29]:hover {
19530
+ .toolbar-item[data-v-a0e03927]:hover {
19153
19531
  background-color: #DBDBDB;
19154
19532
  }
19155
19533
 
19156
19534
  /* Tools Styles */
19157
- .tools[data-v-d9e88d29] {
19535
+ .tools[data-v-a0e03927] {
19158
19536
  position: absolute;
19159
19537
  width: 50px;
19160
19538
  height: 50px;
@@ -19165,7 +19543,7 @@ img[data-v-47d1dee5] {
19165
19543
  align-items: center;
19166
19544
  justify-content: center;
19167
19545
  }
19168
- .tools .tool-icon[data-v-d9e88d29] {
19546
+ .tools .tool-icon[data-v-a0e03927] {
19169
19547
  font-size: 20px;
19170
19548
  border-radius: 12px;
19171
19549
  border: none;
@@ -19173,11 +19551,11 @@ img[data-v-47d1dee5] {
19173
19551
  background-color: #DBDBDB;
19174
19552
  }
19175
19553
  @media (max-width: 768px) {
19176
- .sub-document[data-v-d9e88d29] {
19554
+ .sub-document[data-v-a0e03927] {
19177
19555
  max-width: 100%;
19178
19556
  overflow: hidden;
19179
19557
  }
19180
- .right-sidebar[data-v-d9e88d29] {
19558
+ .right-sidebar[data-v-a0e03927] {
19181
19559
  padding: 10px;
19182
19560
  width: 55px;
19183
19561
  position: relative;