@openviking/react 0.1.7 → 0.1.8-beta.11.1.gc6def608a25e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (127) hide show
  1. package/README.md +11 -1
  2. package/dist/1~0.js +57 -0
  3. package/dist/3~0.js +171 -5
  4. package/dist/5~0.js +181 -0
  5. package/dist/6~0.js +48 -0
  6. package/dist/ark-message-list-view~0.js +50 -8
  7. package/dist/components/agent-connect/style.css +4 -2
  8. package/dist/components/api-key-login-form/api-key-login-form.d.ts +2 -0
  9. package/dist/components/api-key-login-form/index.d.ts +3 -0
  10. package/dist/components/api-key-login-form/style.css +438 -0
  11. package/dist/components/api-key-login-form/style.js +0 -0
  12. package/dist/components/api-key-login-form/types.d.ts +7 -0
  13. package/dist/components/api-key-login-form.js +1 -0
  14. package/dist/components/directory-tour/directory-tour-intro.d.ts +3 -0
  15. package/dist/components/directory-tour/index.d.ts +2 -1
  16. package/dist/components/directory-tour/style.css +154 -26
  17. package/dist/components/directory-tour/tour-card.d.ts +14 -0
  18. package/dist/components/directory-tour/types.d.ts +24 -1
  19. package/dist/components/directory-tour/use-tour-anchor.d.ts +1 -0
  20. package/dist/components/directory-tour/use-tour-position.d.ts +4 -1
  21. package/dist/components/directory-tour/use-tour-theme.d.ts +2 -0
  22. package/dist/components/directory-tour.js +52 -1
  23. package/dist/components/email-login-form/email-login-form.d.ts +2 -0
  24. package/dist/components/email-login-form/index.d.ts +3 -0
  25. package/dist/components/email-login-form/style.css +438 -0
  26. package/dist/components/email-login-form/style.js +0 -0
  27. package/dist/components/email-login-form/types.d.ts +11 -0
  28. package/dist/components/email-login-form.js +1 -0
  29. package/dist/components/experience-dashboard/experience-impact.d.ts +3 -1
  30. package/dist/components/experience-dashboard/style.css +4 -2
  31. package/dist/components/file-browser-entries/style.css +12 -6
  32. package/dist/components/file-preview/file-preview-header.d.ts +4 -21
  33. package/dist/components/file-preview/file-preview-toolbar.d.ts +7 -0
  34. package/dist/components/file-preview/locales/en-US.d.ts +9 -0
  35. package/dist/components/file-preview/locales/zh-CN.d.ts +9 -0
  36. package/dist/components/file-preview/style.css +116 -2
  37. package/dist/components/file-preview/types.d.ts +14 -21
  38. package/dist/components/file-tree/style.css +4 -2
  39. package/dist/components/invitation-confirmation/index.d.ts +3 -0
  40. package/dist/components/invitation-confirmation/invitation-confirmation.d.ts +2 -0
  41. package/dist/components/invitation-confirmation/style.css +438 -0
  42. package/dist/components/invitation-confirmation/style.js +0 -0
  43. package/dist/components/invitation-confirmation/types.d.ts +20 -0
  44. package/dist/components/invitation-confirmation.js +1 -0
  45. package/dist/components/login-method-selector/index.d.ts +2 -0
  46. package/dist/components/login-method-selector/login-method-selector.d.ts +2 -0
  47. package/dist/components/login-method-selector/style.css +438 -0
  48. package/dist/components/login-method-selector/style.js +0 -0
  49. package/dist/components/login-method-selector/types.d.ts +14 -0
  50. package/dist/components/login-method-selector.js +1 -0
  51. package/dist/components/password-reset-request-form/index.d.ts +3 -0
  52. package/dist/components/password-reset-request-form/password-reset-request-form.d.ts +2 -0
  53. package/dist/components/password-reset-request-form/style.css +438 -0
  54. package/dist/components/password-reset-request-form/style.js +0 -0
  55. package/dist/components/password-reset-request-form/types.d.ts +13 -0
  56. package/dist/components/password-reset-request-form.js +1 -0
  57. package/dist/components/password-setup-form/index.d.ts +3 -0
  58. package/dist/components/password-setup-form/password-setup-form.d.ts +2 -0
  59. package/dist/components/password-setup-form/style.css +438 -0
  60. package/dist/components/password-setup-form/style.js +0 -0
  61. package/dist/components/password-setup-form/types.d.ts +10 -0
  62. package/dist/components/password-setup-form.js +1 -0
  63. package/dist/components/scope-switcher/style.css +4 -2
  64. package/dist/components/scope-switcher.js +1 -1
  65. package/dist/components/style.css +3120 -79
  66. package/dist/components/tui/style.css +8 -4
  67. package/dist/components/viking-bot/bot-popover.d.ts +2 -1
  68. package/dist/components/viking-bot/composer-reference-tags.d.ts +8 -0
  69. package/dist/components/viking-bot/composer-references.d.ts +0 -5
  70. package/dist/components/viking-bot/locales/en-US.d.ts +1 -0
  71. package/dist/components/viking-bot/locales/zh-CN.d.ts +1 -0
  72. package/dist/components/viking-bot/model.d.ts +1 -0
  73. package/dist/components/viking-bot/popover-tab-navigation.d.ts +3 -0
  74. package/dist/components/viking-bot/style.css +166 -27
  75. package/dist/components/viking-bot/types.d.ts +3 -1
  76. package/dist/components/viking-bot/user-message-group.d.ts +9 -0
  77. package/dist/components/wiki-dashboard/index.d.ts +1 -1
  78. package/dist/components/wiki-dashboard/style.css +16 -4
  79. package/dist/components/wiki-dashboard/types.d.ts +12 -16
  80. package/dist/components/wiki-dashboard/wiki-action-button.d.ts +2 -9
  81. package/dist/components/wiki-dashboard/wiki-conflict-card.d.ts +3 -10
  82. package/dist/c~0.js +77 -6
  83. package/dist/d~0.js +28 -0
  84. package/dist/ep~0.js +281 -133
  85. package/dist/fi~0.js +339 -0
  86. package/dist/fj~0.js +32 -67
  87. package/dist/fl~0.js +3 -2
  88. package/dist/f~0.js +63 -326
  89. package/dist/g~0.js +135 -0
  90. package/dist/icons/index.d.ts +2 -0
  91. package/dist/icons/viking-bot-icons.d.ts +1 -1
  92. package/dist/icons.js +1 -1
  93. package/dist/index.d.ts +12 -0
  94. package/dist/index.js +8 -2
  95. package/dist/k~0.js +44 -4
  96. package/dist/l5~0.js +3813 -0
  97. package/dist/lg~0.js +41 -1
  98. package/dist/lk~0.js +1 -1
  99. package/dist/l~0.js +54 -3811
  100. package/dist/modules/console/style.css +182 -35
  101. package/dist/modules/file-browser/file-browser-detail-icons.d.ts +0 -6
  102. package/dist/modules/file-browser/file-browser-detail.d.ts +2 -23
  103. package/dist/modules/file-browser/file-browser.d.ts +1 -1
  104. package/dist/modules/file-browser/fs-file-editing.d.ts +4 -0
  105. package/dist/modules/file-browser/fs-preview-images.d.ts +3 -0
  106. package/dist/modules/file-browser/fs-read-file.d.ts +1 -1
  107. package/dist/modules/file-browser/style.css +156 -70
  108. package/dist/modules/file-browser/types.d.ts +2 -0
  109. package/dist/modules/file-browser/use-file-browser-acl.d.ts +1 -0
  110. package/dist/modules/file-browser/wiki-dashboard-pane.d.ts +2 -4
  111. package/dist/modules/file-browser.js +1 -1
  112. package/dist/modules/scope-cascade/style.css +4 -2
  113. package/dist/modules/style.css +346 -109
  114. package/dist/n~0.js +1 -1
  115. package/dist/p0~0.js +27 -0
  116. package/dist/p~0.js +34 -25
  117. package/dist/shared/auth/agreements.d.ts +10 -0
  118. package/dist/shared/auth/fields.d.ts +15 -0
  119. package/dist/shared/auth/form-frame.d.ts +12 -0
  120. package/dist/shared/auth/locales/en-US.d.ts +24 -0
  121. package/dist/shared/auth/locales/zh-CN.d.ts +24 -0
  122. package/dist/shared/auth/types.d.ts +61 -0
  123. package/dist/shared/auth/use-auth-labels.d.ts +3 -0
  124. package/dist/shared/auth/use-form.d.ts +8 -0
  125. package/dist/style.css +3690 -410
  126. package/dist/viking-bot-composer~0.js +86 -29
  127. package/package.json +32 -2
@@ -1,6 +1,8 @@
1
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
1
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
2
2
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
3
3
  --ov-ui-tour-highlight-default: #5252ff14;
4
+ --ov-ui-auth-on-primary-default: #fff;
5
+ --ov-ui-auth-backdrop-default: #0006;
4
6
  --ov-ui-primary-default: #5252ff;
5
7
  --ov-ui-primary-hover-default: #7075ff;
6
8
  --ov-ui-primary-active-default: #3833d2;
@@ -57,7 +59,7 @@
57
59
  #bd9cff 100%);
58
60
  }
59
61
 
60
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
62
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
61
63
  --ov-ui-primary-default: #5f5fff;
62
64
  --ov-ui-primary-hover-default: #7075ff;
63
65
  --ov-ui-primary-active-default: #4242ba;
@@ -350,9 +352,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
350
352
  }
351
353
  }
352
354
 
353
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
355
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
354
356
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
355
357
  --ov-ui-tour-highlight-default: #5252ff14;
358
+ --ov-ui-auth-on-primary-default: #fff;
359
+ --ov-ui-auth-backdrop-default: #0006;
356
360
  --ov-ui-primary-default: #5252ff;
357
361
  --ov-ui-primary-hover-default: #7075ff;
358
362
  --ov-ui-primary-active-default: #3833d2;
@@ -409,7 +413,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
409
413
  #bd9cff 100%);
410
414
  }
411
415
 
412
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
416
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
413
417
  --ov-ui-primary-default: #5f5fff;
414
418
  --ov-ui-primary-hover-default: #7075ff;
415
419
  --ov-ui-primary-active-default: #4242ba;
@@ -1211,9 +1215,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
1211
1215
  }
1212
1216
  }
1213
1217
 
1214
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
1218
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
1215
1219
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
1216
1220
  --ov-ui-tour-highlight-default: #5252ff14;
1221
+ --ov-ui-auth-on-primary-default: #fff;
1222
+ --ov-ui-auth-backdrop-default: #0006;
1217
1223
  --ov-ui-primary-default: #5252ff;
1218
1224
  --ov-ui-primary-hover-default: #7075ff;
1219
1225
  --ov-ui-primary-active-default: #3833d2;
@@ -1270,7 +1276,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
1270
1276
  #bd9cff 100%);
1271
1277
  }
1272
1278
 
1273
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
1279
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
1274
1280
  --ov-ui-primary-default: #5f5fff;
1275
1281
  --ov-ui-primary-hover-default: #7075ff;
1276
1282
  --ov-ui-primary-active-default: #4242ba;
@@ -5458,6 +5464,7 @@ button.ark-agentic-file-viewer-diff__gutter {
5458
5464
  .ov-file-preview {
5459
5465
  background: var(--ov-ui-file-preview-surface);
5460
5466
  color: var(--ov-ui-file-preview-text);
5467
+ container-type: inline-size;
5461
5468
  }
5462
5469
 
5463
5470
  .ov-file-preview__header {
@@ -5601,11 +5608,124 @@ button.ark-agentic-file-viewer-diff__gutter {
5601
5608
  right: 8px;
5602
5609
  }
5603
5610
 
5611
+ .ov-file-preview__tab-row {
5612
+ padding-block-start: 8px;
5613
+ }
5614
+
5615
+ .ov-file-preview__header {
5616
+ box-sizing: border-box;
5617
+ min-height: 44px;
5618
+ }
5619
+
5620
+ .ov-file-preview__toolbar, .ov-file-preview__edit-toolbar {
5621
+ align-items: center;
5622
+ gap: 8px;
5623
+ display: flex;
5624
+ }
5625
+
5626
+ .ov-file-preview__toolbar {
5627
+ flex-wrap: wrap;
5628
+ justify-content: flex-end;
5629
+ }
5630
+
5631
+ .ov-file-preview__toolbar-divider {
5632
+ background: var(--ov-ui-color-border-1, var(--ov-ui-border-1-default));
5633
+ width: 1px;
5634
+ height: 10px;
5635
+ margin-inline: 8px;
5636
+ }
5637
+
5638
+ .ov-file-preview__toolbar-button.ov-button {
5639
+ border-color: var(--ov-ui-color-border-1, var(--ov-ui-border-1-default));
5640
+ background: var(--ov-ui-file-preview-row-hover);
5641
+ height: 28px;
5642
+ color: var(--ov-ui-file-preview-text);
5643
+ gap: 6px;
5644
+ }
5645
+
5646
+ .ov-file-preview__switch-item {
5647
+ height: 24px;
5648
+ color: var(--ov-ui-file-preview-text-muted);
5649
+ font: inherit;
5650
+ cursor: pointer;
5651
+ background: none;
5652
+ border: 0;
5653
+ border-radius: 6px;
5654
+ padding: 0 12px;
5655
+ font-size: 13px;
5656
+ }
5657
+
5658
+ .ov-file-preview__switch-item[aria-pressed="true"] {
5659
+ background: var(--ov-ui-file-preview-surface);
5660
+ color: var(--ov-ui-file-preview-text);
5661
+ box-shadow: 0 0 0 1px var(--ov-ui-file-preview-border);
5662
+ font-weight: 500;
5663
+ }
5664
+
5665
+ .ov-file-preview__switch-item:focus-visible {
5666
+ outline: 2px solid var(--ov-ui-file-preview-focus-ring);
5667
+ outline-offset: -2px;
5668
+ }
5669
+
5670
+ .ov-file-preview__edit-toolbar {
5671
+ border-bottom: 1px solid var(--ov-ui-file-preview-border);
5672
+ background: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
5673
+ flex: none;
5674
+ justify-content: space-between;
5675
+ padding: 12px 14px;
5676
+ font-weight: 500;
5677
+ }
5678
+
5679
+ .ov-file-preview__sr-only {
5680
+ clip-path: inset(50%);
5681
+ white-space: nowrap;
5682
+ width: 1px;
5683
+ height: 1px;
5684
+ position: absolute;
5685
+ overflow: hidden;
5686
+ }
5687
+
5688
+ @container (width <= 480px) {
5689
+ .ov-file-preview__header {
5690
+ flex-wrap: wrap;
5691
+ }
5692
+
5693
+ .ov-file-preview__header-actions {
5694
+ max-width: 100%;
5695
+ margin-inline-start: auto;
5696
+ }
5697
+ }
5698
+
5699
+ .ov-file-preview .ark-agentic-file-viewer-code, .ov-file-preview__editor {
5700
+ background: var(--ov-ui-color-bg-4, var(--ov-ui-bg-4-default));
5701
+ }
5702
+
5703
+ .ov-file-preview__toolbar-button.ov-button {
5704
+ border-radius: 6px;
5705
+ }
5706
+
5707
+ .ov-file-preview__toolbar-button.ov-button:hover:not(:disabled) {
5708
+ border-color: var(--ov-ui-file-preview-text-muted);
5709
+ }
5710
+
5711
+ .ov-file-preview .ark-agentic-file-viewer-code__lines {
5712
+ box-sizing: border-box;
5713
+ width: 100%;
5714
+ }
5715
+
5716
+ .ov-file-preview .ark-agentic-file-viewer-code__content {
5717
+ white-space: pre-wrap;
5718
+ overflow-wrap: anywhere;
5719
+ flex: auto;
5720
+ }
5604
5721
 
5605
5722
 
5606
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
5723
+
5724
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
5607
5725
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
5608
5726
  --ov-ui-tour-highlight-default: #5252ff14;
5727
+ --ov-ui-auth-on-primary-default: #fff;
5728
+ --ov-ui-auth-backdrop-default: #0006;
5609
5729
  --ov-ui-primary-default: #5252ff;
5610
5730
  --ov-ui-primary-hover-default: #7075ff;
5611
5731
  --ov-ui-primary-active-default: #3833d2;
@@ -5662,7 +5782,7 @@ button.ark-agentic-file-viewer-diff__gutter {
5662
5782
  #bd9cff 100%);
5663
5783
  }
5664
5784
 
5665
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
5785
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
5666
5786
  --ov-ui-primary-default: #5f5fff;
5667
5787
  --ov-ui-primary-hover-default: #7075ff;
5668
5788
  --ov-ui-primary-active-default: #4242ba;
@@ -5791,9 +5911,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
5791
5911
  display: block;
5792
5912
  }
5793
5913
 
5794
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
5914
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
5795
5915
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
5796
5916
  --ov-ui-tour-highlight-default: #5252ff14;
5917
+ --ov-ui-auth-on-primary-default: #fff;
5918
+ --ov-ui-auth-backdrop-default: #0006;
5797
5919
  --ov-ui-primary-default: #5252ff;
5798
5920
  --ov-ui-primary-hover-default: #7075ff;
5799
5921
  --ov-ui-primary-active-default: #3833d2;
@@ -5850,7 +5972,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
5850
5972
  #bd9cff 100%);
5851
5973
  }
5852
5974
 
5853
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
5975
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
5854
5976
  --ov-ui-primary-default: #5f5fff;
5855
5977
  --ov-ui-primary-hover-default: #7075ff;
5856
5978
  --ov-ui-primary-active-default: #4242ba;
@@ -6240,9 +6362,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
6240
6362
  }
6241
6363
  }
6242
6364
 
6243
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
6365
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
6244
6366
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
6245
6367
  --ov-ui-tour-highlight-default: #5252ff14;
6368
+ --ov-ui-auth-on-primary-default: #fff;
6369
+ --ov-ui-auth-backdrop-default: #0006;
6246
6370
  --ov-ui-primary-default: #5252ff;
6247
6371
  --ov-ui-primary-hover-default: #7075ff;
6248
6372
  --ov-ui-primary-active-default: #3833d2;
@@ -6299,7 +6423,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
6299
6423
  #bd9cff 100%);
6300
6424
  }
6301
6425
 
6302
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
6426
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
6303
6427
  --ov-ui-primary-default: #5f5fff;
6304
6428
  --ov-ui-primary-hover-default: #7075ff;
6305
6429
  --ov-ui-primary-active-default: #4242ba;
@@ -7168,9 +7292,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
7168
7292
  }
7169
7293
  }
7170
7294
 
7171
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
7295
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
7172
7296
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
7173
7297
  --ov-ui-tour-highlight-default: #5252ff14;
7298
+ --ov-ui-auth-on-primary-default: #fff;
7299
+ --ov-ui-auth-backdrop-default: #0006;
7174
7300
  --ov-ui-primary-default: #5252ff;
7175
7301
  --ov-ui-primary-hover-default: #7075ff;
7176
7302
  --ov-ui-primary-active-default: #3833d2;
@@ -7227,7 +7353,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
7227
7353
  #bd9cff 100%);
7228
7354
  }
7229
7355
 
7230
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
7356
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
7231
7357
  --ov-ui-primary-default: #5f5fff;
7232
7358
  --ov-ui-primary-hover-default: #7075ff;
7233
7359
  --ov-ui-primary-active-default: #4242ba;
@@ -7351,9 +7477,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
7351
7477
  --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
7352
7478
  }
7353
7479
 
7354
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
7480
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
7355
7481
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
7356
7482
  --ov-ui-tour-highlight-default: #5252ff14;
7483
+ --ov-ui-auth-on-primary-default: #fff;
7484
+ --ov-ui-auth-backdrop-default: #0006;
7357
7485
  --ov-ui-primary-default: #5252ff;
7358
7486
  --ov-ui-primary-hover-default: #7075ff;
7359
7487
  --ov-ui-primary-active-default: #3833d2;
@@ -7410,7 +7538,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
7410
7538
  #bd9cff 100%);
7411
7539
  }
7412
7540
 
7413
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
7541
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
7414
7542
  --ov-ui-primary-default: #5f5fff;
7415
7543
  --ov-ui-primary-hover-default: #7075ff;
7416
7544
  --ov-ui-primary-active-default: #4242ba;
@@ -9472,9 +9600,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
9472
9600
  }
9473
9601
  }
9474
9602
 
9475
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
9603
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
9476
9604
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
9477
9605
  --ov-ui-tour-highlight-default: #5252ff14;
