@volverjs/style 0.1.29 → 0.1.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/design-tokens.json +503 -7
  2. package/dist/base.css +1 -1
  3. package/dist/components/vv-alert.css +1 -1
  4. package/dist/components/vv-attachment-group.css +1 -0
  5. package/dist/components/vv-attachment.css +1 -0
  6. package/dist/components/vv-avatar.css +1 -1
  7. package/dist/components/vv-badge.css +1 -1
  8. package/dist/components/vv-breadcrumb.css +1 -1
  9. package/dist/components/vv-bubble-group.css +1 -0
  10. package/dist/components/vv-bubble.css +1 -0
  11. package/dist/components/vv-button.css +1 -1
  12. package/dist/components/vv-calendar.css +1 -0
  13. package/dist/components/vv-checkbox-group.css +1 -1
  14. package/dist/components/vv-checkbox.css +1 -1
  15. package/dist/components/vv-command.css +1 -0
  16. package/dist/components/vv-dialog.css +1 -1
  17. package/dist/components/vv-dropdown-action.css +1 -1
  18. package/dist/components/vv-dropdown-option.css +1 -1
  19. package/dist/components/vv-empty.css +1 -0
  20. package/dist/components/vv-field.css +1 -0
  21. package/dist/components/vv-input-file.css +1 -1
  22. package/dist/components/vv-input-otp.css +1 -0
  23. package/dist/components/vv-input-range.css +1 -1
  24. package/dist/components/vv-input-text.css +1 -1
  25. package/dist/components/vv-item-group.css +1 -0
  26. package/dist/components/vv-item.css +1 -0
  27. package/dist/components/vv-kbd-group.css +1 -0
  28. package/dist/components/vv-kbd.css +1 -0
  29. package/dist/components/vv-marker.css +1 -0
  30. package/dist/components/vv-message-scroller.css +1 -0
  31. package/dist/components/vv-message.css +1 -0
  32. package/dist/components/vv-nav.css +1 -1
  33. package/dist/components/vv-pagination.css +1 -0
  34. package/dist/components/vv-popover.css +1 -0
  35. package/dist/components/vv-progress.css +1 -1
  36. package/dist/components/vv-prose.css +1 -0
  37. package/dist/components/vv-questionnaire.css +1 -0
  38. package/dist/components/vv-radio-group.css +1 -1
  39. package/dist/components/vv-radio.css +1 -1
  40. package/dist/components/vv-select.css +1 -1
  41. package/dist/components/vv-separator.css +1 -0
  42. package/dist/components/vv-sidebar.css +1 -0
  43. package/dist/components/vv-spinner.css +1 -0
  44. package/dist/components/vv-table.css +1 -1
  45. package/dist/components/vv-text.css +1 -1
  46. package/dist/components/vv-textarea.css +1 -1
  47. package/dist/components.css +1 -1
  48. package/dist/export.css +1 -1
  49. package/dist/props/colors.css +1 -1
  50. package/dist/props/input.css +1 -1
  51. package/dist/props.css +1 -1
  52. package/dist/themes/dark/components.css +1 -1
  53. package/dist/themes/dark/props.css +1 -1
  54. package/dist/themes/dark/volver.css +1 -1
  55. package/dist/utilities/colors.css +1 -1
  56. package/dist/utilities/layout.css +1 -1
  57. package/dist/utilities.css +1 -1
  58. package/dist/volver.css +1 -1
  59. package/package.json +64 -16
  60. package/src/_config.scss +23 -0
  61. package/src/_preflight.scss +14 -2
  62. package/src/base.scss +1 -1
  63. package/src/components/index.scss +28 -0
  64. package/src/components/vv-attachment-group.scss +17 -0
  65. package/src/components/vv-attachment.scss +17 -0
  66. package/src/components/vv-bubble-group.scss +17 -0
  67. package/src/components/vv-bubble.scss +17 -0
  68. package/src/components/vv-calendar.scss +25 -0
  69. package/src/components/vv-command.scss +17 -0
  70. package/src/components/vv-empty.scss +17 -0
  71. package/src/components/vv-field.scss +25 -0
  72. package/src/components/vv-input-otp.scss +17 -0
  73. package/src/components/vv-item-group.scss +17 -0
  74. package/src/components/vv-item.scss +39 -0
  75. package/src/components/vv-kbd-group.scss +17 -0
  76. package/src/components/vv-kbd.scss +17 -0
  77. package/src/components/vv-marker.scss +17 -0
  78. package/src/components/vv-message-scroller.scss +24 -0
  79. package/src/components/vv-message.scss +25 -0
  80. package/src/components/vv-pagination.scss +17 -0
  81. package/src/components/vv-popover.scss +17 -0
  82. package/src/components/vv-prose.scss +17 -0
  83. package/src/components/vv-questionnaire.scss +28 -0
  84. package/src/components/vv-separator.scss +17 -0
  85. package/src/components/vv-sidebar.scss +17 -0
  86. package/src/components/vv-spinner.scss +27 -0
  87. package/src/presets/_outlined-fields.scss +346 -0
  88. package/src/props/colors.scss +6 -0
  89. package/src/settings/_colors.scss +161 -61
  90. package/src/settings/_index.scss +26 -0
  91. package/src/settings/_input.scss +11 -2
  92. package/src/settings/components/_choice.scss +104 -0
  93. package/src/settings/components/_vv-alert.scss +37 -12
  94. package/src/settings/components/_vv-attachment-group.scss +10 -0
  95. package/src/settings/components/_vv-attachment.scss +135 -0
  96. package/src/settings/components/_vv-avatar.scss +19 -9
  97. package/src/settings/components/_vv-badge.scss +47 -14
  98. package/src/settings/components/_vv-breadcrumb.scss +1 -1
  99. package/src/settings/components/_vv-bubble-group.scss +31 -0
  100. package/src/settings/components/_vv-bubble.scss +69 -0
  101. package/src/settings/components/_vv-button.scss +55 -13
  102. package/src/settings/components/_vv-calendar.scss +102 -0
  103. package/src/settings/components/_vv-checkbox-group.scss +33 -2
  104. package/src/settings/components/_vv-checkbox.scss +8 -3
  105. package/src/settings/components/_vv-command.scss +99 -0
  106. package/src/settings/components/_vv-dialog.scss +129 -26
  107. package/src/settings/components/_vv-dropdown-action.scss +3 -2
  108. package/src/settings/components/_vv-dropdown-option.scss +3 -3
  109. package/src/settings/components/_vv-empty.scss +71 -0
  110. package/src/settings/components/_vv-field.scss +111 -0
  111. package/src/settings/components/_vv-input-file.scss +8 -8
  112. package/src/settings/components/_vv-input-otp.scss +55 -0
  113. package/src/settings/components/_vv-input-range.scss +3 -3
  114. package/src/settings/components/_vv-input-text.scss +7 -7
  115. package/src/settings/components/_vv-item-group.scss +68 -0
  116. package/src/settings/components/_vv-item.scss +201 -0
  117. package/src/settings/components/_vv-kbd-group.scss +9 -0
  118. package/src/settings/components/_vv-kbd.scss +20 -0
  119. package/src/settings/components/_vv-marker.scss +32 -0
  120. package/src/settings/components/_vv-message-scroller.scss +65 -0
  121. package/src/settings/components/_vv-message.scss +95 -0
  122. package/src/settings/components/_vv-nav.scss +7 -3
  123. package/src/settings/components/_vv-pagination.scss +78 -0
  124. package/src/settings/components/_vv-popover.scss +53 -0
  125. package/src/settings/components/_vv-progress.scss +4 -4
  126. package/src/settings/components/_vv-prose.scss +274 -0
  127. package/src/settings/components/_vv-questionnaire.scss +77 -0
  128. package/src/settings/components/_vv-radio.scss +7 -3
  129. package/src/settings/components/_vv-select.scss +6 -6
  130. package/src/settings/components/_vv-separator.scss +79 -0
  131. package/src/settings/components/_vv-sidebar.scss +91 -0
  132. package/src/settings/components/_vv-spinner.scss +26 -0
  133. package/src/settings/components/_vv-table.scss +63 -0
  134. package/src/settings/components/_vv-text.scss +3 -3
  135. package/src/settings/components/_vv-textarea.scss +7 -7
  136. package/src/themes/dark/components/_vv-checkbox.scss +27 -0
  137. package/src/themes/dark/components/_vv-radio.scss +27 -0
  138. package/src/themes/dark/components/index.scss +2 -0
  139. package/src/themes/dark/props/_colors.scss +6 -0
  140. package/src/themes/dark/settings/_colors.scss +97 -32
  141. package/src/themes/dark/settings/_index.scss +2 -0
  142. package/src/themes/dark/settings/_input.scss +4 -8
  143. package/src/themes/dark/settings/components/_choice.scss +15 -0
  144. package/src/themes/dark/settings/components/_vv-alert.scss +6 -48
  145. package/src/themes/dark/settings/components/_vv-avatar.scss +1 -16
  146. package/src/themes/dark/settings/components/_vv-badge.scss +1 -32
  147. package/src/themes/dark/settings/components/_vv-button.scss +0 -15
  148. package/src/themes/dark/settings/components/_vv-checkbox.scss +7 -0
  149. package/src/themes/dark/settings/components/_vv-dropdown-action.scss +2 -3
  150. package/src/themes/dark/settings/components/_vv-dropdown-option.scss +2 -19
  151. package/src/themes/dark/settings/components/_vv-nav.scss +2 -15
  152. package/src/themes/dark/settings/components/_vv-radio.scss +7 -0
  153. package/src/tools/_functions.scss +430 -2
  154. package/src/tools/mixin-modules/_bem.scss +5 -39
  155. package/src/tools/mixin-modules/_states.scss +77 -0
  156. package/src/tools/mixin-modules/_theme.scss +135 -121
  157. package/src/utilities/colors.scss +49 -4
  158. package/src/utilities/layout.scss +25 -0
