@volverjs/style 0.1.12-beta.2 → 0.1.12-beta.20

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 (145) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +5 -5
  3. package/dist/base.css +1 -1
  4. package/dist/components/vv-accordion-group.css +1 -1
  5. package/dist/components/vv-accordion.css +1 -1
  6. package/dist/components/vv-alert-group.css +1 -1
  7. package/dist/components/vv-alert.css +1 -1
  8. package/dist/components/vv-avatar-group.css +1 -1
  9. package/dist/components/vv-avatar.css +1 -1
  10. package/dist/components/vv-badge.css +1 -1
  11. package/dist/components/vv-breadcrumb.css +1 -1
  12. package/dist/components/vv-button-group.css +1 -1
  13. package/dist/components/vv-button.css +1 -1
  14. package/dist/components/vv-card.css +1 -1
  15. package/dist/components/vv-checkbox-group.css +1 -1
  16. package/dist/components/vv-checkbox.css +1 -1
  17. package/dist/components/vv-dialog.css +1 -1
  18. package/dist/components/vv-dropdown-action.css +1 -1
  19. package/dist/components/vv-dropdown-optgroup.css +1 -1
  20. package/dist/components/vv-dropdown-option.css +1 -1
  21. package/dist/components/vv-dropdown.css +1 -1
  22. package/dist/components/vv-input-file.css +1 -0
  23. package/dist/components/vv-input-text.css +1 -1
  24. package/dist/components/vv-nav.css +1 -1
  25. package/dist/components/vv-progress.css +1 -1
  26. package/dist/components/vv-radio-group.css +1 -1
  27. package/dist/components/vv-radio.css +1 -1
  28. package/dist/components/vv-select.css +1 -1
  29. package/dist/components/vv-skeleton.css +1 -1
  30. package/dist/components/vv-tab.css +1 -1
  31. package/dist/components/vv-table.css +1 -1
  32. package/dist/components/vv-text.css +1 -1
  33. package/dist/components/vv-textarea.css +1 -1
  34. package/dist/components/vv-tooltip.css +1 -1
  35. package/dist/components.css +1 -1
  36. package/dist/export.css +1 -1
  37. package/dist/props/background.css +1 -1
  38. package/dist/props/colors.css +1 -1
  39. package/dist/props/filters.css +1 -1
  40. package/dist/props/input.css +1 -1
  41. package/dist/props/layout.css +1 -1
  42. package/dist/props/spacing.css +1 -1
  43. package/dist/props/transitions.css +1 -1
  44. package/dist/props/typography.css +1 -1
  45. package/dist/props.css +1 -1
  46. package/dist/reset.css +1 -1
  47. package/dist/themes/dark/components.css +1 -1
  48. package/dist/themes/dark/props.css +1 -1
  49. package/dist/themes/dark/volver.css +1 -1
  50. package/dist/utilities/backgrounds.css +1 -1
  51. package/dist/utilities/colors.css +1 -1
  52. package/dist/utilities/effects.css +1 -1
  53. package/dist/utilities/filters.css +1 -1
  54. package/dist/utilities/interactivity.css +1 -1
  55. package/dist/utilities/layout.css +1 -1
  56. package/dist/utilities/sizing.css +1 -1
  57. package/dist/utilities/transforms.css +1 -1
  58. package/dist/utilities/typography.css +1 -1
  59. package/dist/utilities.css +1 -1
  60. package/dist/volver.css +1 -1
  61. package/package.json +44 -44
  62. package/src/_config.scss +10 -9
  63. package/src/_preflight.scss +35 -1
  64. package/src/components/index.scss +1 -0
  65. package/src/components/vv-button-group.scss +6 -6
  66. package/src/components/vv-button.scss +1 -12
  67. package/src/components/vv-input-file.scss +93 -0
  68. package/src/components/vv-input-text.scss +54 -11
  69. package/src/components/vv-select.scss +53 -10
  70. package/src/components/vv-textarea.scss +53 -10
  71. package/src/components/vv-tooltip.scss +1 -1
  72. package/src/export.scss +33 -59
  73. package/src/props/background.scss +1 -0
  74. package/src/props/breakpoints.scss +5 -4
  75. package/src/props/index.scss +0 -1
  76. package/src/props/spacing.scss +2 -2
  77. package/src/props/transitions.scss +19 -0
  78. package/src/props/typography.scss +3 -2
  79. package/src/settings/_background.scss +228 -0
  80. package/src/settings/_colors.scss +16 -53
  81. package/src/settings/_effects.scss +0 -18
  82. package/src/settings/_filters.scss +15 -0
  83. package/src/settings/_index.scss +1 -1
  84. package/src/settings/_input.scss +4 -3
  85. package/src/settings/_interactivity.scss +14 -0
  86. package/src/settings/_layout.scss +1 -0
  87. package/src/settings/_transitions.scss +1 -0
  88. package/src/settings/_typography.scss +9 -1
  89. package/src/settings/components/_vv-accordion-group.scss +2 -2
  90. package/src/settings/components/_vv-accordion.scss +6 -5
  91. package/src/settings/components/_vv-alert-group.scss +14 -4
  92. package/src/settings/components/_vv-alert.scss +9 -9
  93. package/src/settings/components/_vv-avatar-group.scss +1 -0
  94. package/src/settings/components/_vv-avatar.scss +54 -52
  95. package/src/settings/components/_vv-badge.scss +67 -27
  96. package/src/settings/components/_vv-breadcrumb.scss +1 -0
  97. package/src/settings/components/_vv-button.scss +11 -5
  98. package/src/settings/components/_vv-card.scss +2 -0
  99. package/src/settings/components/_vv-checkbox-group.scss +3 -0
  100. package/src/settings/components/_vv-checkbox.scss +1 -0
  101. package/src/settings/components/_vv-dialog.scss +4 -0
  102. package/src/settings/components/_vv-dropdown-option.scss +2 -2
  103. package/src/settings/components/_vv-dropdown.scss +93 -7
  104. package/src/settings/components/_vv-input-file.scss +503 -0
  105. package/src/settings/components/_vv-input-text.scss +5 -1
  106. package/src/settings/components/_vv-nav.scss +10 -9
  107. package/src/settings/components/_vv-progress.scss +2 -0
  108. package/src/settings/components/_vv-radio.scss +3 -2
  109. package/src/settings/components/_vv-select.scss +6 -1
  110. package/src/settings/components/_vv-table.scss +19 -1
  111. package/src/settings/components/_vv-text.scss +1 -0
  112. package/src/settings/components/_vv-textarea.scss +6 -1
  113. package/src/themes/dark/components/_vv-avatar.scss +22 -0
  114. package/src/themes/dark/components/_vv-badge.scss +22 -0
  115. package/src/themes/dark/components/_vv-dropdown-action.scss +22 -0
  116. package/src/themes/dark/components/_vv-dropdown-option.scss +22 -0
  117. package/src/themes/dark/components/_vv-nav.scss +22 -0
  118. package/src/themes/dark/components/index.scss +6 -1
  119. package/src/themes/dark/settings/_background.scss +2 -0
  120. package/src/themes/dark/settings/_colors.scss +4 -38
  121. package/src/themes/dark/settings/_index.scss +6 -1
  122. package/src/themes/dark/settings/components/_vv-alert.scss +1 -1
  123. package/src/themes/dark/settings/components/_vv-avatar.scss +27 -0
  124. package/src/themes/dark/settings/components/_vv-badge.scss +50 -0
  125. package/src/themes/dark/settings/components/_vv-button.scss +13 -8
  126. package/src/themes/dark/settings/components/_vv-dropdown-action.scss +3 -0
  127. package/src/themes/dark/settings/components/_vv-dropdown-option.scss +19 -0
  128. package/src/themes/dark/settings/components/_vv-nav.scss +15 -0
  129. package/src/tools/_breakpoints.scss +13 -4
  130. package/src/tools/_functions.scss +26 -13
  131. package/src/tools/_mixins.scss +97 -26
  132. package/src/utilities/backgrounds.scss +14 -4
  133. package/src/utilities/flexbox.scss +6 -1
  134. package/src/utilities/index.scss +0 -1
  135. package/src/utilities/interactivity.scss +17 -1
  136. package/src/utilities/layout.scss +9 -3
  137. package/src/utilities/sizing.scss +10 -2
  138. package/src/utilities/spacing.scss +10 -1
  139. package/src/utilities/transforms.scss +2 -2
  140. package/src/utilities/typography.scss +21 -0
  141. package/dist/props/gradient.css +0 -1
  142. package/dist/utilities/gradients.css +0 -1
  143. package/src/props/gradient.scss +0 -7
  144. package/src/settings/_gradient.scss +0 -201
  145. package/src/utilities/gradients.scss +0 -11