9606
+ --ov-ui-auth-on-primary-default: #fff;
9607
+ --ov-ui-auth-backdrop-default: #0006;
9478
9608
  --ov-ui-primary-default: #5252ff;
9479
9609
  --ov-ui-primary-hover-default: #7075ff;
9480
9610
  --ov-ui-primary-active-default: #3833d2;
@@ -9531,7 +9661,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
9531
9661
  #bd9cff 100%);
9532
9662
  }
9533
9663
 
9534
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
9664
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
9535
9665
  --ov-ui-primary-default: #5f5fff;
9536
9666
  --ov-ui-primary-hover-default: #7075ff;
9537
9667
  --ov-ui-primary-active-default: #4242ba;
@@ -10171,9 +10301,11 @@ button:not(.ov-button).ov-scope-switcher__trigger:hover:not(:disabled), button:n
10171
10301
  }
10172
10302
  }
10173
10303
 
10174
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
10304
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
10175
10305
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
10176
10306
  --ov-ui-tour-highlight-default: #5252ff14;
10307
+ --ov-ui-auth-on-primary-default: #fff;
10308
+ --ov-ui-auth-backdrop-default: #0006;
10177
10309
  --ov-ui-primary-default: #5252ff;
10178
10310
  --ov-ui-primary-hover-default: #7075ff;
10179
10311
  --ov-ui-primary-active-default: #3833d2;
@@ -10230,7 +10362,7 @@ button:not(.ov-button).ov-scope-switcher__trigger:hover:not(:disabled), button:n
10230
10362
  #bd9cff 100%);
10231
10363
  }
10232
10364
 
10233
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
10365
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
10234
10366
  --ov-ui-primary-default: #5f5fff;
10235
10367
  --ov-ui-primary-hover-default: #7075ff;
10236
10368
  --ov-ui-primary-active-default: #4242ba;
@@ -11173,9 +11305,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
11173
11305
  }
11174
11306
  }
11175
11307
 
11176
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
11308
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
11177
11309
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
11178
11310
  --ov-ui-tour-highlight-default: #5252ff14;
11311
+ --ov-ui-auth-on-primary-default: #fff;
11312
+ --ov-ui-auth-backdrop-default: #0006;
11179
11313
  --ov-ui-primary-default: #5252ff;
11180
11314
  --ov-ui-primary-hover-default: #7075ff;
11181
11315
  --ov-ui-primary-active-default: #3833d2;
@@ -11232,7 +11366,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
11232
11366
  #bd9cff 100%);
11233
11367
  }
11234
11368
 
11235
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
11369
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
11236
11370
  --ov-ui-primary-default: #5f5fff;
11237
11371
  --ov-ui-primary-hover-default: #7075ff;
11238
11372
  --ov-ui-primary-active-default: #4242ba;
@@ -11567,7 +11701,6 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
11567
11701
  border: 1px solid var(--ov-viking-bot-border);
11568
11702
  border-radius: var(--ov-viking-bot-radius);
11569
11703
  max-width: 100%;
11570
- color: var(--ov-viking-bot-accent);
11571
11704
  font: inherit;
11572
11705
  overflow-wrap: anywhere;
11573
11706
  cursor: pointer;
@@ -11577,6 +11710,14 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
11577
11710
  font-size: 12px;
11578
11711
  }
11579
11712
 
11713
+ .ov-viking-bot__context {
11714
+ color: var(--ov-viking-bot-accent);
11715
+ }
11716
+
11717
+ .ov-viking-bot__attachment {
11718
+ color: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default));
11719
+ }
11720
+
11580
11721
  .ov-viking-bot__context:hover, .ov-viking-bot__attachment:hover {
11581
11722
  background: var(--ov-viking-bot-surface-hover);
11582
11723
  }
@@ -13353,6 +13494,23 @@ textarea.ov-viking-bot__interaction-input {
13353
13494
  }
13354
13495
  }
13355
13496
 
