@volverjs/style 0.1.2-beta.8 → 0.1.2

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 (180) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +53 -46
  3. package/dist/components/vv-accordion.css +1 -1
  4. package/dist/components/vv-alert.css +1 -0
  5. package/dist/components/vv-avatar.css +1 -0
  6. package/dist/components/vv-badge.css +1 -1
  7. package/dist/components/vv-breadcrumb.css +1 -1
  8. package/dist/components/vv-button-group.css +1 -1
  9. package/dist/components/vv-button.css +1 -1
  10. package/dist/components/vv-card.css +1 -1
  11. package/dist/components/vv-checkbox-group.css +1 -0
  12. package/dist/components/vv-checkbox.css +1 -0
  13. package/dist/components/vv-dialog.css +1 -1
  14. package/dist/components/vv-dropdown.css +1 -1
  15. package/dist/components/vv-input-text.css +1 -1
  16. package/dist/components/vv-nav.css +1 -1
  17. package/dist/components/vv-progress.css +1 -1
  18. package/dist/components/vv-radio-group.css +1 -0
  19. package/dist/components/vv-radio.css +1 -0
  20. package/dist/components/vv-select.css +1 -1
  21. package/dist/components/vv-skeleton.css +1 -0
  22. package/dist/components/vv-tab.css +1 -0
  23. package/dist/components/vv-table.css +1 -1
  24. package/dist/components/vv-text.css +1 -1
  25. package/dist/components/vv-textarea.css +1 -1
  26. package/dist/components/vv-toast.css +1 -0
  27. package/dist/components/vv-tooltip.css +1 -0
  28. package/dist/components.css +1 -1
  29. package/dist/export.css +1 -1
  30. package/dist/props/background.css +1 -1
  31. package/dist/props/breakpoints.css +1 -0
  32. package/dist/props/colors.css +1 -1
  33. package/dist/props/filters.css +1 -1
  34. package/dist/props/input.css +1 -1
  35. package/dist/props/layout.css +1 -1
  36. package/dist/props/spacing.css +1 -1
  37. package/dist/props/transitions.css +1 -0
  38. package/dist/props.css +1 -1
  39. package/dist/themes/dark/components.css +1 -1
  40. package/dist/themes/dark/props.css +1 -1
  41. package/dist/themes/dark/volver.css +1 -1
  42. package/dist/utilities/backgrounds.css +1 -1
  43. package/dist/utilities/borders.css +1 -1
  44. package/dist/utilities/colors.css +1 -1
  45. package/dist/utilities/effects.css +1 -1
  46. package/dist/utilities/filters.css +1 -1
  47. package/dist/utilities/flexbox.css +1 -1
  48. package/dist/utilities/interactivity.css +1 -0
  49. package/dist/utilities/layout.css +1 -1
  50. package/dist/utilities/sizing.css +1 -1
  51. package/dist/utilities/spacing.css +1 -1
  52. package/dist/utilities/transitions.css +1 -0
  53. package/dist/utilities/typography.css +1 -1
  54. package/dist/utilities.css +1 -1
  55. package/dist/volver.css +1 -1
  56. package/package.json +57 -37
  57. package/src/_config.scss +17 -11
  58. package/src/_context.scss +3 -3
  59. package/src/_preflight.scss +308 -247
  60. package/src/components/index.scss +25 -19
  61. package/src/components/vv-accordion.scss +3 -2
  62. package/src/components/vv-alert.scss +13 -0
  63. package/src/components/vv-avatar.scss +13 -0
  64. package/src/components/vv-badge.scss +3 -2
  65. package/src/components/vv-breadcrumb.scss +3 -2
  66. package/src/components/vv-button-group.scss +11 -10
  67. package/src/components/vv-button.scss +5 -8
  68. package/src/components/vv-card.scss +3 -2
  69. package/src/components/vv-checkbox-group.scss +13 -0
  70. package/src/components/{vv-input-checkbox.scss → vv-checkbox.scss} +7 -6
  71. package/src/components/vv-dialog.scss +3 -2
  72. package/src/components/vv-dropdown.scss +3 -2
  73. package/src/components/vv-input-text.scss +6 -5
  74. package/src/components/vv-nav.scss +3 -2
  75. package/src/components/vv-progress.scss +3 -2
  76. package/src/components/vv-radio-group.scss +13 -0
  77. package/src/components/{vv-input-radio.scss → vv-radio.scss} +6 -5
  78. package/src/components/vv-select.scss +6 -5
  79. package/src/components/vv-skeleton.scss +14 -0
  80. package/src/components/vv-tab.scss +13 -0
  81. package/src/components/vv-table.scss +3 -2
  82. package/src/components/vv-text.scss +3 -2
  83. package/src/components/vv-textarea.scss +6 -5
  84. package/src/components/vv-toast.scss +13 -0
  85. package/src/components/vv-tooltip.scss +33 -0
  86. package/src/export.scss +89 -27
  87. package/src/props/background.scss +1 -1
  88. package/src/props/borders.scss +1 -1
  89. package/src/props/breakpoints.scss +15 -0
  90. package/src/props/colors.scss +1 -1
  91. package/src/props/effects.scss +1 -1
  92. package/src/props/filters.scss +2 -1
  93. package/src/props/index.scss +13 -12
  94. package/src/props/input.scss +1 -1
  95. package/src/props/layout.scss +1 -1
  96. package/src/props/media.scss +1 -1
  97. package/src/props/sizing.scss +1 -1
  98. package/src/props/spacing.scss +2 -2
  99. package/src/props/{animation.scss → transitions.scss} +53 -2
  100. package/src/props/typography.scss +2 -2
  101. package/src/settings/_background.scss +6 -1
  102. package/src/settings/_breakpoints.scss +2 -0
  103. package/src/settings/_colors.scss +23 -4
  104. package/src/settings/_effects.scss +47 -2
  105. package/src/settings/_filters.scss +9 -0
  106. package/src/settings/_index.scss +40 -33
  107. package/src/settings/_input.scss +8 -6
  108. package/src/settings/_interactivity.scss +39 -0
  109. package/src/settings/_layout.scss +18 -10
  110. package/src/settings/_spacing.scss +1 -0
  111. package/src/settings/_transitions.scss +44 -0
  112. package/src/settings/components/_vv-accordion.scss +40 -34
  113. package/src/settings/components/_vv-alert.scss +161 -0
  114. package/src/settings/components/_vv-avatar.scss +55 -0
  115. package/src/settings/components/_vv-badge.scss +43 -11
  116. package/src/settings/components/_vv-breadcrumb.scss +23 -15
  117. package/src/settings/components/_vv-button-group.scss +4 -0
  118. package/src/settings/components/_vv-button.scss +30 -25
  119. package/src/settings/components/_vv-card.scss +2 -2
  120. package/src/settings/components/{_vv-input-checkbox-group.scss → _vv-checkbox-group.scss} +2 -1
  121. package/src/settings/components/{_vv-input-checkbox.scss → _vv-checkbox.scss} +46 -11
  122. package/src/settings/components/_vv-dialog.scss +71 -89
  123. package/src/settings/components/_vv-input-text.scss +83 -37
  124. package/src/settings/components/_vv-nav.scss +98 -13
  125. package/src/settings/components/_vv-progress.scss +1 -1
  126. package/src/settings/components/_vv-radio-group.scss +3 -0
  127. package/src/settings/components/{_vv-input-radio.scss → _vv-radio.scss} +33 -4
  128. package/src/settings/components/_vv-select.scss +34 -43
  129. package/src/settings/components/_vv-skeleton.scss +22 -0
  130. package/src/settings/components/_vv-tab.scss +16 -0
  131. package/src/settings/components/_vv-table.scss +8 -1
  132. package/src/settings/components/_vv-text.scss +20 -0
  133. package/src/settings/components/_vv-textarea.scss +49 -24
  134. package/src/settings/components/_vv-toast.scss +259 -0
  135. package/src/settings/components/_vv-tooltip.scss +74 -0
  136. package/src/themes/dark/_context.scss +7 -4
  137. package/src/themes/dark/components/_vv-button.scss +2 -4
  138. package/src/themes/dark/components/index.scss +1 -2
  139. package/src/themes/dark/props/_background.scss +1 -1
  140. package/src/themes/dark/props/_colors.scss +1 -1
  141. package/src/themes/dark/props/_input.scss +15 -0
  142. package/src/themes/dark/props/index.scss +3 -2
  143. package/src/themes/dark/settings/_background.scss +5 -0
  144. package/src/themes/dark/settings/_colors.scss +22 -2
  145. package/src/themes/dark/settings/_index.scss +4 -4
  146. package/src/themes/dark/settings/_input.scss +8 -0
  147. package/src/themes/dark/settings/components/_vv-button.scss +9 -9
  148. package/src/themes/dark/volver.scss +2 -2
  149. package/src/tools/_breakpoints.scss +7 -7
  150. package/src/tools/_functions.scss +95 -37
  151. package/src/tools/_index.scss +3 -3
  152. package/src/tools/_mixins.scss +166 -35
  153. package/src/utilities/backgrounds.scss +15 -8
  154. package/src/utilities/borders.scss +22 -9
  155. package/src/utilities/colors.scss +9 -5
  156. package/src/utilities/effects.scss +23 -5
  157. package/src/utilities/filters.scss +15 -4
  158. package/src/utilities/flexbox.scss +15 -8
  159. package/src/utilities/grid.scss +17 -9
  160. package/src/utilities/index.scss +13 -12
  161. package/src/utilities/interactivity.scss +10 -0
  162. package/src/utilities/layout.scss +35 -23
  163. package/src/utilities/sizing.scss +23 -26
  164. package/src/utilities/spacing.scss +1 -1
  165. package/src/utilities/transitions.scss +47 -0
  166. package/src/utilities/typography.scss +34 -17
  167. package/src/volver.scss +4 -4
  168. package/dist/components/vv-input-checkbox-group.css +0 -1
  169. package/dist/components/vv-input-checkbox.css +0 -1
  170. package/dist/components/vv-input-radio-group.css +0 -1
  171. package/dist/components/vv-input-radio.css +0 -1
  172. package/dist/props/animation.css +0 -1
  173. package/dist/utilities/animation.css +0 -1
  174. package/src/components/vv-input-checkbox-group.scss +0 -12
  175. package/src/components/vv-input-radio-group.scss +0 -12
  176. package/src/settings/_animation.scss +0 -9
  177. package/src/settings/components/_vv-input-radio-group.scss +0 -1
  178. package/src/themes/dark/components/_vv-input-checkbox.scss +0 -24
  179. package/src/themes/dark/settings/components/_vv-input-checkbox.scss +0 -26
  180. package/src/utilities/animation.scss +0 -8
