@volverjs/style 0.1.28 → 0.1.30-beta.1

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 (158) hide show
  1. package/design-tokens.json +503 -7
  2. package/dist/base.css +1 -1
  3. package/dist/components/vv-alert.css +1 -1
  4. package/dist/components/vv-attachment-group.css +1 -0
  5. package/dist/components/vv-attachment.css +1 -0
  6. package/dist/components/vv-avatar.css +1 -1
  7. package/dist/components/vv-badge.css +1 -1
  8. package/dist/components/vv-breadcrumb.css +1 -1
  9. package/dist/components/vv-bubble-group.css +1 -0
  10. package/dist/components/vv-bubble.css +1 -0
  11. package/dist/components/vv-button.css +1 -1
  12. package/dist/components/vv-calendar.css +1 -0
  13. package/dist/components/vv-checkbox-group.css +1 -1
  14. package/dist/components/vv-checkbox.css +1 -1
  15. package/dist/components/vv-command.css +1 -0
  16. package/dist/components/vv-dialog.css +1 -1
  17. package/dist/components/vv-dropdown-action.css +1 -1
  18. package/dist/components/vv-dropdown-option.css +1 -1
  19. package/dist/components/vv-empty.css +1 -0
  20. package/dist/components/vv-field.css +1 -0
  21. package/dist/components/vv-input-file.css +1 -1
  22. package/dist/components/vv-input-otp.css +1 -0
  23. package/dist/components/vv-input-range.css +1 -1
  24. package/dist/components/vv-input-text.css +1 -1
  25. package/dist/components/vv-item-group.css +1 -0
  26. package/dist/components/vv-item.css +1 -0
  27. package/dist/components/vv-kbd-group.css +1 -0
  28. package/dist/components/vv-kbd.css +1 -0
  29. package/dist/components/vv-marker.css +1 -0
  30. package/dist/components/vv-message-scroller.css +1 -0
  31. package/dist/components/vv-message.css +1 -0
  32. package/dist/components/vv-nav.css +1 -1
  33. package/dist/components/vv-pagination.css +1 -0
  34. package/dist/components/vv-popover.css +1 -0
  35. package/dist/components/vv-progress.css +1 -1
  36. package/dist/components/vv-prose.css +1 -0
  37. package/dist/components/vv-questionnaire.css +1 -0
  38. package/dist/components/vv-radio-group.css +1 -1
  39. package/dist/components/vv-radio.css +1 -1
  40. package/dist/components/vv-select.css +1 -1
  41. package/dist/components/vv-separator.css +1 -0
  42. package/dist/components/vv-sidebar.css +1 -0
  43. package/dist/components/vv-spinner.css +1 -0
  44. package/dist/components/vv-table.css +1 -1
  45. package/dist/components/vv-text.css +1 -1
  46. package/dist/components/vv-textarea.css +1 -1
  47. package/dist/components.css +1 -1
  48. package/dist/export.css +1 -1
  49. package/dist/props/colors.css +1 -1
  50. package/dist/props/input.css +1 -1
  51. package/dist/props.css +1 -1
  52. package/dist/themes/dark/components.css +1 -1
  53. package/dist/themes/dark/props.css +1 -1
  54. package/dist/themes/dark/volver.css +1 -1
  55. package/dist/utilities/colors.css +1 -1
  56. package/dist/utilities/layout.css +1 -1
  57. package/dist/utilities.css +1 -1
  58. package/dist/volver.css +1 -1
  59. package/package.json +49 -1
  60. package/src/_config.scss +23 -0
  61. package/src/_preflight.scss +14 -2
  62. package/src/components/index.scss +28 -0
  63. package/src/components/vv-attachment-group.scss +17 -0
  64. package/src/components/vv-attachment.scss +17 -0
  65. package/src/components/vv-bubble-group.scss +17 -0
  66. package/src/components/vv-bubble.scss +17 -0
  67. package/src/components/vv-calendar.scss +25 -0
  68. package/src/components/vv-command.scss +17 -0
  69. package/src/components/vv-empty.scss +17 -0
  70. package/src/components/vv-field.scss +25 -0
  71. package/src/components/vv-input-otp.scss +17 -0
  72. package/src/components/vv-item-group.scss +17 -0
  73. package/src/components/vv-item.scss +39 -0
  74. package/src/components/vv-kbd-group.scss +17 -0
  75. package/src/components/vv-kbd.scss +17 -0
  76. package/src/components/vv-marker.scss +17 -0
  77. package/src/components/vv-message-scroller.scss +24 -0
  78. package/src/components/vv-message.scss +25 -0
  79. package/src/components/vv-pagination.scss +17 -0
  80. package/src/components/vv-popover.scss +17 -0
  81. package/src/components/vv-prose.scss +17 -0
  82. package/src/components/vv-questionnaire.scss +28 -0
  83. package/src/components/vv-separator.scss +17 -0
  84. package/src/components/vv-sidebar.scss +17 -0
  85. package/src/components/vv-spinner.scss +27 -0
  86. package/src/presets/_outlined-fields.scss +346 -0
  87. package/src/props/colors.scss +6 -0
  88. package/src/props/index.scss +4 -1
  89. package/src/props/media.scss +21 -6
  90. package/src/settings/_colors.scss +161 -61
  91. package/src/settings/_index.scss +26 -0
  92. package/src/settings/_input.scss +9 -0
  93. package/src/settings/components/_choice.scss +104 -0
  94. package/src/settings/components/_vv-alert.scss +37 -12
  95. package/src/settings/components/_vv-attachment-group.scss +10 -0
  96. package/src/settings/components/_vv-attachment.scss +135 -0
  97. package/src/settings/components/_vv-avatar.scss +17 -7
  98. package/src/settings/components/_vv-badge.scss +21 -13
  99. package/src/settings/components/_vv-breadcrumb.scss +1 -1
  100. package/src/settings/components/_vv-bubble-group.scss +31 -0
  101. package/src/settings/components/_vv-bubble.scss +69 -0
  102. package/src/settings/components/_vv-button.scss +48 -5
  103. package/src/settings/components/_vv-calendar.scss +102 -0
  104. package/src/settings/components/_vv-checkbox-group.scss +33 -2
  105. package/src/settings/components/_vv-checkbox.scss +7 -2
  106. package/src/settings/components/_vv-command.scss +99 -0
  107. package/src/settings/components/_vv-dialog.scss +129 -26
  108. package/src/settings/components/_vv-dropdown-action.scss +2 -1
  109. package/src/settings/components/_vv-dropdown-option.scss +3 -3
  110. package/src/settings/components/_vv-empty.scss +71 -0
  111. package/src/settings/components/_vv-field.scss +111 -0
  112. package/src/settings/components/_vv-input-file.scss +6 -6
  113. package/src/settings/components/_vv-input-otp.scss +55 -0
  114. package/src/settings/components/_vv-input-range.scss +2 -2
  115. package/src/settings/components/_vv-input-text.scss +6 -6
  116. package/src/settings/components/_vv-item-group.scss +68 -0
  117. package/src/settings/components/_vv-item.scss +201 -0
  118. package/src/settings/components/_vv-kbd-group.scss +9 -0
  119. package/src/settings/components/_vv-kbd.scss +20 -0
  120. package/src/settings/components/_vv-marker.scss +32 -0
  121. package/src/settings/components/_vv-message-scroller.scss +65 -0
  122. package/src/settings/components/_vv-message.scss +95 -0
  123. package/src/settings/components/_vv-nav.scss +7 -3
  124. package/src/settings/components/_vv-pagination.scss +78 -0
  125. package/src/settings/components/_vv-popover.scss +53 -0
  126. package/src/settings/components/_vv-progress.scss +4 -4
  127. package/src/settings/components/_vv-prose.scss +274 -0
  128. package/src/settings/components/_vv-questionnaire.scss +77 -0
  129. package/src/settings/components/_vv-radio.scss +6 -2
  130. package/src/settings/components/_vv-select.scss +5 -5
  131. package/src/settings/components/_vv-separator.scss +79 -0
  132. package/src/settings/components/_vv-sidebar.scss +91 -0
  133. package/src/settings/components/_vv-spinner.scss +26 -0
  134. package/src/settings/components/_vv-table.scss +63 -0
  135. package/src/settings/components/_vv-text.scss +2 -2
  136. package/src/settings/components/_vv-textarea.scss +6 -6
  137. package/src/themes/dark/components/_vv-checkbox.scss +27 -0
  138. package/src/themes/dark/components/_vv-radio.scss +27 -0
  139. package/src/themes/dark/components/index.scss +2 -0
  140. package/src/themes/dark/props/_colors.scss +6 -0
  141. package/src/themes/dark/settings/_colors.scss +97 -32
  142. package/src/themes/dark/settings/_index.scss +2 -0
  143. package/src/themes/dark/settings/components/_choice.scss +15 -0
  144. package/src/themes/dark/settings/components/_vv-alert.scss +6 -48
  145. package/src/themes/dark/settings/components/_vv-avatar.scss +1 -16
  146. package/src/themes/dark/settings/components/_vv-badge.scss +1 -32
  147. package/src/themes/dark/settings/components/_vv-button.scss +0 -8
  148. package/src/themes/dark/settings/components/_vv-checkbox.scss +7 -0
  149. package/src/themes/dark/settings/components/_vv-dropdown-action.scss +2 -3
  150. package/src/themes/dark/settings/components/_vv-dropdown-option.scss +2 -19
  151. package/src/themes/dark/settings/components/_vv-nav.scss +2 -15
  152. package/src/themes/dark/settings/components/_vv-radio.scss +7 -0
  153. package/src/tools/_functions.scss +430 -2
  154. package/src/tools/mixin-modules/_bem.scss +5 -39
  155. package/src/tools/mixin-modules/_states.scss +77 -0
  156. package/src/tools/mixin-modules/_theme.scss +135 -121
  157. package/src/utilities/colors.scss +49 -4
  158. package/src/utilities/layout.scss +25 -0