13497
+ /*!
13498
+ * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
13499
+ * SPDX-License-Identifier: MIT
13500
+ */
13501
+ /*!
13502
+ * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
13503
+ * SPDX-License-Identifier: MIT
13504
+ */
13505
+ .ark-agentic-user-message-file-list-user-message-file-list-1 {
13506
+ justify-content: flex-end;
13507
+ align-items: flex-start;
13508
+ gap: .5rem;
13509
+ width: 100%;
13510
+ display: flex;
13511
+ overflow: auto hidden;
13512
+ }
13513
+
13356
13514
  /*!
13357
13515
  * Copyright (c) 2026 Bytedance, Inc. and its affiliates.
13358
13516
  * SPDX-License-Identifier: MIT
@@ -18717,9 +18875,11 @@ textarea.ov-viking-bot__interaction-input {
18717
18875
  }
18718
18876
  }
18719
18877
 
18720
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
18878
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
18721
18879
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
18722
18880
  --ov-ui-tour-highlight-default: #5252ff14;
18881
+ --ov-ui-auth-on-primary-default: #fff;
18882
+ --ov-ui-auth-backdrop-default: #0006;
18723
18883
  --ov-ui-primary-default: #5252ff;
18724
18884
  --ov-ui-primary-hover-default: #7075ff;
18725
18885
  --ov-ui-primary-active-default: #3833d2;
@@ -18776,7 +18936,7 @@ textarea.ov-viking-bot__interaction-input {
18776
18936
  #bd9cff 100%);
18777
18937
  }
18778
18938
 
18779
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
18939
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
18780
18940
  --ov-ui-primary-default: #5f5fff;
18781
18941
  --ov-ui-primary-hover-default: #7075ff;
18782
18942
  --ov-ui-primary-active-default: #4242ba;
@@ -19409,9 +19569,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
19409
19569
 
19410
19570
 
19411
19571
 
19412
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
19572
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
19413
19573
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
19414
19574
  --ov-ui-tour-highlight-default: #5252ff14;
19575
+ --ov-ui-auth-on-primary-default: #fff;
19576
+ --ov-ui-auth-backdrop-default: #0006;
19415
19577
  --ov-ui-primary-default: #5252ff;
19416
19578
  --ov-ui-primary-hover-default: #7075ff;
19417
19579
  --ov-ui-primary-active-default: #3833d2;
@@ -19468,7 +19630,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
19468
19630
  #bd9cff 100%);
19469
19631
  }
19470
19632
 
19471
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
19633
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
19472
19634
  --ov-ui-primary-default: #5f5fff;
19473
19635
  --ov-ui-primary-hover-default: #7075ff;
19474
19636
  --ov-ui-primary-active-default: #4242ba;
@@ -19922,54 +20084,134 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
19922
20084
  outline: none;
19923
20085
  }
19924
20086
 
19925
- .ov-viking-bot__reference-tags {
19926
- flex-wrap: wrap;
20087
+ .ov-viking-bot__quick-inputs button:not(.ov-button):focus-visible, .ov-viking-bot__session-history button:not(.ov-button):focus-visible {
20088
+ outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
20089
+ outline-offset: 2px;
20090
+ }
20091
+
20092
+ .ov-viking-bot__quick-inputs button:not(.ov-button):disabled {
20093
+ opacity: .5;
20094
+ cursor: not-allowed;
20095
+ }
20096
+
20097
+ .ov-viking-bot__attach > svg {
20098
+ width: 10.208px;
20099
+ height: 10.208px;
20100
+ }
20101
+
20102
+ .ov-viking-bot__reference-tags, .ov-viking-bot__reference-overflow {
20103
+ flex-direction: column;
20104
+ align-items: flex-start;
19927
20105
  gap: 6px;
19928
- margin: 0 0 8px;
19929
- padding: 0;
19930
- list-style: none;
20106
+ min-width: 0;
19931
20107
  display: flex;
19932
20108
  }
19933
20109
 
19934
- .ov-viking-bot__reference-tags li {
19935
- background: var(--ov-ui-color-bg-5, var(--ov-ui-bg-5-default));
19936
- border-radius: 6px;
20110
+ .ov-viking-bot__reference-tags {
20111
+ margin-bottom: 10px;
20112
+ }
20113
+
20114
+ .ov-viking-bot__reference-row {
19937
20115
  align-items: center;
19938
20116
  gap: 4px;
19939
20117
  min-width: 0;
19940
20118
  max-width: 100%;
19941
- padding: 4px 6px;
20119
+ display: flex;
20120
+ }
20121
+
20122
+ .ov-viking-bot__reference-tag, .ov-viking-bot__reference-more {
20123
+ box-sizing: border-box;
20124
+ background: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
20125
+ max-width: 100%;
20126
+ height: 26px;
20127
+ color: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default));
20128
+ letter-spacing: .036px;
20129
+ border: 0;
20130
+ border-radius: 6px;
20131
+ align-items: center;
20132
+ gap: 4px;
20133
+ padding: 3px 8px;
20134
+ font-family: Roboto, PingFang SC, sans-serif;
20135
+ font-size: 12px;
20136
+ font-weight: 400;
20137
+ line-height: 20px;
19942
20138
  display: inline-flex;
19943
20139
  }
19944
20140
 
19945
- .ov-viking-bot__reference-tags li > span {
20141
+ .ov-viking-bot__reference-tag {
20142
+ min-width: 0;
20143
+ }
20144
+
20145
+ .ov-viking-bot__reference-tag > svg {
20146
+ flex-shrink: 0;
20147
+ }
20148
+
20149
+ .ov-viking-bot__reference-icon {
20150
+ color: var(--ov-ui-viking-bot-reference-icon-light);
20151
+ }
20152
+
20153
+ .dark .ov-viking-bot__reference-icon {
20154
+ color: var(--ov-ui-viking-bot-reference-icon-dark);
20155
+ }
20156
+
20157
+ .ov-viking-bot__reference-path {
19946
20158
  text-overflow: ellipsis;
19947
20159
  white-space: nowrap;
19948
20160
  min-width: 0;
19949
20161
  overflow: hidden;
19950
20162
  }
19951
20163
 
19952
- .ov-viking-bot__reference-tags button:not(.ov-button) {
20164
+ .ov-viking-bot__reference-open {
20165
+ min-width: 0;
19953
20166
  color: inherit;
20167
+ font: inherit;
20168
+ text-align: start;
19954
20169
  cursor: pointer;
19955
20170
  background: none;
19956
20171
  border: 0;
19957
- padding: 0 2px;
20172
+ padding: 0;
20173
+ display: inline-flex;
20174
+ overflow: hidden;
20175
+ }
20176
+
20177
+ .ov-viking-bot__reference-open:hover {
20178
+ color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
20179
+ }
20180
+
20181
+ .ov-viking-bot__reference-remove {
20182
+ width: 14px;
20183
+ height: 14px;
20184
+ color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default));
20185
+ cursor: pointer;
20186
+ background: none;
20187
+ border: 0;
20188
+ border-radius: 2px;
20189
+ flex-shrink: 0;
20190
+ justify-content: center;
20191
+ align-items: center;
20192
+ padding: 0;
20193
+ display: inline-flex;
19958
20194
  }
19959
20195
 
19960
- .ov-viking-bot__quick-inputs button:not(.ov-button):focus-visible, .ov-viking-bot__session-history button:not(.ov-button):focus-visible, .ov-viking-bot__reference-tags button:not(.ov-button):focus-visible {
20196
+ .ov-viking-bot__reference-more {
20197
+ cursor: pointer;
20198
+ flex-shrink: 0;
20199
+ }
20200
+
20201
+ .ov-viking-bot__reference-open:focus-visible, .ov-viking-bot__reference-more:focus-visible, .ov-viking-bot__reference-remove:focus-visible {
19961
20202
  outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
19962
20203
  outline-offset: 2px;
19963
20204
  }
19964
20205
 
19965
- .ov-viking-bot__quick-inputs button:not(.ov-button):disabled {
19966
- opacity: .5;
20206
+ .ov-viking-bot__reference-remove:disabled {
19967
20207
  cursor: not-allowed;
20208
+ opacity: .5;
19968
20209
  }
19969
20210
 
19970
- .ov-viking-bot__attach > svg {
19971
- width: 10.208px;
19972
- height: 10.208px;
20211
+ .ov-viking-bot__reference-overflow {
20212
+ max-width: min(440px, 100vw - 48px);
20213
+ max-height: min(360px, 50vh);
20214
+ overflow-y: auto;
19973
20215
  }
19974
20216
 
19975
20217
  .ov-viking-bot__list {
@@ -19990,6 +20232,15 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
19990
20232
  padding-left: 32px;
19991
20233
  }
19992
20234
 
20235
+ .ov-viking-bot__user-message-group {
20236
+ flex-direction: column;
20237
+ align-items: flex-end;
20238
+ gap: 6px;
20239
+ width: min(88%, 960px);
20240
+ max-width: 100%;
20241
+ display: flex;
20242
+ }
20243
+
19993
20244
  .ov-viking-bot__user-bubble {
19994
20245
  --agentic-bubble-content-max-width: 100%;
19995
20246
  --agentic-bubble-content-filled-bg: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
@@ -19998,10 +20249,30 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
19998
20249
  --agentic-bubble-content-radius-default: 16px;
19999
20250
  --agentic-bubble-content-font-size: 14px;
20000
20251
  --agentic-bubble-content-line-height: 22px;
20001
- width: min(88%, 960px);
20002
20252
  max-width: 100%;
20003
20253
  }
20004
20254
 
20255
+ .ov-viking-bot__user-message-content {
20256
+ flex-direction: column;
20257
+ align-items: flex-start;
20258
+ gap: 6px;
20259
+ width: max-content;
20260
+ max-width: 100%;
20261
+ display: flex;
20262
+ }
20263
+
20264
+ .ov-viking-bot__user-message-attachments {
20265
+ flex-wrap: wrap;
20266
+ justify-content: flex-end;
20267
+ align-self: flex-end;
20268
+ align-items: center;
20269
+ gap: 8px;
20270
+ width: 100%;
20271
+ max-width: 100%;
20272
+ display: flex;
20273
+ overflow: visible;
20274
+ }
20275
+
20005
20276
  .ov-viking-bot__user-bubble .ark-agentic-bubble__content {
20006
20277
  inline-size: max-content;
20007
20278
  max-inline-size: 100%;
@@ -20047,7 +20318,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
20047
20318
  display: inline-flex;
20048
20319
  }
20049
20320
 
20050
- .ov-viking-bot__message:hover .ov-viking-bot__message-footer, .ov-viking-bot__message:focus-within .ov-viking-bot__message-footer {
20321
+ .ov-viking-bot__message:not(.ov-viking-bot__message--user):hover .ov-viking-bot__message-footer, .ov-viking-bot__message:not(.ov-viking-bot__message--user):focus-within .ov-viking-bot__message-footer, .ov-viking-bot__user-message-group:hover .ov-viking-bot__message-footer, .ov-viking-bot__user-message-group:focus-within .ov-viking-bot__message-footer {
20051
20322
  opacity: 1;
20052
20323
  pointer-events: auto;
20053
20324
  }
@@ -20403,9 +20674,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
20403
20674
  }
20404
20675
  }
20405
20676
 
20406
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
20677
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
20407
20678
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
20408
20679
  --ov-ui-tour-highlight-default: #5252ff14;
20680
+ --ov-ui-auth-on-primary-default: #fff;
20681
+ --ov-ui-auth-backdrop-default: #0006;
20409
20682
  --ov-ui-primary-default: #5252ff;
20410
20683
  --ov-ui-primary-hover-default: #7075ff;
20411
20684
  --ov-ui-primary-active-default: #3833d2;
@@ -20462,7 +20735,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
20462
20735
  #bd9cff 100%);
20463
20736
  }
20464
20737
 
20465
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
20738
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
20466
20739
  --ov-ui-primary-default: #5f5fff;
20467
20740
  --ov-ui-primary-hover-default: #7075ff;
20468
20741
  --ov-ui-primary-active-default: #4242ba;
@@ -20586,25 +20859,45 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
20586
20859
  --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
20587
20860
  }
20588
20861
 
20862
+ .ov-directory-tour-host {
20863
+ pointer-events: none;
20864
+ background: none;
20865
+ border: 0;
20866
+ align-items: flex-start;
20867
+ width: calc(100vw - 16px);
20868
+ height: 100dvh;
20869
+ margin: 0;
20870
+ padding: 0;
20871
+ display: flex;
20872
+ position: fixed;
20873
+ inset: auto;
20874
+ overflow: visible;
20875
+ }
20876
+
20589
20877
  .ov-directory-tour {
20590
- --ov-ui-directory-tour-primary: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
20591
- --ov-ui-directory-tour-background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
20592
- --ov-ui-directory-tour-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
20593
- --ov-ui-directory-tour-secondary: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default));
20594
- --ov-ui-directory-tour-muted: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default));
20595
- --ov-ui-directory-tour-border: var(--ov-ui-color-border-3, var(--ov-ui-border-3-default));
20878
+ --ov-ui-directory-tour-primary-fallback: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
20879
+ --ov-ui-directory-tour-background-fallback: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
20880
+ --ov-ui-directory-tour-text-fallback: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
20881
+ --ov-ui-directory-tour-secondary-fallback: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default));
20882
+ --ov-ui-directory-tour-muted-fallback: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default));
20883
+ --ov-ui-directory-tour-border-fallback: var(--ov-ui-color-border-3, var(--ov-ui-border-3-default));
20884
+ pointer-events: auto;
20596
20885
  width: 270px;
20886
+ min-width: 0;
20597
20887
  max-width: calc(100vw - 16px);
20598
- max-height: calc(100dvh - 16px);
20599
- color: var(--ov-ui-directory-tour-text);
20888
+ min-height: 0;
20889
+ max-height: 100%;
20890
+ color: var(--ov-ui-directory-tour-text, var(--ov-ui-directory-tour-text-fallback));
20600
20891
  box-sizing: border-box;
20601
20892
  background: none;
20602
20893
  border: 0;
20894
+ flex-direction: column;
20895
+ flex: 0 auto;
20603
20896
  margin: 0;
20604
20897
  padding: 0;
20605
20898
  font-family: inherit;
20606
- position: fixed;
20607
- inset: auto;
20899
+ display: flex;
20900
+ position: relative;
20608
20901
  overflow: visible;
20609
20902
  }
20610
20903
 
@@ -20613,13 +20906,16 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
20613
20906
  }
20614
20907
 
20615
20908
  .ov-directory-tour__card {
20616
- border: .5px solid var(--ov-ui-directory-tour-border);
20617
- background: var(--ov-ui-directory-tour-background);
20909
+ border: .5px solid
20910
+ var(--ov-ui-directory-tour-border, var(--ov-ui-directory-tour-border-fallback));
20911
+ background: var(--ov-ui-directory-tour-background, var(--ov-ui-directory-tour-background-fallback));
20618
20912
  box-shadow: var(--ov-ui-color-tour-shadow, var(--ov-ui-tour-shadow-default));
20913
+ min-height: 0;
20914
+ max-height: var(--ov-ui-directory-tour-viewport-height, calc(100dvh - 16px));
20619
20915
  border-radius: 8px;
20620
20916
  flex-direction: column;
20917
+ flex: auto;
20621
20918
  gap: 12px;
20622
- max-height: calc(100dvh - 16px);
20623
20919
  padding: 16px;
20624
20920
  display: flex;
20625
20921
  position: relative;
@@ -20636,7 +20932,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
20636
20932
  }
20637
20933
 
20638
20934
  .ov-directory-tour__description {
20639
- color: var(--ov-ui-directory-tour-secondary);
20935
+ color: var(--ov-ui-directory-tour-secondary, var(--ov-ui-directory-tour-secondary-fallback));
20640
20936
  overflow-wrap: anywhere;
20641
20937
  margin-top: -8px;
20642
20938
  font-size: 12px;
@@ -20667,38 +20963,44 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
20667
20963
  }
20668
20964
 
20669
20965
  .ov-directory-tour__progress {
20670
- color: var(--ov-ui-directory-tour-muted);
20966
+ color: var(--ov-ui-directory-tour-muted, var(--ov-ui-directory-tour-muted-fallback));
20671
20967
  flex: 1;
20672
20968
  font-size: 12px;
20673
20969
  line-height: 20px;
20674
20970
  }
20675
20971
 
20676
- .ov-directory-tour button:not(.ov-button) {
20972
+ .ov-directory-tour button:where(:not(.ov-button)) {
20677
20973
  cursor: pointer;
20678
20974
  font: inherit;
20679
- border: 1px solid var(--ov-ui-directory-tour-border);
20680
- background: var(--ov-ui-directory-tour-background);
20681
- color: var(--ov-ui-directory-tour-text);
20975
+ border: 1px solid
20976
+ var(--ov-ui-directory-tour-border, var(--ov-ui-directory-tour-border-fallback));
20977
+ background: var(--ov-ui-directory-tour-background, var(--ov-ui-directory-tour-background-fallback));
20978
+ color: var(--ov-ui-directory-tour-text, var(--ov-ui-directory-tour-text-fallback));
20682
20979
  border-radius: 6px;
20683
20980
  padding: 3px 10px;
20684
20981
  font-size: 13px;
20685
20982
  line-height: 22px;
20686
20983
  }
20687
20984
 
20688
- .ov-directory-tour button:not(.ov-button):hover {
20985
+ .ov-directory-tour button:where(:not(.ov-button)):hover {
20689
20986
  background: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
20690
20987
  }
20691
20988
 
20692
- .ov-directory-tour button:not(.ov-button):focus-visible {
20693
- outline: 2px solid var(--ov-ui-directory-tour-primary);
20989
+ .ov-directory-tour button:where(:not(.ov-button)):focus-visible {
20990
+ outline: 2px solid
20991
+ var(--ov-ui-directory-tour-primary, var(--ov-ui-directory-tour-primary-fallback));
20694
20992
  outline-offset: 2px;
20695
20993
  }
20696
20994
 
20697
- .ov-directory-tour button:not(.ov-button):disabled {
20995
+ .ov-directory-tour button:where(:not(.ov-button)):disabled {
20698
20996
  cursor: wait;
20699
20997
  opacity: .5;
20700
20998
  }
20701
20999
 
21000
+ .ov-directory-tour .ov-button {
21001
+ --ov-ui-button-primary: var(--ov-ui-directory-tour-primary, var(--ov-ui-directory-tour-primary-fallback));
21002
+ }
21003
+
20702
21004
  .ov-directory-tour .ov-directory-tour__close {
20703
21005
  position: absolute;
20704
21006
  top: 2px;
@@ -20707,12 +21009,109 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
20707
21009
 
20708
21010
  .ov-directory-tour__highlight {
20709
21011
  pointer-events: none;
20710
- border: 1px solid var(--ov-ui-directory-tour-primary);
21012
+ border: 1px solid
21013
+ var(--ov-ui-directory-tour-primary, var(--ov-ui-directory-tour-primary-fallback));
20711
21014
  background: var(--ov-ui-color-tour-highlight, var(--ov-ui-tour-highlight-default));
20712
21015
  border-radius: 4px;
20713
21016
  position: fixed;
20714
21017
  }
20715
21018
 
21019
+ .ov-directory-tour__card--custom {
21020
+ outline: .5px solid
21021
+ var(--ov-ui-directory-tour-border, var(--ov-ui-directory-tour-border-fallback));
21022
+ outline-offset: -.5px;
21023
+ border: 0;
21024
+ padding: 12px;
21025
+ }
21026
+
21027
+ .ov-directory-tour__sr-only {
21028
+ clip-path: inset(50%);
21029
+ white-space: nowrap;
21030
+ width: 1px;
21031
+ height: 1px;
21032
+ padding: 0;
21033
+ position: absolute;
21034
+ overflow: hidden;
21035
+ }
21036
+
21037
+ .ov-directory-tour__intro {
21038
+ flex-direction: column;
21039
+ gap: 12px;
21040
+ display: flex;
21041
+ }
21042
+
21043
+ .ov-directory-tour__media {
21044
+ border-radius: 12px;
21045
+ width: 100%;
21046
+ overflow: hidden;
21047
+ }
21048
+
21049
+ .ov-directory-tour__intro-copy {
21050
+ flex-direction: column;
21051
+ gap: 4px;
21052
+ display: flex;
21053
+ }
21054
+
21055
+ .ov-directory-tour__intro-title {
21056
+ letter-spacing: .042px;
21057
+ margin: 0;
21058
+ font-size: 14px;
21059
+ font-weight: 500;
21060
+ line-height: 22px;
21061
+ }
21062
+
21063
+ .ov-directory-tour__intro-description {
21064
+ color: var(--ov-ui-directory-tour-muted, var(--ov-ui-directory-tour-muted-fallback));
21065
+ letter-spacing: .036px;
21066
+ overflow-wrap: anywhere;
21067
+ font-size: 12px;
21068
+ line-height: 20px;
21069
+ }
21070
+
21071
+ .ov-directory-tour__features {
21072
+ background: var(--ov-ui-color-primary-light, var(--ov-ui-primary-light-default));
21073
+ color: var(--ov-ui-directory-tour-secondary, var(--ov-ui-directory-tour-secondary-fallback));
21074
+ letter-spacing: .036px;
21075
+ border-radius: 8px;
21076
+ flex-direction: column;
21077
+ gap: 4px;
21078
+ margin: 0;
21079
+ padding: 8px 8px 8px 12px;
21080
+ font-size: 12px;
21081
+ line-height: 20px;
21082
+ list-style: none;
21083
+ display: flex;
21084
+ }
21085
+
21086
+ .ov-directory-tour__features li {
21087
+ align-items: baseline;
21088
+ gap: 8px;
21089
+ padding: 0 2px;
21090
+ display: flex;
21091
+ }
21092
+
21093
+ .ov-directory-tour__features li:before {
21094
+ content: "";
21095
+ background: var(--ov-ui-color-primary-hover, var(--ov-ui-primary-hover-default));
21096
+ flex: 0 0 3px;
21097
+ align-self: flex-start;
21098
+ height: 3px;
21099
+ margin-top: 9px;
21100
+ }
21101
+
21102
+ .ov-directory-tour__actions {
21103
+ justify-content: flex-end;
21104
+ }
21105
+
21106
+ .ov-directory-tour__intro .ov-directory-tour__primary {
21107
+ font-size: 12px;
21108
+ line-height: 20px;
21109
+ }
21110
+
21111
+ .ov-directory-tour__highlight--group {
21112
+ border-radius: 8px;
21113
+ }
21114
+
20716
21115
 
20717
21116
 
20718
21117
  .ov-button {
@@ -20884,9 +21283,11 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
20884
21283
  }
20885
21284
  }
20886
21285
 
20887
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
21286
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
20888
21287
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
20889
21288
  --ov-ui-tour-highlight-default: #5252ff14;
21289
+ --ov-ui-auth-on-primary-default: #fff;
21290
+ --ov-ui-auth-backdrop-default: #0006;
20890
21291
  --ov-ui-primary-default: #5252ff;
20891
21292
  --ov-ui-primary-hover-default: #7075ff;
20892
21293
  --ov-ui-primary-active-default: #3833d2;
@@ -20943,7 +21344,7 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
20943
21344
  #bd9cff 100%);
20944
21345
  }
20945
21346
 
20946
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
21347
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
20947
21348
  --ov-ui-primary-default: #5f5fff;
20948
21349
  --ov-ui-primary-hover-default: #7075ff;
20949
21350
  --ov-ui-primary-active-default: #4242ba;
@@ -21352,13 +21753,21 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
21352
21753
  }
21353
21754
 
21354
21755
  .ov-wiki-dashboard__conflict-row {
21355
- grid-template-columns: 78px minmax(140px, 1fr) 200px 74px 100px;
21756
+ grid-template-columns: 78px minmax(140px, 1fr) 200px 74px;
21356
21757
  align-items: center;
21357
21758
  display: grid;
21358
21759
  }
21359
21760
 
21360
21761
  .ov-wiki-dashboard__conflict-row--without-path {
21361
- grid-template-columns: 78px minmax(140px, 1fr) 74px 100px;
21762
+ grid-template-columns: 78px minmax(140px, 1fr) 74px;
21763
+ }
21764
+
21765
+ .ov-wiki-dashboard__conflict-row--with-actions {
21766
+ grid-template-columns: 78px minmax(140px, 1fr) 200px 74px max-content;
21767
+ }
21768
+
21769
+ .ov-wiki-dashboard__conflict-row--with-actions.ov-wiki-dashboard__conflict-row--without-path {
21770
+ grid-template-columns: 78px minmax(140px, 1fr) 74px max-content;
21362
21771
  }
21363
21772
 
21364
21773
  .ov-wiki-dashboard__severity {
@@ -21539,6 +21948,8 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
21539
21948
  }
21540
21949
 
21541
21950
  .ov-wiki-dashboard__actions {
21951
+ flex: none;
21952
+ align-items: center;
21542
21953
  gap: 8px;
21543
21954
  padding: 0 16px;
21544
21955
  display: flex;
@@ -21840,9 +22251,11 @@ html.dark .ov-wiki-dashboard__file-icon {
21840
22251
  }
21841
22252
  }
21842
22253
 
21843
- .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
22254
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
21844
22255
  --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
21845
22256
  --ov-ui-tour-highlight-default: #5252ff14;
22257
+ --ov-ui-auth-on-primary-default: #fff;
22258
+ --ov-ui-auth-backdrop-default: #0006;
21846
22259
  --ov-ui-primary-default: #5252ff;
21847
22260
  --ov-ui-primary-hover-default: #7075ff;
21848
22261
  --ov-ui-primary-active-default: #3833d2;
@@ -21899,7 +22312,7 @@ html.dark .ov-wiki-dashboard__file-icon {
21899
22312
  #bd9cff 100%);
21900
22313
  }
21901
22314
 
21902
- html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
22315
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
21903
22316
  --ov-ui-primary-default: #5f5fff;
21904
22317
  --ov-ui-primary-hover-default: #7075ff;
21905
22318
  --ov-ui-primary-active-default: #4242ba;
@@ -22585,5 +22998,2633 @@ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-
22585
22998
 
22586
22999
 
22587
23000
 
23001
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
23002
+ --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
23003
+ --ov-ui-tour-highlight-default: #5252ff14;
23004
+ --ov-ui-auth-on-primary-default: #fff;
23005
+ --ov-ui-auth-backdrop-default: #0006;
23006
+ --ov-ui-primary-default: #5252ff;
23007
+ --ov-ui-primary-hover-default: #7075ff;
23008
+ --ov-ui-primary-active-default: #3833d2;
23009
+ --ov-ui-primary-disabled-default: #acb4ff;
23010
+ --ov-ui-text-on-primary-default: #fff;
23011
+ --ov-ui-primary-light-default: #f5f7ff;
23012
+ --ov-ui-connect-glow-warm-default: #ff952b0a;
23013
+ --ov-ui-connect-glow-pink-default: #fb4fbc0f;
23014
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc0a;
23015
+ --ov-ui-on-primary-default: #fff;
23016
+ --ov-ui-text-1-default: #0b0b0f;
23017
+ --ov-ui-text-2-default: #3f3f51;
23018
+ --ov-ui-text-3-default: #6e718c;
23019
+ --ov-ui-text-description-default: #0006;
23020
+ --ov-ui-text-disabled-default: #a5a7bb;
23021
+ --ov-ui-border-1-default: #f0f2fa;
23022
+ --ov-ui-border-2-default: #e1e4f2;
23023
+ --ov-ui-border-3-default: #d7daea;
23024
+ --ov-ui-bg-1-default: #fff;
23025
+ --ov-ui-bg-3-default: #f7f8fd;
23026
+ --ov-ui-bg-4-default: #f6f7fa;
23027
+ --ov-ui-bg-5-default: #f1f2f9;
23028
+ --ov-ui-code-bg-default: #fbfbfc;
23029
+ --ov-ui-status-success-default: #1f9d55;
23030
+ --ov-ui-shadow-default: #0f172a;
23031
+ --ov-ui-shadow-control-default: #0000000d;
23032
+ --ov-ui-focus-default: #5252ff;
23033
+ --ov-ui-fill-hover-default: #f1f2f9;
23034
+ --ov-ui-status-error-default: #c43838;
23035
+ --ov-ui-warning-default: #b26a00;
23036
+ --ov-ui-warning-light-default: #fff0b3;
23037
+ --ov-ui-overlay-default: #0006;
23038
+ --ov-ui-tooltip-bg-default: #1f2329;
23039
+ --ov-ui-tooltip-text-default: #fff;
23040
+ --ov-ui-library-swatch-1-default: linear-gradient(145deg,
23041
+ #ffd8ec 8%,
23042
+ #ffabc8 46%,
23043
+ #d8cbff 100%);
23044
+ --ov-ui-library-swatch-2-default: linear-gradient(145deg,
23045
+ #d9e8ff 8%,
23046
+ #b8a6ff 52%,
23047
+ #f3d6ff 100%);
23048
+ --ov-ui-library-swatch-3-default: linear-gradient(145deg,
23049
+ #ffe6bc 8%,
23050
+ #ffaf96 48%,
23051
+ #ff8bc5 100%);
23052
+ --ov-ui-library-swatch-4-default: linear-gradient(145deg,
23053
+ #eaf7ba 8%,
23054
+ #b5efb8 52%,
23055
+ #73d9c6 100%);
23056
+ --ov-ui-library-swatch-5-default: linear-gradient(145deg,
23057
+ #fff1ba 8%,
23058
+ #ffc776 52%,
23059
+ #bd9cff 100%);
23060
+ }
23061
+
23062
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
23063
+ --ov-ui-primary-default: #5f5fff;
23064
+ --ov-ui-primary-hover-default: #7075ff;
23065
+ --ov-ui-primary-active-default: #4242ba;
23066
+ --ov-ui-primary-light-default: #1a1632;
23067
+ --ov-ui-connect-glow-warm-default: #ff952b05;
23068
+ --ov-ui-connect-glow-pink-default: #fb4fbc08;
23069
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc05;
23070
+ --ov-ui-text-1-default: #c7ccd6;
23071
+ --ov-ui-text-2-default: #9da3af;
23072
+ --ov-ui-text-3-default: #737a87;
23073
+ --ov-ui-text-description-default: #fff6;
23074
+ --ov-ui-text-disabled-default: #42464e;
23075
+ --ov-ui-border-1-default: #23252a;
23076
+ --ov-ui-border-2-default: #2e3138;
23077
+ --ov-ui-border-3-default: #3a3d45;
23078
+ --ov-ui-bg-1-default: #131416;
23079
+ --ov-ui-bg-3-default: #1b1d21;
23080
+ --ov-ui-bg-4-default: #202227;
23081
+ --ov-ui-bg-5-default: #23252a;
23082
+ --ov-ui-focus-default: #5f5fff;
23083
+ --ov-ui-fill-hover-default: #23252a;
23084
+ --ov-ui-status-error-default: #ff9595;
23085
+ --ov-ui-warning-default: #e0a04a;
23086
+ --ov-ui-warning-light-default: #3a2f14;
23087
+ --ov-ui-tooltip-bg-default: #2a2d33;
23088
+ --ov-ui-overlay-default: #000000a3;
23089
+ --ov-ui-tooltip-text-default: #f0f1f3;
23090
+ }
23091
+
23092
+ .ov-button, .ov-input, .ov-textarea {
23093
+ --ov-ui-bg-white-default: var(--ov-ui-bg-1-default);
23094
+ --ov-ui-bg-2-default: #fafbfd;
23095
+ --ov-ui-bg-7-default: var(--ov-ui-border-1-default);
23096
+ --ov-ui-bg-11-default: #e1e3ef;
23097
+ --ov-ui-border-4-default: #acb0c5;
23098
+ --ov-ui-neutral-4-default: #c9cdd4;
23099
+ --ov-ui-primary-muted-default: #8e96ff;
23100
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-active-default);
23101
+ --ov-ui-link-default: var(--ov-ui-primary-default);
23102
+ --ov-ui-link-active-default: var(--ov-ui-primary-active-default);
23103
+ --ov-ui-text-5-default: #c9c9d4;
23104
+ --ov-ui-on-primary-disabled-default: var(--ov-ui-text-on-primary-default);
23105
+ --ov-ui-input-focus-ring-default: color-mix(in srgb,
23106
+ var(--ov-ui-color-primary, var(--ov-ui-primary-default)) 30%,
23107
+ transparent);
23108
+ --ov-ui-error-default: #e31b54;
23109
+ --ov-ui-error-bg-default: #ffecec;
23110
+ --ov-ui-error-border-default: #ffa3a0;
23111
+ }
23112
+
23113
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea {
23114
+ --ov-ui-bg-white-default: #fff0;
23115
+ --ov-ui-bg-2-default: #fcfdfe03;
23116
+ --ov-ui-bg-4-default: #f6f8fa0f;
23117
+ --ov-ui-bg-5-default: #f1f3f514;
23118
+ --ov-ui-bg-7-default: #1a1b1e;
23119
+ --ov-ui-bg-11-default: #1e2023;
23120
+ --ov-ui-border-2-default: #dde2e926;
23121
+ --ov-ui-border-3-default: #dde2e94d;
23122
+ --ov-ui-border-4-default: #6d6d6d;
23123
+ --ov-ui-neutral-4-default: #5f5f60;
23124
+ --ov-ui-primary-disabled-default: #3f3a89;
23125
+ --ov-ui-primary-muted-default: #4c48b4;
23126
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-hover-default);
23127
+ --ov-ui-link-default: #787dff;
23128
+ --ov-ui-link-active-default: #949cff;
23129
+ --ov-ui-text-disabled-default: #42464e;
23130
+ --ov-ui-text-5-default: #e1e3ef;
23131
+ --ov-ui-on-primary-disabled-default: #ffffff4d;
23132
+ --ov-ui-input-focus-ring-default: #4583ff4d;
23133
+ --ov-ui-error-default: #ff706d;
23134
+ --ov-ui-error-bg-default: #9f211c33;
23135
+ --ov-ui-error-border-default: #ff706d4d;
23136
+ }
23137
+
23138
+ .dark .ov-viking-bot {
23139
+ --ov-ui-code-bg-default: var(--ov-ui-bg-3-default);
23140
+ }
23141
+
23142
+ .ov-agent-connect {
23143
+ --ov-ui-connect-card-default: #fbfbfc;
23144
+ --ov-ui-connect-tabs-default: #f7f7f9;
23145
+ --ov-ui-connect-selected-default: #f3f4f7;
23146
+ --ov-ui-connect-border-default: #edeef2;
23147
+ --ov-ui-connect-outline-default: #e1e3ea;
23148
+ --ov-ui-connect-muted-default: #787c91;
23149
+ --ov-ui-connect-notice-default: #2e2984;
23150
+ }
23151
+
23152
+ .dark .ov-agent-connect {
23153
+ --ov-ui-connect-card-default: var(--ov-ui-bg-3-default);
23154
+ --ov-ui-connect-tabs-default: var(--ov-ui-bg-3-default);
23155
+ --ov-ui-connect-selected-default: var(--ov-ui-bg-4-default);
23156
+ --ov-ui-connect-border-default: var(--ov-ui-border-1-default);
23157
+ --ov-ui-connect-outline-default: var(--ov-ui-border-2-default);
23158
+ --ov-ui-connect-muted-default: var(--ov-ui-text-3-default);
23159
+ --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
23160
+ }
23161
+
23162
+ .ov-wiki-dashboard, .ov-experience-dashboard, .ov-file-browser {
23163
+ --ov-ui-dashboard-surface-default: #f8f8f8;
23164
+ --ov-ui-dashboard-card-default: #fafafa;
23165
+ --ov-ui-dashboard-muted-default: #787c91;
23166
+ --ov-ui-dashboard-border-default: #edeef2;
23167
+ --ov-ui-dashboard-warning-default: #eb7d00;
23168
+ --ov-ui-dashboard-warning-light-default: #fff0e5;
23169
+ --ov-ui-dashboard-danger-default: #d92d54;
23170
+ --ov-ui-dashboard-danger-light-default: #ffecee;
23171
+ --ov-ui-dashboard-success-default: #4f9c70;
23172
+ }
23173
+
23174
+ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-file-browser {
23175
+ --ov-ui-dashboard-surface-default: var(--ov-ui-bg-3-default);
23176
+ --ov-ui-dashboard-card-default: var(--ov-ui-bg-3-default);
23177
+ --ov-ui-dashboard-muted-default: var(--ov-ui-text-3-default);
23178
+ --ov-ui-dashboard-border-default: var(--ov-ui-border-1-default);
23179
+ --ov-ui-dashboard-warning-default: var(--ov-ui-warning-default);
23180
+ --ov-ui-dashboard-warning-light-default: var(--ov-ui-warning-light-default);
23181
+ --ov-ui-dashboard-danger-default: var(--ov-ui-status-error-default);
23182
+ --ov-ui-dashboard-danger-light-default: var(--ov-ui-bg-5-default);
23183
+ --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
23184
+ }
23185
+
23186
+ .ov-auth {
23187
+ box-sizing: border-box;
23188
+ width: 100%;
23189
+ max-width: 440px;
23190
+ color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
23191
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
23192
+ font: inherit;
23193
+ font-size: 14px;
23194
+ line-height: 1.6;
23195
+ }
23196
+
23197
+ .ov-auth *, .ov-auth :before, .ov-auth :after {
23198
+ box-sizing: border-box;
23199
+ }
23200
+
23201
+ .ov-auth h2 {
23202
+ margin: 0 0 12px;
23203
+ font-size: 24px;
23204
+ font-weight: 600;
23205
+ }
23206
+
23207
+ .ov-auth p {
23208
+ margin: 8px 0;
23209
+ }
23210
+
23211
+ .ov-auth fieldset {
23212
+ border: 0;
23213
+ min-width: 0;
23214
+ margin: 0;
23215
+ padding: 0;
23216
+ }
23217
+
23218
+ .ov-auth button, .ov-auth input {
23219
+ font: inherit;
23220
+ }
23221
+
23222
+ .ov-auth button, .ov-auth a, .ov-auth input[type="checkbox"] {
23223
+ cursor: pointer;
23224
+ }
23225
+
23226
+ .ov-auth button:disabled, .ov-auth input:disabled {
23227
+ cursor: not-allowed;
23228
+ opacity: .6;
23229
+ }
23230
+
23231
+ .ov-auth button {
23232
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
23233
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
23234
+ color: inherit;
23235
+ border-radius: 8px;
23236
+ padding: 8px 16px;
23237
+ }
23238
+
23239
+ .ov-auth button:hover:not(:disabled) {
23240
+ background: var(--ov-ui-color-fill-hover, var(--ov-ui-fill-hover-default));
23241
+ }
23242
+
23243
+ .ov-auth a, .ov-auth .ov-auth__link {
23244
+ color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
23245
+ }
23246
+
23247
+ .ov-auth a {
23248
+ text-decoration: none;
23249
+ }
23250
+
23251
+ .ov-auth a:hover {
23252
+ text-decoration: underline;
23253
+ }
23254
+
23255
+ .ov-auth .ov-auth__link {
23256
+ background: none;
23257
+ border: 0;
23258
+ padding: 4px 0;
23259
+ display: inline-block;
23260
+ }
23261
+
23262
+ .ov-auth button:focus-visible, .ov-auth input:focus-visible, .ov-auth a:focus-visible {
23263
+ outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
23264
+ outline-offset: 2px;
23265
+ }
23266
+
23267
+ .ov-auth .ov-auth__primary {
23268
+ background: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
23269
+ color: var(--ov-ui-color-on-primary, var(--ov-ui-auth-on-primary-default));
23270
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
23271
+ }
23272
+
23273
+ .ov-auth .ov-auth__primary:hover:not(:disabled) {
23274
+ background: var(--ov-ui-color-primary-hover, var(--ov-ui-primary-hover-default));
23275
+ }
23276
+
23277
+ .ov-auth__submit {
23278
+ min-width: 120px;
23279
+ margin: 24px 0 12px;
23280
+ }
23281
+
23282
+ .ov-auth__field {
23283
+ margin: 24px 0 0;
23284
+ }
23285
+
23286
+ .ov-auth__label {
23287
+ justify-content: space-between;
23288
+ align-items: center;
23289
+ gap: 12px;
23290
+ margin-bottom: 8px;
23291
+ display: flex;
23292
+ }
23293
+
23294
+ .ov-auth__input-wrap {
23295
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
23296
+ border-radius: 8px;
23297
+ align-items: center;
23298
+ min-height: 44px;
23299
+ display: flex;
23300
+ }
23301
+
23302
+ .ov-auth__input-wrap:focus-within {
23303
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
23304
+ }
23305
+
23306
+ .ov-auth__input-wrap input {
23307
+ color: inherit;
23308
+ border-radius: inherit;
23309
+ background: none;
23310
+ border: 0;
23311
+ width: 100%;
23312
+ min-width: 0;
23313
+ padding: 10px 12px;
23314
+ }
23315
+
23316
+ .ov-auth__input-wrap input[aria-invalid="true"] {
23317
+ outline: 1px solid
23318
+ var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
23319
+ }
23320
+
23321
+ .ov-auth .ov-auth__visibility {
23322
+ border: 0;
23323
+ align-items: center;
23324
+ margin-right: 6px;
23325
+ padding: 6px;
23326
+ display: flex;
23327
+ }
23328
+
23329
+ .ov-auth__visibility svg {
23330
+ stroke: currentColor;
23331
+ stroke-width: 1.3px;
23332
+ stroke-linecap: round;
23333
+ stroke-linejoin: round;
23334
+ width: 16px;
23335
+ height: 16px;
23336
+ }
23337
+
23338
+ .ov-auth__description, .ov-auth__account span, .ov-auth__details dt {
23339
+ color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default));
23340
+ }
23341
+
23342
+ .ov-auth__error {
23343
+ color: var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
23344
+ font-size: 13px;
23345
+ }
23346
+
23347
+ .ov-auth__consent {
23348
+ align-items: baseline;
23349
+ gap: 8px;
23350
+ margin: 12px 0;
23351
+ display: flex;
23352
+ }
23353
+
23354
+ .ov-auth__consent input {
23355
+ accent-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
23356
+ }
23357
+
23358
+ .ov-auth__account {
23359
+ background: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
23360
+ overflow-wrap: anywhere;
23361
+ border-radius: 8px;
23362
+ flex-direction: column;
23363
+ margin-top: 24px;
23364
+ padding: 12px 16px;
23365
+ display: flex;
23366
+ }
23367
+
23368
+ .ov-auth__details {
23369
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
23370
+ border-radius: 12px;
23371
+ margin: 24px 0 0;
23372
+ padding: 0 16px;
23373
+ }
23374
+
23375
+ .ov-auth__details > div {
23376
+ justify-content: space-between;
23377
+ gap: 16px;
23378
+ padding: 12px 0;
23379
+ display: flex;
23380
+ }
23381
+
23382
+ .ov-auth__details > div + div {
23383
+ border-top: 1px solid
23384
+ var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
23385
+ }
23386
+
23387
+ .ov-auth__details dd {
23388
+ text-align: right;
23389
+ overflow-wrap: anywhere;
23390
+ min-width: 0;
23391
+ margin: 0;
23392
+ }
23393
+
23394
+ .ov-auth__methods {
23395
+ gap: 12px;
23396
+ margin-top: 24px;
23397
+ display: grid;
23398
+ }
23399
+
23400
+ .ov-auth.ov-auth__dialog {
23401
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
23402
+ border-radius: 12px;
23403
+ max-width: min(420px, 100vw - 32px);
23404
+ margin: auto;
23405
+ padding: 24px;
23406
+ }
23407
+
23408
+ .ov-auth__dialog h2 {
23409
+ font-size: 18px;
23410
+ }
23411
+
23412
+ .ov-auth__dialog::backdrop {
23413
+ background: var(--ov-ui-color-mask, var(--ov-ui-auth-backdrop-default));
23414
+ }
23415
+
23416
+ .ov-auth__actions {
23417
+ flex-wrap: wrap;
23418
+ justify-content: flex-end;
23419
+ gap: 12px;
23420
+ margin-top: 24px;
23421
+ display: flex;
23422
+ }
23423
+
23424
+ .ov-auth input[type="checkbox"] {
23425
+ appearance: auto;
23426
+ flex: 0 0 16px;
23427
+ width: 16px;
23428
+ height: 16px;
23429
+ margin: 0;
23430
+ }
23431
+
23432
+ .ov-auth > .ov-auth__link {
23433
+ width: fit-content;
23434
+ display: block;
23435
+ }
23436
+
23437
+
23438
+
23439
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
23440
+ --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
23441
+ --ov-ui-tour-highlight-default: #5252ff14;
23442
+ --ov-ui-auth-on-primary-default: #fff;
23443
+ --ov-ui-auth-backdrop-default: #0006;
23444
+ --ov-ui-primary-default: #5252ff;
23445
+ --ov-ui-primary-hover-default: #7075ff;
23446
+ --ov-ui-primary-active-default: #3833d2;
23447
+ --ov-ui-primary-disabled-default: #acb4ff;
23448
+ --ov-ui-text-on-primary-default: #fff;
23449
+ --ov-ui-primary-light-default: #f5f7ff;
23450
+ --ov-ui-connect-glow-warm-default: #ff952b0a;
23451
+ --ov-ui-connect-glow-pink-default: #fb4fbc0f;
23452
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc0a;
23453
+ --ov-ui-on-primary-default: #fff;
23454
+ --ov-ui-text-1-default: #0b0b0f;
23455
+ --ov-ui-text-2-default: #3f3f51;
23456
+ --ov-ui-text-3-default: #6e718c;
23457
+ --ov-ui-text-description-default: #0006;
23458
+ --ov-ui-text-disabled-default: #a5a7bb;
23459
+ --ov-ui-border-1-default: #f0f2fa;
23460
+ --ov-ui-border-2-default: #e1e4f2;
23461
+ --ov-ui-border-3-default: #d7daea;
23462
+ --ov-ui-bg-1-default: #fff;
23463
+ --ov-ui-bg-3-default: #f7f8fd;
23464
+ --ov-ui-bg-4-default: #f6f7fa;
23465
+ --ov-ui-bg-5-default: #f1f2f9;
23466
+ --ov-ui-code-bg-default: #fbfbfc;
23467
+ --ov-ui-status-success-default: #1f9d55;
23468
+ --ov-ui-shadow-default: #0f172a;
23469
+ --ov-ui-shadow-control-default: #0000000d;
23470
+ --ov-ui-focus-default: #5252ff;
23471
+ --ov-ui-fill-hover-default: #f1f2f9;
23472
+ --ov-ui-status-error-default: #c43838;
23473
+ --ov-ui-warning-default: #b26a00;
23474
+ --ov-ui-warning-light-default: #fff0b3;
23475
+ --ov-ui-overlay-default: #0006;
23476
+ --ov-ui-tooltip-bg-default: #1f2329;
23477
+ --ov-ui-tooltip-text-default: #fff;
23478
+ --ov-ui-library-swatch-1-default: linear-gradient(145deg,
23479
+ #ffd8ec 8%,
23480
+ #ffabc8 46%,
23481
+ #d8cbff 100%);
23482
+ --ov-ui-library-swatch-2-default: linear-gradient(145deg,
23483
+ #d9e8ff 8%,
23484
+ #b8a6ff 52%,
23485
+ #f3d6ff 100%);
23486
+ --ov-ui-library-swatch-3-default: linear-gradient(145deg,
23487
+ #ffe6bc 8%,
23488
+ #ffaf96 48%,
23489
+ #ff8bc5 100%);
23490
+ --ov-ui-library-swatch-4-default: linear-gradient(145deg,
23491
+ #eaf7ba 8%,
23492
+ #b5efb8 52%,
23493
+ #73d9c6 100%);
23494
+ --ov-ui-library-swatch-5-default: linear-gradient(145deg,
23495
+ #fff1ba 8%,
23496
+ #ffc776 52%,
23497
+ #bd9cff 100%);
23498
+ }
23499
+
23500
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
23501
+ --ov-ui-primary-default: #5f5fff;
23502
+ --ov-ui-primary-hover-default: #7075ff;
23503
+ --ov-ui-primary-active-default: #4242ba;
23504
+ --ov-ui-primary-light-default: #1a1632;
23505
+ --ov-ui-connect-glow-warm-default: #ff952b05;
23506
+ --ov-ui-connect-glow-pink-default: #fb4fbc08;
23507
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc05;
23508
+ --ov-ui-text-1-default: #c7ccd6;
23509
+ --ov-ui-text-2-default: #9da3af;
23510
+ --ov-ui-text-3-default: #737a87;
23511
+ --ov-ui-text-description-default: #fff6;
23512
+ --ov-ui-text-disabled-default: #42464e;
23513
+ --ov-ui-border-1-default: #23252a;
23514
+ --ov-ui-border-2-default: #2e3138;
23515
+ --ov-ui-border-3-default: #3a3d45;
23516
+ --ov-ui-bg-1-default: #131416;
23517
+ --ov-ui-bg-3-default: #1b1d21;
23518
+ --ov-ui-bg-4-default: #202227;
23519
+ --ov-ui-bg-5-default: #23252a;
23520
+ --ov-ui-focus-default: #5f5fff;
23521
+ --ov-ui-fill-hover-default: #23252a;
23522
+ --ov-ui-status-error-default: #ff9595;
23523
+ --ov-ui-warning-default: #e0a04a;
23524
+ --ov-ui-warning-light-default: #3a2f14;
23525
+ --ov-ui-tooltip-bg-default: #2a2d33;
23526
+ --ov-ui-overlay-default: #000000a3;
23527
+ --ov-ui-tooltip-text-default: #f0f1f3;
23528
+ }
23529
+
23530
+ .ov-button, .ov-input, .ov-textarea {
23531
+ --ov-ui-bg-white-default: var(--ov-ui-bg-1-default);
23532
+ --ov-ui-bg-2-default: #fafbfd;
23533
+ --ov-ui-bg-7-default: var(--ov-ui-border-1-default);
23534
+ --ov-ui-bg-11-default: #e1e3ef;
23535
+ --ov-ui-border-4-default: #acb0c5;
23536
+ --ov-ui-neutral-4-default: #c9cdd4;
23537
+ --ov-ui-primary-muted-default: #8e96ff;
23538
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-active-default);
23539
+ --ov-ui-link-default: var(--ov-ui-primary-default);
23540
+ --ov-ui-link-active-default: var(--ov-ui-primary-active-default);
23541
+ --ov-ui-text-5-default: #c9c9d4;
23542
+ --ov-ui-on-primary-disabled-default: var(--ov-ui-text-on-primary-default);
23543
+ --ov-ui-input-focus-ring-default: color-mix(in srgb,
23544
+ var(--ov-ui-color-primary, var(--ov-ui-primary-default)) 30%,
23545
+ transparent);
23546
+ --ov-ui-error-default: #e31b54;
23547
+ --ov-ui-error-bg-default: #ffecec;
23548
+ --ov-ui-error-border-default: #ffa3a0;
23549
+ }
23550
+
23551
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea {
23552
+ --ov-ui-bg-white-default: #fff0;
23553
+ --ov-ui-bg-2-default: #fcfdfe03;
23554
+ --ov-ui-bg-4-default: #f6f8fa0f;
23555
+ --ov-ui-bg-5-default: #f1f3f514;
23556
+ --ov-ui-bg-7-default: #1a1b1e;
23557
+ --ov-ui-bg-11-default: #1e2023;
23558
+ --ov-ui-border-2-default: #dde2e926;
23559
+ --ov-ui-border-3-default: #dde2e94d;
23560
+ --ov-ui-border-4-default: #6d6d6d;
23561
+ --ov-ui-neutral-4-default: #5f5f60;
23562
+ --ov-ui-primary-disabled-default: #3f3a89;
23563
+ --ov-ui-primary-muted-default: #4c48b4;
23564
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-hover-default);
23565
+ --ov-ui-link-default: #787dff;
23566
+ --ov-ui-link-active-default: #949cff;
23567
+ --ov-ui-text-disabled-default: #42464e;
23568
+ --ov-ui-text-5-default: #e1e3ef;
23569
+ --ov-ui-on-primary-disabled-default: #ffffff4d;
23570
+ --ov-ui-input-focus-ring-default: #4583ff4d;
23571
+ --ov-ui-error-default: #ff706d;
23572
+ --ov-ui-error-bg-default: #9f211c33;
23573
+ --ov-ui-error-border-default: #ff706d4d;
23574
+ }
23575
+
23576
+ .dark .ov-viking-bot {
23577
+ --ov-ui-code-bg-default: var(--ov-ui-bg-3-default);
23578
+ }
23579
+
23580
+ .ov-agent-connect {
23581
+ --ov-ui-connect-card-default: #fbfbfc;
23582
+ --ov-ui-connect-tabs-default: #f7f7f9;
23583
+ --ov-ui-connect-selected-default: #f3f4f7;
23584
+ --ov-ui-connect-border-default: #edeef2;
23585
+ --ov-ui-connect-outline-default: #e1e3ea;
23586
+ --ov-ui-connect-muted-default: #787c91;
23587
+ --ov-ui-connect-notice-default: #2e2984;
23588
+ }
23589
+
23590
+ .dark .ov-agent-connect {
23591
+ --ov-ui-connect-card-default: var(--ov-ui-bg-3-default);
23592
+ --ov-ui-connect-tabs-default: var(--ov-ui-bg-3-default);
23593
+ --ov-ui-connect-selected-default: var(--ov-ui-bg-4-default);
23594
+ --ov-ui-connect-border-default: var(--ov-ui-border-1-default);
23595
+ --ov-ui-connect-outline-default: var(--ov-ui-border-2-default);
23596
+ --ov-ui-connect-muted-default: var(--ov-ui-text-3-default);
23597
+ --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
23598
+ }
23599
+
23600
+ .ov-wiki-dashboard, .ov-experience-dashboard, .ov-file-browser {
23601
+ --ov-ui-dashboard-surface-default: #f8f8f8;
23602
+ --ov-ui-dashboard-card-default: #fafafa;
23603
+ --ov-ui-dashboard-muted-default: #787c91;
23604
+ --ov-ui-dashboard-border-default: #edeef2;
23605
+ --ov-ui-dashboard-warning-default: #eb7d00;
23606
+ --ov-ui-dashboard-warning-light-default: #fff0e5;
23607
+ --ov-ui-dashboard-danger-default: #d92d54;
23608
+ --ov-ui-dashboard-danger-light-default: #ffecee;
23609
+ --ov-ui-dashboard-success-default: #4f9c70;
23610
+ }
23611
+
23612
+ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-file-browser {
23613
+ --ov-ui-dashboard-surface-default: var(--ov-ui-bg-3-default);
23614
+ --ov-ui-dashboard-card-default: var(--ov-ui-bg-3-default);
23615
+ --ov-ui-dashboard-muted-default: var(--ov-ui-text-3-default);
23616
+ --ov-ui-dashboard-border-default: var(--ov-ui-border-1-default);
23617
+ --ov-ui-dashboard-warning-default: var(--ov-ui-warning-default);
23618
+ --ov-ui-dashboard-warning-light-default: var(--ov-ui-warning-light-default);
23619
+ --ov-ui-dashboard-danger-default: var(--ov-ui-status-error-default);
23620
+ --ov-ui-dashboard-danger-light-default: var(--ov-ui-bg-5-default);
23621
+ --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
23622
+ }
23623
+
23624
+ .ov-auth {
23625
+ box-sizing: border-box;
23626
+ width: 100%;
23627
+ max-width: 440px;
23628
+ color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
23629
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
23630
+ font: inherit;
23631
+ font-size: 14px;
23632
+ line-height: 1.6;
23633
+ }
23634
+
23635
+ .ov-auth *, .ov-auth :before, .ov-auth :after {
23636
+ box-sizing: border-box;
23637
+ }
23638
+
23639
+ .ov-auth h2 {
23640
+ margin: 0 0 12px;
23641
+ font-size: 24px;
23642
+ font-weight: 600;
23643
+ }
23644
+
23645
+ .ov-auth p {
23646
+ margin: 8px 0;
23647
+ }
23648
+
23649
+ .ov-auth fieldset {
23650
+ border: 0;
23651
+ min-width: 0;
23652
+ margin: 0;
23653
+ padding: 0;
23654
+ }
23655
+
23656
+ .ov-auth button, .ov-auth input {
23657
+ font: inherit;
23658
+ }
23659
+
23660
+ .ov-auth button, .ov-auth a, .ov-auth input[type="checkbox"] {
23661
+ cursor: pointer;
23662
+ }
23663
+
23664
+ .ov-auth button:disabled, .ov-auth input:disabled {
23665
+ cursor: not-allowed;
23666
+ opacity: .6;
23667
+ }
23668
+
23669
+ .ov-auth button {
23670
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
23671
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
23672
+ color: inherit;
23673
+ border-radius: 8px;
23674
+ padding: 8px 16px;
23675
+ }
23676
+
23677
+ .ov-auth button:hover:not(:disabled) {
23678
+ background: var(--ov-ui-color-fill-hover, var(--ov-ui-fill-hover-default));
23679
+ }
23680
+
23681
+ .ov-auth a, .ov-auth .ov-auth__link {
23682
+ color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
23683
+ }
23684
+
23685
+ .ov-auth a {
23686
+ text-decoration: none;
23687
+ }
23688
+
23689
+ .ov-auth a:hover {
23690
+ text-decoration: underline;
23691
+ }
23692
+
23693
+ .ov-auth .ov-auth__link {
23694
+ background: none;
23695
+ border: 0;
23696
+ padding: 4px 0;
23697
+ display: inline-block;
23698
+ }
23699
+
23700
+ .ov-auth button:focus-visible, .ov-auth input:focus-visible, .ov-auth a:focus-visible {
23701
+ outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
23702
+ outline-offset: 2px;
23703
+ }
23704
+
23705
+ .ov-auth .ov-auth__primary {
23706
+ background: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
23707
+ color: var(--ov-ui-color-on-primary, var(--ov-ui-auth-on-primary-default));
23708
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
23709
+ }
23710
+
23711
+ .ov-auth .ov-auth__primary:hover:not(:disabled) {
23712
+ background: var(--ov-ui-color-primary-hover, var(--ov-ui-primary-hover-default));
23713
+ }
23714
+
23715
+ .ov-auth__submit {
23716
+ min-width: 120px;
23717
+ margin: 24px 0 12px;
23718
+ }
23719
+
23720
+ .ov-auth__field {
23721
+ margin: 24px 0 0;
23722
+ }
23723
+
23724
+ .ov-auth__label {
23725
+ justify-content: space-between;
23726
+ align-items: center;
23727
+ gap: 12px;
23728
+ margin-bottom: 8px;
23729
+ display: flex;
23730
+ }
23731
+
23732
+ .ov-auth__input-wrap {
23733
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
23734
+ border-radius: 8px;
23735
+ align-items: center;
23736
+ min-height: 44px;
23737
+ display: flex;
23738
+ }
23739
+
23740
+ .ov-auth__input-wrap:focus-within {
23741
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
23742
+ }
23743
+
23744
+ .ov-auth__input-wrap input {
23745
+ color: inherit;
23746
+ border-radius: inherit;
23747
+ background: none;
23748
+ border: 0;
23749
+ width: 100%;
23750
+ min-width: 0;
23751
+ padding: 10px 12px;
23752
+ }
23753
+
23754
+ .ov-auth__input-wrap input[aria-invalid="true"] {
23755
+ outline: 1px solid
23756
+ var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
23757
+ }
23758
+
23759
+ .ov-auth .ov-auth__visibility {
23760
+ border: 0;
23761
+ align-items: center;
23762
+ margin-right: 6px;
23763
+ padding: 6px;
23764
+ display: flex;
23765
+ }
23766
+
23767
+ .ov-auth__visibility svg {
23768
+ stroke: currentColor;
23769
+ stroke-width: 1.3px;
23770
+ stroke-linecap: round;
23771
+ stroke-linejoin: round;
23772
+ width: 16px;
23773
+ height: 16px;
23774
+ }
23775
+
23776
+ .ov-auth__description, .ov-auth__account span, .ov-auth__details dt {
23777
+ color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default));
23778
+ }
23779
+
23780
+ .ov-auth__error {
23781
+ color: var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
23782
+ font-size: 13px;
23783
+ }
23784
+
23785
+ .ov-auth__consent {
23786
+ align-items: baseline;
23787
+ gap: 8px;
23788
+ margin: 12px 0;
23789
+ display: flex;
23790
+ }
23791
+
23792
+ .ov-auth__consent input {
23793
+ accent-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
23794
+ }
23795
+
23796
+ .ov-auth__account {
23797
+ background: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
23798
+ overflow-wrap: anywhere;
23799
+ border-radius: 8px;
23800
+ flex-direction: column;
23801
+ margin-top: 24px;
23802
+ padding: 12px 16px;
23803
+ display: flex;
23804
+ }
23805
+
23806
+ .ov-auth__details {
23807
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
23808
+ border-radius: 12px;
23809
+ margin: 24px 0 0;
23810
+ padding: 0 16px;
23811
+ }
23812
+
23813
+ .ov-auth__details > div {
23814
+ justify-content: space-between;
23815
+ gap: 16px;
23816
+ padding: 12px 0;
23817
+ display: flex;
23818
+ }
23819
+
23820
+ .ov-auth__details > div + div {
23821
+ border-top: 1px solid
23822
+ var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
23823
+ }
23824
+
23825
+ .ov-auth__details dd {
23826
+ text-align: right;
23827
+ overflow-wrap: anywhere;
23828
+ min-width: 0;
23829
+ margin: 0;
23830
+ }
23831
+
23832
+ .ov-auth__methods {
23833
+ gap: 12px;
23834
+ margin-top: 24px;
23835
+ display: grid;
23836
+ }
23837
+
23838
+ .ov-auth.ov-auth__dialog {
23839
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
23840
+ border-radius: 12px;
23841
+ max-width: min(420px, 100vw - 32px);
23842
+ margin: auto;
23843
+ padding: 24px;
23844
+ }
23845
+
23846
+ .ov-auth__dialog h2 {
23847
+ font-size: 18px;
23848
+ }
23849
+
23850
+ .ov-auth__dialog::backdrop {
23851
+ background: var(--ov-ui-color-mask, var(--ov-ui-auth-backdrop-default));
23852
+ }
23853
+
23854
+ .ov-auth__actions {
23855
+ flex-wrap: wrap;
23856
+ justify-content: flex-end;
23857
+ gap: 12px;
23858
+ margin-top: 24px;
23859
+ display: flex;
23860
+ }
23861
+
23862
+ .ov-auth input[type="checkbox"] {
23863
+ appearance: auto;
23864
+ flex: 0 0 16px;
23865
+ width: 16px;
23866
+ height: 16px;
23867
+ margin: 0;
23868
+ }
23869
+
23870
+ .ov-auth > .ov-auth__link {
23871
+ width: fit-content;
23872
+ display: block;
23873
+ }
23874
+
23875
+
23876
+
23877
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
23878
+ --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
23879
+ --ov-ui-tour-highlight-default: #5252ff14;
23880
+ --ov-ui-auth-on-primary-default: #fff;
23881
+ --ov-ui-auth-backdrop-default: #0006;
23882
+ --ov-ui-primary-default: #5252ff;
23883
+ --ov-ui-primary-hover-default: #7075ff;
23884
+ --ov-ui-primary-active-default: #3833d2;
23885
+ --ov-ui-primary-disabled-default: #acb4ff;
23886
+ --ov-ui-text-on-primary-default: #fff;
23887
+ --ov-ui-primary-light-default: #f5f7ff;
23888
+ --ov-ui-connect-glow-warm-default: #ff952b0a;
23889
+ --ov-ui-connect-glow-pink-default: #fb4fbc0f;
23890
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc0a;
23891
+ --ov-ui-on-primary-default: #fff;
23892
+ --ov-ui-text-1-default: #0b0b0f;
23893
+ --ov-ui-text-2-default: #3f3f51;
23894
+ --ov-ui-text-3-default: #6e718c;
23895
+ --ov-ui-text-description-default: #0006;
23896
+ --ov-ui-text-disabled-default: #a5a7bb;
23897
+ --ov-ui-border-1-default: #f0f2fa;
23898
+ --ov-ui-border-2-default: #e1e4f2;
23899
+ --ov-ui-border-3-default: #d7daea;
23900
+ --ov-ui-bg-1-default: #fff;
23901
+ --ov-ui-bg-3-default: #f7f8fd;
23902
+ --ov-ui-bg-4-default: #f6f7fa;
23903
+ --ov-ui-bg-5-default: #f1f2f9;
23904
+ --ov-ui-code-bg-default: #fbfbfc;
23905
+ --ov-ui-status-success-default: #1f9d55;
23906
+ --ov-ui-shadow-default: #0f172a;
23907
+ --ov-ui-shadow-control-default: #0000000d;
23908
+ --ov-ui-focus-default: #5252ff;
23909
+ --ov-ui-fill-hover-default: #f1f2f9;
23910
+ --ov-ui-status-error-default: #c43838;
23911
+ --ov-ui-warning-default: #b26a00;
23912
+ --ov-ui-warning-light-default: #fff0b3;
23913
+ --ov-ui-overlay-default: #0006;
23914
+ --ov-ui-tooltip-bg-default: #1f2329;
23915
+ --ov-ui-tooltip-text-default: #fff;
23916
+ --ov-ui-library-swatch-1-default: linear-gradient(145deg,
23917
+ #ffd8ec 8%,
23918
+ #ffabc8 46%,
23919
+ #d8cbff 100%);
23920
+ --ov-ui-library-swatch-2-default: linear-gradient(145deg,
23921
+ #d9e8ff 8%,
23922
+ #b8a6ff 52%,
23923
+ #f3d6ff 100%);
23924
+ --ov-ui-library-swatch-3-default: linear-gradient(145deg,
23925
+ #ffe6bc 8%,
23926
+ #ffaf96 48%,
23927
+ #ff8bc5 100%);
23928
+ --ov-ui-library-swatch-4-default: linear-gradient(145deg,
23929
+ #eaf7ba 8%,
23930
+ #b5efb8 52%,
23931
+ #73d9c6 100%);
23932
+ --ov-ui-library-swatch-5-default: linear-gradient(145deg,
23933
+ #fff1ba 8%,
23934
+ #ffc776 52%,
23935
+ #bd9cff 100%);
23936
+ }
23937
+
23938
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
23939
+ --ov-ui-primary-default: #5f5fff;
23940
+ --ov-ui-primary-hover-default: #7075ff;
23941
+ --ov-ui-primary-active-default: #4242ba;
23942
+ --ov-ui-primary-light-default: #1a1632;
23943
+ --ov-ui-connect-glow-warm-default: #ff952b05;
23944
+ --ov-ui-connect-glow-pink-default: #fb4fbc08;
23945
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc05;
23946
+ --ov-ui-text-1-default: #c7ccd6;
23947
+ --ov-ui-text-2-default: #9da3af;
23948
+ --ov-ui-text-3-default: #737a87;
23949
+ --ov-ui-text-description-default: #fff6;
23950
+ --ov-ui-text-disabled-default: #42464e;
23951
+ --ov-ui-border-1-default: #23252a;
23952
+ --ov-ui-border-2-default: #2e3138;
23953
+ --ov-ui-border-3-default: #3a3d45;
23954
+ --ov-ui-bg-1-default: #131416;
23955
+ --ov-ui-bg-3-default: #1b1d21;
23956
+ --ov-ui-bg-4-default: #202227;
23957
+ --ov-ui-bg-5-default: #23252a;
23958
+ --ov-ui-focus-default: #5f5fff;
23959
+ --ov-ui-fill-hover-default: #23252a;
23960
+ --ov-ui-status-error-default: #ff9595;
23961
+ --ov-ui-warning-default: #e0a04a;
23962
+ --ov-ui-warning-light-default: #3a2f14;
23963
+ --ov-ui-tooltip-bg-default: #2a2d33;
23964
+ --ov-ui-overlay-default: #000000a3;
23965
+ --ov-ui-tooltip-text-default: #f0f1f3;
23966
+ }
23967
+
23968
+ .ov-button, .ov-input, .ov-textarea {
23969
+ --ov-ui-bg-white-default: var(--ov-ui-bg-1-default);
23970
+ --ov-ui-bg-2-default: #fafbfd;
23971
+ --ov-ui-bg-7-default: var(--ov-ui-border-1-default);
23972
+ --ov-ui-bg-11-default: #e1e3ef;
23973
+ --ov-ui-border-4-default: #acb0c5;
23974
+ --ov-ui-neutral-4-default: #c9cdd4;
23975
+ --ov-ui-primary-muted-default: #8e96ff;
23976
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-active-default);
23977
+ --ov-ui-link-default: var(--ov-ui-primary-default);
23978
+ --ov-ui-link-active-default: var(--ov-ui-primary-active-default);
23979
+ --ov-ui-text-5-default: #c9c9d4;
23980
+ --ov-ui-on-primary-disabled-default: var(--ov-ui-text-on-primary-default);
23981
+ --ov-ui-input-focus-ring-default: color-mix(in srgb,
23982
+ var(--ov-ui-color-primary, var(--ov-ui-primary-default)) 30%,
23983
+ transparent);
23984
+ --ov-ui-error-default: #e31b54;
23985
+ --ov-ui-error-bg-default: #ffecec;
23986
+ --ov-ui-error-border-default: #ffa3a0;
23987
+ }
23988
+
23989
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea {
23990
+ --ov-ui-bg-white-default: #fff0;
23991
+ --ov-ui-bg-2-default: #fcfdfe03;
23992
+ --ov-ui-bg-4-default: #f6f8fa0f;
23993
+ --ov-ui-bg-5-default: #f1f3f514;
23994
+ --ov-ui-bg-7-default: #1a1b1e;
23995
+ --ov-ui-bg-11-default: #1e2023;
23996
+ --ov-ui-border-2-default: #dde2e926;
23997
+ --ov-ui-border-3-default: #dde2e94d;
23998
+ --ov-ui-border-4-default: #6d6d6d;
23999
+ --ov-ui-neutral-4-default: #5f5f60;
24000
+ --ov-ui-primary-disabled-default: #3f3a89;
24001
+ --ov-ui-primary-muted-default: #4c48b4;
24002
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-hover-default);
24003
+ --ov-ui-link-default: #787dff;
24004
+ --ov-ui-link-active-default: #949cff;
24005
+ --ov-ui-text-disabled-default: #42464e;
24006
+ --ov-ui-text-5-default: #e1e3ef;
24007
+ --ov-ui-on-primary-disabled-default: #ffffff4d;
24008
+ --ov-ui-input-focus-ring-default: #4583ff4d;
24009
+ --ov-ui-error-default: #ff706d;
24010
+ --ov-ui-error-bg-default: #9f211c33;
24011
+ --ov-ui-error-border-default: #ff706d4d;
24012
+ }
24013
+
24014
+ .dark .ov-viking-bot {
24015
+ --ov-ui-code-bg-default: var(--ov-ui-bg-3-default);
24016
+ }
24017
+
24018
+ .ov-agent-connect {
24019
+ --ov-ui-connect-card-default: #fbfbfc;
24020
+ --ov-ui-connect-tabs-default: #f7f7f9;
24021
+ --ov-ui-connect-selected-default: #f3f4f7;
24022
+ --ov-ui-connect-border-default: #edeef2;
24023
+ --ov-ui-connect-outline-default: #e1e3ea;
24024
+ --ov-ui-connect-muted-default: #787c91;
24025
+ --ov-ui-connect-notice-default: #2e2984;
24026
+ }
24027
+
24028
+ .dark .ov-agent-connect {
24029
+ --ov-ui-connect-card-default: var(--ov-ui-bg-3-default);
24030
+ --ov-ui-connect-tabs-default: var(--ov-ui-bg-3-default);
24031
+ --ov-ui-connect-selected-default: var(--ov-ui-bg-4-default);
24032
+ --ov-ui-connect-border-default: var(--ov-ui-border-1-default);
24033
+ --ov-ui-connect-outline-default: var(--ov-ui-border-2-default);
24034
+ --ov-ui-connect-muted-default: var(--ov-ui-text-3-default);
24035
+ --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
24036
+ }
24037
+
24038
+ .ov-wiki-dashboard, .ov-experience-dashboard, .ov-file-browser {
24039
+ --ov-ui-dashboard-surface-default: #f8f8f8;
24040
+ --ov-ui-dashboard-card-default: #fafafa;
24041
+ --ov-ui-dashboard-muted-default: #787c91;
24042
+ --ov-ui-dashboard-border-default: #edeef2;
24043
+ --ov-ui-dashboard-warning-default: #eb7d00;
24044
+ --ov-ui-dashboard-warning-light-default: #fff0e5;
24045
+ --ov-ui-dashboard-danger-default: #d92d54;
24046
+ --ov-ui-dashboard-danger-light-default: #ffecee;
24047
+ --ov-ui-dashboard-success-default: #4f9c70;
24048
+ }
24049
+
24050
+ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-file-browser {
24051
+ --ov-ui-dashboard-surface-default: var(--ov-ui-bg-3-default);
24052
+ --ov-ui-dashboard-card-default: var(--ov-ui-bg-3-default);
24053
+ --ov-ui-dashboard-muted-default: var(--ov-ui-text-3-default);
24054
+ --ov-ui-dashboard-border-default: var(--ov-ui-border-1-default);
24055
+ --ov-ui-dashboard-warning-default: var(--ov-ui-warning-default);
24056
+ --ov-ui-dashboard-warning-light-default: var(--ov-ui-warning-light-default);
24057
+ --ov-ui-dashboard-danger-default: var(--ov-ui-status-error-default);
24058
+ --ov-ui-dashboard-danger-light-default: var(--ov-ui-bg-5-default);
24059
+ --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
24060
+ }
24061
+
24062
+ .ov-auth {
24063
+ box-sizing: border-box;
24064
+ width: 100%;
24065
+ max-width: 440px;
24066
+ color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
24067
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
24068
+ font: inherit;
24069
+ font-size: 14px;
24070
+ line-height: 1.6;
24071
+ }
24072
+
24073
+ .ov-auth *, .ov-auth :before, .ov-auth :after {
24074
+ box-sizing: border-box;
24075
+ }
24076
+
24077
+ .ov-auth h2 {
24078
+ margin: 0 0 12px;
24079
+ font-size: 24px;
24080
+ font-weight: 600;
24081
+ }
24082
+
24083
+ .ov-auth p {
24084
+ margin: 8px 0;
24085
+ }
24086
+
24087
+ .ov-auth fieldset {
24088
+ border: 0;
24089
+ min-width: 0;
24090
+ margin: 0;
24091
+ padding: 0;
24092
+ }
24093
+
24094
+ .ov-auth button, .ov-auth input {
24095
+ font: inherit;
24096
+ }
24097
+
24098
+ .ov-auth button, .ov-auth a, .ov-auth input[type="checkbox"] {
24099
+ cursor: pointer;
24100
+ }
24101
+
24102
+ .ov-auth button:disabled, .ov-auth input:disabled {
24103
+ cursor: not-allowed;
24104
+ opacity: .6;
24105
+ }
24106
+
24107
+ .ov-auth button {
24108
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24109
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
24110
+ color: inherit;
24111
+ border-radius: 8px;
24112
+ padding: 8px 16px;
24113
+ }
24114
+
24115
+ .ov-auth button:hover:not(:disabled) {
24116
+ background: var(--ov-ui-color-fill-hover, var(--ov-ui-fill-hover-default));
24117
+ }
24118
+
24119
+ .ov-auth a, .ov-auth .ov-auth__link {
24120
+ color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24121
+ }
24122
+
24123
+ .ov-auth a {
24124
+ text-decoration: none;
24125
+ }
24126
+
24127
+ .ov-auth a:hover {
24128
+ text-decoration: underline;
24129
+ }
24130
+
24131
+ .ov-auth .ov-auth__link {
24132
+ background: none;
24133
+ border: 0;
24134
+ padding: 4px 0;
24135
+ display: inline-block;
24136
+ }
24137
+
24138
+ .ov-auth button:focus-visible, .ov-auth input:focus-visible, .ov-auth a:focus-visible {
24139
+ outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
24140
+ outline-offset: 2px;
24141
+ }
24142
+
24143
+ .ov-auth .ov-auth__primary {
24144
+ background: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24145
+ color: var(--ov-ui-color-on-primary, var(--ov-ui-auth-on-primary-default));
24146
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24147
+ }
24148
+
24149
+ .ov-auth .ov-auth__primary:hover:not(:disabled) {
24150
+ background: var(--ov-ui-color-primary-hover, var(--ov-ui-primary-hover-default));
24151
+ }
24152
+
24153
+ .ov-auth__submit {
24154
+ min-width: 120px;
24155
+ margin: 24px 0 12px;
24156
+ }
24157
+
24158
+ .ov-auth__field {
24159
+ margin: 24px 0 0;
24160
+ }
24161
+
24162
+ .ov-auth__label {
24163
+ justify-content: space-between;
24164
+ align-items: center;
24165
+ gap: 12px;
24166
+ margin-bottom: 8px;
24167
+ display: flex;
24168
+ }
24169
+
24170
+ .ov-auth__input-wrap {
24171
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24172
+ border-radius: 8px;
24173
+ align-items: center;
24174
+ min-height: 44px;
24175
+ display: flex;
24176
+ }
24177
+
24178
+ .ov-auth__input-wrap:focus-within {
24179
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24180
+ }
24181
+
24182
+ .ov-auth__input-wrap input {
24183
+ color: inherit;
24184
+ border-radius: inherit;
24185
+ background: none;
24186
+ border: 0;
24187
+ width: 100%;
24188
+ min-width: 0;
24189
+ padding: 10px 12px;
24190
+ }
24191
+
24192
+ .ov-auth__input-wrap input[aria-invalid="true"] {
24193
+ outline: 1px solid
24194
+ var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
24195
+ }
24196
+
24197
+ .ov-auth .ov-auth__visibility {
24198
+ border: 0;
24199
+ align-items: center;
24200
+ margin-right: 6px;
24201
+ padding: 6px;
24202
+ display: flex;
24203
+ }
24204
+
24205
+ .ov-auth__visibility svg {
24206
+ stroke: currentColor;
24207
+ stroke-width: 1.3px;
24208
+ stroke-linecap: round;
24209
+ stroke-linejoin: round;
24210
+ width: 16px;
24211
+ height: 16px;
24212
+ }
24213
+
24214
+ .ov-auth__description, .ov-auth__account span, .ov-auth__details dt {
24215
+ color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default));
24216
+ }
24217
+
24218
+ .ov-auth__error {
24219
+ color: var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
24220
+ font-size: 13px;
24221
+ }
24222
+
24223
+ .ov-auth__consent {
24224
+ align-items: baseline;
24225
+ gap: 8px;
24226
+ margin: 12px 0;
24227
+ display: flex;
24228
+ }
24229
+
24230
+ .ov-auth__consent input {
24231
+ accent-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24232
+ }
24233
+
24234
+ .ov-auth__account {
24235
+ background: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
24236
+ overflow-wrap: anywhere;
24237
+ border-radius: 8px;
24238
+ flex-direction: column;
24239
+ margin-top: 24px;
24240
+ padding: 12px 16px;
24241
+ display: flex;
24242
+ }
24243
+
24244
+ .ov-auth__details {
24245
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24246
+ border-radius: 12px;
24247
+ margin: 24px 0 0;
24248
+ padding: 0 16px;
24249
+ }
24250
+
24251
+ .ov-auth__details > div {
24252
+ justify-content: space-between;
24253
+ gap: 16px;
24254
+ padding: 12px 0;
24255
+ display: flex;
24256
+ }
24257
+
24258
+ .ov-auth__details > div + div {
24259
+ border-top: 1px solid
24260
+ var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24261
+ }
24262
+
24263
+ .ov-auth__details dd {
24264
+ text-align: right;
24265
+ overflow-wrap: anywhere;
24266
+ min-width: 0;
24267
+ margin: 0;
24268
+ }
24269
+
24270
+ .ov-auth__methods {
24271
+ gap: 12px;
24272
+ margin-top: 24px;
24273
+ display: grid;
24274
+ }
24275
+
24276
+ .ov-auth.ov-auth__dialog {
24277
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24278
+ border-radius: 12px;
24279
+ max-width: min(420px, 100vw - 32px);
24280
+ margin: auto;
24281
+ padding: 24px;
24282
+ }
24283
+
24284
+ .ov-auth__dialog h2 {
24285
+ font-size: 18px;
24286
+ }
24287
+
24288
+ .ov-auth__dialog::backdrop {
24289
+ background: var(--ov-ui-color-mask, var(--ov-ui-auth-backdrop-default));
24290
+ }
24291
+
24292
+ .ov-auth__actions {
24293
+ flex-wrap: wrap;
24294
+ justify-content: flex-end;
24295
+ gap: 12px;
24296
+ margin-top: 24px;
24297
+ display: flex;
24298
+ }
24299
+
24300
+ .ov-auth input[type="checkbox"] {
24301
+ appearance: auto;
24302
+ flex: 0 0 16px;
24303
+ width: 16px;
24304
+ height: 16px;
24305
+ margin: 0;
24306
+ }
24307
+
24308
+ .ov-auth > .ov-auth__link {
24309
+ width: fit-content;
24310
+ display: block;
24311
+ }
24312
+
24313
+
24314
+
24315
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
24316
+ --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
24317
+ --ov-ui-tour-highlight-default: #5252ff14;
24318
+ --ov-ui-auth-on-primary-default: #fff;
24319
+ --ov-ui-auth-backdrop-default: #0006;
24320
+ --ov-ui-primary-default: #5252ff;
24321
+ --ov-ui-primary-hover-default: #7075ff;
24322
+ --ov-ui-primary-active-default: #3833d2;
24323
+ --ov-ui-primary-disabled-default: #acb4ff;
24324
+ --ov-ui-text-on-primary-default: #fff;
24325
+ --ov-ui-primary-light-default: #f5f7ff;
24326
+ --ov-ui-connect-glow-warm-default: #ff952b0a;
24327
+ --ov-ui-connect-glow-pink-default: #fb4fbc0f;
24328
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc0a;
24329
+ --ov-ui-on-primary-default: #fff;
24330
+ --ov-ui-text-1-default: #0b0b0f;
24331
+ --ov-ui-text-2-default: #3f3f51;
24332
+ --ov-ui-text-3-default: #6e718c;
24333
+ --ov-ui-text-description-default: #0006;
24334
+ --ov-ui-text-disabled-default: #a5a7bb;
24335
+ --ov-ui-border-1-default: #f0f2fa;
24336
+ --ov-ui-border-2-default: #e1e4f2;
24337
+ --ov-ui-border-3-default: #d7daea;
24338
+ --ov-ui-bg-1-default: #fff;
24339
+ --ov-ui-bg-3-default: #f7f8fd;
24340
+ --ov-ui-bg-4-default: #f6f7fa;
24341
+ --ov-ui-bg-5-default: #f1f2f9;
24342
+ --ov-ui-code-bg-default: #fbfbfc;
24343
+ --ov-ui-status-success-default: #1f9d55;
24344
+ --ov-ui-shadow-default: #0f172a;
24345
+ --ov-ui-shadow-control-default: #0000000d;
24346
+ --ov-ui-focus-default: #5252ff;
24347
+ --ov-ui-fill-hover-default: #f1f2f9;
24348
+ --ov-ui-status-error-default: #c43838;
24349
+ --ov-ui-warning-default: #b26a00;
24350
+ --ov-ui-warning-light-default: #fff0b3;
24351
+ --ov-ui-overlay-default: #0006;
24352
+ --ov-ui-tooltip-bg-default: #1f2329;
24353
+ --ov-ui-tooltip-text-default: #fff;
24354
+ --ov-ui-library-swatch-1-default: linear-gradient(145deg,
24355
+ #ffd8ec 8%,
24356
+ #ffabc8 46%,
24357
+ #d8cbff 100%);
24358
+ --ov-ui-library-swatch-2-default: linear-gradient(145deg,
24359
+ #d9e8ff 8%,
24360
+ #b8a6ff 52%,
24361
+ #f3d6ff 100%);
24362
+ --ov-ui-library-swatch-3-default: linear-gradient(145deg,
24363
+ #ffe6bc 8%,
24364
+ #ffaf96 48%,
24365
+ #ff8bc5 100%);
24366
+ --ov-ui-library-swatch-4-default: linear-gradient(145deg,
24367
+ #eaf7ba 8%,
24368
+ #b5efb8 52%,
24369
+ #73d9c6 100%);
24370
+ --ov-ui-library-swatch-5-default: linear-gradient(145deg,
24371
+ #fff1ba 8%,
24372
+ #ffc776 52%,
24373
+ #bd9cff 100%);
24374
+ }
24375
+
24376
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
24377
+ --ov-ui-primary-default: #5f5fff;
24378
+ --ov-ui-primary-hover-default: #7075ff;
24379
+ --ov-ui-primary-active-default: #4242ba;
24380
+ --ov-ui-primary-light-default: #1a1632;
24381
+ --ov-ui-connect-glow-warm-default: #ff952b05;
24382
+ --ov-ui-connect-glow-pink-default: #fb4fbc08;
24383
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc05;
24384
+ --ov-ui-text-1-default: #c7ccd6;
24385
+ --ov-ui-text-2-default: #9da3af;
24386
+ --ov-ui-text-3-default: #737a87;
24387
+ --ov-ui-text-description-default: #fff6;
24388
+ --ov-ui-text-disabled-default: #42464e;
24389
+ --ov-ui-border-1-default: #23252a;
24390
+ --ov-ui-border-2-default: #2e3138;
24391
+ --ov-ui-border-3-default: #3a3d45;
24392
+ --ov-ui-bg-1-default: #131416;
24393
+ --ov-ui-bg-3-default: #1b1d21;
24394
+ --ov-ui-bg-4-default: #202227;
24395
+ --ov-ui-bg-5-default: #23252a;
24396
+ --ov-ui-focus-default: #5f5fff;
24397
+ --ov-ui-fill-hover-default: #23252a;
24398
+ --ov-ui-status-error-default: #ff9595;
24399
+ --ov-ui-warning-default: #e0a04a;
24400
+ --ov-ui-warning-light-default: #3a2f14;
24401
+ --ov-ui-tooltip-bg-default: #2a2d33;
24402
+ --ov-ui-overlay-default: #000000a3;
24403
+ --ov-ui-tooltip-text-default: #f0f1f3;
24404
+ }
24405
+
24406
+ .ov-button, .ov-input, .ov-textarea {
24407
+ --ov-ui-bg-white-default: var(--ov-ui-bg-1-default);
24408
+ --ov-ui-bg-2-default: #fafbfd;
24409
+ --ov-ui-bg-7-default: var(--ov-ui-border-1-default);
24410
+ --ov-ui-bg-11-default: #e1e3ef;
24411
+ --ov-ui-border-4-default: #acb0c5;
24412
+ --ov-ui-neutral-4-default: #c9cdd4;
24413
+ --ov-ui-primary-muted-default: #8e96ff;
24414
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-active-default);
24415
+ --ov-ui-link-default: var(--ov-ui-primary-default);
24416
+ --ov-ui-link-active-default: var(--ov-ui-primary-active-default);
24417
+ --ov-ui-text-5-default: #c9c9d4;
24418
+ --ov-ui-on-primary-disabled-default: var(--ov-ui-text-on-primary-default);
24419
+ --ov-ui-input-focus-ring-default: color-mix(in srgb,
24420
+ var(--ov-ui-color-primary, var(--ov-ui-primary-default)) 30%,
24421
+ transparent);
24422
+ --ov-ui-error-default: #e31b54;
24423
+ --ov-ui-error-bg-default: #ffecec;
24424
+ --ov-ui-error-border-default: #ffa3a0;
24425
+ }
24426
+
24427
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea {
24428
+ --ov-ui-bg-white-default: #fff0;
24429
+ --ov-ui-bg-2-default: #fcfdfe03;
24430
+ --ov-ui-bg-4-default: #f6f8fa0f;
24431
+ --ov-ui-bg-5-default: #f1f3f514;
24432
+ --ov-ui-bg-7-default: #1a1b1e;
24433
+ --ov-ui-bg-11-default: #1e2023;
24434
+ --ov-ui-border-2-default: #dde2e926;
24435
+ --ov-ui-border-3-default: #dde2e94d;
24436
+ --ov-ui-border-4-default: #6d6d6d;
24437
+ --ov-ui-neutral-4-default: #5f5f60;
24438
+ --ov-ui-primary-disabled-default: #3f3a89;
24439
+ --ov-ui-primary-muted-default: #4c48b4;
24440
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-hover-default);
24441
+ --ov-ui-link-default: #787dff;
24442
+ --ov-ui-link-active-default: #949cff;
24443
+ --ov-ui-text-disabled-default: #42464e;
24444
+ --ov-ui-text-5-default: #e1e3ef;
24445
+ --ov-ui-on-primary-disabled-default: #ffffff4d;
24446
+ --ov-ui-input-focus-ring-default: #4583ff4d;
24447
+ --ov-ui-error-default: #ff706d;
24448
+ --ov-ui-error-bg-default: #9f211c33;
24449
+ --ov-ui-error-border-default: #ff706d4d;
24450
+ }
24451
+
24452
+ .dark .ov-viking-bot {
24453
+ --ov-ui-code-bg-default: var(--ov-ui-bg-3-default);
24454
+ }
24455
+
24456
+ .ov-agent-connect {
24457
+ --ov-ui-connect-card-default: #fbfbfc;
24458
+ --ov-ui-connect-tabs-default: #f7f7f9;
24459
+ --ov-ui-connect-selected-default: #f3f4f7;
24460
+ --ov-ui-connect-border-default: #edeef2;
24461
+ --ov-ui-connect-outline-default: #e1e3ea;
24462
+ --ov-ui-connect-muted-default: #787c91;
24463
+ --ov-ui-connect-notice-default: #2e2984;
24464
+ }
24465
+
24466
+ .dark .ov-agent-connect {
24467
+ --ov-ui-connect-card-default: var(--ov-ui-bg-3-default);
24468
+ --ov-ui-connect-tabs-default: var(--ov-ui-bg-3-default);
24469
+ --ov-ui-connect-selected-default: var(--ov-ui-bg-4-default);
24470
+ --ov-ui-connect-border-default: var(--ov-ui-border-1-default);
24471
+ --ov-ui-connect-outline-default: var(--ov-ui-border-2-default);
24472
+ --ov-ui-connect-muted-default: var(--ov-ui-text-3-default);
24473
+ --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
24474
+ }
24475
+
24476
+ .ov-wiki-dashboard, .ov-experience-dashboard, .ov-file-browser {
24477
+ --ov-ui-dashboard-surface-default: #f8f8f8;
24478
+ --ov-ui-dashboard-card-default: #fafafa;
24479
+ --ov-ui-dashboard-muted-default: #787c91;
24480
+ --ov-ui-dashboard-border-default: #edeef2;
24481
+ --ov-ui-dashboard-warning-default: #eb7d00;
24482
+ --ov-ui-dashboard-warning-light-default: #fff0e5;
24483
+ --ov-ui-dashboard-danger-default: #d92d54;
24484
+ --ov-ui-dashboard-danger-light-default: #ffecee;
24485
+ --ov-ui-dashboard-success-default: #4f9c70;
24486
+ }
24487
+
24488
+ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-file-browser {
24489
+ --ov-ui-dashboard-surface-default: var(--ov-ui-bg-3-default);
24490
+ --ov-ui-dashboard-card-default: var(--ov-ui-bg-3-default);
24491
+ --ov-ui-dashboard-muted-default: var(--ov-ui-text-3-default);
24492
+ --ov-ui-dashboard-border-default: var(--ov-ui-border-1-default);
24493
+ --ov-ui-dashboard-warning-default: var(--ov-ui-warning-default);
24494
+ --ov-ui-dashboard-warning-light-default: var(--ov-ui-warning-light-default);
24495
+ --ov-ui-dashboard-danger-default: var(--ov-ui-status-error-default);
24496
+ --ov-ui-dashboard-danger-light-default: var(--ov-ui-bg-5-default);
24497
+ --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
24498
+ }
24499
+
24500
+ .ov-auth {
24501
+ box-sizing: border-box;
24502
+ width: 100%;
24503
+ max-width: 440px;
24504
+ color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
24505
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
24506
+ font: inherit;
24507
+ font-size: 14px;
24508
+ line-height: 1.6;
24509
+ }
24510
+
24511
+ .ov-auth *, .ov-auth :before, .ov-auth :after {
24512
+ box-sizing: border-box;
24513
+ }
24514
+
24515
+ .ov-auth h2 {
24516
+ margin: 0 0 12px;
24517
+ font-size: 24px;
24518
+ font-weight: 600;
24519
+ }
24520
+
24521
+ .ov-auth p {
24522
+ margin: 8px 0;
24523
+ }
24524
+
24525
+ .ov-auth fieldset {
24526
+ border: 0;
24527
+ min-width: 0;
24528
+ margin: 0;
24529
+ padding: 0;
24530
+ }
24531
+
24532
+ .ov-auth button, .ov-auth input {
24533
+ font: inherit;
24534
+ }
24535
+
24536
+ .ov-auth button, .ov-auth a, .ov-auth input[type="checkbox"] {
24537
+ cursor: pointer;
24538
+ }
24539
+
24540
+ .ov-auth button:disabled, .ov-auth input:disabled {
24541
+ cursor: not-allowed;
24542
+ opacity: .6;
24543
+ }
24544
+
24545
+ .ov-auth button {
24546
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24547
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
24548
+ color: inherit;
24549
+ border-radius: 8px;
24550
+ padding: 8px 16px;
24551
+ }
24552
+
24553
+ .ov-auth button:hover:not(:disabled) {
24554
+ background: var(--ov-ui-color-fill-hover, var(--ov-ui-fill-hover-default));
24555
+ }
24556
+
24557
+ .ov-auth a, .ov-auth .ov-auth__link {
24558
+ color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24559
+ }
24560
+
24561
+ .ov-auth a {
24562
+ text-decoration: none;
24563
+ }
24564
+
24565
+ .ov-auth a:hover {
24566
+ text-decoration: underline;
24567
+ }
24568
+
24569
+ .ov-auth .ov-auth__link {
24570
+ background: none;
24571
+ border: 0;
24572
+ padding: 4px 0;
24573
+ display: inline-block;
24574
+ }
24575
+
24576
+ .ov-auth button:focus-visible, .ov-auth input:focus-visible, .ov-auth a:focus-visible {
24577
+ outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
24578
+ outline-offset: 2px;
24579
+ }
24580
+
24581
+ .ov-auth .ov-auth__primary {
24582
+ background: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24583
+ color: var(--ov-ui-color-on-primary, var(--ov-ui-auth-on-primary-default));
24584
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24585
+ }
24586
+
24587
+ .ov-auth .ov-auth__primary:hover:not(:disabled) {
24588
+ background: var(--ov-ui-color-primary-hover, var(--ov-ui-primary-hover-default));
24589
+ }
24590
+
24591
+ .ov-auth__submit {
24592
+ min-width: 120px;
24593
+ margin: 24px 0 12px;
24594
+ }
24595
+
24596
+ .ov-auth__field {
24597
+ margin: 24px 0 0;
24598
+ }
24599
+
24600
+ .ov-auth__label {
24601
+ justify-content: space-between;
24602
+ align-items: center;
24603
+ gap: 12px;
24604
+ margin-bottom: 8px;
24605
+ display: flex;
24606
+ }
24607
+
24608
+ .ov-auth__input-wrap {
24609
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24610
+ border-radius: 8px;
24611
+ align-items: center;
24612
+ min-height: 44px;
24613
+ display: flex;
24614
+ }
24615
+
24616
+ .ov-auth__input-wrap:focus-within {
24617
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24618
+ }
24619
+
24620
+ .ov-auth__input-wrap input {
24621
+ color: inherit;
24622
+ border-radius: inherit;
24623
+ background: none;
24624
+ border: 0;
24625
+ width: 100%;
24626
+ min-width: 0;
24627
+ padding: 10px 12px;
24628
+ }
24629
+
24630
+ .ov-auth__input-wrap input[aria-invalid="true"] {
24631
+ outline: 1px solid
24632
+ var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
24633
+ }
24634
+
24635
+ .ov-auth .ov-auth__visibility {
24636
+ border: 0;
24637
+ align-items: center;
24638
+ margin-right: 6px;
24639
+ padding: 6px;
24640
+ display: flex;
24641
+ }
24642
+
24643
+ .ov-auth__visibility svg {
24644
+ stroke: currentColor;
24645
+ stroke-width: 1.3px;
24646
+ stroke-linecap: round;
24647
+ stroke-linejoin: round;
24648
+ width: 16px;
24649
+ height: 16px;
24650
+ }
24651
+
24652
+ .ov-auth__description, .ov-auth__account span, .ov-auth__details dt {
24653
+ color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default));
24654
+ }
24655
+
24656
+ .ov-auth__error {
24657
+ color: var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
24658
+ font-size: 13px;
24659
+ }
24660
+
24661
+ .ov-auth__consent {
24662
+ align-items: baseline;
24663
+ gap: 8px;
24664
+ margin: 12px 0;
24665
+ display: flex;
24666
+ }
24667
+
24668
+ .ov-auth__consent input {
24669
+ accent-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24670
+ }
24671
+
24672
+ .ov-auth__account {
24673
+ background: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
24674
+ overflow-wrap: anywhere;
24675
+ border-radius: 8px;
24676
+ flex-direction: column;
24677
+ margin-top: 24px;
24678
+ padding: 12px 16px;
24679
+ display: flex;
24680
+ }
24681
+
24682
+ .ov-auth__details {
24683
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24684
+ border-radius: 12px;
24685
+ margin: 24px 0 0;
24686
+ padding: 0 16px;
24687
+ }
24688
+
24689
+ .ov-auth__details > div {
24690
+ justify-content: space-between;
24691
+ gap: 16px;
24692
+ padding: 12px 0;
24693
+ display: flex;
24694
+ }
24695
+
24696
+ .ov-auth__details > div + div {
24697
+ border-top: 1px solid
24698
+ var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24699
+ }
24700
+
24701
+ .ov-auth__details dd {
24702
+ text-align: right;
24703
+ overflow-wrap: anywhere;
24704
+ min-width: 0;
24705
+ margin: 0;
24706
+ }
24707
+
24708
+ .ov-auth__methods {
24709
+ gap: 12px;
24710
+ margin-top: 24px;
24711
+ display: grid;
24712
+ }
24713
+
24714
+ .ov-auth.ov-auth__dialog {
24715
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24716
+ border-radius: 12px;
24717
+ max-width: min(420px, 100vw - 32px);
24718
+ margin: auto;
24719
+ padding: 24px;
24720
+ }
24721
+
24722
+ .ov-auth__dialog h2 {
24723
+ font-size: 18px;
24724
+ }
24725
+
24726
+ .ov-auth__dialog::backdrop {
24727
+ background: var(--ov-ui-color-mask, var(--ov-ui-auth-backdrop-default));
24728
+ }
24729
+
24730
+ .ov-auth__actions {
24731
+ flex-wrap: wrap;
24732
+ justify-content: flex-end;
24733
+ gap: 12px;
24734
+ margin-top: 24px;
24735
+ display: flex;
24736
+ }
24737
+
24738
+ .ov-auth input[type="checkbox"] {
24739
+ appearance: auto;
24740
+ flex: 0 0 16px;
24741
+ width: 16px;
24742
+ height: 16px;
24743
+ margin: 0;
24744
+ }
24745
+
24746
+ .ov-auth > .ov-auth__link {
24747
+ width: fit-content;
24748
+ display: block;
24749
+ }
24750
+
24751
+
24752
+
24753
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
24754
+ --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
24755
+ --ov-ui-tour-highlight-default: #5252ff14;
24756
+ --ov-ui-auth-on-primary-default: #fff;
24757
+ --ov-ui-auth-backdrop-default: #0006;
24758
+ --ov-ui-primary-default: #5252ff;
24759
+ --ov-ui-primary-hover-default: #7075ff;
24760
+ --ov-ui-primary-active-default: #3833d2;
24761
+ --ov-ui-primary-disabled-default: #acb4ff;
24762
+ --ov-ui-text-on-primary-default: #fff;
24763
+ --ov-ui-primary-light-default: #f5f7ff;
24764
+ --ov-ui-connect-glow-warm-default: #ff952b0a;
24765
+ --ov-ui-connect-glow-pink-default: #fb4fbc0f;
24766
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc0a;
24767
+ --ov-ui-on-primary-default: #fff;
24768
+ --ov-ui-text-1-default: #0b0b0f;
24769
+ --ov-ui-text-2-default: #3f3f51;
24770
+ --ov-ui-text-3-default: #6e718c;
24771
+ --ov-ui-text-description-default: #0006;
24772
+ --ov-ui-text-disabled-default: #a5a7bb;
24773
+ --ov-ui-border-1-default: #f0f2fa;
24774
+ --ov-ui-border-2-default: #e1e4f2;
24775
+ --ov-ui-border-3-default: #d7daea;
24776
+ --ov-ui-bg-1-default: #fff;
24777
+ --ov-ui-bg-3-default: #f7f8fd;
24778
+ --ov-ui-bg-4-default: #f6f7fa;
24779
+ --ov-ui-bg-5-default: #f1f2f9;
24780
+ --ov-ui-code-bg-default: #fbfbfc;
24781
+ --ov-ui-status-success-default: #1f9d55;
24782
+ --ov-ui-shadow-default: #0f172a;
24783
+ --ov-ui-shadow-control-default: #0000000d;
24784
+ --ov-ui-focus-default: #5252ff;
24785
+ --ov-ui-fill-hover-default: #f1f2f9;
24786
+ --ov-ui-status-error-default: #c43838;
24787
+ --ov-ui-warning-default: #b26a00;
24788
+ --ov-ui-warning-light-default: #fff0b3;
24789
+ --ov-ui-overlay-default: #0006;
24790
+ --ov-ui-tooltip-bg-default: #1f2329;
24791
+ --ov-ui-tooltip-text-default: #fff;
24792
+ --ov-ui-library-swatch-1-default: linear-gradient(145deg,
24793
+ #ffd8ec 8%,
24794
+ #ffabc8 46%,
24795
+ #d8cbff 100%);
24796
+ --ov-ui-library-swatch-2-default: linear-gradient(145deg,
24797
+ #d9e8ff 8%,
24798
+ #b8a6ff 52%,
24799
+ #f3d6ff 100%);
24800
+ --ov-ui-library-swatch-3-default: linear-gradient(145deg,
24801
+ #ffe6bc 8%,
24802
+ #ffaf96 48%,
24803
+ #ff8bc5 100%);
24804
+ --ov-ui-library-swatch-4-default: linear-gradient(145deg,
24805
+ #eaf7ba 8%,
24806
+ #b5efb8 52%,
24807
+ #73d9c6 100%);
24808
+ --ov-ui-library-swatch-5-default: linear-gradient(145deg,
24809
+ #fff1ba 8%,
24810
+ #ffc776 52%,
24811
+ #bd9cff 100%);
24812
+ }
24813
+
24814
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
24815
+ --ov-ui-primary-default: #5f5fff;
24816
+ --ov-ui-primary-hover-default: #7075ff;
24817
+ --ov-ui-primary-active-default: #4242ba;
24818
+ --ov-ui-primary-light-default: #1a1632;
24819
+ --ov-ui-connect-glow-warm-default: #ff952b05;
24820
+ --ov-ui-connect-glow-pink-default: #fb4fbc08;
24821
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc05;
24822
+ --ov-ui-text-1-default: #c7ccd6;
24823
+ --ov-ui-text-2-default: #9da3af;
24824
+ --ov-ui-text-3-default: #737a87;
24825
+ --ov-ui-text-description-default: #fff6;
24826
+ --ov-ui-text-disabled-default: #42464e;
24827
+ --ov-ui-border-1-default: #23252a;
24828
+ --ov-ui-border-2-default: #2e3138;
24829
+ --ov-ui-border-3-default: #3a3d45;
24830
+ --ov-ui-bg-1-default: #131416;
24831
+ --ov-ui-bg-3-default: #1b1d21;
24832
+ --ov-ui-bg-4-default: #202227;
24833
+ --ov-ui-bg-5-default: #23252a;
24834
+ --ov-ui-focus-default: #5f5fff;
24835
+ --ov-ui-fill-hover-default: #23252a;
24836
+ --ov-ui-status-error-default: #ff9595;
24837
+ --ov-ui-warning-default: #e0a04a;
24838
+ --ov-ui-warning-light-default: #3a2f14;
24839
+ --ov-ui-tooltip-bg-default: #2a2d33;
24840
+ --ov-ui-overlay-default: #000000a3;
24841
+ --ov-ui-tooltip-text-default: #f0f1f3;
24842
+ }
24843
+
24844
+ .ov-button, .ov-input, .ov-textarea {
24845
+ --ov-ui-bg-white-default: var(--ov-ui-bg-1-default);
24846
+ --ov-ui-bg-2-default: #fafbfd;
24847
+ --ov-ui-bg-7-default: var(--ov-ui-border-1-default);
24848
+ --ov-ui-bg-11-default: #e1e3ef;
24849
+ --ov-ui-border-4-default: #acb0c5;
24850
+ --ov-ui-neutral-4-default: #c9cdd4;
24851
+ --ov-ui-primary-muted-default: #8e96ff;
24852
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-active-default);
24853
+ --ov-ui-link-default: var(--ov-ui-primary-default);
24854
+ --ov-ui-link-active-default: var(--ov-ui-primary-active-default);
24855
+ --ov-ui-text-5-default: #c9c9d4;
24856
+ --ov-ui-on-primary-disabled-default: var(--ov-ui-text-on-primary-default);
24857
+ --ov-ui-input-focus-ring-default: color-mix(in srgb,
24858
+ var(--ov-ui-color-primary, var(--ov-ui-primary-default)) 30%,
24859
+ transparent);
24860
+ --ov-ui-error-default: #e31b54;
24861
+ --ov-ui-error-bg-default: #ffecec;
24862
+ --ov-ui-error-border-default: #ffa3a0;
24863
+ }
24864
+
24865
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea {
24866
+ --ov-ui-bg-white-default: #fff0;
24867
+ --ov-ui-bg-2-default: #fcfdfe03;
24868
+ --ov-ui-bg-4-default: #f6f8fa0f;
24869
+ --ov-ui-bg-5-default: #f1f3f514;
24870
+ --ov-ui-bg-7-default: #1a1b1e;
24871
+ --ov-ui-bg-11-default: #1e2023;
24872
+ --ov-ui-border-2-default: #dde2e926;
24873
+ --ov-ui-border-3-default: #dde2e94d;
24874
+ --ov-ui-border-4-default: #6d6d6d;
24875
+ --ov-ui-neutral-4-default: #5f5f60;
24876
+ --ov-ui-primary-disabled-default: #3f3a89;
24877
+ --ov-ui-primary-muted-default: #4c48b4;
24878
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-hover-default);
24879
+ --ov-ui-link-default: #787dff;
24880
+ --ov-ui-link-active-default: #949cff;
24881
+ --ov-ui-text-disabled-default: #42464e;
24882
+ --ov-ui-text-5-default: #e1e3ef;
24883
+ --ov-ui-on-primary-disabled-default: #ffffff4d;
24884
+ --ov-ui-input-focus-ring-default: #4583ff4d;
24885
+ --ov-ui-error-default: #ff706d;
24886
+ --ov-ui-error-bg-default: #9f211c33;
24887
+ --ov-ui-error-border-default: #ff706d4d;
24888
+ }
24889
+
24890
+ .dark .ov-viking-bot {
24891
+ --ov-ui-code-bg-default: var(--ov-ui-bg-3-default);
24892
+ }
24893
+
24894
+ .ov-agent-connect {
24895
+ --ov-ui-connect-card-default: #fbfbfc;
24896
+ --ov-ui-connect-tabs-default: #f7f7f9;
24897
+ --ov-ui-connect-selected-default: #f3f4f7;
24898
+ --ov-ui-connect-border-default: #edeef2;
24899
+ --ov-ui-connect-outline-default: #e1e3ea;
24900
+ --ov-ui-connect-muted-default: #787c91;
24901
+ --ov-ui-connect-notice-default: #2e2984;
24902
+ }
24903
+
24904
+ .dark .ov-agent-connect {
24905
+ --ov-ui-connect-card-default: var(--ov-ui-bg-3-default);
24906
+ --ov-ui-connect-tabs-default: var(--ov-ui-bg-3-default);
24907
+ --ov-ui-connect-selected-default: var(--ov-ui-bg-4-default);
24908
+ --ov-ui-connect-border-default: var(--ov-ui-border-1-default);
24909
+ --ov-ui-connect-outline-default: var(--ov-ui-border-2-default);
24910
+ --ov-ui-connect-muted-default: var(--ov-ui-text-3-default);
24911
+ --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
24912
+ }
24913
+
24914
+ .ov-wiki-dashboard, .ov-experience-dashboard, .ov-file-browser {
24915
+ --ov-ui-dashboard-surface-default: #f8f8f8;
24916
+ --ov-ui-dashboard-card-default: #fafafa;
24917
+ --ov-ui-dashboard-muted-default: #787c91;
24918
+ --ov-ui-dashboard-border-default: #edeef2;
24919
+ --ov-ui-dashboard-warning-default: #eb7d00;
24920
+ --ov-ui-dashboard-warning-light-default: #fff0e5;
24921
+ --ov-ui-dashboard-danger-default: #d92d54;
24922
+ --ov-ui-dashboard-danger-light-default: #ffecee;
24923
+ --ov-ui-dashboard-success-default: #4f9c70;
24924
+ }
24925
+
24926
+ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-file-browser {
24927
+ --ov-ui-dashboard-surface-default: var(--ov-ui-bg-3-default);
24928
+ --ov-ui-dashboard-card-default: var(--ov-ui-bg-3-default);
24929
+ --ov-ui-dashboard-muted-default: var(--ov-ui-text-3-default);
24930
+ --ov-ui-dashboard-border-default: var(--ov-ui-border-1-default);
24931
+ --ov-ui-dashboard-warning-default: var(--ov-ui-warning-default);
24932
+ --ov-ui-dashboard-warning-light-default: var(--ov-ui-warning-light-default);
24933
+ --ov-ui-dashboard-danger-default: var(--ov-ui-status-error-default);
24934
+ --ov-ui-dashboard-danger-light-default: var(--ov-ui-bg-5-default);
24935
+ --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
24936
+ }
24937
+
24938
+ .ov-auth {
24939
+ box-sizing: border-box;
24940
+ width: 100%;
24941
+ max-width: 440px;
24942
+ color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
24943
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
24944
+ font: inherit;
24945
+ font-size: 14px;
24946
+ line-height: 1.6;
24947
+ }
24948
+
24949
+ .ov-auth *, .ov-auth :before, .ov-auth :after {
24950
+ box-sizing: border-box;
24951
+ }
24952
+
24953
+ .ov-auth h2 {
24954
+ margin: 0 0 12px;
24955
+ font-size: 24px;
24956
+ font-weight: 600;
24957
+ }
24958
+
24959
+ .ov-auth p {
24960
+ margin: 8px 0;
24961
+ }
24962
+
24963
+ .ov-auth fieldset {
24964
+ border: 0;
24965
+ min-width: 0;
24966
+ margin: 0;
24967
+ padding: 0;
24968
+ }
24969
+
24970
+ .ov-auth button, .ov-auth input {
24971
+ font: inherit;
24972
+ }
24973
+
24974
+ .ov-auth button, .ov-auth a, .ov-auth input[type="checkbox"] {
24975
+ cursor: pointer;
24976
+ }
24977
+
24978
+ .ov-auth button:disabled, .ov-auth input:disabled {
24979
+ cursor: not-allowed;
24980
+ opacity: .6;
24981
+ }
24982
+
24983
+ .ov-auth button {
24984
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
24985
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
24986
+ color: inherit;
24987
+ border-radius: 8px;
24988
+ padding: 8px 16px;
24989
+ }
24990
+
24991
+ .ov-auth button:hover:not(:disabled) {
24992
+ background: var(--ov-ui-color-fill-hover, var(--ov-ui-fill-hover-default));
24993
+ }
24994
+
24995
+ .ov-auth a, .ov-auth .ov-auth__link {
24996
+ color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
24997
+ }
24998
+
24999
+ .ov-auth a {
25000
+ text-decoration: none;
25001
+ }
25002
+
25003
+ .ov-auth a:hover {
25004
+ text-decoration: underline;
25005
+ }
25006
+
25007
+ .ov-auth .ov-auth__link {
25008
+ background: none;
25009
+ border: 0;
25010
+ padding: 4px 0;
25011
+ display: inline-block;
25012
+ }
25013
+
25014
+ .ov-auth button:focus-visible, .ov-auth input:focus-visible, .ov-auth a:focus-visible {
25015
+ outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
25016
+ outline-offset: 2px;
25017
+ }
25018
+
25019
+ .ov-auth .ov-auth__primary {
25020
+ background: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
25021
+ color: var(--ov-ui-color-on-primary, var(--ov-ui-auth-on-primary-default));
25022
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
25023
+ }
25024
+
25025
+ .ov-auth .ov-auth__primary:hover:not(:disabled) {
25026
+ background: var(--ov-ui-color-primary-hover, var(--ov-ui-primary-hover-default));
25027
+ }
25028
+
25029
+ .ov-auth__submit {
25030
+ min-width: 120px;
25031
+ margin: 24px 0 12px;
25032
+ }
25033
+
25034
+ .ov-auth__field {
25035
+ margin: 24px 0 0;
25036
+ }
25037
+
25038
+ .ov-auth__label {
25039
+ justify-content: space-between;
25040
+ align-items: center;
25041
+ gap: 12px;
25042
+ margin-bottom: 8px;
25043
+ display: flex;
25044
+ }
25045
+
25046
+ .ov-auth__input-wrap {
25047
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
25048
+ border-radius: 8px;
25049
+ align-items: center;
25050
+ min-height: 44px;
25051
+ display: flex;
25052
+ }
25053
+
25054
+ .ov-auth__input-wrap:focus-within {
25055
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
25056
+ }
25057
+
25058
+ .ov-auth__input-wrap input {
25059
+ color: inherit;
25060
+ border-radius: inherit;
25061
+ background: none;
25062
+ border: 0;
25063
+ width: 100%;
25064
+ min-width: 0;
25065
+ padding: 10px 12px;
25066
+ }
25067
+
25068
+ .ov-auth__input-wrap input[aria-invalid="true"] {
25069
+ outline: 1px solid
25070
+ var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
25071
+ }
25072
+
25073
+ .ov-auth .ov-auth__visibility {
25074
+ border: 0;
25075
+ align-items: center;
25076
+ margin-right: 6px;
25077
+ padding: 6px;
25078
+ display: flex;
25079
+ }
25080
+
25081
+ .ov-auth__visibility svg {
25082
+ stroke: currentColor;
25083
+ stroke-width: 1.3px;
25084
+ stroke-linecap: round;
25085
+ stroke-linejoin: round;
25086
+ width: 16px;
25087
+ height: 16px;
25088
+ }
25089
+
25090
+ .ov-auth__description, .ov-auth__account span, .ov-auth__details dt {
25091
+ color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default));
25092
+ }
25093
+
25094
+ .ov-auth__error {
25095
+ color: var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
25096
+ font-size: 13px;
25097
+ }
25098
+
25099
+ .ov-auth__consent {
25100
+ align-items: baseline;
25101
+ gap: 8px;
25102
+ margin: 12px 0;
25103
+ display: flex;
25104
+ }
25105
+
25106
+ .ov-auth__consent input {
25107
+ accent-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
25108
+ }
25109
+
25110
+ .ov-auth__account {
25111
+ background: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
25112
+ overflow-wrap: anywhere;
25113
+ border-radius: 8px;
25114
+ flex-direction: column;
25115
+ margin-top: 24px;
25116
+ padding: 12px 16px;
25117
+ display: flex;
25118
+ }
25119
+
25120
+ .ov-auth__details {
25121
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
25122
+ border-radius: 12px;
25123
+ margin: 24px 0 0;
25124
+ padding: 0 16px;
25125
+ }
25126
+
25127
+ .ov-auth__details > div {
25128
+ justify-content: space-between;
25129
+ gap: 16px;
25130
+ padding: 12px 0;
25131
+ display: flex;
25132
+ }
25133
+
25134
+ .ov-auth__details > div + div {
25135
+ border-top: 1px solid
25136
+ var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
25137
+ }
25138
+
25139
+ .ov-auth__details dd {
25140
+ text-align: right;
25141
+ overflow-wrap: anywhere;
25142
+ min-width: 0;
25143
+ margin: 0;
25144
+ }
25145
+
25146
+ .ov-auth__methods {
25147
+ gap: 12px;
25148
+ margin-top: 24px;
25149
+ display: grid;
25150
+ }
25151
+
25152
+ .ov-auth.ov-auth__dialog {
25153
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
25154
+ border-radius: 12px;
25155
+ max-width: min(420px, 100vw - 32px);
25156
+ margin: auto;
25157
+ padding: 24px;
25158
+ }
25159
+
25160
+ .ov-auth__dialog h2 {
25161
+ font-size: 18px;
25162
+ }
25163
+
25164
+ .ov-auth__dialog::backdrop {
25165
+ background: var(--ov-ui-color-mask, var(--ov-ui-auth-backdrop-default));
25166
+ }
25167
+
25168
+ .ov-auth__actions {
25169
+ flex-wrap: wrap;
25170
+ justify-content: flex-end;
25171
+ gap: 12px;
25172
+ margin-top: 24px;
25173
+ display: flex;
25174
+ }
25175
+
25176
+ .ov-auth input[type="checkbox"] {
25177
+ appearance: auto;
25178
+ flex: 0 0 16px;
25179
+ width: 16px;
25180
+ height: 16px;
25181
+ margin: 0;
25182
+ }
25183
+
25184
+ .ov-auth > .ov-auth__link {
25185
+ width: fit-content;
25186
+ display: block;
25187
+ }
25188
+
25189
+
25190
+
25191
+ .ov-button, .ov-input, .ov-textarea, .ov-directory-tour, .ov-wiki-dashboard, .ov-experience-dashboard, .ov-auth, .ov-agent-connect, .ov-console, .ov-divider, .ov-file-browser-entries, .ov-drawer, .ov-modal, .ov-file-browser, .ov-file-preview, .ov-file-tree, .ov-module-placeholder, .ov-popover, .ov-scope-switcher, .ov-tooltip, .ov-tui, .ov-viking-bot, .ov-viking-bot__popover, .ov-viking-bot__reference-picker--mention, .ov-viking-bot__interaction {
25192
+ --ov-ui-tour-shadow-default: 0 15px 35px #0000000d, 0 5px 15px #0000000d;
25193
+ --ov-ui-tour-highlight-default: #5252ff14;
25194
+ --ov-ui-auth-on-primary-default: #fff;
25195
+ --ov-ui-auth-backdrop-default: #0006;
25196
+ --ov-ui-primary-default: #5252ff;
25197
+ --ov-ui-primary-hover-default: #7075ff;
25198
+ --ov-ui-primary-active-default: #3833d2;
25199
+ --ov-ui-primary-disabled-default: #acb4ff;
25200
+ --ov-ui-text-on-primary-default: #fff;
25201
+ --ov-ui-primary-light-default: #f5f7ff;
25202
+ --ov-ui-connect-glow-warm-default: #ff952b0a;
25203
+ --ov-ui-connect-glow-pink-default: #fb4fbc0f;
25204
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc0a;
25205
+ --ov-ui-on-primary-default: #fff;
25206
+ --ov-ui-text-1-default: #0b0b0f;
25207
+ --ov-ui-text-2-default: #3f3f51;
25208
+ --ov-ui-text-3-default: #6e718c;
25209
+ --ov-ui-text-description-default: #0006;
25210
+ --ov-ui-text-disabled-default: #a5a7bb;
25211
+ --ov-ui-border-1-default: #f0f2fa;
25212
+ --ov-ui-border-2-default: #e1e4f2;
25213
+ --ov-ui-border-3-default: #d7daea;
25214
+ --ov-ui-bg-1-default: #fff;
25215
+ --ov-ui-bg-3-default: #f7f8fd;
25216
+ --ov-ui-bg-4-default: #f6f7fa;
25217
+ --ov-ui-bg-5-default: #f1f2f9;
25218
+ --ov-ui-code-bg-default: #fbfbfc;
25219
+ --ov-ui-status-success-default: #1f9d55;
25220
+ --ov-ui-shadow-default: #0f172a;
25221
+ --ov-ui-shadow-control-default: #0000000d;
25222
+ --ov-ui-focus-default: #5252ff;
25223
+ --ov-ui-fill-hover-default: #f1f2f9;
25224
+ --ov-ui-status-error-default: #c43838;
25225
+ --ov-ui-warning-default: #b26a00;
25226
+ --ov-ui-warning-light-default: #fff0b3;
25227
+ --ov-ui-overlay-default: #0006;
25228
+ --ov-ui-tooltip-bg-default: #1f2329;
25229
+ --ov-ui-tooltip-text-default: #fff;
25230
+ --ov-ui-library-swatch-1-default: linear-gradient(145deg,
25231
+ #ffd8ec 8%,
25232
+ #ffabc8 46%,
25233
+ #d8cbff 100%);
25234
+ --ov-ui-library-swatch-2-default: linear-gradient(145deg,
25235
+ #d9e8ff 8%,
25236
+ #b8a6ff 52%,
25237
+ #f3d6ff 100%);
25238
+ --ov-ui-library-swatch-3-default: linear-gradient(145deg,
25239
+ #ffe6bc 8%,
25240
+ #ffaf96 48%,
25241
+ #ff8bc5 100%);
25242
+ --ov-ui-library-swatch-4-default: linear-gradient(145deg,
25243
+ #eaf7ba 8%,
25244
+ #b5efb8 52%,
25245
+ #73d9c6 100%);
25246
+ --ov-ui-library-swatch-5-default: linear-gradient(145deg,
25247
+ #fff1ba 8%,
25248
+ #ffc776 52%,
25249
+ #bd9cff 100%);
25250
+ }
25251
+
25252
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea, .dark .ov-directory-tour, html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, .dark .ov-auth, .dark .ov-agent-connect, .dark .ov-console, .dark .ov-divider, .dark .ov-file-browser-entries, .dark .ov-drawer, .dark .ov-modal, .dark .ov-file-browser, .dark .ov-file-preview, .dark .ov-file-tree, .dark .ov-module-placeholder, .dark .ov-popover, .dark .ov-scope-switcher, .dark .ov-tooltip, .dark .ov-tui, .dark .ov-viking-bot, .dark .ov-viking-bot__popover, .dark .ov-viking-bot__reference-picker--mention, .dark .ov-viking-bot__interaction {
25253
+ --ov-ui-primary-default: #5f5fff;
25254
+ --ov-ui-primary-hover-default: #7075ff;
25255
+ --ov-ui-primary-active-default: #4242ba;
25256
+ --ov-ui-primary-light-default: #1a1632;
25257
+ --ov-ui-connect-glow-warm-default: #ff952b05;
25258
+ --ov-ui-connect-glow-pink-default: #fb4fbc08;
25259
+ --ov-ui-connect-glow-pink-soft-default: #fb4fbc05;
25260
+ --ov-ui-text-1-default: #c7ccd6;
25261
+ --ov-ui-text-2-default: #9da3af;
25262
+ --ov-ui-text-3-default: #737a87;
25263
+ --ov-ui-text-description-default: #fff6;
25264
+ --ov-ui-text-disabled-default: #42464e;
25265
+ --ov-ui-border-1-default: #23252a;
25266
+ --ov-ui-border-2-default: #2e3138;
25267
+ --ov-ui-border-3-default: #3a3d45;
25268
+ --ov-ui-bg-1-default: #131416;
25269
+ --ov-ui-bg-3-default: #1b1d21;
25270
+ --ov-ui-bg-4-default: #202227;
25271
+ --ov-ui-bg-5-default: #23252a;
25272
+ --ov-ui-focus-default: #5f5fff;
25273
+ --ov-ui-fill-hover-default: #23252a;
25274
+ --ov-ui-status-error-default: #ff9595;
25275
+ --ov-ui-warning-default: #e0a04a;
25276
+ --ov-ui-warning-light-default: #3a2f14;
25277
+ --ov-ui-tooltip-bg-default: #2a2d33;
25278
+ --ov-ui-overlay-default: #000000a3;
25279
+ --ov-ui-tooltip-text-default: #f0f1f3;
25280
+ }
25281
+
25282
+ .ov-button, .ov-input, .ov-textarea {
25283
+ --ov-ui-bg-white-default: var(--ov-ui-bg-1-default);
25284
+ --ov-ui-bg-2-default: #fafbfd;
25285
+ --ov-ui-bg-7-default: var(--ov-ui-border-1-default);
25286
+ --ov-ui-bg-11-default: #e1e3ef;
25287
+ --ov-ui-border-4-default: #acb0c5;
25288
+ --ov-ui-neutral-4-default: #c9cdd4;
25289
+ --ov-ui-primary-muted-default: #8e96ff;
25290
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-active-default);
25291
+ --ov-ui-link-default: var(--ov-ui-primary-default);
25292
+ --ov-ui-link-active-default: var(--ov-ui-primary-active-default);
25293
+ --ov-ui-text-5-default: #c9c9d4;
25294
+ --ov-ui-on-primary-disabled-default: var(--ov-ui-text-on-primary-default);
25295
+ --ov-ui-input-focus-ring-default: color-mix(in srgb,
25296
+ var(--ov-ui-color-primary, var(--ov-ui-primary-default)) 30%,
25297
+ transparent);
25298
+ --ov-ui-error-default: #e31b54;
25299
+ --ov-ui-error-bg-default: #ffecec;
25300
+ --ov-ui-error-border-default: #ffa3a0;
25301
+ }
25302
+
25303
+ html.dark .ov-button, html.dark .ov-input, html.dark .ov-textarea {
25304
+ --ov-ui-bg-white-default: #fff0;
25305
+ --ov-ui-bg-2-default: #fcfdfe03;
25306
+ --ov-ui-bg-4-default: #f6f8fa0f;
25307
+ --ov-ui-bg-5-default: #f1f3f514;
25308
+ --ov-ui-bg-7-default: #1a1b1e;
25309
+ --ov-ui-bg-11-default: #1e2023;
25310
+ --ov-ui-border-2-default: #dde2e926;
25311
+ --ov-ui-border-3-default: #dde2e94d;
25312
+ --ov-ui-border-4-default: #6d6d6d;
25313
+ --ov-ui-neutral-4-default: #5f5f60;
25314
+ --ov-ui-primary-disabled-default: #3f3a89;
25315
+ --ov-ui-primary-muted-default: #4c48b4;
25316
+ --ov-ui-primary-strong-default: var(--ov-ui-primary-hover-default);
25317
+ --ov-ui-link-default: #787dff;
25318
+ --ov-ui-link-active-default: #949cff;
25319
+ --ov-ui-text-disabled-default: #42464e;
25320
+ --ov-ui-text-5-default: #e1e3ef;
25321
+ --ov-ui-on-primary-disabled-default: #ffffff4d;
25322
+ --ov-ui-input-focus-ring-default: #4583ff4d;
25323
+ --ov-ui-error-default: #ff706d;
25324
+ --ov-ui-error-bg-default: #9f211c33;
25325
+ --ov-ui-error-border-default: #ff706d4d;
25326
+ }
25327
+
25328
+ .dark .ov-viking-bot {
25329
+ --ov-ui-code-bg-default: var(--ov-ui-bg-3-default);
25330
+ }
25331
+
25332
+ .ov-agent-connect {
25333
+ --ov-ui-connect-card-default: #fbfbfc;
25334
+ --ov-ui-connect-tabs-default: #f7f7f9;
25335
+ --ov-ui-connect-selected-default: #f3f4f7;
25336
+ --ov-ui-connect-border-default: #edeef2;
25337
+ --ov-ui-connect-outline-default: #e1e3ea;
25338
+ --ov-ui-connect-muted-default: #787c91;
25339
+ --ov-ui-connect-notice-default: #2e2984;
25340
+ }
25341
+
25342
+ .dark .ov-agent-connect {
25343
+ --ov-ui-connect-card-default: var(--ov-ui-bg-3-default);
25344
+ --ov-ui-connect-tabs-default: var(--ov-ui-bg-3-default);
25345
+ --ov-ui-connect-selected-default: var(--ov-ui-bg-4-default);
25346
+ --ov-ui-connect-border-default: var(--ov-ui-border-1-default);
25347
+ --ov-ui-connect-outline-default: var(--ov-ui-border-2-default);
25348
+ --ov-ui-connect-muted-default: var(--ov-ui-text-3-default);
25349
+ --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
25350
+ }
25351
+
25352
+ .ov-wiki-dashboard, .ov-experience-dashboard, .ov-file-browser {
25353
+ --ov-ui-dashboard-surface-default: #f8f8f8;
25354
+ --ov-ui-dashboard-card-default: #fafafa;
25355
+ --ov-ui-dashboard-muted-default: #787c91;
25356
+ --ov-ui-dashboard-border-default: #edeef2;
25357
+ --ov-ui-dashboard-warning-default: #eb7d00;
25358
+ --ov-ui-dashboard-warning-light-default: #fff0e5;
25359
+ --ov-ui-dashboard-danger-default: #d92d54;
25360
+ --ov-ui-dashboard-danger-light-default: #ffecee;
25361
+ --ov-ui-dashboard-success-default: #4f9c70;
25362
+ }
25363
+
25364
+ html.dark .ov-wiki-dashboard, html.dark .ov-experience-dashboard, html.dark .ov-file-browser {
25365
+ --ov-ui-dashboard-surface-default: var(--ov-ui-bg-3-default);
25366
+ --ov-ui-dashboard-card-default: var(--ov-ui-bg-3-default);
25367
+ --ov-ui-dashboard-muted-default: var(--ov-ui-text-3-default);
25368
+ --ov-ui-dashboard-border-default: var(--ov-ui-border-1-default);
25369
+ --ov-ui-dashboard-warning-default: var(--ov-ui-warning-default);
25370
+ --ov-ui-dashboard-warning-light-default: var(--ov-ui-warning-light-default);
25371
+ --ov-ui-dashboard-danger-default: var(--ov-ui-status-error-default);
25372
+ --ov-ui-dashboard-danger-light-default: var(--ov-ui-bg-5-default);
25373
+ --ov-ui-dashboard-success-default: var(--ov-ui-status-success-default);
25374
+ }
25375
+
25376
+ .ov-auth {
25377
+ box-sizing: border-box;
25378
+ width: 100%;
25379
+ max-width: 440px;
25380
+ color: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
25381
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
25382
+ font: inherit;
25383
+ font-size: 14px;
25384
+ line-height: 1.6;
25385
+ }
25386
+
25387
+ .ov-auth *, .ov-auth :before, .ov-auth :after {
25388
+ box-sizing: border-box;
25389
+ }
25390
+
25391
+ .ov-auth h2 {
25392
+ margin: 0 0 12px;
25393
+ font-size: 24px;
25394
+ font-weight: 600;
25395
+ }
25396
+
25397
+ .ov-auth p {
25398
+ margin: 8px 0;
25399
+ }
25400
+
25401
+ .ov-auth fieldset {
25402
+ border: 0;
25403
+ min-width: 0;
25404
+ margin: 0;
25405
+ padding: 0;
25406
+ }
25407
+
25408
+ .ov-auth button, .ov-auth input {
25409
+ font: inherit;
25410
+ }
25411
+
25412
+ .ov-auth button, .ov-auth a, .ov-auth input[type="checkbox"] {
25413
+ cursor: pointer;
25414
+ }
25415
+
25416
+ .ov-auth button:disabled, .ov-auth input:disabled {
25417
+ cursor: not-allowed;
25418
+ opacity: .6;
25419
+ }
25420
+
25421
+ .ov-auth button {
25422
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
25423
+ background: var(--ov-ui-color-bg-1, var(--ov-ui-bg-1-default));
25424
+ color: inherit;
25425
+ border-radius: 8px;
25426
+ padding: 8px 16px;
25427
+ }
25428
+
25429
+ .ov-auth button:hover:not(:disabled) {
25430
+ background: var(--ov-ui-color-fill-hover, var(--ov-ui-fill-hover-default));
25431
+ }
25432
+
25433
+ .ov-auth a, .ov-auth .ov-auth__link {
25434
+ color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
25435
+ }
25436
+
25437
+ .ov-auth a {
25438
+ text-decoration: none;
25439
+ }
25440
+
25441
+ .ov-auth a:hover {
25442
+ text-decoration: underline;
25443
+ }
25444
+
25445
+ .ov-auth .ov-auth__link {
25446
+ background: none;
25447
+ border: 0;
25448
+ padding: 4px 0;
25449
+ display: inline-block;
25450
+ }
25451
+
25452
+ .ov-auth button:focus-visible, .ov-auth input:focus-visible, .ov-auth a:focus-visible {
25453
+ outline: 2px solid var(--ov-ui-color-focus, var(--ov-ui-focus-default));
25454
+ outline-offset: 2px;
25455
+ }
25456
+
25457
+ .ov-auth .ov-auth__primary {
25458
+ background: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
25459
+ color: var(--ov-ui-color-on-primary, var(--ov-ui-auth-on-primary-default));
25460
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
25461
+ }
25462
+
25463
+ .ov-auth .ov-auth__primary:hover:not(:disabled) {
25464
+ background: var(--ov-ui-color-primary-hover, var(--ov-ui-primary-hover-default));
25465
+ }
25466
+
25467
+ .ov-auth__submit {
25468
+ min-width: 120px;
25469
+ margin: 24px 0 12px;
25470
+ }
25471
+
25472
+ .ov-auth__field {
25473
+ margin: 24px 0 0;
25474
+ }
25475
+
25476
+ .ov-auth__label {
25477
+ justify-content: space-between;
25478
+ align-items: center;
25479
+ gap: 12px;
25480
+ margin-bottom: 8px;
25481
+ display: flex;
25482
+ }
25483
+
25484
+ .ov-auth__input-wrap {
25485
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
25486
+ border-radius: 8px;
25487
+ align-items: center;
25488
+ min-height: 44px;
25489
+ display: flex;
25490
+ }
25491
+
25492
+ .ov-auth__input-wrap:focus-within {
25493
+ border-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
25494
+ }
25495
+
25496
+ .ov-auth__input-wrap input {
25497
+ color: inherit;
25498
+ border-radius: inherit;
25499
+ background: none;
25500
+ border: 0;
25501
+ width: 100%;
25502
+ min-width: 0;
25503
+ padding: 10px 12px;
25504
+ }
25505
+
25506
+ .ov-auth__input-wrap input[aria-invalid="true"] {
25507
+ outline: 1px solid
25508
+ var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
25509
+ }
25510
+
25511
+ .ov-auth .ov-auth__visibility {
25512
+ border: 0;
25513
+ align-items: center;
25514
+ margin-right: 6px;
25515
+ padding: 6px;
25516
+ display: flex;
25517
+ }
25518
+
25519
+ .ov-auth__visibility svg {
25520
+ stroke: currentColor;
25521
+ stroke-width: 1.3px;
25522
+ stroke-linecap: round;
25523
+ stroke-linejoin: round;
25524
+ width: 16px;
25525
+ height: 16px;
25526
+ }
25527
+
25528
+ .ov-auth__description, .ov-auth__account span, .ov-auth__details dt {
25529
+ color: var(--ov-ui-color-text-3, var(--ov-ui-text-3-default));
25530
+ }
25531
+
25532
+ .ov-auth__error {
25533
+ color: var(--ov-ui-color-status-error, var(--ov-ui-status-error-default));
25534
+ font-size: 13px;
25535
+ }
25536
+
25537
+ .ov-auth__consent {
25538
+ align-items: baseline;
25539
+ gap: 8px;
25540
+ margin: 12px 0;
25541
+ display: flex;
25542
+ }
25543
+
25544
+ .ov-auth__consent input {
25545
+ accent-color: var(--ov-ui-color-primary, var(--ov-ui-primary-default));
25546
+ }
25547
+
25548
+ .ov-auth__account {
25549
+ background: var(--ov-ui-color-bg-3, var(--ov-ui-bg-3-default));
25550
+ overflow-wrap: anywhere;
25551
+ border-radius: 8px;
25552
+ flex-direction: column;
25553
+ margin-top: 24px;
25554
+ padding: 12px 16px;
25555
+ display: flex;
25556
+ }
25557
+
25558
+ .ov-auth__details {
25559
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
25560
+ border-radius: 12px;
25561
+ margin: 24px 0 0;
25562
+ padding: 0 16px;
25563
+ }
25564
+
25565
+ .ov-auth__details > div {
25566
+ justify-content: space-between;
25567
+ gap: 16px;
25568
+ padding: 12px 0;
25569
+ display: flex;
25570
+ }
25571
+
25572
+ .ov-auth__details > div + div {
25573
+ border-top: 1px solid
25574
+ var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
25575
+ }
25576
+
25577
+ .ov-auth__details dd {
25578
+ text-align: right;
25579
+ overflow-wrap: anywhere;
25580
+ min-width: 0;
25581
+ margin: 0;
25582
+ }
25583
+
25584
+ .ov-auth__methods {
25585
+ gap: 12px;
25586
+ margin-top: 24px;
25587
+ display: grid;
25588
+ }
25589
+
25590
+ .ov-auth.ov-auth__dialog {
25591
+ border: 1px solid var(--ov-ui-color-border-2, var(--ov-ui-border-2-default));
25592
+ border-radius: 12px;
25593
+ max-width: min(420px, 100vw - 32px);
25594
+ margin: auto;
25595
+ padding: 24px;
25596
+ }
25597
+
25598
+ .ov-auth__dialog h2 {
25599
+ font-size: 18px;
25600
+ }
25601
+
25602
+ .ov-auth__dialog::backdrop {
25603
+ background: var(--ov-ui-color-mask, var(--ov-ui-auth-backdrop-default));
25604
+ }
25605
+
25606
+ .ov-auth__actions {
25607
+ flex-wrap: wrap;
25608
+ justify-content: flex-end;
25609
+ gap: 12px;
25610
+ margin-top: 24px;
25611
+ display: flex;
25612
+ }
25613
+
25614
+ .ov-auth input[type="checkbox"] {
25615
+ appearance: auto;
25616
+ flex: 0 0 16px;
25617
+ width: 16px;
25618
+ height: 16px;
25619
+ margin: 0;
25620
+ }
25621
+
25622
+ .ov-auth > .ov-auth__link {
25623
+ width: fit-content;
25624
+ display: block;
25625
+ }
25626
+
25627
+
25628
+
22588
25629
 
22589
25630