package/dist/themes/dark/components.css CHANGED
@@ -1 +1 @@
1
- @media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-button-modifier-primary-border-color: var(--color-gray-darken-1);--vv-button-modifier-primary-background: var(--color-gray-darken-1);--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-lighten-1);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-lighten-1);--vv-button-modifier-primary-state-active-background: var(--color-gray);--vv-button-modifier-primary-state-active-border-color: var(--color-gray);--vv-button-modifier-secondary-border-color: var(--color-gray-darken-1);--vv-button-modifier-secondary-background: var(--color-gray-darken-3);--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-1)}}:where(.theme.theme--dark){--vv-button-modifier-primary-border-color: var(--color-gray-darken-1);--vv-button-modifier-primary-background: var(--color-gray-darken-1);--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-lighten-1);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-lighten-1);--vv-button-modifier-primary-state-active-background: var(--color-gray);--vv-button-modifier-primary-state-active-border-color: var(--color-gray);--vv-button-modifier-secondary-border-color: var(--color-gray-darken-1);--vv-button-modifier-secondary-background: var(--color-gray-darken-3);--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-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-2);--vv-alert-modifier-info-element-header-color: var(--color-info);--vv-alert-modifier-notification-element-header-background-color: var(--color-gray-darken-2);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent-lighten-3);--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-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-2);--vv-alert-modifier-info-element-header-color: var(--color-info);--vv-alert-modifier-notification-element-header-background-color: var(--color-gray-darken-2);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent-lighten-3);--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-background-color: var(--color-info-darken-5)}
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-element-header-background-color: var(--color-gray-darken-2);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent-lighten-3);--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-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-element-header-background-color: var(--color-gray-darken-2);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent-lighten-3);--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-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)}}: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)}@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(.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)}@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-background: transparent;--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){--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-background: transparent;--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)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-dropdown-action-color: var(--color-brand-lighten-3)}}:where(.theme.theme--dark){--vv-dropdown-action-color: var(--color-brand-lighten-3)}@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(.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)}@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(.theme.theme--dark){--vv-nav-modifier-tabs-element-item-label-state-current-color: var(--color-brand-lighten-3)}
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, 217, 222)' 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-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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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-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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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-hue: 209.8378378378deg;--color-word-saturation: 15%;--color-word-lightness: 85%;--color-word: hsla(var(--color-word-hue) var(--color-word-saturation) var(--color-word-lightness)/1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 12% ));--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 24% ));--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 36% ));--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 48% ));--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 60% ));--color-surface-hue: 209.8378378378deg;--color-surface-saturation: 10%;--color-surface-lightness: 5%;--color-surface: hsla(var(--color-surface-hue) var(--color-surface-saturation) var(--color-surface-lightness)/1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 5% ));--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 10% ));--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 15% ));--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 20% ));--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 25% ));--color-surface-brand: hsl(var(--color-brand-hue), var(--color-brand-saturation), 10%);--color-surface-accent: hsl(var(--color-accent-hue), var(--color-accent-saturation), 10%);--color-surface-success: hsl(var(--color-success-hue), var(--color-success-saturation), 10%);--color-surface-danger: hsl(var(--color-danger-hue), var(--color-danger-saturation), 10%);--color-surface-info: hsl(var(--color-info-hue), var(--color-info-saturation), 10%);--color-surface-warning: hsl(var(--color-warning-hue), var(--color-warning-saturation), 10%);--color-alpha-hue: 0deg;--color-alpha-saturation: 0%;--color-alpha-lightness: 100%;--color-alpha: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/0);--color-alpha-1: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/5%);--color-alpha-2: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/10%);--color-alpha-3: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/15%);--color-alpha-4: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/20%);--color-alpha-5: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/25%)}}:where(.theme.theme--dark){--color-scheme: dark;--color-word-hue: 209.8378378378deg;--color-word-saturation: 15%;--color-word-lightness: 85%;--color-word: hsla(var(--color-word-hue) var(--color-word-saturation) var(--color-word-lightness)/1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 12% ));--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 24% ));--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 36% ));--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 48% ));--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 60% ));--color-surface-hue: 209.8378378378deg;--color-surface-saturation: 10%;--color-surface-lightness: 5%;--color-surface: hsla(var(--color-surface-hue) var(--color-surface-saturation) var(--color-surface-lightness)/1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 5% ));--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 10% ));--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 15% ));--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 20% ));--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 25% ));--color-surface-brand: hsl(var(--color-brand-hue), var(--color-brand-saturation), 10%);--color-surface-accent: hsl(var(--color-accent-hue), var(--color-accent-saturation), 10%);--color-surface-success: hsl(var(--color-success-hue), var(--color-success-saturation), 10%);--color-surface-danger: hsl(var(--color-danger-hue), var(--color-danger-saturation), 10%);--color-surface-info: hsl(var(--color-info-hue), var(--color-info-saturation), 10%);--color-surface-warning: hsl(var(--color-warning-hue), var(--color-warning-saturation), 10%);--color-alpha-hue: 0deg;--color-alpha-saturation: 0%;--color-alpha-lightness: 100%;--color-alpha: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/0);--color-alpha-1: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/5%);--color-alpha-2: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/10%);--color-alpha-3: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/15%);--color-alpha-4: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/20%);--color-alpha-5: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/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)}
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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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-hue: 209.8203592814deg;--color-word-saturation: 15%;--color-word-lightness: 85%;--color-word: hsla(var(--color-word-hue), var(--color-word-saturation), var(--color-word-lightness), 1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 12%));--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 24%));--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 36%));--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 48%));--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 60%));--color-surface-hue: 209.8203592814deg;--color-surface-saturation: 10%;--color-surface-lightness: 5%;--color-surface: hsla(var(--color-surface-hue), var(--color-surface-saturation), var(--color-surface-lightness), 1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 5%));--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 10%));--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 15%));--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 20%));--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 25%));--color-surface-brand: hsl(var(--color-brand-hue), var(--color-brand-saturation), 10%);--color-surface-accent: hsl(var(--color-accent-hue), var(--color-accent-saturation), 10%);--color-surface-success: hsl(var(--color-success-hue), var(--color-success-saturation), 10%);--color-surface-danger: hsl(var(--color-danger-hue), var(--color-danger-saturation), 10%);--color-surface-info: hsl(var(--color-info-hue), var(--color-info-saturation), 10%);--color-surface-warning: hsl(var(--color-warning-hue), var(--color-warning-saturation), 10%)}}:where(.theme.theme--dark){--color-scheme: dark;--color-word-hue: 209.8203592814deg;--color-word-saturation: 15%;--color-word-lightness: 85%;--color-word: hsla(var(--color-word-hue), var(--color-word-saturation), var(--color-word-lightness), 1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 12%));--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 24%));--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 36%));--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 48%));--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 60%));--color-surface-hue: 209.8203592814deg;--color-surface-saturation: 10%;--color-surface-lightness: 5%;--color-surface: hsla(var(--color-surface-hue), var(--color-surface-saturation), var(--color-surface-lightness), 1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 5%));--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 10%));--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 15%));--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 20%));--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 25%));--color-surface-brand: hsl(var(--color-brand-hue), var(--color-brand-saturation), 10%);--color-surface-accent: hsl(var(--color-accent-hue), var(--color-accent-saturation), 10%);--color-surface-success: hsl(var(--color-success-hue), var(--color-success-saturation), 10%);--color-surface-danger: hsl(var(--color-danger-hue), var(--color-danger-saturation), 10%);--color-surface-info: hsl(var(--color-info-hue), var(--color-info-saturation), 10%);--color-surface-warning: hsl(var(--color-warning-hue), var(--color-warning-saturation), 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)}
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, 217, 222)' 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-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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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-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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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-hue: 209.8378378378deg;--color-word-saturation: 15%;--color-word-lightness: 85%;--color-word: hsla(var(--color-word-hue) var(--color-word-saturation) var(--color-word-lightness)/1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 12% ));--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 24% ));--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 36% ));--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 48% ));--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 60% ));--color-surface-hue: 209.8378378378deg;--color-surface-saturation: 10%;--color-surface-lightness: 5%;--color-surface: hsla(var(--color-surface-hue) var(--color-surface-saturation) var(--color-surface-lightness)/1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 5% ));--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 10% ));--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 15% ));--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 20% ));--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 25% ));--color-surface-brand: hsl(var(--color-brand-hue), var(--color-brand-saturation), 10%);--color-surface-accent: hsl(var(--color-accent-hue), var(--color-accent-saturation), 10%);--color-surface-success: hsl(var(--color-success-hue), var(--color-success-saturation), 10%);--color-surface-danger: hsl(var(--color-danger-hue), var(--color-danger-saturation), 10%);--color-surface-info: hsl(var(--color-info-hue), var(--color-info-saturation), 10%);--color-surface-warning: hsl(var(--color-warning-hue), var(--color-warning-saturation), 10%);--color-alpha-hue: 0deg;--color-alpha-saturation: 0%;--color-alpha-lightness: 100%;--color-alpha: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/0);--color-alpha-1: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/5%);--color-alpha-2: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/10%);--color-alpha-3: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/15%);--color-alpha-4: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/20%);--color-alpha-5: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/25%)}}:where(.theme.theme--dark){--color-scheme: dark;--color-word-hue: 209.8378378378deg;--color-word-saturation: 15%;--color-word-lightness: 85%;--color-word: hsla(var(--color-word-hue) var(--color-word-saturation) var(--color-word-lightness)/1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 12% ));--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 24% ));--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 36% ));--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 48% ));--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) - 60% ));--color-surface-hue: 209.8378378378deg;--color-surface-saturation: 10%;--color-surface-lightness: 5%;--color-surface: hsla(var(--color-surface-hue) var(--color-surface-saturation) var(--color-surface-lightness)/1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 5% ));--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 10% ));--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 15% ));--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 20% ));--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) + 25% ));--color-surface-brand: hsl(var(--color-brand-hue), var(--color-brand-saturation), 10%);--color-surface-accent: hsl(var(--color-accent-hue), var(--color-accent-saturation), 10%);--color-surface-success: hsl(var(--color-success-hue), var(--color-success-saturation), 10%);--color-surface-danger: hsl(var(--color-danger-hue), var(--color-danger-saturation), 10%);--color-surface-info: hsl(var(--color-info-hue), var(--color-info-saturation), 10%);--color-surface-warning: hsl(var(--color-warning-hue), var(--color-warning-saturation), 10%);--color-alpha-hue: 0deg;--color-alpha-saturation: 0%;--color-alpha-lightness: 100%;--color-alpha: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/0);--color-alpha-1: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/5%);--color-alpha-2: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/10%);--color-alpha-3: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/15%);--color-alpha-4: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/20%);--color-alpha-5: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/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-button-modifier-primary-border-color: var(--color-gray-darken-1);--vv-button-modifier-primary-background: var(--color-gray-darken-1);--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-lighten-1);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-lighten-1);--vv-button-modifier-primary-state-active-background: var(--color-gray);--vv-button-modifier-primary-state-active-border-color: var(--color-gray);--vv-button-modifier-secondary-border-color: var(--color-gray-darken-1);--vv-button-modifier-secondary-background: var(--color-gray-darken-3);--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-1)}}:where(.theme.theme--dark){--vv-button-modifier-primary-border-color: var(--color-gray-darken-1);--vv-button-modifier-primary-background: var(--color-gray-darken-1);--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-lighten-1);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-lighten-1);--vv-button-modifier-primary-state-active-background: var(--color-gray);--vv-button-modifier-primary-state-active-border-color: var(--color-gray);--vv-button-modifier-secondary-border-color: var(--color-gray-darken-1);--vv-button-modifier-secondary-background: var(--color-gray-darken-3);--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-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-2);--vv-alert-modifier-info-element-header-color: var(--color-info);--vv-alert-modifier-notification-element-header-background-color: var(--color-gray-darken-2);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent-lighten-3);--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-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-2);--vv-alert-modifier-info-element-header-color: var(--color-info);--vv-alert-modifier-notification-element-header-background-color: var(--color-gray-darken-2);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent-lighten-3);--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-background-color: var(--color-info-darken-5)}
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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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, 217, 222)' 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-hue: 209.8203592814deg;--color-word-saturation: 15%;--color-word-lightness: 85%;--color-word: hsla(var(--color-word-hue), var(--color-word-saturation), var(--color-word-lightness), 1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 12%));--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 24%));--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 36%));--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 48%));--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 60%));--color-surface-hue: 209.8203592814deg;--color-surface-saturation: 10%;--color-surface-lightness: 5%;--color-surface: hsla(var(--color-surface-hue), var(--color-surface-saturation), var(--color-surface-lightness), 1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 5%));--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 10%));--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 15%));--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 20%));--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 25%));--color-surface-brand: hsl(var(--color-brand-hue), var(--color-brand-saturation), 10%);--color-surface-accent: hsl(var(--color-accent-hue), var(--color-accent-saturation), 10%);--color-surface-success: hsl(var(--color-success-hue), var(--color-success-saturation), 10%);--color-surface-danger: hsl(var(--color-danger-hue), var(--color-danger-saturation), 10%);--color-surface-info: hsl(var(--color-info-hue), var(--color-info-saturation), 10%);--color-surface-warning: hsl(var(--color-warning-hue), var(--color-warning-saturation), 10%)}}:where(.theme.theme--dark){--color-scheme: dark;--color-word-hue: 209.8203592814deg;--color-word-saturation: 15%;--color-word-lightness: 85%;--color-word: hsla(var(--color-word-hue), var(--color-word-saturation), var(--color-word-lightness), 1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 12%));--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 24%));--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 36%));--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 48%));--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), calc(var(--color-word-lightness) - 60%));--color-surface-hue: 209.8203592814deg;--color-surface-saturation: 10%;--color-surface-lightness: 5%;--color-surface: hsla(var(--color-surface-hue), var(--color-surface-saturation), var(--color-surface-lightness), 1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 5%));--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 10%));--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 15%));--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 20%));--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc(var(--color-surface-lightness) + 25%));--color-surface-brand: hsl(var(--color-brand-hue), var(--color-brand-saturation), 10%);--color-surface-accent: hsl(var(--color-accent-hue), var(--color-accent-saturation), 10%);--color-surface-success: hsl(var(--color-success-hue), var(--color-success-saturation), 10%);--color-surface-danger: hsl(var(--color-danger-hue), var(--color-danger-saturation), 10%);--color-surface-info: hsl(var(--color-info-hue), var(--color-info-saturation), 10%);--color-surface-warning: hsl(var(--color-warning-hue), var(--color-warning-saturation), 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-element-header-background-color: var(--color-gray-darken-2);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent-lighten-3);--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-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-element-header-background-color: var(--color-gray-darken-2);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent-lighten-3);--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-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)}}: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)}@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(.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)}@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-background: transparent;--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){--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-background: transparent;--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)}@media (prefers-color-scheme: dark){:where(:host,:root,.theme):not(.theme--light){--vv-dropdown-action-color: var(--color-brand-lighten-3)}}:where(.theme.theme--dark){--vv-dropdown-action-color: var(--color-brand-lighten-3)}@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(.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)}@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(.theme.theme--dark){--vv-nav-modifier-tabs-element-item-label-state-current-color: var(--color-brand-lighten-3)}
package/dist/utilities/backgrounds.css CHANGED
@@ -1 +1 @@
1
- :where(.bg-fixed){background-attachment:fixed}:where(.bg-local){background-attachment:local}:where(.bg-scroll){background-attachment:scroll}:where(.bg-clip-border){background-clip:border-box}:where(.bg-clip-padding){background-clip:padding-box}:where(.bg-clip-content){background-clip:content-box}:where(.bg-clip-text){-webkit-background-clip:text;background-clip:text}:where(.bg-origin-border){background-origin:border-box}:where(.bg-origin-padding){background-origin:padding-box}:where(.bg-origin-content){background-origin:content-box}:where(.bg-bottom){background-position:bottom}:where(.bg-center){background-position:center}:where(.bg-left){background-position:left}:where(.bg-left-bottom){background-position:left bottom}:where(.bg-left-top){background-position:left top}:where(.bg-right){background-position:right}:where(.bg-right-bottom){background-position:right bottom}:where(.bg-right-top){background-position:right top}:where(.bg-top){background-position:top}:where(.bg-repeat){background-repeat:repeat}:where(.bg-no-repeat){background-repeat:no-repeat}:where(.bg-repeat-x){background-repeat:repeat-x}:where(.bg-repeat-y){background-repeat:repeat-y}:where(.bg-repeat-round){background-repeat:round}:where(.bg-repeat-space){background-repeat:space}:where(.bg-auto){background-size:auto}:where(.bg-cover){background-size:cover}:where(.bg-contain){background-size:contain}:where(.bg-none){background-image:none}:where(.bg-chevron){background-image: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(22, 26, 29)' 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")}:where(.bg-grid){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E")}:where(.bg-check){background-image: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(22, 26, 29)' 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")}:where(.bg-minus){background-image: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(22, 26, 29)' 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")}:where(.bg-close){background-image: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(22, 26, 29)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}
1
+ :where(.bg-fixed){background-attachment:fixed}:where(.bg-local){background-attachment:local}:where(.bg-scroll){background-attachment:scroll}:where(.bg-clip-border){background-clip:border-box}:where(.bg-clip-padding){background-clip:padding-box}:where(.bg-clip-content){background-clip:content-box}:where(.bg-clip-text){-webkit-background-clip:text;background-clip:text}:where(.bg-origin-border){background-origin:border-box}:where(.bg-origin-padding){background-origin:padding-box}:where(.bg-origin-content){background-origin:content-box}:where(.bg-bottom){background-position:bottom}:where(.bg-center){background-position:center}:where(.bg-left){background-position:left}:where(.bg-left-bottom){background-position:left bottom}:where(.bg-left-top){background-position:left top}:where(.bg-right){background-position:right}:where(.bg-right-bottom){background-position:right bottom}:where(.bg-right-top){background-position:right top}:where(.bg-top){background-position:top}:where(.bg-repeat){background-repeat:repeat}:where(.bg-no-repeat){background-repeat:no-repeat}:where(.bg-repeat-x){background-repeat:repeat-x}:where(.bg-repeat-y){background-repeat:repeat-y}:where(.bg-repeat-round){background-repeat:round}:where(.bg-repeat-space){background-repeat:space}:where(.bg-auto){background-size:auto}:where(.bg-cover){background-size:cover}:where(.bg-contain){background-size:contain}:where(.bg-none){background-image:var(--bg-none, none)}:where(.bg-chevron){background-image:var(--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(22, 26, 29)' 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"))}:where(.bg-chessboard){background-image:var(--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='black' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='10' y='0' width='10' height='10'/%3E%3Crect fill='black' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' 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"))}:where(.bg-grid){background-image:var(--bg-grid, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E"))}:where(.bg-check){background-image:var(--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(22, 26, 29)' 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"))}:where(.bg-minus){background-image:var(--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(22, 26, 29)' 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"))}:where(.bg-close){background-image:var(--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(22, 26, 29)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E"))}:where(.bg-noise-1){background-image:var(--bg-noise-1, url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"))}:where(.bg-noise-2){background-image:var(--bg-noise-2, url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"))}:where(.bg-noise-3){background-image:var(--bg-noise-3, url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"))}:where(.bg-noise-4){background-image:var(--bg-noise-4, url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"))}:where(.bg-noise-5){background-image:var(--bg-noise-5, url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"))}:where(.bg-gradient-brand){background-image:var(--gradient-brand, linear-gradient(to bottom right, var(--color-brand-darken-3), var(--color-brand), var(--color-brand-lighten-3)))}:where(.bg-gradient-accent){background-image:var(--gradient-accent, linear-gradient(to bottom right, var(--color-accent-darken-3), var(--color-accent), var(--color-accent-lighten-3)))}:where(.bg-gradient-info){background-image:var(--gradient-info, linear-gradient(to bottom right, var(--color-info-darken-3), var(--color-info), var(--color-info-lighten-3)))}:where(.bg-gradient-success){background-image:var(--gradient-success, linear-gradient(to bottom right, var(--color-success-darken-3), var(--color-success), var(--color-success-lighten-3)))}:where(.bg-gradient-warning){background-image:var(--gradient-warning, linear-gradient(to bottom right, var(--color-warning-darken-3), var(--color-warning), var(--color-warning-lighten-3)))}:where(.bg-gradient-danger){background-image:var(--gradient-danger, linear-gradient(to bottom right, var(--color-danger-darken-3), var(--color-danger), var(--color-danger-lighten-3)))}:where(.bg-gradient-gray){background-image:var(--gradient-gray, linear-gradient(to bottom right, var(--color-gray-darken-3), var(--color-gray), var(--color-gray-lighten-3)))}:where(.bg-gradient-1){background-image:var(--gradient-1, linear-gradient(to bottom right, #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b))}:where(.bg-gradient-2){background-image:var(--gradient-2, linear-gradient(to bottom right, #48005c, #8300e2, #a269ff))}:where(.bg-gradient-3){background-image:var(--gradient-3, radial-gradient(circle at top right, hsl(180, 100%, 50%), hsla(180, 100%, 50%, 0)), radial-gradient(circle at bottom left, hsl(328, 100%, 54%), hsla(328, 100%, 54%, 0)))}:where(.bg-gradient-4){background-image:var(--gradient-4, linear-gradient(to bottom right, #00f5a0, #00d9f5))}:where(.bg-gradient-5){background-image:var(--gradient-5, conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite))}:where(.bg-gradient-6){background-image:var(--gradient-6, conic-gradient(from -90deg at top left, black, white))}:where(.bg-gradient-7){background-image:var(--gradient-7, linear-gradient(to bottom right, #72c6ef, #004e8f))}:where(.bg-gradient-8){background-image:var(--gradient-8, conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111))}:where(.bg-gradient-9){background-image:var(--gradient-9, conic-gradient(from .5turn at bottom center, lightblue, white))}:where(.bg-gradient-10){background-image:var(--gradient-10, conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700))}:where(.bg-gradient-11){background-image:var(--gradient-11, conic-gradient(at bottom left, deeppink, cyan))}:where(.bg-gradient-12){background-image:var(--gradient-12, conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85))}:where(.bg-gradient-13){background-image:var(--gradient-13, radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7))}:where(.bg-gradient-14){background-image:var(--gradient-14, conic-gradient(at top right, lime, cyan))}:where(.bg-gradient-15){background-image:var(--gradient-15, linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7))}:where(.bg-gradient-16){background-image:var(--gradient-16, radial-gradient(circle at 50% -250%, #374151, #111827, #000))}:where(.bg-gradient-17){background-image:var(--gradient-17, conic-gradient(from -90deg at 50% -25%, blue, blueviolet))}:where(.bg-gradient-18){background-image:var(--gradient-18, linear-gradient(0deg, hsla(0, 100%, 50%, .8), hsla(0, 100%, 50%, 0) 75%), linear-gradient(60deg, hsla(60, 100%, 50%, .8), hsla(60, 100%, 50%, 0) 75%), linear-gradient(120deg, hsla(120, 100%, 50%, .8), hsla(120, 100%, 50%, 0) 75%), linear-gradient(180deg, hsla(180, 100%, 50%, .8), hsla(180, 100%, 50%, 0) 75%), linear-gradient(240deg, hsla(240, 100%, 50%, .8), hsla(240, 100%, 50%, 0) 75%), linear-gradient(300deg, hsla(300, 100%, 50%, .8), hsla(300, 100%, 50%, 0) 75%))}:where(.bg-gradient-19){background-image:var(--gradient-19, linear-gradient(to bottom right, #ffe259, #ffa751))}:where(.bg-gradient-20){background-image:var(--gradient-20, conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4))}:where(.bg-gradient-21){background-image:var(--gradient-21, conic-gradient(from -90deg at 25% 115%, #f00, #f06, #f0c, #c0f, #60f, #00f, #00f, #00f, #00f))}:where(.bg-gradient-22){background-image:var(--gradient-22, linear-gradient(to bottom right, #acb6e5, #86fde8))}:where(.bg-gradient-23){background-image:var(--gradient-23, linear-gradient(to bottom right, #536976, #292e49))}:where(.bg-gradient-24){background-image:var(--gradient-24, conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476))}:where(.bg-gradient-25){background-image:var(--gradient-25, conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7))}:where(.bg-gradient-26){background-image:var(--gradient-26, linear-gradient(to bottom right, #9796f0, #fbc7d4))}:where(.bg-gradient-27){background-image:var(--gradient-27, conic-gradient(from .5turn at bottom left, deeppink, #639))}:where(.bg-gradient-28){background-image:var(--gradient-28, conic-gradient(from -90deg at 50% 105%, white, orchid))}:where(.bg-gradient-29){background-image:var(--gradient-29, radial-gradient(circle at top right, hsl(250, 100%, 85%), hsla(250, 100%, 85%, 0)), radial-gradient(circle at bottom left, hsl(220, 90%, 75%), hsla(220, 90%, 75%, 0)))}:where(.bg-gradient-30){background-image:var(--gradient-30, radial-gradient(circle at top right, hsl(150, 100%, 50%), hsla(150, 100%, 50%, 0)), radial-gradient(circle at bottom left, hsl(150, 100%, 84%), hsla(150, 100%, 84%, 0)))}