package/dist/components/vv-dropdown.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dropdown-position: absolute;--vv-dropdown-inset: auto 0;--vv-dropdown-z-index: var(--z-dropdown);--vv-dropdown-display: flex;--vv-dropdown-flex-direction: column;--vv-dropdown-background-color: var(--color-surface-1);--vv-dropdown-box-shadow: var(--shadow-lg);--vv-dropdown-element-item-display: block;--vv-dropdown-element-item-padding: var(--spacing-sm);--vv-dropdown-element-item-state-hover-background-color: var(--color-surface-2);--vv-dropdown-element-item-state-active-background-color: var(--color-surface-3);--vv-dropdown-element-item-state-checked-within-color: var(--color-brand);--vv-dropdown-element-item-state-checked-within-background-color: var(--color-surface-3);--vv-dropdown-element-input-display: none;--vv-dropdown-modifier-place-top-bottom: 100%}:where(.vv-dropdown){position:var(--vv-dropdown-position);inset:var(--vv-dropdown-inset);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);background-color:var(--vv-dropdown-background-color);box-shadow:var(--vv-dropdown-box-shadow)}:where(.vv-dropdown__item,.vv-dropdown > li > :where(a,label,button)){display:var(--vv-dropdown-element-item-display);padding:var(--vv-dropdown-element-item-padding)}:where(.vv-dropdown__item--hover,.vv-dropdown__item.hover,.vv-dropdown > li > :where(a,label,button).hover,.vv-dropdown__item:not([disabled]):hover,.vv-dropdown > li > :where(a,label,button):not([disabled]):hover){background-color:var(--vv-dropdown-element-item-state-hover-background-color)}:where(.vv-dropdown__item--active,.vv-dropdown__item.active,.vv-dropdown > li > :where(a,label,button).active,.vv-dropdown__item:not([disabled]):active,.vv-dropdown > li > :where(a,label,button):not([disabled]):active){background-color:var(--vv-dropdown-element-item-state-active-background-color)}:where(.vv-dropdown__item--checked-within,.vv-dropdown__item.checked-within,.vv-dropdown > li > :where(a,label,button).checked-within,.vv-dropdown__item[\:has\(input\:checked\)],.vv-dropdown > li > :where(a,label,button)[\:has\(input\:checked\)]){color:var(--vv-dropdown-element-item-state-checked-within-color);background-color:var(--vv-dropdown-element-item-state-checked-within-background-color)}:where(.vv-dropdown__item--checked-within,.vv-dropdown__item.checked-within,.vv-dropdown > li > :where(a,label,button).checked-within,.vv-dropdown__item:has(input:checked),.vv-dropdown > li > :where(a,label,button):has(input:checked)){color:var(--vv-dropdown-element-item-state-checked-within-color);background-color:var(--vv-dropdown-element-item-state-checked-within-background-color)}:where(.vv-dropdown__input,.vv-dropdown > li > input){display:var(--vv-dropdown-element-input-display)}:where(.vv-dropdown--place-top.vv-dropdown){bottom:var(--vv-dropdown-modifier-place-top-bottom)}
1
+ :where(:host,:root,.theme){--vv-dropdown-position: absolute;--vv-dropdown-inset: auto 0;--vv-dropdown-z-index: var(--z-dropdown);--vv-dropdown-display: flex;--vv-dropdown-flex-direction: column;--vv-dropdown-background-color: var(--color-surface-1);--vv-dropdown-box-shadow: var(--shadow-lg);--vv-dropdown-element-item-display: block;--vv-dropdown-element-item-padding: var(--spacing-sm);--vv-dropdown-element-item-state-hover-background-color: var(--color-surface-2);--vv-dropdown-element-item-state-active-background-color: var(--color-surface-3);--vv-dropdown-element-item-state-checked-within-color: var(--color-brand);--vv-dropdown-element-item-state-checked-within-background-color: var(--color-surface-3);--vv-dropdown-element-input-display: none;--vv-dropdown-modifier-place-top-bottom: 100%}:where(.vv-dropdown){position:var(--vv-dropdown-position);inset:var(--vv-dropdown-inset);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);background-color:var(--vv-dropdown-background-color);box-shadow:var(--vv-dropdown-box-shadow)}:where(.vv-dropdown__item,.vv-dropdown > li > :where(a,label,button)){display:var(--vv-dropdown-element-item-display);padding:var(--vv-dropdown-element-item-padding)}:where(.vv-dropdown__item--hover,.vv-dropdown__item.hover,.vv-dropdown > li > :where(a,label,button).hover,.vv-dropdown__item:not([disabled]):hover,.vv-dropdown > li > :where(a,label,button):not([disabled]):hover){background-color:var(--vv-dropdown-element-item-state-hover-background-color)}:where(.vv-dropdown__item--active,.vv-dropdown__item.active,.vv-dropdown > li > :where(a,label,button).active,.vv-dropdown__item:not([disabled]):active,.vv-dropdown > li > :where(a,label,button):not([disabled]):active){background-color:var(--vv-dropdown-element-item-state-active-background-color)}:where(.vv-dropdown__item--checked-within,.vv-dropdown__item.checked-within,.vv-dropdown > li > :where(a,label,button).checked-within,.vv-dropdown__item:has(input:checked),.vv-dropdown > li > :where(a,label,button):has(input:checked)){color:var(--vv-dropdown-element-item-state-checked-within-color);background-color:var(--vv-dropdown-element-item-state-checked-within-background-color)}:where(.vv-dropdown__input,.vv-dropdown > li > input){display:var(--vv-dropdown-element-input-display)}:where(.vv-dropdown--place-top.vv-dropdown){bottom:var(--vv-dropdown-modifier-place-top-bottom)}
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-element-label-display: var(--input-label-display);--vv-input-text-element-label-font-size: var(--input-label-font-size);--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: background-color .3s ease-in-out;--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-transform: scaleX(0);--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: transform .3s ease-in-out;--vv-input-text-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-input-text-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-input-text-element-input-display: block;--vv-input-text-element-input-flex: 1;--vv-input-text-element-input-color: var(--input-color);--vv-input-text-element-input-min-height: var(--spacing-50);--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: 0;--vv-input-text-element-input-pseudo-search-cancel-button-display: none;--vv-input-text-element-input-pseudo-color-swatch-wrapper-display: block;--vv-input-text-element-input-pseudo-color-swatch-wrapper-border: none;--vv-input-text-element-input-pseudo-color-swatch-wrapper-height: 100%;--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding: 0;--vv-input-text-element-input-pseudo-color-swatch-display: block;--vv-input-text-element-input-pseudo-color-swatch-border: none;--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-outer-spin-button-display: none;--vv-input-text-element-input-pseudo-inner-spin-button-display: none;--vv-input-text-element-input-state-disabled-cursor: not-allowed;--vv-input-text-element-input-state-readonly-cursor: text;--vv-input-text-element-number--moz-appearance: textfield;--vv-input-text-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-input-text-element-icon-position: var(--input-icon-position);--vv-input-text-element-icon-width: var(--input-icon-width);--vv-input-text-element-icon-height: var(--input-icon-height);--vv-input-text-element-icon-padding: var(--input-icon-padding);--vv-input-text-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-right: 0;--vv-input-text-element-actions-group-display: flex;--vv-input-text-element-actions-group-flex-direction: column;--vv-input-text-element-actions-group-position: absolute;--vv-input-text-element-actions-group-right: 0;--vv-input-text-element-actions-group-top: 0;--vv-input-text-element-actions-group-bottom: var(--spacing-px);--vv-input-text-element-action-chevron-flex: 1;--vv-input-text-element-action-chevron-width: calc(1em + var(--spacing-sm) * 2);--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-cursor: pointer;--vv-input-text-element-action-chevron-state-hover-background-color: var(--color-surface-4);--vv-input-text-element-action-chevron-state-active-background-color: var(--color-surface-5);--vv-input-text-element-action-chevron-up-transform: 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-hint-max-width: var(--input-hint-max-width);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-icon-right-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-transform: scaleX(1);--vv-input-text-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-input-text-modifier-floating-element-label-position: absolute;--vv-input-text-modifier-floating-element-label-z-index: 1;--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-transform-origin: left;--vv-input-text-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-input-text-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-focus-within-element-input-transform: translateY(.85ch);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-input-text-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-dirty-element-input-transform: translateY(.85ch);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-state-disabled-opacity: .5;--vv-input-text-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-input-text-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}: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)}: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);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);transform:var(--vv-input-text-element-wrapper-pseudo-after-transform);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-transform: var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform)}: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);color:var(--vv-input-text-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-input-text-element-input-min-height)}:where(.vv-input-text__input,.vv-input-text input)::-moz-placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}: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:"";display:var(--vv-input-text-element-input-pseudo-search-cancel-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-search-cancel-button{display:var(--vv-input-text-element-input-pseudo-search-cancel-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch-wrapper{content:"";display:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-display);border:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-border);height:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-height);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{display:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-display);border:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-border);height:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-height);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:"";display:var(--vv-input-text-element-input-pseudo-color-swatch-display);border:var(--vv-input-text-element-input-pseudo-color-swatch-border);height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch{display:var(--vv-input-text-element-input-pseudo-color-swatch-display);border:var(--vv-input-text-element-input-pseudo-color-swatch-border);height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius)}: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--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)}: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 :where(svg,[data-icon])){margin:var(--vv-input-text-element-icon-margin);position:var(--vv-input-text-element-icon-position);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);padding:var(--vv-input-text-element-icon-padding);pointer-events:var(--vv-input-text-element-icon-pointer-events)}:where(.vv-input-text__icon-right,.vv-input-text input + :where(svg,[data-icon])){right:var(--vv-input-text-element-icon-right-right)}: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);position:var(--vv-input-text-element-actions-group-position);right:var(--vv-input-text-element-actions-group-right);top:var(--vv-input-text-element-actions-group-top);bottom:var(--vv-input-text-element-actions-group-bottom)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);width:var(--vv-input-text-element-action-chevron-width);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);cursor:var(--vv-input-text-element-action-chevron-cursor)}:where(.vv-input-text__action-chevron--hover,.vv-input-text__action-chevron.hover,.vv-input-text__action-chevron:not([disabled]):hover){background-color:var(--vv-input-text-element-action-chevron-state-hover-background-color)}:where(.vv-input-text__action-chevron--active,.vv-input-text__action-chevron.active,.vv-input-text__action-chevron:not([disabled]):active){background-color:var(--vv-input-text-element-action-chevron-state-active-background-color)}:where(.vv-input-text__action-chevron-up){transform:var(--vv-input-text-element-action-chevron-up-transform)}: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);max-width:var(--vv-input-text-element-hint-max-width)}: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)),: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: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\: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):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: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--icon-left.vv-input-text){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right.vv-input-text){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--valid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform)}: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__icon-right,.vv-input-text--valid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-right-color)}:where(.vv-input-text--invalid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform)}: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__icon-right,.vv-input-text--invalid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-right-color)}:where(.vv-input-text--loading .vv-input-text__wrapper):before{content:"";height:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-input-text--loading .vv-input-text__wrapper):after{content:"";animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-input-text--floating .vv-input-text__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-input-text--floating .vv-input-text__hint,.vv-input-text--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-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);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-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);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);transform-origin:var(--vv-input-text-modifier-floating-element-label-transform-origin);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::placeholder{content:"";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){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-label-transform);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){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-input-transform)}: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)::-moz-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--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\(*\:-moz-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\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);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__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){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);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__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-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(*:-moz-placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);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__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){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);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\(*\:-moz-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\(*\:-moz-placeholder-shown\)] input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}: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){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}: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(*:-moz-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(*:-moz-placeholder-shown)) input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}: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){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}: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)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}: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\(*\:-moz-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\(*\:-moz-placeholder-shown\)] input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}: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--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)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}: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(*:-moz-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(*:-moz-placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}: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)}
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-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-min-height: var(--spacing-50);--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-transform: scaleX(0);--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(--color-surface-3);--vv-input-text-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-input-text-element-input-display: block;--vv-input-text-element-input-flex: 1;--vv-input-text-element-input-color: var(--input-color);--vv-input-text-element-input-min-width: 0;--vv-input-text-element-input-block-size: calc(var(--input-line-height) * var(--input-font-size));--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: 0;--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance: none;--vv-input-text-element-input-pseudo-search-cancel-button-opacity: 0;--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding: 1px;--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-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-number--moz-appearance: textfield;--vv-input-text-element-icon-margin: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-input-text-element-icon-width: var(--input-icon-width);--vv-input-text-element-icon-height: var(--input-icon-height);--vv-input-text-element-icon-padding: var(--input-icon-padding);--vv-input-text-element-icon-left-position: var(--input-icon-position);--vv-input-text-element-icon-left-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-position: var(--input-icon-position);--vv-input-text-element-icon-right-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-right: 0;--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-cursor: pointer;--vv-input-text-element-action-state-focus-visible-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-input-text-element-action-chevron-flex: 1;--vv-input-text-element-action-chevron-width: calc(var(--input-icon-width) + var(--input-spacing-left) + var(--input-spacing-right));--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-cursor: pointer;--vv-input-text-element-action-chevron-state-focus-visible-background-color: var(--color-surface-3);--vv-input-text-element-action-chevron-state-hover-background-color: var(--color-surface-4);--vv-input-text-element-action-chevron-state-active-background-color: var(--color-surface-5);--vv-input-text-element-action-chevron-up-transform: 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-hint-max-width: var(--input-hint-max-width);--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-modifier-icon-right-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-transform: scaleX(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-right-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-transform: scaleX(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-right-color: var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-input-text-modifier-floating-element-label-position: absolute;--vv-input-text-modifier-floating-element-label-z-index: 1;--vv-input-text-modifier-floating-element-label-display: flex;--vv-input-text-modifier-floating-element-label-align-items: center;--vv-input-text-modifier-floating-element-label-min-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: 0;--vv-input-text-modifier-floating-state-focus-within-element-label-transform: translateY(-.8em);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-focus-within-element-input-transform: translateY(.55em);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-modifier-floating-state-dirty-element-label-transform: translateY(-.8em);--vv-input-text-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-dirty-element-input-transform: translateY(.55em);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-state-disabled-opacity: .5;--vv-input-text-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-input-text-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}: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);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);min-height:var(--vv-input-text-element-wrapper-min-height)}: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);transform:var(--vv-input-text-element-wrapper-pseudo-after-transform);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-transform: var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform)}: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);color:var(--vv-input-text-element-input-color);margin-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);block-size:var(--vv-input-text-element-input-block-size)}:where(.vv-input-text__input,.vv-input-text input)::-moz-placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}: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-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)}: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 :where(svg,[data-icon])){margin:var(--vv-input-text-element-icon-margin);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);padding:var(--vv-input-text-element-icon-padding)}:where(.vv-input-text__icon-left,.vv-input-text > div > :where(svg,[data-icon])){position:var(--vv-input-text-element-icon-left-position);pointer-events:var(--vv-input-text-element-icon-left-pointer-events)}:where(.vv-input-text__icon-right,.vv-input-text input + :where(svg,[data-icon])){position:var(--vv-input-text-element-icon-right-position);pointer-events:var(--vv-input-text-element-icon-right-pointer-events);right:var(--vv-input-text-element-icon-right-right)}: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){cursor:var(--vv-input-text-element-action-cursor)}: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){text-shadow:var(--vv-input-text-element-action-state-focus-visible-text-shadow)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);width:var(--vv-input-text-element-action-chevron-width);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);cursor:var(--vv-input-text-element-action-chevron-cursor)}:where(.vv-input-text__action-chevron--focus-visible,.vv-input-text__action-chevron.focus-visible,.vv-input-text__action-chevron:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-input-text-element-action-chevron-state-focus-visible-background-color)}:where(.vv-input-text__action-chevron--hover,.vv-input-text__action-chevron.hover,.vv-input-text__action-chevron:not([disabled]):hover){background-color:var(--vv-input-text-element-action-chevron-state-hover-background-color)}:where(.vv-input-text__action-chevron--active,.vv-input-text__action-chevron.active,.vv-input-text__action-chevron:not([disabled]):active){background-color:var(--vv-input-text-element-action-chevron-state-active-background-color)}:where(.vv-input-text__action-chevron-up){transform:var(--vv-input-text-element-action-chevron-up-transform)}: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);max-width:var(--vv-input-text-element-hint-max-width)}: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: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: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--icon-left.vv-input-text){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right.vv-input-text){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}.vv-input-text--icon-right .vv-input-text__limit{margin-left:var(--vv-input-text-modifier-icon-right-element-limit-margin-left)}.vv-input-text--valid .vv-input-text__wrapper:after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--valid .vv-input-text__hint,.vv-input-text--valid > small){color:var(--vv-input-text-modifier-valid-element-hint-color)}.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-right,.vv-input-text--valid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-right-color)}.vv-input-text--invalid .vv-input-text__wrapper:after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--invalid .vv-input-text__hint,.vv-input-text--invalid > small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}.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-right,.vv-input-text--invalid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-right-color)}.vv-input-text--loading .vv-input-text__wrapper:before{content:"";height:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background)}.vv-input-text--loading .vv-input-text__wrapper:after{content:"";animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-input-text--floating .vv-input-text__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}: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);display:var(--vv-input-text-modifier-floating-element-label-display);align-items:var(--vv-input-text-modifier-floating-element-label-align-items);min-height:var(--vv-input-text-modifier-floating-element-label-min-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-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);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)::-moz-placeholder{content:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);-moz-transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);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__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){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-label-transform);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){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-input-transform)}: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)::-moz-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--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(*:-moz-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(*:-moz-placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);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__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){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);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(*:-moz-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(*:-moz-placeholder-shown)) input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}: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){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}: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)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}: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(*:-moz-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(*:-moz-placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}: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)}
package/dist/components/vv-nav.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--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: block;--vv-nav-element-item-label-will-change: background-color color;--vv-nav-element-item-label-transition: all .3s ease-in-out;--vv-nav-element-item-label-border-radius: var(--rounded-md);--vv-nav-element-item-label-color: var(--color-word-3);--vv-nav-element-item-label-state-hover-background-color: var(--color-surface-2);--vv-nav-element-item-label-state-hover-color: var(--color-word-1);--vv-nav-element-item-label-state-active-background-color: var(--color-surface-3);--vv-nav-element-item-label-state-current-background-color: var(--color-surface-2);--vv-nav-element-item-label-state-current-color: var(--color-word-1);--vv-nav-element-divider-display: block;--vv-nav-element-divider-margin-block: var(--spacing-16);--vv-nav-element-divider-height: var(--spacing-px);--vv-nav-element-divider-background-color: var(--color-surface-3);--vv-nav-modifier-menu-font-size: .9em;--vv-nav-modifier-menu-display: flex;--vv-nav-modifier-menu-flex-direction: column}:where(.vv-nav){--nav-item-padding: var(--spacing-xs) var(--spacing-sm)}: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,.vv-nav [aria-hidden=true]){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 > a){display:var(--vv-nav-element-item-label-display);will-change:var(--vv-nav-element-item-label-will-change);transition:var(--vv-nav-element-item-label-transition);border-radius:var(--vv-nav-element-item-label-border-radius);color:var(--vv-nav-element-item-label-color);padding:var(--nav-item-padding)}:where(.vv-nav__item-label--hover,.vv-nav__item-label.hover,.vv-nav li > a.hover,.vv-nav__item-label:not([disabled]):hover,.vv-nav li > a:not([disabled]):hover){background-color:var(--vv-nav-element-item-label-state-hover-background-color);--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-hover-color)}:where(.vv-nav__item-label--active,.vv-nav__item-label.active,.vv-nav li > a.active,.vv-nav__item-label:not([disabled]):active,.vv-nav li > a:not([disabled]):active){background-color:var(--vv-nav-element-item-label-state-active-background-color)}:where(.vv-nav__item-label--current,.vv-nav__item-label.current,.vv-nav li > a.current){background-color:var(--vv-nav-element-item-label-state-current-background-color);--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-current-color)}:where(.vv-nav__divider,.vv-nav li[role=separator]){display:var(--vv-nav-element-divider-display);margin-block:var(--vv-nav-element-divider-margin-block);height:var(--vv-nav-element-divider-height);background-color:var(--vv-nav-element-divider-background-color)}:where(.vv-nav--menu.vv-nav){font-size:var(--vv-nav-modifier-menu-font-size);display:var(--vv-nav-modifier-menu-display);flex-direction:var(--vv-nav-modifier-menu-flex-direction)}
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-will-change: background-color color;--vv-nav-element-item-label-transition: var(--transition-all);--vv-nav-element-item-label-color: var(--color-word-3);--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-divider-display: block;--vv-nav-element-divider-margin-block: var(--spacing-16);--vv-nav-element-divider-height: var(--spacing-px);--vv-nav-element-divider-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-hover-background-color: var(--color-surface-2);--vv-nav-modifier-sidebar-element-item-label-state-active-background-color: var(--color-surface-3);--vv-nav-modifier-sidebar-element-item-label-state-current-background-color: var(--color-surface-2);--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-divider-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: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-background-color: hsla(var(--color-brand-hue) var(--color-brand-saturation) var(--color-brand-lightness)/5%);--vv-nav-modifier-full-element-item-flex: 1 1 0%;--vv-nav-modifier-full-element-item-label-display: block;--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 > a){display:var(--vv-nav-element-item-label-display);align-items:var(--vv-nav-element-item-label-align-items);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);padding:var(--nav-item-padding)}:where(.vv-nav__item-label--hover,.vv-nav__item-label.hover,.vv-nav li > a.hover,.vv-nav__item-label:not([disabled]):hover,.vv-nav li > a: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 > a.current){--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-current-color)}:where(.vv-nav__divider,.vv-nav li[role=separator]){display:var(--vv-nav-element-divider-display);margin-block:var(--vv-nav-element-divider-margin-block);height:var(--vv-nav-element-divider-height);background-color:var(--vv-nav-element-divider-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 > a){border-radius:var(--vv-nav-modifier-sidebar-element-item-label-border-radius)}:where(.vv-nav--sidebar .vv-nav__item-label--hover,.vv-nav--sidebar .vv-nav__item-label.hover,.vv-nav--sidebar li > a.hover,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):hover,.vv-nav--sidebar li > a: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--active,.vv-nav--sidebar .vv-nav__item-label.active,.vv-nav--sidebar li > a.active,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):active,.vv-nav--sidebar li > a: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--current,.vv-nav--sidebar .vv-nav__item-label.current,.vv-nav--sidebar li > a.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)}.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 > a){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 > a.hover,.vv-nav--aside .vv-nav__item-label:not([disabled]):hover,.vv-nav--aside li > a: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 > a.current){border-color:var(--vv-nav-modifier-aside-element-item-label-state-current-border-color)}:where(.vv-nav--aside .vv-nav__divider,.vv-nav--aside li[role=separator]){margin-block:var(--vv-nav-modifier-aside-element-divider-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 > a){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 > a.hover,.vv-nav--tabs .vv-nav__item-label:not([disabled]):hover,.vv-nav--tabs li > a: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 > a.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 > a){display:var(--vv-nav-modifier-full-element-item-label-display);text-align:var(--vv-nav-modifier-full-element-item-label-text-align)}
package/dist/components/vv-progress.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-progress-position: relative;--vv-progress-display: flex;--vv-progress-appearance: none;--vv-progress-width: 100%;--vv-progress-height: var(--spacing-8);--vv-progress-border: var(--border-0);--vv-progress-border-radius: var(--rounded-full);--vv-progress-overflow: hidden;--vv-progress-color: var(--color-brand);--vv-progress-background-color: var(--color-surface-2);--vv-progress-pseudo--webkit-progress-bar-background-color: transparent;--vv-progress-pseudo--moz-progress-bar-background-color: var(--color-brand);--vv-progress-pseudo--webkit-progress-value-background-color: var(--color-brand);--vv-progress-state-indeterminate-background: var(--color-surface-2) linear-gradient(to right, var(--color-brand) 30%, var(--color-surface-2) 30%) top left/150% 150% no-repeat;--vv-progress-state-indeterminate-animation: var(--animate-progress-indeterminate);--vv-progress-state-indeterminate-pseudo-progress-bar-background: transparent;--vv-progress-state-indeterminate-pseudo-progress-value-background: transparent}:where(.vv-progress){position:var(--vv-progress-position);display:var(--vv-progress-display);-webkit-appearance:var(--vv-progress-appearance);-moz-appearance:var(--vv-progress-appearance);appearance:var(--vv-progress-appearance);width:var(--vv-progress-width);height:var(--vv-progress-height);border:var(--vv-progress-border);border-radius:var(--vv-progress-border-radius);overflow:var(--vv-progress-overflow);color:var(--vv-progress-color);background-color:var(--vv-progress-background-color)}:where(.vv-progress)::-webkit-progress-bar{content:"";background-color:var(--vv-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-progress)::-moz-progress-bar{content:"";background-color:var(--vv-progress-pseudo--moz-progress-bar-background-color)}:where(.vv-progress)::-webkit-progress-value{content:"";background-color:var(--vv-progress-pseudo--webkit-progress-value-background-color)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate){background:var(--vv-progress-state-indeterminate-background);animation:var(--vv-progress-state-indeterminate-animation)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-webkit-progress-bar{content:"";background:var(--vv-progress-state-indeterminate-pseudo-progress-bar-background)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-moz-progress-bar{background:var(--vv-progress-state-indeterminate-pseudo-progress-bar-background)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-webkit-progress-value{content:"";background:var(--vv-progress-state-indeterminate-pseudo-progress-value-background)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-moz-progress-value{background:var(--vv-progress-state-indeterminate-pseudo-progress-value-background)}
1
+ :where(:host,:root,.theme){--vv-progress-position: relative;--vv-progress-display: flex;--vv-progress-appearance: none;--vv-progress-width: 100%;--vv-progress-height: var(--spacing-8);--vv-progress-border: var(--border-0);--vv-progress-border-radius: var(--rounded-full);--vv-progress-overflow: hidden;--vv-progress-color: var(--color-brand);--vv-progress-background-color: var(--color-surface-2);--vv-progress-pseudo--webkit-progress-bar-background-color: transparent;--vv-progress-pseudo--moz-progress-bar-background-color: var(--color-brand);--vv-progress-pseudo--webkit-progress-value-background-color: var(--color-brand);--vv-progress-state-indeterminate-background: var(--color-surface-2) linear-gradient(to right, var(--color-brand) 30%, var(--color-surface-2) 30%) top left/150% 150% no-repeat;--vv-progress-state-indeterminate-animation: var(--animation-progress-indeterminate);--vv-progress-state-indeterminate-pseudo-progress-bar-background: transparent;--vv-progress-state-indeterminate-pseudo-progress-value-background: transparent}:where(.vv-progress){position:var(--vv-progress-position);display:var(--vv-progress-display);-webkit-appearance:var(--vv-progress-appearance);-moz-appearance:var(--vv-progress-appearance);appearance:var(--vv-progress-appearance);width:var(--vv-progress-width);height:var(--vv-progress-height);border:var(--vv-progress-border);border-radius:var(--vv-progress-border-radius);overflow:var(--vv-progress-overflow);color:var(--vv-progress-color);background-color:var(--vv-progress-background-color)}:where(.vv-progress)::-webkit-progress-bar{content:"";background-color:var(--vv-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-progress)::-moz-progress-bar{content:"";background-color:var(--vv-progress-pseudo--moz-progress-bar-background-color)}:where(.vv-progress)::-webkit-progress-value{content:"";background-color:var(--vv-progress-pseudo--webkit-progress-value-background-color)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate){background:var(--vv-progress-state-indeterminate-background);animation:var(--vv-progress-state-indeterminate-animation)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-webkit-progress-bar{content:"";background:var(--vv-progress-state-indeterminate-pseudo-progress-bar-background)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-moz-progress-bar{background:var(--vv-progress-state-indeterminate-pseudo-progress-bar-background)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-webkit-progress-value{content:"";background:var(--vv-progress-state-indeterminate-pseudo-progress-value-background)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-moz-progress-value{background:var(--vv-progress-state-indeterminate-pseudo-progress-value-background)}
package/dist/components/vv-radio-group.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-radio-group-display: var(--input-display);--vv-radio-group-flex: var(--input-flex);--vv-radio-group-flex-direction: var(--input-flex-direction);--vv-radio-group-min-width: var(--input-min-width);--vv-radio-group-element-legend-display: var(--input-label-display);--vv-radio-group-element-legend-font-size: var(--input-label-font-size);--vv-radio-group-element-legend-color: var(--input-label-color);--vv-radio-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-radio-group-element-legend-white-space: var(--input-label-white-space);--vv-radio-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-radio-group-element-legend-overflow: var(--input-label-overflow);--vv-radio-group-element-legend-max-width: var(--input-label-max-width);--vv-radio-group-element-wrapper-position: relative;--vv-radio-group-element-wrapper-display: flex;--vv-radio-group-element-wrapper-flex-direction: column;--vv-radio-group-element-wrapper-flex-wrap: wrap;--vv-radio-group-element-hint-display: var(--input-hint-display);--vv-radio-group-element-hint-font-size: var(--input-hint-font-size);--vv-radio-group-element-hint-color: var(--input-hint-color);--vv-radio-group-element-hint-padding-top: var(--input-hint-gap);--vv-radio-group-element-hint-white-space: var(--input-hint-white-space);--vv-radio-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-radio-group-element-hint-overflow: var(--input-hint-overflow);--vv-radio-group-element-hint-max-width: var(--input-hint-max-width);--vv-radio-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-radio-group-element-hint-margin-bottom: var(--input-gap);--vv-radio-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-radio-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-radio-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-radio-group){display:var(--vv-radio-group-display);flex:var(--vv-radio-group-flex);flex-direction:var(--vv-radio-group-flex-direction);min-width:var(--vv-radio-group-min-width)}:where(.vv-radio-group__legend,.vv-radio-group > legend){display:var(--vv-radio-group-element-legend-display);font-size:var(--vv-radio-group-element-legend-font-size);color:var(--vv-radio-group-element-legend-color);margin:var(--vv-radio-group-element-legend-margin);white-space:var(--vv-radio-group-element-legend-white-space);text-overflow:var(--vv-radio-group-element-legend-text-overflow);overflow:var(--vv-radio-group-element-legend-overflow);max-width:var(--vv-radio-group-element-legend-max-width)}:where(.vv-radio-group__wrapper){position:var(--vv-radio-group-element-wrapper-position);display:var(--vv-radio-group-element-wrapper-display);flex-direction:var(--vv-radio-group-element-wrapper-flex-direction);flex-wrap:var(--vv-radio-group-element-wrapper-flex-wrap)}:where(.vv-radio-group__hint,.vv-radio-group > small){display:var(--vv-radio-group-element-hint-display);font-size:var(--vv-radio-group-element-hint-font-size);color:var(--vv-radio-group-element-hint-color);padding-top:var(--vv-radio-group-element-hint-padding-top);white-space:var(--vv-radio-group-element-hint-white-space);text-overflow:var(--vv-radio-group-element-hint-text-overflow);overflow:var(--vv-radio-group-element-hint-overflow);max-width:var(--vv-radio-group-element-hint-max-width);margin-top:var(--vv-radio-group-element-hint-margin-top);margin-bottom:var(--vv-radio-group-element-hint-margin-bottom)}.vv-radio-group--horizontal .vv-radio-group__wrapper{flex-direction:var(--vv-radio-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-radio-group--valid .vv-radio-group__hint,.vv-radio-group--valid > small){color:var(--vv-radio-group-modifier-valid-element-hint-color)}:where(.vv-radio-group--invalid .vv-radio-group__hint,.vv-radio-group--invalid > small){color:var(--vv-radio-group-modifier-invalid-element-hint-color)}
package/dist/components/vv-radio.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-radio-display: inline-flex;--vv-radio-flex-wrap: wrap;--vv-radio-align-items: center;--vv-radio-cursor: pointer;--vv-radio-user-select: none;--vv-radio-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-radio-color: var(--input-color);--vv-radio-font-size: var(--input-font-size);--vv-radio-line-height: var(--input-line-height);--vv-radio-min-width: var(--input-min-width);--vv-radio-state-disabled-opacity: .3;--vv-radio-state-disabled-cursor: not-allowed;--vv-radio-modifier-readonly-opacity: 1;--vv-radio-modifier-readonly-cursor: default;--vv-radio-modifier-readonly-pointer-events: none;--vv-radio-modifier-valid-element-hint-color: var(--input-valid-color);--vv-radio-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-radio-element-input-border: var(--spacing-2) solid var(--input-color);--vv-radio-element-input-min-width: var(--spacing-20);--vv-radio-element-input-height: var(--spacing-20);--vv-radio-element-input-border-radius: 50%;--vv-radio-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-radio-element-input-background: transparent;--vv-radio-element-input-cursor: pointer;--vv-radio-element-input-position: relative;--vv-radio-element-input-pseudo-after-position: absolute;--vv-radio-element-input-pseudo-after-width: 70%;--vv-radio-element-input-pseudo-after-height: 70%;--vv-radio-element-input-pseudo-after-background: var(--input-color);--vv-radio-element-input-pseudo-after-inset: 50% 50%;--vv-radio-element-input-pseudo-after-border-radius: 50%;--vv-radio-element-input-pseudo-after-transform: translate(-50%, -50%) scale(0);--vv-radio-element-input-pseudo-after-will-change: transform;--vv-radio-element-input-pseudo-after-transition: var(--transition-transform);--vv-radio-element-input-state-checked-pseudo-after-transform: translate(-50%, -50%) scale(1);--vv-radio-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-radio-element-input-state-focus-visible-outline-offset: var(--spacing-2);--vv-radio-element-hint-flex-basis: 100%;--vv-radio-element-hint-display: var(--input-hint-display);--vv-radio-element-hint-font-size: var(--input-hint-font-size);--vv-radio-element-hint-color: var(--input-hint-color);--vv-radio-element-hint-padding-top: var(--input-hint-gap);--vv-radio-element-hint-white-space: var(--input-hint-white-space);--vv-radio-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-radio-element-hint-overflow: var(--input-hint-overflow);--vv-radio-element-hint-max-width: var(--input-hint-max-width)}:where(.vv-radio){display:var(--vv-radio-display);flex-wrap:var(--vv-radio-flex-wrap);align-items:var(--vv-radio-align-items);cursor:var(--vv-radio-cursor);-webkit-user-select:var(--vv-radio-user-select);-moz-user-select:var(--vv-radio-user-select);user-select:var(--vv-radio-user-select);margin:var(--vv-radio-margin);color:var(--vv-radio-color);font-size:var(--vv-radio-font-size);line-height:var(--vv-radio-line-height);min-width:var(--vv-radio-min-width)}:where(.vv-radio__input,.vv-radio > input[type=radio]){border:var(--vv-radio-element-input-border);min-width:var(--vv-radio-element-input-min-width);height:var(--vv-radio-element-input-height);border-radius:var(--vv-radio-element-input-border-radius);margin:var(--vv-radio-element-input-margin);background:var(--vv-radio-element-input-background);cursor:var(--vv-radio-element-input-cursor);position:var(--vv-radio-element-input-position)}:where(.vv-radio__input,.vv-radio > input[type=radio]):after{content:"";position:var(--vv-radio-element-input-pseudo-after-position);width:var(--vv-radio-element-input-pseudo-after-width);height:var(--vv-radio-element-input-pseudo-after-height);background:var(--vv-radio-element-input-pseudo-after-background);inset:var(--vv-radio-element-input-pseudo-after-inset);border-radius:var(--vv-radio-element-input-pseudo-after-border-radius);transform:var(--vv-radio-element-input-pseudo-after-transform);will-change:var(--vv-radio-element-input-pseudo-after-will-change);transition:var(--vv-radio-element-input-pseudo-after-transition)}:where(.vv-radio__input--checked,.vv-radio__input.checked,.vv-radio > input[type=radio].checked,.vv-radio__input:checked,.vv-radio > input[type=radio]:checked):after{--vv-radio-element-input-pseudo-after-transform: var(--vv-radio-element-input-state-checked-pseudo-after-transform)}:where(.vv-radio__input--focus-visible,.vv-radio__input.focus-visible,.vv-radio > input[type=radio].focus-visible,.vv-radio__input:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible,.vv-radio > input[type=radio]:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-radio-element-input-state-focus-visible-outline);outline-offset:var(--vv-radio-element-input-state-focus-visible-outline-offset)}:where(.vv-radio__hint,.vv-radio > small){flex-basis:var(--vv-radio-element-hint-flex-basis);display:var(--vv-radio-element-hint-display);font-size:var(--vv-radio-element-hint-font-size);color:var(--vv-radio-element-hint-color);padding-top:var(--vv-radio-element-hint-padding-top);white-space:var(--vv-radio-element-hint-white-space);text-overflow:var(--vv-radio-element-hint-text-overflow);overflow:var(--vv-radio-element-hint-overflow);max-width:var(--vv-radio-element-hint-max-width)}:where(.vv-radio:has(> input[type=radio]:disabled)),:where(.vv-radio--disabled,.vv-radio.disabled,.vv-radio[disabled],.vv-radio[aria-disabled=true]){opacity:var(--vv-radio-state-disabled-opacity);--vv-radio-cursor: var(--vv-radio-state-disabled-cursor)}:where(.vv-radio--readonly.vv-radio){opacity:var(--vv-radio-modifier-readonly-opacity);--vv-radio-cursor: var(--vv-radio-modifier-readonly-cursor);pointer-events:var(--vv-radio-modifier-readonly-pointer-events)}:where(.vv-radio--valid .vv-radio__hint,.vv-radio--valid > small){color:var(--vv-radio-modifier-valid-element-hint-color)}:where(.vv-radio--invalid .vv-radio__hint,.vv-radio--invalid > small){color:var(--vv-radio-modifier-invalid-element-hint-color)}
package/dist/components/vv-select.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-select-display: var(--input-display);--vv-select-flex: var(--input-flex);--vv-select-flex-direction: var(--input-flex-direction);--vv-select-margin-bottom: var(--input-gap);--vv-select-font-size: var(--input-font-size);--vv-select-line-height: var(--input-line-height);--vv-select-user-select: none;--vv-select-element-label-display: var(--input-label-display);--vv-select-element-label-font-size: var(--input-label-font-size);--vv-select-element-label-color: var(--input-label-color);--vv-select-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-select-element-label-white-space: var(--input-label-white-space);--vv-select-element-label-text-overflow: var(--input-label-text-overflow);--vv-select-element-label-overflow: var(--input-label-overflow);--vv-select-element-label-max-width: var(--input-label-max-width);--vv-select-element-wrapper-position: relative;--vv-select-element-wrapper-display: flex;--vv-select-element-wrapper-align-items: center;--vv-select-element-wrapper-flex: 1;--vv-select-element-wrapper-background-color: var(--input-background-color);--vv-select-element-wrapper-will-change: background-color;--vv-select-element-wrapper-transition: background-color .3s ease-in-out;--vv-select-element-wrapper-pseudo-before-position: absolute;--vv-select-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-select-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-select-element-wrapper-pseudo-after-position: absolute;--vv-select-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-select-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-after-background: var(--color-brand);--vv-select-element-wrapper-pseudo-after-transform: scaleX(0);--vv-select-element-wrapper-pseudo-after-transform-origin: left;--vv-select-element-wrapper-pseudo-after-will-change: transform;--vv-select-element-wrapper-pseudo-after-transition: transform .3s ease-in-out;--vv-select-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-select-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-select-element-wrapper-state-open-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-open-pseudo-after-transform: scaleX(1);--vv-select-element-input-display: block;--vv-select-element-input-flex: 1;--vv-select-element-input-color: var(--input-placeholder-color);--vv-select-element-input-min-height: var(--spacing-50);--vv-select-element-input-background-image: var(--bg-chevron);--vv-select-element-input-background-repeat: no-repeat;--vv-select-element-input-background-size: 1em;--vv-select-element-input-state-disabled-cursor: not-allowed;--vv-select-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-select-element-icon-position: var(--input-icon-position);--vv-select-element-icon-width: var(--input-icon-width);--vv-select-element-icon-height: var(--input-icon-height);--vv-select-element-icon-padding: var(--input-icon-padding);--vv-select-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-select-element-icon-right-right: 0;--vv-select-element-hint-display: var(--input-hint-display);--vv-select-element-hint-font-size: var(--input-hint-font-size);--vv-select-element-hint-color: var(--input-hint-color);--vv-select-element-hint-padding-top: var(--input-hint-gap);--vv-select-element-hint-padding-inline: var(--spacing-xs);--vv-select-element-hint-white-space: var(--input-hint-white-space);--vv-select-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-select-element-hint-overflow: var(--input-hint-overflow);--vv-select-element-hint-max-width: var(--input-hint-max-width);--vv-select-modifier-dirty-element-input-color: var(--input-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-valid-element-hint-color: var(--input-valid-color);--vv-select-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-select-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-select-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-select-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-select-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-select-modifier-floating-element-label-position: absolute;--vv-select-modifier-floating-element-label-z-index: 1;--vv-select-modifier-floating-element-label-pointer-events: none;--vv-select-modifier-floating-element-label-font-size: inherit;--vv-select-modifier-floating-element-label-padding-inline: 0;--vv-select-modifier-floating-element-label-margin: 0;--vv-select-modifier-floating-element-label-will-change: transform;--vv-select-modifier-floating-element-label-transform-origin: left;--vv-select-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-select-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-select-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-select-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-select-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-select-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-select-modifier-readonly-opacity: 1;--vv-select-modifier-readonly-user-select: text;--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-select-modifier-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-select-modifier-readonly-element-input-background-image: none;--vv-select-modifier-readonly-element-input-cursor: text;--vv-select-state-disabled-opacity: .5;--vv-select-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-select){display:var(--vv-select-display);flex:var(--vv-select-flex);flex-direction:var(--vv-select-flex-direction);margin-bottom:var(--vv-select-margin-bottom);font-size:var(--vv-select-font-size);line-height:var(--vv-select-line-height);-webkit-user-select:var(--vv-select-user-select);-moz-user-select:var(--vv-select-user-select);user-select:var(--vv-select-user-select)}:where(.vv-select__label,.vv-select > label){display:var(--vv-select-element-label-display);font-size:var(--vv-select-element-label-font-size);color:var(--vv-select-element-label-color);margin:var(--vv-select-element-label-margin);white-space:var(--vv-select-element-label-white-space);text-overflow:var(--vv-select-element-label-text-overflow);overflow:var(--vv-select-element-label-overflow);max-width:var(--vv-select-element-label-max-width)}:where(.vv-select__wrapper){position:var(--vv-select-element-wrapper-position);display:var(--vv-select-element-wrapper-display);align-items:var(--vv-select-element-wrapper-align-items);flex:var(--vv-select-element-wrapper-flex);background-color:var(--vv-select-element-wrapper-background-color);will-change:var(--vv-select-element-wrapper-will-change);transition:var(--vv-select-element-wrapper-transition)}:where(.vv-select__wrapper):before{content:"";position:var(--vv-select-element-wrapper-pseudo-before-position);height:var(--vv-select-element-wrapper-pseudo-before-height);inset:var(--vv-select-element-wrapper-pseudo-before-inset);background:var(--vv-select-element-wrapper-pseudo-before-background)}:where(.vv-select__wrapper):after{content:"";position:var(--vv-select-element-wrapper-pseudo-after-position);height:var(--vv-select-element-wrapper-pseudo-after-height);inset:var(--vv-select-element-wrapper-pseudo-after-inset);background:var(--vv-select-element-wrapper-pseudo-after-background);transform:var(--vv-select-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-select-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-select-element-wrapper-pseudo-after-will-change);transition:var(--vv-select-element-wrapper-pseudo-after-transition)}:where(.vv-select__wrapper--hover,.vv-select__wrapper.hover,.vv-select__wrapper:not([disabled]):hover){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-hover-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-focus-within-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-open-background-color)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-open-pseudo-after-transform)}:where(.vv-select__input,.vv-select select){display:var(--vv-select-element-input-display);flex:var(--vv-select-element-input-flex);color:var(--vv-select-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-select-element-input-min-height);background-image:var(--vv-select-element-input-background-image);background-repeat:var(--vv-select-element-input-background-repeat);background-position:right var(--input-padding-right) center;background-size:var(--vv-select-element-input-background-size)}:where(.vv-select__input--disabled,.vv-select__input.disabled,.vv-select select.disabled,.vv-select__input[disabled],.vv-select select[disabled],.vv-select__input[aria-disabled=true],.vv-select select[aria-disabled=true]){cursor:var(--vv-select-element-input-state-disabled-cursor)}:where(.vv-select__icon,.vv-select :where(svg,[data-icon])){margin:var(--vv-select-element-icon-margin);position:var(--vv-select-element-icon-position);width:var(--vv-select-element-icon-width);height:var(--vv-select-element-icon-height);padding:var(--vv-select-element-icon-padding);pointer-events:var(--vv-select-element-icon-pointer-events)}:where(.vv-select__icon-right,.vv-select select + :where(svg,[data-icon])){right:var(--vv-select-element-icon-right-right)}:where(.vv-select__hint,.vv-select > small){display:var(--vv-select-element-hint-display);font-size:var(--vv-select-element-hint-font-size);color:var(--vv-select-element-hint-color);padding-top:var(--vv-select-element-hint-padding-top);padding-inline:var(--vv-select-element-hint-padding-inline);white-space:var(--vv-select-element-hint-white-space);text-overflow:var(--vv-select-element-hint-text-overflow);overflow:var(--vv-select-element-hint-overflow);max-width:var(--vv-select-element-hint-max-width)}:where(.vv-select[\:has\(select\:disabled\)]),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select:has(select:disabled)),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select[\:has\(select\:disabled\)] .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select:has(select:disabled) .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select--dirty .vv-select__input,.vv-select--dirty select){color:var(--vv-select-modifier-dirty-element-input-color)}:where(.vv-select--icon-left.vv-select){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--icon-right.vv-select){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--valid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-select--valid .vv-select__hint,.vv-select--valid > small){color:var(--vv-select-modifier-valid-element-hint-color)}:where(.vv-select--valid .vv-select__icon-right,.vv-select--valid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-valid-element-icon-right-color)}:where(.vv-select--invalid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-select--invalid .vv-select__hint,.vv-select--invalid > small){color:var(--vv-select-modifier-invalid-element-hint-color)}:where(.vv-select--invalid .vv-select__icon-right,.vv-select--invalid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-invalid-element-icon-right-color)}:where(.vv-select--loading .vv-select__wrapper):before{content:"";height:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-select--loading .vv-select__wrapper):after{content:"";animation:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-select--floating.vv-select){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-select--floating .vv-select__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-select--floating .vv-select__hint,.vv-select--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-select--floating .vv-select__label,.vv-select--floating > label){position:var(--vv-select-modifier-floating-element-label-position);z-index:var(--vv-select-modifier-floating-element-label-z-index);pointer-events:var(--vv-select-modifier-floating-element-label-pointer-events);font-size:var(--vv-select-modifier-floating-element-label-font-size);padding-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);padding-inline:var(--vv-select-modifier-floating-element-label-padding-inline);margin:var(--vv-select-modifier-floating-element-label-margin);will-change:var(--vv-select-modifier-floating-element-label-will-change);transform-origin:var(--vv-select-modifier-floating-element-label-transform-origin);transition:var(--vv-select-modifier-floating-element-label-transition)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--focus-within .vv-select__label,.vv-select--floating.vv-select.focus-within .vv-select__label,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__label,.vv-select--floating.vv-select--focus-within > label,.vv-select--floating.vv-select.focus-within > label,.vv-select--floating.vv-select:not([disabled]):focus-within > label){transform:var(--vv-select-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-select-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--readonly.vv-select){opacity:var(--vv-select-modifier-readonly-opacity);--vv-select-user-select: var(--vv-select-modifier-readonly-user-select)}:where(.vv-select--readonly .vv-select__wrapper):after{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-select--readonly .vv-select__wrapper--hover,.vv-select--readonly .vv-select__wrapper.hover,.vv-select--readonly .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-hover-background-color)}:where(.vv-select--readonly .vv-select__input,.vv-select--readonly select){background-image:var(--vv-select-modifier-readonly-element-input-background-image);cursor:var(--vv-select-modifier-readonly-element-input-cursor)}
1
+ :where(:host,:root,.theme){--vv-select-display: var(--input-display);--vv-select-flex: var(--input-flex);--vv-select-flex-direction: var(--input-flex-direction);--vv-select-margin-bottom: var(--input-gap);--vv-select-font-size: var(--input-font-size);--vv-select-line-height: var(--input-line-height);--vv-select-user-select: none;--vv-select-min-width: var(--input-min-width);--vv-select-element-label-display: var(--input-label-display);--vv-select-element-label-font-size: var(--input-label-font-size);--vv-select-element-label-color: var(--input-label-color);--vv-select-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-select-element-label-white-space: var(--input-label-white-space);--vv-select-element-label-text-overflow: var(--input-label-text-overflow);--vv-select-element-label-overflow: var(--input-label-overflow);--vv-select-element-label-max-width: var(--input-label-max-width);--vv-select-element-wrapper-position: relative;--vv-select-element-wrapper-display: flex;--vv-select-element-wrapper-align-items: center;--vv-select-element-wrapper-flex: 1;--vv-select-element-wrapper-background-color: var(--input-background-color);--vv-select-element-wrapper-will-change: background-color;--vv-select-element-wrapper-transition: var(--transition-colors);--vv-select-element-wrapper-pseudo-before-position: absolute;--vv-select-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-select-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-select-element-wrapper-pseudo-after-position: absolute;--vv-select-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-select-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-after-background: var(--color-brand);--vv-select-element-wrapper-pseudo-after-transform: scaleX(0);--vv-select-element-wrapper-pseudo-after-transform-origin: left;--vv-select-element-wrapper-pseudo-after-will-change: transform;--vv-select-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-select-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-select-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-select-element-wrapper-state-open-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-open-pseudo-after-transform: scaleX(1);--vv-select-element-input-display: flex;--vv-select-element-input-align-items: center;--vv-select-element-input-flex: 1;--vv-select-element-input-color: var(--input-placeholder-color);--vv-select-element-input-background-image: var(--bg-chevron);--vv-select-element-input-background-repeat: no-repeat;--vv-select-element-input-background-size: 1em;--vv-select-element-input-min-height: var(--spacing-50);--vv-select-element-input-state-disabled-cursor: not-allowed;--vv-select-element-input-pseudo-marker-display: none;--vv-select-element-input-pseudo--webkit-details-marker-display: none;--vv-select-element-icon-margin: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-select-element-icon-position: var(--input-icon-position);--vv-select-element-icon-width: var(--input-icon-width);--vv-select-element-icon-height: var(--input-icon-height);--vv-select-element-icon-padding: var(--input-icon-padding);--vv-select-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-select-element-icon-right-right: 0;--vv-select-element-hint-display: var(--input-hint-display);--vv-select-element-hint-font-size: var(--input-hint-font-size);--vv-select-element-hint-color: var(--input-hint-color);--vv-select-element-hint-padding-top: var(--input-hint-gap);--vv-select-element-hint-padding-inline: var(--spacing-xs);--vv-select-element-hint-white-space: var(--input-hint-white-space);--vv-select-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-select-element-hint-overflow: var(--input-hint-overflow);--vv-select-element-hint-max-width: var(--input-hint-max-width);--vv-select-modifier-dirty-element-input-color: var(--input-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-valid-element-hint-color: var(--input-valid-color);--vv-select-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-select-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-select-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-select-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-select-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-select-modifier-floating-element-label-position: absolute;--vv-select-modifier-floating-element-label-z-index: 1;--vv-select-modifier-floating-element-label-pointer-events: none;--vv-select-modifier-floating-element-label-font-size: inherit;--vv-select-modifier-floating-element-label-padding-inline: 0;--vv-select-modifier-floating-element-label-margin: 0;--vv-select-modifier-floating-element-label-will-change: transform;--vv-select-modifier-floating-element-label-transform-origin: left;--vv-select-modifier-floating-element-label-transition: var(--transition-all);--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-select-modifier-floating-state-dirty-element-label-transform: translateY(-.8em);--vv-select-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-select-modifier-readonly-opacity: 1;--vv-select-modifier-readonly-user-select: text;--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-select-modifier-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-select-modifier-readonly-element-input-background-image: none;--vv-select-modifier-readonly-element-input-cursor: text;--vv-select-state-disabled-opacity: .5;--vv-select-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-select){display:var(--vv-select-display);flex:var(--vv-select-flex);flex-direction:var(--vv-select-flex-direction);margin-bottom:var(--vv-select-margin-bottom);font-size:var(--vv-select-font-size);line-height:var(--vv-select-line-height);-webkit-user-select:var(--vv-select-user-select);-moz-user-select:var(--vv-select-user-select);user-select:var(--vv-select-user-select);min-width:var(--vv-select-min-width)}:where(.vv-select__label,.vv-select > label){display:var(--vv-select-element-label-display);font-size:var(--vv-select-element-label-font-size);color:var(--vv-select-element-label-color);margin:var(--vv-select-element-label-margin);white-space:var(--vv-select-element-label-white-space);text-overflow:var(--vv-select-element-label-text-overflow);overflow:var(--vv-select-element-label-overflow);max-width:var(--vv-select-element-label-max-width)}:where(.vv-select__wrapper){position:var(--vv-select-element-wrapper-position);display:var(--vv-select-element-wrapper-display);align-items:var(--vv-select-element-wrapper-align-items);flex:var(--vv-select-element-wrapper-flex);background-color:var(--vv-select-element-wrapper-background-color);will-change:var(--vv-select-element-wrapper-will-change);transition:var(--vv-select-element-wrapper-transition)}:where(.vv-select__wrapper):before{content:"";position:var(--vv-select-element-wrapper-pseudo-before-position);height:var(--vv-select-element-wrapper-pseudo-before-height);inset:var(--vv-select-element-wrapper-pseudo-before-inset);background:var(--vv-select-element-wrapper-pseudo-before-background)}:where(.vv-select__wrapper):after{content:"";position:var(--vv-select-element-wrapper-pseudo-after-position);height:var(--vv-select-element-wrapper-pseudo-after-height);inset:var(--vv-select-element-wrapper-pseudo-after-inset);background:var(--vv-select-element-wrapper-pseudo-after-background);transform:var(--vv-select-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-select-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-select-element-wrapper-pseudo-after-will-change);transition:var(--vv-select-element-wrapper-pseudo-after-transition)}:where(.vv-select__wrapper--hover,.vv-select__wrapper.hover,.vv-select__wrapper:not([disabled]):hover){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-hover-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-focus-within-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-open-background-color)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-open-pseudo-after-transform)}:where(.vv-select__input,.vv-select select){display:var(--vv-select-element-input-display);align-items:var(--vv-select-element-input-align-items);flex:var(--vv-select-element-input-flex);color:var(--vv-select-element-input-color);padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);background-image:var(--vv-select-element-input-background-image);background-repeat:var(--vv-select-element-input-background-repeat);background-position:right var(--input-spacing-right) center;background-size:var(--vv-select-element-input-background-size);min-height:var(--vv-select-element-input-min-height)}:where(.vv-select__input,.vv-select select)::marker{content:"";display:var(--vv-select-element-input-pseudo-marker-display)}:where(.vv-select__input,.vv-select select)::-webkit-details-marker{content:"";display:var(--vv-select-element-input-pseudo--webkit-details-marker-display)}:where(.vv-select__input--disabled,.vv-select__input.disabled,.vv-select select.disabled,.vv-select__input[disabled],.vv-select select[disabled],.vv-select__input[aria-disabled=true],.vv-select select[aria-disabled=true]){cursor:var(--vv-select-element-input-state-disabled-cursor)}:where(.vv-select__icon,.vv-select :where(svg,[data-icon])){margin:var(--vv-select-element-icon-margin);position:var(--vv-select-element-icon-position);width:var(--vv-select-element-icon-width);height:var(--vv-select-element-icon-height);padding:var(--vv-select-element-icon-padding);pointer-events:var(--vv-select-element-icon-pointer-events)}:where(.vv-select__icon-right,.vv-select select + :where(svg,[data-icon])){right:var(--vv-select-element-icon-right-right)}:where(.vv-select__hint,.vv-select > small){display:var(--vv-select-element-hint-display);font-size:var(--vv-select-element-hint-font-size);color:var(--vv-select-element-hint-color);padding-top:var(--vv-select-element-hint-padding-top);padding-inline:var(--vv-select-element-hint-padding-inline);white-space:var(--vv-select-element-hint-white-space);text-overflow:var(--vv-select-element-hint-text-overflow);overflow:var(--vv-select-element-hint-overflow);max-width:var(--vv-select-element-hint-max-width)}:where(.vv-select:has(select:disabled)),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select:has(select:disabled) .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select--dirty .vv-select__input,.vv-select--dirty select){color:var(--vv-select-modifier-dirty-element-input-color)}:where(.vv-select--icon-left.vv-select){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--icon-right.vv-select){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}.vv-select--valid .vv-select__wrapper:after{content:"";background:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-select--valid .vv-select__hint,.vv-select--valid > small){color:var(--vv-select-modifier-valid-element-hint-color)}:where(.vv-select--valid .vv-select__icon-right,.vv-select--valid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-valid-element-icon-right-color)}.vv-select--invalid .vv-select__wrapper:after{content:"";background:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-select--invalid .vv-select__hint,.vv-select--invalid > small){color:var(--vv-select-modifier-invalid-element-hint-color)}:where(.vv-select--invalid .vv-select__icon-right,.vv-select--invalid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-invalid-element-icon-right-color)}.vv-select--loading .vv-select__wrapper:before{content:"";height:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-background)}.vv-select--loading .vv-select__wrapper:after{content:"";animation:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-select--floating.vv-select){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-select--floating .vv-select__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-select--floating .vv-select__hint,.vv-select--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-select--floating .vv-select__label,.vv-select--floating > label){position:var(--vv-select-modifier-floating-element-label-position);z-index:var(--vv-select-modifier-floating-element-label-z-index);pointer-events:var(--vv-select-modifier-floating-element-label-pointer-events);font-size:var(--vv-select-modifier-floating-element-label-font-size);padding-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);padding-inline:var(--vv-select-modifier-floating-element-label-padding-inline);margin:var(--vv-select-modifier-floating-element-label-margin);will-change:var(--vv-select-modifier-floating-element-label-will-change);transform-origin:var(--vv-select-modifier-floating-element-label-transform-origin);transition:var(--vv-select-modifier-floating-element-label-transition)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) select){padding-top:calc(var(--input-spacing-top) + .55em);padding-bottom:calc(var(--input-spacing-bottom) - .55em)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select){padding-top:calc(var(--input-spacing-top) + .55em);padding-bottom:calc(var(--input-spacing-bottom) - .55em)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--readonly.vv-select){opacity:var(--vv-select-modifier-readonly-opacity);--vv-select-user-select: var(--vv-select-modifier-readonly-user-select)}.vv-select--readonly .vv-select__wrapper:after{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-select--readonly .vv-select__wrapper--hover,.vv-select--readonly .vv-select__wrapper.hover,.vv-select--readonly .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-hover-background-color)}:where(.vv-select--readonly .vv-select__input,.vv-select--readonly select){background-image:var(--vv-select-modifier-readonly-element-input-background-image);cursor:var(--vv-select-modifier-readonly-element-input-cursor)}
package/dist/components/vv-skeleton.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-skeleton-display: grid;--vv-skeleton-gap: calc(1em * (var(--leading-normal) - 1));--vv-skeleton-element-item-background-size: 200% 100%;--vv-skeleton-element-item-height: 1em;--vv-skeleton-element-item-border-radius: var(--rounded);--vv-skeleton-element-item-animation: var(--animation-shine)}:where(.vv-skeleton){--skeleton-background: var(--color-surface-2);--skeleton-shine-color: var(--color-surface);display:var(--vv-skeleton-display);gap:var(--vv-skeleton-gap)}:where(.vv-skeleton__item){background:linear-gradient(110deg,var(--skeleton-background) 8%,var(--skeleton-shine-color) 18%,var(--skeleton-background) 33%);color:transparent;background-size:var(--vv-skeleton-element-item-background-size);height:var(--vv-skeleton-element-item-height);border-radius:var(--vv-skeleton-element-item-border-radius);animation:var(--vv-skeleton-element-item-animation)}
package/dist/components/vv-tab.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-tab-display: flex;--vv-tab-flex-direction: column;--vv-tab-element-panel-display: none;--vv-tab-element-panel-padding: var(--spacing-lg);--vv-tab-element-panel-line-height: var(--leading-normal);--vv-tab-element-panel-state-target-display: block}:where(.vv-tab){display:var(--vv-tab-display);flex-direction:var(--vv-tab-flex-direction)}:where(.vv-tab__panel){display:var(--vv-tab-element-panel-display);padding:var(--vv-tab-element-panel-padding);line-height:var(--vv-tab-element-panel-line-height)}:where(.vv-tab__panel--target,.vv-tab__panel.target,.vv-tab__panel:not([disabled]):target){--vv-tab-element-panel-display: var(--vv-tab-element-panel-state-target-display)}
package/dist/components/vv-table.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-table-width: 100%;--vv-table-border-collapse: collapse;--vv-table-border-color: var(--color-surface-5);--vv-table-element-tr-border-width: 0 0 1px 0;--vv-table-element-tr-border-style: solid;--vv-table-element-tr-border-color: var(--color-surface-5);--vv-table-element-tbody-tr-border-color: var(--color-surface-3);--vv-table-element-tbody-tr-state-last-child-border-width: 0;--vv-table-element-th-font-weight: semibold;--vv-table-element-th-font-size: var(--text-sm);--vv-table-element-th-color: var(--color-word-2);--vv-table-element-td-border-style: solid;--vv-table-element-td-font-size: var(--text-xs);--vv-table-modifier-inline-spacing-border-width: 0}:where(.vv-table){--table-cell-padding: var(--spacing-md) 0;width:var(--vv-table-width);border-collapse:var(--vv-table-border-collapse);border-color:var(--vv-table-border-color)}:where(.vv-table__tr,.vv-table tr){border-width:var(--vv-table-element-tr-border-width);border-style:var(--vv-table-element-tr-border-style);border-color:var(--vv-table-element-tr-border-color)}:where(.vv-table__tbody-tr,.vv-table tbody > tr){border-color:var(--vv-table-element-tbody-tr-border-color)}:where(.vv-table__tbody-tr--last-child,.vv-table__tbody-tr.last-child,.vv-table tbody > tr.last-child,.vv-table__tbody-tr:not([disabled]):last-child,.vv-table tbody > tr:not([disabled]):last-child){border-width:var(--vv-table-element-tbody-tr-state-last-child-border-width)}:where(.vv-table__th,.vv-table th){font-weight:var(--vv-table-element-th-font-weight);font-size:var(--vv-table-element-th-font-size);color:var(--vv-table-element-th-color);padding:var(--table-cell-padding)}:where(.vv-table__td,.vv-table td){border-style:var(--vv-table-element-td-border-style);font-size:var(--vv-table-element-td-font-size);padding:var(--table-cell-padding)}:where(.vv-table--inline-spacing.vv-table){--table-cell-padding: var(--spacing-md);border-width:var(--vv-table-modifier-inline-spacing-border-width)}
1
+ :where(:host,:root,.theme){--vv-table-width: 100%;--vv-table-border-collapse: collapse;--vv-table-border-color: var(--color-surface-5);--vv-table-element-caption-caption-side: bottom;--vv-table-element-tr-border-width: 0 0 1px 0;--vv-table-element-tr-border-style: solid;--vv-table-element-tr-border-color: var(--color-surface-5);--vv-table-element-tbody-tr-border-color: var(--color-surface-3);--vv-table-element-tbody-tr-state-last-child-border-width: 0;--vv-table-element-th-font-weight: var(--font-semibold);--vv-table-element-th-font-size: var(--text-sm);--vv-table-element-th-color: var(--color-word-2);--vv-table-element-th-vertical-align: middle;--vv-table-element-td-border-style: solid;--vv-table-element-td-font-size: var(--text-xs);--vv-table-element-td-vertical-align: middle;--vv-table-modifier-inline-spacing-border-width: 0}:where(.vv-table){--table-cell-padding: var(--spacing-md) 0;width:var(--vv-table-width);border-collapse:var(--vv-table-border-collapse);border-color:var(--vv-table-border-color)}:where(.vv-table__caption,.vv-table caption){caption-side:var(--vv-table-element-caption-caption-side);padding:var(--table-cell-padding)}:where(.vv-table__tr,.vv-table tr){border-width:var(--vv-table-element-tr-border-width);border-style:var(--vv-table-element-tr-border-style);border-color:var(--vv-table-element-tr-border-color)}:where(.vv-table__tbody-tr,.vv-table tbody > tr){border-color:var(--vv-table-element-tbody-tr-border-color)}:where(.vv-table__tbody-tr--last-child,.vv-table__tbody-tr.last-child,.vv-table tbody > tr.last-child,.vv-table__tbody-tr:not([disabled]):last-child,.vv-table tbody > tr:not([disabled]):last-child){border-width:var(--vv-table-element-tbody-tr-state-last-child-border-width)}:where(.vv-table__th,.vv-table th){font-weight:var(--vv-table-element-th-font-weight);font-size:var(--vv-table-element-th-font-size);color:var(--vv-table-element-th-color);vertical-align:var(--vv-table-element-th-vertical-align);padding:var(--table-cell-padding)}:where(.vv-table__td,.vv-table td){border-style:var(--vv-table-element-td-border-style);font-size:var(--vv-table-element-td-font-size);vertical-align:var(--vv-table-element-td-vertical-align);padding:var(--table-cell-padding)}:where(.vv-table--inline-spacing.vv-table){--table-cell-padding: var(--spacing-md);border-width:var(--vv-table-modifier-inline-spacing-border-width)}
package/dist/components/vv-text.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-text-font-family: var(--font-sans);--vv-text-font-weight: var(--font-normal);--vv-text-line-height: var(--leading-normal);--vv-text-modifier-headline-font-weight: var(--font-semibold);--vv-text-modifier-headline-line-height: var(--leading-tight);--vv-text-modifier-headline-margin-top: var(--spacing-24);--vv-text-modifier-headline-margin-bottom: var(--spacing-16);--vv-text-modifier-copy-margin-block: var(--spacing-16);--vv-text-modifier-quote-font-family: var(--font-serif);--vv-text-modifier-quote-border-left: var(--spacing-4) solid var(--color-surface-3);--vv-text-modifier-quote-padding-left: var(--spacing-16);--vv-text-modifier-quote-margin-block: var(--spacing-16);--vv-text-modifier-quote-margin-inline: var(--spacing-40);--vv-text-modifier-size-1-font-size: var(--text-32);--vv-text-modifier-size-2-font-size: var(--text-24);--vv-text-modifier-size-3-font-size: var(--text-20);--vv-text-modifier-size-4-font-size: var(--text-16);--vv-text-modifier-size-5-font-size: var(--text-14);--vv-text-modifier-size-6-font-size: var(--text-12)}:where(.vv-text){font-family:var(--vv-text-font-family);font-weight:var(--vv-text-font-weight);line-height:var(--vv-text-line-height)}:where(.vv-text--headline.vv-text){--vv-text-font-weight: var(--vv-text-modifier-headline-font-weight);--vv-text-line-height: var(--vv-text-modifier-headline-line-height);margin-top:var(--vv-text-modifier-headline-margin-top);margin-bottom:var(--vv-text-modifier-headline-margin-bottom)}:where(.vv-text--copy.vv-text){margin-block:var(--vv-text-modifier-copy-margin-block)}:where(.vv-text--quote.vv-text){--vv-text-font-family: var(--vv-text-modifier-quote-font-family);border-left:var(--vv-text-modifier-quote-border-left);padding-left:var(--vv-text-modifier-quote-padding-left);margin-block:var(--vv-text-modifier-quote-margin-block);margin-inline:var(--vv-text-modifier-quote-margin-inline)}:where(.vv-text--size-1.vv-text){font-size:var(--vv-text-modifier-size-1-font-size)}:where(.vv-text--size-2.vv-text){font-size:var(--vv-text-modifier-size-2-font-size)}:where(.vv-text--size-3.vv-text){font-size:var(--vv-text-modifier-size-3-font-size)}:where(.vv-text--size-4.vv-text){font-size:var(--vv-text-modifier-size-4-font-size)}:where(.vv-text--size-5.vv-text){font-size:var(--vv-text-modifier-size-5-font-size)}:where(.vv-text--size-6.vv-text){font-size:var(--vv-text-modifier-size-6-font-size)}
1
+ :where(:host,:root,.theme){--vv-text-font-family: var(--font-sans);--vv-text-font-weight: var(--font-normal);--vv-text-line-height: var(--leading-normal);--vv-text-modifier-headline-font-weight: var(--font-semibold);--vv-text-modifier-headline-line-height: var(--leading-tight);--vv-text-modifier-headline-margin-top: var(--spacing-24);--vv-text-modifier-headline-margin-bottom: var(--spacing-16);--vv-text-modifier-copy-margin-block: var(--spacing-16);--vv-text-modifier-link-color: var(--color-brand);--vv-text-modifier-link-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-text-modifier-link-state-focus-visible-outline-offset: var(--spacing-4);--vv-text-modifier-link-state-hover-text-decoration: underline;--vv-text-modifier-link-state-hover-text-underline-offset: var(--spacing-4);--vv-text-modifier-link-state-active-color: var(--color-brand-darken-3);--vv-text-modifier-link-state-disabled-opacity: .5;--vv-text-modifier-link-state-disabled-cursor: not-allowed;--vv-text-modifier-quote-font-family: var(--font-serif);--vv-text-modifier-quote-border-left: var(--spacing-4) solid var(--color-surface-3);--vv-text-modifier-quote-padding-left: var(--spacing-16);--vv-text-modifier-quote-margin-block: var(--spacing-16);--vv-text-modifier-quote-margin-inline: var(--spacing-40);--vv-text-modifier-size-1-font-size: var(--text-32);--vv-text-modifier-size-2-font-size: var(--text-24);--vv-text-modifier-size-3-font-size: var(--text-20);--vv-text-modifier-size-4-font-size: var(--text-16);--vv-text-modifier-size-5-font-size: var(--text-14);--vv-text-modifier-size-6-font-size: var(--text-12)}:where(.vv-text){font-family:var(--vv-text-font-family);font-weight:var(--vv-text-font-weight);line-height:var(--vv-text-line-height)}:where(.vv-text--headline.vv-text){--vv-text-font-weight: var(--vv-text-modifier-headline-font-weight);--vv-text-line-height: var(--vv-text-modifier-headline-line-height);margin-top:var(--vv-text-modifier-headline-margin-top);margin-bottom:var(--vv-text-modifier-headline-margin-bottom)}:where(.vv-text--copy.vv-text){margin-block:var(--vv-text-modifier-copy-margin-block)}:where(.vv-text--link.vv-text){color:var(--vv-text-modifier-link-color)}:where(.vv-text--link.vv-text--focus-visible,.vv-text--link.vv-text.focus-visible,.vv-text--link.vv-text:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-text-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-text-modifier-link-state-focus-visible-outline-offset)}:where(.vv-text--link.vv-text--hover,.vv-text--link.vv-text.hover,.vv-text--link.vv-text:not([disabled]):hover){-webkit-text-decoration:var(--vv-text-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-text-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-text-modifier-link-state-hover-text-underline-offset)}:where(.vv-text--link.vv-text--active,.vv-text--link.vv-text.active,.vv-text--link.vv-text:not([disabled]):active){color:var(--vv-text-modifier-link-state-active-color)}:where(.vv-text--link.vv-text--disabled,.vv-text--link.vv-text.disabled,.vv-text--link.vv-text[disabled],.vv-text--link.vv-text[aria-disabled=true]){opacity:var(--vv-text-modifier-link-state-disabled-opacity);cursor:var(--vv-text-modifier-link-state-disabled-cursor)}:where(.vv-text--quote.vv-text){--vv-text-font-family: var(--vv-text-modifier-quote-font-family);border-left:var(--vv-text-modifier-quote-border-left);padding-left:var(--vv-text-modifier-quote-padding-left);margin-block:var(--vv-text-modifier-quote-margin-block);margin-inline:var(--vv-text-modifier-quote-margin-inline)}:where(.vv-text--size-1.vv-text){font-size:var(--vv-text-modifier-size-1-font-size)}:where(.vv-text--size-2.vv-text){font-size:var(--vv-text-modifier-size-2-font-size)}:where(.vv-text--size-3.vv-text){font-size:var(--vv-text-modifier-size-3-font-size)}:where(.vv-text--size-4.vv-text){font-size:var(--vv-text-modifier-size-4-font-size)}:where(.vv-text--size-5.vv-text){font-size:var(--vv-text-modifier-size-5-font-size)}:where(.vv-text--size-6.vv-text){font-size:var(--vv-text-modifier-size-6-font-size)}
package/dist/components/vv-textarea.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-textarea-display: var(--input-display);--vv-textarea-flex: var(--input-flex);--vv-textarea-flex-direction: var(--input-flex-direction);--vv-textarea-margin-bottom: var(--input-gap);--vv-textarea-font-size: var(--input-font-size);--vv-textarea-line-height: var(--input-line-height);--vv-textarea-element-label-display: var(--input-label-display);--vv-textarea-element-label-font-size: var(--input-label-font-size);--vv-textarea-element-label-color: var(--input-label-color);--vv-textarea-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-textarea-element-label-white-space: var(--input-label-white-space);--vv-textarea-element-label-text-overflow: var(--input-label-text-overflow);--vv-textarea-element-label-overflow: var(--input-label-overflow);--vv-textarea-element-label-max-width: var(--input-label-max-width);--vv-textarea-element-wrapper-position: relative;--vv-textarea-element-wrapper-display: flex;--vv-textarea-element-wrapper-align-items: flex-start;--vv-textarea-element-wrapper-flex: 1;--vv-textarea-element-wrapper-overflow: hidden;--vv-textarea-element-wrapper-background-color: var(--input-background-color);--vv-textarea-element-wrapper-will-change: background-color;--vv-textarea-element-wrapper-transition: background-color .3s ease-in-out;--vv-textarea-element-wrapper-pseudo-before-position: absolute;--vv-textarea-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-textarea-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-textarea-element-wrapper-pseudo-after-position: absolute;--vv-textarea-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-textarea-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-after-background: var(--color-brand);--vv-textarea-element-wrapper-pseudo-after-transform: scaleX(0);--vv-textarea-element-wrapper-pseudo-after-transform-origin: left;--vv-textarea-element-wrapper-pseudo-after-will-change: transform;--vv-textarea-element-wrapper-pseudo-after-transition: transform .3s ease-in-out;--vv-textarea-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-textarea-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-textarea-element-input-display: block;--vv-textarea-element-input-flex: 1;--vv-textarea-element-input-color: var(--input-color);--vv-textarea-element-input-min-height: var(--spacing-50);--vv-textarea-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-textarea-element-input-state-disabled-cursor: not-allowed;--vv-textarea-element-input-state-readonly-cursor: text;--vv-textarea-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-textarea-element-icon-position: var(--input-icon-position);--vv-textarea-element-icon-width: var(--input-icon-width);--vv-textarea-element-icon-height: var(--input-icon-height);--vv-textarea-element-icon-padding: var(--input-icon-padding);--vv-textarea-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-textarea-element-icon-right-right: 0;--vv-textarea-element-actions-group-display: flex;--vv-textarea-element-actions-group-flex-direction: column;--vv-textarea-element-actions-group-position: absolute;--vv-textarea-element-actions-group-right: 0;--vv-textarea-element-actions-group-top: 0;--vv-textarea-element-actions-group-bottom: var(--spacing-px);--vv-textarea-element-hint-display: var(--input-hint-display);--vv-textarea-element-hint-font-size: var(--input-hint-font-size);--vv-textarea-element-hint-color: var(--input-hint-color);--vv-textarea-element-hint-padding-top: var(--input-hint-gap);--vv-textarea-element-hint-padding-inline: var(--spacing-xs);--vv-textarea-element-hint-white-space: var(--input-hint-white-space);--vv-textarea-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-textarea-element-hint-overflow: var(--input-hint-overflow);--vv-textarea-element-hint-max-width: var(--input-hint-max-width);--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-valid-element-hint-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-textarea-modifier-floating-element-label-position: absolute;--vv-textarea-modifier-floating-element-label-z-index: 1;--vv-textarea-modifier-floating-element-label-pointer-events: none;--vv-textarea-modifier-floating-element-label-font-size: inherit;--vv-textarea-modifier-floating-element-label-padding-inline: 0;--vv-textarea-modifier-floating-element-label-margin: 0;--vv-textarea-modifier-floating-element-label-will-change: transform;--vv-textarea-modifier-floating-element-label-transform-origin: left;--vv-textarea-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-textarea-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-textarea-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-focus-within-element-input-transform: translateY(.85ch);--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-textarea-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-textarea-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-dirty-element-input-transform: translateY(.85ch);--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-textarea-state-disabled-opacity: .5;--vv-textarea-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-textarea-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-textarea){display:var(--vv-textarea-display);flex:var(--vv-textarea-flex);flex-direction:var(--vv-textarea-flex-direction);margin-bottom:var(--vv-textarea-margin-bottom);font-size:var(--vv-textarea-font-size);line-height:var(--vv-textarea-line-height)}:where(.vv-textarea__label,.vv-textarea > label){display:var(--vv-textarea-element-label-display);font-size:var(--vv-textarea-element-label-font-size);color:var(--vv-textarea-element-label-color);margin:var(--vv-textarea-element-label-margin);white-space:var(--vv-textarea-element-label-white-space);text-overflow:var(--vv-textarea-element-label-text-overflow);overflow:var(--vv-textarea-element-label-overflow);max-width:var(--vv-textarea-element-label-max-width)}:where(.vv-textarea__wrapper){position:var(--vv-textarea-element-wrapper-position);display:var(--vv-textarea-element-wrapper-display);align-items:var(--vv-textarea-element-wrapper-align-items);flex:var(--vv-textarea-element-wrapper-flex);overflow:var(--vv-textarea-element-wrapper-overflow);background-color:var(--vv-textarea-element-wrapper-background-color);will-change:var(--vv-textarea-element-wrapper-will-change);transition:var(--vv-textarea-element-wrapper-transition)}:where(.vv-textarea__wrapper):before{content:"";position:var(--vv-textarea-element-wrapper-pseudo-before-position);height:var(--vv-textarea-element-wrapper-pseudo-before-height);inset:var(--vv-textarea-element-wrapper-pseudo-before-inset);background:var(--vv-textarea-element-wrapper-pseudo-before-background)}:where(.vv-textarea__wrapper):after{content:"";position:var(--vv-textarea-element-wrapper-pseudo-after-position);height:var(--vv-textarea-element-wrapper-pseudo-after-height);inset:var(--vv-textarea-element-wrapper-pseudo-after-inset);background:var(--vv-textarea-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-textarea-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-textarea-element-wrapper-pseudo-after-will-change);transition:var(--vv-textarea-element-wrapper-pseudo-after-transition)}:where(.vv-textarea__wrapper--hover,.vv-textarea__wrapper.hover,.vv-textarea__wrapper:not([disabled]):hover){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-hover-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within):after{--vv-textarea-element-wrapper-pseudo-after-transform: var(--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-textarea__input,.vv-textarea textarea){display:var(--vv-textarea-element-input-display);flex:var(--vv-textarea-element-input-flex);color:var(--vv-textarea-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-textarea-element-input-min-height)}:where(.vv-textarea__input,.vv-textarea textarea)::-moz-placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input,.vv-textarea textarea)::placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input--disabled,.vv-textarea__input.disabled,.vv-textarea textarea.disabled,.vv-textarea__input[disabled],.vv-textarea textarea[disabled],.vv-textarea__input[aria-disabled=true],.vv-textarea textarea[aria-disabled=true]){cursor:var(--vv-textarea-element-input-state-disabled-cursor)}:where(.vv-textarea__input--readonly,.vv-textarea__input.readonly,.vv-textarea textarea.readonly,.vv-textarea__input[readonly],.vv-textarea textarea[readonly]){cursor:var(--vv-textarea-element-input-state-readonly-cursor)}:where(.vv-textarea__icon,.vv-textarea :where(svg,[data-icon])){margin:var(--vv-textarea-element-icon-margin);position:var(--vv-textarea-element-icon-position);width:var(--vv-textarea-element-icon-width);height:var(--vv-textarea-element-icon-height);padding:var(--vv-textarea-element-icon-padding);pointer-events:var(--vv-textarea-element-icon-pointer-events)}:where(.vv-textarea__icon-right,.vv-textarea textarea + :where(svg,[data-icon])){right:var(--vv-textarea-element-icon-right-right)}:where(.vv-textarea__actions-group){display:var(--vv-textarea-element-actions-group-display);flex-direction:var(--vv-textarea-element-actions-group-flex-direction);position:var(--vv-textarea-element-actions-group-position);right:var(--vv-textarea-element-actions-group-right);top:var(--vv-textarea-element-actions-group-top);bottom:var(--vv-textarea-element-actions-group-bottom)}:where(.vv-textarea__hint,.vv-textarea > small){display:var(--vv-textarea-element-hint-display);font-size:var(--vv-textarea-element-hint-font-size);color:var(--vv-textarea-element-hint-color);padding-top:var(--vv-textarea-element-hint-padding-top);padding-inline:var(--vv-textarea-element-hint-padding-inline);white-space:var(--vv-textarea-element-hint-white-space);text-overflow:var(--vv-textarea-element-hint-text-overflow);overflow:var(--vv-textarea-element-hint-overflow);max-width:var(--vv-textarea-element-hint-max-width)}:where(.vv-textarea[\:has\(textarea\:disabled\)]),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea:has(textarea:disabled)),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea[\:has\(textarea\:disabled\)] .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:disabled) .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea[\:has\(textarea\:readonly\)] .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea[\:has\(textarea\:readonly\)] .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea--icon-left.vv-textarea){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--icon-right.vv-textarea){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--valid .vv-textarea__wrapper):after{content:"";background:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--valid .vv-textarea__hint,.vv-textarea--valid > small){color:var(--vv-textarea-modifier-valid-element-hint-color)}:where(.vv-textarea--valid .vv-textarea__icon-right,.vv-textarea--valid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-valid-element-icon-right-color)}:where(.vv-textarea--invalid .vv-textarea__wrapper):after{content:"";background:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--invalid .vv-textarea__hint,.vv-textarea--invalid > small){color:var(--vv-textarea-modifier-invalid-element-hint-color)}:where(.vv-textarea--invalid .vv-textarea__icon-right,.vv-textarea--invalid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-invalid-element-icon-right-color)}:where(.vv-textarea--loading .vv-textarea__wrapper):before{content:"";height:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-textarea--loading .vv-textarea__wrapper):after{content:"";animation:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-textarea--floating.vv-textarea){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-textarea--floating .vv-textarea__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-textarea--floating .vv-textarea__hint,.vv-textarea--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-textarea--floating .vv-textarea__label,.vv-textarea--floating > label){position:var(--vv-textarea-modifier-floating-element-label-position);z-index:var(--vv-textarea-modifier-floating-element-label-z-index);pointer-events:var(--vv-textarea-modifier-floating-element-label-pointer-events);font-size:var(--vv-textarea-modifier-floating-element-label-font-size);padding-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);padding-inline:var(--vv-textarea-modifier-floating-element-label-padding-inline);margin:var(--vv-textarea-modifier-floating-element-label-margin);will-change:var(--vv-textarea-modifier-floating-element-label-will-change);transform-origin:var(--vv-textarea-modifier-floating-element-label-transform-origin);transition:var(--vv-textarea-modifier-floating-element-label-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea--focus-within > label,.vv-textarea--floating.vv-textarea.focus-within > label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within > label){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
1
+ :where(:host,:root,.theme){--vv-textarea-display: var(--input-display);--vv-textarea-flex: var(--input-flex);--vv-textarea-flex-direction: var(--input-flex-direction);--vv-textarea-margin-bottom: var(--input-gap);--vv-textarea-font-size: var(--input-font-size);--vv-textarea-line-height: var(--input-line-height);--vv-textarea-min-width: var(--input-min-width);--vv-textarea-element-label-display: var(--input-label-display);--vv-textarea-element-label-font-size: var(--input-label-font-size);--vv-textarea-element-label-color: var(--input-label-color);--vv-textarea-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-textarea-element-label-white-space: var(--input-label-white-space);--vv-textarea-element-label-text-overflow: var(--input-label-text-overflow);--vv-textarea-element-label-overflow: var(--input-label-overflow);--vv-textarea-element-label-max-width: var(--input-label-max-width);--vv-textarea-element-limit-position: absolute;--vv-textarea-element-limit-right: var(--input-gap);--vv-textarea-element-limit-bottom: var(--input-gap);--vv-textarea-element-limit-font-size: var(--input-hint-font-size);--vv-textarea-element-limit-color: var(--input-hint-color);--vv-textarea-element-wrapper-position: relative;--vv-textarea-element-wrapper-display: flex;--vv-textarea-element-wrapper-align-items: flex-start;--vv-textarea-element-wrapper-flex: 1;--vv-textarea-element-wrapper-overflow: hidden;--vv-textarea-element-wrapper-background-color: var(--input-background-color);--vv-textarea-element-wrapper-will-change: background-color;--vv-textarea-element-wrapper-transition: var(--transition-colors);--vv-textarea-element-wrapper-min-height: var(--spacing-50);--vv-textarea-element-wrapper-pseudo-before-position: absolute;--vv-textarea-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-textarea-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-textarea-element-wrapper-pseudo-after-position: absolute;--vv-textarea-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-textarea-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-after-background: var(--color-brand);--vv-textarea-element-wrapper-pseudo-after-transform: scaleX(0);--vv-textarea-element-wrapper-pseudo-after-transform-origin: left;--vv-textarea-element-wrapper-pseudo-after-will-change: transform;--vv-textarea-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-textarea-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-textarea-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-textarea-element-input-display: block;--vv-textarea-element-input-flex: 1;--vv-textarea-element-input-color: var(--input-color);--vv-textarea-element-input-overflow: auto;--vv-textarea-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-textarea-element-input-state-disabled-cursor: not-allowed;--vv-textarea-element-input-state-readonly-cursor: text;--vv-textarea-element-icon-margin: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-textarea-element-icon-position: var(--input-icon-position);--vv-textarea-element-icon-width: var(--input-icon-width);--vv-textarea-element-icon-height: var(--input-icon-height);--vv-textarea-element-icon-padding: var(--input-icon-padding);--vv-textarea-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-textarea-element-icon-right-right: 0;--vv-textarea-element-actions-group-display: flex;--vv-textarea-element-actions-group-flex-direction: column;--vv-textarea-element-actions-group-position: absolute;--vv-textarea-element-actions-group-right: 0;--vv-textarea-element-actions-group-top: 0;--vv-textarea-element-actions-group-bottom: var(--spacing-px);--vv-textarea-element-hint-display: var(--input-hint-display);--vv-textarea-element-hint-font-size: var(--input-hint-font-size);--vv-textarea-element-hint-color: var(--input-hint-color);--vv-textarea-element-hint-padding-top: var(--input-hint-gap);--vv-textarea-element-hint-padding-inline: var(--spacing-xs);--vv-textarea-element-hint-white-space: var(--input-hint-white-space);--vv-textarea-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-textarea-element-hint-overflow: var(--input-hint-overflow);--vv-textarea-element-hint-max-width: var(--input-hint-max-width);--vv-textarea-modifier-resizable-element-input-resize: vertical;--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-valid-element-hint-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-limit-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-textarea-modifier-floating-element-label-position: absolute;--vv-textarea-modifier-floating-element-label-z-index: 1;--vv-textarea-modifier-floating-element-label-pointer-events: none;--vv-textarea-modifier-floating-element-label-font-size: inherit;--vv-textarea-modifier-floating-element-label-padding-inline: 0;--vv-textarea-modifier-floating-element-label-margin: 0;--vv-textarea-modifier-floating-element-label-will-change: transform;--vv-textarea-modifier-floating-element-label-transition: var(--transition-all);--vv-textarea-modifier-floating-element-input-will-change: transform;--vv-textarea-modifier-floating-element-input-transition: var(--transition-all);--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change: opacity;--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition: var(--transition-opacity);--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-textarea-modifier-floating-state-focus-within-element-label-transform: translateY(-.8em);--vv-textarea-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-focus-within-element-input-transform: translateY(.55em);--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-textarea-modifier-floating-state-dirty-element-label-transform: translateY(-.8em);--vv-textarea-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-dirty-element-input-transform: translateY(.55em);--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-textarea-state-disabled-opacity: .5;--vv-textarea-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-textarea-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-textarea){display:var(--vv-textarea-display);flex:var(--vv-textarea-flex);flex-direction:var(--vv-textarea-flex-direction);margin-bottom:var(--vv-textarea-margin-bottom);font-size:var(--vv-textarea-font-size);line-height:var(--vv-textarea-line-height);min-width:var(--vv-textarea-min-width)}:where(.vv-textarea__label,.vv-textarea > label){display:var(--vv-textarea-element-label-display);font-size:var(--vv-textarea-element-label-font-size);color:var(--vv-textarea-element-label-color);margin:var(--vv-textarea-element-label-margin);white-space:var(--vv-textarea-element-label-white-space);text-overflow:var(--vv-textarea-element-label-text-overflow);overflow:var(--vv-textarea-element-label-overflow);max-width:var(--vv-textarea-element-label-max-width)}:where(.vv-textarea__limit){position:var(--vv-textarea-element-limit-position);right:var(--vv-textarea-element-limit-right);bottom:var(--vv-textarea-element-limit-bottom);font-size:var(--vv-textarea-element-limit-font-size);color:var(--vv-textarea-element-limit-color)}:where(.vv-textarea__wrapper){position:var(--vv-textarea-element-wrapper-position);display:var(--vv-textarea-element-wrapper-display);align-items:var(--vv-textarea-element-wrapper-align-items);flex:var(--vv-textarea-element-wrapper-flex);overflow:var(--vv-textarea-element-wrapper-overflow);background-color:var(--vv-textarea-element-wrapper-background-color);will-change:var(--vv-textarea-element-wrapper-will-change);transition:var(--vv-textarea-element-wrapper-transition);min-height:var(--vv-textarea-element-wrapper-min-height)}:where(.vv-textarea__wrapper):before{content:"";position:var(--vv-textarea-element-wrapper-pseudo-before-position);height:var(--vv-textarea-element-wrapper-pseudo-before-height);inset:var(--vv-textarea-element-wrapper-pseudo-before-inset);background:var(--vv-textarea-element-wrapper-pseudo-before-background)}:where(.vv-textarea__wrapper):after{content:"";position:var(--vv-textarea-element-wrapper-pseudo-after-position);height:var(--vv-textarea-element-wrapper-pseudo-after-height);inset:var(--vv-textarea-element-wrapper-pseudo-after-inset);background:var(--vv-textarea-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-textarea-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-textarea-element-wrapper-pseudo-after-will-change);transition:var(--vv-textarea-element-wrapper-pseudo-after-transition)}:where(.vv-textarea__wrapper--hover,.vv-textarea__wrapper.hover,.vv-textarea__wrapper:not([disabled]):hover){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-hover-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within):after{--vv-textarea-element-wrapper-pseudo-after-transform: var(--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-textarea__input,.vv-textarea textarea){display:var(--vv-textarea-element-input-display);flex:var(--vv-textarea-element-input-flex);color:var(--vv-textarea-element-input-color);padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);overflow:var(--vv-textarea-element-input-overflow)}:where(.vv-textarea__input,.vv-textarea textarea)::-moz-placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input,.vv-textarea textarea)::placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input--disabled,.vv-textarea__input.disabled,.vv-textarea textarea.disabled,.vv-textarea__input[disabled],.vv-textarea textarea[disabled],.vv-textarea__input[aria-disabled=true],.vv-textarea textarea[aria-disabled=true]){cursor:var(--vv-textarea-element-input-state-disabled-cursor)}:where(.vv-textarea__input--readonly,.vv-textarea__input.readonly,.vv-textarea textarea.readonly,.vv-textarea__input[readonly],.vv-textarea textarea[readonly]){cursor:var(--vv-textarea-element-input-state-readonly-cursor)}:where(.vv-textarea__icon,.vv-textarea :where(svg,[data-icon])){margin:var(--vv-textarea-element-icon-margin);position:var(--vv-textarea-element-icon-position);width:var(--vv-textarea-element-icon-width);height:var(--vv-textarea-element-icon-height);padding:var(--vv-textarea-element-icon-padding);pointer-events:var(--vv-textarea-element-icon-pointer-events)}:where(.vv-textarea__icon-right,.vv-textarea textarea + :where(svg,[data-icon])){right:var(--vv-textarea-element-icon-right-right)}:where(.vv-textarea__actions-group){display:var(--vv-textarea-element-actions-group-display);flex-direction:var(--vv-textarea-element-actions-group-flex-direction);position:var(--vv-textarea-element-actions-group-position);right:var(--vv-textarea-element-actions-group-right);top:var(--vv-textarea-element-actions-group-top);bottom:var(--vv-textarea-element-actions-group-bottom)}:where(.vv-textarea__hint,.vv-textarea > small){display:var(--vv-textarea-element-hint-display);font-size:var(--vv-textarea-element-hint-font-size);color:var(--vv-textarea-element-hint-color);padding-top:var(--vv-textarea-element-hint-padding-top);padding-inline:var(--vv-textarea-element-hint-padding-inline);white-space:var(--vv-textarea-element-hint-white-space);text-overflow:var(--vv-textarea-element-hint-text-overflow);overflow:var(--vv-textarea-element-hint-overflow);max-width:var(--vv-textarea-element-hint-max-width)}:where(.vv-textarea:has(textarea:disabled)),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea:has(textarea:disabled) .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea--icon-left.vv-textarea){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--icon-right.vv-textarea){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--resizable .vv-textarea__input,.vv-textarea--resizable textarea){resize:var(--vv-textarea-modifier-resizable-element-input-resize)}.vv-textarea--valid .vv-textarea__wrapper:after{content:"";background:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--valid .vv-textarea__hint,.vv-textarea--valid > small){color:var(--vv-textarea-modifier-valid-element-hint-color)}.vv-textarea--valid .vv-textarea__limit{color:var(--vv-textarea-modifier-valid-element-limit-color)}:where(.vv-textarea--valid .vv-textarea__icon-right,.vv-textarea--valid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-valid-element-icon-right-color)}.vv-textarea--invalid .vv-textarea__wrapper:after{content:"";background:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--invalid .vv-textarea__hint,.vv-textarea--invalid > small){color:var(--vv-textarea-modifier-invalid-element-hint-color)}.vv-textarea--invalid .vv-textarea__limit{color:var(--vv-textarea-modifier-invalid-element-limit-color)}:where(.vv-textarea--invalid .vv-textarea__icon-right,.vv-textarea--invalid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-invalid-element-icon-right-color)}.vv-textarea--loading .vv-textarea__wrapper:before{content:"";height:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background)}.vv-textarea--loading .vv-textarea__wrapper:after{content:"";animation:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-textarea--floating.vv-textarea){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-textarea--floating .vv-textarea__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-textarea--floating .vv-textarea__hint,.vv-textarea--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-textarea--floating .vv-textarea__label,.vv-textarea--floating > label){position:var(--vv-textarea-modifier-floating-element-label-position);z-index:var(--vv-textarea-modifier-floating-element-label-z-index);pointer-events:var(--vv-textarea-modifier-floating-element-label-pointer-events);font-size:var(--vv-textarea-modifier-floating-element-label-font-size);padding-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);padding-inline:var(--vv-textarea-modifier-floating-element-label-padding-inline);margin:var(--vv-textarea-modifier-floating-element-label-margin);will-change:var(--vv-textarea-modifier-floating-element-label-will-change);transition:var(--vv-textarea-modifier-floating-element-label-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea){will-change:var(--vv-textarea-modifier-floating-element-input-will-change);transition:var(--vv-textarea-modifier-floating-element-input-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{content:"";will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change);-moz-transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{content:"";will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea--focus-within > label,.vv-textarea--floating.vv-textarea.focus-within > label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within > label){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}