@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-input-file.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-input-file-display:var(--input-display);--vv-input-file-flex:var(--input-flex);--vv-input-file-flex-direction:var(--input-flex-direction);--vv-input-file-margin-bottom:var(--input-gap);--vv-input-file-font-size:var(--input-font-size);--vv-input-file-line-height:var(--input-line-height);--vv-input-file-min-width:var(--input-min-width);--vv-input-file-element-label-display:var(--input-label-display);--vv-input-file-element-label-font-size:var(--input-label-font-size);--vv-input-file-element-label-font-weight:var(--input-label-font-weight);--vv-input-file-element-label-color:var(--input-label-color);--vv-input-file-element-label-margin:0 0 var(--input-label-gap) 0;--vv-input-file-element-label-white-space:var(--input-label-white-space);--vv-input-file-element-label-text-overflow:var(--input-label-text-overflow);--vv-input-file-element-label-overflow:var(--input-label-overflow);--vv-input-file-element-label-max-width:var(--input-label-max-width);--vv-input-file-element-wrapper-position:relative;--vv-input-file-element-wrapper-display:flex;--vv-input-file-element-wrapper-align-items:center;--vv-input-file-element-wrapper-flex:1;--vv-input-file-element-wrapper-overflow:hidden;--vv-input-file-element-wrapper-background-color:var(--input-background-color);--vv-input-file-element-wrapper-will-change:background-color;--vv-input-file-element-wrapper-transition:var(--transition-colors);--vv-input-file-element-wrapper-pseudo-before-position:absolute;--vv-input-file-element-wrapper-pseudo-before-height:var(--spacing-1);--vv-input-file-element-wrapper-pseudo-before-inset:auto 0 0 0;--vv-input-file-element-wrapper-pseudo-before-background:var(--color-word-5);--vv-input-file-element-wrapper-pseudo-after-position:absolute;--vv-input-file-element-wrapper-pseudo-after-height:var(--spacing-2);--vv-input-file-element-wrapper-pseudo-after-inset:auto 0 0 0;--vv-input-file-element-wrapper-pseudo-after-background:var(--color-brand);--vv-input-file-element-wrapper-pseudo-after-scale:0 1;--vv-input-file-element-wrapper-pseudo-after-transform-origin:left;--vv-input-file-element-wrapper-pseudo-after-will-change:transform;--vv-input-file-element-wrapper-pseudo-after-transition:var(--transition-transform);--vv-input-file-element-wrapper-state-hover-background-color:var(--input-background-color-hover);--vv-input-file-element-wrapper-state-focus-within-background-color:var(--input-background-color-focus);--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale:1;--vv-input-file-element-inner-position:relative;--vv-input-file-element-inner-display:flex;--vv-input-file-element-inner-flex:1;--vv-input-file-element-inner-min-width:0;--vv-input-file-element-input-flex:1;--vv-input-file-element-input-white-space:nowrap;--vv-input-file-element-input-cursor:pointer;--vv-input-file-element-input-color:var(--input-color);--vv-input-file-element-input-min-width:0;--vv-input-file-element-input-min-height:var(--input-min-height);--vv-input-file-element-input-display:flex;--vv-input-file-element-input-align-items:center;--vv-input-file-element-input-text-overflow:var(--input-text-overflow);--vv-input-file-element-input-pseudo-file-selector-button-appearance:none;--vv-input-file-element-input-pseudo-file-selector-button-border:none;--vv-input-file-element-input-pseudo-file-selector-button-background:transparent;--vv-input-file-element-input-pseudo-file-selector-button-cursor:pointer;--vv-input-file-element-input-pseudo-file-selector-button-text-decoration:underline;--vv-input-file-element-input-pseudo-file-selector-button-color:var(--input-color);--vv-input-file-element-input-pseudo-file-selector-button-min-height:var(--input-min-height);--vv-input-file-element-input-state-disabled-cursor:not-allowed;--vv-input-file-element-input-state-readonly-cursor:text;--vv-input-file-element-input-state-readonly-user-select:text;--vv-input-file-element-input-state-readonly-pointer-events:none;--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity:var(--opacity-50);--vv-input-file-element-input-before-display:flex;--vv-input-file-element-input-before-padding-left:var(--input-spacing-left);--vv-input-file-element-input-after-display:flex;--vv-input-file-element-input-after-padding-right:var(--input-spacing-right);--vv-input-file-element-icon-position:var(--input-icon-position);--vv-input-file-element-icon-top:0;--vv-input-file-element-icon-left:0;--vv-input-file-element-icon-width:var(--input-icon-width);--vv-input-file-element-icon-height:var(--input-min-height);--vv-input-file-element-icon-margin:var(--input-icon-margin);--vv-input-file-element-icon-pointer-events:var(--input-icon-pointer-events);--vv-input-file-element-icon-flex-shrink:0;--vv-input-file-element-icon-after-position:var(--input-icon-position);--vv-input-file-element-icon-after-right:0;--vv-input-file-element-icon-after-left:auto;--vv-input-file-element-hint-display:var(--input-hint-display);--vv-input-file-element-hint-font-size:var(--input-hint-font-size);--vv-input-file-element-hint-color:var(--input-hint-color);--vv-input-file-element-hint-padding-top:var(--input-hint-gap);--vv-input-file-element-hint-padding-inline:var(--spacing-xs);--vv-input-file-element-hint-white-space:var(--input-hint-white-space);--vv-input-file-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-input-file-element-hint-overflow:var(--input-hint-overflow);--vv-input-file-element-drop-area-position:relative;--vv-input-file-element-drop-area-background-color:var(--input-background-color);--vv-input-file-element-drop-area-color:var(--input-hint-color);--vv-input-file-element-drop-area-min-height:var(--spacing-100);--vv-input-file-element-drop-area-padding:var(--spacing-16);--vv-input-file-element-drop-area-display:flex;--vv-input-file-element-drop-area-text-align:center;--vv-input-file-element-drop-area-align-items:center;--vv-input-file-element-drop-area-justify-content:center;--vv-input-file-element-drop-area-margin-bottom:var(--input-label-gap);--vv-input-file-element-drop-area-cursor:pointer;--vv-input-file-element-drop-area-transition:var(--transition-all);--vv-input-file-element-drop-area-overflow:hidden;--vv-input-file-element-drop-area-text-overflow:ellipsis;--vv-input-file-element-drop-area-pseudo-after-position:absolute;--vv-input-file-element-drop-area-pseudo-after-inset:0;--vv-input-file-element-drop-area-pseudo-after-opacity:var(--opacity-100);--vv-input-file-element-drop-area-pseudo-after-border-width:var(--border-2);--vv-input-file-element-drop-area-pseudo-after-border-style:dashed;--vv-input-file-element-drop-area-pseudo-after-border-color:var(--color-word-5);--vv-input-file-element-drop-area-pseudo-after-transition:var(--transition-all);--vv-input-file-element-drop-area-state-hover-background-color:var(--color-surface-2);--vv-input-file-element-drop-area-state-hover-color:var(--input-color);--vv-input-file-element-drop-area-action-position:absolute;--vv-input-file-element-drop-area-action-top:var(--spacing-8);--vv-input-file-element-drop-area-action-right:var(--spacing-8);--vv-input-file-element-drop-area-action-z-index:var(--z-1);--vv-input-file-element-preview-position:absolute;--vv-input-file-element-preview-display:flex;--vv-input-file-element-preview-inset:var(--spacing-4);--vv-input-file-element-preview-font-size:var(--text-xl);--vv-input-file-element-preview-align-items:center;--vv-input-file-element-preview-justify-content:center;--vv-input-file-element-preview-object-fit:contain;--vv-input-file-element-preview-object-position:center;--vv-input-file-element-preview-background:var(--bg-chessboard);--vv-input-file-element-preview-overflow:hidden;--vv-input-file-element-progress-position:absolute;--vv-input-file-element-progress-width:100%;--vv-input-file-element-progress-height:var(--border-2);--vv-input-file-element-progress-bottom:0;--vv-input-file-element-progress-left:0;--vv-input-file-element-progress-z-index:var(--z-1);--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color:transparent;--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color:var(--color-brand);--vv-input-file-element-progress-pseudo--moz-progress-bar-transition:var(--transition-all);--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color:var(--color-brand);--vv-input-file-element-progress-pseudo--webkit-progress-value-transition:var(--transition-all);--vv-input-file-element-list-display:flex;--vv-input-file-element-list-flex-direction:column;--vv-input-file-element-list-gap:var(--input-label-gap);--vv-input-file-element-list-margin-top:var(--input-label-gap);--vv-input-file-element-list-state-empty-display:none;--vv-input-file-element-item-position:relative;--vv-input-file-element-item-overflow:hidden;--vv-input-file-element-item-display:flex;--vv-input-file-element-item-font-size:var(--input-label-font-size);--vv-input-file-element-item-align-items:center;--vv-input-file-element-item-gap:var(--spacing-8);--vv-input-file-element-item-background-color:var(--input-background-color);--vv-input-file-element-item-padding:var(--spacing-8);--vv-input-file-element-item-state-active-background-color:var(--color-surface-2);--vv-input-file-element-item-name-white-space:nowrap;--vv-input-file-element-item-name-text-overflow:ellipsis;--vv-input-file-element-item-name-overflow:hidden;--vv-input-file-element-item-info-font-size:smaller;--vv-input-file-element-item-info-white-space:nowrap;--vv-input-file-element-item-info-color:var(--color-word-5);--vv-input-file-element-item-info-align-self:flex-end;--vv-input-file-element-item-link-white-space:nowrap;--vv-input-file-element-item-link-text-overflow:ellipsis;--vv-input-file-element-item-link-overflow:hidden;--vv-input-file-element-item-link-cursor:pointer;--vv-input-file-element-item-link-text-decoration:underline;--vv-input-file-element-item-icon-flex-shrink:0;--vv-input-file-element-item-action-flex-shrink:0;--vv-input-file-element-item-action-cursor:pointer;--vv-input-file-element-item-remove-flex-shrink:0;--vv-input-file-element-item-remove-cursor:pointer;--vv-input-file-element-item-remove-background-image:var(--bg-close);--vv-input-file-element-item-remove-width:1.4em;--vv-input-file-element-item-remove-height:1.4em;--vv-input-file-element-item-remove-background-size:.8em;--vv-input-file-element-item-remove-background-repeat:no-repeat;--vv-input-file-element-item-remove-background-position:center;--vv-input-file-element-item-remove-border-radius:var(--rounded-full);--vv-input-file-element-item-remove-background-color:var(--color-surface-3);--vv-input-file-element-item-remove-margin-inline-start:auto;--vv-input-file-element-item-remove-transition:var(--transition-colors);--vv-input-file-element-item-remove-state-hover-background-color:var(--color-surface-4);--vv-input-file-element-item-remove-state-active-background-color:var(--color-surface-5);--vv-input-file-element-item-remove-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-input-file-element-item-remove-state-disabled-cursor:not-allowed;--vv-input-file-element-item-remove-state-disabled-opacity:var(--opacity-50);--vv-input-file-modifier-icon-after-element-limit-margin-left:calc((var(--spacing-sm) + 1em) * -1);--vv-input-file-modifier-with-progress-element-drop-area-cursor:not-allowed;--vv-input-file-modifier-with-progress-element-drop-area-height:var(--spacing-2);--vv-input-file-modifier-with-progress-element-drop-area-min-height:0;--vv-input-file-modifier-with-progress-element-drop-area-padding-block:0;--vv-input-file-modifier-with-progress-element-drop-area-color:var(--color-transparent);--vv-input-file-modifier-with-progress-element-drop-area-background-color:var(--color-surface-3);--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity:var(--opacity-0);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background:var(--input-valid-color);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale:1;--vv-input-file-modifier-valid-element-hint-color:var(--input-valid-color);--vv-input-file-modifier-valid-element-limit-color:var(--input-valid-color);--vv-input-file-modifier-valid-element-icon-after-color:var(--input-valid-color);--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color:var(--input-valid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background:var(--input-invalid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale:1;--vv-input-file-modifier-invalid-element-hint-color:var(--input-invalid-color);--vv-input-file-modifier-invalid-element-limit-color:var(--input-invalid-color);--vv-input-file-modifier-invalid-element-icon-after-color:var(--input-invalid-color);--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color:var(--input-invalid-color);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity:var(--opacity-100);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation:var(--animation-indeterminate);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color:var(--color-brand);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation:var(--animation-clippath);--vv-input-file-modifier-hidden-element-wrapper-display:none;--vv-input-file-modifier-hidden-element-drop-area-margin-bottom:var(--spacing-0);--vv-input-file-modifier-dragging-element-drop-area-background-color:var(--color-surface-2);--vv-input-file-modifier-dragging-element-drop-area-color:var(--input-color);--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color:var(--color-brand);--vv-input-file-modifier-square-element-drop-area-aspect-ratio:var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-aspect-ratio:var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-preview-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-action-position:relative;--vv-input-file-modifier-circle-element-drop-area-action-top:auto;--vv-input-file-modifier-circle-element-drop-area-action-right:auto;--vv-input-file-state-disabled-opacity:var(--opacity-50);--vv-input-file-state-disabled-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-cursor:not-allowed;--vv-input-file-state-disabled-element-drop-area-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-color:var(--input-hint-color);--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity:var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity:var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-input-file-state-readonly-element-drop-area-display:none}:where(.vv-input-file){display:var(--vv-input-file-display);flex:var(--vv-input-file-flex);flex-direction:var(--vv-input-file-flex-direction);margin-bottom:var(--vv-input-file-margin-bottom);font-size:var(--vv-input-file-font-size);line-height:var(--vv-input-file-line-height);min-width:var(--vv-input-file-min-width)}:where(.vv-input-file__label,.vv-input-file>label){display:var(--vv-input-file-element-label-display);font-size:var(--vv-input-file-element-label-font-size);font-weight:var(--vv-input-file-element-label-font-weight);color:var(--vv-input-file-element-label-color);margin:var(--vv-input-file-element-label-margin);white-space:var(--vv-input-file-element-label-white-space);text-overflow:var(--vv-input-file-element-label-text-overflow);overflow:var(--vv-input-file-element-label-overflow);max-width:var(--vv-input-file-element-label-max-width)}:where(.vv-input-file__wrapper){position:var(--vv-input-file-element-wrapper-position);display:var(--vv-input-file-element-wrapper-display);align-items:var(--vv-input-file-element-wrapper-align-items);flex:var(--vv-input-file-element-wrapper-flex);overflow:var(--vv-input-file-element-wrapper-overflow);background-color:var(--vv-input-file-element-wrapper-background-color);will-change:var(--vv-input-file-element-wrapper-will-change);transition:var(--vv-input-file-element-wrapper-transition)}:where(.vv-input-file__wrapper):before{content:"";position:var(--vv-input-file-element-wrapper-pseudo-before-position);height:var(--vv-input-file-element-wrapper-pseudo-before-height);inset:var(--vv-input-file-element-wrapper-pseudo-before-inset);background:var(--vv-input-file-element-wrapper-pseudo-before-background)}:where(.vv-input-file__wrapper):after{content:"";position:var(--vv-input-file-element-wrapper-pseudo-after-position);height:var(--vv-input-file-element-wrapper-pseudo-after-height);inset:var(--vv-input-file-element-wrapper-pseudo-after-inset);background:var(--vv-input-file-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-input-file-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-file-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-file-element-wrapper-pseudo-after-transition)}:where(.vv-input-file__wrapper--hover,.vv-input-file__wrapper.hover,.vv-input-file__wrapper:not([disabled]):hover){--vv-input-file-element-wrapper-background-color:var(--vv-input-file-element-wrapper-state-hover-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within){--vv-input-file-element-wrapper-background-color:var(--vv-input-file-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within):after{--vv-input-file-element-wrapper-pseudo-after-scale:var(--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-file__inner){position:var(--vv-input-file-element-inner-position);display:var(--vv-input-file-element-inner-display);flex:var(--vv-input-file-element-inner-flex);min-width:var(--vv-input-file-element-inner-min-width)}:where(.vv-input-file__input,.vv-input-file input[type=file]){flex:var(--vv-input-file-element-input-flex);white-space:var(--vv-input-file-element-input-white-space);cursor:var(--vv-input-file-element-input-cursor);color:var(--vv-input-file-element-input-color);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-file-element-input-min-width);min-height:var(--vv-input-file-element-input-min-height);display:var(--vv-input-file-element-input-display);align-items:var(--vv-input-file-element-input-align-items);text-overflow:var(--vv-input-file-element-input-text-overflow)}:where(.vv-input-file__input,.vv-input-file input[type=file])::file-selector-button{content:"";appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);border:var(--vv-input-file-element-input-pseudo-file-selector-button-border);background:var(--vv-input-file-element-input-pseudo-file-selector-button-background);cursor:var(--vv-input-file-element-input-pseudo-file-selector-button-cursor);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);color:var(--vv-input-file-element-input-pseudo-file-selector-button-color);min-height:var(--vv-input-file-element-input-pseudo-file-selector-button-min-height)}:where(.vv-input-file__input--disabled,.vv-input-file__input.disabled,.vv-input-file input[type=file].disabled,.vv-input-file__input[disabled],.vv-input-file input[type=file][disabled],.vv-input-file__input[aria-disabled=true],.vv-input-file input[type=file][aria-disabled=true]){--vv-input-file-element-input-cursor:var(--vv-input-file-element-input-state-disabled-cursor)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly]){--vv-input-file-element-input-cursor:var(--vv-input-file-element-input-state-readonly-cursor);-webkit-user-select:var(--vv-input-file-element-input-state-readonly-user-select);user-select:var(--vv-input-file-element-input-state-readonly-user-select);pointer-events:var(--vv-input-file-element-input-state-readonly-pointer-events)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly])::file-selector-button{opacity:var(--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity)}:where(.vv-input-file__input-before){display:var(--vv-input-file-element-input-before-display);padding-left:var(--vv-input-file-element-input-before-padding-left)}:where(.vv-input-file__input-after){display:var(--vv-input-file-element-input-after-display);padding-right:var(--vv-input-file-element-input-after-padding-right)}:where(.vv-input-file__icon,.vv-input-file>div>:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-position);top:var(--vv-input-file-element-icon-top);left:var(--vv-input-file-element-icon-left);width:var(--vv-input-file-element-icon-width);height:var(--vv-input-file-element-icon-height);margin:var(--vv-input-file-element-icon-margin);pointer-events:var(--vv-input-file-element-icon-pointer-events);flex-shrink:var(--vv-input-file-element-icon-flex-shrink)}:where(.vv-input-file__icon-after,.vv-input-file input+:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-after-position);right:var(--vv-input-file-element-icon-after-right);left:var(--vv-input-file-element-icon-after-left)}:where(.vv-input-file__hint,.vv-input-file>small){display:var(--vv-input-file-element-hint-display);font-size:var(--vv-input-file-element-hint-font-size);color:var(--vv-input-file-element-hint-color);padding-top:var(--vv-input-file-element-hint-padding-top);padding-inline:var(--vv-input-file-element-hint-padding-inline);white-space:var(--vv-input-file-element-hint-white-space);text-overflow:var(--vv-input-file-element-hint-text-overflow);overflow:var(--vv-input-file-element-hint-overflow)}:where(.vv-input-file__drop-area){position:var(--vv-input-file-element-drop-area-position);background-color:var(--vv-input-file-element-drop-area-background-color);color:var(--vv-input-file-element-drop-area-color);min-height:var(--vv-input-file-element-drop-area-min-height);padding:var(--vv-input-file-element-drop-area-padding);display:var(--vv-input-file-element-drop-area-display);text-align:var(--vv-input-file-element-drop-area-text-align);align-items:var(--vv-input-file-element-drop-area-align-items);justify-content:var(--vv-input-file-element-drop-area-justify-content);margin-bottom:var(--vv-input-file-element-drop-area-margin-bottom);cursor:var(--vv-input-file-element-drop-area-cursor);transition:var(--vv-input-file-element-drop-area-transition);overflow:var(--vv-input-file-element-drop-area-overflow);text-overflow:var(--vv-input-file-element-drop-area-text-overflow)}:where(.vv-input-file__drop-area):after{content:"";position:var(--vv-input-file-element-drop-area-pseudo-after-position);inset:var(--vv-input-file-element-drop-area-pseudo-after-inset);opacity:var(--vv-input-file-element-drop-area-pseudo-after-opacity);border-width:var(--vv-input-file-element-drop-area-pseudo-after-border-width);border-style:var(--vv-input-file-element-drop-area-pseudo-after-border-style);border-color:var(--vv-input-file-element-drop-area-pseudo-after-border-color);transition:var(--vv-input-file-element-drop-area-pseudo-after-transition)}:where(.vv-input-file__drop-area--hover,.vv-input-file__drop-area.hover,.vv-input-file__drop-area:not([disabled]):hover){--vv-input-file-element-drop-area-background-color:var(--vv-input-file-element-drop-area-state-hover-background-color);--vv-input-file-element-drop-area-color:var(--vv-input-file-element-drop-area-state-hover-color)}:where(.vv-input-file__drop-area-action){position:var(--vv-input-file-element-drop-area-action-position);top:var(--vv-input-file-element-drop-area-action-top);right:var(--vv-input-file-element-drop-area-action-right);z-index:var(--vv-input-file-element-drop-area-action-z-index)}:where(.vv-input-file__preview){position:var(--vv-input-file-element-preview-position);display:var(--vv-input-file-element-preview-display);inset:var(--vv-input-file-element-preview-inset);font-size:var(--vv-input-file-element-preview-font-size);align-items:var(--vv-input-file-element-preview-align-items);justify-content:var(--vv-input-file-element-preview-justify-content);object-fit:var(--vv-input-file-element-preview-object-fit);object-position:var(--vv-input-file-element-preview-object-position);background:var(--vv-input-file-element-preview-background);overflow:var(--vv-input-file-element-preview-overflow)}:where(.vv-input-file__progress){position:var(--vv-input-file-element-progress-position);width:var(--vv-input-file-element-progress-width);height:var(--vv-input-file-element-progress-height);bottom:var(--vv-input-file-element-progress-bottom);left:var(--vv-input-file-element-progress-left);z-index:var(--vv-input-file-element-progress-z-index)}:where(.vv-input-file__progress)::-webkit-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-input-file__progress)::-moz-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color);-moz-transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition);transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition)}:where(.vv-input-file__progress)::-webkit-progress-value{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color);-webkit-transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition);transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition)}:where(.vv-input-file__list){display:var(--vv-input-file-element-list-display);flex-direction:var(--vv-input-file-element-list-flex-direction);gap:var(--vv-input-file-element-list-gap);margin-top:var(--vv-input-file-element-list-margin-top)}:where(.vv-input-file__list--empty,.vv-input-file__list.empty,.vv-input-file__list:not([disabled]):empty){--vv-input-file-element-list-display:var(--vv-input-file-element-list-state-empty-display)}:where(.vv-input-file__item){position:var(--vv-input-file-element-item-position);overflow:var(--vv-input-file-element-item-overflow);display:var(--vv-input-file-element-item-display);font-size:var(--vv-input-file-element-item-font-size);align-items:var(--vv-input-file-element-item-align-items);gap:var(--vv-input-file-element-item-gap);background-color:var(--vv-input-file-element-item-background-color);padding:var(--vv-input-file-element-item-padding)}:where(.vv-input-file__item--active,.vv-input-file__item.active,.vv-input-file__item:not([disabled]):active){--vv-input-file-element-item-background-color:var(--vv-input-file-element-item-state-active-background-color)}:where(.vv-input-file__item-name){white-space:var(--vv-input-file-element-item-name-white-space);text-overflow:var(--vv-input-file-element-item-name-text-overflow);overflow:var(--vv-input-file-element-item-name-overflow)}:where(.vv-input-file__item-info){font-size:var(--vv-input-file-element-item-info-font-size);white-space:var(--vv-input-file-element-item-info-white-space);color:var(--vv-input-file-element-item-info-color);align-self:var(--vv-input-file-element-item-info-align-self)}:where(.vv-input-file__item-link){white-space:var(--vv-input-file-element-item-link-white-space);text-overflow:var(--vv-input-file-element-item-link-text-overflow);overflow:var(--vv-input-file-element-item-link-overflow);cursor:var(--vv-input-file-element-item-link-cursor);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);text-decoration:var(--vv-input-file-element-item-link-text-decoration)}:where(.vv-input-file__item-icon){flex-shrink:var(--vv-input-file-element-item-icon-flex-shrink)}:where(.vv-input-file__item-action){flex-shrink:var(--vv-input-file-element-item-action-flex-shrink);cursor:var(--vv-input-file-element-item-action-cursor)}:where(.vv-input-file__item-remove){flex-shrink:var(--vv-input-file-element-item-remove-flex-shrink);cursor:var(--vv-input-file-element-item-remove-cursor);background-image:var(--vv-input-file-element-item-remove-background-image);width:var(--vv-input-file-element-item-remove-width);height:var(--vv-input-file-element-item-remove-height);background-size:var(--vv-input-file-element-item-remove-background-size);background-repeat:var(--vv-input-file-element-item-remove-background-repeat);background-position:var(--vv-input-file-element-item-remove-background-position);border-radius:var(--vv-input-file-element-item-remove-border-radius);background-color:var(--vv-input-file-element-item-remove-background-color);transition:var(--vv-input-file-element-item-remove-transition);margin-inline-start:var(--vv-input-file-element-item-remove-margin-inline-start)}:where(.vv-input-file__item-remove--hover,.vv-input-file__item-remove.hover,.vv-input-file__item-remove:not([disabled]):hover){--vv-input-file-element-item-remove-background-color:var(--vv-input-file-element-item-remove-state-hover-background-color)}:where(.vv-input-file__item-remove--active,.vv-input-file__item-remove.active,.vv-input-file__item-remove:not([disabled]):active){--vv-input-file-element-item-remove-background-color:var(--vv-input-file-element-item-remove-state-active-background-color)}:where(.vv-input-file__item-remove--focus-visible,.vv-input-file__item-remove.focus-visible,.vv-input-file__item-remove:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-input-file-element-item-remove-state-focus-visible-outline)}:where(.vv-input-file__item-remove--disabled,.vv-input-file__item-remove.disabled,.vv-input-file__item-remove[disabled],.vv-input-file__item-remove[aria-disabled=true]){--vv-input-file-element-item-remove-cursor:var(--vv-input-file-element-item-remove-state-disabled-cursor);opacity:var(--vv-input-file-element-item-remove-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled])),:where(.vv-input-file--disabled,.vv-input-file.disabled,.vv-input-file[disabled],.vv-input-file[aria-disabled=true]){opacity:var(--vv-input-file-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:hover),:where(.vv-input-file--disabled .vv-input-file__wrapper--hover,.vv-input-file--disabled .vv-input-file__wrapper.hover,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.disabled .vv-input-file__wrapper--hover,.vv-input-file.disabled .vv-input-file__wrapper.hover,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[disabled] .vv-input-file__wrapper--hover,.vv-input-file[disabled] .vv-input-file__wrapper.hover,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--disabled .vv-input-file__wrapper--focus-within,.vv-input-file--disabled .vv-input-file__wrapper.focus-within,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.disabled .vv-input-file__wrapper--focus-within,.vv-input-file.disabled .vv-input-file__wrapper.focus-within,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[disabled] .vv-input-file__wrapper--focus-within,.vv-input-file[disabled] .vv-input-file__wrapper.focus-within,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__drop-area),:where(.vv-input-file--disabled .vv-input-file__drop-area,.vv-input-file.disabled .vv-input-file__drop-area,.vv-input-file[disabled] .vv-input-file__drop-area,.vv-input-file[aria-disabled=true] .vv-input-file__drop-area){cursor:var(--vv-input-file-state-disabled-element-drop-area-cursor);background-color:var(--vv-input-file-state-disabled-element-drop-area-background-color);color:var(--vv-input-file-state-disabled-element-drop-area-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):before,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):before{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):after,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:hover),:where(.vv-input-file--readonly .vv-input-file__wrapper--hover,.vv-input-file--readonly .vv-input-file__wrapper.hover,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.readonly .vv-input-file__wrapper--hover,.vv-input-file.readonly .vv-input-file__wrapper.hover,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[readonly] .vv-input-file__wrapper--hover,.vv-input-file[readonly] .vv-input-file__wrapper.hover,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--readonly .vv-input-file__wrapper--focus-within,.vv-input-file--readonly .vv-input-file__wrapper.focus-within,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.readonly .vv-input-file__wrapper--focus-within,.vv-input-file.readonly .vv-input-file__wrapper.focus-within,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[readonly] .vv-input-file__wrapper--focus-within,.vv-input-file[readonly] .vv-input-file__wrapper.focus-within,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__drop-area),:where(.vv-input-file--readonly .vv-input-file__drop-area,.vv-input-file.readonly .vv-input-file__drop-area,.vv-input-file[readonly] .vv-input-file__drop-area){display:var(--vv-input-file-state-readonly-element-drop-area-display)}:where(.vv-input-file--icon-before.vv-input-file){--input-spacing-left:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after.vv-input-file){--input-spacing-right:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after .vv-input-file__limit){margin-left:var(--vv-input-file-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-file--with-progress .vv-input-file__drop-area){cursor:var(--vv-input-file-modifier-with-progress-element-drop-area-cursor);height:var(--vv-input-file-modifier-with-progress-element-drop-area-height);min-height:var(--vv-input-file-modifier-with-progress-element-drop-area-min-height);padding-block:var(--vv-input-file-modifier-with-progress-element-drop-area-padding-block);color:var(--vv-input-file-modifier-with-progress-element-drop-area-color);background-color:var(--vv-input-file-modifier-with-progress-element-drop-area-background-color)}:where(.vv-input-file--with-progress .vv-input-file__drop-area):after{content:"";opacity:var(--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity)}:where(.vv-input-file--valid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--valid .vv-input-file__hint,.vv-input-file--valid>small){color:var(--vv-input-file-modifier-valid-element-hint-color)}:where(.vv-input-file--valid .vv-input-file__limit){color:var(--vv-input-file-modifier-valid-element-limit-color)}:where(.vv-input-file--valid .vv-input-file__icon-after,.vv-input-file--valid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-valid-element-icon-after-color)}:where(.vv-input-file--valid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--invalid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--invalid .vv-input-file__hint,.vv-input-file--invalid>small){color:var(--vv-input-file-modifier-invalid-element-hint-color)}:where(.vv-input-file--invalid .vv-input-file__limit){color:var(--vv-input-file-modifier-invalid-element-limit-color)}:where(.vv-input-file--invalid .vv-input-file__icon-after,.vv-input-file--invalid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-invalid-element-icon-after-color)}:where(.vv-input-file--invalid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--loading .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-file--loading .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color);animation:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation)}:where(.vv-input-file--hidden .vv-input-file__wrapper){display:var(--vv-input-file-modifier-hidden-element-wrapper-display)}:where(.vv-input-file--hidden .vv-input-file__drop-area){margin-bottom:var(--vv-input-file-modifier-hidden-element-drop-area-margin-bottom)}:where(.vv-input-file--dragging .vv-input-file__drop-area){background-color:var(--vv-input-file-modifier-dragging-element-drop-area-background-color);color:var(--vv-input-file-modifier-dragging-element-drop-area-color)}:where(.vv-input-file--dragging .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--square .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-square-element-drop-area-aspect-ratio)}:where(.vv-input-file--circle .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-circle-element-drop-area-aspect-ratio);border-radius:var(--vv-input-file-modifier-circle-element-drop-area-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area):after{content:"";border-radius:var(--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius)}:where(.vv-input-file--circle .vv-input-file__preview){border-radius:var(--vv-input-file-modifier-circle-element-preview-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area-action){position:var(--vv-input-file-modifier-circle-element-drop-area-action-position);top:var(--vv-input-file-modifier-circle-element-drop-area-action-top);right:var(--vv-input-file-modifier-circle-element-drop-area-action-right)}
1
+ :where(:host,:root,.theme){--vv-input-file-display:var(--input-display);--vv-input-file-flex:var(--input-flex);--vv-input-file-flex-direction:var(--input-flex-direction);--vv-input-file-margin-bottom:var(--input-gap);--vv-input-file-font-size:var(--input-font-size);--vv-input-file-line-height:var(--input-line-height);--vv-input-file-min-width:var(--input-min-width);--vv-input-file-element-label-display:var(--input-label-display);--vv-input-file-element-label-font-size:var(--input-label-font-size);--vv-input-file-element-label-font-weight:var(--input-label-font-weight);--vv-input-file-element-label-color:var(--input-label-color);--vv-input-file-element-label-margin:0 0 var(--input-label-gap) 0;--vv-input-file-element-label-white-space:var(--input-label-white-space);--vv-input-file-element-label-text-overflow:var(--input-label-text-overflow);--vv-input-file-element-label-overflow:var(--input-label-overflow);--vv-input-file-element-label-max-width:var(--input-label-max-width);--vv-input-file-element-wrapper-position:relative;--vv-input-file-element-wrapper-display:flex;--vv-input-file-element-wrapper-align-items:center;--vv-input-file-element-wrapper-flex:1;--vv-input-file-element-wrapper-overflow:hidden;--vv-input-file-element-wrapper-background-color:var(--input-background-color);--vv-input-file-element-wrapper-will-change:background-color;--vv-input-file-element-wrapper-transition:var(--transition-colors);--vv-input-file-element-wrapper-pseudo-before-position:absolute;--vv-input-file-element-wrapper-pseudo-before-height:var(--spacing-1);--vv-input-file-element-wrapper-pseudo-before-inset:auto 0 0 0;--vv-input-file-element-wrapper-pseudo-before-background:var(--color-word-5);--vv-input-file-element-wrapper-pseudo-after-position:absolute;--vv-input-file-element-wrapper-pseudo-after-height:var(--spacing-2);--vv-input-file-element-wrapper-pseudo-after-inset:auto 0 0 0;--vv-input-file-element-wrapper-pseudo-after-background:var(--color-brand-graphic);--vv-input-file-element-wrapper-pseudo-after-scale:0 1;--vv-input-file-element-wrapper-pseudo-after-transform-origin:left;--vv-input-file-element-wrapper-pseudo-after-will-change:transform;--vv-input-file-element-wrapper-pseudo-after-transition:var(--transition-transform);--vv-input-file-element-wrapper-state-hover-background-color:var(--input-background-color-hover);--vv-input-file-element-wrapper-state-focus-within-background-color:var(--input-background-color-focus);--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale:1;--vv-input-file-element-inner-position:relative;--vv-input-file-element-inner-display:flex;--vv-input-file-element-inner-flex:1;--vv-input-file-element-inner-min-width:0;--vv-input-file-element-input-flex:1;--vv-input-file-element-input-white-space:nowrap;--vv-input-file-element-input-cursor:pointer;--vv-input-file-element-input-color:var(--input-color);--vv-input-file-element-input-min-width:0;--vv-input-file-element-input-min-height:var(--input-min-height);--vv-input-file-element-input-display:flex;--vv-input-file-element-input-align-items:center;--vv-input-file-element-input-text-overflow:var(--input-text-overflow);--vv-input-file-element-input-pseudo-file-selector-button-appearance:none;--vv-input-file-element-input-pseudo-file-selector-button-border:none;--vv-input-file-element-input-pseudo-file-selector-button-background:transparent;--vv-input-file-element-input-pseudo-file-selector-button-cursor:pointer;--vv-input-file-element-input-pseudo-file-selector-button-text-decoration:underline;--vv-input-file-element-input-pseudo-file-selector-button-color:var(--input-color);--vv-input-file-element-input-pseudo-file-selector-button-min-height:var(--input-min-height);--vv-input-file-element-input-state-disabled-cursor:not-allowed;--vv-input-file-element-input-state-readonly-cursor:text;--vv-input-file-element-input-state-readonly-user-select:text;--vv-input-file-element-input-state-readonly-pointer-events:none;--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity:var(--opacity-50);--vv-input-file-element-input-before-display:flex;--vv-input-file-element-input-before-padding-left:var(--input-spacing-left);--vv-input-file-element-input-after-display:flex;--vv-input-file-element-input-after-padding-right:var(--input-spacing-right);--vv-input-file-element-icon-position:var(--input-icon-position);--vv-input-file-element-icon-top:0;--vv-input-file-element-icon-left:0;--vv-input-file-element-icon-width:var(--input-icon-width);--vv-input-file-element-icon-height:var(--input-min-height);--vv-input-file-element-icon-margin:var(--input-icon-margin);--vv-input-file-element-icon-pointer-events:var(--input-icon-pointer-events);--vv-input-file-element-icon-flex-shrink:0;--vv-input-file-element-icon-after-position:var(--input-icon-position);--vv-input-file-element-icon-after-right:0;--vv-input-file-element-icon-after-left:auto;--vv-input-file-element-hint-display:var(--input-hint-display);--vv-input-file-element-hint-font-size:var(--input-hint-font-size);--vv-input-file-element-hint-color:var(--input-hint-color);--vv-input-file-element-hint-padding-top:var(--input-hint-gap);--vv-input-file-element-hint-padding-inline:var(--spacing-xs);--vv-input-file-element-hint-white-space:var(--input-hint-white-space);--vv-input-file-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-input-file-element-hint-overflow:var(--input-hint-overflow);--vv-input-file-element-drop-area-position:relative;--vv-input-file-element-drop-area-background-color:var(--input-background-color);--vv-input-file-element-drop-area-color:var(--input-hint-color);--vv-input-file-element-drop-area-min-height:var(--spacing-100);--vv-input-file-element-drop-area-padding:var(--spacing-16);--vv-input-file-element-drop-area-display:flex;--vv-input-file-element-drop-area-text-align:center;--vv-input-file-element-drop-area-align-items:center;--vv-input-file-element-drop-area-justify-content:center;--vv-input-file-element-drop-area-margin-bottom:var(--input-label-gap);--vv-input-file-element-drop-area-cursor:pointer;--vv-input-file-element-drop-area-transition:var(--transition-all);--vv-input-file-element-drop-area-overflow:hidden;--vv-input-file-element-drop-area-text-overflow:ellipsis;--vv-input-file-element-drop-area-pseudo-after-position:absolute;--vv-input-file-element-drop-area-pseudo-after-inset:0;--vv-input-file-element-drop-area-pseudo-after-opacity:var(--opacity-100);--vv-input-file-element-drop-area-pseudo-after-border-width:var(--border-2);--vv-input-file-element-drop-area-pseudo-after-border-style:dashed;--vv-input-file-element-drop-area-pseudo-after-border-color:var(--color-word-5);--vv-input-file-element-drop-area-pseudo-after-transition:var(--transition-all);--vv-input-file-element-drop-area-state-hover-background-color:var(--color-surface-2);--vv-input-file-element-drop-area-state-hover-color:var(--input-color);--vv-input-file-element-drop-area-action-position:absolute;--vv-input-file-element-drop-area-action-top:var(--spacing-8);--vv-input-file-element-drop-area-action-right:var(--spacing-8);--vv-input-file-element-drop-area-action-z-index:var(--z-1);--vv-input-file-element-preview-position:absolute;--vv-input-file-element-preview-display:flex;--vv-input-file-element-preview-inset:var(--spacing-4);--vv-input-file-element-preview-font-size:var(--text-xl);--vv-input-file-element-preview-align-items:center;--vv-input-file-element-preview-justify-content:center;--vv-input-file-element-preview-object-fit:contain;--vv-input-file-element-preview-object-position:center;--vv-input-file-element-preview-background:var(--bg-chessboard);--vv-input-file-element-preview-overflow:hidden;--vv-input-file-element-progress-position:absolute;--vv-input-file-element-progress-width:100%;--vv-input-file-element-progress-height:var(--border-2);--vv-input-file-element-progress-bottom:0;--vv-input-file-element-progress-left:0;--vv-input-file-element-progress-z-index:var(--z-1);--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color:transparent;--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color:var(--color-brand);--vv-input-file-element-progress-pseudo--moz-progress-bar-transition:var(--transition-all);--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color:var(--color-brand);--vv-input-file-element-progress-pseudo--webkit-progress-value-transition:var(--transition-all);--vv-input-file-element-list-display:flex;--vv-input-file-element-list-flex-direction:column;--vv-input-file-element-list-gap:var(--input-label-gap);--vv-input-file-element-list-margin-top:var(--input-label-gap);--vv-input-file-element-list-state-empty-display:none;--vv-input-file-element-item-position:relative;--vv-input-file-element-item-overflow:hidden;--vv-input-file-element-item-display:flex;--vv-input-file-element-item-font-size:var(--input-label-font-size);--vv-input-file-element-item-align-items:center;--vv-input-file-element-item-gap:var(--spacing-8);--vv-input-file-element-item-background-color:var(--input-background-color);--vv-input-file-element-item-padding:var(--spacing-8);--vv-input-file-element-item-state-active-background-color:var(--color-surface-2);--vv-input-file-element-item-name-white-space:nowrap;--vv-input-file-element-item-name-text-overflow:ellipsis;--vv-input-file-element-item-name-overflow:hidden;--vv-input-file-element-item-info-font-size:smaller;--vv-input-file-element-item-info-white-space:nowrap;--vv-input-file-element-item-info-color:var(--color-word-5);--vv-input-file-element-item-info-align-self:flex-end;--vv-input-file-element-item-link-white-space:nowrap;--vv-input-file-element-item-link-text-overflow:ellipsis;--vv-input-file-element-item-link-overflow:hidden;--vv-input-file-element-item-link-cursor:pointer;--vv-input-file-element-item-link-text-decoration:underline;--vv-input-file-element-item-icon-flex-shrink:0;--vv-input-file-element-item-action-flex-shrink:0;--vv-input-file-element-item-action-cursor:pointer;--vv-input-file-element-item-remove-flex-shrink:0;--vv-input-file-element-item-remove-cursor:pointer;--vv-input-file-element-item-remove-background-image:var(--bg-close);--vv-input-file-element-item-remove-width:1.4em;--vv-input-file-element-item-remove-height:1.4em;--vv-input-file-element-item-remove-background-size:.8em;--vv-input-file-element-item-remove-background-repeat:no-repeat;--vv-input-file-element-item-remove-background-position:center;--vv-input-file-element-item-remove-border-radius:var(--rounded-full);--vv-input-file-element-item-remove-background-color:var(--color-surface-3);--vv-input-file-element-item-remove-margin-inline-start:auto;--vv-input-file-element-item-remove-transition:var(--transition-colors);--vv-input-file-element-item-remove-state-hover-background-color:var(--color-surface-4);--vv-input-file-element-item-remove-state-active-background-color:var(--color-surface-5);--vv-input-file-element-item-remove-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-input-file-element-item-remove-state-disabled-cursor:not-allowed;--vv-input-file-element-item-remove-state-disabled-opacity:var(--opacity-50);--vv-input-file-modifier-icon-after-element-limit-margin-left:calc((var(--spacing-sm) + 1em) * -1);--vv-input-file-modifier-with-progress-element-drop-area-cursor:not-allowed;--vv-input-file-modifier-with-progress-element-drop-area-height:var(--spacing-2);--vv-input-file-modifier-with-progress-element-drop-area-min-height:0;--vv-input-file-modifier-with-progress-element-drop-area-padding-block:0;--vv-input-file-modifier-with-progress-element-drop-area-color:var(--color-transparent);--vv-input-file-modifier-with-progress-element-drop-area-background-color:var(--color-surface-3);--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity:var(--opacity-0);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background:var(--input-valid-color);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale:1;--vv-input-file-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-input-file-modifier-valid-element-limit-color:var(--input-valid-text-color);--vv-input-file-modifier-valid-element-icon-after-color:var(--input-valid-text-color);--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color:var(--input-valid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background:var(--input-invalid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale:1;--vv-input-file-modifier-invalid-element-hint-color:var(--input-invalid-text-color);--vv-input-file-modifier-invalid-element-limit-color:var(--input-invalid-text-color);--vv-input-file-modifier-invalid-element-icon-after-color:var(--input-invalid-text-color);--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color:var(--input-invalid-color);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity:var(--opacity-100);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation:var(--animation-indeterminate);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color:var(--color-brand);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation:var(--animation-clippath);--vv-input-file-modifier-hidden-element-wrapper-display:none;--vv-input-file-modifier-hidden-element-drop-area-margin-bottom:var(--spacing-0);--vv-input-file-modifier-dragging-element-drop-area-background-color:var(--color-surface-2);--vv-input-file-modifier-dragging-element-drop-area-color:var(--input-color);--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color:var(--color-brand);--vv-input-file-modifier-square-element-drop-area-aspect-ratio:var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-aspect-ratio:var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-preview-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-action-position:relative;--vv-input-file-modifier-circle-element-drop-area-action-top:auto;--vv-input-file-modifier-circle-element-drop-area-action-right:auto;--vv-input-file-state-disabled-opacity:var(--opacity-50);--vv-input-file-state-disabled-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-cursor:not-allowed;--vv-input-file-state-disabled-element-drop-area-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-color:var(--input-hint-color);--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity:var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity:var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-input-file-state-readonly-element-drop-area-display:none}:where(.vv-input-file){display:var(--vv-input-file-display);flex:var(--vv-input-file-flex);flex-direction:var(--vv-input-file-flex-direction);margin-bottom:var(--vv-input-file-margin-bottom);font-size:var(--vv-input-file-font-size);line-height:var(--vv-input-file-line-height);min-width:var(--vv-input-file-min-width)}:where(.vv-input-file__label,.vv-input-file>label){display:var(--vv-input-file-element-label-display);font-size:var(--vv-input-file-element-label-font-size);font-weight:var(--vv-input-file-element-label-font-weight);color:var(--vv-input-file-element-label-color);margin:var(--vv-input-file-element-label-margin);white-space:var(--vv-input-file-element-label-white-space);text-overflow:var(--vv-input-file-element-label-text-overflow);overflow:var(--vv-input-file-element-label-overflow);max-width:var(--vv-input-file-element-label-max-width)}:where(.vv-input-file__wrapper){position:var(--vv-input-file-element-wrapper-position);display:var(--vv-input-file-element-wrapper-display);align-items:var(--vv-input-file-element-wrapper-align-items);flex:var(--vv-input-file-element-wrapper-flex);overflow:var(--vv-input-file-element-wrapper-overflow);background-color:var(--vv-input-file-element-wrapper-background-color);will-change:var(--vv-input-file-element-wrapper-will-change);transition:var(--vv-input-file-element-wrapper-transition)}:where(.vv-input-file__wrapper):before{content:"";position:var(--vv-input-file-element-wrapper-pseudo-before-position);height:var(--vv-input-file-element-wrapper-pseudo-before-height);inset:var(--vv-input-file-element-wrapper-pseudo-before-inset);background:var(--vv-input-file-element-wrapper-pseudo-before-background)}:where(.vv-input-file__wrapper):after{content:"";position:var(--vv-input-file-element-wrapper-pseudo-after-position);height:var(--vv-input-file-element-wrapper-pseudo-after-height);inset:var(--vv-input-file-element-wrapper-pseudo-after-inset);background:var(--vv-input-file-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-input-file-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-file-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-file-element-wrapper-pseudo-after-transition)}:where(.vv-input-file__wrapper--hover,.vv-input-file__wrapper.hover,.vv-input-file__wrapper:not([disabled]):hover){--vv-input-file-element-wrapper-background-color:var(--vv-input-file-element-wrapper-state-hover-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within){--vv-input-file-element-wrapper-background-color:var(--vv-input-file-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within):after{--vv-input-file-element-wrapper-pseudo-after-scale:var(--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-file__inner){position:var(--vv-input-file-element-inner-position);display:var(--vv-input-file-element-inner-display);flex:var(--vv-input-file-element-inner-flex);min-width:var(--vv-input-file-element-inner-min-width)}:where(.vv-input-file__input,.vv-input-file input[type=file]){flex:var(--vv-input-file-element-input-flex);white-space:var(--vv-input-file-element-input-white-space);cursor:var(--vv-input-file-element-input-cursor);color:var(--vv-input-file-element-input-color);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-file-element-input-min-width);min-height:var(--vv-input-file-element-input-min-height);display:var(--vv-input-file-element-input-display);align-items:var(--vv-input-file-element-input-align-items);text-overflow:var(--vv-input-file-element-input-text-overflow)}:where(.vv-input-file__input,.vv-input-file input[type=file])::file-selector-button{content:"";appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);border:var(--vv-input-file-element-input-pseudo-file-selector-button-border);background:var(--vv-input-file-element-input-pseudo-file-selector-button-background);cursor:var(--vv-input-file-element-input-pseudo-file-selector-button-cursor);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);color:var(--vv-input-file-element-input-pseudo-file-selector-button-color);min-height:var(--vv-input-file-element-input-pseudo-file-selector-button-min-height)}:where(.vv-input-file__input--disabled,.vv-input-file__input.disabled,.vv-input-file input[type=file].disabled,.vv-input-file__input[disabled],.vv-input-file input[type=file][disabled],.vv-input-file__input[aria-disabled=true],.vv-input-file input[type=file][aria-disabled=true]){--vv-input-file-element-input-cursor:var(--vv-input-file-element-input-state-disabled-cursor)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly]){--vv-input-file-element-input-cursor:var(--vv-input-file-element-input-state-readonly-cursor);-webkit-user-select:var(--vv-input-file-element-input-state-readonly-user-select);user-select:var(--vv-input-file-element-input-state-readonly-user-select);pointer-events:var(--vv-input-file-element-input-state-readonly-pointer-events)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly])::file-selector-button{opacity:var(--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity)}:where(.vv-input-file__input-before){display:var(--vv-input-file-element-input-before-display);padding-left:var(--vv-input-file-element-input-before-padding-left)}:where(.vv-input-file__input-after){display:var(--vv-input-file-element-input-after-display);padding-right:var(--vv-input-file-element-input-after-padding-right)}:where(.vv-input-file__icon,.vv-input-file>div>:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-position);top:var(--vv-input-file-element-icon-top);left:var(--vv-input-file-element-icon-left);width:var(--vv-input-file-element-icon-width);height:var(--vv-input-file-element-icon-height);margin:var(--vv-input-file-element-icon-margin);pointer-events:var(--vv-input-file-element-icon-pointer-events);flex-shrink:var(--vv-input-file-element-icon-flex-shrink)}:where(.vv-input-file__icon-after,.vv-input-file input+:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-after-position);right:var(--vv-input-file-element-icon-after-right);left:var(--vv-input-file-element-icon-after-left)}:where(.vv-input-file__hint,.vv-input-file>small){display:var(--vv-input-file-element-hint-display);font-size:var(--vv-input-file-element-hint-font-size);color:var(--vv-input-file-element-hint-color);padding-top:var(--vv-input-file-element-hint-padding-top);padding-inline:var(--vv-input-file-element-hint-padding-inline);white-space:var(--vv-input-file-element-hint-white-space);text-overflow:var(--vv-input-file-element-hint-text-overflow);overflow:var(--vv-input-file-element-hint-overflow)}:where(.vv-input-file__drop-area){position:var(--vv-input-file-element-drop-area-position);background-color:var(--vv-input-file-element-drop-area-background-color);color:var(--vv-input-file-element-drop-area-color);min-height:var(--vv-input-file-element-drop-area-min-height);padding:var(--vv-input-file-element-drop-area-padding);display:var(--vv-input-file-element-drop-area-display);text-align:var(--vv-input-file-element-drop-area-text-align);align-items:var(--vv-input-file-element-drop-area-align-items);justify-content:var(--vv-input-file-element-drop-area-justify-content);margin-bottom:var(--vv-input-file-element-drop-area-margin-bottom);cursor:var(--vv-input-file-element-drop-area-cursor);transition:var(--vv-input-file-element-drop-area-transition);overflow:var(--vv-input-file-element-drop-area-overflow);text-overflow:var(--vv-input-file-element-drop-area-text-overflow)}:where(.vv-input-file__drop-area):after{content:"";position:var(--vv-input-file-element-drop-area-pseudo-after-position);inset:var(--vv-input-file-element-drop-area-pseudo-after-inset);opacity:var(--vv-input-file-element-drop-area-pseudo-after-opacity);border-width:var(--vv-input-file-element-drop-area-pseudo-after-border-width);border-style:var(--vv-input-file-element-drop-area-pseudo-after-border-style);border-color:var(--vv-input-file-element-drop-area-pseudo-after-border-color);transition:var(--vv-input-file-element-drop-area-pseudo-after-transition)}:where(.vv-input-file__drop-area--hover,.vv-input-file__drop-area.hover,.vv-input-file__drop-area:not([disabled]):hover){--vv-input-file-element-drop-area-background-color:var(--vv-input-file-element-drop-area-state-hover-background-color);--vv-input-file-element-drop-area-color:var(--vv-input-file-element-drop-area-state-hover-color)}:where(.vv-input-file__drop-area-action){position:var(--vv-input-file-element-drop-area-action-position);top:var(--vv-input-file-element-drop-area-action-top);right:var(--vv-input-file-element-drop-area-action-right);z-index:var(--vv-input-file-element-drop-area-action-z-index)}:where(.vv-input-file__preview){position:var(--vv-input-file-element-preview-position);display:var(--vv-input-file-element-preview-display);inset:var(--vv-input-file-element-preview-inset);font-size:var(--vv-input-file-element-preview-font-size);align-items:var(--vv-input-file-element-preview-align-items);justify-content:var(--vv-input-file-element-preview-justify-content);object-fit:var(--vv-input-file-element-preview-object-fit);object-position:var(--vv-input-file-element-preview-object-position);background:var(--vv-input-file-element-preview-background);overflow:var(--vv-input-file-element-preview-overflow)}:where(.vv-input-file__progress){position:var(--vv-input-file-element-progress-position);width:var(--vv-input-file-element-progress-width);height:var(--vv-input-file-element-progress-height);bottom:var(--vv-input-file-element-progress-bottom);left:var(--vv-input-file-element-progress-left);z-index:var(--vv-input-file-element-progress-z-index)}:where(.vv-input-file__progress)::-webkit-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-input-file__progress)::-moz-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color);-moz-transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition);transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition)}:where(.vv-input-file__progress)::-webkit-progress-value{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color);-webkit-transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition);transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition)}:where(.vv-input-file__list){display:var(--vv-input-file-element-list-display);flex-direction:var(--vv-input-file-element-list-flex-direction);gap:var(--vv-input-file-element-list-gap);margin-top:var(--vv-input-file-element-list-margin-top)}:where(.vv-input-file__list--empty,.vv-input-file__list.empty,.vv-input-file__list:not([disabled]):empty){--vv-input-file-element-list-display:var(--vv-input-file-element-list-state-empty-display)}:where(.vv-input-file__item){position:var(--vv-input-file-element-item-position);overflow:var(--vv-input-file-element-item-overflow);display:var(--vv-input-file-element-item-display);font-size:var(--vv-input-file-element-item-font-size);align-items:var(--vv-input-file-element-item-align-items);gap:var(--vv-input-file-element-item-gap);background-color:var(--vv-input-file-element-item-background-color);padding:var(--vv-input-file-element-item-padding)}:where(.vv-input-file__item--active,.vv-input-file__item.active,.vv-input-file__item:not([disabled]):active){--vv-input-file-element-item-background-color:var(--vv-input-file-element-item-state-active-background-color)}:where(.vv-input-file__item-name){white-space:var(--vv-input-file-element-item-name-white-space);text-overflow:var(--vv-input-file-element-item-name-text-overflow);overflow:var(--vv-input-file-element-item-name-overflow)}:where(.vv-input-file__item-info){font-size:var(--vv-input-file-element-item-info-font-size);white-space:var(--vv-input-file-element-item-info-white-space);color:var(--vv-input-file-element-item-info-color);align-self:var(--vv-input-file-element-item-info-align-self)}:where(.vv-input-file__item-link){white-space:var(--vv-input-file-element-item-link-white-space);text-overflow:var(--vv-input-file-element-item-link-text-overflow);overflow:var(--vv-input-file-element-item-link-overflow);cursor:var(--vv-input-file-element-item-link-cursor);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);text-decoration:var(--vv-input-file-element-item-link-text-decoration)}:where(.vv-input-file__item-icon){flex-shrink:var(--vv-input-file-element-item-icon-flex-shrink)}:where(.vv-input-file__item-action){flex-shrink:var(--vv-input-file-element-item-action-flex-shrink);cursor:var(--vv-input-file-element-item-action-cursor)}:where(.vv-input-file__item-remove){flex-shrink:var(--vv-input-file-element-item-remove-flex-shrink);cursor:var(--vv-input-file-element-item-remove-cursor);background-image:var(--vv-input-file-element-item-remove-background-image);width:var(--vv-input-file-element-item-remove-width);height:var(--vv-input-file-element-item-remove-height);background-size:var(--vv-input-file-element-item-remove-background-size);background-repeat:var(--vv-input-file-element-item-remove-background-repeat);background-position:var(--vv-input-file-element-item-remove-background-position);border-radius:var(--vv-input-file-element-item-remove-border-radius);background-color:var(--vv-input-file-element-item-remove-background-color);transition:var(--vv-input-file-element-item-remove-transition);margin-inline-start:var(--vv-input-file-element-item-remove-margin-inline-start)}:where(.vv-input-file__item-remove--hover,.vv-input-file__item-remove.hover,.vv-input-file__item-remove:not([disabled]):hover){--vv-input-file-element-item-remove-background-color:var(--vv-input-file-element-item-remove-state-hover-background-color)}:where(.vv-input-file__item-remove--active,.vv-input-file__item-remove.active,.vv-input-file__item-remove:not([disabled]):active){--vv-input-file-element-item-remove-background-color:var(--vv-input-file-element-item-remove-state-active-background-color)}:where(.vv-input-file__item-remove--focus-visible,.vv-input-file__item-remove.focus-visible,.vv-input-file__item-remove:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-input-file-element-item-remove-state-focus-visible-outline)}:where(.vv-input-file__item-remove--disabled,.vv-input-file__item-remove.disabled,.vv-input-file__item-remove[disabled],.vv-input-file__item-remove[aria-disabled=true]){--vv-input-file-element-item-remove-cursor:var(--vv-input-file-element-item-remove-state-disabled-cursor);opacity:var(--vv-input-file-element-item-remove-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled])),:where(.vv-input-file--disabled,.vv-input-file.disabled,.vv-input-file[disabled],.vv-input-file[aria-disabled=true]){opacity:var(--vv-input-file-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:hover),:where(.vv-input-file--disabled .vv-input-file__wrapper--hover,.vv-input-file--disabled .vv-input-file__wrapper.hover,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.disabled .vv-input-file__wrapper--hover,.vv-input-file.disabled .vv-input-file__wrapper.hover,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[disabled] .vv-input-file__wrapper--hover,.vv-input-file[disabled] .vv-input-file__wrapper.hover,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--disabled .vv-input-file__wrapper--focus-within,.vv-input-file--disabled .vv-input-file__wrapper.focus-within,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.disabled .vv-input-file__wrapper--focus-within,.vv-input-file.disabled .vv-input-file__wrapper.focus-within,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[disabled] .vv-input-file__wrapper--focus-within,.vv-input-file[disabled] .vv-input-file__wrapper.focus-within,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__drop-area),:where(.vv-input-file--disabled .vv-input-file__drop-area,.vv-input-file.disabled .vv-input-file__drop-area,.vv-input-file[disabled] .vv-input-file__drop-area,.vv-input-file[aria-disabled=true] .vv-input-file__drop-area){cursor:var(--vv-input-file-state-disabled-element-drop-area-cursor);background-color:var(--vv-input-file-state-disabled-element-drop-area-background-color);color:var(--vv-input-file-state-disabled-element-drop-area-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):before,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):before{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):after,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:hover),:where(.vv-input-file--readonly .vv-input-file__wrapper--hover,.vv-input-file--readonly .vv-input-file__wrapper.hover,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.readonly .vv-input-file__wrapper--hover,.vv-input-file.readonly .vv-input-file__wrapper.hover,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[readonly] .vv-input-file__wrapper--hover,.vv-input-file[readonly] .vv-input-file__wrapper.hover,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--readonly .vv-input-file__wrapper--focus-within,.vv-input-file--readonly .vv-input-file__wrapper.focus-within,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.readonly .vv-input-file__wrapper--focus-within,.vv-input-file.readonly .vv-input-file__wrapper.focus-within,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[readonly] .vv-input-file__wrapper--focus-within,.vv-input-file[readonly] .vv-input-file__wrapper.focus-within,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__drop-area),:where(.vv-input-file--readonly .vv-input-file__drop-area,.vv-input-file.readonly .vv-input-file__drop-area,.vv-input-file[readonly] .vv-input-file__drop-area){display:var(--vv-input-file-state-readonly-element-drop-area-display)}:where(.vv-input-file--icon-before.vv-input-file){--input-spacing-left:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after.vv-input-file){--input-spacing-right:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after .vv-input-file__limit){margin-left:var(--vv-input-file-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-file--with-progress .vv-input-file__drop-area){cursor:var(--vv-input-file-modifier-with-progress-element-drop-area-cursor);height:var(--vv-input-file-modifier-with-progress-element-drop-area-height);min-height:var(--vv-input-file-modifier-with-progress-element-drop-area-min-height);padding-block:var(--vv-input-file-modifier-with-progress-element-drop-area-padding-block);color:var(--vv-input-file-modifier-with-progress-element-drop-area-color);background-color:var(--vv-input-file-modifier-with-progress-element-drop-area-background-color)}:where(.vv-input-file--with-progress .vv-input-file__drop-area):after{content:"";opacity:var(--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity)}:where(.vv-input-file--valid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--valid .vv-input-file__hint,.vv-input-file--valid>small){color:var(--vv-input-file-modifier-valid-element-hint-color)}:where(.vv-input-file--valid .vv-input-file__limit){color:var(--vv-input-file-modifier-valid-element-limit-color)}:where(.vv-input-file--valid .vv-input-file__icon-after,.vv-input-file--valid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-valid-element-icon-after-color)}:where(.vv-input-file--valid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--invalid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--invalid .vv-input-file__hint,.vv-input-file--invalid>small){color:var(--vv-input-file-modifier-invalid-element-hint-color)}:where(.vv-input-file--invalid .vv-input-file__limit){color:var(--vv-input-file-modifier-invalid-element-limit-color)}:where(.vv-input-file--invalid .vv-input-file__icon-after,.vv-input-file--invalid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-invalid-element-icon-after-color)}:where(.vv-input-file--invalid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--loading .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-file--loading .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color);animation:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation)}:where(.vv-input-file--hidden .vv-input-file__wrapper){display:var(--vv-input-file-modifier-hidden-element-wrapper-display)}:where(.vv-input-file--hidden .vv-input-file__drop-area){margin-bottom:var(--vv-input-file-modifier-hidden-element-drop-area-margin-bottom)}:where(.vv-input-file--dragging .vv-input-file__drop-area){background-color:var(--vv-input-file-modifier-dragging-element-drop-area-background-color);color:var(--vv-input-file-modifier-dragging-element-drop-area-color)}:where(.vv-input-file--dragging .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--square .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-square-element-drop-area-aspect-ratio)}:where(.vv-input-file--circle .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-circle-element-drop-area-aspect-ratio);border-radius:var(--vv-input-file-modifier-circle-element-drop-area-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area):after{content:"";border-radius:var(--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius)}:where(.vv-input-file--circle .vv-input-file__preview){border-radius:var(--vv-input-file-modifier-circle-element-preview-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area-action){position:var(--vv-input-file-modifier-circle-element-drop-area-action-position);top:var(--vv-input-file-modifier-circle-element-drop-area-action-top);right:var(--vv-input-file-modifier-circle-element-drop-area-action-right)}
package/dist/components/vv-input-otp.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-input-otp-display:inline-flex;--vv-input-otp-align-items:center;--vv-input-otp-gap:var(--spacing-8);--vv-input-otp-element-group-display:inline-flex;--vv-input-otp-element-group-gap:var(--spacing-6);--vv-input-otp-element-slot-inline-size:2.5em;--vv-input-otp-element-slot-block-size:3em;--vv-input-otp-element-slot-border:var(--border) solid var(--color-surface-4);--vv-input-otp-element-slot-border-radius:var(--rounded-md);--vv-input-otp-element-slot-background-color:var(--input-background-color);--vv-input-otp-element-slot-color:var(--input-color);--vv-input-otp-element-slot-font-size:var(--text-20);--vv-input-otp-element-slot-font-variant-numeric:tabular-nums;--vv-input-otp-element-slot-text-align:center;--vv-input-otp-element-slot-caret-color:var(--color-brand-graphic);--vv-input-otp-element-slot-transition:border-color var(--duration-150) var(--ease-out);--vv-input-otp-element-slot-state-hover-border-color:var(--color-surface-5);--vv-input-otp-element-slot-state-focus-visible-border-color:var(--color-brand-graphic);--vv-input-otp-element-slot-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-input-otp-element-slot-state-focus-visible-outline-offset:0;--vv-input-otp-element-slot-state-disabled-opacity:var(--opacity-50);--vv-input-otp-element-slot-state-disabled-cursor:not-allowed;--vv-input-otp-element-separator-color:var(--color-word-4);--vv-input-otp-modifier-invalid-element-slot-border-color:var(--input-invalid-color)}:where(.vv-input-otp){display:var(--vv-input-otp-display);align-items:var(--vv-input-otp-align-items);gap:var(--vv-input-otp-gap)}:where(.vv-input-otp__group){display:var(--vv-input-otp-element-group-display);gap:var(--vv-input-otp-element-group-gap)}:where(.vv-input-otp__slot){inline-size:var(--vv-input-otp-element-slot-inline-size);block-size:var(--vv-input-otp-element-slot-block-size);border:var(--vv-input-otp-element-slot-border);border-radius:var(--vv-input-otp-element-slot-border-radius);background-color:var(--vv-input-otp-element-slot-background-color);color:var(--vv-input-otp-element-slot-color);font-size:var(--vv-input-otp-element-slot-font-size);font-variant-numeric:var(--vv-input-otp-element-slot-font-variant-numeric);text-align:var(--vv-input-otp-element-slot-text-align);caret-color:var(--vv-input-otp-element-slot-caret-color);transition:var(--vv-input-otp-element-slot-transition)}:where(.vv-input-otp__slot--hover,.vv-input-otp__slot.hover,.vv-input-otp__slot:not([disabled]):hover){border-color:var(--vv-input-otp-element-slot-state-hover-border-color)}:where(.vv-input-otp__slot--focus-visible,.vv-input-otp__slot.focus-visible,.vv-input-otp__slot:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){border-color:var(--vv-input-otp-element-slot-state-focus-visible-border-color);outline:var(--vv-input-otp-element-slot-state-focus-visible-outline);outline-offset:var(--vv-input-otp-element-slot-state-focus-visible-outline-offset)}:where(.vv-input-otp__slot--disabled,.vv-input-otp__slot.disabled,.vv-input-otp__slot[disabled],.vv-input-otp__slot[aria-disabled=true]){opacity:var(--vv-input-otp-element-slot-state-disabled-opacity);cursor:var(--vv-input-otp-element-slot-state-disabled-cursor)}:where(.vv-input-otp__separator){color:var(--vv-input-otp-element-separator-color)}:where(.vv-input-otp--invalid .vv-input-otp__slot){border-color:var(--vv-input-otp-modifier-invalid-element-slot-border-color)}
package/dist/components/vv-input-range.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-input-range-display:var(--input-display);--vv-input-range-flex:var(--input-flex);--vv-input-range-flex-direction:var(--input-flex-direction);--vv-input-range-margin-bottom:var(--input-gap);--vv-input-range-font-size:var(--input-font-size);--vv-input-range-line-height:var(--input-line-height);--vv-input-range-min-width:var(--input-min-width);--vv-input-range-element-label-display:var(--input-label-display);--vv-input-range-element-label-font-size:var(--input-label-font-size);--vv-input-range-element-label-font-weight:var(--input-label-font-weight);--vv-input-range-element-label-color:var(--input-label-color);--vv-input-range-element-label-margin:0 0 var(--input-label-gap) 0;--vv-input-range-element-label-white-space:var(--input-label-white-space);--vv-input-range-element-label-text-overflow:var(--input-label-text-overflow);--vv-input-range-element-label-overflow:var(--input-label-overflow);--vv-input-range-element-label-max-width:var(--input-label-max-width);--vv-input-range-element-wrapper-display:flex;--vv-input-range-element-wrapper-align-items:center;--vv-input-range-element-wrapper-gap:var(--spacing-sm);--vv-input-range-element-wrapper-min-height:var(--input-min-height);--vv-input-range-element-input-before-display:flex;--vv-input-range-element-input-before-align-items:center;--vv-input-range-element-input-after-display:flex;--vv-input-range-element-input-after-align-items:center;--vv-input-range-element-input--webkit-appearance:none;--vv-input-range-element-input-appearance:none;--vv-input-range-element-input-flex:1;--vv-input-range-element-input-min-width:0;--vv-input-range-element-input-margin:0;--vv-input-range-element-input-padding:0;--vv-input-range-element-input-background:transparent;--vv-input-range-element-input-cursor:pointer;--vv-input-range-element-input-pseudo--webkit-slider-runnable-track-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--webkit-slider-thumb--webkit-appearance:none;--vv-input-range-element-input-pseudo--webkit-slider-thumb-appearance:none;--vv-input-range-element-input-pseudo--webkit-slider-thumb-border:var(--border-2) solid var(--color-surface);--vv-input-range-element-input-pseudo--webkit-slider-thumb-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--webkit-slider-thumb-will-change:box-shadow;--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition:var(--transition-shadow);--vv-input-range-element-input-pseudo--moz-range-track-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-progress-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-thumb-border:var(--border-2) solid var(--color-surface);--vv-input-range-element-input-pseudo--moz-range-thumb-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-thumb-will-change:box-shadow;--vv-input-range-element-input-pseudo--moz-range-thumb-transition:var(--transition-shadow);--vv-input-range-element-input-state-focus-visible-outline:var(--border-2) solid var(--color-brand);--vv-input-range-element-input-state-focus-visible-outline-offset:var(--spacing-2);--vv-input-range-element-input-state-disabled-cursor:not-allowed;--vv-input-range-element-value-display:flex;--vv-input-range-element-value-align-items:baseline;--vv-input-range-element-value-justify-content:center;--vv-input-range-element-value-gap:var(--spacing-2);--vv-input-range-element-value-flex:0 0 auto;--vv-input-range-element-value-min-width:var(--spacing-64);--vv-input-range-element-value-padding:var(--spacing-4) var(--spacing-sm);--vv-input-range-element-value-font-size:var(--text-14);--vv-input-range-element-value-font-variant-numeric:tabular-nums;--vv-input-range-element-value-color:var(--input-color);--vv-input-range-element-value-background-color:var(--input-background-color);--vv-input-range-element-value-border:var(--border) solid var(--color-surface-3);--vv-input-range-element-value-border-radius:var(--rounded-md);--vv-input-range-element-value-text-align:center;--vv-input-range-element-unit-color:var(--input-placeholder-color);--vv-input-range-element-unit-font-size:var(--text-12);--vv-input-range-element-hint-display:var(--input-hint-display);--vv-input-range-element-hint-font-size:var(--input-hint-font-size);--vv-input-range-element-hint-color:var(--input-hint-color);--vv-input-range-element-hint-padding-top:var(--input-hint-gap);--vv-input-range-element-hint-padding-inline:var(--spacing-xs);--vv-input-range-element-hint-white-space:var(--input-hint-white-space);--vv-input-range-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-input-range-element-hint-overflow:var(--input-hint-overflow);--vv-input-range-modifier-valid-element-hint-color:var(--input-valid-color);--vv-input-range-modifier-valid-element-value-border-color:var(--input-valid-color);--vv-input-range-modifier-invalid-element-hint-color:var(--input-invalid-color);--vv-input-range-modifier-invalid-element-value-border-color:var(--input-invalid-color);--vv-input-range-modifier-readonly-opacity:var(--opacity-100);--vv-input-range-modifier-readonly-cursor:default;--vv-input-range-modifier-readonly-pointer-events:none;--vv-input-range-state-disabled-opacity:var(--opacity-50)}:where(.vv-input-range){display:var(--vv-input-range-display);flex:var(--vv-input-range-flex);flex-direction:var(--vv-input-range-flex-direction);margin-bottom:var(--vv-input-range-margin-bottom);font-size:var(--vv-input-range-font-size);line-height:var(--vv-input-range-line-height);min-width:var(--vv-input-range-min-width)}:where(.vv-input-range__label,.vv-input-range>label){display:var(--vv-input-range-element-label-display);font-size:var(--vv-input-range-element-label-font-size);font-weight:var(--vv-input-range-element-label-font-weight);color:var(--vv-input-range-element-label-color);margin:var(--vv-input-range-element-label-margin);white-space:var(--vv-input-range-element-label-white-space);text-overflow:var(--vv-input-range-element-label-text-overflow);overflow:var(--vv-input-range-element-label-overflow);max-width:var(--vv-input-range-element-label-max-width)}:where(.vv-input-range__wrapper){display:var(--vv-input-range-element-wrapper-display);align-items:var(--vv-input-range-element-wrapper-align-items);gap:var(--vv-input-range-element-wrapper-gap);min-height:var(--vv-input-range-element-wrapper-min-height)}:where(.vv-input-range__input-before){display:var(--vv-input-range-element-input-before-display);align-items:var(--vv-input-range-element-input-before-align-items)}:where(.vv-input-range__input-after){display:var(--vv-input-range-element-input-after-display);align-items:var(--vv-input-range-element-input-after-align-items)}:where(.vv-input-range__input,.vv-input-range input[type=range]){appearance:var(--vv-input-range-element-input-appearance);flex:var(--vv-input-range-element-input-flex);min-width:var(--vv-input-range-element-input-min-width);height:var(--input-range-thumb-size);margin:var(--vv-input-range-element-input-margin);padding:var(--vv-input-range-element-input-padding);background:var(--vv-input-range-element-input-background);cursor:var(--vv-input-range-element-input-cursor)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-webkit-slider-runnable-track{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--webkit-slider-runnable-track-border-radius);background:linear-gradient(to right, var(--input-range-accent-color) var(--input-range-progress), var(--input-range-track-color) var(--input-range-progress))}:where(.vv-input-range__input,.vv-input-range input[type=range])::-webkit-slider-thumb{content:"";appearance:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-appearance);width:var(--input-range-thumb-size);height:var(--input-range-thumb-size);margin-top:calc((var(--input-range-track-height) - var(--input-range-thumb-size)) / 2);border:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-border);border-radius:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-border-radius);background:var(--input-range-accent-color);box-shadow:var(--input-range-thumb-shadow);will-change:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-will-change);-webkit-transition:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition);transition:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-track{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-track-border-radius);background:var(--input-range-track-color)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-progress{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-progress-border-radius);background:var(--input-range-accent-color)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-thumb{content:"";width:var(--input-range-thumb-size);height:var(--input-range-thumb-size);border:var(--vv-input-range-element-input-pseudo--moz-range-thumb-border);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-thumb-border-radius);background:var(--input-range-accent-color);box-shadow:var(--input-range-thumb-shadow);will-change:var(--vv-input-range-element-input-pseudo--moz-range-thumb-will-change);-moz-transition:var(--vv-input-range-element-input-pseudo--moz-range-thumb-transition);transition:var(--vv-input-range-element-input-pseudo--moz-range-thumb-transition)}:where(.vv-input-range__input--hover,.vv-input-range__input.hover,.vv-input-range input[type=range].hover,.vv-input-range__input:not([disabled]):hover,.vv-input-range input[type=range]:not([disabled]):hover){--input-range-thumb-shadow:var(--input-range-thumb-shadow-hover)}:where(.vv-input-range__input--focus-visible,.vv-input-range__input.focus-visible,.vv-input-range input[type=range].focus-visible,.vv-input-range__input:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-input-range input[type=range]:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-input-range-element-input-state-focus-visible-outline);outline-offset:var(--vv-input-range-element-input-state-focus-visible-outline-offset)}:where(.vv-input-range__input--disabled,.vv-input-range__input.disabled,.vv-input-range input[type=range].disabled,.vv-input-range__input[disabled],.vv-input-range input[type=range][disabled],.vv-input-range__input[aria-disabled=true],.vv-input-range input[type=range][aria-disabled=true]){--vv-input-range-element-input-cursor:var(--vv-input-range-element-input-state-disabled-cursor)}:where(.vv-input-range__value){display:var(--vv-input-range-element-value-display);align-items:var(--vv-input-range-element-value-align-items);justify-content:var(--vv-input-range-element-value-justify-content);gap:var(--vv-input-range-element-value-gap);flex:var(--vv-input-range-element-value-flex);min-width:var(--vv-input-range-element-value-min-width);padding:var(--vv-input-range-element-value-padding);font-size:var(--vv-input-range-element-value-font-size);font-variant-numeric:var(--vv-input-range-element-value-font-variant-numeric);color:var(--vv-input-range-element-value-color);background-color:var(--vv-input-range-element-value-background-color);border:var(--vv-input-range-element-value-border);border-radius:var(--vv-input-range-element-value-border-radius);text-align:var(--vv-input-range-element-value-text-align)}:where(.vv-input-range__unit){color:var(--vv-input-range-element-unit-color);font-size:var(--vv-input-range-element-unit-font-size)}:where(.vv-input-range__hint,.vv-input-range>small){display:var(--vv-input-range-element-hint-display);font-size:var(--vv-input-range-element-hint-font-size);color:var(--vv-input-range-element-hint-color);padding-top:var(--vv-input-range-element-hint-padding-top);padding-inline:var(--vv-input-range-element-hint-padding-inline);white-space:var(--vv-input-range-element-hint-white-space);text-overflow:var(--vv-input-range-element-hint-text-overflow);overflow:var(--vv-input-range-element-hint-overflow)}:where(.vv-input-range:not(.vv-input-range--readonly):has(input[disabled])),:where(.vv-input-range--disabled,.vv-input-range.disabled,.vv-input-range[disabled],.vv-input-range[aria-disabled=true]){--input-range-accent-color:var(--color-word-4);opacity:var(--vv-input-range-state-disabled-opacity)}:where(.vv-input-range--valid.vv-input-range){--input-range-accent-color:var(--input-valid-color)}:where(.vv-input-range--valid>.vv-input-range__hint,.vv-input-range--valid>small){color:var(--vv-input-range-modifier-valid-element-hint-color)}:where(.vv-input-range--valid .vv-input-range__value){border-color:var(--vv-input-range-modifier-valid-element-value-border-color)}:where(.vv-input-range--invalid.vv-input-range){--input-range-accent-color:var(--input-invalid-color)}:where(.vv-input-range--invalid>.vv-input-range__hint,.vv-input-range--invalid>small){color:var(--vv-input-range-modifier-invalid-element-hint-color)}:where(.vv-input-range--invalid .vv-input-range__value){border-color:var(--vv-input-range-modifier-invalid-element-value-border-color)}:where(.vv-input-range--readonly.vv-input-range){--input-range-accent-color:var(--color-word-4);opacity:var(--vv-input-range-modifier-readonly-opacity);cursor:var(--vv-input-range-modifier-readonly-cursor);pointer-events:var(--vv-input-range-modifier-readonly-pointer-events)}
1
+ :where(:host,:root,.theme){--vv-input-range-display:var(--input-display);--vv-input-range-flex:var(--input-flex);--vv-input-range-flex-direction:var(--input-flex-direction);--vv-input-range-margin-bottom:var(--input-gap);--vv-input-range-font-size:var(--input-font-size);--vv-input-range-line-height:var(--input-line-height);--vv-input-range-min-width:var(--input-min-width);--vv-input-range-element-label-display:var(--input-label-display);--vv-input-range-element-label-font-size:var(--input-label-font-size);--vv-input-range-element-label-font-weight:var(--input-label-font-weight);--vv-input-range-element-label-color:var(--input-label-color);--vv-input-range-element-label-margin:0 0 var(--input-label-gap) 0;--vv-input-range-element-label-white-space:var(--input-label-white-space);--vv-input-range-element-label-text-overflow:var(--input-label-text-overflow);--vv-input-range-element-label-overflow:var(--input-label-overflow);--vv-input-range-element-label-max-width:var(--input-label-max-width);--vv-input-range-element-wrapper-display:flex;--vv-input-range-element-wrapper-align-items:center;--vv-input-range-element-wrapper-gap:var(--spacing-sm);--vv-input-range-element-wrapper-min-height:var(--input-min-height);--vv-input-range-element-input-before-display:flex;--vv-input-range-element-input-before-align-items:center;--vv-input-range-element-input-after-display:flex;--vv-input-range-element-input-after-align-items:center;--vv-input-range-element-input--webkit-appearance:none;--vv-input-range-element-input-appearance:none;--vv-input-range-element-input-flex:1;--vv-input-range-element-input-min-width:0;--vv-input-range-element-input-margin:0;--vv-input-range-element-input-padding:0;--vv-input-range-element-input-background:transparent;--vv-input-range-element-input-cursor:pointer;--vv-input-range-element-input-pseudo--webkit-slider-runnable-track-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--webkit-slider-thumb--webkit-appearance:none;--vv-input-range-element-input-pseudo--webkit-slider-thumb-appearance:none;--vv-input-range-element-input-pseudo--webkit-slider-thumb-border:var(--border-2) solid var(--color-surface);--vv-input-range-element-input-pseudo--webkit-slider-thumb-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--webkit-slider-thumb-will-change:box-shadow;--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition:var(--transition-shadow);--vv-input-range-element-input-pseudo--moz-range-track-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-progress-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-thumb-border:var(--border-2) solid var(--color-surface);--vv-input-range-element-input-pseudo--moz-range-thumb-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-thumb-will-change:box-shadow;--vv-input-range-element-input-pseudo--moz-range-thumb-transition:var(--transition-shadow);--vv-input-range-element-input-state-focus-visible-outline:var(--border-2) solid var(--color-brand-graphic);--vv-input-range-element-input-state-focus-visible-outline-offset:var(--spacing-2);--vv-input-range-element-input-state-disabled-cursor:not-allowed;--vv-input-range-element-value-display:flex;--vv-input-range-element-value-align-items:baseline;--vv-input-range-element-value-justify-content:center;--vv-input-range-element-value-gap:var(--spacing-2);--vv-input-range-element-value-flex:0 0 auto;--vv-input-range-element-value-min-width:var(--spacing-64);--vv-input-range-element-value-padding:var(--spacing-4) var(--spacing-sm);--vv-input-range-element-value-font-size:var(--text-14);--vv-input-range-element-value-font-variant-numeric:tabular-nums;--vv-input-range-element-value-color:var(--input-color);--vv-input-range-element-value-background-color:var(--input-background-color);--vv-input-range-element-value-border:var(--border) solid var(--color-surface-3);--vv-input-range-element-value-border-radius:var(--rounded-md);--vv-input-range-element-value-text-align:center;--vv-input-range-element-unit-color:var(--input-placeholder-color);--vv-input-range-element-unit-font-size:var(--text-12);--vv-input-range-element-hint-display:var(--input-hint-display);--vv-input-range-element-hint-font-size:var(--input-hint-font-size);--vv-input-range-element-hint-color:var(--input-hint-color);--vv-input-range-element-hint-padding-top:var(--input-hint-gap);--vv-input-range-element-hint-padding-inline:var(--spacing-xs);--vv-input-range-element-hint-white-space:var(--input-hint-white-space);--vv-input-range-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-input-range-element-hint-overflow:var(--input-hint-overflow);--vv-input-range-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-input-range-modifier-valid-element-value-border-color:var(--input-valid-color);--vv-input-range-modifier-invalid-element-hint-color:var(--input-invalid-text-color);--vv-input-range-modifier-invalid-element-value-border-color:var(--input-invalid-color);--vv-input-range-modifier-readonly-opacity:var(--opacity-100);--vv-input-range-modifier-readonly-cursor:default;--vv-input-range-modifier-readonly-pointer-events:none;--vv-input-range-state-disabled-opacity:var(--opacity-50)}:where(.vv-input-range){display:var(--vv-input-range-display);flex:var(--vv-input-range-flex);flex-direction:var(--vv-input-range-flex-direction);margin-bottom:var(--vv-input-range-margin-bottom);font-size:var(--vv-input-range-font-size);line-height:var(--vv-input-range-line-height);min-width:var(--vv-input-range-min-width)}:where(.vv-input-range__label,.vv-input-range>label){display:var(--vv-input-range-element-label-display);font-size:var(--vv-input-range-element-label-font-size);font-weight:var(--vv-input-range-element-label-font-weight);color:var(--vv-input-range-element-label-color);margin:var(--vv-input-range-element-label-margin);white-space:var(--vv-input-range-element-label-white-space);text-overflow:var(--vv-input-range-element-label-text-overflow);overflow:var(--vv-input-range-element-label-overflow);max-width:var(--vv-input-range-element-label-max-width)}:where(.vv-input-range__wrapper){display:var(--vv-input-range-element-wrapper-display);align-items:var(--vv-input-range-element-wrapper-align-items);gap:var(--vv-input-range-element-wrapper-gap);min-height:var(--vv-input-range-element-wrapper-min-height)}:where(.vv-input-range__input-before){display:var(--vv-input-range-element-input-before-display);align-items:var(--vv-input-range-element-input-before-align-items)}:where(.vv-input-range__input-after){display:var(--vv-input-range-element-input-after-display);align-items:var(--vv-input-range-element-input-after-align-items)}:where(.vv-input-range__input,.vv-input-range input[type=range]){appearance:var(--vv-input-range-element-input-appearance);flex:var(--vv-input-range-element-input-flex);min-width:var(--vv-input-range-element-input-min-width);height:var(--input-range-thumb-size);margin:var(--vv-input-range-element-input-margin);padding:var(--vv-input-range-element-input-padding);background:var(--vv-input-range-element-input-background);cursor:var(--vv-input-range-element-input-cursor)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-webkit-slider-runnable-track{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--webkit-slider-runnable-track-border-radius);background:linear-gradient(to right, var(--input-range-accent-color) var(--input-range-progress), var(--input-range-track-color) var(--input-range-progress))}:where(.vv-input-range__input,.vv-input-range input[type=range])::-webkit-slider-thumb{content:"";appearance:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-appearance);width:var(--input-range-thumb-size);height:var(--input-range-thumb-size);margin-top:calc((var(--input-range-track-height) - var(--input-range-thumb-size)) / 2);border:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-border);border-radius:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-border-radius);background:var(--input-range-accent-color);box-shadow:var(--input-range-thumb-shadow);will-change:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-will-change);-webkit-transition:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition);transition:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-track{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-track-border-radius);background:var(--input-range-track-color)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-progress{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-progress-border-radius);background:var(--input-range-accent-color)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-thumb{content:"";width:var(--input-range-thumb-size);height:var(--input-range-thumb-size);border:var(--vv-input-range-element-input-pseudo--moz-range-thumb-border);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-thumb-border-radius);background:var(--input-range-accent-color);box-shadow:var(--input-range-thumb-shadow);will-change:var(--vv-input-range-element-input-pseudo--moz-range-thumb-will-change);-moz-transition:var(--vv-input-range-element-input-pseudo--moz-range-thumb-transition);transition:var(--vv-input-range-element-input-pseudo--moz-range-thumb-transition)}:where(.vv-input-range__input--hover,.vv-input-range__input.hover,.vv-input-range input[type=range].hover,.vv-input-range__input:not([disabled]):hover,.vv-input-range input[type=range]:not([disabled]):hover){--input-range-thumb-shadow:var(--input-range-thumb-shadow-hover)}:where(.vv-input-range__input--focus-visible,.vv-input-range__input.focus-visible,.vv-input-range input[type=range].focus-visible,.vv-input-range__input:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-input-range input[type=range]:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-input-range-element-input-state-focus-visible-outline);outline-offset:var(--vv-input-range-element-input-state-focus-visible-outline-offset)}:where(.vv-input-range__input--disabled,.vv-input-range__input.disabled,.vv-input-range input[type=range].disabled,.vv-input-range__input[disabled],.vv-input-range input[type=range][disabled],.vv-input-range__input[aria-disabled=true],.vv-input-range input[type=range][aria-disabled=true]){--vv-input-range-element-input-cursor:var(--vv-input-range-element-input-state-disabled-cursor)}:where(.vv-input-range__value){display:var(--vv-input-range-element-value-display);align-items:var(--vv-input-range-element-value-align-items);justify-content:var(--vv-input-range-element-value-justify-content);gap:var(--vv-input-range-element-value-gap);flex:var(--vv-input-range-element-value-flex);min-width:var(--vv-input-range-element-value-min-width);padding:var(--vv-input-range-element-value-padding);font-size:var(--vv-input-range-element-value-font-size);font-variant-numeric:var(--vv-input-range-element-value-font-variant-numeric);color:var(--vv-input-range-element-value-color);background-color:var(--vv-input-range-element-value-background-color);border:var(--vv-input-range-element-value-border);border-radius:var(--vv-input-range-element-value-border-radius);text-align:var(--vv-input-range-element-value-text-align)}:where(.vv-input-range__unit){color:var(--vv-input-range-element-unit-color);font-size:var(--vv-input-range-element-unit-font-size)}:where(.vv-input-range__hint,.vv-input-range>small){display:var(--vv-input-range-element-hint-display);font-size:var(--vv-input-range-element-hint-font-size);color:var(--vv-input-range-element-hint-color);padding-top:var(--vv-input-range-element-hint-padding-top);padding-inline:var(--vv-input-range-element-hint-padding-inline);white-space:var(--vv-input-range-element-hint-white-space);text-overflow:var(--vv-input-range-element-hint-text-overflow);overflow:var(--vv-input-range-element-hint-overflow)}:where(.vv-input-range:not(.vv-input-range--readonly):has(input[disabled])),:where(.vv-input-range--disabled,.vv-input-range.disabled,.vv-input-range[disabled],.vv-input-range[aria-disabled=true]){--input-range-accent-color:var(--color-word-4);opacity:var(--vv-input-range-state-disabled-opacity)}:where(.vv-input-range--valid.vv-input-range){--input-range-accent-color:var(--input-valid-color)}:where(.vv-input-range--valid>.vv-input-range__hint,.vv-input-range--valid>small){color:var(--vv-input-range-modifier-valid-element-hint-color)}:where(.vv-input-range--valid .vv-input-range__value){border-color:var(--vv-input-range-modifier-valid-element-value-border-color)}:where(.vv-input-range--invalid.vv-input-range){--input-range-accent-color:var(--input-invalid-color)}:where(.vv-input-range--invalid>.vv-input-range__hint,.vv-input-range--invalid>small){color:var(--vv-input-range-modifier-invalid-element-hint-color)}:where(.vv-input-range--invalid .vv-input-range__value){border-color:var(--vv-input-range-modifier-invalid-element-value-border-color)}:where(.vv-input-range--readonly.vv-input-range){--input-range-accent-color:var(--color-word-4);opacity:var(--vv-input-range-modifier-readonly-opacity);cursor:var(--vv-input-range-modifier-readonly-cursor);pointer-events:var(--vv-input-range-modifier-readonly-pointer-events)}
package/dist/components/vv-input-text.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-input-text-display:var(--input-display);--vv-input-text-flex:var(--input-flex);--vv-input-text-flex-direction:var(--input-flex-direction);--vv-input-text-margin-bottom:var(--input-gap);--vv-input-text-font-size:var(--input-font-size);--vv-input-text-line-height:var(--input-line-height);--vv-input-text-min-width:var(--input-min-width);--vv-input-text-element-label-display:var(--input-label-display);--vv-input-text-element-label-font-size:var(--input-label-font-size);--vv-input-text-element-label-font-weight:var(--input-label-font-weight);--vv-input-text-element-label-color:var(--input-label-color);--vv-input-text-element-label-margin:0 0 var(--input-label-gap) 0;--vv-input-text-element-label-white-space:var(--input-label-white-space);--vv-input-text-element-label-text-overflow:var(--input-label-text-overflow);--vv-input-text-element-label-overflow:var(--input-label-overflow);--vv-input-text-element-label-max-width:var(--input-label-max-width);--vv-input-text-element-wrapper-position:relative;--vv-input-text-element-wrapper-display:flex;--vv-input-text-element-wrapper-align-items:center;--vv-input-text-element-wrapper-flex:1;--vv-input-text-element-wrapper-overflow:hidden;--vv-input-text-element-wrapper-background-color:var(--input-background-color);--vv-input-text-element-wrapper-will-change:background-color;--vv-input-text-element-wrapper-transition:var(--transition-colors);--vv-input-text-element-wrapper-pseudo-before-position:absolute;--vv-input-text-element-wrapper-pseudo-before-height:var(--spacing-1);--vv-input-text-element-wrapper-pseudo-before-inset:auto 0 0 0;--vv-input-text-element-wrapper-pseudo-before-background:var(--color-word-5);--vv-input-text-element-wrapper-pseudo-after-position:absolute;--vv-input-text-element-wrapper-pseudo-after-height:var(--spacing-2);--vv-input-text-element-wrapper-pseudo-after-inset:auto 0 0 0;--vv-input-text-element-wrapper-pseudo-after-background:var(--color-brand);--vv-input-text-element-wrapper-pseudo-after-scale:0 1;--vv-input-text-element-wrapper-pseudo-after-transform-origin:left;--vv-input-text-element-wrapper-pseudo-after-will-change:transform;--vv-input-text-element-wrapper-pseudo-after-transition:var(--transition-transform);--vv-input-text-element-wrapper-state-hover-background-color:var(--input-background-color-hover);--vv-input-text-element-wrapper-state-focus-within-background-color:var(--input-background-color-focus);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-scale:1;--vv-input-text-element-inner-position:relative;--vv-input-text-element-inner-display:flex;--vv-input-text-element-inner-flex:1;--vv-input-text-element-inner-min-width:0;--vv-input-text-element-input-display:flex;--vv-input-text-element-input-flex:1;--vv-input-text-element-input-align-items:center;--vv-input-text-element-input-color:var(--input-color);--vv-input-text-element-input-line-height:var(--leading-normal);--vv-input-text-element-input-min-width:0;--vv-input-text-element-input-min-height:var(--input-min-height);--vv-input-text-element-input-text-overflow:var(--input-text-overflow);--vv-input-text-element-input-pseudo-placeholder-color:var(--input-placeholder-color);--vv-input-text-element-input-pseudo-calendar-picker-indicator-position:absolute;--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding:var(--spacing-sm);--vv-input-text-element-input-pseudo-calendar-picker-indicator-top:0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-right:0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity:var(--opacity-0);--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance:none;--vv-input-text-element-input-pseudo-search-cancel-button-opacity:var(--opacity-0);--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding:var(--spacing-px);--vv-input-text-element-input-pseudo-color-swatch-height:var(--spacing-20);--vv-input-text-element-input-pseudo-color-swatch-border-radius:var(--spacing-4);--vv-input-text-element-input-pseudo-color-swatch-padding:0;--vv-input-text-element-input-pseudo-outer-spin-button-display:none;--vv-input-text-element-input-pseudo-inner-spin-button-display:none;--vv-input-text-element-input-pseudo-datetime-edit-padding:0;--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding:0;--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding:0;--vv-input-text-element-input-state-disabled-cursor:not-allowed;--vv-input-text-element-input-state-readonly-cursor:text;--vv-input-text-element-input-state-readonly-user-select:text;--vv-input-text-element-input-before-display:flex;--vv-input-text-element-input-before-padding-left:var(--input-spacing-left);--vv-input-text-element-input-after-display:flex;--vv-input-text-element-input-after-padding-right:var(--input-spacing-right);--vv-input-text-element-number--moz-appearance:textfield;--vv-input-text-element-icon-position:var(--input-icon-position);--vv-input-text-element-icon-top:0;--vv-input-text-element-icon-left:0;--vv-input-text-element-icon-width:var(--input-icon-width);--vv-input-text-element-icon-height:var(--input-min-height);--vv-input-text-element-icon-margin:var(--input-icon-margin);--vv-input-text-element-icon-pointer-events:var(--input-icon-pointer-events);--vv-input-text-element-icon-flex-shrink:0;--vv-input-text-element-icon-after-position:var(--input-icon-position);--vv-input-text-element-icon-after-right:0;--vv-input-text-element-icon-after-left:auto;--vv-input-text-element-actions-group-display:flex;--vv-input-text-element-actions-group-flex-direction:column;--vv-input-text-element-actions-group-height:var(--input-min-height);--vv-input-text-element-action-position:relative;--vv-input-text-element-action-width:calc(var(--input-icon-width) + var(--input-spacing-left) + var(--input-spacing-right));--vv-input-text-element-action-height:var(--input-min-height);--vv-input-text-element-action-cursor:pointer;--vv-input-text-element-action-state-disabled-cursor:not-allowed;--vv-input-text-element-action-state-disabled-opacity:var(--opacity-50);--vv-input-text-element-action-state-focus-visible-background-color:var(--color-surface-3);--vv-input-text-element-action-state-hover-background-color:var(--color-surface-4);--vv-input-text-element-action-state-active-background-color:var(--color-surface-5);--vv-input-text-element-action-chevron-flex:1;--vv-input-text-element-action-chevron-background-position:center var(--spacing-2);--vv-input-text-element-action-chevron-background-size:var(--text-14) auto;--vv-input-text-element-action-chevron-background-repeat:no-repeat;--vv-input-text-element-action-chevron-background-image:var(--bg-chevron);--vv-input-text-element-action-chevron-up-rotate:180deg;--vv-input-text-element-hint-display:var(--input-hint-display);--vv-input-text-element-hint-font-size:var(--input-hint-font-size);--vv-input-text-element-hint-color:var(--input-hint-color);--vv-input-text-element-hint-padding-top:var(--input-hint-gap);--vv-input-text-element-hint-padding-inline:var(--spacing-xs);--vv-input-text-element-hint-white-space:var(--input-hint-white-space);--vv-input-text-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-input-text-element-hint-overflow:var(--input-hint-overflow);--vv-input-text-element-limit-font-size:var(--input-hint-font-size);--vv-input-text-element-limit-color:var(--input-hint-color);--vv-input-text-element-unit-color:var(--input-placeholder-color);--vv-input-text-element-unit-display:flex;--vv-input-text-element-unit-align-items:center;--vv-input-text-element-unit-flex:0 1 auto;--vv-input-text-modifier-icon-after-element-limit-margin-left:calc((var(--spacing-sm) + 1em) * -1);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background:var(--input-valid-color);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-scale:1;--vv-input-text-modifier-valid-element-hint-color:var(--input-valid-color);--vv-input-text-modifier-valid-element-limit-color:var(--input-valid-color);--vv-input-text-modifier-valid-element-icon-after-color:var(--input-valid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background:var(--input-invalid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-scale:1;--vv-input-text-modifier-invalid-element-hint-color:var(--input-invalid-color);--vv-input-text-modifier-invalid-element-limit-color:var(--input-invalid-color);--vv-input-text-modifier-invalid-element-icon-after-color:var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-opacity:var(--opacity-100);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation:var(--animation-indeterminate);--vv-input-text-modifier-floating-position:relative;--vv-input-text-modifier-floating-element-label-position:absolute;--vv-input-text-modifier-floating-element-label-z-index:var(--z-1);--vv-input-text-modifier-floating-element-label-min-height:var(--input-min-height);--vv-input-text-modifier-floating-element-label-line-height:var(--input-min-height);--vv-input-text-modifier-floating-element-label-pointer-events:none;--vv-input-text-modifier-floating-element-label-font-size:inherit;--vv-input-text-modifier-floating-element-label-padding-inline:0;--vv-input-text-modifier-floating-element-label-margin:0;--vv-input-text-modifier-floating-element-label-will-change:transform;--vv-input-text-modifier-floating-element-label-transition:var(--transition-all);--vv-input-text-modifier-floating-element-input-will-change:transform;--vv-input-text-modifier-floating-element-input-transition:var(--transition-all);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change:opacity;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition:var(--transition-opacity);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity:var(--opacity-0);--vv-input-text-modifier-floating-state-focus-within-element-label-translate:var(--input-floating-label-translate);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size:var(--input-floating-label-font-size);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity:var(--opacity-100);--vv-input-text-modifier-floating-state-dirty-element-label-translate:var(--input-floating-label-translate);--vv-input-text-modifier-floating-state-dirty-element-label-font-size:var(--input-floating-label-font-size);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity:var(--opacity-100);--vv-input-text-modifier-auto-width-element-inner-min-height:var(--input-min-height);--vv-input-text-modifier-auto-width-element-inner-cursor:text;--vv-input-text-modifier-auto-width-element-input-padding-block:0;--vv-input-text-modifier-auto-width-element-input-padding-inline:0;--vv-input-text-modifier-auto-width-element-input-min-width:1ch;--vv-input-text-modifier-auto-width-element-input-min-height:1em;--vv-input-text-modifier-auto-width-element-input-text-align:left;--vv-input-text-modifier-auto-width-element-unit-padding-right:0;--vv-input-text-modifier-auto-width-element-unit-padding-block:0;--vv-input-text-modifier-auto-width-state-dirty-element-input-flex:0 1 auto;--vv-input-text-modifier-auto-width-state-disabled-element-inner-cursor:not-allowed;--vv-input-text-state-disabled-opacity:var(--opacity-50);--vv-input-text-state-disabled-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-text-state-disabled-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-input-text-state-readonly-element-wrapper-pseudo-before-opacity:var(--opacity-0);--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity:var(--opacity-0);--vv-input-text-state-readonly-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-text-state-readonly-element-wrapper-state-focus-within-background-color:var(--input-background-color)}:where(.vv-input-text){display:var(--vv-input-text-display);flex:var(--vv-input-text-flex);flex-direction:var(--vv-input-text-flex-direction);margin-bottom:var(--vv-input-text-margin-bottom);font-size:var(--vv-input-text-font-size);line-height:var(--vv-input-text-line-height);min-width:var(--vv-input-text-min-width)}:where(.vv-input-text__label,.vv-input-text>label){display:var(--vv-input-text-element-label-display);font-size:var(--vv-input-text-element-label-font-size);font-weight:var(--vv-input-text-element-label-font-weight);color:var(--vv-input-text-element-label-color);margin:var(--vv-input-text-element-label-margin);white-space:var(--vv-input-text-element-label-white-space);text-overflow:var(--vv-input-text-element-label-text-overflow);overflow:var(--vv-input-text-element-label-overflow);max-width:var(--vv-input-text-element-label-max-width)}:where(.vv-input-text__wrapper){position:var(--vv-input-text-element-wrapper-position);display:var(--vv-input-text-element-wrapper-display);align-items:var(--vv-input-text-element-wrapper-align-items);flex:var(--vv-input-text-element-wrapper-flex);overflow:var(--vv-input-text-element-wrapper-overflow);background-color:var(--vv-input-text-element-wrapper-background-color);will-change:var(--vv-input-text-element-wrapper-will-change);transition:var(--vv-input-text-element-wrapper-transition)}:where(.vv-input-text__wrapper):before{content:"";position:var(--vv-input-text-element-wrapper-pseudo-before-position);height:var(--vv-input-text-element-wrapper-pseudo-before-height);inset:var(--vv-input-text-element-wrapper-pseudo-before-inset);background:var(--vv-input-text-element-wrapper-pseudo-before-background)}:where(.vv-input-text__wrapper):after{content:"";position:var(--vv-input-text-element-wrapper-pseudo-after-position);height:var(--vv-input-text-element-wrapper-pseudo-after-height);inset:var(--vv-input-text-element-wrapper-pseudo-after-inset);background:var(--vv-input-text-element-wrapper-pseudo-after-background);scale:var(--vv-input-text-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-input-text-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-text-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-text-element-wrapper-pseudo-after-transition)}:where(.vv-input-text__wrapper--hover,.vv-input-text__wrapper.hover,.vv-input-text__wrapper:not([disabled]):hover){--vv-input-text-element-wrapper-background-color:var(--vv-input-text-element-wrapper-state-hover-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within){--vv-input-text-element-wrapper-background-color:var(--vv-input-text-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within):after{--vv-input-text-element-wrapper-pseudo-after-scale:var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-text__inner){position:var(--vv-input-text-element-inner-position);display:var(--vv-input-text-element-inner-display);flex:var(--vv-input-text-element-inner-flex);min-width:var(--vv-input-text-element-inner-min-width)}:where(.vv-input-text__input,.vv-input-text input){display:var(--vv-input-text-element-input-display);flex:var(--vv-input-text-element-input-flex);align-items:var(--vv-input-text-element-input-align-items);color:var(--vv-input-text-element-input-color);line-height:var(--vv-input-text-element-input-line-height);padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-text-element-input-min-width);min-height:var(--vv-input-text-element-input-min-height);text-overflow:var(--vv-input-text-element-input-text-overflow)}:where(.vv-input-text__input,.vv-input-text input)::placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-calendar-picker-indicator{content:"";position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-calendar-picker-indicator{position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-search-cancel-button{-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch-wrapper{padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch{content:"";height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch{height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-outer-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-outer-spin-button{display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-inner-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-inner-spin-button{display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit-fields-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit-fields-wrapper{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit-day-field{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit-day-field{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding)}:where(.vv-input-text__input--disabled,.vv-input-text__input.disabled,.vv-input-text input.disabled,.vv-input-text__input[disabled],.vv-input-text input[disabled],.vv-input-text__input[aria-disabled=true],.vv-input-text input[aria-disabled=true]){cursor:var(--vv-input-text-element-input-state-disabled-cursor)}:where(.vv-input-text__input--readonly,.vv-input-text__input.readonly,.vv-input-text input.readonly,.vv-input-text__input[readonly],.vv-input-text input[readonly]){cursor:var(--vv-input-text-element-input-state-readonly-cursor);-webkit-user-select:var(--vv-input-text-element-input-state-readonly-user-select);user-select:var(--vv-input-text-element-input-state-readonly-user-select)}:where(.vv-input-text__input-before){display:var(--vv-input-text-element-input-before-display);padding-left:var(--vv-input-text-element-input-before-padding-left)}:where(.vv-input-text__input-after){display:var(--vv-input-text-element-input-after-display);padding-right:var(--vv-input-text-element-input-after-padding-right)}:where(.vv-input-text__number,.vv-input-text input[type=number]){-moz-appearance:var(--vv-input-text-element-number--moz-appearance)}:where(.vv-input-text__icon,.vv-input-text>div>:where(svg,[data-icon])){position:var(--vv-input-text-element-icon-position);top:var(--vv-input-text-element-icon-top);left:var(--vv-input-text-element-icon-left);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);margin:var(--vv-input-text-element-icon-margin);pointer-events:var(--vv-input-text-element-icon-pointer-events);flex-shrink:var(--vv-input-text-element-icon-flex-shrink)}:where(.vv-input-text__icon-after,.vv-input-text input+:where(svg,[data-icon])){position:var(--vv-input-text-element-icon-after-position);right:var(--vv-input-text-element-icon-after-right);left:var(--vv-input-text-element-icon-after-left)}:where(.vv-input-text__actions-group){display:var(--vv-input-text-element-actions-group-display);flex-direction:var(--vv-input-text-element-actions-group-flex-direction);height:var(--vv-input-text-element-actions-group-height)}:where(.vv-input-text__action){position:var(--vv-input-text-element-action-position);width:var(--vv-input-text-element-action-width);height:var(--vv-input-text-element-action-height);cursor:var(--vv-input-text-element-action-cursor)}:where(.vv-input-text__action--disabled,.vv-input-text__action.disabled,.vv-input-text__action[disabled],.vv-input-text__action[aria-disabled=true]){--vv-input-text-element-action-cursor:var(--vv-input-text-element-action-state-disabled-cursor);opacity:var(--vv-input-text-element-action-state-disabled-opacity)}:where(.vv-input-text__action--focus-visible,.vv-input-text__action.focus-visible,.vv-input-text__action:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-input-text-element-action-state-focus-visible-background-color)}:where(.vv-input-text__action--hover,.vv-input-text__action.hover,.vv-input-text__action:not([disabled]):hover){background-color:var(--vv-input-text-element-action-state-hover-background-color)}:where(.vv-input-text__action--active,.vv-input-text__action.active,.vv-input-text__action:not([disabled]):active){background-color:var(--vv-input-text-element-action-state-active-background-color)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);background-position:var(--vv-input-text-element-action-chevron-background-position);background-size:var(--vv-input-text-element-action-chevron-background-size);background-repeat:var(--vv-input-text-element-action-chevron-background-repeat);background-image:var(--vv-input-text-element-action-chevron-background-image)}:where(.vv-input-text__action-chevron-up){rotate:var(--vv-input-text-element-action-chevron-up-rotate)}:where(.vv-input-text__hint,.vv-input-text>small){display:var(--vv-input-text-element-hint-display);font-size:var(--vv-input-text-element-hint-font-size);color:var(--vv-input-text-element-hint-color);padding-top:var(--vv-input-text-element-hint-padding-top);padding-inline:var(--vv-input-text-element-hint-padding-inline);white-space:var(--vv-input-text-element-hint-white-space);text-overflow:var(--vv-input-text-element-hint-text-overflow);overflow:var(--vv-input-text-element-hint-overflow)}:where(.vv-input-text__limit){padding-right:var(--input-spacing-right);font-size:var(--vv-input-text-element-limit-font-size);color:var(--vv-input-text-element-limit-color)}:where(.vv-input-text__unit){color:var(--vv-input-text-element-unit-color);display:var(--vv-input-text-element-unit-display);align-items:var(--vv-input-text-element-unit-align-items);flex:var(--vv-input-text-element-unit-flex);padding-right:var(--input-spacing-right);padding-block:var(--input-spacing-top) var(--input-spacing-bottom)}:where(.vv-input-text:has(input[disabled])),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text:has(input[disabled]) .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input[disabled]) .vv-input-text__wrapper:focus-within),:where(.vv-input-text--disabled .vv-input-text__wrapper--focus-within,.vv-input-text--disabled .vv-input-text__wrapper.focus-within,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text.disabled .vv-input-text__wrapper--focus-within,.vv-input-text.disabled .vv-input-text__wrapper.focus-within,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[disabled] .vv-input-text__wrapper--focus-within,.vv-input-text[disabled] .vv-input-text__wrapper.focus-within,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper):before,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):before{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper:focus-within),:where(.vv-input-text--readonly .vv-input-text__wrapper--focus-within,.vv-input-text--readonly .vv-input-text__wrapper.focus-within,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text.readonly .vv-input-text__wrapper--focus-within,.vv-input-text.readonly .vv-input-text__wrapper.focus-within,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[readonly] .vv-input-text__wrapper--focus-within,.vv-input-text[readonly] .vv-input-text__wrapper.focus-within,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text--icon-before.vv-input-text){--input-spacing-left:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-after.vv-input-text){--input-spacing-right:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-after .vv-input-text__limit){margin-left:var(--vv-input-text-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-text--valid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-text--valid>.vv-input-text__hint,.vv-input-text--valid>small){color:var(--vv-input-text-modifier-valid-element-hint-color)}:where(.vv-input-text--valid .vv-input-text__limit){color:var(--vv-input-text-modifier-valid-element-limit-color)}:where(.vv-input-text--valid .vv-input-text__icon-after,.vv-input-text--valid input+:where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-after-color)}:where(.vv-input-text--invalid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-text--invalid>.vv-input-text__hint,.vv-input-text--invalid>small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}:where(.vv-input-text--invalid .vv-input-text__limit){color:var(--vv-input-text-modifier-invalid-element-limit-color)}:where(.vv-input-text--invalid .vv-input-text__icon-after,.vv-input-text--invalid input+:where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-after-color)}:where(.vv-input-text--loading .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){position:var(--vv-input-text-modifier-floating-position);margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}:where(.vv-input-text--floating .vv-input-text__wrapper),:where(.vv-input-text--floating>.vv-input-text__hint,.vv-input-text--floating>small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-input-text--floating>.vv-input-text__label,.vv-input-text--floating>label){position:var(--vv-input-text-modifier-floating-element-label-position);z-index:var(--vv-input-text-modifier-floating-element-label-z-index);min-height:var(--vv-input-text-modifier-floating-element-label-min-height);line-height:var(--vv-input-text-modifier-floating-element-label-line-height);pointer-events:var(--vv-input-text-modifier-floating-element-label-pointer-events);font-size:var(--vv-input-text-modifier-floating-element-label-font-size);padding-inline:var(--vv-input-text-modifier-floating-element-label-padding-inline);margin:var(--vv-input-text-modifier-floating-element-label-margin);will-change:var(--vv-input-text-modifier-floating-element-label-will-change);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input){will-change:var(--vv-input-text-modifier-floating-element-input-will-change);transition:var(--vv-input-text-modifier-floating-element-input-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::placeholder{content:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within>.vv-input-text__label,.vv-input-text--floating.vv-input-text.focus-within>.vv-input-text__label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within>.vv-input-text__label,.vv-input-text--floating.vv-input-text--focus-within>label,.vv-input-text--floating.vv-input-text.focus-within>label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within>label){translate:var(--vv-input-text-modifier-floating-state-focus-within-element-label-translate);font-size:var(--vv-input-text-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty>.vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty>.vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown))>.vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty>label,.vv-input-text--floating.vv-input-text.dirty>label,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown))>label){translate:var(--vv-input-text-modifier-floating-state-dirty-element-label-translate);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) input){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--auto-width .vv-input-text__inner){padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-height:var(--vv-input-text-modifier-auto-width-element-inner-min-height);cursor:var(--vv-input-text-modifier-auto-width-element-inner-cursor)}:where(.vv-input-text--auto-width .vv-input-text__input,.vv-input-text--auto-width input){padding-block:var(--vv-input-text-modifier-auto-width-element-input-padding-block);padding-inline:var(--vv-input-text-modifier-auto-width-element-input-padding-inline);min-width:var(--vv-input-text-modifier-auto-width-element-input-min-width);min-height:var(--vv-input-text-modifier-auto-width-element-input-min-height);text-align:var(--vv-input-text-modifier-auto-width-element-input-text-align)}:where(.vv-input-text--auto-width .vv-input-text__unit){padding-right:var(--vv-input-text-modifier-auto-width-element-unit-padding-right);padding-block:var(--vv-input-text-modifier-auto-width-element-unit-padding-block)}:where(.vv-input-text--auto-width.vv-input-text--dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text.dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--auto-width.vv-input-text--dirty input,.vv-input-text--auto-width.vv-input-text.dirty input,.vv-input-text--auto-width.vv-input-text:not(:has(:placeholder-shown)) input){flex:var(--vv-input-text-modifier-auto-width-state-dirty-element-input-flex)}:where(.vv-input-text--auto-width.vv-input-text--disabled .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text.disabled .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text[disabled] .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text[aria-disabled=true] .vv-input-text__inner){cursor:var(--vv-input-text-modifier-auto-width-state-disabled-element-inner-cursor)}
1
+ :where(:host,:root,.theme){--vv-input-text-display:var(--input-display);--vv-input-text-flex:var(--input-flex);--vv-input-text-flex-direction:var(--input-flex-direction);--vv-input-text-margin-bottom:var(--input-gap);--vv-input-text-font-size:var(--input-font-size);--vv-input-text-line-height:var(--input-line-height);--vv-input-text-min-width:var(--input-min-width);--vv-input-text-element-label-display:var(--input-label-display);--vv-input-text-element-label-font-size:var(--input-label-font-size);--vv-input-text-element-label-font-weight:var(--input-label-font-weight);--vv-input-text-element-label-color:var(--input-label-color);--vv-input-text-element-label-margin:0 0 var(--input-label-gap) 0;--vv-input-text-element-label-white-space:var(--input-label-white-space);--vv-input-text-element-label-text-overflow:var(--input-label-text-overflow);--vv-input-text-element-label-overflow:var(--input-label-overflow);--vv-input-text-element-label-max-width:var(--input-label-max-width);--vv-input-text-element-wrapper-position:relative;--vv-input-text-element-wrapper-display:flex;--vv-input-text-element-wrapper-align-items:center;--vv-input-text-element-wrapper-flex:1;--vv-input-text-element-wrapper-overflow:hidden;--vv-input-text-element-wrapper-background-color:var(--input-background-color);--vv-input-text-element-wrapper-will-change:background-color;--vv-input-text-element-wrapper-transition:var(--transition-colors);--vv-input-text-element-wrapper-pseudo-before-position:absolute;--vv-input-text-element-wrapper-pseudo-before-height:var(--spacing-1);--vv-input-text-element-wrapper-pseudo-before-inset:auto 0 0 0;--vv-input-text-element-wrapper-pseudo-before-background:var(--color-word-5);--vv-input-text-element-wrapper-pseudo-after-position:absolute;--vv-input-text-element-wrapper-pseudo-after-height:var(--spacing-2);--vv-input-text-element-wrapper-pseudo-after-inset:auto 0 0 0;--vv-input-text-element-wrapper-pseudo-after-background:var(--color-brand-graphic);--vv-input-text-element-wrapper-pseudo-after-scale:0 1;--vv-input-text-element-wrapper-pseudo-after-transform-origin:left;--vv-input-text-element-wrapper-pseudo-after-will-change:transform;--vv-input-text-element-wrapper-pseudo-after-transition:var(--transition-transform);--vv-input-text-element-wrapper-state-hover-background-color:var(--input-background-color-hover);--vv-input-text-element-wrapper-state-focus-within-background-color:var(--input-background-color-focus);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-scale:1;--vv-input-text-element-inner-position:relative;--vv-input-text-element-inner-display:flex;--vv-input-text-element-inner-flex:1;--vv-input-text-element-inner-min-width:0;--vv-input-text-element-input-display:flex;--vv-input-text-element-input-flex:1;--vv-input-text-element-input-align-items:center;--vv-input-text-element-input-color:var(--input-color);--vv-input-text-element-input-line-height:var(--leading-normal);--vv-input-text-element-input-min-width:0;--vv-input-text-element-input-min-height:var(--input-min-height);--vv-input-text-element-input-text-overflow:var(--input-text-overflow);--vv-input-text-element-input-pseudo-placeholder-color:var(--input-placeholder-color);--vv-input-text-element-input-pseudo-calendar-picker-indicator-position:absolute;--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding:var(--spacing-sm);--vv-input-text-element-input-pseudo-calendar-picker-indicator-top:0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-right:0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity:var(--opacity-0);--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance:none;--vv-input-text-element-input-pseudo-search-cancel-button-opacity:var(--opacity-0);--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding:var(--spacing-px);--vv-input-text-element-input-pseudo-color-swatch-height:var(--spacing-20);--vv-input-text-element-input-pseudo-color-swatch-border-radius:var(--spacing-4);--vv-input-text-element-input-pseudo-color-swatch-padding:0;--vv-input-text-element-input-pseudo-outer-spin-button-display:none;--vv-input-text-element-input-pseudo-inner-spin-button-display:none;--vv-input-text-element-input-pseudo-datetime-edit-padding:0;--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding:0;--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding:0;--vv-input-text-element-input-state-disabled-cursor:not-allowed;--vv-input-text-element-input-state-readonly-cursor:text;--vv-input-text-element-input-state-readonly-user-select:text;--vv-input-text-element-input-before-display:flex;--vv-input-text-element-input-before-padding-left:var(--input-spacing-left);--vv-input-text-element-input-after-display:flex;--vv-input-text-element-input-after-padding-right:var(--input-spacing-right);--vv-input-text-element-number--moz-appearance:textfield;--vv-input-text-element-icon-position:var(--input-icon-position);--vv-input-text-element-icon-top:0;--vv-input-text-element-icon-left:0;--vv-input-text-element-icon-width:var(--input-icon-width);--vv-input-text-element-icon-height:var(--input-min-height);--vv-input-text-element-icon-margin:var(--input-icon-margin);--vv-input-text-element-icon-pointer-events:var(--input-icon-pointer-events);--vv-input-text-element-icon-flex-shrink:0;--vv-input-text-element-icon-after-position:var(--input-icon-position);--vv-input-text-element-icon-after-right:0;--vv-input-text-element-icon-after-left:auto;--vv-input-text-element-actions-group-display:flex;--vv-input-text-element-actions-group-flex-direction:column;--vv-input-text-element-actions-group-height:var(--input-min-height);--vv-input-text-element-action-position:relative;--vv-input-text-element-action-width:calc(var(--input-icon-width) + var(--input-spacing-left) + var(--input-spacing-right));--vv-input-text-element-action-height:var(--input-min-height);--vv-input-text-element-action-cursor:pointer;--vv-input-text-element-action-state-disabled-cursor:not-allowed;--vv-input-text-element-action-state-disabled-opacity:var(--opacity-50);--vv-input-text-element-action-state-focus-visible-background-color:var(--color-surface-3);--vv-input-text-element-action-state-hover-background-color:var(--color-surface-4);--vv-input-text-element-action-state-active-background-color:var(--color-surface-5);--vv-input-text-element-action-chevron-flex:1;--vv-input-text-element-action-chevron-background-position:center var(--spacing-2);--vv-input-text-element-action-chevron-background-size:var(--text-14) auto;--vv-input-text-element-action-chevron-background-repeat:no-repeat;--vv-input-text-element-action-chevron-background-image:var(--bg-chevron);--vv-input-text-element-action-chevron-up-rotate:180deg;--vv-input-text-element-hint-display:var(--input-hint-display);--vv-input-text-element-hint-font-size:var(--input-hint-font-size);--vv-input-text-element-hint-color:var(--input-hint-color);--vv-input-text-element-hint-padding-top:var(--input-hint-gap);--vv-input-text-element-hint-padding-inline:var(--spacing-xs);--vv-input-text-element-hint-white-space:var(--input-hint-white-space);--vv-input-text-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-input-text-element-hint-overflow:var(--input-hint-overflow);--vv-input-text-element-limit-font-size:var(--input-hint-font-size);--vv-input-text-element-limit-color:var(--input-hint-color);--vv-input-text-element-unit-color:var(--input-placeholder-color);--vv-input-text-element-unit-display:flex;--vv-input-text-element-unit-align-items:center;--vv-input-text-element-unit-flex:0 1 auto;--vv-input-text-modifier-icon-after-element-limit-margin-left:calc((var(--spacing-sm) + 1em) * -1);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background:var(--input-valid-color);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-scale:1;--vv-input-text-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-input-text-modifier-valid-element-limit-color:var(--input-valid-text-color);--vv-input-text-modifier-valid-element-icon-after-color:var(--input-valid-text-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background:var(--input-invalid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-scale:1;--vv-input-text-modifier-invalid-element-hint-color:var(--input-invalid-text-color);--vv-input-text-modifier-invalid-element-limit-color:var(--input-invalid-text-color);--vv-input-text-modifier-invalid-element-icon-after-color:var(--input-invalid-text-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-opacity:var(--opacity-100);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation:var(--animation-indeterminate);--vv-input-text-modifier-floating-position:relative;--vv-input-text-modifier-floating-element-label-position:absolute;--vv-input-text-modifier-floating-element-label-z-index:var(--z-1);--vv-input-text-modifier-floating-element-label-min-height:var(--input-min-height);--vv-input-text-modifier-floating-element-label-line-height:var(--input-min-height);--vv-input-text-modifier-floating-element-label-pointer-events:none;--vv-input-text-modifier-floating-element-label-font-size:inherit;--vv-input-text-modifier-floating-element-label-padding-inline:0;--vv-input-text-modifier-floating-element-label-margin:0;--vv-input-text-modifier-floating-element-label-will-change:transform;--vv-input-text-modifier-floating-element-label-transition:var(--transition-all);--vv-input-text-modifier-floating-element-input-will-change:transform;--vv-input-text-modifier-floating-element-input-transition:var(--transition-all);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change:opacity;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition:var(--transition-opacity);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity:var(--opacity-0);--vv-input-text-modifier-floating-state-focus-within-element-label-translate:var(--input-floating-label-translate);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size:var(--input-floating-label-font-size);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity:var(--opacity-100);--vv-input-text-modifier-floating-state-dirty-element-label-translate:var(--input-floating-label-translate);--vv-input-text-modifier-floating-state-dirty-element-label-font-size:var(--input-floating-label-font-size);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity:var(--opacity-100);--vv-input-text-modifier-auto-width-element-inner-min-height:var(--input-min-height);--vv-input-text-modifier-auto-width-element-inner-cursor:text;--vv-input-text-modifier-auto-width-element-input-padding-block:0;--vv-input-text-modifier-auto-width-element-input-padding-inline:0;--vv-input-text-modifier-auto-width-element-input-min-width:1ch;--vv-input-text-modifier-auto-width-element-input-min-height:1em;--vv-input-text-modifier-auto-width-element-input-text-align:left;--vv-input-text-modifier-auto-width-element-unit-padding-right:0;--vv-input-text-modifier-auto-width-element-unit-padding-block:0;--vv-input-text-modifier-auto-width-state-dirty-element-input-flex:0 1 auto;--vv-input-text-modifier-auto-width-state-disabled-element-inner-cursor:not-allowed;--vv-input-text-state-disabled-opacity:var(--opacity-50);--vv-input-text-state-disabled-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-text-state-disabled-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-input-text-state-readonly-element-wrapper-pseudo-before-opacity:var(--opacity-0);--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity:var(--opacity-0);--vv-input-text-state-readonly-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-text-state-readonly-element-wrapper-state-focus-within-background-color:var(--input-background-color)}:where(.vv-input-text){display:var(--vv-input-text-display);flex:var(--vv-input-text-flex);flex-direction:var(--vv-input-text-flex-direction);margin-bottom:var(--vv-input-text-margin-bottom);font-size:var(--vv-input-text-font-size);line-height:var(--vv-input-text-line-height);min-width:var(--vv-input-text-min-width)}:where(.vv-input-text__label,.vv-input-text>label){display:var(--vv-input-text-element-label-display);font-size:var(--vv-input-text-element-label-font-size);font-weight:var(--vv-input-text-element-label-font-weight);color:var(--vv-input-text-element-label-color);margin:var(--vv-input-text-element-label-margin);white-space:var(--vv-input-text-element-label-white-space);text-overflow:var(--vv-input-text-element-label-text-overflow);overflow:var(--vv-input-text-element-label-overflow);max-width:var(--vv-input-text-element-label-max-width)}:where(.vv-input-text__wrapper){position:var(--vv-input-text-element-wrapper-position);display:var(--vv-input-text-element-wrapper-display);align-items:var(--vv-input-text-element-wrapper-align-items);flex:var(--vv-input-text-element-wrapper-flex);overflow:var(--vv-input-text-element-wrapper-overflow);background-color:var(--vv-input-text-element-wrapper-background-color);will-change:var(--vv-input-text-element-wrapper-will-change);transition:var(--vv-input-text-element-wrapper-transition)}:where(.vv-input-text__wrapper):before{content:"";position:var(--vv-input-text-element-wrapper-pseudo-before-position);height:var(--vv-input-text-element-wrapper-pseudo-before-height);inset:var(--vv-input-text-element-wrapper-pseudo-before-inset);background:var(--vv-input-text-element-wrapper-pseudo-before-background)}:where(.vv-input-text__wrapper):after{content:"";position:var(--vv-input-text-element-wrapper-pseudo-after-position);height:var(--vv-input-text-element-wrapper-pseudo-after-height);inset:var(--vv-input-text-element-wrapper-pseudo-after-inset);background:var(--vv-input-text-element-wrapper-pseudo-after-background);scale:var(--vv-input-text-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-input-text-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-text-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-text-element-wrapper-pseudo-after-transition)}:where(.vv-input-text__wrapper--hover,.vv-input-text__wrapper.hover,.vv-input-text__wrapper:not([disabled]):hover){--vv-input-text-element-wrapper-background-color:var(--vv-input-text-element-wrapper-state-hover-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within){--vv-input-text-element-wrapper-background-color:var(--vv-input-text-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within):after{--vv-input-text-element-wrapper-pseudo-after-scale:var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-text__inner){position:var(--vv-input-text-element-inner-position);display:var(--vv-input-text-element-inner-display);flex:var(--vv-input-text-element-inner-flex);min-width:var(--vv-input-text-element-inner-min-width)}:where(.vv-input-text__input,.vv-input-text input){display:var(--vv-input-text-element-input-display);flex:var(--vv-input-text-element-input-flex);align-items:var(--vv-input-text-element-input-align-items);color:var(--vv-input-text-element-input-color);line-height:var(--vv-input-text-element-input-line-height);padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-text-element-input-min-width);min-height:var(--vv-input-text-element-input-min-height);text-overflow:var(--vv-input-text-element-input-text-overflow)}:where(.vv-input-text__input,.vv-input-text input)::placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-calendar-picker-indicator{content:"";position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-calendar-picker-indicator{position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-search-cancel-button{-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch-wrapper{padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch{content:"";height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch{height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-outer-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-outer-spin-button{display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-inner-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-inner-spin-button{display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit-fields-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit-fields-wrapper{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit-day-field{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit-day-field{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding)}:where(.vv-input-text__input--disabled,.vv-input-text__input.disabled,.vv-input-text input.disabled,.vv-input-text__input[disabled],.vv-input-text input[disabled],.vv-input-text__input[aria-disabled=true],.vv-input-text input[aria-disabled=true]){cursor:var(--vv-input-text-element-input-state-disabled-cursor)}:where(.vv-input-text__input--readonly,.vv-input-text__input.readonly,.vv-input-text input.readonly,.vv-input-text__input[readonly],.vv-input-text input[readonly]){cursor:var(--vv-input-text-element-input-state-readonly-cursor);-webkit-user-select:var(--vv-input-text-element-input-state-readonly-user-select);user-select:var(--vv-input-text-element-input-state-readonly-user-select)}:where(.vv-input-text__input-before){display:var(--vv-input-text-element-input-before-display);padding-left:var(--vv-input-text-element-input-before-padding-left)}:where(.vv-input-text__input-after){display:var(--vv-input-text-element-input-after-display);padding-right:var(--vv-input-text-element-input-after-padding-right)}:where(.vv-input-text__number,.vv-input-text input[type=number]){-moz-appearance:var(--vv-input-text-element-number--moz-appearance)}:where(.vv-input-text__icon,.vv-input-text>div>:where(svg,[data-icon])){position:var(--vv-input-text-element-icon-position);top:var(--vv-input-text-element-icon-top);left:var(--vv-input-text-element-icon-left);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);margin:var(--vv-input-text-element-icon-margin);pointer-events:var(--vv-input-text-element-icon-pointer-events);flex-shrink:var(--vv-input-text-element-icon-flex-shrink)}:where(.vv-input-text__icon-after,.vv-input-text input+:where(svg,[data-icon])){position:var(--vv-input-text-element-icon-after-position);right:var(--vv-input-text-element-icon-after-right);left:var(--vv-input-text-element-icon-after-left)}:where(.vv-input-text__actions-group){display:var(--vv-input-text-element-actions-group-display);flex-direction:var(--vv-input-text-element-actions-group-flex-direction);height:var(--vv-input-text-element-actions-group-height)}:where(.vv-input-text__action){position:var(--vv-input-text-element-action-position);width:var(--vv-input-text-element-action-width);height:var(--vv-input-text-element-action-height);cursor:var(--vv-input-text-element-action-cursor)}:where(.vv-input-text__action--disabled,.vv-input-text__action.disabled,.vv-input-text__action[disabled],.vv-input-text__action[aria-disabled=true]){--vv-input-text-element-action-cursor:var(--vv-input-text-element-action-state-disabled-cursor);opacity:var(--vv-input-text-element-action-state-disabled-opacity)}:where(.vv-input-text__action--focus-visible,.vv-input-text__action.focus-visible,.vv-input-text__action:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-input-text-element-action-state-focus-visible-background-color)}:where(.vv-input-text__action--hover,.vv-input-text__action.hover,.vv-input-text__action:not([disabled]):hover){background-color:var(--vv-input-text-element-action-state-hover-background-color)}:where(.vv-input-text__action--active,.vv-input-text__action.active,.vv-input-text__action:not([disabled]):active){background-color:var(--vv-input-text-element-action-state-active-background-color)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);background-position:var(--vv-input-text-element-action-chevron-background-position);background-size:var(--vv-input-text-element-action-chevron-background-size);background-repeat:var(--vv-input-text-element-action-chevron-background-repeat);background-image:var(--vv-input-text-element-action-chevron-background-image)}:where(.vv-input-text__action-chevron-up){rotate:var(--vv-input-text-element-action-chevron-up-rotate)}:where(.vv-input-text__hint,.vv-input-text>small){display:var(--vv-input-text-element-hint-display);font-size:var(--vv-input-text-element-hint-font-size);color:var(--vv-input-text-element-hint-color);padding-top:var(--vv-input-text-element-hint-padding-top);padding-inline:var(--vv-input-text-element-hint-padding-inline);white-space:var(--vv-input-text-element-hint-white-space);text-overflow:var(--vv-input-text-element-hint-text-overflow);overflow:var(--vv-input-text-element-hint-overflow)}:where(.vv-input-text__limit){padding-right:var(--input-spacing-right);font-size:var(--vv-input-text-element-limit-font-size);color:var(--vv-input-text-element-limit-color)}:where(.vv-input-text__unit){color:var(--vv-input-text-element-unit-color);display:var(--vv-input-text-element-unit-display);align-items:var(--vv-input-text-element-unit-align-items);flex:var(--vv-input-text-element-unit-flex);padding-right:var(--input-spacing-right);padding-block:var(--input-spacing-top) var(--input-spacing-bottom)}:where(.vv-input-text:has(input[disabled])),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text:has(input[disabled]) .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input[disabled]) .vv-input-text__wrapper:focus-within),:where(.vv-input-text--disabled .vv-input-text__wrapper--focus-within,.vv-input-text--disabled .vv-input-text__wrapper.focus-within,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text.disabled .vv-input-text__wrapper--focus-within,.vv-input-text.disabled .vv-input-text__wrapper.focus-within,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[disabled] .vv-input-text__wrapper--focus-within,.vv-input-text[disabled] .vv-input-text__wrapper.focus-within,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper):before,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):before{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper:focus-within),:where(.vv-input-text--readonly .vv-input-text__wrapper--focus-within,.vv-input-text--readonly .vv-input-text__wrapper.focus-within,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text.readonly .vv-input-text__wrapper--focus-within,.vv-input-text.readonly .vv-input-text__wrapper.focus-within,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[readonly] .vv-input-text__wrapper--focus-within,.vv-input-text[readonly] .vv-input-text__wrapper.focus-within,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text--icon-before.vv-input-text){--input-spacing-left:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-after.vv-input-text){--input-spacing-right:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-after .vv-input-text__limit){margin-left:var(--vv-input-text-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-text--valid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-text--valid>.vv-input-text__hint,.vv-input-text--valid>small){color:var(--vv-input-text-modifier-valid-element-hint-color)}:where(.vv-input-text--valid .vv-input-text__limit){color:var(--vv-input-text-modifier-valid-element-limit-color)}:where(.vv-input-text--valid .vv-input-text__icon-after,.vv-input-text--valid input+:where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-after-color)}:where(.vv-input-text--invalid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-text--invalid>.vv-input-text__hint,.vv-input-text--invalid>small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}:where(.vv-input-text--invalid .vv-input-text__limit){color:var(--vv-input-text-modifier-invalid-element-limit-color)}:where(.vv-input-text--invalid .vv-input-text__icon-after,.vv-input-text--invalid input+:where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-after-color)}:where(.vv-input-text--loading .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){position:var(--vv-input-text-modifier-floating-position);margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}:where(.vv-input-text--floating .vv-input-text__wrapper),:where(.vv-input-text--floating>.vv-input-text__hint,.vv-input-text--floating>small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-input-text--floating>.vv-input-text__label,.vv-input-text--floating>label){position:var(--vv-input-text-modifier-floating-element-label-position);z-index:var(--vv-input-text-modifier-floating-element-label-z-index);min-height:var(--vv-input-text-modifier-floating-element-label-min-height);line-height:var(--vv-input-text-modifier-floating-element-label-line-height);pointer-events:var(--vv-input-text-modifier-floating-element-label-pointer-events);font-size:var(--vv-input-text-modifier-floating-element-label-font-size);padding-inline:var(--vv-input-text-modifier-floating-element-label-padding-inline);margin:var(--vv-input-text-modifier-floating-element-label-margin);will-change:var(--vv-input-text-modifier-floating-element-label-will-change);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input){will-change:var(--vv-input-text-modifier-floating-element-input-will-change);transition:var(--vv-input-text-modifier-floating-element-input-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::placeholder{content:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within>.vv-input-text__label,.vv-input-text--floating.vv-input-text.focus-within>.vv-input-text__label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within>.vv-input-text__label,.vv-input-text--floating.vv-input-text--focus-within>label,.vv-input-text--floating.vv-input-text.focus-within>label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within>label){translate:var(--vv-input-text-modifier-floating-state-focus-within-element-label-translate);font-size:var(--vv-input-text-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty>.vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty>.vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown))>.vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty>label,.vv-input-text--floating.vv-input-text.dirty>label,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown))>label){translate:var(--vv-input-text-modifier-floating-state-dirty-element-label-translate);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) input){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--auto-width .vv-input-text__inner){padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-height:var(--vv-input-text-modifier-auto-width-element-inner-min-height);cursor:var(--vv-input-text-modifier-auto-width-element-inner-cursor)}:where(.vv-input-text--auto-width .vv-input-text__input,.vv-input-text--auto-width input){padding-block:var(--vv-input-text-modifier-auto-width-element-input-padding-block);padding-inline:var(--vv-input-text-modifier-auto-width-element-input-padding-inline);min-width:var(--vv-input-text-modifier-auto-width-element-input-min-width);min-height:var(--vv-input-text-modifier-auto-width-element-input-min-height);text-align:var(--vv-input-text-modifier-auto-width-element-input-text-align)}:where(.vv-input-text--auto-width .vv-input-text__unit){padding-right:var(--vv-input-text-modifier-auto-width-element-unit-padding-right);padding-block:var(--vv-input-text-modifier-auto-width-element-unit-padding-block)}:where(.vv-input-text--auto-width.vv-input-text--dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text.dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--auto-width.vv-input-text--dirty input,.vv-input-text--auto-width.vv-input-text.dirty input,.vv-input-text--auto-width.vv-input-text:not(:has(:placeholder-shown)) input){flex:var(--vv-input-text-modifier-auto-width-state-dirty-element-input-flex)}:where(.vv-input-text--auto-width.vv-input-text--disabled .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text.disabled .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text[disabled] .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text[aria-disabled=true] .vv-input-text__inner){cursor:var(--vv-input-text-modifier-auto-width-state-disabled-element-inner-cursor)}
package/dist/components/vv-item-group.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-item-group-display:flex;--vv-item-group-flex-direction:column;--vv-item-group-min-height:0;--vv-item-group-font-size:var(--text-14);--vv-item-group-element-header-display:flex;--vv-item-group-element-header-align-items:center;--vv-item-group-element-header-gap:var(--spacing-4);--vv-item-group-element-header-min-width:0;--vv-item-group-element-header-padding:var(--spacing-8) var(--spacing-12);--vv-item-group-element-header-border-bottom:var(--border) solid var(--color-surface-4);--vv-item-group-element-list-display:flex;--vv-item-group-element-list-flex-direction:column;--vv-item-group-element-list-max-height:20rem;--vv-item-group-element-list-margin:0;--vv-item-group-element-list-padding:0;--vv-item-group-element-list-overflow-y:auto;--vv-item-group-element-list-list-style:none;--vv-item-group-modifier-framed-overflow:hidden;--vv-item-group-modifier-framed-border:var(--border) solid var(--color-surface-4);--vv-item-group-modifier-framed-border-radius:var(--rounded-lg);--vv-item-group-modifier-fill-flex:1;--vv-item-group-modifier-fill-element-list-flex:1;--vv-item-group-modifier-fill-element-list-min-height:0;--vv-item-group-modifier-fill-element-list-max-height:none}:where(.vv-item-group){--item-divider:var(--color-surface-2);--item-hover:var(--color-surface-1);--item-chosen:var(--color-surface-1);--item-current:var(--color-surface-2);display:var(--vv-item-group-display);flex-direction:var(--vv-item-group-flex-direction);min-height:var(--vv-item-group-min-height);font-size:var(--vv-item-group-font-size)}:where(.vv-item-group__header){display:var(--vv-item-group-element-header-display);align-items:var(--vv-item-group-element-header-align-items);gap:var(--vv-item-group-element-header-gap);min-width:var(--vv-item-group-element-header-min-width);padding:var(--vv-item-group-element-header-padding);border-bottom:var(--vv-item-group-element-header-border-bottom)}:where(.vv-item-group__list){display:var(--vv-item-group-element-list-display);flex-direction:var(--vv-item-group-element-list-flex-direction);max-height:var(--vv-item-group-element-list-max-height);margin:var(--vv-item-group-element-list-margin);padding:var(--vv-item-group-element-list-padding);overflow-y:var(--vv-item-group-element-list-overflow-y);list-style:var(--vv-item-group-element-list-list-style)}:where(.vv-item-group--framed.vv-item-group){overflow:var(--vv-item-group-modifier-framed-overflow);border:var(--vv-item-group-modifier-framed-border);border-radius:var(--vv-item-group-modifier-framed-border-radius)}:where(.vv-item-group--fill.vv-item-group){--item-divider:var(--color-surface-3);flex:var(--vv-item-group-modifier-fill-flex)}:where(.vv-item-group--fill .vv-item-group__list){flex:var(--vv-item-group-modifier-fill-element-list-flex);min-height:var(--vv-item-group-modifier-fill-element-list-min-height);max-height:var(--vv-item-group-modifier-fill-element-list-max-height)}:where(.vv-item-group--raised.vv-item-group){--item-divider:var(--color-surface-3);--item-hover:var(--color-surface-2);--item-chosen:var(--color-surface-2);--item-current:var(--color-surface)}
package/dist/components/vv-item.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-item-display:flex;--vv-item-align-items:stretch;--vv-item-min-height:var(--spacing-40);--vv-item-flex-shrink:0;--vv-item-color:var(--color-word-2);--vv-item-transition:background-color var(--duration-150) var(--ease-out);--vv-item-element-entry-display:flex;--vv-item-element-entry-flex:1;--vv-item-element-entry-align-items:center;--vv-item-element-entry-gap:var(--spacing-sm);--vv-item-element-entry-min-width:0;--vv-item-element-entry-margin:0;--vv-item-element-entry-padding:var(--spacing-8) var(--spacing-12);--vv-item-element-entry-border:0;--vv-item-element-entry-background:none;--vv-item-element-entry-text-align:start;--vv-item-element-entry-text-decoration:none;--vv-item-element-entry-cursor:pointer;--vv-item-element-entry-state-focus-visible-outline:var(--spacing-2) solid var(--color-brand-graphic);--vv-item-element-entry-state-focus-visible-outline-offset:calc(var(--spacing-2) * -1);--vv-item-element-entry-state-disabled-opacity:var(--opacity-30);--vv-item-element-entry-state-disabled-cursor:not-allowed;--vv-item-element-media-display:flex;--vv-item-element-media-flex-shrink:0;--vv-item-element-media-align-items:center;--vv-item-element-media-justify-content:center;--vv-item-element-media-color:var(--color-word-3);--vv-item-element-content-display:flex;--vv-item-element-content-flex:1;--vv-item-element-content-flex-direction:column;--vv-item-element-content-min-width:0;--vv-item-element-title-flex:1;--vv-item-element-title-min-width:0;--vv-item-element-title-overflow:hidden;--vv-item-element-title-color:var(--color-word-1);--vv-item-element-title-text-overflow:ellipsis;--vv-item-element-title-white-space:nowrap;--vv-item-element-description-display:-webkit-box;--vv-item-element-description-overflow:hidden;--vv-item-element-description-color:var(--color-word-3);--vv-item-element-description-font-size:var(--text-12);--vv-item-element-description-line-height:var(--leading-normal);--vv-item-element-description--webkit-box-orient:vertical;--vv-item-element-description--webkit-line-clamp:2;--vv-item-element-note-flex-shrink:0;--vv-item-element-note-color:var(--color-word-3);--vv-item-element-note-font-size:var(--text-12);--vv-item-element-check-flex-shrink:0;--vv-item-element-chevron-flex-shrink:0;--vv-item-element-chevron-color:var(--color-word-4);--vv-item-element-actions-display:flex;--vv-item-element-actions-flex-shrink:0;--vv-item-element-actions-align-items:center;--vv-item-element-actions-gap:var(--spacing-2);--vv-item-element-actions-padding-inline-end:var(--spacing-8);--vv-item-element-open-display:flex;--vv-item-element-open-align-items:center;--vv-item-element-open-margin:0;--vv-item-element-open-padding:0 var(--spacing-12);--vv-item-element-open-border:0;--vv-item-element-open-background:none;--vv-item-element-open-color:var(--color-word-3);--vv-item-element-open-cursor:pointer;--vv-item-element-open-transition:color var(--duration-150) var(--ease-out);--vv-item-element-open-state-hover-color:var(--color-word-1);--vv-item-element-open-state-focus-visible-outline:var(--spacing-2) solid var(--color-brand-graphic);--vv-item-element-open-state-focus-visible-outline-offset:calc(var(--spacing-2) * -1);--vv-item-state-last-child-border-bottom-width:0;--vv-item-state-pressed-within-element-title-font-weight:var(--font-medium);--vv-item-state-current-element-title-font-weight:var(--font-medium);--vv-item-modifier-roomy-element-entry-min-height:var(--spacing-56);--vv-item-modifier-roomy-element-entry-padding:var(--spacing-12) var(--spacing-md);--vv-item-modifier-top-element-entry-align-items:flex-start;--vv-item-modifier-plain-element-entry-cursor:default}:where(.vv-item){display:var(--vv-item-display);align-items:var(--vv-item-align-items);min-height:var(--vv-item-min-height);flex-shrink:var(--vv-item-flex-shrink);color:var(--vv-item-color);border-bottom:var(--border) solid var(--item-divider,var(--color-surface-2));transition:var(--vv-item-transition)}:where(.vv-item__entry){display:var(--vv-item-element-entry-display);flex:var(--vv-item-element-entry-flex);align-items:var(--vv-item-element-entry-align-items);gap:var(--vv-item-element-entry-gap);min-width:var(--vv-item-element-entry-min-width);margin:var(--vv-item-element-entry-margin);padding:var(--vv-item-element-entry-padding);border:var(--vv-item-element-entry-border);background:var(--vv-item-element-entry-background);color:inherit;font:inherit;text-align:var(--vv-item-element-entry-text-align);-webkit-text-decoration:var(--vv-item-element-entry-text-decoration);-webkit-text-decoration:var(--vv-item-element-entry-text-decoration);text-decoration:var(--vv-item-element-entry-text-decoration);cursor:var(--vv-item-element-entry-cursor)}:where(.vv-item__entry--focus-visible,.vv-item__entry.focus-visible,.vv-item__entry:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-item-element-entry-state-focus-visible-outline);outline-offset:var(--vv-item-element-entry-state-focus-visible-outline-offset)}:where(.vv-item__entry--disabled,.vv-item__entry.disabled,.vv-item__entry[disabled],.vv-item__entry[aria-disabled=true]){opacity:var(--vv-item-element-entry-state-disabled-opacity);--vv-item-element-entry-cursor:var(--vv-item-element-entry-state-disabled-cursor)}:where(.vv-item__media){display:var(--vv-item-element-media-display);flex-shrink:var(--vv-item-element-media-flex-shrink);align-items:var(--vv-item-element-media-align-items);justify-content:var(--vv-item-element-media-justify-content);color:var(--vv-item-element-media-color)}:where(.vv-item__content){display:var(--vv-item-element-content-display);flex:var(--vv-item-element-content-flex);flex-direction:var(--vv-item-element-content-flex-direction);min-width:var(--vv-item-element-content-min-width)}:where(.vv-item__title){flex:var(--vv-item-element-title-flex);min-width:var(--vv-item-element-title-min-width);overflow:var(--vv-item-element-title-overflow);color:var(--vv-item-element-title-color);text-overflow:var(--vv-item-element-title-text-overflow);white-space:var(--vv-item-element-title-white-space)}:where(.vv-item__description){display:var(--vv-item-element-description-display);overflow:var(--vv-item-element-description-overflow);color:var(--vv-item-element-description-color);font-size:var(--vv-item-element-description-font-size);line-height:var(--vv-item-element-description-line-height);-webkit-box-orient:var(--vv-item-element-description--webkit-box-orient);-webkit-line-clamp:var(--vv-item-element-description--webkit-line-clamp)}:where(.vv-item__note){flex-shrink:var(--vv-item-element-note-flex-shrink);color:var(--vv-item-element-note-color);font-size:var(--vv-item-element-note-font-size)}:where(.vv-item__check){flex-shrink:var(--vv-item-element-check-flex-shrink)}:where(.vv-item__chevron){flex-shrink:var(--vv-item-element-chevron-flex-shrink);color:var(--vv-item-element-chevron-color)}:where(.vv-item__actions){display:var(--vv-item-element-actions-display);flex-shrink:var(--vv-item-element-actions-flex-shrink);align-items:var(--vv-item-element-actions-align-items);gap:var(--vv-item-element-actions-gap);padding-inline-end:var(--vv-item-element-actions-padding-inline-end)}:where(.vv-item__open){display:var(--vv-item-element-open-display);align-items:var(--vv-item-element-open-align-items);margin:var(--vv-item-element-open-margin);padding:var(--vv-item-element-open-padding);border:var(--vv-item-element-open-border);border-inline-start:var(--border) solid var(--item-divider,var(--color-surface-2));background:var(--vv-item-element-open-background);color:var(--vv-item-element-open-color);font:inherit;cursor:var(--vv-item-element-open-cursor);transition:var(--vv-item-element-open-transition)}:where(.vv-item__open--hover,.vv-item__open.hover,.vv-item__open:not([disabled]):hover){--vv-item-element-open-color:var(--vv-item-element-open-state-hover-color)}:where(.vv-item__open--focus-visible,.vv-item__open.focus-visible,.vv-item__open:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-item-element-open-state-focus-visible-outline);outline-offset:var(--vv-item-element-open-state-focus-visible-outline-offset)}:where(.vv-item--last-child,.vv-item.last-child,.vv-item:not([disabled]):last-child){border-bottom-width:var(--vv-item-state-last-child-border-bottom-width)}:where(.vv-item--hover,.vv-item.hover,.vv-item:not([disabled]):hover){background-color:var(--item-hover,var(--color-surface-1))}:where(.vv-item--pressed-within,.vv-item.pressed-within,.vv-item:has(>[aria-pressed=true])){background-color:var(--item-chosen,var(--color-surface-1))}:where(.vv-item--pressed-within .vv-item__title,.vv-item.pressed-within .vv-item__title,.vv-item:has(>[aria-pressed=true]) .vv-item__title){font-weight:var(--vv-item-state-pressed-within-element-title-font-weight)}:where(.vv-item--current,.vv-item.current){background-color:var(--item-current,var(--color-surface-2));box-shadow:inset calc(var(--spacing-3) * var(--direction,1)) 0 0 var(--color-word-2)}:where(.vv-item--current .vv-item__title,.vv-item.current .vv-item__title){font-weight:var(--vv-item-state-current-element-title-font-weight)}:where(.vv-item--roomy .vv-item__entry){min-height:var(--vv-item-modifier-roomy-element-entry-min-height);padding:var(--vv-item-modifier-roomy-element-entry-padding)}:where(.vv-item--top .vv-item__entry){align-items:var(--vv-item-modifier-top-element-entry-align-items)}:where(.vv-item--plain .vv-item__entry){cursor:var(--vv-item-modifier-plain-element-entry-cursor)}:where(.vv-item--plain.vv-item--hover,.vv-item--plain.vv-item.hover,.vv-item--plain.vv-item:not([disabled]):hover){background-color:#0000}:where(.vv-item__content:has(>.vv-item__description)>.vv-item__title){font-weight:var(--font-semibold)}:where(.vv-item:has(>.vv-item__entry:is(:disabled,[aria-disabled=true]))){background-color:#0000}
package/dist/components/vv-kbd-group.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-kbd-group-display:inline-flex;--vv-kbd-group-align-items:center;--vv-kbd-group-gap:.25em;--vv-kbd-group-color:var(--color-word-4);--vv-kbd-group-white-space:nowrap}:where(.vv-kbd-group){display:var(--vv-kbd-group-display);align-items:var(--vv-kbd-group-align-items);gap:var(--vv-kbd-group-gap);color:var(--vv-kbd-group-color);white-space:var(--vv-kbd-group-white-space)}
package/dist/components/vv-kbd.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-kbd-display:inline-flex;--vv-kbd-align-items:center;--vv-kbd-justify-content:center;--vv-kbd-min-inline-size:1.5em;--vv-kbd-padding:.1em .4em;--vv-kbd-border:var(--border) solid var(--color-surface-4);--vv-kbd-border-bottom-width:var(--spacing-2);--vv-kbd-border-radius:var(--rounded);--vv-kbd-background-color:var(--color-surface-1);--vv-kbd-color:var(--color-word-2);--vv-kbd-font-family:var(--font-mono);--vv-kbd-font-size:.8125em;--vv-kbd-font-weight:var(--font-medium);--vv-kbd-line-height:var(--leading-snug);--vv-kbd-white-space:nowrap}:where(.vv-kbd){display:var(--vv-kbd-display);align-items:var(--vv-kbd-align-items);justify-content:var(--vv-kbd-justify-content);min-inline-size:var(--vv-kbd-min-inline-size);padding:var(--vv-kbd-padding);border:var(--vv-kbd-border);border-bottom-width:var(--vv-kbd-border-bottom-width);border-radius:var(--vv-kbd-border-radius);background-color:var(--vv-kbd-background-color);color:var(--vv-kbd-color);font-family:var(--vv-kbd-font-family);font-size:var(--vv-kbd-font-size);font-weight:var(--vv-kbd-font-weight);line-height:var(--vv-kbd-line-height);white-space:var(--vv-kbd-white-space)}
package/dist/components/vv-marker.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-marker-display:flex;--vv-marker-align-items:center;--vv-marker-justify-content:center;--vv-marker-gap:var(--spacing-6);--vv-marker-color:var(--color-word-3);--vv-marker-font-size:var(--text-12);--vv-marker-line-height:var(--leading-snug);--vv-marker-text-align:center;--vv-marker-element-icon-flex-shrink:0;--vv-marker-element-content-min-width:0;--vv-marker-modifier-bordered-width:fit-content;--vv-marker-modifier-bordered-margin-inline:auto;--vv-marker-modifier-bordered-padding:var(--spacing-2) var(--spacing-10);--vv-marker-modifier-bordered-border:var(--border) solid var(--color-surface-3);--vv-marker-modifier-bordered-border-radius:var(--rounded-full);--vv-marker-modifier-bordered-background-color:var(--color-surface)}:where(.vv-marker){display:var(--vv-marker-display);align-items:var(--vv-marker-align-items);justify-content:var(--vv-marker-justify-content);gap:var(--vv-marker-gap);color:var(--vv-marker-color);font-size:var(--vv-marker-font-size);line-height:var(--vv-marker-line-height);text-align:var(--vv-marker-text-align)}:where(.vv-marker__icon){flex-shrink:var(--vv-marker-element-icon-flex-shrink)}:where(.vv-marker__content){min-width:var(--vv-marker-element-content-min-width)}:where(.vv-marker--bordered.vv-marker){width:var(--vv-marker-modifier-bordered-width);margin-inline:var(--vv-marker-modifier-bordered-margin-inline);padding:var(--vv-marker-modifier-bordered-padding);border:var(--vv-marker-modifier-bordered-border);border-radius:var(--vv-marker-modifier-bordered-border-radius);background-color:var(--vv-marker-modifier-bordered-background-color)}
package/dist/components/vv-message-scroller.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-message-scroller-display:flex;--vv-message-scroller-flex-direction:column;--vv-message-scroller-gap:var(--spacing-md);--vv-message-scroller-min-height:0;--vv-message-scroller-overflow-y:auto;--vv-message-scroller-overscroll-behavior:contain;--vv-message-scroller-scrollbar-width:thin;--vv-message-scroller-scrollbar-color:var(--color-word-5) transparent;--vv-message-scroller-element-jump-position:sticky;--vv-message-scroller-element-jump-inset-block-end:var(--spacing-8);--vv-message-scroller-element-jump-align-self:center;--vv-message-scroller-element-jump-display:inline-grid;--vv-message-scroller-element-jump-flex-shrink:0;--vv-message-scroller-element-jump-place-items:center;--vv-message-scroller-element-jump-inline-size:var(--spacing-36);--vv-message-scroller-element-jump-block-size:var(--spacing-36);--vv-message-scroller-element-jump-margin-block-start:calc((var(--spacing-36) + var(--spacing-md)) * -1);--vv-message-scroller-element-jump-border:var(--border) solid var(--color-surface-3);--vv-message-scroller-element-jump-border-radius:var(--rounded-full);--vv-message-scroller-element-jump-background-color:var(--color-surface-1);--vv-message-scroller-element-jump-box-shadow:var(--shadow-md);--vv-message-scroller-element-jump-color:var(--color-word-2);--vv-message-scroller-element-jump-cursor:pointer;--vv-message-scroller-element-jump-transition:background-color var(--duration-150) var(--ease-out);--vv-message-scroller-element-jump-state-hover-background-color:var(--color-surface-2);--vv-message-scroller-element-jump-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-message-scroller-element-jump-state-focus-visible-outline-offset:var(--spacing-2);--vv-message-scroller-modifier-fade-element-jump-inset-block-end:var(--spacing-48);--vv-message-scroller-modifier-fade-mask-image:linear-gradient(to bottom, transparent 0, black var(--spacing-40), black calc(100% - var(--spacing-40)), transparent 100%)}:where(.vv-message-scroller){display:var(--vv-message-scroller-display);flex-direction:var(--vv-message-scroller-flex-direction);gap:var(--vv-message-scroller-gap);min-height:var(--vv-message-scroller-min-height);overflow-y:var(--vv-message-scroller-overflow-y);overscroll-behavior:var(--vv-message-scroller-overscroll-behavior);scrollbar-width:var(--vv-message-scroller-scrollbar-width);scrollbar-color:var(--vv-message-scroller-scrollbar-color)}:where(.vv-message-scroller__jump){position:var(--vv-message-scroller-element-jump-position);align-self:var(--vv-message-scroller-element-jump-align-self);display:var(--vv-message-scroller-element-jump-display);flex-shrink:var(--vv-message-scroller-element-jump-flex-shrink);place-items:var(--vv-message-scroller-element-jump-place-items);inline-size:var(--vv-message-scroller-element-jump-inline-size);block-size:var(--vv-message-scroller-element-jump-block-size);border:var(--vv-message-scroller-element-jump-border);border-radius:var(--vv-message-scroller-element-jump-border-radius);background-color:var(--vv-message-scroller-element-jump-background-color);box-shadow:var(--vv-message-scroller-element-jump-box-shadow);color:var(--vv-message-scroller-element-jump-color);cursor:var(--vv-message-scroller-element-jump-cursor);transition:var(--vv-message-scroller-element-jump-transition);margin-block-start:var(--vv-message-scroller-element-jump-margin-block-start);inset-block-end:var(--vv-message-scroller-element-jump-inset-block-end)}:where(.vv-message-scroller__jump--hover,.vv-message-scroller__jump.hover,.vv-message-scroller__jump:not([disabled]):hover){--vv-message-scroller-element-jump-background-color:var(--vv-message-scroller-element-jump-state-hover-background-color)}:where(.vv-message-scroller__jump--focus-visible,.vv-message-scroller__jump.focus-visible,.vv-message-scroller__jump:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-message-scroller-element-jump-state-focus-visible-outline);outline-offset:var(--vv-message-scroller-element-jump-state-focus-visible-outline-offset)}:where(.vv-message-scroller--fade.vv-message-scroller){-webkit-mask-image:var(--vv-message-scroller-modifier-fade-mask-image);mask-image:var(--vv-message-scroller-modifier-fade-mask-image)}:where(.vv-message-scroller--fade .vv-message-scroller__jump){inset-block-end:var(--vv-message-scroller-modifier-fade-element-jump-inset-block-end)}:where(.vv-message-scroller__jump[hidden]){display:none}
package/dist/components/vv-message.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-message-display:flex;--vv-message-align-items:flex-end;--vv-message-gap:var(--spacing-sm);--vv-message-max-width:100%;--vv-message-element-avatar-flex-shrink:0;--vv-message-element-content-display:flex;--vv-message-element-content-flex-direction:column;--vv-message-element-content-align-items:flex-start;--vv-message-element-content-gap:var(--spacing-4);--vv-message-element-content-min-width:0;--vv-message-element-content-max-width:min(100%, 48rem);--vv-message-element-header-display:flex;--vv-message-element-header-flex-wrap:wrap;--vv-message-element-header-align-items:baseline;--vv-message-element-header-gap:var(--spacing-8);--vv-message-element-header-padding-inline:var(--spacing-4);--vv-message-element-header-color:var(--color-word-3);--vv-message-element-header-font-size:var(--text-12);--vv-message-element-footer-display:flex;--vv-message-element-footer-flex-wrap:wrap;--vv-message-element-footer-align-items:center;--vv-message-element-footer-gap:var(--spacing-8);--vv-message-element-footer-color:var(--color-word-3);--vv-message-element-footer-font-size:var(--text-12);--vv-message-element-meta-display:inline-flex;--vv-message-element-meta-align-items:center;--vv-message-element-meta-gap:var(--spacing-4);--vv-message-element-meta-font-variant-numeric:tabular-nums;--vv-message-element-meta-opacity:var(--opacity-0);--vv-message-element-meta-transition:opacity var(--duration-150) var(--ease-out);--vv-message-state-hover-element-meta-opacity:var(--opacity-100);--vv-message-state-focus-within-element-meta-opacity:var(--opacity-100);--vv-message-modifier-end-flex-direction:row-reverse;--vv-message-modifier-end-element-content-align-items:flex-end;--vv-message-modifier-end-element-header-justify-content:flex-end;--vv-message-modifier-end-element-footer-justify-content:flex-end;--vv-message-modifier-wide-element-content-flex:1;--vv-message-modifier-wide-element-content-max-width:100%}:where(.vv-message){display:var(--vv-message-display);align-items:var(--vv-message-align-items);gap:var(--vv-message-gap);max-width:var(--vv-message-max-width)}:where(.vv-message__avatar){flex-shrink:var(--vv-message-element-avatar-flex-shrink)}:where(.vv-message__content){display:var(--vv-message-element-content-display);flex-direction:var(--vv-message-element-content-flex-direction);align-items:var(--vv-message-element-content-align-items);gap:var(--vv-message-element-content-gap);min-width:var(--vv-message-element-content-min-width);max-width:var(--vv-message-element-content-max-width)}:where(.vv-message__header){display:var(--vv-message-element-header-display);flex-wrap:var(--vv-message-element-header-flex-wrap);align-items:var(--vv-message-element-header-align-items);gap:var(--vv-message-element-header-gap);padding-inline:var(--vv-message-element-header-padding-inline);color:var(--vv-message-element-header-color);font-size:var(--vv-message-element-header-font-size)}:where(.vv-message__footer){display:var(--vv-message-element-footer-display);flex-wrap:var(--vv-message-element-footer-flex-wrap);align-items:var(--vv-message-element-footer-align-items);gap:var(--vv-message-element-footer-gap);color:var(--vv-message-element-footer-color);font-size:var(--vv-message-element-footer-font-size)}:where(.vv-message__meta){display:var(--vv-message-element-meta-display);align-items:var(--vv-message-element-meta-align-items);gap:var(--vv-message-element-meta-gap);font-variant-numeric:var(--vv-message-element-meta-font-variant-numeric);opacity:var(--vv-message-element-meta-opacity);transition:var(--vv-message-element-meta-transition)}:where(.vv-message--hover .vv-message__meta,.vv-message.hover .vv-message__meta,.vv-message:not([disabled]):hover .vv-message__meta){opacity:var(--vv-message-state-hover-element-meta-opacity)}:where(.vv-message--focus-within .vv-message__meta,.vv-message.focus-within .vv-message__meta,.vv-message:not([disabled]):focus-within .vv-message__meta){opacity:var(--vv-message-state-focus-within-element-meta-opacity)}:where(.vv-message--end.vv-message){flex-direction:var(--vv-message-modifier-end-flex-direction)}:where(.vv-message--end .vv-message__content){align-items:var(--vv-message-modifier-end-element-content-align-items)}:where(.vv-message--end .vv-message__header){justify-content:var(--vv-message-modifier-end-element-header-justify-content)}:where(.vv-message--end .vv-message__footer){justify-content:var(--vv-message-modifier-end-element-footer-justify-content)}:where(.vv-message--wide .vv-message__content){flex:var(--vv-message-modifier-wide-element-content-flex);max-width:var(--vv-message-modifier-wide-element-content-max-width)}@media (hover:none){:where(.vv-message__meta){opacity:var(--opacity-100)}}
package/dist/components/vv-nav.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-nav-display:flex;--vv-nav-element-menu-flex:1;--vv-nav-element-menu-display:flex;--vv-nav-element-menu-flex-direction:column;--vv-nav-element-menu-gap:var(--spacing-2);--vv-nav-element-heading-label-display:block;--vv-nav-element-heading-label-font-weight:var(--font-semibold);--vv-nav-element-item-label-display:flex;--vv-nav-element-item-label-align-items:center;--vv-nav-element-item-label-gap:.5ch;--vv-nav-element-item-label-will-change:background-color color;--vv-nav-element-item-label-transition:var(--transition-all);--vv-nav-element-item-label-color:var(--color-word-2);--vv-nav-element-item-label-cursor:pointer;--vv-nav-element-item-label-state-hover-color:var(--color-word-1);--vv-nav-element-item-label-state-current-color:var(--color-word-1);--vv-nav-element-item-label-state-disabled-opacity:var(--opacity-50);--vv-nav-element-item-label-state-disabled-cursor:not-allowed;--vv-nav-element-item-label-state-disabled-pointer-events:none;--vv-nav-element-icon-align-self:flex-start;--vv-nav-element-icon-flex-shrink:0;--vv-nav-element-icon-block-size:auto;--vv-nav-element-icon-aspect-ratio:1;--vv-nav-element-icon-background-position:center;--vv-nav-element-icon-background-repeat:no-repeat;--vv-nav-element-icon-background-size:contain;--vv-nav-element-separator-display:block;--vv-nav-element-separator-margin-block:var(--spacing-16);--vv-nav-element-separator-height:var(--spacing-px);--vv-nav-element-separator-background-color:var(--color-surface-3);--vv-nav-modifier-sidebar-font-size:var(--text-14);--vv-nav-modifier-sidebar-element-item-label-border-radius:var(--rounded-md);--vv-nav-modifier-sidebar-element-item-label-state-active-background-color:var(--color-surface-3);--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color:var(--color-surface-2);--vv-nav-modifier-sidebar-element-item-label-state-current-background-color:var(--color-surface-1);--vv-nav-modifier-aside-font-size:var(--text-12);--vv-nav-modifier-aside-border-left:var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-heading-label-text-transform:uppercase;--vv-nav-modifier-aside-element-item-label-margin-left:calc(-1 * var(--border));--vv-nav-modifier-aside-element-item-label-border-left:var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-item-label-border-radius:0;--vv-nav-modifier-aside-element-item-label-state-hover-border-color:var(--color-brand);--vv-nav-modifier-aside-element-item-label-state-current-border-color:var(--color-brand);--vv-nav-modifier-aside-element-separator-margin-block:var(--spacing-8);--vv-nav-modifier-tabs-element-menu-overflow:auto hidden;--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x:contain;--vv-nav-modifier-tabs-element-menu-scroll-behavior:smooth;--vv-nav-modifier-tabs-element-menu-scroll-snap-type:x mandatory;--vv-nav-modifier-tabs-element-menu-flex-direction:row;--vv-nav-modifier-tabs-element-menu-border-bottom:1px solid var(--color-surface-4);--vv-nav-modifier-tabs-element-menu-scrollbar-width:none;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width:0;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height:0;--vv-nav-modifier-tabs-element-item-label-border-bottom:2px solid transparent;--vv-nav-modifier-tabs-element-item-label-margin-bottom:-1px;--vv-nav-modifier-tabs-element-item-label-white-space:nowrap;--vv-nav-modifier-tabs-element-item-label-state-hover-color:var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-border-color:currentcolor;--vv-nav-modifier-tabs-element-item-label-state-current-background-color:color-mix(in srgb, var(--color-brand), transparent 95%);--vv-nav-modifier-full-element-item-flex:1 1 0%;--vv-nav-modifier-full-element-item-label-display:flex;--vv-nav-modifier-full-element-item-label-justify-content:center;--vv-nav-modifier-full-element-item-label-width:100%;--vv-nav-modifier-full-element-item-label-text-align:center}:where(.vv-nav){--nav-item-padding:var(--spacing-xs) var(--spacing-sm);display:var(--vv-nav-display)}:where(.vv-nav__menu,.vv-nav ul){flex:var(--vv-nav-element-menu-flex);display:var(--vv-nav-element-menu-display);flex-direction:var(--vv-nav-element-menu-flex-direction);gap:var(--vv-nav-element-menu-gap)}:where(.vv-nav__heading-label){display:var(--vv-nav-element-heading-label-display);font-weight:var(--vv-nav-element-heading-label-font-weight);padding:var(--nav-item-padding)}:where(.vv-nav__item-label,.vv-nav li>:is(a,button)){display:var(--vv-nav-element-item-label-display);align-items:var(--vv-nav-element-item-label-align-items);gap:var(--vv-nav-element-item-label-gap);will-change:var(--vv-nav-element-item-label-will-change);transition:var(--vv-nav-element-item-label-transition);color:var(--vv-nav-element-item-label-color);cursor:var(--vv-nav-element-item-label-cursor);padding:var(--nav-item-padding)}:where(.vv-nav__item-label--hover,.vv-nav__item-label.hover,.vv-nav li>:is(a,button).hover,.vv-nav__item-label:not([disabled]):hover,.vv-nav li>:is(a,button):not([disabled]):hover){--vv-nav-element-item-label-color:var(--vv-nav-element-item-label-state-hover-color)}:where(.vv-nav__item-label--current,.vv-nav__item-label.current,.vv-nav li>:is(a,button).current){--vv-nav-element-item-label-color:var(--vv-nav-element-item-label-state-current-color)}:where(.vv-nav__item-label--disabled,.vv-nav__item-label.disabled,.vv-nav li>:is(a,button).disabled,.vv-nav__item-label[disabled],.vv-nav li>:is(a,button)[disabled],.vv-nav__item-label[aria-disabled=true],.vv-nav li>:is(a,button)[aria-disabled=true]){opacity:var(--vv-nav-element-item-label-state-disabled-opacity);--vv-nav-element-item-label-cursor:var(--vv-nav-element-item-label-state-disabled-cursor);pointer-events:var(--vv-nav-element-item-label-state-disabled-pointer-events)}:where(.vv-nav__icon,.vv-nav li>:is(a,button)>:where(svg,[data-icon])){--nav-icon-size:1.1em;align-self:var(--vv-nav-element-icon-align-self);flex-shrink:var(--vv-nav-element-icon-flex-shrink);inline-size:var(--nav-icon-size);block-size:var(--vv-nav-element-icon-block-size);aspect-ratio:var(--vv-nav-element-icon-aspect-ratio);background-position:var(--vv-nav-element-icon-background-position);background-repeat:var(--vv-nav-element-icon-background-repeat);background-size:var(--vv-nav-element-icon-background-size);translate:0 calc((1lh - var(--nav-icon-size)) / 2)}:where(.vv-nav__separator,.vv-nav li[role=separator]){display:var(--vv-nav-element-separator-display);margin-block:var(--vv-nav-element-separator-margin-block);height:var(--vv-nav-element-separator-height);background-color:var(--vv-nav-element-separator-background-color)}:where(.vv-nav--sidebar.vv-nav){font-size:var(--vv-nav-modifier-sidebar-font-size)}:where(.vv-nav--sidebar .vv-nav__item-label,.vv-nav--sidebar li>:is(a,button)){border-radius:var(--vv-nav-modifier-sidebar-element-item-label-border-radius)}:where(.vv-nav--sidebar .vv-nav__item-label--active,.vv-nav--sidebar .vv-nav__item-label.active,.vv-nav--sidebar li>:is(a,button).active,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):active,.vv-nav--sidebar li>:is(a,button):not([disabled]):active){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-active-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--hover,.vv-nav--sidebar .vv-nav__item-label.hover,.vv-nav--sidebar li>:is(a,button).hover,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):hover,.vv-nav--sidebar li>:is(a,button):not([disabled]):hover){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--current,.vv-nav--sidebar .vv-nav__item-label.current,.vv-nav--sidebar li>:is(a,button).current){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-current-background-color)}:where(.vv-nav--aside.vv-nav){--nav-item-padding:var(--spacing-8) var(--spacing-12);font-size:var(--vv-nav-modifier-aside-font-size);border-left:var(--vv-nav-modifier-aside-border-left)}:where(.vv-nav--aside .vv-nav__heading-label){text-transform:var(--vv-nav-modifier-aside-element-heading-label-text-transform)}:where(.vv-nav--aside .vv-nav__item-label,.vv-nav--aside li>:is(a,button)){margin-left:var(--vv-nav-modifier-aside-element-item-label-margin-left);border-left:var(--vv-nav-modifier-aside-element-item-label-border-left);border-radius:var(--vv-nav-modifier-aside-element-item-label-border-radius)}:where(.vv-nav--aside .vv-nav__item-label--hover,.vv-nav--aside .vv-nav__item-label.hover,.vv-nav--aside li>:is(a,button).hover,.vv-nav--aside .vv-nav__item-label:not([disabled]):hover,.vv-nav--aside li>:is(a,button):not([disabled]):hover){border-color:var(--vv-nav-modifier-aside-element-item-label-state-hover-border-color)}:where(.vv-nav--aside .vv-nav__item-label--current,.vv-nav--aside .vv-nav__item-label.current,.vv-nav--aside li>:is(a,button).current){border-color:var(--vv-nav-modifier-aside-element-item-label-state-current-border-color)}:where(.vv-nav--aside .vv-nav__separator,.vv-nav--aside li[role=separator]){margin-block:var(--vv-nav-modifier-aside-element-separator-margin-block)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul){overflow:var(--vv-nav-modifier-tabs-element-menu-overflow);overscroll-behavior-x:var(--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x);scroll-behavior:var(--vv-nav-modifier-tabs-element-menu-scroll-behavior);scroll-snap-type:var(--vv-nav-modifier-tabs-element-menu-scroll-snap-type);flex-direction:var(--vv-nav-modifier-tabs-element-menu-flex-direction);border-bottom:var(--vv-nav-modifier-tabs-element-menu-border-bottom);scrollbar-width:var(--vv-nav-modifier-tabs-element-menu-scrollbar-width)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul)::-webkit-scrollbar{content:"";width:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width);height:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height)}:where(.vv-nav--tabs .vv-nav__item-label,.vv-nav--tabs li>:is(a,button)){border-bottom:var(--vv-nav-modifier-tabs-element-item-label-border-bottom);margin-bottom:var(--vv-nav-modifier-tabs-element-item-label-margin-bottom);white-space:var(--vv-nav-modifier-tabs-element-item-label-white-space)}:where(.vv-nav--tabs .vv-nav__item-label--hover,.vv-nav--tabs .vv-nav__item-label.hover,.vv-nav--tabs li>:is(a,button).hover,.vv-nav--tabs .vv-nav__item-label:not([disabled]):hover,.vv-nav--tabs li>:is(a,button):not([disabled]):hover){color:var(--vv-nav-modifier-tabs-element-item-label-state-hover-color)}:where(.vv-nav--tabs .vv-nav__item-label--current,.vv-nav--tabs .vv-nav__item-label.current,.vv-nav--tabs li>:is(a,button).current){color:var(--vv-nav-modifier-tabs-element-item-label-state-current-color);border-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-border-color);background-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-background-color)}:where(.vv-nav--full .vv-nav__item,.vv-nav--full li){flex:var(--vv-nav-modifier-full-element-item-flex)}:where(.vv-nav--full .vv-nav__item-label,.vv-nav--full li>:is(a,button)){display:var(--vv-nav-modifier-full-element-item-label-display);justify-content:var(--vv-nav-modifier-full-element-item-label-justify-content);width:var(--vv-nav-modifier-full-element-item-label-width);text-align:var(--vv-nav-modifier-full-element-item-label-text-align)}
1
+ :where(:host,:root,.theme){--vv-nav-display:flex;--vv-nav-element-menu-flex:1;--vv-nav-element-menu-display:flex;--vv-nav-element-menu-flex-direction:column;--vv-nav-element-menu-gap:var(--spacing-2);--vv-nav-element-heading-label-display:block;--vv-nav-element-heading-label-font-weight:var(--font-semibold);--vv-nav-element-item-label-display:flex;--vv-nav-element-item-label-align-items:center;--vv-nav-element-item-label-gap:.5ch;--vv-nav-element-item-label-will-change:background-color color;--vv-nav-element-item-label-transition:var(--transition-all);--vv-nav-element-item-label-color:var(--color-word-2);--vv-nav-element-item-label-cursor:pointer;--vv-nav-element-item-label-state-hover-color:var(--color-word-1);--vv-nav-element-item-label-state-current-color:var(--color-word-1);--vv-nav-element-item-label-state-disabled-opacity:var(--opacity-50);--vv-nav-element-item-label-state-disabled-cursor:not-allowed;--vv-nav-element-item-label-state-disabled-pointer-events:none;--vv-nav-element-icon-align-self:flex-start;--vv-nav-element-icon-flex-shrink:0;--vv-nav-element-icon-block-size:auto;--vv-nav-element-icon-aspect-ratio:1;--vv-nav-element-icon-background-position:center;--vv-nav-element-icon-background-repeat:no-repeat;--vv-nav-element-icon-background-size:contain;--vv-nav-element-separator-display:block;--vv-nav-element-separator-margin-block:var(--spacing-16);--vv-nav-element-separator-height:var(--spacing-px);--vv-nav-element-separator-background-color:var(--color-surface-3);--vv-nav-modifier-sidebar-font-size:var(--text-14);--vv-nav-modifier-sidebar-element-item-label-border-radius:var(--rounded-md);--vv-nav-modifier-sidebar-element-item-label-state-active-background-color:var(--color-surface-3);--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color:var(--color-surface-2);--vv-nav-modifier-sidebar-element-item-label-state-current-color:var(--color-surface);--vv-nav-modifier-sidebar-element-item-label-state-current-background-color:var(--color-word-1);--vv-nav-modifier-aside-font-size:var(--text-12);--vv-nav-modifier-aside-border-left:var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-heading-label-text-transform:uppercase;--vv-nav-modifier-aside-element-item-label-margin-left:calc(-1 * var(--border));--vv-nav-modifier-aside-element-item-label-border-left:var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-item-label-border-radius:0;--vv-nav-modifier-aside-element-item-label-state-hover-border-color:var(--color-brand);--vv-nav-modifier-aside-element-item-label-state-current-border-color:var(--color-brand);--vv-nav-modifier-aside-element-separator-margin-block:var(--spacing-8);--vv-nav-modifier-tabs-element-menu-overflow:auto hidden;--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x:contain;--vv-nav-modifier-tabs-element-menu-scroll-behavior:smooth;--vv-nav-modifier-tabs-element-menu-scroll-snap-type:x mandatory;--vv-nav-modifier-tabs-element-menu-flex-direction:row;--vv-nav-modifier-tabs-element-menu-border-bottom:1px solid var(--color-surface-4);--vv-nav-modifier-tabs-element-menu-scrollbar-width:none;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width:0;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height:0;--vv-nav-modifier-tabs-element-item-label-border-bottom:2px solid transparent;--vv-nav-modifier-tabs-element-item-label-margin-bottom:-1px;--vv-nav-modifier-tabs-element-item-label-white-space:nowrap;--vv-nav-modifier-tabs-element-item-label-state-hover-color:var(--color-brand-readable);--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand-readable);--vv-nav-modifier-tabs-element-item-label-state-current-border-color:currentcolor;--vv-nav-modifier-tabs-element-item-label-state-current-background-color:color-mix(in srgb, var(--color-brand), transparent 95%);--vv-nav-modifier-full-element-item-flex:1 1 0%;--vv-nav-modifier-full-element-item-label-display:flex;--vv-nav-modifier-full-element-item-label-justify-content:center;--vv-nav-modifier-full-element-item-label-width:100%;--vv-nav-modifier-full-element-item-label-text-align:center}:where(.vv-nav){--nav-item-padding:var(--spacing-xs) var(--spacing-sm);display:var(--vv-nav-display)}:where(.vv-nav__menu,.vv-nav ul){flex:var(--vv-nav-element-menu-flex);display:var(--vv-nav-element-menu-display);flex-direction:var(--vv-nav-element-menu-flex-direction);gap:var(--vv-nav-element-menu-gap)}:where(.vv-nav__heading-label){display:var(--vv-nav-element-heading-label-display);font-weight:var(--vv-nav-element-heading-label-font-weight);padding:var(--nav-item-padding)}:where(.vv-nav__item-label,.vv-nav li>:is(a,button)){display:var(--vv-nav-element-item-label-display);align-items:var(--vv-nav-element-item-label-align-items);gap:var(--vv-nav-element-item-label-gap);will-change:var(--vv-nav-element-item-label-will-change);transition:var(--vv-nav-element-item-label-transition);color:var(--vv-nav-element-item-label-color);cursor:var(--vv-nav-element-item-label-cursor);padding:var(--nav-item-padding)}:where(.vv-nav__item-label--hover,.vv-nav__item-label.hover,.vv-nav li>:is(a,button).hover,.vv-nav__item-label:not([disabled]):hover,.vv-nav li>:is(a,button):not([disabled]):hover){--vv-nav-element-item-label-color:var(--vv-nav-element-item-label-state-hover-color)}:where(.vv-nav__item-label--current,.vv-nav__item-label.current,.vv-nav li>:is(a,button).current){--vv-nav-element-item-label-color:var(--vv-nav-element-item-label-state-current-color)}:where(.vv-nav__item-label--disabled,.vv-nav__item-label.disabled,.vv-nav li>:is(a,button).disabled,.vv-nav__item-label[disabled],.vv-nav li>:is(a,button)[disabled],.vv-nav__item-label[aria-disabled=true],.vv-nav li>:is(a,button)[aria-disabled=true]){opacity:var(--vv-nav-element-item-label-state-disabled-opacity);--vv-nav-element-item-label-cursor:var(--vv-nav-element-item-label-state-disabled-cursor);pointer-events:var(--vv-nav-element-item-label-state-disabled-pointer-events)}:where(.vv-nav__icon,.vv-nav li>:is(a,button)>:where(svg,[data-icon])){--nav-icon-size:1.1em;align-self:var(--vv-nav-element-icon-align-self);flex-shrink:var(--vv-nav-element-icon-flex-shrink);inline-size:var(--nav-icon-size);block-size:var(--vv-nav-element-icon-block-size);aspect-ratio:var(--vv-nav-element-icon-aspect-ratio);background-position:var(--vv-nav-element-icon-background-position);background-repeat:var(--vv-nav-element-icon-background-repeat);background-size:var(--vv-nav-element-icon-background-size);translate:0 calc((1lh - var(--nav-icon-size)) / 2)}:where(.vv-nav__separator,.vv-nav li[role=separator]){display:var(--vv-nav-element-separator-display);margin-block:var(--vv-nav-element-separator-margin-block);height:var(--vv-nav-element-separator-height);background-color:var(--vv-nav-element-separator-background-color)}:where(.vv-nav--sidebar.vv-nav){font-size:var(--vv-nav-modifier-sidebar-font-size)}:where(.vv-nav--sidebar .vv-nav__item-label,.vv-nav--sidebar li>:is(a,button)){border-radius:var(--vv-nav-modifier-sidebar-element-item-label-border-radius)}:where(.vv-nav--sidebar .vv-nav__item-label--active,.vv-nav--sidebar .vv-nav__item-label.active,.vv-nav--sidebar li>:is(a,button).active,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):active,.vv-nav--sidebar li>:is(a,button):not([disabled]):active){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-active-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--hover,.vv-nav--sidebar .vv-nav__item-label.hover,.vv-nav--sidebar li>:is(a,button).hover,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):hover,.vv-nav--sidebar li>:is(a,button):not([disabled]):hover){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--current,.vv-nav--sidebar .vv-nav__item-label.current,.vv-nav--sidebar li>:is(a,button).current){color:var(--vv-nav-modifier-sidebar-element-item-label-state-current-color);background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-current-background-color)}:where(.vv-nav--aside.vv-nav){--nav-item-padding:var(--spacing-8) var(--spacing-12);font-size:var(--vv-nav-modifier-aside-font-size);border-left:var(--vv-nav-modifier-aside-border-left)}:where(.vv-nav--aside .vv-nav__heading-label){text-transform:var(--vv-nav-modifier-aside-element-heading-label-text-transform)}:where(.vv-nav--aside .vv-nav__item-label,.vv-nav--aside li>:is(a,button)){margin-left:var(--vv-nav-modifier-aside-element-item-label-margin-left);border-left:var(--vv-nav-modifier-aside-element-item-label-border-left);border-radius:var(--vv-nav-modifier-aside-element-item-label-border-radius)}:where(.vv-nav--aside .vv-nav__item-label--hover,.vv-nav--aside .vv-nav__item-label.hover,.vv-nav--aside li>:is(a,button).hover,.vv-nav--aside .vv-nav__item-label:not([disabled]):hover,.vv-nav--aside li>:is(a,button):not([disabled]):hover){border-color:var(--vv-nav-modifier-aside-element-item-label-state-hover-border-color)}:where(.vv-nav--aside .vv-nav__item-label--current,.vv-nav--aside .vv-nav__item-label.current,.vv-nav--aside li>:is(a,button).current){border-color:var(--vv-nav-modifier-aside-element-item-label-state-current-border-color)}:where(.vv-nav--aside .vv-nav__separator,.vv-nav--aside li[role=separator]){margin-block:var(--vv-nav-modifier-aside-element-separator-margin-block)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul){overflow:var(--vv-nav-modifier-tabs-element-menu-overflow);overscroll-behavior-x:var(--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x);scroll-behavior:var(--vv-nav-modifier-tabs-element-menu-scroll-behavior);scroll-snap-type:var(--vv-nav-modifier-tabs-element-menu-scroll-snap-type);flex-direction:var(--vv-nav-modifier-tabs-element-menu-flex-direction);border-bottom:var(--vv-nav-modifier-tabs-element-menu-border-bottom);scrollbar-width:var(--vv-nav-modifier-tabs-element-menu-scrollbar-width)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul)::-webkit-scrollbar{content:"";width:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width);height:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height)}:where(.vv-nav--tabs .vv-nav__item-label,.vv-nav--tabs li>:is(a,button)){border-bottom:var(--vv-nav-modifier-tabs-element-item-label-border-bottom);margin-bottom:var(--vv-nav-modifier-tabs-element-item-label-margin-bottom);white-space:var(--vv-nav-modifier-tabs-element-item-label-white-space)}:where(.vv-nav--tabs .vv-nav__item-label--hover,.vv-nav--tabs .vv-nav__item-label.hover,.vv-nav--tabs li>:is(a,button).hover,.vv-nav--tabs .vv-nav__item-label:not([disabled]):hover,.vv-nav--tabs li>:is(a,button):not([disabled]):hover){color:var(--vv-nav-modifier-tabs-element-item-label-state-hover-color)}:where(.vv-nav--tabs .vv-nav__item-label--current,.vv-nav--tabs .vv-nav__item-label.current,.vv-nav--tabs li>:is(a,button).current){color:var(--vv-nav-modifier-tabs-element-item-label-state-current-color);border-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-border-color);background-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-background-color)}:where(.vv-nav--full .vv-nav__item,.vv-nav--full li){flex:var(--vv-nav-modifier-full-element-item-flex)}:where(.vv-nav--full .vv-nav__item-label,.vv-nav--full li>:is(a,button)){display:var(--vv-nav-modifier-full-element-item-label-display);justify-content:var(--vv-nav-modifier-full-element-item-label-justify-content);width:var(--vv-nav-modifier-full-element-item-label-width);text-align:var(--vv-nav-modifier-full-element-item-label-text-align)}