package/dist/components/vv-button.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-button-position:relative;--vv-button-background:var(--color-brand);--vv-button-border-radius:var(--rounded);--vv-button-border-style:solid;--vv-button-border-color:var(--color-brand);--vv-button-color:var(--color-white);--vv-button-font-family:var(--font-sans);--vv-button-font-weight:var(--font-semibold);--vv-button-gap:1ch;--vv-button-padding-block:var(--spacing-7);--vv-button-padding-inline:var(--spacing-16);--vv-button-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-transition:var(--transition-all);--vv-button-will-change:all;--vv-button-min-width:0;--vv-button-pointer-events:auto;--vv-button-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-button-state-hover-background:var(--color-brand-darken-1);--vv-button-state-hover-border-color:var(--color-brand-darken-1);--vv-button-state-hover-text-decoration:none;--vv-button-state-active-background:var(--color-brand-darken-2);--vv-button-state-active-border-color:var(--color-brand-darken-2);--vv-button-state-pressed-background:var(--color-brand-darken-2);--vv-button-state-pressed-border-color:var(--color-brand-darken-2);--vv-button-state-disabled-opacity:var(--opacity-50);--vv-button-state-disabled-cursor:not-allowed;--vv-button-element-icon-block-size:1.1em;--vv-button-element-icon-inline-size:1.1em;--vv-button-element-icon-margin:0;--vv-button-element-icon-flex-shrink:0;--vv-button-element-icon-background-position:center;--vv-button-element-icon-background-repeat:no-repeat;--vv-button-element-icon-background-size:contain;--vv-button-element-label-white-space:nowrap;--vv-button-element-label-text-overflow:ellipsis;--vv-button-element-label-min-width:0;--vv-button-element-label-overflow:hidden;--vv-button-modifier-icon-only-element-icon-margin-inline:calc(var(--spacing-6) * -1);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-color:var(--color-white);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-background:var(--color-surface);--vv-button-modifier-secondary-border-style:solid;--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-color:var(--color-word);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-secondary-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-danger-background:var(--color-danger);--vv-button-modifier-danger-border-color:var(--color-danger);--vv-button-modifier-danger-color:var(--color-white);--vv-button-modifier-danger-state-focus-visible-outline:var(--spacing-px) solid var(--color-danger);--vv-button-modifier-danger-state-hover-background:var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color:var(--color-danger-darken-1);--vv-button-modifier-danger-state-active-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-border-color:var(--color-danger-darken-2);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-hover-color:var(--color-word-2);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-active-color:var(--color-word-2);--vv-button-modifier-ghost-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-color:var(--color-word-2);--vv-button-modifier-link-background:transparent;--vv-button-modifier-link-border-width:var(--border-0);--vv-button-modifier-link-padding:0;--vv-button-modifier-link-color:var(--color-brand-darken-1);--vv-button-modifier-link-font-weight:inherit;--vv-button-modifier-link-text-shadow:none;--vv-button-modifier-link-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-lighten-4);--vv-button-modifier-link-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-modifier-link-state-hover-text-decoration:underline;--vv-button-modifier-link-state-hover-text-underline-offset:var(--spacing-4);--vv-button-modifier-link-state-active-color:var(--color-brand-darken-3);--vv-button-modifier-link-element-icon-margin:var(--spacing-0);--vv-button-modifier-static-light-background:var(--color-white);--vv-button-modifier-static-light-border-color:var(--color-white);--vv-button-modifier-static-light-color:var(--color-black);--vv-button-modifier-static-light-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-hover-border-color:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-active-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background:var(--color-black);--vv-button-modifier-static-dark-border-color:var(--color-black);--vv-button-modifier-static-dark-color:var(--color-white);--vv-button-modifier-static-dark-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background:var(--color-gray-darken-3);--vv-button-modifier-action-font-size:var(--text-14);--vv-button-modifier-action-background:var(--color-surface-1);--vv-button-modifier-action-color:var(--color-word-1);--vv-button-modifier-action-border-color:var(--color-word-5);--vv-button-modifier-action-font-weight:var(--font-normal);--vv-button-modifier-action-padding-inline:var(--spacing-6);--vv-button-modifier-action-padding-block:var(--spacing-4);--vv-button-modifier-action-text-shadow:none;--vv-button-modifier-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-state-active-background:var(--color-surface-5);--vv-button-modifier-action-state-active-color:var(--color-word);--vv-button-modifier-action-state-pressed-color:var(--color-white);--vv-button-modifier-action-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-element-icon-block-size:1lh;--vv-button-modifier-action-element-icon-inline-size:1lh;--vv-button-modifier-action-quiet-font-size:var(--text-14);--vv-button-modifier-action-quiet-background:transparent;--vv-button-modifier-action-quiet-color:var(--color-word-1);--vv-button-modifier-action-quiet-border-color:transparent;--vv-button-modifier-action-quiet-font-weight:var(--font-normal);--vv-button-modifier-action-quiet-padding-inline:var(--spacing-6);--vv-button-modifier-action-quiet-padding-block:var(--spacing-4);--vv-button-modifier-action-quiet-text-shadow:none;--vv-button-modifier-action-quiet-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-action-quiet-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color:var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-color:var(--color-word);--vv-button-modifier-action-quiet-state-pressed-color:var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-quiet-element-icon-block-size:1lh;--vv-button-modifier-action-quiet-element-icon-inline-size:1lh;--vv-button-modifier-rounded-border-radius:var(--rounded-full);--vv-button-modifier-block-width:100%;--vv-button-modifier-block-max-width:auto;--vv-button-modifier-reverse-element-label-order:-1;--vv-button-modifier-column-flex-direction:column;--vv-button-modifier-column-gap:var(--spacing-2);--vv-button-modifier-full-bleed-min-width:20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;--button-border-width:var(--border-2);--button-line-height:var(--leading-normal);border-width:var(--button-border-width);line-height:var(--button-line-height);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-style:var(--vv-button-border-style);border-color:var(--vv-button-border-color);color:var(--vv-button-color);font-family:var(--vv-button-font-family);font-weight:var(--vv-button-font-weight);justify-content:center;align-items:center;gap:var(--vv-button-gap);padding-block:var(--vv-button-padding-block);padding-inline:var(--vv-button-padding-inline);text-shadow:var(--vv-button-text-shadow);transition:var(--vv-button-transition);will-change:var(--vv-button-will-change);min-width:var(--vv-button-min-width);pointer-events:var(--vv-button-pointer-events);display:inline-flex}:where(.vv-button__icon,.vv-button>:where(svg,[data-icon])){block-size:var(--vv-button-element-icon-block-size);inline-size:var(--vv-button-element-icon-inline-size);margin:var(--vv-button-element-icon-margin);flex-shrink:var(--vv-button-element-icon-flex-shrink);background-position:var(--vv-button-element-icon-background-position);background-repeat:var(--vv-button-element-icon-background-repeat);background-size:var(--vv-button-element-icon-background-size);min-height:1lh}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background:var(--vv-button-state-hover-background);--vv-button-border-color:var(--vv-button-state-hover-border-color);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background:var(--vv-button-state-active-background);--vv-button-border-color:var(--vv-button-state-active-border-color)}:where(.vv-button--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background:var(--vv-button-state-pressed-background);--vv-button-border-color:var(--vv-button-state-pressed-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}:where(.vv-button--primary.vv-button){--vv-button-background:var(--vv-button-modifier-primary-background);--vv-button-border-color:var(--vv-button-modifier-primary-border-color);--vv-button-color:var(--vv-button-modifier-primary-color)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-pressed-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background:var(--vv-button-modifier-secondary-background);--vv-button-border-style:var(--vv-button-modifier-secondary-border-style);--vv-button-border-color:var(--vv-button-modifier-secondary-border-color);--vv-button-color:var(--vv-button-modifier-secondary-color);--vv-button-text-shadow:var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-pressed-background)}:where(.vv-button--danger.vv-button){--vv-button-background:var(--vv-button-modifier-danger-background);--vv-button-border-color:var(--vv-button-modifier-danger-border-color);--vv-button-color:var(--vv-button-modifier-danger-color)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-hover-border-color)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-active-border-color)}:where(.vv-button--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-pressed-border-color)}:where(.vv-button--ghost.vv-button){--vv-button-background:var(--vv-button-modifier-ghost-background);--vv-button-border-color:var(--vv-button-modifier-ghost-border-color);--vv-button-color:var(--vv-button-modifier-ghost-color);--vv-button-text-shadow:var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-hover-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-hover-color)}:where(.vv-button--ghost.vv-button--active,.vv-button--ghost.vv-button.active,.vv-button--ghost.vv-button:not([disabled]):active){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-active-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-active-color)}:where(.vv-button--ghost.vv-button--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-pressed-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-pressed-color)}:where(.vv-button--link.vv-button){--vv-button-background:var(--vv-button-modifier-link-background);border-width:var(--vv-button-modifier-link-border-width);padding:var(--vv-button-modifier-link-padding);--vv-button-color:var(--vv-button-modifier-link-color);--vv-button-font-weight:var(--vv-button-modifier-link-font-weight);--vv-button-text-shadow:var(--vv-button-modifier-link-text-shadow)}:where(.vv-button--link .vv-button__icon,.vv-button--link>:where(svg,[data-icon])){margin:var(--vv-button-modifier-link-element-icon-margin)}:where(.vv-button--link.vv-button--focus-visible,.vv-button--link.vv-button.focus-visible,.vv-button--link.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-link-state-focus-visible-outline-offset)}:where(.vv-button--link.vv-button--hover,.vv-button--link.vv-button.hover,.vv-button--link.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-link-state-hover-text-underline-offset)}:where(.vv-button--link.vv-button--active,.vv-button--link.vv-button.active,.vv-button--link.vv-button:not([disabled]):active){--vv-button-modifier-link-color:var(--vv-button-modifier-link-state-active-color)}:where(.vv-button--static-light.vv-button){--vv-button-background:var(--vv-button-modifier-static-light-background);--vv-button-border-color:var(--vv-button-modifier-static-light-border-color);--vv-button-color:var(--vv-button-modifier-static-light-color);--vv-button-text-shadow:var(--vv-button-modifier-static-light-text-shadow)}:where(.vv-button--static-light.vv-button--focus-visible,.vv-button--static-light.vv-button.focus-visible,.vv-button--static-light.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-light-state-focus-visible-outline)}:where(.vv-button--static-light.vv-button--hover,.vv-button--static-light.vv-button.hover,.vv-button--static-light.vv-button:not([disabled]):hover){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-hover-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-hover-background)}:where(.vv-button--static-light.vv-button--active,.vv-button--static-light.vv-button.active,.vv-button--static-light.vv-button:not([disabled]):active){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-active-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-active-background)}:where(.vv-button--static-light.vv-button--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-pressed-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background:var(--vv-button-modifier-static-dark-background);--vv-button-border-color:var(--vv-button-modifier-static-dark-border-color);--vv-button-color:var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow:var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-font-size);--vv-button-background:var(--vv-button-modifier-action-background);--vv-button-color:var(--vv-button-modifier-action-color);--vv-button-border-color:var(--vv-button-modifier-action-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-active-background);--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-active-color)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color:var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background:var(--vv-button-modifier-action-quiet-background);--vv-button-color:var(--vv-button-modifier-action-quiet-color);--vv-button-border-color:var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-quiet-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-active-border-color);--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-active-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius:var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}:where(.vv-button--reverse .vv-button__label){order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap:var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width:var(--vv-button-modifier-full-bleed-min-width)}
1
+ :where(:host,:root,.theme){--vv-button-position:relative;--vv-button-background:var(--color-brand);--vv-button-border-radius:var(--rounded);--vv-button-border-style:solid;--vv-button-border-color:var(--color-brand);--vv-button-color:var(--color-brand-contrast);--vv-button-font-family:var(--font-sans);--vv-button-font-weight:var(--font-semibold);--vv-button-gap:1ch;--vv-button-padding-block:var(--spacing-7);--vv-button-padding-inline:var(--spacing-16);--vv-button-text-shadow:0 1px 0 var(--color-brand-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-transition:var(--transition-all);--vv-button-will-change:all;--vv-button-min-width:0;--vv-button-pointer-events:auto;--vv-button-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-button-state-hover-background:var(--color-brand-darken-1);--vv-button-state-hover-border-color:var(--color-brand-darken-1);--vv-button-state-hover-color:var(--color-brand-darken-1-contrast);--vv-button-state-hover-text-decoration:none;--vv-button-state-hover-text-shadow:0 1px 0 var(--color-brand-darken-1-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-state-active-background:var(--color-brand-darken-2);--vv-button-state-active-border-color:var(--color-brand-darken-2);--vv-button-state-active-color:var(--color-brand-darken-2-contrast);--vv-button-state-active-text-shadow:0 1px 0 var(--color-brand-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-state-pressed-background:var(--color-brand-darken-2);--vv-button-state-pressed-border-color:var(--color-brand-darken-2);--vv-button-state-pressed-color:var(--color-brand-darken-2-contrast);--vv-button-state-pressed-text-shadow:0 1px 0 var(--color-brand-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-state-disabled-opacity:var(--opacity-50);--vv-button-state-disabled-cursor:not-allowed;--vv-button-element-icon-block-size:1.1em;--vv-button-element-icon-inline-size:1.1em;--vv-button-element-icon-margin:0;--vv-button-element-icon-flex-shrink:0;--vv-button-element-icon-background-position:center;--vv-button-element-icon-background-repeat:no-repeat;--vv-button-element-icon-background-size:contain;--vv-button-element-label-white-space:nowrap;--vv-button-element-label-text-overflow:ellipsis;--vv-button-element-label-min-width:0;--vv-button-element-label-overflow:hidden;--vv-button-modifier-icon-only-element-icon-margin-inline:calc(var(--spacing-6) * -1);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-color:var(--color-white);--vv-button-modifier-primary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-background:var(--color-surface);--vv-button-modifier-secondary-border-style:solid;--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-color:var(--color-word);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-secondary-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-danger-background:var(--color-danger);--vv-button-modifier-danger-border-color:var(--color-danger);--vv-button-modifier-danger-color:var(--color-danger-contrast);--vv-button-modifier-danger-text-shadow:0 1px 0 var(--color-danger-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-danger-state-focus-visible-outline:var(--spacing-px) solid var(--color-danger-graphic);--vv-button-modifier-danger-state-hover-background:var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color:var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-color:var(--color-danger-darken-1-contrast);--vv-button-modifier-danger-state-hover-text-shadow:0 1px 0 var(--color-danger-darken-1-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-danger-state-active-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color:var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-color:var(--color-danger-darken-2-contrast);--vv-button-modifier-danger-state-active-text-shadow:0 1px 0 var(--color-danger-darken-2-cover), 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-danger-state-pressed-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-border-color:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-color:var(--color-danger-darken-2-contrast);--vv-button-modifier-danger-state-pressed-text-shadow:0 1px 0 var(--color-danger-darken-2-cover), 0 1px 0 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-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-hover-color:var(--color-word-2);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-active-color:var(--color-word-2);--vv-button-modifier-ghost-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-color:var(--color-word-2);--vv-button-modifier-link-background:transparent;--vv-button-modifier-link-border-width:var(--border-0);--vv-button-modifier-link-padding:0;--vv-button-modifier-link-color:var(--color-brand-readable);--vv-button-modifier-link-font-weight:inherit;--vv-button-modifier-link-text-shadow:none;--vv-button-modifier-link-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-button-modifier-link-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-modifier-link-state-hover-text-decoration:underline;--vv-button-modifier-link-state-hover-text-underline-offset:var(--spacing-4);--vv-button-modifier-link-state-active-color:var(--color-brand-readable-strong);--vv-button-modifier-link-element-icon-margin:var(--spacing-0);--vv-button-modifier-static-light-background:var(--color-white);--vv-button-modifier-static-light-border-color:var(--color-white);--vv-button-modifier-static-light-color:var(--color-black);--vv-button-modifier-static-light-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-hover-border-color:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-active-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background:var(--color-black);--vv-button-modifier-static-dark-border-color:var(--color-black);--vv-button-modifier-static-dark-color:var(--color-white);--vv-button-modifier-static-dark-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background:var(--color-gray-darken-3);--vv-button-modifier-action-font-size:var(--text-14);--vv-button-modifier-action-background:var(--color-surface-1);--vv-button-modifier-action-color:var(--color-word-1);--vv-button-modifier-action-border-color:var(--color-word-5);--vv-button-modifier-action-font-weight:var(--font-normal);--vv-button-modifier-action-padding-inline:var(--spacing-6);--vv-button-modifier-action-padding-block:var(--spacing-4);--vv-button-modifier-action-text-shadow:none;--vv-button-modifier-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-action-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-state-active-background:var(--color-surface-5);--vv-button-modifier-action-state-active-color:var(--color-word);--vv-button-modifier-action-state-pressed-color:var(--color-white);--vv-button-modifier-action-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-element-icon-block-size:1lh;--vv-button-modifier-action-element-icon-inline-size:1lh;--vv-button-modifier-action-quiet-font-size:var(--text-14);--vv-button-modifier-action-quiet-background:transparent;--vv-button-modifier-action-quiet-color:var(--color-word-1);--vv-button-modifier-action-quiet-border-color:transparent;--vv-button-modifier-action-quiet-font-weight:var(--font-normal);--vv-button-modifier-action-quiet-padding-inline:var(--spacing-6);--vv-button-modifier-action-quiet-padding-block:var(--spacing-4);--vv-button-modifier-action-quiet-text-shadow:none;--vv-button-modifier-action-quiet-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-action-quiet-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color:var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-color:var(--color-word);--vv-button-modifier-action-quiet-state-pressed-color:var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-quiet-element-icon-block-size:1lh;--vv-button-modifier-action-quiet-element-icon-inline-size:1lh;--vv-button-modifier-rounded-border-radius:var(--rounded-full);--vv-button-modifier-block-width:100%;--vv-button-modifier-block-max-width:auto;--vv-button-modifier-reverse-element-label-order:-1;--vv-button-modifier-column-flex-direction:column;--vv-button-modifier-column-gap:var(--spacing-2);--vv-button-modifier-full-bleed-min-width:20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;--button-border-width:var(--border-2);--button-line-height:var(--leading-normal);border-width:var(--button-border-width);line-height:var(--button-line-height);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-style:var(--vv-button-border-style);border-color:var(--vv-button-border-color);color:var(--vv-button-color);font-family:var(--vv-button-font-family);font-weight:var(--vv-button-font-weight);justify-content:center;align-items:center;gap:var(--vv-button-gap);padding-block:var(--vv-button-padding-block);padding-inline:var(--vv-button-padding-inline);text-shadow:var(--vv-button-text-shadow);transition:var(--vv-button-transition);will-change:var(--vv-button-will-change);min-width:var(--vv-button-min-width);pointer-events:var(--vv-button-pointer-events);display:inline-flex}:where(.vv-button__icon,.vv-button>:where(svg,[data-icon])){block-size:var(--vv-button-element-icon-block-size);inline-size:var(--vv-button-element-icon-inline-size);margin:var(--vv-button-element-icon-margin);flex-shrink:var(--vv-button-element-icon-flex-shrink);background-position:var(--vv-button-element-icon-background-position);background-repeat:var(--vv-button-element-icon-background-repeat);background-size:var(--vv-button-element-icon-background-size);min-height:1lh}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background:var(--vv-button-state-hover-background);--vv-button-border-color:var(--vv-button-state-hover-border-color);--vv-button-color:var(--vv-button-state-hover-color);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration);--vv-button-text-shadow:var(--vv-button-state-hover-text-shadow)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background:var(--vv-button-state-active-background);--vv-button-border-color:var(--vv-button-state-active-border-color);--vv-button-color:var(--vv-button-state-active-color);--vv-button-text-shadow:var(--vv-button-state-active-text-shadow)}:where(.vv-button--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background:var(--vv-button-state-pressed-background);--vv-button-border-color:var(--vv-button-state-pressed-border-color);--vv-button-color:var(--vv-button-state-pressed-color);--vv-button-text-shadow:var(--vv-button-state-pressed-text-shadow)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}:where(.vv-button--primary.vv-button){--vv-button-background:var(--vv-button-modifier-primary-background);--vv-button-border-color:var(--vv-button-modifier-primary-border-color);--vv-button-color:var(--vv-button-modifier-primary-color);--vv-button-text-shadow:var(--vv-button-modifier-primary-text-shadow)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-pressed-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background:var(--vv-button-modifier-secondary-background);--vv-button-border-style:var(--vv-button-modifier-secondary-border-style);--vv-button-border-color:var(--vv-button-modifier-secondary-border-color);--vv-button-color:var(--vv-button-modifier-secondary-color);--vv-button-text-shadow:var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-pressed-background)}:where(.vv-button--danger.vv-button){--vv-button-background:var(--vv-button-modifier-danger-background);--vv-button-border-color:var(--vv-button-modifier-danger-border-color);--vv-button-color:var(--vv-button-modifier-danger-color);--vv-button-text-shadow:var(--vv-button-modifier-danger-text-shadow)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-hover-border-color);--vv-button-modifier-danger-color:var(--vv-button-modifier-danger-state-hover-color);--vv-button-modifier-danger-text-shadow:var(--vv-button-modifier-danger-state-hover-text-shadow)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-active-border-color);--vv-button-modifier-danger-color:var(--vv-button-modifier-danger-state-active-color);--vv-button-modifier-danger-text-shadow:var(--vv-button-modifier-danger-state-active-text-shadow)}:where(.vv-button--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-pressed-border-color);--vv-button-modifier-danger-color:var(--vv-button-modifier-danger-state-pressed-color);--vv-button-modifier-danger-text-shadow:var(--vv-button-modifier-danger-state-pressed-text-shadow)}:where(.vv-button--ghost.vv-button){--vv-button-background:var(--vv-button-modifier-ghost-background);--vv-button-border-color:var(--vv-button-modifier-ghost-border-color);--vv-button-color:var(--vv-button-modifier-ghost-color);--vv-button-text-shadow:var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-hover-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-hover-color)}:where(.vv-button--ghost.vv-button--active,.vv-button--ghost.vv-button.active,.vv-button--ghost.vv-button:not([disabled]):active){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-active-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-active-color)}:where(.vv-button--ghost.vv-button--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-pressed-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-pressed-color)}:where(.vv-button--link.vv-button){--vv-button-background:var(--vv-button-modifier-link-background);border-width:var(--vv-button-modifier-link-border-width);padding:var(--vv-button-modifier-link-padding);--vv-button-color:var(--vv-button-modifier-link-color);--vv-button-font-weight:var(--vv-button-modifier-link-font-weight);--vv-button-text-shadow:var(--vv-button-modifier-link-text-shadow)}:where(.vv-button--link .vv-button__icon,.vv-button--link>:where(svg,[data-icon])){margin:var(--vv-button-modifier-link-element-icon-margin)}:where(.vv-button--link.vv-button--focus-visible,.vv-button--link.vv-button.focus-visible,.vv-button--link.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-link-state-focus-visible-outline-offset)}:where(.vv-button--link.vv-button--hover,.vv-button--link.vv-button.hover,.vv-button--link.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-link-state-hover-text-underline-offset)}:where(.vv-button--link.vv-button--active,.vv-button--link.vv-button.active,.vv-button--link.vv-button:not([disabled]):active){--vv-button-modifier-link-color:var(--vv-button-modifier-link-state-active-color)}:where(.vv-button--static-light.vv-button){--vv-button-background:var(--vv-button-modifier-static-light-background);--vv-button-border-color:var(--vv-button-modifier-static-light-border-color);--vv-button-color:var(--vv-button-modifier-static-light-color);--vv-button-text-shadow:var(--vv-button-modifier-static-light-text-shadow)}:where(.vv-button--static-light.vv-button--focus-visible,.vv-button--static-light.vv-button.focus-visible,.vv-button--static-light.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-light-state-focus-visible-outline)}:where(.vv-button--static-light.vv-button--hover,.vv-button--static-light.vv-button.hover,.vv-button--static-light.vv-button:not([disabled]):hover){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-hover-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-hover-background)}:where(.vv-button--static-light.vv-button--active,.vv-button--static-light.vv-button.active,.vv-button--static-light.vv-button:not([disabled]):active){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-active-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-active-background)}:where(.vv-button--static-light.vv-button--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-pressed-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background:var(--vv-button-modifier-static-dark-background);--vv-button-border-color:var(--vv-button-modifier-static-dark-border-color);--vv-button-color:var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow:var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-font-size);--vv-button-background:var(--vv-button-modifier-action-background);--vv-button-color:var(--vv-button-modifier-action-color);--vv-button-border-color:var(--vv-button-modifier-action-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-active-background);--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-active-color)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color:var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background:var(--vv-button-modifier-action-quiet-background);--vv-button-color:var(--vv-button-modifier-action-quiet-color);--vv-button-border-color:var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-quiet-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-active-border-color);--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-active-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius:var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}:where(.vv-button--reverse .vv-button__label){order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap:var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width:var(--vv-button-modifier-full-bleed-min-width)}
package/dist/components/vv-calendar.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-calendar-display:inline-flex;--vv-calendar-flex-direction:column;--vv-calendar-gap:var(--spacing-8);--vv-calendar-color:var(--color-word-2);--vv-calendar-font-size:var(--text-14);--vv-calendar-element-header-display:flex;--vv-calendar-element-header-align-items:center;--vv-calendar-element-header-justify-content:space-between;--vv-calendar-element-header-gap:var(--spacing-8);--vv-calendar-element-title-color:var(--color-word-1);--vv-calendar-element-title-font-weight:var(--font-semibold);--vv-calendar-element-nav-display:inline-grid;--vv-calendar-element-nav-place-items:center;--vv-calendar-element-nav-inline-size:2em;--vv-calendar-element-nav-block-size:2em;--vv-calendar-element-nav-border-radius:var(--rounded);--vv-calendar-element-nav-color:var(--color-word-3);--vv-calendar-element-nav-cursor:pointer;--vv-calendar-element-nav-state-hover-background-color:var(--color-surface-2);--vv-calendar-element-nav-state-hover-color:var(--color-word);--vv-calendar-element-nav-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-calendar-element-nav-state-focus-visible-outline-offset:var(--spacing-2);--vv-calendar-element-grid-border-collapse:collapse;--vv-calendar-element-weekday-padding-block-end:var(--spacing-4);--vv-calendar-element-weekday-color:var(--color-word-4);--vv-calendar-element-weekday-font-size:var(--text-12);--vv-calendar-element-weekday-font-weight:var(--font-normal);--vv-calendar-element-weekday-text-align:center;--vv-calendar-element-cell-padding:var(--spacing-1) 0;--vv-calendar-element-cell-text-align:center;--vv-calendar-element-cell-state-selected-background-color:var(--color-surface-2);--vv-calendar-element-day-display:inline-grid;--vv-calendar-element-day-place-items:center;--vv-calendar-element-day-inline-size:2.25em;--vv-calendar-element-day-block-size:2.25em;--vv-calendar-element-day-border-radius:var(--rounded-full);--vv-calendar-element-day-font-variant-numeric:tabular-nums;--vv-calendar-element-day-cursor:pointer;--vv-calendar-element-day-state-hover-background-color:var(--color-surface-3);--vv-calendar-element-day-state-current-date-font-weight:var(--font-semibold);--vv-calendar-element-day-state-current-date-box-shadow:inset 0 0 0 var(--spacing-px) var(--color-word-4);--vv-calendar-element-day-state-pressed-background-color:var(--color-word);--vv-calendar-element-day-state-pressed-color:var(--color-surface);--vv-calendar-element-day-state-pressed-font-weight:var(--font-semibold);--vv-calendar-element-day-state-disabled-opacity:var(--opacity-30);--vv-calendar-element-day-state-disabled-cursor:not-allowed}:where(.vv-calendar){display:var(--vv-calendar-display);flex-direction:var(--vv-calendar-flex-direction);gap:var(--vv-calendar-gap);color:var(--vv-calendar-color);font-size:var(--vv-calendar-font-size)}:where(.vv-calendar__header){display:var(--vv-calendar-element-header-display);align-items:var(--vv-calendar-element-header-align-items);justify-content:var(--vv-calendar-element-header-justify-content);gap:var(--vv-calendar-element-header-gap)}:where(.vv-calendar__title){color:var(--vv-calendar-element-title-color);font-weight:var(--vv-calendar-element-title-font-weight)}:where(.vv-calendar__nav){display:var(--vv-calendar-element-nav-display);place-items:var(--vv-calendar-element-nav-place-items);inline-size:var(--vv-calendar-element-nav-inline-size);block-size:var(--vv-calendar-element-nav-block-size);border-radius:var(--vv-calendar-element-nav-border-radius);color:var(--vv-calendar-element-nav-color);cursor:var(--vv-calendar-element-nav-cursor)}:where(.vv-calendar__nav--hover,.vv-calendar__nav.hover,.vv-calendar__nav:not([disabled]):hover){background-color:var(--vv-calendar-element-nav-state-hover-background-color);--vv-calendar-element-nav-color:var(--vv-calendar-element-nav-state-hover-color)}:where(.vv-calendar__nav--focus-visible,.vv-calendar__nav.focus-visible,.vv-calendar__nav:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-calendar-element-nav-state-focus-visible-outline);outline-offset:var(--vv-calendar-element-nav-state-focus-visible-outline-offset)}:where(.vv-calendar__grid,.vv-calendar table){border-collapse:var(--vv-calendar-element-grid-border-collapse)}:where(.vv-calendar__weekday,.vv-calendar th){color:var(--vv-calendar-element-weekday-color);font-size:var(--vv-calendar-element-weekday-font-size);font-weight:var(--vv-calendar-element-weekday-font-weight);text-align:var(--vv-calendar-element-weekday-text-align);padding-block-end:var(--vv-calendar-element-weekday-padding-block-end)}:where(.vv-calendar__cell,.vv-calendar td){padding:var(--vv-calendar-element-cell-padding);text-align:var(--vv-calendar-element-cell-text-align)}:where(.vv-calendar__cell--selected,.vv-calendar__cell.selected,.vv-calendar td.selected,.vv-calendar__cell[aria-selected=true],.vv-calendar td[aria-selected=true]){background-color:var(--vv-calendar-element-cell-state-selected-background-color)}:where(.vv-calendar__day){display:var(--vv-calendar-element-day-display);place-items:var(--vv-calendar-element-day-place-items);inline-size:var(--vv-calendar-element-day-inline-size);block-size:var(--vv-calendar-element-day-block-size);border-radius:var(--vv-calendar-element-day-border-radius);font-variant-numeric:var(--vv-calendar-element-day-font-variant-numeric);cursor:var(--vv-calendar-element-day-cursor)}:where(.vv-calendar__day--hover,.vv-calendar__day.hover,.vv-calendar__day:not([disabled]):hover){background-color:var(--vv-calendar-element-day-state-hover-background-color)}:where(.vv-calendar__day--current-date,.vv-calendar__day.current-date,.vv-calendar__day[aria-current=date]){font-weight:var(--vv-calendar-element-day-state-current-date-font-weight);box-shadow:var(--vv-calendar-element-day-state-current-date-box-shadow)}:where(.vv-calendar__day--pressed,.vv-calendar__day.pressed,.vv-calendar__day[aria-pressed=true]){background-color:var(--vv-calendar-element-day-state-pressed-background-color);color:var(--vv-calendar-element-day-state-pressed-color);font-weight:var(--vv-calendar-element-day-state-pressed-font-weight)}:where(.vv-calendar__day--disabled,.vv-calendar__day.disabled,.vv-calendar__day[disabled],.vv-calendar__day[aria-disabled=true]){opacity:var(--vv-calendar-element-day-state-disabled-opacity);--vv-calendar-element-day-cursor:var(--vv-calendar-element-day-state-disabled-cursor)}:where(.vv-calendar__day:focus-visible){outline:var(--spacing-px) solid var(--color-brand-graphic);outline-offset:var(--spacing-2)}
package/dist/components/vv-checkbox-group.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-checkbox-group-display:var(--input-display);--vv-checkbox-group-flex:var(--input-flex);--vv-checkbox-group-flex-direction:var(--input-flex-direction);--vv-checkbox-group-min-width:var(--input-min-width);--vv-checkbox-group-element-legend-display:var(--input-label-display);--vv-checkbox-group-element-legend-font-size:var(--input-label-font-size);--vv-checkbox-group-element-legend-font-weight:var(--input-label-font-weight);--vv-checkbox-group-element-legend-color:var(--input-label-color);--vv-checkbox-group-element-legend-margin:0 0 var(--input-label-gap) 0;--vv-checkbox-group-element-legend-white-space:var(--input-label-white-space);--vv-checkbox-group-element-legend-text-overflow:var(--input-label-text-overflow);--vv-checkbox-group-element-legend-overflow:var(--input-label-overflow);--vv-checkbox-group-element-legend-max-width:var(--input-label-max-width);--vv-checkbox-group-element-wrapper-position:relative;--vv-checkbox-group-element-wrapper-display:flex;--vv-checkbox-group-element-wrapper-flex-direction:column;--vv-checkbox-group-element-wrapper-flex-wrap:wrap;--vv-checkbox-group-element-hint-display:var(--input-hint-display);--vv-checkbox-group-element-hint-font-size:var(--input-hint-font-size);--vv-checkbox-group-element-hint-color:var(--input-hint-color);--vv-checkbox-group-element-hint-padding-top:var(--input-hint-gap);--vv-checkbox-group-element-hint-white-space:var(--input-hint-white-space);--vv-checkbox-group-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-checkbox-group-element-hint-overflow:var(--input-hint-overflow);--vv-checkbox-group-element-hint-max-width:var(--input-hint-max-width);--vv-checkbox-group-element-hint-margin-top:calc(var(--input-gap) * -1);--vv-checkbox-group-element-hint-margin-bottom:var(--input-gap);--vv-checkbox-group-modifier-horizontal-element-wrapper-flex-direction:row;--vv-checkbox-group-modifier-valid-element-hint-color:var(--input-valid-color);--vv-checkbox-group-modifier-invalid-element-hint-color:var(--input-invalid-color)}:where(.vv-checkbox-group){display:var(--vv-checkbox-group-display);flex:var(--vv-checkbox-group-flex);flex-direction:var(--vv-checkbox-group-flex-direction);min-width:var(--vv-checkbox-group-min-width)}:where(.vv-checkbox-group__legend,.vv-checkbox-group>legend){display:var(--vv-checkbox-group-element-legend-display);font-size:var(--vv-checkbox-group-element-legend-font-size);font-weight:var(--vv-checkbox-group-element-legend-font-weight);color:var(--vv-checkbox-group-element-legend-color);margin:var(--vv-checkbox-group-element-legend-margin);white-space:var(--vv-checkbox-group-element-legend-white-space);text-overflow:var(--vv-checkbox-group-element-legend-text-overflow);overflow:var(--vv-checkbox-group-element-legend-overflow);max-width:var(--vv-checkbox-group-element-legend-max-width)}:where(.vv-checkbox-group__wrapper){position:var(--vv-checkbox-group-element-wrapper-position);display:var(--vv-checkbox-group-element-wrapper-display);flex-direction:var(--vv-checkbox-group-element-wrapper-flex-direction);flex-wrap:var(--vv-checkbox-group-element-wrapper-flex-wrap)}:where(.vv-checkbox-group__hint,.vv-checkbox-group>small){display:var(--vv-checkbox-group-element-hint-display);font-size:var(--vv-checkbox-group-element-hint-font-size);color:var(--vv-checkbox-group-element-hint-color);padding-top:var(--vv-checkbox-group-element-hint-padding-top);white-space:var(--vv-checkbox-group-element-hint-white-space);text-overflow:var(--vv-checkbox-group-element-hint-text-overflow);overflow:var(--vv-checkbox-group-element-hint-overflow);max-width:var(--vv-checkbox-group-element-hint-max-width);margin-top:var(--vv-checkbox-group-element-hint-margin-top);margin-bottom:var(--vv-checkbox-group-element-hint-margin-bottom)}:where(.vv-checkbox-group--horizontal .vv-checkbox-group__wrapper){flex-direction:var(--vv-checkbox-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-checkbox-group--valid>.vv-checkbox-group__hint,.vv-checkbox-group--valid>small){color:var(--vv-checkbox-group-modifier-valid-element-hint-color)}:where(.vv-checkbox-group--invalid>.vv-checkbox-group__hint,.vv-checkbox-group--invalid>small){color:var(--vv-checkbox-group-modifier-invalid-element-hint-color)}
1
+ :where(:host,:root,.theme){--vv-checkbox-group-display:var(--input-display);--vv-checkbox-group-flex:var(--input-flex);--vv-checkbox-group-flex-direction:var(--input-flex-direction);--vv-checkbox-group-min-width:var(--input-min-width);--vv-checkbox-group-element-legend-display:var(--input-label-display);--vv-checkbox-group-element-legend-font-size:var(--input-label-font-size);--vv-checkbox-group-element-legend-font-weight:var(--input-label-font-weight);--vv-checkbox-group-element-legend-color:var(--input-label-color);--vv-checkbox-group-element-legend-margin:0 0 var(--input-label-gap) 0;--vv-checkbox-group-element-legend-white-space:var(--input-label-white-space);--vv-checkbox-group-element-legend-text-overflow:var(--input-label-text-overflow);--vv-checkbox-group-element-legend-overflow:var(--input-label-overflow);--vv-checkbox-group-element-legend-max-width:var(--input-label-max-width);--vv-checkbox-group-element-wrapper-position:relative;--vv-checkbox-group-element-wrapper-display:flex;--vv-checkbox-group-element-wrapper-flex-direction:column;--vv-checkbox-group-element-wrapper-flex-wrap:wrap;--vv-checkbox-group-element-hint-display:var(--input-hint-display);--vv-checkbox-group-element-hint-font-size:var(--input-hint-font-size);--vv-checkbox-group-element-hint-color:var(--input-hint-color);--vv-checkbox-group-element-hint-padding-top:var(--input-hint-gap);--vv-checkbox-group-element-hint-white-space:var(--input-hint-white-space);--vv-checkbox-group-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-checkbox-group-element-hint-overflow:var(--input-hint-overflow);--vv-checkbox-group-element-hint-max-width:var(--input-hint-max-width);--vv-checkbox-group-element-hint-margin-top:calc(var(--input-gap) * -1);--vv-checkbox-group-element-hint-margin-bottom:var(--input-gap);--vv-checkbox-group-modifier-horizontal-element-wrapper-flex-direction:row;--vv-checkbox-group-modifier-segmented-element-wrapper-margin-bottom:var(--input-gap);--vv-checkbox-group-modifier-segmented-element-wrapper-flex-direction:row;--vv-checkbox-group-modifier-segmented-element-wrapper-flex-wrap:nowrap;--vv-checkbox-group-modifier-segmented-element-wrapper-gap:var(--spacing-2);--vv-checkbox-group-modifier-segmented-element-wrapper-padding:var(--spacing-4);--vv-checkbox-group-modifier-segmented-element-wrapper-border-radius:var(--rounded-lg);--vv-checkbox-group-modifier-segmented-element-wrapper-background-color:var(--color-surface-2);--vv-checkbox-group-modifier-cards-element-wrapper-margin-bottom:var(--input-gap);--vv-checkbox-group-modifier-cards-element-wrapper-flex-direction:row;--vv-checkbox-group-modifier-cards-element-wrapper-gap:var(--spacing-8);--vv-checkbox-group-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-checkbox-group-modifier-invalid-element-hint-color:var(--input-invalid-text-color)}:where(.vv-checkbox-group){display:var(--vv-checkbox-group-display);flex:var(--vv-checkbox-group-flex);flex-direction:var(--vv-checkbox-group-flex-direction);min-width:var(--vv-checkbox-group-min-width)}:where(.vv-checkbox-group__legend,.vv-checkbox-group>legend){display:var(--vv-checkbox-group-element-legend-display);font-size:var(--vv-checkbox-group-element-legend-font-size);font-weight:var(--vv-checkbox-group-element-legend-font-weight);color:var(--vv-checkbox-group-element-legend-color);margin:var(--vv-checkbox-group-element-legend-margin);white-space:var(--vv-checkbox-group-element-legend-white-space);text-overflow:var(--vv-checkbox-group-element-legend-text-overflow);overflow:var(--vv-checkbox-group-element-legend-overflow);max-width:var(--vv-checkbox-group-element-legend-max-width)}:where(.vv-checkbox-group__wrapper){position:var(--vv-checkbox-group-element-wrapper-position);display:var(--vv-checkbox-group-element-wrapper-display);flex-direction:var(--vv-checkbox-group-element-wrapper-flex-direction);flex-wrap:var(--vv-checkbox-group-element-wrapper-flex-wrap)}:where(.vv-checkbox-group__hint,.vv-checkbox-group>small){display:var(--vv-checkbox-group-element-hint-display);font-size:var(--vv-checkbox-group-element-hint-font-size);color:var(--vv-checkbox-group-element-hint-color);padding-top:var(--vv-checkbox-group-element-hint-padding-top);white-space:var(--vv-checkbox-group-element-hint-white-space);text-overflow:var(--vv-checkbox-group-element-hint-text-overflow);overflow:var(--vv-checkbox-group-element-hint-overflow);max-width:var(--vv-checkbox-group-element-hint-max-width);margin-top:var(--vv-checkbox-group-element-hint-margin-top);margin-bottom:var(--vv-checkbox-group-element-hint-margin-bottom)}:where(.vv-checkbox-group--horizontal .vv-checkbox-group__wrapper){flex-direction:var(--vv-checkbox-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-checkbox-group--segmented .vv-checkbox-group__wrapper){margin-bottom:var(--vv-checkbox-group-modifier-segmented-element-wrapper-margin-bottom);flex-direction:var(--vv-checkbox-group-modifier-segmented-element-wrapper-flex-direction);flex-wrap:var(--vv-checkbox-group-modifier-segmented-element-wrapper-flex-wrap);gap:var(--vv-checkbox-group-modifier-segmented-element-wrapper-gap);padding:var(--vv-checkbox-group-modifier-segmented-element-wrapper-padding);border-radius:var(--vv-checkbox-group-modifier-segmented-element-wrapper-border-radius);background-color:var(--vv-checkbox-group-modifier-segmented-element-wrapper-background-color)}:where(.vv-checkbox-group--cards .vv-checkbox-group__wrapper){margin-bottom:var(--vv-checkbox-group-modifier-cards-element-wrapper-margin-bottom);flex-direction:var(--vv-checkbox-group-modifier-cards-element-wrapper-flex-direction);gap:var(--vv-checkbox-group-modifier-cards-element-wrapper-gap)}:where(.vv-checkbox-group--valid>.vv-checkbox-group__hint,.vv-checkbox-group--valid>small){color:var(--vv-checkbox-group-modifier-valid-element-hint-color)}:where(.vv-checkbox-group--invalid>.vv-checkbox-group__hint,.vv-checkbox-group--invalid>small){color:var(--vv-checkbox-group-modifier-invalid-element-hint-color)}
package/dist/components/vv-checkbox.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-checkbox-display:inline-flex;--vv-checkbox-flex-wrap:wrap;--vv-checkbox-align-items:center;--vv-checkbox-cursor:pointer;--vv-checkbox-user-select:none;--vv-checkbox-margin:0 var(--input-gap) var(--input-gap) 0;--vv-checkbox-color:var(--input-color);--vv-checkbox-font-size:var(--input-font-size);--vv-checkbox-line-height:var(--input-line-height);--vv-checkbox-min-width:var(--input-min-width);--vv-checkbox-state-disabled-opacity:var(--opacity-30);--vv-checkbox-state-disabled-cursor:not-allowed;--vv-checkbox-state-disabled-element-input-cursor:not-allowed;--vv-checkbox-element-input-border:var(--spacing-2) solid var(--input-color);--vv-checkbox-element-input-align-self:flex-start;--vv-checkbox-element-input-margin:0 var(--input-label-gap) 0 0;--vv-checkbox-element-input-background-position:center;--vv-checkbox-element-input-background-size:var(--text-12) auto;--vv-checkbox-element-input-background-repeat:no-repeat;--vv-checkbox-element-input-cursor:pointer;--vv-checkbox-element-input-position:relative;--vv-checkbox-element-input-state-checked-background-image:var(--bg-check);--vv-checkbox-element-input-state-indeterminate-background-image:var(--bg-minus);--vv-checkbox-element-input-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-checkbox-element-input-state-focus-visible-outline-offset:var(--spacing-2);--vv-checkbox-element-label-flex:1;--vv-checkbox-element-label-min-width:0;--vv-checkbox-element-hint-flex-basis:100%;--vv-checkbox-element-hint-display:var(--input-hint-display);--vv-checkbox-element-hint-font-size:var(--input-hint-font-size);--vv-checkbox-element-hint-color:var(--input-hint-color);--vv-checkbox-element-hint-padding-top:var(--input-hint-gap);--vv-checkbox-element-hint-white-space:var(--input-hint-white-space);--vv-checkbox-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-checkbox-element-hint-overflow:var(--input-hint-overflow);--vv-checkbox-element-hint-max-width:var(--input-hint-max-width);--vv-checkbox-modifier-readonly-opacity:var(--opacity-100);--vv-checkbox-modifier-readonly-cursor:default;--vv-checkbox-modifier-readonly-pointer-events:none;--vv-checkbox-modifier-switch-element-input-border:0;--vv-checkbox-modifier-switch-element-input-min-width:var(--spacing-44);--vv-checkbox-modifier-switch-element-input-border-radius:var(--spacing-12);--vv-checkbox-modifier-switch-element-input-background-color:var(--color-word-5);--vv-checkbox-modifier-switch-element-input-position:relative;--vv-checkbox-modifier-switch-element-input-will-change:background-color;--vv-checkbox-modifier-switch-element-input-transition:var(--transition-colors);--vv-checkbox-modifier-switch-element-input-pseudo-after-width:var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-height:var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius:50%;--vv-checkbox-modifier-switch-element-input-pseudo-after-position:absolute;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-block:var(--spacing-2) 0;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-inline:var(--spacing-2) 0;--vv-checkbox-modifier-switch-element-input-pseudo-after-background:var(--color-white);--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change:transform;--vv-checkbox-modifier-switch-element-input-pseudo-after-transition:var(--transition-transform);--vv-checkbox-modifier-switch-element-input-state-hover-background-color:var(--color-word-4);--vv-checkbox-modifier-switch-element-input-state-active-background-color:var(--color-word-3);--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image:none;--vv-checkbox-modifier-switch-element-input-state-checked-background-image:none;--vv-checkbox-modifier-switch-element-input-state-checked-background-color:var(--color-brand);--vv-checkbox-modifier-valid-element-hint-color:var(--input-valid-color);--vv-checkbox-modifier-invalid-element-hint-color:var(--input-invalid-color)}:where(.vv-checkbox){display:var(--vv-checkbox-display);flex-wrap:var(--vv-checkbox-flex-wrap);align-items:var(--vv-checkbox-align-items);cursor:var(--vv-checkbox-cursor);-webkit-user-select:var(--vv-checkbox-user-select);user-select:var(--vv-checkbox-user-select);margin:var(--vv-checkbox-margin);color:var(--vv-checkbox-color);font-size:var(--vv-checkbox-font-size);line-height:var(--vv-checkbox-line-height);min-width:var(--vv-checkbox-min-width)}:where(.vv-checkbox__input,.vv-checkbox>input[type=checkbox]){border:var(--vv-checkbox-element-input-border);min-width:var(--input-control-size);height:var(--input-control-size);align-self:var(--vv-checkbox-element-input-align-self);translate:0 calc((1lh - var(--input-control-size)) / 2);margin:var(--vv-checkbox-element-input-margin);background-position:var(--vv-checkbox-element-input-background-position);background-size:var(--vv-checkbox-element-input-background-size);background-repeat:var(--vv-checkbox-element-input-background-repeat);cursor:var(--vv-checkbox-element-input-cursor);position:var(--vv-checkbox-element-input-position)}:where(.vv-checkbox__input--checked,.vv-checkbox__input.checked,.vv-checkbox>input[type=checkbox].checked,.vv-checkbox__input:checked,.vv-checkbox>input[type=checkbox]:checked){background-image:var(--vv-checkbox-element-input-state-checked-background-image)}:where(.vv-checkbox__input--indeterminate,.vv-checkbox__input.indeterminate,.vv-checkbox>input[type=checkbox].indeterminate,.vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-element-input-state-indeterminate-background-image)}:where(.vv-checkbox__input--focus-visible,.vv-checkbox__input.focus-visible,.vv-checkbox>input[type=checkbox].focus-visible,.vv-checkbox__input:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-checkbox>input[type=checkbox]:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-checkbox-element-input-state-focus-visible-outline);outline-offset:var(--vv-checkbox-element-input-state-focus-visible-outline-offset)}:where(.vv-checkbox__label,.vv-checkbox>span:not([class])){flex:var(--vv-checkbox-element-label-flex);min-width:var(--vv-checkbox-element-label-min-width)}:where(.vv-checkbox__hint,.vv-checkbox>small){flex-basis:var(--vv-checkbox-element-hint-flex-basis);display:var(--vv-checkbox-element-hint-display);font-size:var(--vv-checkbox-element-hint-font-size);color:var(--vv-checkbox-element-hint-color);padding-top:var(--vv-checkbox-element-hint-padding-top);white-space:var(--vv-checkbox-element-hint-white-space);text-overflow:var(--vv-checkbox-element-hint-text-overflow);overflow:var(--vv-checkbox-element-hint-overflow);max-width:var(--vv-checkbox-element-hint-max-width)}:where(.vv-checkbox:has(>input[type=checkbox]:disabled)),:where(.vv-checkbox--disabled,.vv-checkbox.disabled,.vv-checkbox[disabled],.vv-checkbox[aria-disabled=true]){opacity:var(--vv-checkbox-state-disabled-opacity);--vv-checkbox-cursor:var(--vv-checkbox-state-disabled-cursor)}:where(.vv-checkbox--disabled .vv-checkbox__input,.vv-checkbox.disabled .vv-checkbox__input,.vv-checkbox[disabled] .vv-checkbox__input,.vv-checkbox[aria-disabled=true] .vv-checkbox__input,.vv-checkbox--disabled>input[type=checkbox],.vv-checkbox.disabled>input[type=checkbox],.vv-checkbox[disabled]>input[type=checkbox],.vv-checkbox[aria-disabled=true]>input[type=checkbox]){cursor:var(--vv-checkbox-state-disabled-element-input-cursor)}:where(.vv-checkbox--readonly.vv-checkbox){opacity:var(--vv-checkbox-modifier-readonly-opacity);--vv-checkbox-cursor:var(--vv-checkbox-modifier-readonly-cursor);pointer-events:var(--vv-checkbox-modifier-readonly-pointer-events)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]){--input-control-size:var(--spacing-24);border:var(--vv-checkbox-modifier-switch-element-input-border);min-width:var(--vv-checkbox-modifier-switch-element-input-min-width);border-radius:var(--vv-checkbox-modifier-switch-element-input-border-radius);background-color:var(--vv-checkbox-modifier-switch-element-input-background-color);position:var(--vv-checkbox-modifier-switch-element-input-position);will-change:var(--vv-checkbox-modifier-switch-element-input-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-transition)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]):after{content:"";width:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-width);height:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius);position:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-position);inset-block:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-block);inset-inline:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-inline);background:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-background);will-change:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-transition)}:where(.vv-checkbox--switch .vv-checkbox__input--hover,.vv-checkbox--switch .vv-checkbox__input.hover,.vv-checkbox--switch>input[type=checkbox].hover,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):hover,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):hover){--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-hover-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--active,.vv-checkbox--switch .vv-checkbox__input.active,.vv-checkbox--switch>input[type=checkbox].active,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):active,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):active){--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-active-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate):after{translate:calc(50% * var(--direction,1))}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked){background-image:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-image);--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked):after{translate:calc(100% * var(--direction,1))}:where(.vv-checkbox--valid>.vv-checkbox__hint,.vv-checkbox--valid>small){color:var(--vv-checkbox-modifier-valid-element-hint-color)}:where(.vv-checkbox--invalid>.vv-checkbox__hint,.vv-checkbox--invalid>small){color:var(--vv-checkbox-modifier-invalid-element-hint-color)}
1
+ :where(:host,:root,.theme){--vv-checkbox-display:inline-flex;--vv-checkbox-flex-wrap:wrap;--vv-checkbox-align-items:center;--vv-checkbox-cursor:pointer;--vv-checkbox-user-select:none;--vv-checkbox-margin:0 var(--input-gap) var(--input-gap) 0;--vv-checkbox-color:var(--input-color);--vv-checkbox-font-size:var(--input-font-size);--vv-checkbox-line-height:var(--input-line-height);--vv-checkbox-min-width:var(--input-min-width);--vv-checkbox-state-disabled-opacity:var(--opacity-30);--vv-checkbox-state-disabled-cursor:not-allowed;--vv-checkbox-state-disabled-element-input-cursor:not-allowed;--vv-checkbox-element-input-border:var(--spacing-2) solid var(--input-color);--vv-checkbox-element-input-align-self:flex-start;--vv-checkbox-element-input-margin:0 var(--input-label-gap) 0 0;--vv-checkbox-element-input-background-position:center;--vv-checkbox-element-input-background-size:var(--text-12) auto;--vv-checkbox-element-input-background-repeat:no-repeat;--vv-checkbox-element-input-cursor:pointer;--vv-checkbox-element-input-position:relative;--vv-checkbox-element-input-state-checked-background-image:var(--bg-check);--vv-checkbox-element-input-state-indeterminate-background-image:var(--bg-minus);--vv-checkbox-element-input-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-checkbox-element-input-state-focus-visible-outline-offset:var(--spacing-2);--vv-checkbox-element-label-flex:1;--vv-checkbox-element-label-min-width:0;--vv-checkbox-element-hint-flex-basis:100%;--vv-checkbox-element-hint-display:var(--input-hint-display);--vv-checkbox-element-hint-font-size:var(--input-hint-font-size);--vv-checkbox-element-hint-color:var(--input-hint-color);--vv-checkbox-element-hint-padding-top:var(--input-hint-gap);--vv-checkbox-element-hint-white-space:var(--input-hint-white-space);--vv-checkbox-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-checkbox-element-hint-overflow:var(--input-hint-overflow);--vv-checkbox-element-hint-max-width:var(--input-hint-max-width);--vv-checkbox-modifier-segment-position:relative;--vv-checkbox-modifier-segment-display:flex;--vv-checkbox-modifier-segment-flex:1;--vv-checkbox-modifier-segment-flex-wrap:nowrap;--vv-checkbox-modifier-segment-align-items:center;--vv-checkbox-modifier-segment-justify-content:center;--vv-checkbox-modifier-segment-min-width:0;--vv-checkbox-modifier-segment-min-height:calc(var(--input-min-height) - var(--spacing-8));--vv-checkbox-modifier-segment-margin:0;--vv-checkbox-modifier-segment-padding:0 var(--spacing-12);--vv-checkbox-modifier-segment-border-radius:var(--rounded-md);--vv-checkbox-modifier-segment-color:var(--color-word-2);--vv-checkbox-modifier-segment-white-space:nowrap;--vv-checkbox-modifier-segment-transition:background-color var(--duration-150) var(--ease-out), color var(--duration-150) var(--ease-out), box-shadow var(--duration-150) var(--ease-out);--vv-checkbox-modifier-segment-element-label-display:flex;--vv-checkbox-modifier-segment-element-label-align-items:center;--vv-checkbox-modifier-segment-element-label-justify-content:center;--vv-checkbox-modifier-segment-element-label-gap:var(--spacing-8);--vv-checkbox-modifier-segment-element-input-position:absolute;--vv-checkbox-modifier-segment-element-input-width:var(--spacing-px);--vv-checkbox-modifier-segment-element-input-min-width:0;--vv-checkbox-modifier-segment-element-input-height:var(--spacing-px);--vv-checkbox-modifier-segment-element-input-margin:0;--vv-checkbox-modifier-segment-element-input-border:0;--vv-checkbox-modifier-segment-element-input-opacity:0;--vv-checkbox-modifier-segment-element-input-pointer-events:none;--vv-checkbox-modifier-segment-state-hover-color:var(--color-word);--vv-checkbox-modifier-segment-state-checked-within-color:var(--color-word);--vv-checkbox-modifier-segment-state-checked-within-font-weight:var(--font-semibold);--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface);--vv-checkbox-modifier-segment-state-checked-within-box-shadow:var(--shadow-sm);--vv-checkbox-modifier-segment-state-focus-visible-within-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-checkbox-modifier-segment-state-focus-visible-within-outline-offset:var(--spacing-2);--vv-checkbox-modifier-card-display:flex;--vv-checkbox-modifier-card-flex:1;--vv-checkbox-modifier-card-flex-wrap:nowrap;--vv-checkbox-modifier-card-align-items:flex-start;--vv-checkbox-modifier-card-gap:var(--spacing-16);--vv-checkbox-modifier-card-min-width:var(--spacing-128);--vv-checkbox-modifier-card-margin:0;--vv-checkbox-modifier-card-padding:var(--spacing-16);--vv-checkbox-modifier-card-border:var(--border) solid var(--color-surface-4);--vv-checkbox-modifier-card-border-radius:var(--rounded-lg);--vv-checkbox-modifier-card-transition:background-color var(--duration-150) var(--ease-out), border-color var(--duration-150) var(--ease-out);--vv-checkbox-modifier-card-element-input-flex-shrink:0;--vv-checkbox-modifier-card-element-input-margin:0;--vv-checkbox-modifier-card-state-hover-border-color:var(--color-surface-5);--vv-checkbox-modifier-card-state-checked-within-border-color:var(--color-word);--vv-checkbox-modifier-card-state-checked-within-background-color:var(--color-surface-1);--vv-checkbox-modifier-readonly-opacity:var(--opacity-100);--vv-checkbox-modifier-readonly-cursor:default;--vv-checkbox-modifier-readonly-pointer-events:none;--vv-checkbox-modifier-switch-element-input-border:0;--vv-checkbox-modifier-switch-element-input-min-width:var(--spacing-44);--vv-checkbox-modifier-switch-element-input-border-radius:var(--spacing-12);--vv-checkbox-modifier-switch-element-input-background-color:var(--color-word-5);--vv-checkbox-modifier-switch-element-input-position:relative;--vv-checkbox-modifier-switch-element-input-will-change:background-color;--vv-checkbox-modifier-switch-element-input-transition:var(--transition-colors);--vv-checkbox-modifier-switch-element-input-pseudo-after-width:var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-height:var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius:50%;--vv-checkbox-modifier-switch-element-input-pseudo-after-position:absolute;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-block:var(--spacing-2) 0;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-inline:var(--spacing-2) 0;--vv-checkbox-modifier-switch-element-input-pseudo-after-background:var(--color-white);--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change:transform;--vv-checkbox-modifier-switch-element-input-pseudo-after-transition:var(--transition-transform);--vv-checkbox-modifier-switch-element-input-state-hover-background-color:var(--color-word-4);--vv-checkbox-modifier-switch-element-input-state-active-background-color:var(--color-word-3);--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image:none;--vv-checkbox-modifier-switch-element-input-state-checked-background-image:none;--vv-checkbox-modifier-switch-element-input-state-checked-background-color:var(--color-brand);--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-background:var(--color-brand-contrast);--vv-checkbox-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-checkbox-modifier-invalid-element-hint-color:var(--input-invalid-text-color)}:where(.vv-checkbox){display:var(--vv-checkbox-display);flex-wrap:var(--vv-checkbox-flex-wrap);align-items:var(--vv-checkbox-align-items);cursor:var(--vv-checkbox-cursor);-webkit-user-select:var(--vv-checkbox-user-select);user-select:var(--vv-checkbox-user-select);margin:var(--vv-checkbox-margin);color:var(--vv-checkbox-color);font-size:var(--vv-checkbox-font-size);line-height:var(--vv-checkbox-line-height);min-width:var(--vv-checkbox-min-width)}:where(.vv-checkbox__input,.vv-checkbox>input[type=checkbox]){border:var(--vv-checkbox-element-input-border);min-width:var(--input-control-size);height:var(--input-control-size);align-self:var(--vv-checkbox-element-input-align-self);translate:0 calc((1lh - var(--input-control-size)) / 2);margin:var(--vv-checkbox-element-input-margin);background-position:var(--vv-checkbox-element-input-background-position);background-size:var(--vv-checkbox-element-input-background-size);background-repeat:var(--vv-checkbox-element-input-background-repeat);cursor:var(--vv-checkbox-element-input-cursor);position:var(--vv-checkbox-element-input-position)}:where(.vv-checkbox__input--checked,.vv-checkbox__input.checked,.vv-checkbox>input[type=checkbox].checked,.vv-checkbox__input:checked,.vv-checkbox>input[type=checkbox]:checked){background-image:var(--vv-checkbox-element-input-state-checked-background-image)}:where(.vv-checkbox__input--indeterminate,.vv-checkbox__input.indeterminate,.vv-checkbox>input[type=checkbox].indeterminate,.vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-element-input-state-indeterminate-background-image)}:where(.vv-checkbox__input--focus-visible,.vv-checkbox__input.focus-visible,.vv-checkbox>input[type=checkbox].focus-visible,.vv-checkbox__input:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-checkbox>input[type=checkbox]:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-checkbox-element-input-state-focus-visible-outline);outline-offset:var(--vv-checkbox-element-input-state-focus-visible-outline-offset)}:where(.vv-checkbox__label,.vv-checkbox>span:not([class])){flex:var(--vv-checkbox-element-label-flex);min-width:var(--vv-checkbox-element-label-min-width)}:where(.vv-checkbox__hint,.vv-checkbox>small){flex-basis:var(--vv-checkbox-element-hint-flex-basis);display:var(--vv-checkbox-element-hint-display);font-size:var(--vv-checkbox-element-hint-font-size);color:var(--vv-checkbox-element-hint-color);padding-top:var(--vv-checkbox-element-hint-padding-top);white-space:var(--vv-checkbox-element-hint-white-space);text-overflow:var(--vv-checkbox-element-hint-text-overflow);overflow:var(--vv-checkbox-element-hint-overflow);max-width:var(--vv-checkbox-element-hint-max-width)}:where(.vv-checkbox:has(>input[type=checkbox]:disabled)),:where(.vv-checkbox--disabled,.vv-checkbox.disabled,.vv-checkbox[disabled],.vv-checkbox[aria-disabled=true]){opacity:var(--vv-checkbox-state-disabled-opacity);--vv-checkbox-cursor:var(--vv-checkbox-state-disabled-cursor)}:where(.vv-checkbox--disabled .vv-checkbox__input,.vv-checkbox.disabled .vv-checkbox__input,.vv-checkbox[disabled] .vv-checkbox__input,.vv-checkbox[aria-disabled=true] .vv-checkbox__input,.vv-checkbox--disabled>input[type=checkbox],.vv-checkbox.disabled>input[type=checkbox],.vv-checkbox[disabled]>input[type=checkbox],.vv-checkbox[aria-disabled=true]>input[type=checkbox]){cursor:var(--vv-checkbox-state-disabled-element-input-cursor)}:where(.vv-checkbox--segment.vv-checkbox){position:var(--vv-checkbox-modifier-segment-position);--vv-checkbox-display:var(--vv-checkbox-modifier-segment-display);flex:var(--vv-checkbox-modifier-segment-flex);--vv-checkbox-flex-wrap:var(--vv-checkbox-modifier-segment-flex-wrap);--vv-checkbox-align-items:var(--vv-checkbox-modifier-segment-align-items);justify-content:var(--vv-checkbox-modifier-segment-justify-content);--vv-checkbox-min-width:var(--vv-checkbox-modifier-segment-min-width);min-height:var(--vv-checkbox-modifier-segment-min-height);--vv-checkbox-margin:var(--vv-checkbox-modifier-segment-margin);padding:var(--vv-checkbox-modifier-segment-padding);border-radius:var(--vv-checkbox-modifier-segment-border-radius);--vv-checkbox-color:var(--vv-checkbox-modifier-segment-color);white-space:var(--vv-checkbox-modifier-segment-white-space);transition:var(--vv-checkbox-modifier-segment-transition)}:where(.vv-checkbox--segment .vv-checkbox__label,.vv-checkbox--segment>span:not([class])){display:var(--vv-checkbox-modifier-segment-element-label-display);align-items:var(--vv-checkbox-modifier-segment-element-label-align-items);justify-content:var(--vv-checkbox-modifier-segment-element-label-justify-content);gap:var(--vv-checkbox-modifier-segment-element-label-gap)}:where(.vv-checkbox--segment .vv-checkbox__input,.vv-checkbox--segment>input[type=checkbox]){position:var(--vv-checkbox-modifier-segment-element-input-position);width:var(--vv-checkbox-modifier-segment-element-input-width);min-width:var(--vv-checkbox-modifier-segment-element-input-min-width);height:var(--vv-checkbox-modifier-segment-element-input-height);margin:var(--vv-checkbox-modifier-segment-element-input-margin);border:var(--vv-checkbox-modifier-segment-element-input-border);opacity:var(--vv-checkbox-modifier-segment-element-input-opacity);pointer-events:var(--vv-checkbox-modifier-segment-element-input-pointer-events)}:where(.vv-checkbox--segment.vv-checkbox--hover,.vv-checkbox--segment.vv-checkbox.hover,.vv-checkbox--segment.vv-checkbox:not([disabled]):hover){--vv-checkbox-modifier-segment-color:var(--vv-checkbox-modifier-segment-state-hover-color)}:where(.vv-checkbox--segment.vv-checkbox--checked-within,.vv-checkbox--segment.vv-checkbox.checked-within,.vv-checkbox--segment.vv-checkbox:has(input:checked)){--vv-checkbox-modifier-segment-color:var(--vv-checkbox-modifier-segment-state-checked-within-color);font-weight:var(--vv-checkbox-modifier-segment-state-checked-within-font-weight);background-color:var(--vv-checkbox-modifier-segment-state-checked-within-background-color);box-shadow:var(--vv-checkbox-modifier-segment-state-checked-within-box-shadow)}:where(.vv-checkbox--segment.vv-checkbox--focus-visible-within,.vv-checkbox--segment.vv-checkbox.focus-visible-within,.vv-checkbox--segment.vv-checkbox:has(input:focus-visible)){outline:var(--vv-checkbox-modifier-segment-state-focus-visible-within-outline);outline-offset:var(--vv-checkbox-modifier-segment-state-focus-visible-within-outline-offset)}:where(.vv-checkbox--card.vv-checkbox){--vv-checkbox-display:var(--vv-checkbox-modifier-card-display);flex:var(--vv-checkbox-modifier-card-flex);--vv-checkbox-flex-wrap:var(--vv-checkbox-modifier-card-flex-wrap);--vv-checkbox-align-items:var(--vv-checkbox-modifier-card-align-items);gap:var(--vv-checkbox-modifier-card-gap);--vv-checkbox-min-width:var(--vv-checkbox-modifier-card-min-width);--vv-checkbox-margin:var(--vv-checkbox-modifier-card-margin);padding:var(--vv-checkbox-modifier-card-padding);border:var(--vv-checkbox-modifier-card-border);border-radius:var(--vv-checkbox-modifier-card-border-radius);transition:var(--vv-checkbox-modifier-card-transition)}:where(.vv-checkbox--card .vv-checkbox__input,.vv-checkbox--card>input[type=checkbox]){flex-shrink:var(--vv-checkbox-modifier-card-element-input-flex-shrink);margin:var(--vv-checkbox-modifier-card-element-input-margin)}:where(.vv-checkbox--card.vv-checkbox--hover,.vv-checkbox--card.vv-checkbox.hover,.vv-checkbox--card.vv-checkbox:not([disabled]):hover){border-color:var(--vv-checkbox-modifier-card-state-hover-border-color)}:where(.vv-checkbox--card.vv-checkbox--checked-within,.vv-checkbox--card.vv-checkbox.checked-within,.vv-checkbox--card.vv-checkbox:has(input:checked)){border-color:var(--vv-checkbox-modifier-card-state-checked-within-border-color);background-color:var(--vv-checkbox-modifier-card-state-checked-within-background-color)}:where(.vv-checkbox--readonly.vv-checkbox){opacity:var(--vv-checkbox-modifier-readonly-opacity);--vv-checkbox-cursor:var(--vv-checkbox-modifier-readonly-cursor);pointer-events:var(--vv-checkbox-modifier-readonly-pointer-events)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]){--input-control-size:var(--spacing-24);border:var(--vv-checkbox-modifier-switch-element-input-border);min-width:var(--vv-checkbox-modifier-switch-element-input-min-width);border-radius:var(--vv-checkbox-modifier-switch-element-input-border-radius);background-color:var(--vv-checkbox-modifier-switch-element-input-background-color);position:var(--vv-checkbox-modifier-switch-element-input-position);will-change:var(--vv-checkbox-modifier-switch-element-input-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-transition)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]):after{content:"";width:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-width);height:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius);position:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-position);inset-block:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-block);inset-inline:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-inline);background:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-background);will-change:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-transition)}:where(.vv-checkbox--switch .vv-checkbox__input--hover,.vv-checkbox--switch .vv-checkbox__input.hover,.vv-checkbox--switch>input[type=checkbox].hover,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):hover,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):hover){--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-hover-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--active,.vv-checkbox--switch .vv-checkbox__input.active,.vv-checkbox--switch>input[type=checkbox].active,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):active,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):active){--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-active-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate):after{translate:calc(50% * var(--direction,1))}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked){background-image:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-image);--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked):after{translate:calc(100% * var(--direction,1));--vv-checkbox-modifier-switch-element-input-pseudo-after-background:var(--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-background)}:where(.vv-checkbox--valid>.vv-checkbox__hint,.vv-checkbox--valid>small){color:var(--vv-checkbox-modifier-valid-element-hint-color)}:where(.vv-checkbox--invalid>.vv-checkbox__hint,.vv-checkbox--invalid>small){color:var(--vv-checkbox-modifier-invalid-element-hint-color)}
package/dist/components/vv-command.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-command-display:flex;--vv-command-flex-direction:column;--vv-command-min-width:0;--vv-command-overflow:hidden;--vv-command-border:var(--border) solid var(--color-surface-3);--vv-command-border-radius:var(--rounded-lg);--vv-command-background-color:var(--color-surface);--vv-command-color:var(--color-word-2);--vv-command-font-size:var(--text-14);--vv-command-element-search-display:flex;--vv-command-element-search-align-items:center;--vv-command-element-search-gap:var(--spacing-8);--vv-command-element-search-padding-inline:var(--spacing-12);--vv-command-element-search-border-bottom:var(--border) solid var(--color-surface-3);--vv-command-element-search-color:var(--color-word-3);--vv-command-element-search-transition:border-color var(--duration-150) var(--ease-out);--vv-command-element-search-state-focus-within-border-bottom-color:var(--color-brand-graphic);--vv-command-element-input-flex:1;--vv-command-element-input-min-width:0;--vv-command-element-input-min-height:var(--spacing-44);--vv-command-element-input-color:var(--color-word-1);--vv-command-element-input-pseudo-placeholder-color:var(--input-placeholder-color);--vv-command-element-list-max-height:20rem;--vv-command-element-list-margin:0;--vv-command-element-list-padding:var(--spacing-4);--vv-command-element-list-overflow-y:auto;--vv-command-element-list-list-style:none;--vv-command-element-list-scrollbar-width:thin;--vv-command-element-heading-padding:var(--spacing-8) var(--spacing-8) var(--spacing-4);--vv-command-element-heading-color:var(--color-word-3);--vv-command-element-heading-font-size:var(--text-12);--vv-command-element-heading-font-weight:var(--font-semibold);--vv-command-element-option-display:flex;--vv-command-element-option-align-items:center;--vv-command-element-option-gap:var(--spacing-8);--vv-command-element-option-padding:var(--spacing-8);--vv-command-element-option-border-radius:var(--rounded-md);--vv-command-element-option-cursor:pointer;--vv-command-element-option-state-hover-background-color:var(--color-surface-1);--vv-command-element-option-state-selected-background-color:var(--color-surface-2);--vv-command-element-option-state-selected-color:var(--color-word);--vv-command-element-option-state-disabled-opacity:var(--opacity-30);--vv-command-element-option-state-disabled-cursor:not-allowed;--vv-command-element-option-state-disabled-pointer-events:none;--vv-command-element-shortcut-display:inline-flex;--vv-command-element-shortcut-align-items:center;--vv-command-element-shortcut-gap:.25em;--vv-command-element-shortcut-margin-inline-start:auto;--vv-command-element-shortcut-color:var(--color-word-4);--vv-command-element-empty-padding:var(--spacing-lg) var(--spacing-12);--vv-command-element-empty-color:var(--color-word-3);--vv-command-element-empty-text-align:center}:where(.vv-command){display:var(--vv-command-display);flex-direction:var(--vv-command-flex-direction);min-width:var(--vv-command-min-width);overflow:var(--vv-command-overflow);border:var(--vv-command-border);border-radius:var(--vv-command-border-radius);background-color:var(--vv-command-background-color);color:var(--vv-command-color);font-size:var(--vv-command-font-size)}:where(.vv-command__search){display:var(--vv-command-element-search-display);align-items:var(--vv-command-element-search-align-items);gap:var(--vv-command-element-search-gap);padding-inline:var(--vv-command-element-search-padding-inline);border-bottom:var(--vv-command-element-search-border-bottom);color:var(--vv-command-element-search-color);transition:var(--vv-command-element-search-transition)}:where(.vv-command__search--focus-within,.vv-command__search.focus-within,.vv-command__search:not([disabled]):focus-within){border-bottom-color:var(--vv-command-element-search-state-focus-within-border-bottom-color)}:where(.vv-command__input){flex:var(--vv-command-element-input-flex);min-width:var(--vv-command-element-input-min-width);min-height:var(--vv-command-element-input-min-height);color:var(--vv-command-element-input-color);font:inherit}:where(.vv-command__input)::placeholder{content:"";color:var(--vv-command-element-input-pseudo-placeholder-color)}:where(.vv-command__list){max-height:var(--vv-command-element-list-max-height);margin:var(--vv-command-element-list-margin);padding:var(--vv-command-element-list-padding);overflow-y:var(--vv-command-element-list-overflow-y);list-style:var(--vv-command-element-list-list-style);scrollbar-width:var(--vv-command-element-list-scrollbar-width)}:where(.vv-command__heading){padding:var(--vv-command-element-heading-padding);color:var(--vv-command-element-heading-color);font-size:var(--vv-command-element-heading-font-size);font-weight:var(--vv-command-element-heading-font-weight)}:where(.vv-command__option){display:var(--vv-command-element-option-display);align-items:var(--vv-command-element-option-align-items);gap:var(--vv-command-element-option-gap);padding:var(--vv-command-element-option-padding);border-radius:var(--vv-command-element-option-border-radius);cursor:var(--vv-command-element-option-cursor)}:where(.vv-command__option--hover,.vv-command__option.hover,.vv-command__option:not([disabled]):hover){background-color:var(--vv-command-element-option-state-hover-background-color)}:where(.vv-command__option--selected,.vv-command__option.selected,.vv-command__option[aria-selected=true]){background-color:var(--vv-command-element-option-state-selected-background-color);color:var(--vv-command-element-option-state-selected-color)}:where(.vv-command__option--disabled,.vv-command__option.disabled,.vv-command__option[disabled],.vv-command__option[aria-disabled=true]){opacity:var(--vv-command-element-option-state-disabled-opacity);--vv-command-element-option-cursor:var(--vv-command-element-option-state-disabled-cursor);pointer-events:var(--vv-command-element-option-state-disabled-pointer-events)}:where(.vv-command__shortcut){display:var(--vv-command-element-shortcut-display);align-items:var(--vv-command-element-shortcut-align-items);gap:var(--vv-command-element-shortcut-gap);color:var(--vv-command-element-shortcut-color);margin-inline-start:var(--vv-command-element-shortcut-margin-inline-start)}:where(.vv-command__empty){padding:var(--vv-command-element-empty-padding);color:var(--vv-command-element-empty-color);text-align:var(--vv-command-element-empty-text-align)}
package/dist/components/vv-dialog.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dialog-display:flex;--vv-dialog-user-select:text;--vv-dialog-z-index:var(--z-modal-backdrop);--vv-dialog-position:fixed;--vv-dialog-inset:0;--vv-dialog-align-items:center;--vv-dialog-justify-content:center;--vv-dialog-width:inherit;--vv-dialog-min-width:100%;--vv-dialog-height:inherit;--vv-dialog-min-height:100%;--vv-dialog-padding:var(--spacing-md);--vv-dialog-border:0;--vv-dialog-background-color:var(--color-backdrop);--vv-dialog-backdrop-filter:var(--blur-sm);--vv-dialog-opacity:var(--opacity-100);--vv-dialog-state-close-display:none;--vv-dialog-state-open-overflow:hidden;--vv-dialog-element-wrapper-display:flex;--vv-dialog-element-wrapper-flex-direction:column;--vv-dialog-element-wrapper-position:relative;--vv-dialog-element-wrapper-box-shadow:var(--shadow-lg);--vv-dialog-element-wrapper-width:clamp(30dvw, 40rem, 90dvw);--vv-dialog-element-wrapper-max-height:90dvh;--vv-dialog-element-wrapper-z-index:var(--z-modal);--vv-dialog-element-wrapper-background:var(--color-surface);--vv-dialog-element-wrapper-border-radius:var(--rounded-md);--vv-dialog-element-wrapper-overflow:hidden;--vv-dialog-element-header-display:flex;--vv-dialog-element-header-flex-wrap:nowrap;--vv-dialog-element-header-justify-content:space-between;--vv-dialog-element-header-align-items:center;--vv-dialog-element-header-font-size:var(--text-md);--vv-dialog-element-header-padding:var(--spacing-md);--vv-dialog-element-header-background:var(--color-surface-1);--vv-dialog-element-header-border-bottom:var(--border) solid var(--color-surface-4);--vv-dialog-element-close-inline-size:1em;--vv-dialog-element-close-block-size:1em;--vv-dialog-element-close-cursor:pointer;--vv-dialog-element-close-background-image:var(--bg-close);--vv-dialog-element-close-background-position:center;--vv-dialog-element-close-background-size:100% auto;--vv-dialog-element-close-background-repeat:no-repeat;--vv-dialog-element-content-padding:var(--spacing-md);--vv-dialog-element-content-line-height:var(--leading-normal);--vv-dialog-element-content-flex:1;--vv-dialog-element-content-min-height:0;--vv-dialog-element-content-overflow:auto;--vv-dialog-element-footer-display:flex;--vv-dialog-element-footer-justify-content:flex-end;--vv-dialog-element-footer-padding:var(--spacing-md);--vv-dialog-element-footer-background:var(--color-surface-1);--vv-dialog-element-footer-border-top:var(--border) solid var(--color-surface-4);--vv-dialog-transition-fade-block-active-transition:var(--transition-opacity);--vv-dialog-transition-fade-block-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-fade-block-enter-from-opacity:var(--opacity-0);--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate:0 100%;--vv-dialog-transition-fade-block-leave-to-opacity:var(--opacity-0);--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate:0 -100%;--vv-dialog-transition-fade-inline-active-transition:var(--transition-opacity);--vv-dialog-transition-fade-inline-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-fade-inline-enter-from-opacity:var(--opacity-0);--vv-dialog-transition-fade-inline-leave-to-opacity:var(--opacity-0);--vv-dialog-transition-scale-active-transition:var(--transition-opacity);--vv-dialog-transition-scale-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-scale-inert-opacity:var(--opacity-0);--vv-dialog-transition-scale-inert-element-wrapper-scale:0;--vv-dialog-transition-slide-inline-end-active-transition:var(--transition-opacity);--vv-dialog-transition-slide-inline-end-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-slide-inline-end-inert-opacity:var(--opacity-0);--vv-dialog-modifier-small-element-wrapper-width:clamp(10dvw, 25rem, 90dvw);--vv-dialog-modifier-fullscreen-padding:0;--vv-dialog-modifier-fullscreen-element-wrapper-border-radius:var(--rounded-none);--vv-dialog-modifier-fullscreen-element-wrapper-max-width:auto;--vv-dialog-modifier-fullscreen-element-wrapper-max-height:auto;--vv-dialog-modifier-fullscreen-element-wrapper-width:100%;--vv-dialog-modifier-fullscreen-element-wrapper-height:100%;--vv-dialog-modifier-drawer-padding:0;--vv-dialog-modifier-drawer-align-items:stretch;--vv-dialog-modifier-drawer-justify-content:flex-end;--vv-dialog-modifier-drawer-element-wrapper-width:100%;--vv-dialog-modifier-drawer-element-wrapper-max-height:100dvh;--vv-dialog-modifier-drawer-element-wrapper-border-radius:var(--rounded-none);--vv-dialog-modifier-drawer-element-wrapper-breakpoint-up-sm-width:min(75dvw, 32rem);--vv-dialog-modifier-drawer-element-header-font-weight:var(--font-bold);--vv-dialog-modifier-drawer-element-header-background:var(--color-transparent);--vv-dialog-modifier-drawer-element-header-border-bottom:0;--vv-dialog-modifier-drawer-element-content-padding-top:0;--vv-dialog-modifier-drawer-element-footer-background:var(--color-transparent)}:where(.vv-dialog){display:var(--vv-dialog-display);-webkit-user-select:var(--vv-dialog-user-select);user-select:var(--vv-dialog-user-select);z-index:var(--vv-dialog-z-index);position:var(--vv-dialog-position);inset:var(--vv-dialog-inset);align-items:var(--vv-dialog-align-items);justify-content:var(--vv-dialog-justify-content);width:var(--vv-dialog-width);min-width:var(--vv-dialog-min-width);height:var(--vv-dialog-height);min-height:var(--vv-dialog-min-height);padding:var(--vv-dialog-padding);border:var(--vv-dialog-border);background-color:var(--vv-dialog-background-color);-webkit-backdrop-filter:var(--vv-dialog-backdrop-filter);backdrop-filter:var(--vv-dialog-backdrop-filter);opacity:var(--vv-dialog-opacity)}:where(.vv-dialog__wrapper,.vv-dialog>article){display:var(--vv-dialog-element-wrapper-display);flex-direction:var(--vv-dialog-element-wrapper-flex-direction);position:var(--vv-dialog-element-wrapper-position);box-shadow:var(--vv-dialog-element-wrapper-box-shadow);width:var(--vv-dialog-element-wrapper-width);max-height:var(--vv-dialog-element-wrapper-max-height);z-index:var(--vv-dialog-element-wrapper-z-index);background:var(--vv-dialog-element-wrapper-background);border-radius:var(--vv-dialog-element-wrapper-border-radius);overflow:var(--vv-dialog-element-wrapper-overflow)}:where(.vv-dialog__header,.vv-dialog>article>header){display:var(--vv-dialog-element-header-display);flex-wrap:var(--vv-dialog-element-header-flex-wrap);justify-content:var(--vv-dialog-element-header-justify-content);align-items:var(--vv-dialog-element-header-align-items);font-size:var(--vv-dialog-element-header-font-size);padding:var(--vv-dialog-element-header-padding);background:var(--vv-dialog-element-header-background);border-bottom:var(--vv-dialog-element-header-border-bottom)}:where(.vv-dialog__close){inline-size:var(--vv-dialog-element-close-inline-size);block-size:var(--vv-dialog-element-close-block-size);cursor:var(--vv-dialog-element-close-cursor);background-image:var(--vv-dialog-element-close-background-image);background-position:var(--vv-dialog-element-close-background-position);background-size:var(--vv-dialog-element-close-background-size);background-repeat:var(--vv-dialog-element-close-background-repeat)}:where(.vv-dialog__content){padding:var(--vv-dialog-element-content-padding);line-height:var(--vv-dialog-element-content-line-height);flex:var(--vv-dialog-element-content-flex);min-height:var(--vv-dialog-element-content-min-height);overflow:var(--vv-dialog-element-content-overflow)}:where(.vv-dialog__footer,.vv-dialog>article>footer){display:var(--vv-dialog-element-footer-display);justify-content:var(--vv-dialog-element-footer-justify-content);padding:var(--vv-dialog-element-footer-padding);background:var(--vv-dialog-element-footer-background);border-top:var(--vv-dialog-element-footer-border-top)}:where(.vv-dialog--close,.vv-dialog.close,.vv-dialog:not([open])){--vv-dialog-display:var(--vv-dialog-state-close-display)}:where(.vv-dialog--open,.vv-dialog.open,.vv-dialog[open]){overflow:var(--vv-dialog-state-open-overflow)}:where(.vv-dialog--small>.vv-dialog__wrapper,.vv-dialog--small>article){width:var(--vv-dialog-modifier-small-element-wrapper-width)}:where(.vv-dialog--fullscreen.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-fullscreen-padding)}:where(.vv-dialog--fullscreen>.vv-dialog__wrapper,.vv-dialog--fullscreen>article){border-radius:var(--vv-dialog-modifier-fullscreen-element-wrapper-border-radius);max-width:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-width);max-height:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-height);width:var(--vv-dialog-modifier-fullscreen-element-wrapper-width);height:var(--vv-dialog-modifier-fullscreen-element-wrapper-height)}:where(.vv-dialog--drawer.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-drawer-padding);--vv-dialog-align-items:var(--vv-dialog-modifier-drawer-align-items);--vv-dialog-justify-content:var(--vv-dialog-modifier-drawer-justify-content)}:where(.vv-dialog--drawer>.vv-dialog__wrapper,.vv-dialog--drawer>article){width:var(--vv-dialog-modifier-drawer-element-wrapper-width);max-height:var(--vv-dialog-modifier-drawer-element-wrapper-max-height);border-radius:var(--vv-dialog-modifier-drawer-element-wrapper-border-radius)}@media (width>=576px){:where(.vv-dialog--drawer>.vv-dialog__wrapper,.vv-dialog--drawer>article){--vv-dialog-modifier-drawer-element-wrapper-width:var(--vv-dialog-modifier-drawer-element-wrapper-breakpoint-up-sm-width)}}:where(.vv-dialog--drawer .vv-dialog__header,.vv-dialog--drawer>article>header){font-weight:var(--vv-dialog-modifier-drawer-element-header-font-weight);background:var(--vv-dialog-modifier-drawer-element-header-background);border-bottom:var(--vv-dialog-modifier-drawer-element-header-border-bottom)}:where(.vv-dialog--drawer .vv-dialog__content){padding-top:var(--vv-dialog-modifier-drawer-element-content-padding-top)}:where(.vv-dialog--drawer .vv-dialog__footer,.vv-dialog--drawer>article>footer){background:var(--vv-dialog-modifier-drawer-element-footer-background)}:where(.vv-dialog--fade-block-enter-active,.vv-dialog--fade-block-leave-active){transition:var(--vv-dialog-transition-fade-block-active-transition)}:where(.vv-dialog--fade-block-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-active>article,.vv-dialog--fade-block-leave-active>article){transition:var(--vv-dialog-transition-fade-block-active-element-wrapper-transition)}:where(.vv-dialog--fade-block-enter-from){opacity:var(--vv-dialog-transition-fade-block-enter-from-opacity)}:where(.vv-dialog--fade-block-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-from>article){translate:var(--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate)}:where(.vv-dialog--fade-block-leave-to){opacity:var(--vv-dialog-transition-fade-block-leave-to-opacity)}:where(.vv-dialog--fade-block-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-to>article){translate:var(--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate)}:where(.vv-dialog--fade-inline-enter-active,.vv-dialog--fade-inline-leave-active){transition:var(--vv-dialog-transition-fade-inline-active-transition)}:where(.vv-dialog--fade-inline-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-active>article,.vv-dialog--fade-inline-leave-active>article){transition:var(--vv-dialog-transition-fade-inline-active-element-wrapper-transition)}:where(.vv-dialog--fade-inline-enter-from){opacity:var(--vv-dialog-transition-fade-inline-enter-from-opacity)}:where(.vv-dialog--fade-inline-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-from>article){translate:calc(-100% * var(--direction,1))}:where(.vv-dialog--fade-inline-leave-to){opacity:var(--vv-dialog-transition-fade-inline-leave-to-opacity)}:where(.vv-dialog--fade-inline-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-to>article){translate:calc(100% * var(--direction,1))}:where(.vv-dialog--scale-enter-active,.vv-dialog--scale-leave-active){transition:var(--vv-dialog-transition-scale-active-transition)}:where(.vv-dialog--scale-enter-active>.vv-dialog__wrapper,.vv-dialog--scale-leave-active>.vv-dialog__wrapper,.vv-dialog--scale-enter-active>article,.vv-dialog--scale-leave-active>article){transition:var(--vv-dialog-transition-scale-active-element-wrapper-transition)}:where(.vv-dialog--scale-enter-from,.vv-dialog--scale-leave-to){opacity:var(--vv-dialog-transition-scale-inert-opacity)}:where(.vv-dialog--scale-enter-from>.vv-dialog__wrapper,.vv-dialog--scale-leave-to>.vv-dialog__wrapper,.vv-dialog--scale-enter-from>article,.vv-dialog--scale-leave-to>article){scale:var(--vv-dialog-transition-scale-inert-element-wrapper-scale)}:where(.vv-dialog--slide-inline-end-enter-active,.vv-dialog--slide-inline-end-leave-active){transition:var(--vv-dialog-transition-slide-inline-end-active-transition)}:where(.vv-dialog--slide-inline-end-enter-active>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-leave-active>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-enter-active>article,.vv-dialog--slide-inline-end-leave-active>article){transition:var(--vv-dialog-transition-slide-inline-end-active-element-wrapper-transition)}:where(.vv-dialog--slide-inline-end-enter-from,.vv-dialog--slide-inline-end-leave-to){opacity:var(--vv-dialog-transition-slide-inline-end-inert-opacity)}:where(.vv-dialog--slide-inline-end-enter-from>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-leave-to>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-enter-from>article,.vv-dialog--slide-inline-end-leave-to>article){translate:calc(100% * var(--direction,1))}
1
+ :where(:host,:root,.theme){--vv-dialog-display:flex;--vv-dialog-user-select:text;--vv-dialog-z-index:var(--z-modal-backdrop);--vv-dialog-position:fixed;--vv-dialog-inset:0;--vv-dialog-align-items:center;--vv-dialog-justify-content:center;--vv-dialog-width:inherit;--vv-dialog-min-width:100%;--vv-dialog-height:inherit;--vv-dialog-min-height:100%;--vv-dialog-padding:var(--spacing-md);--vv-dialog-border:0;--vv-dialog-background-color:var(--color-backdrop);--vv-dialog-backdrop-filter:var(--blur-sm);--vv-dialog-opacity:var(--opacity-100);--vv-dialog-state-close-display:none;--vv-dialog-state-open-overflow:hidden;--vv-dialog-element-wrapper-display:flex;--vv-dialog-element-wrapper-flex-direction:column;--vv-dialog-element-wrapper-position:relative;--vv-dialog-element-wrapper-box-shadow:var(--shadow-lg);--vv-dialog-element-wrapper-width:clamp(30dvw, 40rem, 90dvw);--vv-dialog-element-wrapper-max-height:90dvh;--vv-dialog-element-wrapper-z-index:var(--z-modal);--vv-dialog-element-wrapper-background:var(--color-surface);--vv-dialog-element-wrapper-border-radius:var(--rounded-md);--vv-dialog-element-wrapper-overflow:hidden;--vv-dialog-element-header-display:flex;--vv-dialog-element-header-flex-wrap:nowrap;--vv-dialog-element-header-justify-content:space-between;--vv-dialog-element-header-align-items:center;--vv-dialog-element-header-font-size:var(--text-md);--vv-dialog-element-header-padding:var(--spacing-md);--vv-dialog-element-header-background:var(--color-surface-1);--vv-dialog-element-header-border-bottom:var(--border) solid var(--color-surface-4);--vv-dialog-element-close-inline-size:1em;--vv-dialog-element-close-block-size:1em;--vv-dialog-element-close-cursor:pointer;--vv-dialog-element-close-background-image:var(--bg-close);--vv-dialog-element-close-background-position:center;--vv-dialog-element-close-background-size:100% auto;--vv-dialog-element-close-background-repeat:no-repeat;--vv-dialog-element-content-padding:var(--spacing-md);--vv-dialog-element-content-line-height:var(--leading-normal);--vv-dialog-element-content-flex:1;--vv-dialog-element-content-min-height:0;--vv-dialog-element-content-overflow:auto;--vv-dialog-element-footer-display:flex;--vv-dialog-element-footer-justify-content:flex-end;--vv-dialog-element-footer-padding:var(--spacing-md);--vv-dialog-element-footer-background:var(--color-surface-1);--vv-dialog-element-footer-border-top:var(--border) solid var(--color-surface-4);--vv-dialog-transition-fade-block-active-transition:var(--transition-opacity);--vv-dialog-transition-fade-block-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-fade-block-enter-from-opacity:var(--opacity-0);--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate:0 100%;--vv-dialog-transition-fade-block-leave-to-opacity:var(--opacity-0);--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate:0 -100%;--vv-dialog-transition-fade-inline-active-transition:var(--transition-opacity);--vv-dialog-transition-fade-inline-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-fade-inline-enter-from-opacity:var(--opacity-0);--vv-dialog-transition-fade-inline-leave-to-opacity:var(--opacity-0);--vv-dialog-transition-scale-active-transition:var(--transition-opacity);--vv-dialog-transition-scale-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-scale-inert-opacity:var(--opacity-0);--vv-dialog-transition-scale-inert-element-wrapper-scale:0;--vv-dialog-transition-slide-inline-end-active-transition:var(--transition-opacity);--vv-dialog-transition-slide-inline-end-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-slide-inline-end-inert-opacity:var(--opacity-0);--vv-dialog-transition-slide-inline-start-active-transition:var(--transition-opacity);--vv-dialog-transition-slide-inline-start-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-slide-inline-start-inert-opacity:var(--opacity-0);--vv-dialog-transition-slide-block-start-active-transition:var(--transition-opacity);--vv-dialog-transition-slide-block-start-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-slide-block-start-inert-opacity:var(--opacity-0);--vv-dialog-transition-slide-block-start-inert-element-wrapper-translate:0 -100%;--vv-dialog-transition-slide-block-end-active-transition:var(--transition-opacity);--vv-dialog-transition-slide-block-end-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-slide-block-end-inert-opacity:var(--opacity-0);--vv-dialog-transition-slide-block-end-inert-element-wrapper-translate:0 100%;--vv-dialog-modifier-small-element-wrapper-width:clamp(10dvw, 25rem, 90dvw);--vv-dialog-modifier-fullscreen-padding:0;--vv-dialog-modifier-fullscreen-element-wrapper-border-radius:var(--rounded-none);--vv-dialog-modifier-fullscreen-element-wrapper-max-width:auto;--vv-dialog-modifier-fullscreen-element-wrapper-max-height:auto;--vv-dialog-modifier-fullscreen-element-wrapper-width:100%;--vv-dialog-modifier-fullscreen-element-wrapper-height:100%;--vv-dialog-modifier-drawer-padding:0;--vv-dialog-modifier-drawer-align-items:stretch;--vv-dialog-modifier-drawer-justify-content:flex-end;--vv-dialog-modifier-drawer-element-wrapper-width:100%;--vv-dialog-modifier-drawer-element-wrapper-max-height:100dvh;--vv-dialog-modifier-drawer-element-wrapper-border-radius:var(--rounded-none);--vv-dialog-modifier-drawer-element-wrapper-breakpoint-up-sm-width:min(75dvw, 32rem);--vv-dialog-modifier-drawer-element-header-font-weight:var(--font-bold);--vv-dialog-modifier-drawer-element-header-background:var(--color-transparent);--vv-dialog-modifier-drawer-element-header-border-bottom:0;--vv-dialog-modifier-drawer-element-content-padding-top:0;--vv-dialog-modifier-drawer-element-footer-background:var(--color-transparent);--vv-dialog-modifier-drawer-start-padding:0;--vv-dialog-modifier-drawer-start-align-items:stretch;--vv-dialog-modifier-drawer-start-justify-content:flex-start;--vv-dialog-modifier-drawer-start-element-wrapper-width:100%;--vv-dialog-modifier-drawer-start-element-wrapper-max-height:100dvh;--vv-dialog-modifier-drawer-start-element-wrapper-border-radius:var(--rounded-none);--vv-dialog-modifier-drawer-start-element-wrapper-breakpoint-up-sm-width:min(75dvw, 32rem);--vv-dialog-modifier-drawer-start-element-header-font-weight:var(--font-bold);--vv-dialog-modifier-drawer-start-element-header-background:var(--color-transparent);--vv-dialog-modifier-drawer-start-element-header-border-bottom:0;--vv-dialog-modifier-drawer-start-element-content-padding-top:0;--vv-dialog-modifier-drawer-start-element-footer-background:var(--color-transparent);--vv-dialog-modifier-drawer-top-padding:0;--vv-dialog-modifier-drawer-top-align-items:flex-start;--vv-dialog-modifier-drawer-top-justify-content:stretch;--vv-dialog-modifier-drawer-top-element-header-font-weight:var(--font-bold);--vv-dialog-modifier-drawer-top-element-header-background:var(--color-transparent);--vv-dialog-modifier-drawer-top-element-header-border-bottom:0;--vv-dialog-modifier-drawer-top-element-content-padding-top:0;--vv-dialog-modifier-drawer-top-element-footer-background:var(--color-transparent);--vv-dialog-modifier-drawer-top-element-wrapper-width:100%;--vv-dialog-modifier-drawer-top-element-wrapper-border-radius:0 0 var(--rounded-lg) var(--rounded-lg);--vv-dialog-modifier-drawer-bottom-padding:0;--vv-dialog-modifier-drawer-bottom-align-items:flex-end;--vv-dialog-modifier-drawer-bottom-justify-content:stretch;--vv-dialog-modifier-drawer-bottom-element-header-font-weight:var(--font-bold);--vv-dialog-modifier-drawer-bottom-element-header-background:var(--color-transparent);--vv-dialog-modifier-drawer-bottom-element-header-border-bottom:0;--vv-dialog-modifier-drawer-bottom-element-content-padding-top:0;--vv-dialog-modifier-drawer-bottom-element-footer-background:var(--color-transparent);--vv-dialog-modifier-drawer-bottom-element-wrapper-width:100%;--vv-dialog-modifier-drawer-bottom-element-wrapper-border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}:where(.vv-dialog){display:var(--vv-dialog-display);-webkit-user-select:var(--vv-dialog-user-select);user-select:var(--vv-dialog-user-select);z-index:var(--vv-dialog-z-index);position:var(--vv-dialog-position);inset:var(--vv-dialog-inset);align-items:var(--vv-dialog-align-items);justify-content:var(--vv-dialog-justify-content);width:var(--vv-dialog-width);min-width:var(--vv-dialog-min-width);height:var(--vv-dialog-height);min-height:var(--vv-dialog-min-height);padding:var(--vv-dialog-padding);border:var(--vv-dialog-border);background-color:var(--vv-dialog-background-color);-webkit-backdrop-filter:var(--vv-dialog-backdrop-filter);backdrop-filter:var(--vv-dialog-backdrop-filter);opacity:var(--vv-dialog-opacity)}:where(.vv-dialog__wrapper,.vv-dialog>article){display:var(--vv-dialog-element-wrapper-display);flex-direction:var(--vv-dialog-element-wrapper-flex-direction);position:var(--vv-dialog-element-wrapper-position);box-shadow:var(--vv-dialog-element-wrapper-box-shadow);width:var(--vv-dialog-element-wrapper-width);max-height:var(--vv-dialog-element-wrapper-max-height);z-index:var(--vv-dialog-element-wrapper-z-index);background:var(--vv-dialog-element-wrapper-background);border-radius:var(--vv-dialog-element-wrapper-border-radius);overflow:var(--vv-dialog-element-wrapper-overflow)}:where(.vv-dialog__header,.vv-dialog>article>header){display:var(--vv-dialog-element-header-display);flex-wrap:var(--vv-dialog-element-header-flex-wrap);justify-content:var(--vv-dialog-element-header-justify-content);align-items:var(--vv-dialog-element-header-align-items);font-size:var(--vv-dialog-element-header-font-size);padding:var(--vv-dialog-element-header-padding);background:var(--vv-dialog-element-header-background);border-bottom:var(--vv-dialog-element-header-border-bottom)}:where(.vv-dialog__close){inline-size:var(--vv-dialog-element-close-inline-size);block-size:var(--vv-dialog-element-close-block-size);cursor:var(--vv-dialog-element-close-cursor);background-image:var(--vv-dialog-element-close-background-image);background-position:var(--vv-dialog-element-close-background-position);background-size:var(--vv-dialog-element-close-background-size);background-repeat:var(--vv-dialog-element-close-background-repeat)}:where(.vv-dialog__content){padding:var(--vv-dialog-element-content-padding);line-height:var(--vv-dialog-element-content-line-height);flex:var(--vv-dialog-element-content-flex);min-height:var(--vv-dialog-element-content-min-height);overflow:var(--vv-dialog-element-content-overflow)}:where(.vv-dialog__footer,.vv-dialog>article>footer){display:var(--vv-dialog-element-footer-display);justify-content:var(--vv-dialog-element-footer-justify-content);padding:var(--vv-dialog-element-footer-padding);background:var(--vv-dialog-element-footer-background);border-top:var(--vv-dialog-element-footer-border-top)}:where(.vv-dialog--close,.vv-dialog.close,.vv-dialog:not([open])){--vv-dialog-display:var(--vv-dialog-state-close-display)}:where(.vv-dialog--open,.vv-dialog.open,.vv-dialog[open]){overflow:var(--vv-dialog-state-open-overflow)}:where(.vv-dialog--small>.vv-dialog__wrapper,.vv-dialog--small>article){width:var(--vv-dialog-modifier-small-element-wrapper-width)}:where(.vv-dialog--fullscreen.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-fullscreen-padding)}:where(.vv-dialog--fullscreen>.vv-dialog__wrapper,.vv-dialog--fullscreen>article){border-radius:var(--vv-dialog-modifier-fullscreen-element-wrapper-border-radius);max-width:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-width);max-height:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-height);width:var(--vv-dialog-modifier-fullscreen-element-wrapper-width);height:var(--vv-dialog-modifier-fullscreen-element-wrapper-height)}:where(.vv-dialog--drawer.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-drawer-padding);--vv-dialog-align-items:var(--vv-dialog-modifier-drawer-align-items);--vv-dialog-justify-content:var(--vv-dialog-modifier-drawer-justify-content)}:where(.vv-dialog--drawer>.vv-dialog__wrapper,.vv-dialog--drawer>article){width:var(--vv-dialog-modifier-drawer-element-wrapper-width);max-height:var(--vv-dialog-modifier-drawer-element-wrapper-max-height);border-radius:var(--vv-dialog-modifier-drawer-element-wrapper-border-radius)}@media (width>=576px){:where(.vv-dialog--drawer>.vv-dialog__wrapper,.vv-dialog--drawer>article){--vv-dialog-modifier-drawer-element-wrapper-width:var(--vv-dialog-modifier-drawer-element-wrapper-breakpoint-up-sm-width)}}:where(.vv-dialog--drawer .vv-dialog__header,.vv-dialog--drawer>article>header){font-weight:var(--vv-dialog-modifier-drawer-element-header-font-weight);background:var(--vv-dialog-modifier-drawer-element-header-background);border-bottom:var(--vv-dialog-modifier-drawer-element-header-border-bottom)}:where(.vv-dialog--drawer .vv-dialog__content){padding-top:var(--vv-dialog-modifier-drawer-element-content-padding-top)}:where(.vv-dialog--drawer .vv-dialog__footer,.vv-dialog--drawer>article>footer){background:var(--vv-dialog-modifier-drawer-element-footer-background)}:where(.vv-dialog--drawer-start.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-drawer-start-padding);--vv-dialog-align-items:var(--vv-dialog-modifier-drawer-start-align-items);--vv-dialog-justify-content:var(--vv-dialog-modifier-drawer-start-justify-content)}:where(.vv-dialog--drawer-start>.vv-dialog__wrapper,.vv-dialog--drawer-start>article){width:var(--vv-dialog-modifier-drawer-start-element-wrapper-width);max-height:var(--vv-dialog-modifier-drawer-start-element-wrapper-max-height);border-radius:var(--vv-dialog-modifier-drawer-start-element-wrapper-border-radius)}@media (width>=576px){:where(.vv-dialog--drawer-start>.vv-dialog__wrapper,.vv-dialog--drawer-start>article){--vv-dialog-modifier-drawer-start-element-wrapper-width:var(--vv-dialog-modifier-drawer-start-element-wrapper-breakpoint-up-sm-width)}}:where(.vv-dialog--drawer-start .vv-dialog__header,.vv-dialog--drawer-start>article>header){font-weight:var(--vv-dialog-modifier-drawer-start-element-header-font-weight);background:var(--vv-dialog-modifier-drawer-start-element-header-background);border-bottom:var(--vv-dialog-modifier-drawer-start-element-header-border-bottom)}:where(.vv-dialog--drawer-start .vv-dialog__content){padding-top:var(--vv-dialog-modifier-drawer-start-element-content-padding-top)}:where(.vv-dialog--drawer-start .vv-dialog__footer,.vv-dialog--drawer-start>article>footer){background:var(--vv-dialog-modifier-drawer-start-element-footer-background)}:where(.vv-dialog--drawer-top.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-drawer-top-padding);--vv-dialog-align-items:var(--vv-dialog-modifier-drawer-top-align-items);--vv-dialog-justify-content:var(--vv-dialog-modifier-drawer-top-justify-content)}:where(.vv-dialog--drawer-top .vv-dialog__header,.vv-dialog--drawer-top>article>header){font-weight:var(--vv-dialog-modifier-drawer-top-element-header-font-weight);background:var(--vv-dialog-modifier-drawer-top-element-header-background);border-bottom:var(--vv-dialog-modifier-drawer-top-element-header-border-bottom)}:where(.vv-dialog--drawer-top .vv-dialog__content){padding-top:var(--vv-dialog-modifier-drawer-top-element-content-padding-top)}:where(.vv-dialog--drawer-top .vv-dialog__footer,.vv-dialog--drawer-top>article>footer){background:var(--vv-dialog-modifier-drawer-top-element-footer-background)}:where(.vv-dialog--drawer-top>.vv-dialog__wrapper,.vv-dialog--drawer-top>article){width:var(--vv-dialog-modifier-drawer-top-element-wrapper-width);border-radius:var(--vv-dialog-modifier-drawer-top-element-wrapper-border-radius)}:where(.vv-dialog--drawer-bottom.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-drawer-bottom-padding);--vv-dialog-align-items:var(--vv-dialog-modifier-drawer-bottom-align-items);--vv-dialog-justify-content:var(--vv-dialog-modifier-drawer-bottom-justify-content)}:where(.vv-dialog--drawer-bottom .vv-dialog__header,.vv-dialog--drawer-bottom>article>header){font-weight:var(--vv-dialog-modifier-drawer-bottom-element-header-font-weight);background:var(--vv-dialog-modifier-drawer-bottom-element-header-background);border-bottom:var(--vv-dialog-modifier-drawer-bottom-element-header-border-bottom)}:where(.vv-dialog--drawer-bottom .vv-dialog__content){padding-top:var(--vv-dialog-modifier-drawer-bottom-element-content-padding-top)}:where(.vv-dialog--drawer-bottom .vv-dialog__footer,.vv-dialog--drawer-bottom>article>footer){background:var(--vv-dialog-modifier-drawer-bottom-element-footer-background)}:where(.vv-dialog--drawer-bottom>.vv-dialog__wrapper,.vv-dialog--drawer-bottom>article){width:var(--vv-dialog-modifier-drawer-bottom-element-wrapper-width);border-radius:var(--vv-dialog-modifier-drawer-bottom-element-wrapper-border-radius)}:where(.vv-dialog--fade-block-enter-active,.vv-dialog--fade-block-leave-active){transition:var(--vv-dialog-transition-fade-block-active-transition)}:where(.vv-dialog--fade-block-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-active>article,.vv-dialog--fade-block-leave-active>article){transition:var(--vv-dialog-transition-fade-block-active-element-wrapper-transition)}:where(.vv-dialog--fade-block-enter-from){opacity:var(--vv-dialog-transition-fade-block-enter-from-opacity)}:where(.vv-dialog--fade-block-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-from>article){translate:var(--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate)}:where(.vv-dialog--fade-block-leave-to){opacity:var(--vv-dialog-transition-fade-block-leave-to-opacity)}:where(.vv-dialog--fade-block-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-to>article){translate:var(--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate)}:where(.vv-dialog--fade-inline-enter-active,.vv-dialog--fade-inline-leave-active){transition:var(--vv-dialog-transition-fade-inline-active-transition)}:where(.vv-dialog--fade-inline-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-active>article,.vv-dialog--fade-inline-leave-active>article){transition:var(--vv-dialog-transition-fade-inline-active-element-wrapper-transition)}:where(.vv-dialog--fade-inline-enter-from){opacity:var(--vv-dialog-transition-fade-inline-enter-from-opacity)}:where(.vv-dialog--fade-inline-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-from>article){translate:calc(-100% * var(--direction,1))}:where(.vv-dialog--fade-inline-leave-to){opacity:var(--vv-dialog-transition-fade-inline-leave-to-opacity)}:where(.vv-dialog--fade-inline-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-to>article){translate:calc(100% * var(--direction,1))}:where(.vv-dialog--scale-enter-active,.vv-dialog--scale-leave-active){transition:var(--vv-dialog-transition-scale-active-transition)}:where(.vv-dialog--scale-enter-active>.vv-dialog__wrapper,.vv-dialog--scale-leave-active>.vv-dialog__wrapper,.vv-dialog--scale-enter-active>article,.vv-dialog--scale-leave-active>article){transition:var(--vv-dialog-transition-scale-active-element-wrapper-transition)}:where(.vv-dialog--scale-enter-from,.vv-dialog--scale-leave-to){opacity:var(--vv-dialog-transition-scale-inert-opacity)}:where(.vv-dialog--scale-enter-from>.vv-dialog__wrapper,.vv-dialog--scale-leave-to>.vv-dialog__wrapper,.vv-dialog--scale-enter-from>article,.vv-dialog--scale-leave-to>article){scale:var(--vv-dialog-transition-scale-inert-element-wrapper-scale)}:where(.vv-dialog--slide-inline-end-enter-active,.vv-dialog--slide-inline-end-leave-active){transition:var(--vv-dialog-transition-slide-inline-end-active-transition)}:where(.vv-dialog--slide-inline-end-enter-active>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-leave-active>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-enter-active>article,.vv-dialog--slide-inline-end-leave-active>article){transition:var(--vv-dialog-transition-slide-inline-end-active-element-wrapper-transition)}:where(.vv-dialog--slide-inline-end-enter-from,.vv-dialog--slide-inline-end-leave-to){opacity:var(--vv-dialog-transition-slide-inline-end-inert-opacity)}:where(.vv-dialog--slide-inline-end-enter-from>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-leave-to>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-enter-from>article,.vv-dialog--slide-inline-end-leave-to>article){translate:calc(100% * var(--direction,1))}:where(.vv-dialog--slide-inline-start-enter-active,.vv-dialog--slide-inline-start-leave-active){transition:var(--vv-dialog-transition-slide-inline-start-active-transition)}:where(.vv-dialog--slide-inline-start-enter-active>.vv-dialog__wrapper,.vv-dialog--slide-inline-start-leave-active>.vv-dialog__wrapper,.vv-dialog--slide-inline-start-enter-active>article,.vv-dialog--slide-inline-start-leave-active>article){transition:var(--vv-dialog-transition-slide-inline-start-active-element-wrapper-transition)}:where(.vv-dialog--slide-inline-start-enter-from,.vv-dialog--slide-inline-start-leave-to){opacity:var(--vv-dialog-transition-slide-inline-start-inert-opacity)}:where(.vv-dialog--slide-inline-start-enter-from>.vv-dialog__wrapper,.vv-dialog--slide-inline-start-leave-to>.vv-dialog__wrapper,.vv-dialog--slide-inline-start-enter-from>article,.vv-dialog--slide-inline-start-leave-to>article){translate:calc(-100% * var(--direction,1))}:where(.vv-dialog--slide-block-start-enter-active,.vv-dialog--slide-block-start-leave-active){transition:var(--vv-dialog-transition-slide-block-start-active-transition)}:where(.vv-dialog--slide-block-start-enter-active>.vv-dialog__wrapper,.vv-dialog--slide-block-start-leave-active>.vv-dialog__wrapper,.vv-dialog--slide-block-start-enter-active>article,.vv-dialog--slide-block-start-leave-active>article){transition:var(--vv-dialog-transition-slide-block-start-active-element-wrapper-transition)}:where(.vv-dialog--slide-block-start-enter-from,.vv-dialog--slide-block-start-leave-to){opacity:var(--vv-dialog-transition-slide-block-start-inert-opacity)}:where(.vv-dialog--slide-block-start-enter-from>.vv-dialog__wrapper,.vv-dialog--slide-block-start-leave-to>.vv-dialog__wrapper,.vv-dialog--slide-block-start-enter-from>article,.vv-dialog--slide-block-start-leave-to>article){translate:var(--vv-dialog-transition-slide-block-start-inert-element-wrapper-translate)}:where(.vv-dialog--slide-block-end-enter-active,.vv-dialog--slide-block-end-leave-active){transition:var(--vv-dialog-transition-slide-block-end-active-transition)}:where(.vv-dialog--slide-block-end-enter-active>.vv-dialog__wrapper,.vv-dialog--slide-block-end-leave-active>.vv-dialog__wrapper,.vv-dialog--slide-block-end-enter-active>article,.vv-dialog--slide-block-end-leave-active>article){transition:var(--vv-dialog-transition-slide-block-end-active-element-wrapper-transition)}:where(.vv-dialog--slide-block-end-enter-from,.vv-dialog--slide-block-end-leave-to){opacity:var(--vv-dialog-transition-slide-block-end-inert-opacity)}:where(.vv-dialog--slide-block-end-enter-from>.vv-dialog__wrapper,.vv-dialog--slide-block-end-leave-to>.vv-dialog__wrapper,.vv-dialog--slide-block-end-enter-from>article,.vv-dialog--slide-block-end-leave-to>article){translate:var(--vv-dialog-transition-slide-block-end-inert-element-wrapper-translate)}
package/dist/components/vv-dropdown-action.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dropdown-action-display:flex;--vv-dropdown-action-width:100%;--vv-dropdown-action-overflow:hidden;--vv-dropdown-action-gap:var(--spacing-sm);--vv-dropdown-action-align-items:center;--vv-dropdown-action-padding:var(--spacing-sm);--vv-dropdown-action-color:var(--color-brand);--vv-dropdown-action-cursor:pointer;--vv-dropdown-action-state-disabled-opacity:var(--opacity-50);--vv-dropdown-action-state-disabled-cursor:not-allowed;--vv-dropdown-action-state-hover-background-color:var(--color-surface-brand);--vv-dropdown-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-dropdown-action-state-focus-visible-outline-offset:calc(var(--spacing-px) * -1);--vv-dropdown-action-state-pressed-background-color:var(--color-surface-2)}:where(.vv-dropdown-action){display:var(--vv-dropdown-action-display);width:var(--vv-dropdown-action-width);overflow:var(--vv-dropdown-action-overflow);gap:var(--vv-dropdown-action-gap);align-items:var(--vv-dropdown-action-align-items);padding:var(--vv-dropdown-action-padding);color:var(--vv-dropdown-action-color);cursor:var(--vv-dropdown-action-cursor)}:where(.vv-dropdown-action--disabled,.vv-dropdown-action.disabled,.vv-dropdown-action[disabled],.vv-dropdown-action[aria-disabled=true]){opacity:var(--vv-dropdown-action-state-disabled-opacity);--vv-dropdown-action-cursor:var(--vv-dropdown-action-state-disabled-cursor)}:where(.vv-dropdown-action--hover,.vv-dropdown-action.hover,.vv-dropdown-action:not([disabled]):hover){background-color:var(--vv-dropdown-action-state-hover-background-color)}:where(.vv-dropdown-action--focus-visible,.vv-dropdown-action.focus-visible,.vv-dropdown-action:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-dropdown-action-state-focus-visible-outline);outline-offset:var(--vv-dropdown-action-state-focus-visible-outline-offset)}:where(.vv-dropdown-action--pressed,.vv-dropdown-action.pressed,.vv-dropdown-action[aria-pressed=true]){background-color:var(--vv-dropdown-action-state-pressed-background-color)}
1
+ :where(:host,:root,.theme){--vv-dropdown-action-display:flex;--vv-dropdown-action-width:100%;--vv-dropdown-action-overflow:hidden;--vv-dropdown-action-gap:var(--spacing-sm);--vv-dropdown-action-align-items:center;--vv-dropdown-action-padding:var(--spacing-sm);--vv-dropdown-action-color:var(--color-brand-readable);--vv-dropdown-action-cursor:pointer;--vv-dropdown-action-state-disabled-opacity:var(--opacity-50);--vv-dropdown-action-state-disabled-cursor:not-allowed;--vv-dropdown-action-state-hover-background-color:var(--color-surface-brand);--vv-dropdown-action-state-hover-color:var(--color-surface-brand-readable);--vv-dropdown-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-dropdown-action-state-focus-visible-outline-offset:calc(var(--spacing-px) * -1);--vv-dropdown-action-state-pressed-background-color:var(--color-surface-2)}:where(.vv-dropdown-action){display:var(--vv-dropdown-action-display);width:var(--vv-dropdown-action-width);overflow:var(--vv-dropdown-action-overflow);gap:var(--vv-dropdown-action-gap);align-items:var(--vv-dropdown-action-align-items);padding:var(--vv-dropdown-action-padding);color:var(--vv-dropdown-action-color);cursor:var(--vv-dropdown-action-cursor)}:where(.vv-dropdown-action--disabled,.vv-dropdown-action.disabled,.vv-dropdown-action[disabled],.vv-dropdown-action[aria-disabled=true]){opacity:var(--vv-dropdown-action-state-disabled-opacity);--vv-dropdown-action-cursor:var(--vv-dropdown-action-state-disabled-cursor)}:where(.vv-dropdown-action--hover,.vv-dropdown-action.hover,.vv-dropdown-action:not([disabled]):hover){background-color:var(--vv-dropdown-action-state-hover-background-color);--vv-dropdown-action-color:var(--vv-dropdown-action-state-hover-color)}:where(.vv-dropdown-action--focus-visible,.vv-dropdown-action.focus-visible,.vv-dropdown-action:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-dropdown-action-state-focus-visible-outline);outline-offset:var(--vv-dropdown-action-state-focus-visible-outline-offset)}:where(.vv-dropdown-action--pressed,.vv-dropdown-action.pressed,.vv-dropdown-action[aria-pressed=true]){background-color:var(--vv-dropdown-action-state-pressed-background-color)}
package/dist/components/vv-dropdown-option.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dropdown-option-display:flex;--vv-dropdown-option-min-width:0;--vv-dropdown-option-overflow:hidden;--vv-dropdown-option-gap:var(--spacing-sm);--vv-dropdown-option-align-items:baseline;--vv-dropdown-option-padding:var(--spacing-sm);--vv-dropdown-option-state-disabled-opacity:var(--opacity-50);--vv-dropdown-option-state-disabled-cursor:not-allowed;--vv-dropdown-option-state-disabled-pointer-events:none;--vv-dropdown-option-state-focus-visible-background-color:var(--color-surface-success);--vv-dropdown-option-state-focus-visible-color:var(--color-success-darken-1);--vv-dropdown-option-state-focus-visible-element-hint-opacity:var(--opacity-100);--vv-dropdown-option-state-selected-font-weight:var(--font-bold);--vv-dropdown-option-state-selected-background-color:var(--color-surface-brand);--vv-dropdown-option-state-selected-color:var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color:var(--color-surface-danger);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger);--vv-dropdown-option-modifier-inert-cursor:default;--vv-dropdown-option-modifier-inert-color:var(--color-word-3);--vv-dropdown-option-modifier-inert-font-size:.8em;--vv-dropdown-option-modifier-inert-state-focus-visible-background-color:transparent;--vv-dropdown-option-modifier-inert-state-focus-visible-color:var(--color-word-3);--vv-dropdown-option-element-hint-opacity:var(--opacity-0);--vv-dropdown-option-element-hint-transition:var(--transition-opacity);--vv-dropdown-option-element-hint-will-change:opacity;--vv-dropdown-option-element-hint-margin-left:auto;--vv-dropdown-option-element-hint-font-size:.8em;--vv-dropdown-option-element-hint-font-weight:var(--font-normal);--vv-dropdown-option-element-hint-text-overflow:ellipsis;--vv-dropdown-option-element-hint-white-space:nowrap;--vv-dropdown-option-element-hint-overflow:hidden;--vv-dropdown-option-element-label-text-overflow:ellipsis;--vv-dropdown-option-element-label-white-space:nowrap;--vv-dropdown-option-element-label-overflow:hidden}:where(.vv-dropdown-option){display:var(--vv-dropdown-option-display);min-width:var(--vv-dropdown-option-min-width);overflow:var(--vv-dropdown-option-overflow);gap:var(--vv-dropdown-option-gap);align-items:var(--vv-dropdown-option-align-items);padding:var(--vv-dropdown-option-padding)}:where(.vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-element-hint-opacity);transition:var(--vv-dropdown-option-element-hint-transition);will-change:var(--vv-dropdown-option-element-hint-will-change);margin-left:var(--vv-dropdown-option-element-hint-margin-left);font-size:var(--vv-dropdown-option-element-hint-font-size);font-weight:var(--vv-dropdown-option-element-hint-font-weight);text-overflow:var(--vv-dropdown-option-element-hint-text-overflow);white-space:var(--vv-dropdown-option-element-hint-white-space);overflow:var(--vv-dropdown-option-element-hint-overflow)}:where(.vv-dropdown-option__label){text-overflow:var(--vv-dropdown-option-element-label-text-overflow);white-space:var(--vv-dropdown-option-element-label-white-space);overflow:var(--vv-dropdown-option-element-label-overflow)}:where(.vv-dropdown-option--disabled,.vv-dropdown-option.disabled,.vv-dropdown-option[disabled],.vv-dropdown-option[aria-disabled=true]){opacity:var(--vv-dropdown-option-state-disabled-opacity);cursor:var(--vv-dropdown-option-state-disabled-cursor);pointer-events:var(--vv-dropdown-option-state-disabled-pointer-events)}:where(.vv-dropdown-option--focus-visible,.vv-dropdown-option.focus-visible,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-state-focus-visible-background-color);color:var(--vv-dropdown-option-state-focus-visible-color)}:where(.vv-dropdown-option--focus-visible .vv-dropdown-option__hint,.vv-dropdown-option.focus-visible .vv-dropdown-option__hint,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible .vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-state-focus-visible-element-hint-opacity)}:where(.vv-dropdown-option--selected,.vv-dropdown-option.selected,.vv-dropdown-option[aria-selected=true]){font-weight:var(--vv-dropdown-option-state-selected-font-weight);background-color:var(--vv-dropdown-option-state-selected-background-color);color:var(--vv-dropdown-option-state-selected-color)}:where(.vv-dropdown-option--unselectable.vv-dropdown-option--focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option.focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-color)}:where(.vv-dropdown-option--inert.vv-dropdown-option){cursor:var(--vv-dropdown-option-modifier-inert-cursor);color:var(--vv-dropdown-option-modifier-inert-color);font-size:var(--vv-dropdown-option-modifier-inert-font-size)}:where(.vv-dropdown-option--inert.vv-dropdown-option--focus-visible,.vv-dropdown-option--inert.vv-dropdown-option.focus-visible,.vv-dropdown-option--inert.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-color)}
1
+ :where(:host,:root,.theme){--vv-dropdown-option-display:flex;--vv-dropdown-option-min-width:0;--vv-dropdown-option-overflow:hidden;--vv-dropdown-option-gap:var(--spacing-sm);--vv-dropdown-option-align-items:baseline;--vv-dropdown-option-padding:var(--spacing-sm);--vv-dropdown-option-state-disabled-opacity:var(--opacity-50);--vv-dropdown-option-state-disabled-cursor:not-allowed;--vv-dropdown-option-state-disabled-pointer-events:none;--vv-dropdown-option-state-focus-visible-background-color:var(--color-surface-success);--vv-dropdown-option-state-focus-visible-color:var(--color-surface-success-readable);--vv-dropdown-option-state-focus-visible-element-hint-opacity:var(--opacity-100);--vv-dropdown-option-state-selected-font-weight:var(--font-bold);--vv-dropdown-option-state-selected-background-color:var(--color-surface-brand);--vv-dropdown-option-state-selected-color:var(--color-surface-brand-readable);--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color:var(--color-surface-danger);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-surface-danger-readable);--vv-dropdown-option-modifier-inert-cursor:default;--vv-dropdown-option-modifier-inert-color:var(--color-word-3);--vv-dropdown-option-modifier-inert-font-size:.8em;--vv-dropdown-option-modifier-inert-state-focus-visible-background-color:transparent;--vv-dropdown-option-modifier-inert-state-focus-visible-color:var(--color-word-3);--vv-dropdown-option-element-hint-opacity:var(--opacity-0);--vv-dropdown-option-element-hint-transition:var(--transition-opacity);--vv-dropdown-option-element-hint-will-change:opacity;--vv-dropdown-option-element-hint-margin-left:auto;--vv-dropdown-option-element-hint-font-size:.8em;--vv-dropdown-option-element-hint-font-weight:var(--font-normal);--vv-dropdown-option-element-hint-text-overflow:ellipsis;--vv-dropdown-option-element-hint-white-space:nowrap;--vv-dropdown-option-element-hint-overflow:hidden;--vv-dropdown-option-element-label-text-overflow:ellipsis;--vv-dropdown-option-element-label-white-space:nowrap;--vv-dropdown-option-element-label-overflow:hidden}:where(.vv-dropdown-option){display:var(--vv-dropdown-option-display);min-width:var(--vv-dropdown-option-min-width);overflow:var(--vv-dropdown-option-overflow);gap:var(--vv-dropdown-option-gap);align-items:var(--vv-dropdown-option-align-items);padding:var(--vv-dropdown-option-padding)}:where(.vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-element-hint-opacity);transition:var(--vv-dropdown-option-element-hint-transition);will-change:var(--vv-dropdown-option-element-hint-will-change);margin-left:var(--vv-dropdown-option-element-hint-margin-left);font-size:var(--vv-dropdown-option-element-hint-font-size);font-weight:var(--vv-dropdown-option-element-hint-font-weight);text-overflow:var(--vv-dropdown-option-element-hint-text-overflow);white-space:var(--vv-dropdown-option-element-hint-white-space);overflow:var(--vv-dropdown-option-element-hint-overflow)}:where(.vv-dropdown-option__label){text-overflow:var(--vv-dropdown-option-element-label-text-overflow);white-space:var(--vv-dropdown-option-element-label-white-space);overflow:var(--vv-dropdown-option-element-label-overflow)}:where(.vv-dropdown-option--disabled,.vv-dropdown-option.disabled,.vv-dropdown-option[disabled],.vv-dropdown-option[aria-disabled=true]){opacity:var(--vv-dropdown-option-state-disabled-opacity);cursor:var(--vv-dropdown-option-state-disabled-cursor);pointer-events:var(--vv-dropdown-option-state-disabled-pointer-events)}:where(.vv-dropdown-option--focus-visible,.vv-dropdown-option.focus-visible,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-state-focus-visible-background-color);color:var(--vv-dropdown-option-state-focus-visible-color)}:where(.vv-dropdown-option--focus-visible .vv-dropdown-option__hint,.vv-dropdown-option.focus-visible .vv-dropdown-option__hint,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible .vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-state-focus-visible-element-hint-opacity)}:where(.vv-dropdown-option--selected,.vv-dropdown-option.selected,.vv-dropdown-option[aria-selected=true]){font-weight:var(--vv-dropdown-option-state-selected-font-weight);background-color:var(--vv-dropdown-option-state-selected-background-color);color:var(--vv-dropdown-option-state-selected-color)}:where(.vv-dropdown-option--unselectable.vv-dropdown-option--focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option.focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-color)}:where(.vv-dropdown-option--inert.vv-dropdown-option){cursor:var(--vv-dropdown-option-modifier-inert-cursor);color:var(--vv-dropdown-option-modifier-inert-color);font-size:var(--vv-dropdown-option-modifier-inert-font-size)}:where(.vv-dropdown-option--inert.vv-dropdown-option--focus-visible,.vv-dropdown-option--inert.vv-dropdown-option.focus-visible,.vv-dropdown-option--inert.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-color)}
package/dist/components/vv-empty.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-empty-display:flex;--vv-empty-flex-direction:column;--vv-empty-align-items:center;--vv-empty-justify-content:center;--vv-empty-gap:var(--spacing-sm);--vv-empty-padding:var(--spacing-xl) var(--spacing-lg);--vv-empty-color:var(--color-word-3);--vv-empty-text-align:center;--vv-empty-element-media-display:flex;--vv-empty-element-media-align-items:center;--vv-empty-element-media-justify-content:center;--vv-empty-element-media-margin-block-end:var(--spacing-xs);--vv-empty-element-media-color:var(--color-word-4);--vv-empty-element-media-font-size:var(--text-32);--vv-empty-element-media-line-height:var(--leading-none);--vv-empty-element-title-margin:var(--spacing-0);--vv-empty-element-title-color:var(--color-word-1);--vv-empty-element-title-font-size:var(--text-16);--vv-empty-element-title-font-weight:var(--font-semibold);--vv-empty-element-title-line-height:var(--leading-snug);--vv-empty-element-description-max-inline-size:60ch;--vv-empty-element-description-margin:var(--spacing-0);--vv-empty-element-description-font-size:var(--text-14);--vv-empty-element-description-line-height:var(--leading-normal);--vv-empty-element-description-text-wrap:pretty;--vv-empty-element-actions-display:flex;--vv-empty-element-actions-flex-wrap:wrap;--vv-empty-element-actions-justify-content:center;--vv-empty-element-actions-gap:var(--spacing-sm);--vv-empty-element-actions-margin-block-start:var(--spacing-xs);--vv-empty-modifier-compact-gap:var(--spacing-xs);--vv-empty-modifier-compact-padding:var(--spacing-lg) var(--spacing-12);--vv-empty-modifier-compact-element-media-margin-block-end:var(--spacing-0);--vv-empty-modifier-compact-element-media-font-size:var(--text-24);--vv-empty-modifier-compact-element-title-font-size:var(--text-14);--vv-empty-modifier-bordered-border:var(--border) dashed var(--color-surface-4);--vv-empty-modifier-bordered-border-radius:var(--rounded-lg)}:where(.vv-empty){display:var(--vv-empty-display);flex-direction:var(--vv-empty-flex-direction);align-items:var(--vv-empty-align-items);justify-content:var(--vv-empty-justify-content);gap:var(--vv-empty-gap);padding:var(--vv-empty-padding);color:var(--vv-empty-color);text-align:var(--vv-empty-text-align)}:where(.vv-empty__media){display:var(--vv-empty-element-media-display);align-items:var(--vv-empty-element-media-align-items);justify-content:var(--vv-empty-element-media-justify-content);color:var(--vv-empty-element-media-color);font-size:var(--vv-empty-element-media-font-size);line-height:var(--vv-empty-element-media-line-height);margin-block-end:var(--vv-empty-element-media-margin-block-end)}:where(.vv-empty__title){margin:var(--vv-empty-element-title-margin);color:var(--vv-empty-element-title-color);font-size:var(--vv-empty-element-title-font-size);font-weight:var(--vv-empty-element-title-font-weight);line-height:var(--vv-empty-element-title-line-height)}:where(.vv-empty__description){max-inline-size:var(--vv-empty-element-description-max-inline-size);margin:var(--vv-empty-element-description-margin);font-size:var(--vv-empty-element-description-font-size);line-height:var(--vv-empty-element-description-line-height);text-wrap:var(--vv-empty-element-description-text-wrap)}:where(.vv-empty__actions){display:var(--vv-empty-element-actions-display);flex-wrap:var(--vv-empty-element-actions-flex-wrap);justify-content:var(--vv-empty-element-actions-justify-content);gap:var(--vv-empty-element-actions-gap);margin-block-start:var(--vv-empty-element-actions-margin-block-start)}:where(.vv-empty--compact.vv-empty){--vv-empty-gap:var(--vv-empty-modifier-compact-gap);--vv-empty-padding:var(--vv-empty-modifier-compact-padding)}:where(.vv-empty--compact .vv-empty__media){font-size:var(--vv-empty-modifier-compact-element-media-font-size);margin-block-end:var(--vv-empty-modifier-compact-element-media-margin-block-end)}:where(.vv-empty--compact .vv-empty__title){font-size:var(--vv-empty-modifier-compact-element-title-font-size)}:where(.vv-empty--bordered.vv-empty){border:var(--vv-empty-modifier-bordered-border);border-radius:var(--vv-empty-modifier-bordered-border-radius)}
package/dist/components/vv-field.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-field-display:var(--input-display);--vv-field-flex:var(--input-flex);--vv-field-flex-direction:var(--input-flex-direction);--vv-field-margin-bottom:var(--input-gap);--vv-field-font-size:var(--input-font-size);--vv-field-line-height:var(--input-line-height);--vv-field-min-width:var(--input-min-width);--vv-field-element-label-display:var(--input-label-display);--vv-field-element-label-font-size:var(--input-label-font-size);--vv-field-element-label-font-weight:var(--input-label-font-weight);--vv-field-element-label-color:var(--input-label-color);--vv-field-element-label-margin:0 0 var(--input-label-gap) 0;--vv-field-element-label-white-space:var(--input-label-white-space);--vv-field-element-label-text-overflow:var(--input-label-text-overflow);--vv-field-element-label-overflow:var(--input-label-overflow);--vv-field-element-label-max-width:var(--input-label-max-width);--vv-field-element-wrapper-position:relative;--vv-field-element-wrapper-display:flex;--vv-field-element-wrapper-align-items:center;--vv-field-element-wrapper-flex:1;--vv-field-element-wrapper-overflow:hidden;--vv-field-element-wrapper-background-color:var(--input-background-color);--vv-field-element-wrapper-will-change:background-color;--vv-field-element-wrapper-transition:var(--transition-colors);--vv-field-element-wrapper-pseudo-before-position:absolute;--vv-field-element-wrapper-pseudo-before-height:var(--spacing-1);--vv-field-element-wrapper-pseudo-before-inset:auto 0 0 0;--vv-field-element-wrapper-pseudo-before-background:var(--color-word-5);--vv-field-element-wrapper-pseudo-after-position:absolute;--vv-field-element-wrapper-pseudo-after-height:var(--spacing-2);--vv-field-element-wrapper-pseudo-after-inset:auto 0 0 0;--vv-field-element-wrapper-pseudo-after-background:var(--color-brand-graphic);--vv-field-element-wrapper-pseudo-after-scale:0 1;--vv-field-element-wrapper-pseudo-after-transform-origin:left;--vv-field-element-wrapper-pseudo-after-will-change:transform;--vv-field-element-wrapper-pseudo-after-transition:var(--transition-transform);--vv-field-element-wrapper-state-hover-background-color:var(--input-background-color-hover);--vv-field-element-wrapper-state-focus-within-background-color:var(--input-background-color-focus);--vv-field-element-wrapper-state-focus-within-pseudo-after-scale:1;--vv-field-element-wrapper-flex-wrap:wrap;--vv-field-element-control-flex:1;--vv-field-element-control-min-width:0;--vv-field-element-control-min-height:var(--input-min-height);--vv-field-element-control-margin:0;--vv-field-element-control-border:0;--vv-field-element-control-outline:none;--vv-field-element-control-background:none;--vv-field-element-control-color:var(--input-color);--vv-field-element-control-line-height:var(--leading-normal);--vv-field-element-control-pseudo-placeholder-color:var(--input-placeholder-color);--vv-field-element-control-state-disabled-cursor:not-allowed;--vv-field-element-before-display:flex;--vv-field-element-before-flex-shrink:0;--vv-field-element-before-align-items:center;--vv-field-element-before-gap:var(--spacing-4);--vv-field-element-before-color:var(--input-placeholder-color);--vv-field-element-after-display:flex;--vv-field-element-after-flex-shrink:0;--vv-field-element-after-align-items:center;--vv-field-element-after-gap:var(--spacing-4);--vv-field-element-after-color:var(--input-placeholder-color);--vv-field-element-toolbar-display:flex;--vv-field-element-toolbar-flex-basis:100%;--vv-field-element-toolbar-flex-wrap:wrap;--vv-field-element-toolbar-align-items:center;--vv-field-element-toolbar-gap:var(--spacing-4);--vv-field-element-hint-display:var(--input-hint-display);--vv-field-element-hint-font-size:var(--input-hint-font-size);--vv-field-element-hint-color:var(--input-hint-color);--vv-field-element-hint-padding-top:var(--input-hint-gap);--vv-field-element-hint-padding-inline:var(--spacing-xs);--vv-field-element-hint-white-space:var(--input-hint-white-space);--vv-field-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-field-element-hint-overflow:var(--input-hint-overflow);--vv-field-modifier-valid-element-wrapper-pseudo-after-background:var(--input-valid-color);--vv-field-modifier-valid-element-wrapper-pseudo-after-scale:1;--vv-field-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-field-modifier-invalid-element-wrapper-pseudo-after-background:var(--input-invalid-color);--vv-field-modifier-invalid-element-wrapper-pseudo-after-scale:1;--vv-field-modifier-invalid-element-hint-color:var(--input-invalid-text-color);--vv-field-modifier-loading-element-wrapper-pseudo-after-opacity:var(--opacity-100);--vv-field-modifier-loading-element-wrapper-pseudo-after-animation:var(--animation-indeterminate);--vv-field-state-disabled-opacity:var(--opacity-50);--vv-field-state-disabled-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-field-state-disabled-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-field-state-readonly-element-wrapper-pseudo-before-opacity:var(--opacity-0);--vv-field-state-readonly-element-wrapper-pseudo-after-opacity:var(--opacity-0);--vv-field-state-readonly-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-field-state-readonly-element-wrapper-state-focus-within-background-color:var(--input-background-color)}:where(.vv-field){display:var(--vv-field-display);flex:var(--vv-field-flex);flex-direction:var(--vv-field-flex-direction);margin-bottom:var(--vv-field-margin-bottom);font-size:var(--vv-field-font-size);line-height:var(--vv-field-line-height);min-width:var(--vv-field-min-width)}:where(.vv-field__label,.vv-field>label){display:var(--vv-field-element-label-display);font-size:var(--vv-field-element-label-font-size);font-weight:var(--vv-field-element-label-font-weight);color:var(--vv-field-element-label-color);margin:var(--vv-field-element-label-margin);white-space:var(--vv-field-element-label-white-space);text-overflow:var(--vv-field-element-label-text-overflow);overflow:var(--vv-field-element-label-overflow);max-width:var(--vv-field-element-label-max-width)}:where(.vv-field__wrapper){position:var(--vv-field-element-wrapper-position);display:var(--vv-field-element-wrapper-display);align-items:var(--vv-field-element-wrapper-align-items);flex:var(--vv-field-element-wrapper-flex);overflow:var(--vv-field-element-wrapper-overflow);background-color:var(--vv-field-element-wrapper-background-color);will-change:var(--vv-field-element-wrapper-will-change);transition:var(--vv-field-element-wrapper-transition)}:where(.vv-field__wrapper):before{content:"";position:var(--vv-field-element-wrapper-pseudo-before-position);height:var(--vv-field-element-wrapper-pseudo-before-height);inset:var(--vv-field-element-wrapper-pseudo-before-inset);background:var(--vv-field-element-wrapper-pseudo-before-background)}:where(.vv-field__wrapper):after{content:"";position:var(--vv-field-element-wrapper-pseudo-after-position);height:var(--vv-field-element-wrapper-pseudo-after-height);inset:var(--vv-field-element-wrapper-pseudo-after-inset);background:var(--vv-field-element-wrapper-pseudo-after-background);scale:var(--vv-field-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-field-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-field-element-wrapper-pseudo-after-will-change);transition:var(--vv-field-element-wrapper-pseudo-after-transition)}:where(.vv-field__wrapper){flex-wrap:var(--vv-field-element-wrapper-flex-wrap)}:where(.vv-field__wrapper--hover,.vv-field__wrapper.hover,.vv-field__wrapper:not([disabled]):hover){--vv-field-element-wrapper-background-color:var(--vv-field-element-wrapper-state-hover-background-color)}:where(.vv-field__wrapper--focus-within,.vv-field__wrapper.focus-within,.vv-field__wrapper:not([disabled]):focus-within){--vv-field-element-wrapper-background-color:var(--vv-field-element-wrapper-state-focus-within-background-color)}:where(.vv-field__wrapper--focus-within,.vv-field__wrapper.focus-within,.vv-field__wrapper:not([disabled]):focus-within):after{--vv-field-element-wrapper-pseudo-after-scale:var(--vv-field-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-field__control){flex:var(--vv-field-element-control-flex);min-width:var(--vv-field-element-control-min-width);min-height:var(--vv-field-element-control-min-height);margin:var(--vv-field-element-control-margin);border:var(--vv-field-element-control-border);outline:var(--vv-field-element-control-outline);background:var(--vv-field-element-control-background);color:var(--vv-field-element-control-color);line-height:var(--vv-field-element-control-line-height);padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);font:inherit}:where(.vv-field__control)::placeholder{content:"";color:var(--vv-field-element-control-pseudo-placeholder-color)}:where(.vv-field__control--disabled,.vv-field__control.disabled,.vv-field__control[disabled],.vv-field__control[aria-disabled=true]){cursor:var(--vv-field-element-control-state-disabled-cursor)}:where(.vv-field__before){display:var(--vv-field-element-before-display);flex-shrink:var(--vv-field-element-before-flex-shrink);align-items:var(--vv-field-element-before-align-items);gap:var(--vv-field-element-before-gap);color:var(--vv-field-element-before-color);padding-inline-start:var(--input-spacing-left)}:where(.vv-field__after){display:var(--vv-field-element-after-display);flex-shrink:var(--vv-field-element-after-flex-shrink);align-items:var(--vv-field-element-after-align-items);gap:var(--vv-field-element-after-gap);color:var(--vv-field-element-after-color);padding-inline-end:var(--input-spacing-right)}:where(.vv-field__toolbar){display:var(--vv-field-element-toolbar-display);flex-basis:var(--vv-field-element-toolbar-flex-basis);flex-wrap:var(--vv-field-element-toolbar-flex-wrap);align-items:var(--vv-field-element-toolbar-align-items);gap:var(--vv-field-element-toolbar-gap);padding-inline:var(--input-spacing-left) var(--input-spacing-right);padding-bottom:var(--input-spacing-bottom)}:where(.vv-field__hint,.vv-field>small){display:var(--vv-field-element-hint-display);font-size:var(--vv-field-element-hint-font-size);color:var(--vv-field-element-hint-color);padding-top:var(--vv-field-element-hint-padding-top);padding-inline:var(--vv-field-element-hint-padding-inline);white-space:var(--vv-field-element-hint-white-space);text-overflow:var(--vv-field-element-hint-text-overflow);overflow:var(--vv-field-element-hint-overflow)}:where(.vv-field:has(.vv-field__control[disabled])),:where(.vv-field--disabled,.vv-field.disabled,.vv-field[disabled],.vv-field[aria-disabled=true]){opacity:var(--vv-field-state-disabled-opacity)}:where(.vv-field:has(.vv-field__control[disabled]) .vv-field__wrapper:hover),:where(.vv-field--disabled .vv-field__wrapper--hover,.vv-field--disabled .vv-field__wrapper.hover,.vv-field--disabled .vv-field__wrapper:not([disabled]):hover,.vv-field.disabled .vv-field__wrapper--hover,.vv-field.disabled .vv-field__wrapper.hover,.vv-field.disabled .vv-field__wrapper:not([disabled]):hover,.vv-field[disabled] .vv-field__wrapper--hover,.vv-field[disabled] .vv-field__wrapper.hover,.vv-field[disabled] .vv-field__wrapper:not([disabled]):hover,.vv-field[aria-disabled=true] .vv-field__wrapper--hover,.vv-field[aria-disabled=true] .vv-field__wrapper.hover,.vv-field[aria-disabled=true] .vv-field__wrapper:not([disabled]):hover){background-color:var(--vv-field-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-field:has(.vv-field__control[disabled]) .vv-field__wrapper:focus-within),:where(.vv-field--disabled .vv-field__wrapper--focus-within,.vv-field--disabled .vv-field__wrapper.focus-within,.vv-field--disabled .vv-field__wrapper:not([disabled]):focus-within,.vv-field.disabled .vv-field__wrapper--focus-within,.vv-field.disabled .vv-field__wrapper.focus-within,.vv-field.disabled .vv-field__wrapper:not([disabled]):focus-within,.vv-field[disabled] .vv-field__wrapper--focus-within,.vv-field[disabled] .vv-field__wrapper.focus-within,.vv-field[disabled] .vv-field__wrapper:not([disabled]):focus-within,.vv-field[aria-disabled=true] .vv-field__wrapper--focus-within,.vv-field[aria-disabled=true] .vv-field__wrapper.focus-within,.vv-field[aria-disabled=true] .vv-field__wrapper:not([disabled]):focus-within){background-color:var(--vv-field-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper):before,:where(.vv-field--readonly .vv-field__wrapper,.vv-field.readonly .vv-field__wrapper,.vv-field[readonly] .vv-field__wrapper):before{content:"";opacity:var(--vv-field-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper):after,:where(.vv-field--readonly .vv-field__wrapper,.vv-field.readonly .vv-field__wrapper,.vv-field[readonly] .vv-field__wrapper):after{content:"";opacity:var(--vv-field-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper:hover),:where(.vv-field--readonly .vv-field__wrapper--hover,.vv-field--readonly .vv-field__wrapper.hover,.vv-field--readonly .vv-field__wrapper:not([disabled]):hover,.vv-field.readonly .vv-field__wrapper--hover,.vv-field.readonly .vv-field__wrapper.hover,.vv-field.readonly .vv-field__wrapper:not([disabled]):hover,.vv-field[readonly] .vv-field__wrapper--hover,.vv-field[readonly] .vv-field__wrapper.hover,.vv-field[readonly] .vv-field__wrapper:not([disabled]):hover){background-color:var(--vv-field-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper:focus-within),:where(.vv-field--readonly .vv-field__wrapper--focus-within,.vv-field--readonly .vv-field__wrapper.focus-within,.vv-field--readonly .vv-field__wrapper:not([disabled]):focus-within,.vv-field.readonly .vv-field__wrapper--focus-within,.vv-field.readonly .vv-field__wrapper.focus-within,.vv-field.readonly .vv-field__wrapper:not([disabled]):focus-within,.vv-field[readonly] .vv-field__wrapper--focus-within,.vv-field[readonly] .vv-field__wrapper.focus-within,.vv-field[readonly] .vv-field__wrapper:not([disabled]):focus-within){background-color:var(--vv-field-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-field--valid .vv-field__wrapper):after{content:"";background:var(--vv-field-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-field-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-field--valid>.vv-field__hint,.vv-field--valid>small){color:var(--vv-field-modifier-valid-element-hint-color)}:where(.vv-field--invalid .vv-field__wrapper):after{content:"";background:var(--vv-field-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-field-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-field--invalid>.vv-field__hint,.vv-field--invalid>small){color:var(--vv-field-modifier-invalid-element-hint-color)}:where(.vv-field--loading .vv-field__wrapper):after{content:"";opacity:var(--vv-field-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-field-modifier-loading-element-wrapper-pseudo-after-animation)}