package/dist/themes/dark/components.css CHANGED
@@ -1 +1 @@
1
- @media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-alert-modifier-auto-close-element-close-background-color:var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-black);--vv-alert-modifier-success-element-header-color:var(--color-success-lighten-3);--vv-alert-modifier-warning-element-header-color:var(--color-warning);--vv-alert-modifier-danger-element-header-color:var(--color-danger-lighten-5);--vv-alert-modifier-accent-element-header-color:var(--color-accent-lighten-4);--vv-alert-modifier-brand-element-header-color:var(--color-brand-lighten-3);--vv-alert-modifier-info-element-header-color:var(--color-info);--vv-alert-modifier-notification-border-color:var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-2);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-alert-modifier-auto-close-element-close-background-color:var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-white);--vv-alert-modifier-success-element-header-color:var(--color-success-darken-1);--vv-alert-modifier-warning-element-header-color:var(--color-warning-darken-5);--vv-alert-modifier-danger-element-header-color:var(--color-danger);--vv-alert-modifier-accent-element-header-color:var(--color-accent);--vv-alert-modifier-brand-element-header-color:var(--color-brand-darken-3);--vv-alert-modifier-info-element-header-color:var(--color-info-darken-5);--vv-alert-modifier-notification-border-color:var(--color-gray);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}}:where(.theme.theme--dark){--vv-alert-modifier-auto-close-element-close-background-color:var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-black);--vv-alert-modifier-success-element-header-color:var(--color-success-lighten-3);--vv-alert-modifier-warning-element-header-color:var(--color-warning);--vv-alert-modifier-danger-element-header-color:var(--color-danger-lighten-5);--vv-alert-modifier-accent-element-header-color:var(--color-accent-lighten-4);--vv-alert-modifier-brand-element-header-color:var(--color-brand-lighten-3);--vv-alert-modifier-info-element-header-color:var(--color-info);--vv-alert-modifier-notification-border-color:var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-2);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}:where(.theme.theme--dark) .theme.theme--light{--vv-alert-modifier-auto-close-element-close-background-color:var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-white);--vv-alert-modifier-success-element-header-color:var(--color-success-darken-1);--vv-alert-modifier-warning-element-header-color:var(--color-warning-darken-5);--vv-alert-modifier-danger-element-header-color:var(--color-danger);--vv-alert-modifier-accent-element-header-color:var(--color-accent);--vv-alert-modifier-brand-element-header-color:var(--color-brand-darken-3);--vv-alert-modifier-info-element-header-color:var(--color-info-darken-5);--vv-alert-modifier-notification-border-color:var(--color-gray);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-avatar-modifier-ring-color:var(--color-brand-lighten-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger-lighten-5);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-lighten-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent-lighten-5);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-avatar-modifier-ring-color:var(--color-brand-darken-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-darken-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning-darken-5);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info-darken-5);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}}:where(.theme.theme--dark){--vv-avatar-modifier-ring-color:var(--color-brand-lighten-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger-lighten-5);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-lighten-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent-lighten-5);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}:where(.theme.theme--dark) .theme.theme--light{--vv-avatar-modifier-ring-color:var(--color-brand-darken-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-darken-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning-darken-5);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info-darken-5);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-badge-modifier-outline-color:var(--color-brand-lighten-3);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-outline-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning);--vv-badge-modifier-outline-modifier-info-color:var(--color-info);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-lighten-3);--vv-badge-modifier-ghost-color:var(--color-brand-lighten-3);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-badge-modifier-outline-color:var(--color-brand);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger);--vv-badge-modifier-outline-modifier-success-color:var(--color-success);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-outline-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-color:var(--color-brand);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}}:where(.theme.theme--dark){--vv-badge-modifier-outline-color:var(--color-brand-lighten-3);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-outline-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning);--vv-badge-modifier-outline-modifier-info-color:var(--color-info);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-lighten-3);--vv-badge-modifier-ghost-color:var(--color-brand-lighten-3);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-badge-modifier-outline-color:var(--color-brand);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger);--vv-badge-modifier-outline-modifier-success-color:var(--color-success);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-outline-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-color:var(--color-brand);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-link-color:var(--color-brand-lighten-3);--vv-button-modifier-link-state-active-color:var(--color-brand-lighten-2)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-link-color:var(--color-brand-darken-1);--vv-button-modifier-link-state-active-color:var(--color-brand-darken-3)}}:where(.theme.theme--dark){--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-link-color:var(--color-brand-lighten-3);--vv-button-modifier-link-state-active-color:var(--color-brand-lighten-2)}:where(.theme.theme--dark) .theme.theme--light{--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-link-color:var(--color-brand-darken-1);--vv-button-modifier-link-state-active-color:var(--color-brand-darken-3)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-dropdown-action-color:var(--color-brand-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-dropdown-action-color:var(--color-brand)}}:where(.theme.theme--dark){--vv-dropdown-action-color:var(--color-brand-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-dropdown-action-color:var(--color-brand)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-dropdown-option-state-focus-visible-color:var(--color-success-lighten-3);--vv-dropdown-option-state-selected-color:var(--color-brand-lighten-3);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger-lighten-5)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-dropdown-option-state-focus-visible-color:var(--color-success-darken-1);--vv-dropdown-option-state-selected-color:var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger)}}:where(.theme.theme--dark){--vv-dropdown-option-state-focus-visible-color:var(--color-success-lighten-3);--vv-dropdown-option-state-selected-color:var(--color-brand-lighten-3);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger-lighten-5)}:where(.theme.theme--dark) .theme.theme--light{--vv-dropdown-option-state-focus-visible-color:var(--color-success-darken-1);--vv-dropdown-option-state-selected-color:var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand)}}:where(.theme.theme--dark){--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-select-state-disabled-opacity:var(--opacity-80)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-select-state-disabled-opacity:var(--opacity-50)}}:where(.theme.theme--dark){--vv-select-state-disabled-opacity:var(--opacity-80)}:where(.theme.theme--dark) .theme.theme--light{--vv-select-state-disabled-opacity:var(--opacity-50)}
1
+ @media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-alert-modifier-auto-close-element-close-background-color:var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-black);--vv-alert-modifier-notification-border-color:var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-danger-contrast);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-brand-contrast);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-success-contrast);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-accent-contrast);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-warning-darken-5-contrast);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-2);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-info-darken-5-contrast);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-alert-modifier-auto-close-element-close-background-color:var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-white);--vv-alert-modifier-notification-border-color:var(--color-gray);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-danger-contrast);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-brand-contrast);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-success-contrast);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-accent-contrast);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-warning-darken-5-contrast);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-info-darken-5-contrast);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}}:where(.theme.theme--dark){--vv-alert-modifier-auto-close-element-close-background-color:var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-black);--vv-alert-modifier-notification-border-color:var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-danger-contrast);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-brand-contrast);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-success-contrast);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-accent-contrast);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-warning-darken-5-contrast);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-2);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-info-darken-5-contrast);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}:where(.theme.theme--dark) .theme.theme--light{--vv-alert-modifier-auto-close-element-close-background-color:var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-white);--vv-alert-modifier-notification-border-color:var(--color-gray);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-danger-contrast);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-brand-contrast);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-success-contrast);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-accent-contrast);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-warning-darken-5-contrast);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-info-darken-5-contrast);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-avatar-modifier-ring-modifier-gray-color:var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}}:where(.theme.theme--dark){--vv-avatar-modifier-ring-modifier-gray-color:var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}:where(.theme.theme--dark) .theme.theme--light{--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}}:where(.theme.theme--dark){--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background:var(--color-gray-darken-5)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4)}}:where(.theme.theme--dark){--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background:var(--color-gray-darken-5)}:where(.theme.theme--dark) .theme.theme--light{--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface-4)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface)}}:where(.theme.theme--dark){--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface-4)}:where(.theme.theme--dark) .theme.theme--light{--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-radio-modifier-segment-state-checked-within-background-color:var(--color-surface-4)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-radio-modifier-segment-state-checked-within-background-color:var(--color-surface)}}:where(.theme.theme--dark){--vv-radio-modifier-segment-state-checked-within-background-color:var(--color-surface-4)}:where(.theme.theme--dark) .theme.theme--light{--vv-radio-modifier-segment-state-checked-within-background-color:var(--color-surface)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-select-state-disabled-opacity:var(--opacity-80)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-select-state-disabled-opacity:var(--opacity-50)}}:where(.theme.theme--dark){--vv-select-state-disabled-opacity:var(--opacity-80)}:where(.theme.theme--dark) .theme.theme--light{--vv-select-state-disabled-opacity:var(--opacity-50)}
package/dist/themes/dark/props.css CHANGED
@@ -1 +1 @@
1
- @media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--bg-none:none;--bg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-chessboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='white' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='10' y='0' width='10' height='10'/%3E%3Crect fill='white' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E");--bg-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}}:where(.theme.theme--dark){--bg-none:none;--bg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-chessboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='white' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='10' y='0' width='10' height='10'/%3E%3Crect fill='white' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E");--bg-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--color-scheme:dark;--color-word:#d3d9de;--color-word-1:hsl(from var(--color-word) h s calc(l - 12));--color-word-2:hsl(from var(--color-word) h s calc(l - 24));--color-word-3:hsl(from var(--color-word) h s calc(l - 36));--color-word-4:hsl(from var(--color-word) h s calc(l - 48));--color-word-5:hsl(from var(--color-word) h s calc(l - 60));--color-surface:#0b0d0e;--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25));--color-surface-brand:hsl(from var(--color-brand) h s 10%);--color-surface-accent:hsl(from var(--color-accent) h s 10%);--color-surface-success:hsl(from var(--color-success) h s 10%);--color-surface-danger:hsl(from var(--color-danger) h s 10%);--color-surface-info:hsl(from var(--color-info) h s 10%);--color-surface-warning:hsl(from var(--color-warning) h s 10%)}}:where(.theme.theme--dark){--color-scheme:dark;--color-word:#d3d9de;--color-word-1:hsl(from var(--color-word) h s calc(l - 12));--color-word-2:hsl(from var(--color-word) h s calc(l - 24));--color-word-3:hsl(from var(--color-word) h s calc(l - 36));--color-word-4:hsl(from var(--color-word) h s calc(l - 48));--color-word-5:hsl(from var(--color-word) h s calc(l - 60));--color-surface:#0b0d0e;--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25));--color-surface-brand:hsl(from var(--color-brand) h s 10%);--color-surface-accent:hsl(from var(--color-accent) h s 10%);--color-surface-success:hsl(from var(--color-success) h s 10%);--color-surface-danger:hsl(from var(--color-danger) h s 10%);--color-surface-info:hsl(from var(--color-info) h s 10%);--color-surface-warning:hsl(from var(--color-warning) h s 10%)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--input-invalid-color:var(--color-danger-lighten-2);--input-valid-color:var(--color-success-lighten-2)}}:where(.theme.theme--dark){--input-invalid-color:var(--color-danger-lighten-2);--input-valid-color:var(--color-success-lighten-2)}
1
+ @media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--bg-none:none;--bg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-chessboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='white' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='10' y='0' width='10' height='10'/%3E%3Crect fill='white' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E");--bg-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}}:where(.theme.theme--dark){--bg-none:none;--bg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-chessboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='white' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='10' y='0' width='10' height='10'/%3E%3Crect fill='white' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E");--bg-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--color-scheme:dark;--color-word:hsl(from var(--color-tint) h 15% 85%);--color-word-1:hsl(from var(--color-word) h s calc(l - 12));--color-word-2:hsl(from var(--color-word) h s calc(l - 24));--color-word-3:hsl(from var(--color-word) h s calc(l - 36));--color-word-4:hsl(from var(--color-word) h s calc(l - 48));--color-word-5:hsl(from var(--color-word) h s calc(l - 60));--color-surface:hsl(from var(--color-tint) h 10% 5%);--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25));--color-surface-brand:hsl(from var(--color-brand) h s 10%);--color-surface-accent:hsl(from var(--color-accent) h s 10%);--color-surface-success:hsl(from var(--color-success) h s 10%);--color-surface-danger:hsl(from var(--color-danger) h s 10%);--color-surface-info:hsl(from var(--color-info) h s 10%);--color-surface-warning:hsl(from var(--color-warning) h s 10%);--color-surface-brand-readable:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-accent-readable:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-success-readable:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-danger-readable:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-info-readable:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-warning-readable:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-brand-readable:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-brand-readable-strong:color(from color(from var(--color-brand-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-brand-graphic:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-accent-readable:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-accent-readable-strong:color(from color(from var(--color-accent-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-accent-graphic:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-success-readable:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-success-readable-strong:color(from color(from var(--color-success-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-success-graphic:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-danger-readable:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-danger-readable-strong:color(from color(from var(--color-danger-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-danger-graphic:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-info-readable:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-info-readable-strong:color(from color(from var(--color-info-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-info-graphic:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-warning-readable:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-warning-readable-strong:color(from color(from var(--color-warning-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-warning-graphic:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))))}@supports not (color:hsl(from red h s calc(l + 1))){:where(:host,:root,.theme):not(.theme--light){--color-word-1:hsl(from var(--color-word) h s calc(l - 12%));--color-word-2:hsl(from var(--color-word) h s calc(l - 24%));--color-word-3:hsl(from var(--color-word) h s calc(l - 36%));--color-word-4:hsl(from var(--color-word) h s calc(l - 48%));--color-word-5:hsl(from var(--color-word) h s calc(l - 60%));--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5%));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10%));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15%));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20%));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25%))}}}:where(.theme.theme--dark){--color-scheme:dark;--color-word:hsl(from var(--color-tint) h 15% 85%);--color-word-1:hsl(from var(--color-word) h s calc(l - 12));--color-word-2:hsl(from var(--color-word) h s calc(l - 24));--color-word-3:hsl(from var(--color-word) h s calc(l - 36));--color-word-4:hsl(from var(--color-word) h s calc(l - 48));--color-word-5:hsl(from var(--color-word) h s calc(l - 60));--color-surface:hsl(from var(--color-tint) h 10% 5%);--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25));--color-surface-brand:hsl(from var(--color-brand) h s 10%);--color-surface-accent:hsl(from var(--color-accent) h s 10%);--color-surface-success:hsl(from var(--color-success) h s 10%);--color-surface-danger:hsl(from var(--color-danger) h s 10%);--color-surface-info:hsl(from var(--color-info) h s 10%);--color-surface-warning:hsl(from var(--color-warning) h s 10%);--color-surface-brand-readable:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-accent-readable:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-success-readable:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-danger-readable:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-info-readable:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-warning-readable:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-brand-readable:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-brand-readable-strong:color(from color(from var(--color-brand-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-brand-graphic:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-accent-readable:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-accent-readable-strong:color(from color(from var(--color-accent-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-accent-graphic:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-success-readable:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-success-readable-strong:color(from color(from var(--color-success-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-success-graphic:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-danger-readable:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-danger-readable-strong:color(from color(from var(--color-danger-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-danger-graphic:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-info-readable:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-info-readable-strong:color(from color(from var(--color-info-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-info-graphic:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-warning-readable:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-warning-readable-strong:color(from color(from var(--color-warning-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-warning-graphic:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))))}@supports not (color:hsl(from red h s calc(l + 1))){:where(.theme.theme--dark){--color-word-1:hsl(from var(--color-word) h s calc(l - 12%));--color-word-2:hsl(from var(--color-word) h s calc(l - 24%));--color-word-3:hsl(from var(--color-word) h s calc(l - 36%));--color-word-4:hsl(from var(--color-word) h s calc(l - 48%));--color-word-5:hsl(from var(--color-word) h s calc(l - 60%));--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5%));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10%));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15%));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20%));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25%))}}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--input-invalid-color:var(--color-danger-lighten-2);--input-valid-color:var(--color-success-lighten-2)}}:where(.theme.theme--dark){--input-invalid-color:var(--color-danger-lighten-2);--input-valid-color:var(--color-success-lighten-2)}
package/dist/themes/dark/volver.css CHANGED
@@ -1 +1 @@
1
- @media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--bg-none:none;--bg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-chessboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='white' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='10' y='0' width='10' height='10'/%3E%3Crect fill='white' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E");--bg-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}}:where(.theme.theme--dark){--bg-none:none;--bg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-chessboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='white' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='10' y='0' width='10' height='10'/%3E%3Crect fill='white' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E");--bg-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--color-scheme:dark;--color-word:#d3d9de;--color-word-1:hsl(from var(--color-word) h s calc(l - 12));--color-word-2:hsl(from var(--color-word) h s calc(l - 24));--color-word-3:hsl(from var(--color-word) h s calc(l - 36));--color-word-4:hsl(from var(--color-word) h s calc(l - 48));--color-word-5:hsl(from var(--color-word) h s calc(l - 60));--color-surface:#0b0d0e;--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25));--color-surface-brand:hsl(from var(--color-brand) h s 10%);--color-surface-accent:hsl(from var(--color-accent) h s 10%);--color-surface-success:hsl(from var(--color-success) h s 10%);--color-surface-danger:hsl(from var(--color-danger) h s 10%);--color-surface-info:hsl(from var(--color-info) h s 10%);--color-surface-warning:hsl(from var(--color-warning) h s 10%)}}:where(.theme.theme--dark){--color-scheme:dark;--color-word:#d3d9de;--color-word-1:hsl(from var(--color-word) h s calc(l - 12));--color-word-2:hsl(from var(--color-word) h s calc(l - 24));--color-word-3:hsl(from var(--color-word) h s calc(l - 36));--color-word-4:hsl(from var(--color-word) h s calc(l - 48));--color-word-5:hsl(from var(--color-word) h s calc(l - 60));--color-surface:#0b0d0e;--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25));--color-surface-brand:hsl(from var(--color-brand) h s 10%);--color-surface-accent:hsl(from var(--color-accent) h s 10%);--color-surface-success:hsl(from var(--color-success) h s 10%);--color-surface-danger:hsl(from var(--color-danger) h s 10%);--color-surface-info:hsl(from var(--color-info) h s 10%);--color-surface-warning:hsl(from var(--color-warning) h s 10%)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--input-invalid-color:var(--color-danger-lighten-2);--input-valid-color:var(--color-success-lighten-2)}}:where(.theme.theme--dark){--input-invalid-color:var(--color-danger-lighten-2);--input-valid-color:var(--color-success-lighten-2)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-alert-modifier-auto-close-element-close-background-color:var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-black);--vv-alert-modifier-success-element-header-color:var(--color-success-lighten-3);--vv-alert-modifier-warning-element-header-color:var(--color-warning);--vv-alert-modifier-danger-element-header-color:var(--color-danger-lighten-5);--vv-alert-modifier-accent-element-header-color:var(--color-accent-lighten-4);--vv-alert-modifier-brand-element-header-color:var(--color-brand-lighten-3);--vv-alert-modifier-info-element-header-color:var(--color-info);--vv-alert-modifier-notification-border-color:var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-2);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-alert-modifier-auto-close-element-close-background-color:var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-white);--vv-alert-modifier-success-element-header-color:var(--color-success-darken-1);--vv-alert-modifier-warning-element-header-color:var(--color-warning-darken-5);--vv-alert-modifier-danger-element-header-color:var(--color-danger);--vv-alert-modifier-accent-element-header-color:var(--color-accent);--vv-alert-modifier-brand-element-header-color:var(--color-brand-darken-3);--vv-alert-modifier-info-element-header-color:var(--color-info-darken-5);--vv-alert-modifier-notification-border-color:var(--color-gray);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}}:where(.theme.theme--dark){--vv-alert-modifier-auto-close-element-close-background-color:var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-black);--vv-alert-modifier-success-element-header-color:var(--color-success-lighten-3);--vv-alert-modifier-warning-element-header-color:var(--color-warning);--vv-alert-modifier-danger-element-header-color:var(--color-danger-lighten-5);--vv-alert-modifier-accent-element-header-color:var(--color-accent-lighten-4);--vv-alert-modifier-brand-element-header-color:var(--color-brand-lighten-3);--vv-alert-modifier-info-element-header-color:var(--color-info);--vv-alert-modifier-notification-border-color:var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-2);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}:where(.theme.theme--dark) .theme.theme--light{--vv-alert-modifier-auto-close-element-close-background-color:var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-white);--vv-alert-modifier-success-element-header-color:var(--color-success-darken-1);--vv-alert-modifier-warning-element-header-color:var(--color-warning-darken-5);--vv-alert-modifier-danger-element-header-color:var(--color-danger);--vv-alert-modifier-accent-element-header-color:var(--color-accent);--vv-alert-modifier-brand-element-header-color:var(--color-brand-darken-3);--vv-alert-modifier-info-element-header-color:var(--color-info-darken-5);--vv-alert-modifier-notification-border-color:var(--color-gray);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-avatar-modifier-ring-color:var(--color-brand-lighten-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger-lighten-5);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-lighten-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent-lighten-5);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-avatar-modifier-ring-color:var(--color-brand-darken-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-darken-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning-darken-5);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info-darken-5);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}}:where(.theme.theme--dark){--vv-avatar-modifier-ring-color:var(--color-brand-lighten-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger-lighten-5);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-lighten-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent-lighten-5);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}:where(.theme.theme--dark) .theme.theme--light{--vv-avatar-modifier-ring-color:var(--color-brand-darken-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-darken-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning-darken-5);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info-darken-5);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-badge-modifier-outline-color:var(--color-brand-lighten-3);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-outline-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning);--vv-badge-modifier-outline-modifier-info-color:var(--color-info);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-lighten-3);--vv-badge-modifier-ghost-color:var(--color-brand-lighten-3);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-badge-modifier-outline-color:var(--color-brand);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger);--vv-badge-modifier-outline-modifier-success-color:var(--color-success);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-outline-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-color:var(--color-brand);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}}:where(.theme.theme--dark){--vv-badge-modifier-outline-color:var(--color-brand-lighten-3);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-outline-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning);--vv-badge-modifier-outline-modifier-info-color:var(--color-info);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-lighten-3);--vv-badge-modifier-ghost-color:var(--color-brand-lighten-3);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-badge-modifier-outline-color:var(--color-brand);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger);--vv-badge-modifier-outline-modifier-success-color:var(--color-success);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-outline-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-color:var(--color-brand);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-link-color:var(--color-brand-lighten-3);--vv-button-modifier-link-state-active-color:var(--color-brand-lighten-2)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-link-color:var(--color-brand-darken-1);--vv-button-modifier-link-state-active-color:var(--color-brand-darken-3)}}:where(.theme.theme--dark){--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-link-color:var(--color-brand-lighten-3);--vv-button-modifier-link-state-active-color:var(--color-brand-lighten-2)}:where(.theme.theme--dark) .theme.theme--light{--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-link-color:var(--color-brand-darken-1);--vv-button-modifier-link-state-active-color:var(--color-brand-darken-3)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-dropdown-action-color:var(--color-brand-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-dropdown-action-color:var(--color-brand)}}:where(.theme.theme--dark){--vv-dropdown-action-color:var(--color-brand-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-dropdown-action-color:var(--color-brand)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-dropdown-option-state-focus-visible-color:var(--color-success-lighten-3);--vv-dropdown-option-state-selected-color:var(--color-brand-lighten-3);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger-lighten-5)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-dropdown-option-state-focus-visible-color:var(--color-success-darken-1);--vv-dropdown-option-state-selected-color:var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger)}}:where(.theme.theme--dark){--vv-dropdown-option-state-focus-visible-color:var(--color-success-lighten-3);--vv-dropdown-option-state-selected-color:var(--color-brand-lighten-3);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger-lighten-5)}:where(.theme.theme--dark) .theme.theme--light{--vv-dropdown-option-state-focus-visible-color:var(--color-success-darken-1);--vv-dropdown-option-state-selected-color:var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand)}}:where(.theme.theme--dark){--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-select-state-disabled-opacity:var(--opacity-80)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-select-state-disabled-opacity:var(--opacity-50)}}:where(.theme.theme--dark){--vv-select-state-disabled-opacity:var(--opacity-80)}:where(.theme.theme--dark) .theme.theme--light{--vv-select-state-disabled-opacity:var(--opacity-50)}
1
+ @media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--bg-none:none;--bg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-chessboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='white' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='10' y='0' width='10' height='10'/%3E%3Crect fill='white' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E");--bg-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}}:where(.theme.theme--dark){--bg-none:none;--bg-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-chessboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='white' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='10' y='0' width='10' height='10'/%3E%3Crect fill='white' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E");--bg-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--color-scheme:dark;--color-word:hsl(from var(--color-tint) h 15% 85%);--color-word-1:hsl(from var(--color-word) h s calc(l - 12));--color-word-2:hsl(from var(--color-word) h s calc(l - 24));--color-word-3:hsl(from var(--color-word) h s calc(l - 36));--color-word-4:hsl(from var(--color-word) h s calc(l - 48));--color-word-5:hsl(from var(--color-word) h s calc(l - 60));--color-surface:hsl(from var(--color-tint) h 10% 5%);--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25));--color-surface-brand:hsl(from var(--color-brand) h s 10%);--color-surface-accent:hsl(from var(--color-accent) h s 10%);--color-surface-success:hsl(from var(--color-success) h s 10%);--color-surface-danger:hsl(from var(--color-danger) h s 10%);--color-surface-info:hsl(from var(--color-info) h s 10%);--color-surface-warning:hsl(from var(--color-warning) h s 10%);--color-surface-brand-readable:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-accent-readable:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-success-readable:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-danger-readable:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-info-readable:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-warning-readable:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-brand-readable:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-brand-readable-strong:color(from color(from var(--color-brand-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-brand-graphic:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-accent-readable:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-accent-readable-strong:color(from color(from var(--color-accent-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-accent-graphic:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-success-readable:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-success-readable-strong:color(from color(from var(--color-success-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-success-graphic:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-danger-readable:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-danger-readable-strong:color(from color(from var(--color-danger-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-danger-graphic:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-info-readable:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-info-readable-strong:color(from color(from var(--color-info-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-info-graphic:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-warning-readable:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-warning-readable-strong:color(from color(from var(--color-warning-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-warning-graphic:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))))}@supports not (color:hsl(from red h s calc(l + 1))){:where(:host,:root,.theme):not(.theme--light){--color-word-1:hsl(from var(--color-word) h s calc(l - 12%));--color-word-2:hsl(from var(--color-word) h s calc(l - 24%));--color-word-3:hsl(from var(--color-word) h s calc(l - 36%));--color-word-4:hsl(from var(--color-word) h s calc(l - 48%));--color-word-5:hsl(from var(--color-word) h s calc(l - 60%));--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5%));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10%));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15%));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20%));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25%))}}}:where(.theme.theme--dark){--color-scheme:dark;--color-word:hsl(from var(--color-tint) h 15% 85%);--color-word-1:hsl(from var(--color-word) h s calc(l - 12));--color-word-2:hsl(from var(--color-word) h s calc(l - 24));--color-word-3:hsl(from var(--color-word) h s calc(l - 36));--color-word-4:hsl(from var(--color-word) h s calc(l - 48));--color-word-5:hsl(from var(--color-word) h s calc(l - 60));--color-surface:hsl(from var(--color-tint) h 10% 5%);--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25));--color-surface-brand:hsl(from var(--color-brand) h s 10%);--color-surface-accent:hsl(from var(--color-accent) h s 10%);--color-surface-success:hsl(from var(--color-success) h s 10%);--color-surface-danger:hsl(from var(--color-danger) h s 10%);--color-surface-info:hsl(from var(--color-info) h s 10%);--color-surface-warning:hsl(from var(--color-warning) h s 10%);--color-surface-brand-readable:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-accent-readable:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-success-readable:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-danger-readable:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-info-readable:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-surface-warning-readable:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .3213 / max(y, .0001))) calc(y * max(1, .3213 / max(y, .0001))) calc(z * max(1, .3213 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .6787 / max(1 - y, .0001))) max(y, .3213) calc(1.0891 - (1.0891 - z) * min(1, .6787 / max(1 - y, .0001))));--color-brand-readable:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-brand-readable-strong:color(from color(from var(--color-brand-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-brand-graphic:color(from color(from color(from var(--color-brand) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-accent-readable:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-accent-readable-strong:color(from color(from var(--color-accent-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-accent-graphic:color(from color(from color(from var(--color-accent) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-success-readable:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-success-readable-strong:color(from color(from var(--color-success-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-success-graphic:color(from color(from color(from var(--color-success) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-danger-readable:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-danger-readable-strong:color(from color(from var(--color-danger-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-danger-graphic:color(from color(from color(from var(--color-danger) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-info-readable:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-info-readable-strong:color(from color(from var(--color-info-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-info-graphic:color(from color(from color(from var(--color-info) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))));--color-warning-readable:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .2846 / max(y, .0001))) calc(y * max(1, .2846 / max(y, .0001))) calc(z * max(1, .2846 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .7154 / max(1 - y, .0001))) max(y, .2846) calc(1.0891 - (1.0891 - z) * min(1, .7154 / max(1 - y, .0001))));--color-warning-readable-strong:color(from color(from var(--color-warning-readable) xyz-d65 calc(x * 1.5) calc(y * 1.5) calc(z * 1.5)) srgb min(r, alpha) min(g, alpha) min(b, alpha));--color-warning-graphic:color(from color(from color(from var(--color-warning) xyz-d65 calc(x * max(1, .1755 / max(y, .0001))) calc(y * max(1, .1755 / max(y, .0001))) calc(z * max(1, .1755 / max(y, .0001)))) srgb min(r, alpha) min(g, alpha) min(b, alpha)) xyz-d65 calc(.9505 - (.9505 - x) * min(1, .8245 / max(1 - y, .0001))) max(y, .1755) calc(1.0891 - (1.0891 - z) * min(1, .8245 / max(1 - y, .0001))))}@supports not (color:hsl(from red h s calc(l + 1))){:where(.theme.theme--dark){--color-word-1:hsl(from var(--color-word) h s calc(l - 12%));--color-word-2:hsl(from var(--color-word) h s calc(l - 24%));--color-word-3:hsl(from var(--color-word) h s calc(l - 36%));--color-word-4:hsl(from var(--color-word) h s calc(l - 48%));--color-word-5:hsl(from var(--color-word) h s calc(l - 60%));--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5%));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10%));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15%));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20%));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25%))}}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--input-invalid-color:var(--color-danger-lighten-2);--input-valid-color:var(--color-success-lighten-2)}}:where(.theme.theme--dark){--input-invalid-color:var(--color-danger-lighten-2);--input-valid-color:var(--color-success-lighten-2)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-alert-modifier-auto-close-element-close-background-color:var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-black);--vv-alert-modifier-notification-border-color:var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-danger-contrast);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-brand-contrast);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-success-contrast);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-accent-contrast);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-warning-darken-5-contrast);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-2);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-info-darken-5-contrast);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-alert-modifier-auto-close-element-close-background-color:var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-white);--vv-alert-modifier-notification-border-color:var(--color-gray);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-danger-contrast);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-brand-contrast);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-success-contrast);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-accent-contrast);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-warning-darken-5-contrast);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-info-darken-5-contrast);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}}:where(.theme.theme--dark){--vv-alert-modifier-auto-close-element-close-background-color:var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-black);--vv-alert-modifier-notification-border-color:var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-danger-contrast);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-brand-contrast);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-success-contrast);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-accent-contrast);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-warning-darken-5-contrast);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-2);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-info-darken-5-contrast);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}:where(.theme.theme--dark) .theme.theme--light{--vv-alert-modifier-auto-close-element-close-background-color:var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-white);--vv-alert-modifier-notification-border-color:var(--color-gray);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-danger-contrast);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-brand-contrast);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-success-contrast);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-accent-contrast);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-warning-darken-5-contrast);--vv-alert-modifier-notification-modifier-warning-element-header-background-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color:var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-info-darken-5-contrast);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-avatar-modifier-ring-modifier-gray-color:var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}}:where(.theme.theme--dark){--vv-avatar-modifier-ring-modifier-gray-color:var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}:where(.theme.theme--dark) .theme.theme--light{--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}}:where(.theme.theme--dark){--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background:var(--color-gray-darken-5)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4)}}:where(.theme.theme--dark){--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background:var(--color-gray-darken-5)}:where(.theme.theme--dark) .theme.theme--light{--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface-4)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface)}}:where(.theme.theme--dark){--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface-4)}:where(.theme.theme--dark) .theme.theme--light{--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-radio-modifier-segment-state-checked-within-background-color:var(--color-surface-4)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-radio-modifier-segment-state-checked-within-background-color:var(--color-surface)}}:where(.theme.theme--dark){--vv-radio-modifier-segment-state-checked-within-background-color:var(--color-surface-4)}:where(.theme.theme--dark) .theme.theme--light{--vv-radio-modifier-segment-state-checked-within-background-color:var(--color-surface)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-select-state-disabled-opacity:var(--opacity-80)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-select-state-disabled-opacity:var(--opacity-50)}}:where(.theme.theme--dark){--vv-select-state-disabled-opacity:var(--opacity-80)}:where(.theme.theme--dark) .theme.theme--light{--vv-select-state-disabled-opacity:var(--opacity-50)}