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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (145) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +5 -5
  3. package/dist/base.css +1 -1
  4. package/dist/components/vv-accordion-group.css +1 -1
  5. package/dist/components/vv-accordion.css +1 -1
  6. package/dist/components/vv-alert-group.css +1 -1
  7. package/dist/components/vv-alert.css +1 -1
  8. package/dist/components/vv-avatar-group.css +1 -1
  9. package/dist/components/vv-avatar.css +1 -1
  10. package/dist/components/vv-badge.css +1 -1
  11. package/dist/components/vv-breadcrumb.css +1 -1
  12. package/dist/components/vv-button-group.css +1 -1
  13. package/dist/components/vv-button.css +1 -1
  14. package/dist/components/vv-card.css +1 -1
  15. package/dist/components/vv-checkbox-group.css +1 -1
  16. package/dist/components/vv-checkbox.css +1 -1
  17. package/dist/components/vv-dialog.css +1 -1
  18. package/dist/components/vv-dropdown-action.css +1 -1
  19. package/dist/components/vv-dropdown-optgroup.css +1 -1
  20. package/dist/components/vv-dropdown-option.css +1 -1
  21. package/dist/components/vv-dropdown.css +1 -1
  22. package/dist/components/vv-input-file.css +1 -0
  23. package/dist/components/vv-input-text.css +1 -1
  24. package/dist/components/vv-nav.css +1 -1
  25. package/dist/components/vv-progress.css +1 -1
  26. package/dist/components/vv-radio-group.css +1 -1
  27. package/dist/components/vv-radio.css +1 -1
  28. package/dist/components/vv-select.css +1 -1
  29. package/dist/components/vv-skeleton.css +1 -1
  30. package/dist/components/vv-tab.css +1 -1
  31. package/dist/components/vv-table.css +1 -1
  32. package/dist/components/vv-text.css +1 -1
  33. package/dist/components/vv-textarea.css +1 -1
  34. package/dist/components/vv-tooltip.css +1 -1
  35. package/dist/components.css +1 -1
  36. package/dist/export.css +1 -1
  37. package/dist/props/background.css +1 -1
  38. package/dist/props/colors.css +1 -1
  39. package/dist/props/filters.css +1 -1
  40. package/dist/props/input.css +1 -1
  41. package/dist/props/layout.css +1 -1
  42. package/dist/props/spacing.css +1 -1
  43. package/dist/props/transitions.css +1 -1
  44. package/dist/props/typography.css +1 -1
  45. package/dist/props.css +1 -1
  46. package/dist/reset.css +1 -1
  47. package/dist/themes/dark/components.css +1 -1
  48. package/dist/themes/dark/props.css +1 -1
  49. package/dist/themes/dark/volver.css +1 -1
  50. package/dist/utilities/backgrounds.css +1 -1
  51. package/dist/utilities/colors.css +1 -1
  52. package/dist/utilities/effects.css +1 -1
  53. package/dist/utilities/filters.css +1 -1
  54. package/dist/utilities/interactivity.css +1 -1
  55. package/dist/utilities/layout.css +1 -1
  56. package/dist/utilities/sizing.css +1 -1
  57. package/dist/utilities/transforms.css +1 -1
  58. package/dist/utilities/typography.css +1 -1
  59. package/dist/utilities.css +1 -1
  60. package/dist/volver.css +1 -1
  61. package/package.json +44 -44
  62. package/src/_config.scss +10 -9
  63. package/src/_preflight.scss +35 -1
  64. package/src/components/index.scss +1 -0
  65. package/src/components/vv-button-group.scss +6 -6
  66. package/src/components/vv-button.scss +1 -12
  67. package/src/components/vv-input-file.scss +93 -0
  68. package/src/components/vv-input-text.scss +54 -11
  69. package/src/components/vv-select.scss +53 -10
  70. package/src/components/vv-textarea.scss +53 -10
  71. package/src/components/vv-tooltip.scss +1 -1
  72. package/src/export.scss +33 -59
  73. package/src/props/background.scss +1 -0
  74. package/src/props/breakpoints.scss +5 -4
  75. package/src/props/index.scss +0 -1
  76. package/src/props/spacing.scss +2 -2
  77. package/src/props/transitions.scss +19 -0
  78. package/src/props/typography.scss +3 -2
  79. package/src/settings/_background.scss +228 -0
  80. package/src/settings/_colors.scss +16 -53
  81. package/src/settings/_effects.scss +0 -18
  82. package/src/settings/_filters.scss +15 -0
  83. package/src/settings/_index.scss +1 -1
  84. package/src/settings/_input.scss +4 -3
  85. package/src/settings/_interactivity.scss +14 -0
  86. package/src/settings/_layout.scss +1 -0
  87. package/src/settings/_transitions.scss +1 -0
  88. package/src/settings/_typography.scss +9 -1
  89. package/src/settings/components/_vv-accordion-group.scss +2 -2
  90. package/src/settings/components/_vv-accordion.scss +6 -5
  91. package/src/settings/components/_vv-alert-group.scss +14 -4
  92. package/src/settings/components/_vv-alert.scss +9 -9
  93. package/src/settings/components/_vv-avatar-group.scss +1 -0
  94. package/src/settings/components/_vv-avatar.scss +54 -52
  95. package/src/settings/components/_vv-badge.scss +67 -27
  96. package/src/settings/components/_vv-breadcrumb.scss +1 -0
  97. package/src/settings/components/_vv-button.scss +11 -5
  98. package/src/settings/components/_vv-card.scss +2 -0
  99. package/src/settings/components/_vv-checkbox-group.scss +3 -0
  100. package/src/settings/components/_vv-checkbox.scss +1 -0
  101. package/src/settings/components/_vv-dialog.scss +4 -0
  102. package/src/settings/components/_vv-dropdown-option.scss +2 -2
  103. package/src/settings/components/_vv-dropdown.scss +93 -7
  104. package/src/settings/components/_vv-input-file.scss +503 -0
  105. package/src/settings/components/_vv-input-text.scss +5 -1
  106. package/src/settings/components/_vv-nav.scss +10 -9
  107. package/src/settings/components/_vv-progress.scss +2 -0
  108. package/src/settings/components/_vv-radio.scss +3 -2
  109. package/src/settings/components/_vv-select.scss +6 -1
  110. package/src/settings/components/_vv-table.scss +19 -1
  111. package/src/settings/components/_vv-text.scss +1 -0
  112. package/src/settings/components/_vv-textarea.scss +6 -1
  113. package/src/themes/dark/components/_vv-avatar.scss +22 -0
  114. package/src/themes/dark/components/_vv-badge.scss +22 -0
  115. package/src/themes/dark/components/_vv-dropdown-action.scss +22 -0
  116. package/src/themes/dark/components/_vv-dropdown-option.scss +22 -0
  117. package/src/themes/dark/components/_vv-nav.scss +22 -0
  118. package/src/themes/dark/components/index.scss +6 -1
  119. package/src/themes/dark/settings/_background.scss +2 -0
  120. package/src/themes/dark/settings/_colors.scss +4 -38
  121. package/src/themes/dark/settings/_index.scss +6 -1
  122. package/src/themes/dark/settings/components/_vv-alert.scss +1 -1
  123. package/src/themes/dark/settings/components/_vv-avatar.scss +27 -0
  124. package/src/themes/dark/settings/components/_vv-badge.scss +50 -0
  125. package/src/themes/dark/settings/components/_vv-button.scss +13 -8
  126. package/src/themes/dark/settings/components/_vv-dropdown-action.scss +3 -0
  127. package/src/themes/dark/settings/components/_vv-dropdown-option.scss +19 -0
  128. package/src/themes/dark/settings/components/_vv-nav.scss +15 -0
  129. package/src/tools/_breakpoints.scss +13 -4
  130. package/src/tools/_functions.scss +26 -13
  131. package/src/tools/_mixins.scss +97 -26
  132. package/src/utilities/backgrounds.scss +14 -4
  133. package/src/utilities/flexbox.scss +6 -1
  134. package/src/utilities/index.scss +0 -1
  135. package/src/utilities/interactivity.scss +17 -1
  136. package/src/utilities/layout.scss +9 -3
  137. package/src/utilities/sizing.scss +10 -2
  138. package/src/utilities/spacing.scss +10 -1
  139. package/src/utilities/transforms.scss +2 -2
  140. package/src/utilities/typography.scss +21 -0
  141. package/dist/props/gradient.css +0 -1
  142. package/dist/utilities/gradients.css +0 -1
  143. package/src/props/gradient.scss +0 -7
  144. package/src/settings/_gradient.scss +0 -201
  145. package/src/utilities/gradients.scss +0 -11
package/dist/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-min-width: var(--input-min-width);--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: 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-scale: 0 1;--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(--input-background-color-hover);--vv-select-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-select-element-wrapper-state-focus-within-pseudo-after-scale: 1;--vv-select-element-wrapper-state-open-background-color: var(--input-background-color-focus);--vv-select-element-wrapper-state-open-pseudo-after-scale: 1;--vv-select-element-inner-position: relative;--vv-select-element-inner-display: flex;--vv-select-element-inner-flex: 1;--vv-select-element-inner-width: 100%;--vv-select-element-value-text-overflow: var(--input-text-overflow);--vv-select-element-value-white-space: nowrap;--vv-select-element-value-overflow: hidden;--vv-select-element-input-display: flex;--vv-select-element-input-align-items: center;--vv-select-element-input-flex-grow: 1;--vv-select-element-input-flex-shrink: 1;--vv-select-element-input-flex-wrap: wrap;--vv-select-element-input-min-width: 0;--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(--input-min-height);--vv-select-element-input-gap: .5ch;--vv-select-element-input-text-overflow: var(--input-text-overflow);--vv-select-element-input-white-space: nowrap;--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-input-before-display: flex;--vv-select-element-input-before-padding-left: var(--input-spacing-left);--vv-select-element-input-after-display: flex;--vv-select-element-input-after-padding-right: var(--input-spacing-right);--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-min-height);--vv-select-element-icon-margin: var(--input-icon-margin);--vv-select-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-select-element-icon-after-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-modifier-dirty-element-input-color: var(--input-color);--vv-select-modifier-multiple-element-wrapper-align-items: flex-start;--vv-select-modifier-multiple-element-input-overflow: auto;--vv-select-modifier-multiple-element-input-background-image: none;--vv-select-modifier-multiple-element-input-padding: 0;--vv-select-modifier-multiple-element-option-min-height: var(--input-min-height);--vv-select-modifier-multiple-element-option-display: flex;--vv-select-modifier-multiple-element-option-align-items: center;--vv-select-modifier-multiple-element-option-color: var(--input-color);--vv-select-modifier-multiple-element-option-state-checked-color: var(--color-brand);--vv-select-modifier-multiple-element-option-state-checked-background-color: var(--color-surface-brand);--vv-select-modifier-multiple-element-option-state-disabled-color: var(--input-placeholder-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-scale: 1;--vv-select-modifier-valid-element-hint-color: var(--input-valid-color);--vv-select-modifier-valid-element-icon-after-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-scale: 1;--vv-select-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-select-modifier-invalid-element-icon-after-color: var(--input-invalid-color);--vv-select-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-select-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-select-modifier-floating-position: relative;--vv-select-modifier-floating-element-label-position: absolute;--vv-select-modifier-floating-element-label-z-index: 1;--vv-select-modifier-floating-element-label-min-height: var(--input-min-height);--vv-select-modifier-floating-element-label-line-height: var(--input-min-height);--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-opacity: var(--opacity-0);--vv-select-modifier-floating-state-focus-within-element-label-translate: var(--input-floating-label-translate);--vv-select-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-select-modifier-floating-state-focus-within-element-input-opacity: var(--opacity-100);--vv-select-modifier-floating-modifier-dirty-element-label-translate: var(--input-floating-label-translate);--vv-select-modifier-floating-modifier-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-select-modifier-floating-modifier-dirty-element-input-opacity: var(--opacity-100);--vv-select-modifier-readonly-opacity: var(--opacity-100);--vv-select-modifier-readonly-cursor: text;--vv-select-modifier-readonly-user-select: text;--vv-select-modifier-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-select-modifier-readonly-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-select-modifier-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-select-modifier-readonly-element-input-background-image: none;--vv-select-modifier-readonly-element-input-cursor: text;--vv-select-state-disabled-opacity: var(--opacity-50);--vv-select-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-select-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color)}: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);min-width:var(--vv-select-min-width);-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);scale:var(--vv-select-element-wrapper-pseudo-after-scale);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-scale: var(--vv-select-element-wrapper-state-focus-within-pseudo-after-scale)}: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-scale: var(--vv-select-element-wrapper-state-open-pseudo-after-scale)}:where(.vv-select__inner){position:var(--vv-select-element-inner-position);display:var(--vv-select-element-inner-display);flex:var(--vv-select-element-inner-flex);width:var(--vv-select-element-inner-width)}:where(.vv-select__value){text-overflow:var(--vv-select-element-value-text-overflow);white-space:var(--vv-select-element-value-white-space);overflow:var(--vv-select-element-value-overflow)}:where(.vv-select__input,.vv-select select){display:var(--vv-select-element-input-display);align-items:var(--vv-select-element-input-align-items);flex-grow:var(--vv-select-element-input-flex-grow);flex-shrink:var(--vv-select-element-input-flex-shrink);flex-wrap:var(--vv-select-element-input-flex-wrap);min-width:var(--vv-select-element-input-min-width);color:var(--vv-select-element-input-color);padding:var(--input-spacing-top) calc(var(--input-spacing-right) * 2 + 1em) 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);gap:var(--vv-select-element-input-gap);text-overflow:var(--vv-select-element-input-text-overflow);white-space:var(--vv-select-element-input-white-space)}: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__input-before){display:var(--vv-select-element-input-before-display);padding-left:var(--vv-select-element-input-before-padding-left)}:where(.vv-select__input-after){display:var(--vv-select-element-input-after-display);padding-right:var(--vv-select-element-input-after-padding-right)}:where(.vv-select__icon,.vv-select > div > :where(svg,[data-icon])){position:var(--vv-select-element-icon-position);width:var(--vv-select-element-icon-width);height:var(--vv-select-element-icon-height);margin:var(--vv-select-element-icon-margin);pointer-events:var(--vv-select-element-icon-pointer-events)}:where(.vv-select__icon-after,.vv-select select + :where(svg,[data-icon])){right:var(--vv-select-element-icon-after-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)}: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:focus-within),:where(.vv-select--disabled .vv-select__wrapper--focus-within,.vv-select--disabled .vv-select__wrapper.focus-within,.vv-select--disabled .vv-select__wrapper:not([disabled]):focus-within,.vv-select.disabled .vv-select__wrapper--focus-within,.vv-select.disabled .vv-select__wrapper.focus-within,.vv-select.disabled .vv-select__wrapper:not([disabled]):focus-within,.vv-select[disabled] .vv-select__wrapper--focus-within,.vv-select[disabled] .vv-select__wrapper.focus-within,.vv-select[disabled] .vv-select__wrapper:not([disabled]):focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper--focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper.focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):focus-within){background-color:var(--vv-select-state-disabled-element-wrapper-state-focus-within-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--multiple .vv-select__wrapper){align-items:var(--vv-select-modifier-multiple-element-wrapper-align-items)}:where(.vv-select--multiple .vv-select__input,.vv-select--multiple select){overflow:var(--vv-select-modifier-multiple-element-input-overflow);background-image:var(--vv-select-modifier-multiple-element-input-background-image);padding:var(--vv-select-modifier-multiple-element-input-padding)}:where(.vv-select--multiple .vv-select__option,.vv-select--multiple select > option){padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);min-height:var(--vv-select-modifier-multiple-element-option-min-height);display:var(--vv-select-modifier-multiple-element-option-display);align-items:var(--vv-select-modifier-multiple-element-option-align-items);color:var(--vv-select-modifier-multiple-element-option-color)}:where(.vv-select--multiple .vv-select__option--checked,.vv-select--multiple .vv-select__option.checked,.vv-select--multiple select > option.checked,.vv-select--multiple .vv-select__option:checked,.vv-select--multiple select > option:checked){--vv-select-modifier-multiple-element-option-color: var(--vv-select-modifier-multiple-element-option-state-checked-color);background-color:var(--vv-select-modifier-multiple-element-option-state-checked-background-color)}:where(.vv-select--multiple .vv-select__option--disabled,.vv-select--multiple .vv-select__option.disabled,.vv-select--multiple select > option.disabled,.vv-select--multiple .vv-select__option[disabled],.vv-select--multiple select > option[disabled],.vv-select--multiple .vv-select__option[aria-disabled=true],.vv-select--multiple select > option[aria-disabled=true]){--vv-select-modifier-multiple-element-option-color: var(--vv-select-modifier-multiple-element-option-state-disabled-color)}:where(.vv-select--icon-before.vv-select){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--icon-after.vv-select){--input-spacing-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);scale:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-scale)}: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-after,.vv-select--valid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-valid-element-icon-after-color)}:where(.vv-select--invalid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-scale)}: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-after,.vv-select--invalid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-invalid-element-icon-after-color)}:where(.vv-select--loading .vv-select__wrapper):after{content:"";opacity:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-select--floating.vv-select){position:var(--vv-select-modifier-floating-position);margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}:where(.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);min-height:var(--vv-select-modifier-floating-element-label-min-height);line-height:var(--vv-select-modifier-floating-element-label-line-height);pointer-events:var(--vv-select-modifier-floating-element-label-pointer-events);font-size:var(--vv-select-modifier-floating-element-label-font-size);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){opacity:var(--vv-select-modifier-floating-element-input-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){translate:var(--vv-select-modifier-floating-state-focus-within-element-label-translate);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:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom);opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select--dirty > label){translate:var(--vv-select-modifier-floating-modifier-dirty-element-label-translate);font-size:var(--vv-select-modifier-floating-modifier-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select--dirty select){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom);opacity:var(--vv-select-modifier-floating-modifier-dirty-element-input-opacity)}:where(.vv-select--readonly.vv-select){opacity:var(--vv-select-modifier-readonly-opacity);cursor:var(--vv-select-modifier-readonly-cursor);--vv-select-user-select: var(--vv-select-modifier-readonly-user-select)}:where(.vv-select--readonly .vv-select__wrapper):before{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-before-opacity)}: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__wrapper--focus-within,.vv-select--readonly .vv-select__wrapper.focus-within,.vv-select--readonly .vv-select__wrapper:not([disabled]):focus-within){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-focus-within-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-min-width: var(--input-min-width);--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-font-weight: var(--input-label-font-weight);--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-scale: 0 1;--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(--input-background-color-hover);--vv-select-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-select-element-wrapper-state-focus-within-pseudo-after-scale: 1;--vv-select-element-wrapper-state-open-background-color: var(--input-background-color-focus);--vv-select-element-wrapper-state-open-pseudo-after-scale: 1;--vv-select-element-inner-position: relative;--vv-select-element-inner-display: flex;--vv-select-element-inner-flex: 1;--vv-select-element-inner-width: 100%;--vv-select-element-inner-min-width: 0;--vv-select-element-value-text-overflow: var(--input-text-overflow);--vv-select-element-value-white-space: nowrap;--vv-select-element-value-overflow: hidden;--vv-select-element-input-display: flex;--vv-select-element-input-align-items: center;--vv-select-element-input-flex-grow: 1;--vv-select-element-input-flex-shrink: 1;--vv-select-element-input-flex-wrap: wrap;--vv-select-element-input-min-width: 0;--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(--input-min-height);--vv-select-element-input-gap: .5ch;--vv-select-element-input-text-overflow: var(--input-text-overflow);--vv-select-element-input-white-space: nowrap;--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-input-before-display: flex;--vv-select-element-input-before-padding-left: var(--input-spacing-left);--vv-select-element-input-after-display: flex;--vv-select-element-input-after-padding-right: var(--input-spacing-right);--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-min-height);--vv-select-element-icon-margin: var(--input-icon-margin);--vv-select-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-select-element-icon-flex-shrink: 0;--vv-select-element-icon-after-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-modifier-dirty-element-input-color: var(--input-color);--vv-select-modifier-multiple-element-wrapper-align-items: flex-start;--vv-select-modifier-multiple-element-input-overflow: auto;--vv-select-modifier-multiple-element-input-background-image: none;--vv-select-modifier-multiple-element-input-padding: 0;--vv-select-modifier-multiple-element-option-min-height: var(--input-min-height);--vv-select-modifier-multiple-element-option-display: flex;--vv-select-modifier-multiple-element-option-align-items: center;--vv-select-modifier-multiple-element-option-color: var(--input-color);--vv-select-modifier-multiple-element-option-state-checked-color: var(--color-brand);--vv-select-modifier-multiple-element-option-state-checked-background-color: var(--color-surface-brand);--vv-select-modifier-multiple-element-option-state-disabled-color: var(--input-placeholder-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-scale: 1;--vv-select-modifier-valid-element-hint-color: var(--input-valid-color);--vv-select-modifier-valid-element-icon-after-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-scale: 1;--vv-select-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-select-modifier-invalid-element-icon-after-color: var(--input-invalid-color);--vv-select-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-select-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-select-modifier-floating-position: relative;--vv-select-modifier-floating-element-label-position: absolute;--vv-select-modifier-floating-element-label-z-index: var(--z-1);--vv-select-modifier-floating-element-label-min-height: var(--input-min-height);--vv-select-modifier-floating-element-label-line-height: var(--input-min-height);--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-opacity: var(--opacity-0);--vv-select-modifier-floating-state-focus-within-element-label-translate: var(--input-floating-label-translate);--vv-select-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-select-modifier-floating-state-focus-within-element-input-opacity: var(--opacity-100);--vv-select-modifier-floating-modifier-dirty-element-label-translate: var(--input-floating-label-translate);--vv-select-modifier-floating-modifier-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-select-modifier-floating-modifier-dirty-element-input-opacity: var(--opacity-100);--vv-select-modifier-readonly-opacity: var(--opacity-100);--vv-select-modifier-readonly-cursor: text;--vv-select-modifier-readonly-user-select: text;--vv-select-modifier-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-select-modifier-readonly-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-select-modifier-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-select-modifier-readonly-element-input-background-image: none;--vv-select-modifier-readonly-element-input-cursor: text;--vv-select-state-disabled-opacity: var(--opacity-50);--vv-select-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-select-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color)}:where(.vv-select){display:var(--vv-select-display)}:where(.vv-select){flex:var(--vv-select-flex)}:where(.vv-select){flex-direction:var(--vv-select-flex-direction)}:where(.vv-select){margin-bottom:var(--vv-select-margin-bottom)}:where(.vv-select){font-size:var(--vv-select-font-size)}:where(.vv-select){line-height:var(--vv-select-line-height)}:where(.vv-select){min-width:var(--vv-select-min-width)}:where(.vv-select){-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)}:where(.vv-select__label,.vv-select>label){font-size:var(--vv-select-element-label-font-size)}:where(.vv-select__label,.vv-select>label){font-weight:var(--vv-select-element-label-font-weight)}:where(.vv-select__label,.vv-select>label){color:var(--vv-select-element-label-color)}:where(.vv-select__label,.vv-select>label){margin:var(--vv-select-element-label-margin)}:where(.vv-select__label,.vv-select>label){white-space:var(--vv-select-element-label-white-space)}:where(.vv-select__label,.vv-select>label){text-overflow:var(--vv-select-element-label-text-overflow)}:where(.vv-select__label,.vv-select>label){overflow:var(--vv-select-element-label-overflow)}:where(.vv-select__label,.vv-select>label){max-width:var(--vv-select-element-label-max-width)}:where(.vv-select__wrapper){position:var(--vv-select-element-wrapper-position)}:where(.vv-select__wrapper){display:var(--vv-select-element-wrapper-display)}:where(.vv-select__wrapper){align-items:var(--vv-select-element-wrapper-align-items)}:where(.vv-select__wrapper){flex:var(--vv-select-element-wrapper-flex)}:where(.vv-select__wrapper){background-color:var(--vv-select-element-wrapper-background-color)}:where(.vv-select__wrapper){will-change:var(--vv-select-element-wrapper-will-change)}:where(.vv-select__wrapper){transition:var(--vv-select-element-wrapper-transition)}:where(.vv-select__wrapper):before{content:""}:where(.vv-select__wrapper):before{position:var(--vv-select-element-wrapper-pseudo-before-position)}:where(.vv-select__wrapper):before{height:var(--vv-select-element-wrapper-pseudo-before-height)}:where(.vv-select__wrapper):before{inset:var(--vv-select-element-wrapper-pseudo-before-inset)}:where(.vv-select__wrapper):before{background:var(--vv-select-element-wrapper-pseudo-before-background)}:where(.vv-select__wrapper):after{content:""}:where(.vv-select__wrapper):after{position:var(--vv-select-element-wrapper-pseudo-after-position)}:where(.vv-select__wrapper):after{height:var(--vv-select-element-wrapper-pseudo-after-height)}:where(.vv-select__wrapper):after{inset:var(--vv-select-element-wrapper-pseudo-after-inset)}:where(.vv-select__wrapper):after{background:var(--vv-select-element-wrapper-pseudo-after-background)}:where(.vv-select__wrapper):after{scale:var(--vv-select-element-wrapper-pseudo-after-scale)}:where(.vv-select__wrapper):after{transform-origin:var(--vv-select-element-wrapper-pseudo-after-transform-origin)}:where(.vv-select__wrapper):after{will-change:var(--vv-select-element-wrapper-pseudo-after-will-change)}:where(.vv-select__wrapper):after{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-scale: var(--vv-select-element-wrapper-state-focus-within-pseudo-after-scale)}: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-scale: var(--vv-select-element-wrapper-state-open-pseudo-after-scale)}:where(.vv-select__inner){position:var(--vv-select-element-inner-position)}:where(.vv-select__inner){display:var(--vv-select-element-inner-display)}:where(.vv-select__inner){flex:var(--vv-select-element-inner-flex)}:where(.vv-select__inner){width:var(--vv-select-element-inner-width)}:where(.vv-select__inner){min-width:var(--vv-select-element-inner-min-width)}:where(.vv-select__value){text-overflow:var(--vv-select-element-value-text-overflow)}:where(.vv-select__value){white-space:var(--vv-select-element-value-white-space)}:where(.vv-select__value){overflow:var(--vv-select-element-value-overflow)}:where(.vv-select__input,.vv-select select){display:var(--vv-select-element-input-display)}:where(.vv-select__input,.vv-select select){align-items:var(--vv-select-element-input-align-items)}:where(.vv-select__input,.vv-select select){flex-grow:var(--vv-select-element-input-flex-grow)}:where(.vv-select__input,.vv-select select){flex-shrink:var(--vv-select-element-input-flex-shrink)}:where(.vv-select__input,.vv-select select){flex-wrap:var(--vv-select-element-input-flex-wrap)}:where(.vv-select__input,.vv-select select){min-width:var(--vv-select-element-input-min-width)}:where(.vv-select__input,.vv-select select){color:var(--vv-select-element-input-color)}:where(.vv-select__input,.vv-select select){padding:var(--input-spacing-top) calc(var(--input-spacing-right) * 2 + 1em) var(--input-spacing-bottom) var(--input-spacing-left)}:where(.vv-select__input,.vv-select select){background-image:var(--vv-select-element-input-background-image)}:where(.vv-select__input,.vv-select select){background-repeat:var(--vv-select-element-input-background-repeat)}:where(.vv-select__input,.vv-select select){background-position:right var(--input-spacing-right) center}:where(.vv-select__input,.vv-select select){background-size:var(--vv-select-element-input-background-size)}:where(.vv-select__input,.vv-select select){min-height:var(--vv-select-element-input-min-height)}:where(.vv-select__input,.vv-select select){gap:var(--vv-select-element-input-gap)}:where(.vv-select__input,.vv-select select){text-overflow:var(--vv-select-element-input-text-overflow)}:where(.vv-select__input,.vv-select select){white-space:var(--vv-select-element-input-white-space)}:where(.vv-select__input,.vv-select select)::marker{content:""}:where(.vv-select__input,.vv-select select)::marker{display:var(--vv-select-element-input-pseudo-marker-display)}:where(.vv-select__input,.vv-select select)::-webkit-details-marker{content:""}:where(.vv-select__input,.vv-select select)::-webkit-details-marker{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__input-before){display:var(--vv-select-element-input-before-display)}:where(.vv-select__input-before){padding-left:var(--vv-select-element-input-before-padding-left)}:where(.vv-select__input-after){display:var(--vv-select-element-input-after-display)}:where(.vv-select__input-after){padding-right:var(--vv-select-element-input-after-padding-right)}:where(.vv-select__icon,.vv-select>div>:where(svg,[data-icon])){position:var(--vv-select-element-icon-position)}:where(.vv-select__icon,.vv-select>div>:where(svg,[data-icon])){width:var(--vv-select-element-icon-width)}:where(.vv-select__icon,.vv-select>div>:where(svg,[data-icon])){height:var(--vv-select-element-icon-height)}:where(.vv-select__icon,.vv-select>div>:where(svg,[data-icon])){margin:var(--vv-select-element-icon-margin)}:where(.vv-select__icon,.vv-select>div>:where(svg,[data-icon])){pointer-events:var(--vv-select-element-icon-pointer-events)}:where(.vv-select__icon,.vv-select>div>:where(svg,[data-icon])){flex-shrink:var(--vv-select-element-icon-flex-shrink)}:where(.vv-select__icon-after,.vv-select select+:where(svg,[data-icon])){right:var(--vv-select-element-icon-after-right)}:where(.vv-select__hint,.vv-select>small){display:var(--vv-select-element-hint-display)}:where(.vv-select__hint,.vv-select>small){font-size:var(--vv-select-element-hint-font-size)}:where(.vv-select__hint,.vv-select>small){color:var(--vv-select-element-hint-color)}:where(.vv-select__hint,.vv-select>small){padding-top:var(--vv-select-element-hint-padding-top)}:where(.vv-select__hint,.vv-select>small){padding-inline:var(--vv-select-element-hint-padding-inline)}:where(.vv-select__hint,.vv-select>small){white-space:var(--vv-select-element-hint-white-space)}:where(.vv-select__hint,.vv-select>small){text-overflow:var(--vv-select-element-hint-text-overflow)}:where(.vv-select__hint,.vv-select>small){overflow:var(--vv-select-element-hint-overflow)}: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:focus-within),:where(.vv-select--disabled .vv-select__wrapper--focus-within,.vv-select--disabled .vv-select__wrapper.focus-within,.vv-select--disabled .vv-select__wrapper:not([disabled]):focus-within,.vv-select.disabled .vv-select__wrapper--focus-within,.vv-select.disabled .vv-select__wrapper.focus-within,.vv-select.disabled .vv-select__wrapper:not([disabled]):focus-within,.vv-select[disabled] .vv-select__wrapper--focus-within,.vv-select[disabled] .vv-select__wrapper.focus-within,.vv-select[disabled] .vv-select__wrapper:not([disabled]):focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper--focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper.focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):focus-within){background-color:var(--vv-select-state-disabled-element-wrapper-state-focus-within-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--multiple .vv-select__wrapper){align-items:var(--vv-select-modifier-multiple-element-wrapper-align-items)}:where(.vv-select--multiple .vv-select__input,.vv-select--multiple select){overflow:var(--vv-select-modifier-multiple-element-input-overflow)}:where(.vv-select--multiple .vv-select__input,.vv-select--multiple select){background-image:var(--vv-select-modifier-multiple-element-input-background-image)}:where(.vv-select--multiple .vv-select__input,.vv-select--multiple select){padding:var(--vv-select-modifier-multiple-element-input-padding)}:where(.vv-select--multiple .vv-select__option,.vv-select--multiple select>option){padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left)}:where(.vv-select--multiple .vv-select__option,.vv-select--multiple select>option){min-height:var(--vv-select-modifier-multiple-element-option-min-height)}:where(.vv-select--multiple .vv-select__option,.vv-select--multiple select>option){display:var(--vv-select-modifier-multiple-element-option-display)}:where(.vv-select--multiple .vv-select__option,.vv-select--multiple select>option){align-items:var(--vv-select-modifier-multiple-element-option-align-items)}:where(.vv-select--multiple .vv-select__option,.vv-select--multiple select>option){color:var(--vv-select-modifier-multiple-element-option-color)}:where(.vv-select--multiple .vv-select__option--checked,.vv-select--multiple .vv-select__option.checked,.vv-select--multiple select>option.checked,.vv-select--multiple .vv-select__option:checked,.vv-select--multiple select>option:checked){--vv-select-modifier-multiple-element-option-color: var(--vv-select-modifier-multiple-element-option-state-checked-color)}:where(.vv-select--multiple .vv-select__option--checked,.vv-select--multiple .vv-select__option.checked,.vv-select--multiple select>option.checked,.vv-select--multiple .vv-select__option:checked,.vv-select--multiple select>option:checked){background-color:var(--vv-select-modifier-multiple-element-option-state-checked-background-color)}:where(.vv-select--multiple .vv-select__option--disabled,.vv-select--multiple .vv-select__option.disabled,.vv-select--multiple select>option.disabled,.vv-select--multiple .vv-select__option[disabled],.vv-select--multiple select>option[disabled],.vv-select--multiple .vv-select__option[aria-disabled=true],.vv-select--multiple select>option[aria-disabled=true]){--vv-select-modifier-multiple-element-option-color: var(--vv-select-modifier-multiple-element-option-state-disabled-color)}:where(.vv-select--icon-before.vv-select){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--icon-after.vv-select){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--valid .vv-select__wrapper):after{content:""}:where(.vv-select--valid .vv-select__wrapper):after{background:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-background)}:where(.vv-select--valid .vv-select__wrapper):after{scale:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-scale)}: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-after,.vv-select--valid select+:where(svg,[data-icon])){color:var(--vv-select-modifier-valid-element-icon-after-color)}:where(.vv-select--invalid .vv-select__wrapper):after{content:""}:where(.vv-select--invalid .vv-select__wrapper):after{background:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-background)}:where(.vv-select--invalid .vv-select__wrapper):after{scale:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-scale)}: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-after,.vv-select--invalid select+:where(svg,[data-icon])){color:var(--vv-select-modifier-invalid-element-icon-after-color)}:where(.vv-select--loading .vv-select__wrapper):after{content:""}:where(.vv-select--loading .vv-select__wrapper):after{opacity:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-opacity)}:where(.vv-select--loading .vv-select__wrapper):after{animation:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-select--floating.vv-select){position:var(--vv-select-modifier-floating-position)}:where(.vv-select--floating.vv-select){margin-left:var(--input-spacing-left)}:where(.vv-select--floating.vv-select){margin-right:var(--input-spacing-right)}:where(.vv-select--floating .vv-select__wrapper){margin-left:calc(var(--input-spacing-left) * -1)}:where(.vv-select--floating .vv-select__wrapper){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)}:where(.vv-select--floating>.vv-select__hint,.vv-select--floating>small){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)}:where(.vv-select--floating>.vv-select__label,.vv-select--floating>label){z-index:var(--vv-select-modifier-floating-element-label-z-index)}:where(.vv-select--floating>.vv-select__label,.vv-select--floating>label){min-height:var(--vv-select-modifier-floating-element-label-min-height)}:where(.vv-select--floating>.vv-select__label,.vv-select--floating>label){line-height:var(--vv-select-modifier-floating-element-label-line-height)}:where(.vv-select--floating>.vv-select__label,.vv-select--floating>label){pointer-events:var(--vv-select-modifier-floating-element-label-pointer-events)}:where(.vv-select--floating>.vv-select__label,.vv-select--floating>label){font-size:var(--vv-select-modifier-floating-element-label-font-size)}:where(.vv-select--floating>.vv-select__label,.vv-select--floating>label){padding-inline:var(--vv-select-modifier-floating-element-label-padding-inline)}:where(.vv-select--floating>.vv-select__label,.vv-select--floating>label){margin:var(--vv-select-modifier-floating-element-label-margin)}:where(.vv-select--floating>.vv-select__label,.vv-select--floating>label){will-change:var(--vv-select-modifier-floating-element-label-will-change)}:where(.vv-select--floating>.vv-select__label,.vv-select--floating>label){transform-origin:var(--vv-select-modifier-floating-element-label-transform-origin)}:where(.vv-select--floating>.vv-select__label,.vv-select--floating>label){transition:var(--vv-select-modifier-floating-element-label-transition)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select){opacity:var(--vv-select-modifier-floating-element-input-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){translate:var(--vv-select-modifier-floating-state-focus-within-element-label-translate)}: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){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:var(--input-floating-padding-top)}: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-bottom:var(--input-floating-padding-bottom)}: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){opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-opacity)}:where(.vv-select--floating.vv-select--dirty>.vv-select__label,.vv-select--floating.vv-select--dirty>label){translate:var(--vv-select-modifier-floating-modifier-dirty-element-label-translate)}:where(.vv-select--floating.vv-select--dirty>.vv-select__label,.vv-select--floating.vv-select--dirty>label){font-size:var(--vv-select-modifier-floating-modifier-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select--dirty select){padding-top:var(--input-floating-padding-top)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select--dirty select){padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select--dirty select){opacity:var(--vv-select-modifier-floating-modifier-dirty-element-input-opacity)}:where(.vv-select--readonly.vv-select){opacity:var(--vv-select-modifier-readonly-opacity)}:where(.vv-select--readonly.vv-select){cursor:var(--vv-select-modifier-readonly-cursor)}:where(.vv-select--readonly.vv-select){--vv-select-user-select: var(--vv-select-modifier-readonly-user-select)}:where(.vv-select--readonly .vv-select__wrapper):before{content:""}:where(.vv-select--readonly .vv-select__wrapper):before{opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-select--readonly .vv-select__wrapper):after{content:""}:where(.vv-select--readonly .vv-select__wrapper):after{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__wrapper--focus-within,.vv-select--readonly .vv-select__wrapper.focus-within,.vv-select--readonly .vv-select__wrapper:not([disabled]):focus-within){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-select--readonly .vv-select__input,.vv-select--readonly select){background-image:var(--vv-select-modifier-readonly-element-input-background-image)}:where(.vv-select--readonly .vv-select__input,.vv-select--readonly select){cursor:var(--vv-select-modifier-readonly-element-input-cursor)}
package/dist/components/vv-skeleton.css CHANGED
@@ -1 +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)}
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)}:where(.vv-skeleton){--skeleton-shine-color: var(--color-surface)}:where(.vv-skeleton){display:var(--vv-skeleton-display)}:where(.vv-skeleton){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%)}:where(.vv-skeleton__item){color:transparent}:where(.vv-skeleton__item){background-size:var(--vv-skeleton-element-item-background-size)}:where(.vv-skeleton__item){height:var(--vv-skeleton-element-item-height)}:where(.vv-skeleton__item){border-radius:var(--vv-skeleton-element-item-border-radius)}:where(.vv-skeleton__item){animation:var(--vv-skeleton-element-item-animation)}
package/dist/components/vv-tab.css CHANGED
@@ -1 +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)}
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)}:where(.vv-tab){flex-direction:var(--vv-tab-flex-direction)}:where(.vv-tab__panel){display:var(--vv-tab-element-panel-display)}:where(.vv-tab__panel){padding:var(--vv-tab-element-panel-padding)}:where(.vv-tab__panel){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-caption-caption-side: bottom;--vv-table-element-caption-state-empty-display: none;--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__caption--empty,.vv-table__caption.empty,.vv-table caption.empty,.vv-table__caption:not([disabled]):empty,.vv-table caption:not([disabled]):empty){display:var(--vv-table-element-caption-state-empty-display)}: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)}
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-caption-state-empty-display: none;--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-tfoot-tr-border-width: 1px 0 0 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-bordered-element-th-border-width: 1px;--vv-table-modifier-bordered-element-th-border-style: solid;--vv-table-modifier-bordered-element-th-border-color: var(--color-surface-5);--vv-table-modifier-bordered-element-td-border-width: 1px;--vv-table-modifier-bordered-element-td-border-style: solid;--vv-table-modifier-bordered-element-td-border-color: var(--color-surface-5)}:where(.vv-table){--table-cell-padding: var(--spacing-md) 0}:where(.vv-table){width:var(--vv-table-width)}:where(.vv-table){border-collapse:var(--vv-table-border-collapse)}:where(.vv-table){border-color:var(--vv-table-border-color)}:where(.vv-table__caption,.vv-table caption){caption-side:var(--vv-table-element-caption-caption-side)}:where(.vv-table__caption,.vv-table caption){padding:var(--table-cell-padding)}:where(.vv-table__caption--empty,.vv-table__caption.empty,.vv-table caption.empty,.vv-table__caption:not([disabled]):empty,.vv-table caption:not([disabled]):empty){display:var(--vv-table-element-caption-state-empty-display)}:where(.vv-table__tr,.vv-table tr){border-width:var(--vv-table-element-tr-border-width)}:where(.vv-table__tr,.vv-table tr){border-style:var(--vv-table-element-tr-border-style)}:where(.vv-table__tr,.vv-table tr){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__tfoot-tr,.vv-table tfoot>tr){border-width:var(--vv-table-element-tfoot-tr-border-width)}:where(.vv-table__th,.vv-table th){font-weight:var(--vv-table-element-th-font-weight)}:where(.vv-table__th,.vv-table th){font-size:var(--vv-table-element-th-font-size)}:where(.vv-table__th,.vv-table th){color:var(--vv-table-element-th-color)}:where(.vv-table__th,.vv-table th){vertical-align:var(--vv-table-element-th-vertical-align)}:where(.vv-table__th,.vv-table th){padding:var(--table-cell-padding)}:where(.vv-table__td,.vv-table td){border-style:var(--vv-table-element-td-border-style)}:where(.vv-table__td,.vv-table td){font-size:var(--vv-table-element-td-font-size)}:where(.vv-table__td,.vv-table td){vertical-align:var(--vv-table-element-td-vertical-align)}:where(.vv-table__td,.vv-table td){padding:var(--table-cell-padding)}:where(.vv-table--inline-spacing.vv-table){--table-cell-padding: var(--spacing-md)}:where(.vv-table--bordered.vv-table){--table-cell-padding: var(--spacing-md)}:where(.vv-table--bordered .vv-table__th,.vv-table--bordered th){border-width:var(--vv-table-modifier-bordered-element-th-border-width)}:where(.vv-table--bordered .vv-table__th,.vv-table--bordered th){border-style:var(--vv-table-modifier-bordered-element-th-border-style)}:where(.vv-table--bordered .vv-table__th,.vv-table--bordered th){border-color:var(--vv-table-modifier-bordered-element-th-border-color)}:where(.vv-table--bordered .vv-table__td,.vv-table--bordered td){border-width:var(--vv-table-modifier-bordered-element-td-border-width)}:where(.vv-table--bordered .vv-table__td,.vv-table--bordered td){border-style:var(--vv-table-modifier-bordered-element-td-border-style)}:where(.vv-table--bordered .vv-table__td,.vv-table--bordered td){border-color:var(--vv-table-modifier-bordered-element-td-border-color)}
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-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: var(--opacity-50);--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)}
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-letter-spacing: var(--tracking-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: var(--opacity-50);--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)}:where(.vv-text){font-weight:var(--vv-text-font-weight)}:where(.vv-text){line-height:var(--vv-text-line-height)}:where(.vv-text--headline.vv-text){--vv-text-font-weight: var(--vv-text-modifier-headline-font-weight)}:where(.vv-text--headline.vv-text){--vv-text-line-height: var(--vv-text-modifier-headline-line-height)}:where(.vv-text--headline.vv-text){letter-spacing:var(--vv-text-modifier-headline-letter-spacing)}:where(.vv-text--headline.vv-text){margin-top:var(--vv-text-modifier-headline-margin-top)}:where(.vv-text--headline.vv-text){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)}: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-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)}:where(.vv-text--link.vv-text--hover,.vv-text--link.vv-text.hover,.vv-text--link.vv-text:not([disabled]):hover){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)}: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]){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)}:where(.vv-text--quote.vv-text){border-left:var(--vv-text-modifier-quote-border-left)}:where(.vv-text--quote.vv-text){padding-left:var(--vv-text-modifier-quote-padding-left)}:where(.vv-text--quote.vv-text){margin-block:var(--vv-text-modifier-quote-margin-block)}:where(.vv-text--quote.vv-text){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-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-inner-position: relative;--vv-textarea-element-inner-display: flex;--vv-textarea-element-inner-flex: 1;--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(--input-min-height);--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-scale: 0 1;--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(--input-background-color-hover);--vv-textarea-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-textarea-element-wrapper-state-focus-within-pseudo-after-scale: 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-text-overflow: var(--input-text-overflow);--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-input-state-readonly-user-select: text;--vv-textarea-element-input-before-display: flex;--vv-textarea-element-input-before-align-items: center;--vv-textarea-element-input-before-margin-top: var(--input-spacing-top);--vv-textarea-element-input-before-margin-left: var(--input-spacing-left);--vv-textarea-element-input-after-display: flex;--vv-textarea-element-input-after-align-items: center;--vv-textarea-element-input-after-margin-top: var(--input-spacing-top);--vv-textarea-element-input-after-margin-right: var(--input-spacing-right);--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-min-height);--vv-textarea-element-icon-margin: var(--input-icon-margin);--vv-textarea-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-textarea-element-icon-after-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-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-scale: 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-after-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-scale: 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-after-color: var(--input-invalid-color);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-textarea-modifier-floating-position: relative;--vv-textarea-modifier-floating-element-label-position: absolute;--vv-textarea-modifier-floating-element-label-z-index: 1;--vv-textarea-modifier-floating-element-label-min-height: var(--input-min-height);--vv-textarea-modifier-floating-element-label-line-height: var(--input-min-height);--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: var(--opacity-0);--vv-textarea-modifier-floating-state-focus-within-element-label-translate: var(--input-floating-label-translate);--vv-textarea-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-textarea-modifier-floating-state-dirty-element-label-translate: var(--input-floating-label-translate);--vv-textarea-modifier-floating-state-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-textarea-state-disabled-opacity: var(--opacity-50);--vv-textarea-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-textarea-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-textarea-state-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-textarea-state-readonly-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-textarea-state-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color)}: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__inner){position:var(--vv-textarea-element-inner-position);display:var(--vv-textarea-element-inner-display);flex:var(--vv-textarea-element-inner-flex)}: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);scale:var(--vv-textarea-element-wrapper-pseudo-after-scale);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-scale: var(--vv-textarea-element-wrapper-state-focus-within-pseudo-after-scale)}: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);text-overflow:var(--vv-textarea-element-input-text-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);-webkit-user-select:var(--vv-textarea-element-input-state-readonly-user-select);-moz-user-select:var(--vv-textarea-element-input-state-readonly-user-select);user-select:var(--vv-textarea-element-input-state-readonly-user-select)}:where(.vv-textarea__input-before){display:var(--vv-textarea-element-input-before-display);align-items:var(--vv-textarea-element-input-before-align-items);margin-top:var(--vv-textarea-element-input-before-margin-top);margin-left:var(--vv-textarea-element-input-before-margin-left)}:where(.vv-textarea__input-after){display:var(--vv-textarea-element-input-after-display);align-items:var(--vv-textarea-element-input-after-align-items);margin-top:var(--vv-textarea-element-input-after-margin-top);margin-right:var(--vv-textarea-element-input-after-margin-right)}:where(.vv-textarea__icon,.vv-textarea > div > :where(svg,[data-icon])){position:var(--vv-textarea-element-icon-position);width:var(--vv-textarea-element-icon-width);height:var(--vv-textarea-element-icon-height);margin:var(--vv-textarea-element-icon-margin);pointer-events:var(--vv-textarea-element-icon-pointer-events)}:where(.vv-textarea__icon-after,.vv-textarea textarea + :where(svg,[data-icon])){right:var(--vv-textarea-element-icon-after-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)}: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:focus-within),:where(.vv-textarea--disabled .vv-textarea__wrapper--focus-within,.vv-textarea--disabled .vv-textarea__wrapper.focus-within,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):focus-within,.vv-textarea.disabled .vv-textarea__wrapper--focus-within,.vv-textarea.disabled .vv-textarea__wrapper.focus-within,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):focus-within,.vv-textarea[disabled] .vv-textarea__wrapper--focus-within,.vv-textarea[disabled] .vv-textarea__wrapper.focus-within,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):focus-within,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--focus-within,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.focus-within,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):focus-within){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper):before,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):before{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-before-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:focus-within),:where(.vv-textarea--readonly .vv-textarea__wrapper--focus-within,.vv-textarea--readonly .vv-textarea__wrapper.focus-within,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):focus-within,.vv-textarea.readonly .vv-textarea__wrapper--focus-within,.vv-textarea.readonly .vv-textarea__wrapper.focus-within,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):focus-within,.vv-textarea[readonly] .vv-textarea__wrapper--focus-within,.vv-textarea[readonly] .vv-textarea__wrapper.focus-within,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):focus-within){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea--icon-before.vv-textarea){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--icon-after.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)}:where(.vv-textarea--valid .vv-textarea__wrapper):after{content:"";background:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-scale)}: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__limit){color:var(--vv-textarea-modifier-valid-element-limit-color)}:where(.vv-textarea--valid .vv-textarea__icon-after,.vv-textarea--valid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-valid-element-icon-after-color)}:where(.vv-textarea--invalid .vv-textarea__wrapper):after{content:"";background:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-scale)}: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__limit){color:var(--vv-textarea-modifier-invalid-element-limit-color)}:where(.vv-textarea--invalid .vv-textarea__icon-after,.vv-textarea--invalid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-invalid-element-icon-after-color)}:where(.vv-textarea--loading .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-textarea--floating.vv-textarea){position:var(--vv-textarea-modifier-floating-position);margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}:where(.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);min-height:var(--vv-textarea-modifier-floating-element-label-min-height);line-height:var(--vv-textarea-modifier-floating-element-label-line-height);pointer-events:var(--vv-textarea-modifier-floating-element-label-pointer-events);font-size:var(--vv-textarea-modifier-floating-element-label-font-size);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){translate:var(--vv-textarea-modifier-floating-state-focus-within-element-label-translate);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){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}: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){translate:var(--vv-textarea-modifier-floating-state-dirty-element-label-translate);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){translate:var(--vv-textarea-modifier-floating-state-dirty-element-label-translate);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){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}: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){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}: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-font-weight: var(--input-label-font-weight);--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-inner-position: relative;--vv-textarea-element-inner-display: flex;--vv-textarea-element-inner-flex: 1;--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(--input-min-height);--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-scale: 0 1;--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(--input-background-color-hover);--vv-textarea-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-textarea-element-wrapper-state-focus-within-pseudo-after-scale: 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-text-overflow: var(--input-text-overflow);--vv-textarea-element-input-min-height: var(--input-min-height);--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-input-state-readonly-user-select: text;--vv-textarea-element-input-before-display: flex;--vv-textarea-element-input-before-align-items: center;--vv-textarea-element-input-before-margin-top: var(--input-spacing-top);--vv-textarea-element-input-before-margin-left: var(--input-spacing-left);--vv-textarea-element-input-after-display: flex;--vv-textarea-element-input-after-align-items: center;--vv-textarea-element-input-after-margin-top: var(--input-spacing-top);--vv-textarea-element-input-after-margin-right: var(--input-spacing-right);--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-min-height);--vv-textarea-element-icon-margin: var(--input-icon-margin);--vv-textarea-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-textarea-element-icon-flex-shrink: 0;--vv-textarea-element-icon-after-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-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-scale: 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-after-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-scale: 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-after-color: var(--input-invalid-color);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-textarea-modifier-floating-position: relative;--vv-textarea-modifier-floating-element-label-position: absolute;--vv-textarea-modifier-floating-element-label-z-index: var(--z-1);--vv-textarea-modifier-floating-element-label-min-height: var(--input-min-height);--vv-textarea-modifier-floating-element-label-line-height: var(--input-min-height);--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: var(--opacity-0);--vv-textarea-modifier-floating-state-focus-within-element-label-translate: var(--input-floating-label-translate);--vv-textarea-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-textarea-modifier-floating-state-dirty-element-label-translate: var(--input-floating-label-translate);--vv-textarea-modifier-floating-state-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-textarea-state-disabled-opacity: var(--opacity-50);--vv-textarea-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-textarea-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-textarea-state-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-textarea-state-readonly-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-textarea-state-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color)}:where(.vv-textarea){display:var(--vv-textarea-display)}:where(.vv-textarea){flex:var(--vv-textarea-flex)}:where(.vv-textarea){flex-direction:var(--vv-textarea-flex-direction)}:where(.vv-textarea){margin-bottom:var(--vv-textarea-margin-bottom)}:where(.vv-textarea){font-size:var(--vv-textarea-font-size)}:where(.vv-textarea){line-height:var(--vv-textarea-line-height)}:where(.vv-textarea){min-width:var(--vv-textarea-min-width)}:where(.vv-textarea__label,.vv-textarea>label){display:var(--vv-textarea-element-label-display)}:where(.vv-textarea__label,.vv-textarea>label){font-size:var(--vv-textarea-element-label-font-size)}:where(.vv-textarea__label,.vv-textarea>label){font-weight:var(--vv-textarea-element-label-font-weight)}:where(.vv-textarea__label,.vv-textarea>label){color:var(--vv-textarea-element-label-color)}:where(.vv-textarea__label,.vv-textarea>label){margin:var(--vv-textarea-element-label-margin)}:where(.vv-textarea__label,.vv-textarea>label){white-space:var(--vv-textarea-element-label-white-space)}:where(.vv-textarea__label,.vv-textarea>label){text-overflow:var(--vv-textarea-element-label-text-overflow)}:where(.vv-textarea__label,.vv-textarea>label){overflow:var(--vv-textarea-element-label-overflow)}:where(.vv-textarea__label,.vv-textarea>label){max-width:var(--vv-textarea-element-label-max-width)}:where(.vv-textarea__limit){position:var(--vv-textarea-element-limit-position)}:where(.vv-textarea__limit){right:var(--vv-textarea-element-limit-right)}:where(.vv-textarea__limit){bottom:var(--vv-textarea-element-limit-bottom)}:where(.vv-textarea__limit){font-size:var(--vv-textarea-element-limit-font-size)}:where(.vv-textarea__limit){color:var(--vv-textarea-element-limit-color)}:where(.vv-textarea__inner){position:var(--vv-textarea-element-inner-position)}:where(.vv-textarea__inner){display:var(--vv-textarea-element-inner-display)}:where(.vv-textarea__inner){flex:var(--vv-textarea-element-inner-flex)}:where(.vv-textarea__wrapper){position:var(--vv-textarea-element-wrapper-position)}:where(.vv-textarea__wrapper){display:var(--vv-textarea-element-wrapper-display)}:where(.vv-textarea__wrapper){align-items:var(--vv-textarea-element-wrapper-align-items)}:where(.vv-textarea__wrapper){flex:var(--vv-textarea-element-wrapper-flex)}:where(.vv-textarea__wrapper){overflow:var(--vv-textarea-element-wrapper-overflow)}:where(.vv-textarea__wrapper){background-color:var(--vv-textarea-element-wrapper-background-color)}:where(.vv-textarea__wrapper){will-change:var(--vv-textarea-element-wrapper-will-change)}:where(.vv-textarea__wrapper){transition:var(--vv-textarea-element-wrapper-transition)}:where(.vv-textarea__wrapper){min-height:var(--vv-textarea-element-wrapper-min-height)}:where(.vv-textarea__wrapper):before{content:""}:where(.vv-textarea__wrapper):before{position:var(--vv-textarea-element-wrapper-pseudo-before-position)}:where(.vv-textarea__wrapper):before{height:var(--vv-textarea-element-wrapper-pseudo-before-height)}:where(.vv-textarea__wrapper):before{inset:var(--vv-textarea-element-wrapper-pseudo-before-inset)}:where(.vv-textarea__wrapper):before{background:var(--vv-textarea-element-wrapper-pseudo-before-background)}:where(.vv-textarea__wrapper):after{content:""}:where(.vv-textarea__wrapper):after{position:var(--vv-textarea-element-wrapper-pseudo-after-position)}:where(.vv-textarea__wrapper):after{height:var(--vv-textarea-element-wrapper-pseudo-after-height)}:where(.vv-textarea__wrapper):after{inset:var(--vv-textarea-element-wrapper-pseudo-after-inset)}:where(.vv-textarea__wrapper):after{background:var(--vv-textarea-element-wrapper-pseudo-after-background)}:where(.vv-textarea__wrapper):after{scale:var(--vv-textarea-element-wrapper-pseudo-after-scale)}:where(.vv-textarea__wrapper):after{transform-origin:var(--vv-textarea-element-wrapper-pseudo-after-transform-origin)}:where(.vv-textarea__wrapper):after{will-change:var(--vv-textarea-element-wrapper-pseudo-after-will-change)}:where(.vv-textarea__wrapper):after{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-scale: var(--vv-textarea-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-textarea__input,.vv-textarea textarea){display:var(--vv-textarea-element-input-display)}:where(.vv-textarea__input,.vv-textarea textarea){flex:var(--vv-textarea-element-input-flex)}:where(.vv-textarea__input,.vv-textarea textarea){color:var(--vv-textarea-element-input-color)}:where(.vv-textarea__input,.vv-textarea textarea){padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left)}:where(.vv-textarea__input,.vv-textarea textarea){overflow:var(--vv-textarea-element-input-overflow)}:where(.vv-textarea__input,.vv-textarea textarea){text-overflow:var(--vv-textarea-element-input-text-overflow)}:where(.vv-textarea__input,.vv-textarea textarea){min-height:var(--vv-textarea-element-input-min-height)}:where(.vv-textarea__input,.vv-textarea textarea)::-moz-placeholder{content:""}:where(.vv-textarea__input,.vv-textarea textarea)::placeholder{content:""}:where(.vv-textarea__input,.vv-textarea textarea)::-moz-placeholder{color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input,.vv-textarea textarea)::placeholder{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__input--readonly,.vv-textarea__input.readonly,.vv-textarea textarea.readonly,.vv-textarea__input[readonly],.vv-textarea textarea[readonly]){-webkit-user-select:var(--vv-textarea-element-input-state-readonly-user-select);-moz-user-select:var(--vv-textarea-element-input-state-readonly-user-select);user-select:var(--vv-textarea-element-input-state-readonly-user-select)}:where(.vv-textarea__input-before){display:var(--vv-textarea-element-input-before-display)}:where(.vv-textarea__input-before){align-items:var(--vv-textarea-element-input-before-align-items)}:where(.vv-textarea__input-before){margin-top:var(--vv-textarea-element-input-before-margin-top)}:where(.vv-textarea__input-before){margin-left:var(--vv-textarea-element-input-before-margin-left)}:where(.vv-textarea__input-after){display:var(--vv-textarea-element-input-after-display)}:where(.vv-textarea__input-after){align-items:var(--vv-textarea-element-input-after-align-items)}:where(.vv-textarea__input-after){margin-top:var(--vv-textarea-element-input-after-margin-top)}:where(.vv-textarea__input-after){margin-right:var(--vv-textarea-element-input-after-margin-right)}:where(.vv-textarea__icon,.vv-textarea>div>:where(svg,[data-icon])){position:var(--vv-textarea-element-icon-position)}:where(.vv-textarea__icon,.vv-textarea>div>:where(svg,[data-icon])){width:var(--vv-textarea-element-icon-width)}:where(.vv-textarea__icon,.vv-textarea>div>:where(svg,[data-icon])){height:var(--vv-textarea-element-icon-height)}:where(.vv-textarea__icon,.vv-textarea>div>:where(svg,[data-icon])){margin:var(--vv-textarea-element-icon-margin)}:where(.vv-textarea__icon,.vv-textarea>div>:where(svg,[data-icon])){pointer-events:var(--vv-textarea-element-icon-pointer-events)}:where(.vv-textarea__icon,.vv-textarea>div>:where(svg,[data-icon])){flex-shrink:var(--vv-textarea-element-icon-flex-shrink)}:where(.vv-textarea__icon-after,.vv-textarea textarea+:where(svg,[data-icon])){right:var(--vv-textarea-element-icon-after-right)}:where(.vv-textarea__actions-group){display:var(--vv-textarea-element-actions-group-display)}:where(.vv-textarea__actions-group){flex-direction:var(--vv-textarea-element-actions-group-flex-direction)}:where(.vv-textarea__actions-group){position:var(--vv-textarea-element-actions-group-position)}:where(.vv-textarea__actions-group){right:var(--vv-textarea-element-actions-group-right)}:where(.vv-textarea__actions-group){top:var(--vv-textarea-element-actions-group-top)}:where(.vv-textarea__actions-group){bottom:var(--vv-textarea-element-actions-group-bottom)}:where(.vv-textarea__hint,.vv-textarea>small){display:var(--vv-textarea-element-hint-display)}:where(.vv-textarea__hint,.vv-textarea>small){font-size:var(--vv-textarea-element-hint-font-size)}:where(.vv-textarea__hint,.vv-textarea>small){color:var(--vv-textarea-element-hint-color)}:where(.vv-textarea__hint,.vv-textarea>small){padding-top:var(--vv-textarea-element-hint-padding-top)}:where(.vv-textarea__hint,.vv-textarea>small){padding-inline:var(--vv-textarea-element-hint-padding-inline)}:where(.vv-textarea__hint,.vv-textarea>small){white-space:var(--vv-textarea-element-hint-white-space)}:where(.vv-textarea__hint,.vv-textarea>small){text-overflow:var(--vv-textarea-element-hint-text-overflow)}:where(.vv-textarea__hint,.vv-textarea>small){overflow:var(--vv-textarea-element-hint-overflow)}: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:focus-within),:where(.vv-textarea--disabled .vv-textarea__wrapper--focus-within,.vv-textarea--disabled .vv-textarea__wrapper.focus-within,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):focus-within,.vv-textarea.disabled .vv-textarea__wrapper--focus-within,.vv-textarea.disabled .vv-textarea__wrapper.focus-within,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):focus-within,.vv-textarea[disabled] .vv-textarea__wrapper--focus-within,.vv-textarea[disabled] .vv-textarea__wrapper.focus-within,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):focus-within,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--focus-within,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.focus-within,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):focus-within){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea:has(textarea[readonly]) .vv-textarea__wrapper):before,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):before{content:""}:where(.vv-textarea:has(textarea[readonly]) .vv-textarea__wrapper):before,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):before{opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-before-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:""}: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{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:focus-within),:where(.vv-textarea--readonly .vv-textarea__wrapper--focus-within,.vv-textarea--readonly .vv-textarea__wrapper.focus-within,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):focus-within,.vv-textarea.readonly .vv-textarea__wrapper--focus-within,.vv-textarea.readonly .vv-textarea__wrapper.focus-within,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):focus-within,.vv-textarea[readonly] .vv-textarea__wrapper--focus-within,.vv-textarea[readonly] .vv-textarea__wrapper.focus-within,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):focus-within){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea--icon-before.vv-textarea){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--icon-after.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)}:where(.vv-textarea--valid .vv-textarea__wrapper):after{content:""}:where(.vv-textarea--valid .vv-textarea__wrapper):after{background:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background)}:where(.vv-textarea--valid .vv-textarea__wrapper):after{scale:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-scale)}: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__limit){color:var(--vv-textarea-modifier-valid-element-limit-color)}:where(.vv-textarea--valid .vv-textarea__icon-after,.vv-textarea--valid textarea+:where(svg,[data-icon])){color:var(--vv-textarea-modifier-valid-element-icon-after-color)}:where(.vv-textarea--invalid .vv-textarea__wrapper):after{content:""}:where(.vv-textarea--invalid .vv-textarea__wrapper):after{background:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background)}:where(.vv-textarea--invalid .vv-textarea__wrapper):after{scale:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-scale)}: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__limit){color:var(--vv-textarea-modifier-invalid-element-limit-color)}:where(.vv-textarea--invalid .vv-textarea__icon-after,.vv-textarea--invalid textarea+:where(svg,[data-icon])){color:var(--vv-textarea-modifier-invalid-element-icon-after-color)}:where(.vv-textarea--loading .vv-textarea__wrapper):after{content:""}:where(.vv-textarea--loading .vv-textarea__wrapper):after{opacity:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea--loading .vv-textarea__wrapper):after{animation:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-textarea--floating.vv-textarea){position:var(--vv-textarea-modifier-floating-position)}:where(.vv-textarea--floating.vv-textarea){margin-left:var(--input-spacing-left)}:where(.vv-textarea--floating.vv-textarea){margin-right:var(--input-spacing-right)}:where(.vv-textarea--floating .vv-textarea__wrapper){margin-left:calc(var(--input-spacing-left) * -1)}:where(.vv-textarea--floating .vv-textarea__wrapper){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)}:where(.vv-textarea--floating>.vv-textarea__hint,.vv-textarea--floating>small){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)}:where(.vv-textarea--floating>.vv-textarea__label,.vv-textarea--floating>label){z-index:var(--vv-textarea-modifier-floating-element-label-z-index)}:where(.vv-textarea--floating>.vv-textarea__label,.vv-textarea--floating>label){min-height:var(--vv-textarea-modifier-floating-element-label-min-height)}:where(.vv-textarea--floating>.vv-textarea__label,.vv-textarea--floating>label){line-height:var(--vv-textarea-modifier-floating-element-label-line-height)}:where(.vv-textarea--floating>.vv-textarea__label,.vv-textarea--floating>label){pointer-events:var(--vv-textarea-modifier-floating-element-label-pointer-events)}:where(.vv-textarea--floating>.vv-textarea__label,.vv-textarea--floating>label){font-size:var(--vv-textarea-modifier-floating-element-label-font-size)}:where(.vv-textarea--floating>.vv-textarea__label,.vv-textarea--floating>label){padding-inline:var(--vv-textarea-modifier-floating-element-label-padding-inline)}:where(.vv-textarea--floating>.vv-textarea__label,.vv-textarea--floating>label){margin:var(--vv-textarea-modifier-floating-element-label-margin)}:where(.vv-textarea--floating>.vv-textarea__label,.vv-textarea--floating>label){will-change:var(--vv-textarea-modifier-floating-element-label-will-change)}:where(.vv-textarea--floating>.vv-textarea__label,.vv-textarea--floating>label){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)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea){transition:var(--vv-textarea-modifier-floating-element-input-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{content:""}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{content:""}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{-moz-transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{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){translate:var(--vv-textarea-modifier-floating-state-focus-within-element-label-translate)}: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){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){padding-top:var(--input-floating-padding-top)}: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){padding-bottom:var(--input-floating-padding-bottom)}: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:""}: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:""}: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{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{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){translate:var(--vv-textarea-modifier-floating-state-dirty-element-label-translate)}: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){translate:var(--vv-textarea-modifier-floating-state-dirty-element-label-translate)}: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){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){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){padding-top:var(--input-floating-padding-top)}: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){padding-top:var(--input-floating-padding-top)}: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){padding-bottom:var(--input-floating-padding-bottom)}: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){padding-bottom:var(--input-floating-padding-bottom)}: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:""}: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:""}: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:""}: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{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{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{opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
package/dist/components/vv-tooltip.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-tooltip-opacity: var(--opacity-0);--vv-tooltip-display: block;--vv-tooltip-position: absolute;--vv-tooltip-inset-inline: 100% auto;--vv-tooltip-top: 50%;--vv-tooltip-translate: var(--spacing-10) -50%;--vv-tooltip-z-index: var(--z-tooltip);--vv-tooltip-inline-size: max-content;--vv-tooltip-max-inline-size: 25ch;--vv-tooltip-border-radius: var(--rounded-md);--vv-tooltip-padding: var(--spacing-4) var(--spacing-sm);--vv-tooltip-background: var(--color-gray-darken-4);--vv-tooltip-font-size: var(--text-12);--vv-tooltip-font-weight: var(--font-normal);--vv-tooltip-color: var(--color-gray-lighten-5);--vv-tooltip-text-align: center;--vv-tooltip-box-shadow: var(--shadow-md);--vv-tooltip-will-change: opacity;--vv-tooltip-transition: var(--transition-opacity);--vv-tooltip-pseudo-after-position: absolute;--vv-tooltip-pseudo-after-z-index: -1;--vv-tooltip-pseudo-after-inset-inline: 0 auto;--vv-tooltip-pseudo-after-inset-block: 50% auto;--vv-tooltip-pseudo-after-translate: -100% -50%;--vv-tooltip-pseudo-after-border-width: var(--spacing-8);--vv-tooltip-pseudo-after-border-style: solid;--vv-tooltip-pseudo-after-border-color: transparent var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-visible-opacity: var(--opacity-100);--vv-tooltip-modifier-top-inset-inline: 50% 0;--vv-tooltip-modifier-top-inset-block: auto 100%;--vv-tooltip-modifier-top-translate: -50% calc(var(--spacing-10) * -1);--vv-tooltip-modifier-top-pseudo-after-inset-inline: 50% auto;--vv-tooltip-modifier-top-pseudo-after-inset-block: 100% auto;--vv-tooltip-modifier-top-pseudo-after-translate: -50%;--vv-tooltip-modifier-top-pseudo-after-rotate: -90deg;--vv-tooltip-modifier-bottom-inset-inline: 50% 0;--vv-tooltip-modifier-bottom-inset-block: 100% auto;--vv-tooltip-modifier-bottom-translate: -50% var(--spacing-10);--vv-tooltip-modifier-bottom-pseudo-after-inset-inline: 50% auto;--vv-tooltip-modifier-bottom-pseudo-after-inset-block: 0 auto;--vv-tooltip-modifier-bottom-pseudo-after-translate: -50% -100%;--vv-tooltip-modifier-bottom-pseudo-after-rotate: 90deg;--vv-tooltip-modifier-left-inset-inline: auto 100%;--vv-tooltip-modifier-left-translate: calc(var(--spacing-10) * -1) -50%;--vv-tooltip-modifier-left-pseudo-after-position: absolute;--vv-tooltip-modifier-left-pseudo-after-inset-inline: auto 0;--vv-tooltip-modifier-left-pseudo-after-translate: 100% -50%;--vv-tooltip-modifier-left-pseudo-after-rotate: 180deg}:where(.vv-tooltip){opacity:var(--vv-tooltip-opacity);display:var(--vv-tooltip-display);position:var(--vv-tooltip-position);inset-inline:var(--vv-tooltip-inset-inline);top:var(--vv-tooltip-top);translate:var(--vv-tooltip-translate);z-index:var(--vv-tooltip-z-index);inline-size:var(--vv-tooltip-inline-size);max-inline-size:var(--vv-tooltip-max-inline-size);border-radius:var(--vv-tooltip-border-radius);padding:var(--vv-tooltip-padding);background:var(--vv-tooltip-background);font-size:var(--vv-tooltip-font-size);font-weight:var(--vv-tooltip-font-weight);color:var(--vv-tooltip-color);text-align:var(--vv-tooltip-text-align);box-shadow:var(--vv-tooltip-box-shadow);will-change:var(--vv-tooltip-will-change);transition:var(--vv-tooltip-transition)}:where(.vv-tooltip):after{content:"";position:var(--vv-tooltip-pseudo-after-position);z-index:var(--vv-tooltip-pseudo-after-z-index);inset-inline:var(--vv-tooltip-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-pseudo-after-inset-block);translate:var(--vv-tooltip-pseudo-after-translate);border-width:var(--vv-tooltip-pseudo-after-border-width);border-style:var(--vv-tooltip-pseudo-after-border-style);border-color:var(--vv-tooltip-pseudo-after-border-color)}:where(*:has(> .vv-tooltip)):hover,:where(*:has(> .vv-tooltip)):focus-visible,:where(*:has(> .vv-tooltip)).hover,:where(*:has(> .vv-tooltip)).focus-visible,:where(.vv-tooltip--visible.vv-tooltip){--vv-tooltip-opacity: var(--vv-tooltip-modifier-visible-opacity)}:where(.vv-tooltip--top.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-top-inset-inline);inset-block:var(--vv-tooltip-modifier-top-inset-block);--vv-tooltip-translate: var(--vv-tooltip-modifier-top-translate)}:where(.vv-tooltip--top.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-top-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-inset-block: var(--vv-tooltip-modifier-top-pseudo-after-inset-block);--vv-tooltip-pseudo-after-translate: var(--vv-tooltip-modifier-top-pseudo-after-translate);rotate:var(--vv-tooltip-modifier-top-pseudo-after-rotate)}:where(.vv-tooltip--bottom.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-bottom-inset-inline);inset-block:var(--vv-tooltip-modifier-bottom-inset-block);--vv-tooltip-translate: var(--vv-tooltip-modifier-bottom-translate)}:where(.vv-tooltip--bottom.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-bottom-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-inset-block: var(--vv-tooltip-modifier-bottom-pseudo-after-inset-block);--vv-tooltip-pseudo-after-translate: var(--vv-tooltip-modifier-bottom-pseudo-after-translate);rotate:var(--vv-tooltip-modifier-bottom-pseudo-after-rotate)}:where(.vv-tooltip--left.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-left-inset-inline);--vv-tooltip-translate: var(--vv-tooltip-modifier-left-translate)}:where(.vv-tooltip--left.vv-tooltip):after{--vv-tooltip-pseudo-after-position: var(--vv-tooltip-modifier-left-pseudo-after-position);--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-left-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-translate: var(--vv-tooltip-modifier-left-pseudo-after-translate);rotate:var(--vv-tooltip-modifier-left-pseudo-after-rotate)}:where(*:has(.vv-tooltip)){position:relative}
1
+ :where(:host,:root,.theme){--vv-tooltip-opacity: var(--opacity-0);--vv-tooltip-display: block;--vv-tooltip-position: absolute;--vv-tooltip-inset-inline: 100% auto;--vv-tooltip-top: 50%;--vv-tooltip-translate: var(--spacing-10) -50%;--vv-tooltip-z-index: var(--z-tooltip);--vv-tooltip-inline-size: max-content;--vv-tooltip-max-inline-size: 25ch;--vv-tooltip-border-radius: var(--rounded-md);--vv-tooltip-padding: var(--spacing-4) var(--spacing-sm);--vv-tooltip-background: var(--color-gray-darken-4);--vv-tooltip-font-size: var(--text-12);--vv-tooltip-font-weight: var(--font-normal);--vv-tooltip-color: var(--color-gray-lighten-5);--vv-tooltip-text-align: center;--vv-tooltip-box-shadow: var(--shadow-md);--vv-tooltip-will-change: opacity;--vv-tooltip-transition: var(--transition-opacity);--vv-tooltip-pseudo-after-position: absolute;--vv-tooltip-pseudo-after-z-index: -1;--vv-tooltip-pseudo-after-inset-inline: 0 auto;--vv-tooltip-pseudo-after-inset-block: 50% auto;--vv-tooltip-pseudo-after-translate: -100% -50%;--vv-tooltip-pseudo-after-border-width: var(--spacing-8);--vv-tooltip-pseudo-after-border-style: solid;--vv-tooltip-pseudo-after-border-color: transparent var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-visible-opacity: var(--opacity-100);--vv-tooltip-modifier-top-inset-inline: 50% 0;--vv-tooltip-modifier-top-inset-block: auto 100%;--vv-tooltip-modifier-top-translate: -50% calc(var(--spacing-10) * -1);--vv-tooltip-modifier-top-pseudo-after-inset-inline: 50% auto;--vv-tooltip-modifier-top-pseudo-after-inset-block: 100% auto;--vv-tooltip-modifier-top-pseudo-after-translate: -50%;--vv-tooltip-modifier-top-pseudo-after-rotate: -90deg;--vv-tooltip-modifier-bottom-inset-inline: 50% 0;--vv-tooltip-modifier-bottom-inset-block: 100% auto;--vv-tooltip-modifier-bottom-translate: -50% var(--spacing-10);--vv-tooltip-modifier-bottom-pseudo-after-inset-inline: 50% auto;--vv-tooltip-modifier-bottom-pseudo-after-inset-block: 0 auto;--vv-tooltip-modifier-bottom-pseudo-after-translate: -50% -100%;--vv-tooltip-modifier-bottom-pseudo-after-rotate: 90deg;--vv-tooltip-modifier-left-inset-inline: auto 100%;--vv-tooltip-modifier-left-translate: calc(var(--spacing-10) * -1) -50%;--vv-tooltip-modifier-left-pseudo-after-position: absolute;--vv-tooltip-modifier-left-pseudo-after-inset-inline: auto 0;--vv-tooltip-modifier-left-pseudo-after-translate: 100% -50%;--vv-tooltip-modifier-left-pseudo-after-rotate: 180deg}:where(.vv-tooltip){opacity:var(--vv-tooltip-opacity)}:where(.vv-tooltip){display:var(--vv-tooltip-display)}:where(.vv-tooltip){position:var(--vv-tooltip-position)}:where(.vv-tooltip){inset-inline:var(--vv-tooltip-inset-inline)}:where(.vv-tooltip){top:var(--vv-tooltip-top)}:where(.vv-tooltip){translate:var(--vv-tooltip-translate)}:where(.vv-tooltip){z-index:var(--vv-tooltip-z-index)}:where(.vv-tooltip){inline-size:var(--vv-tooltip-inline-size)}:where(.vv-tooltip){max-inline-size:var(--vv-tooltip-max-inline-size)}:where(.vv-tooltip){border-radius:var(--vv-tooltip-border-radius)}:where(.vv-tooltip){padding:var(--vv-tooltip-padding)}:where(.vv-tooltip){background:var(--vv-tooltip-background)}:where(.vv-tooltip){font-size:var(--vv-tooltip-font-size)}:where(.vv-tooltip){font-weight:var(--vv-tooltip-font-weight)}:where(.vv-tooltip){color:var(--vv-tooltip-color)}:where(.vv-tooltip){text-align:var(--vv-tooltip-text-align)}:where(.vv-tooltip){box-shadow:var(--vv-tooltip-box-shadow)}:where(.vv-tooltip){will-change:var(--vv-tooltip-will-change)}:where(.vv-tooltip){transition:var(--vv-tooltip-transition)}:where(.vv-tooltip):after{content:""}:where(.vv-tooltip):after{position:var(--vv-tooltip-pseudo-after-position)}:where(.vv-tooltip):after{z-index:var(--vv-tooltip-pseudo-after-z-index)}:where(.vv-tooltip):after{inset-inline:var(--vv-tooltip-pseudo-after-inset-inline)}:where(.vv-tooltip):after{inset-block:var(--vv-tooltip-pseudo-after-inset-block)}:where(.vv-tooltip):after{translate:var(--vv-tooltip-pseudo-after-translate)}:where(.vv-tooltip):after{border-width:var(--vv-tooltip-pseudo-after-border-width)}:where(.vv-tooltip):after{border-style:var(--vv-tooltip-pseudo-after-border-style)}:where(.vv-tooltip):after{border-color:var(--vv-tooltip-pseudo-after-border-color)}:where(*:has(>.vv-tooltip)):hover,:where(*:has(>.vv-tooltip)):focus-visible,:where(*:has(>.vv-tooltip)).hover,:where(*:has(>.vv-tooltip)).focus-visible,:where(.vv-tooltip--visible.vv-tooltip){--vv-tooltip-opacity: var(--vv-tooltip-modifier-visible-opacity)}:where(.vv-tooltip--top.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-top-inset-inline)}:where(.vv-tooltip--top.vv-tooltip){inset-block:var(--vv-tooltip-modifier-top-inset-block)}:where(.vv-tooltip--top.vv-tooltip){--vv-tooltip-translate: var(--vv-tooltip-modifier-top-translate)}:where(.vv-tooltip--top.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-top-pseudo-after-inset-inline)}:where(.vv-tooltip--top.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-block: var(--vv-tooltip-modifier-top-pseudo-after-inset-block)}:where(.vv-tooltip--top.vv-tooltip):after{--vv-tooltip-pseudo-after-translate: var(--vv-tooltip-modifier-top-pseudo-after-translate)}:where(.vv-tooltip--top.vv-tooltip):after{rotate:var(--vv-tooltip-modifier-top-pseudo-after-rotate)}:where(.vv-tooltip--bottom.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-bottom-inset-inline)}:where(.vv-tooltip--bottom.vv-tooltip){inset-block:var(--vv-tooltip-modifier-bottom-inset-block)}:where(.vv-tooltip--bottom.vv-tooltip){--vv-tooltip-translate: var(--vv-tooltip-modifier-bottom-translate)}:where(.vv-tooltip--bottom.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-bottom-pseudo-after-inset-inline)}:where(.vv-tooltip--bottom.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-block: var(--vv-tooltip-modifier-bottom-pseudo-after-inset-block)}:where(.vv-tooltip--bottom.vv-tooltip):after{--vv-tooltip-pseudo-after-translate: var(--vv-tooltip-modifier-bottom-pseudo-after-translate)}:where(.vv-tooltip--bottom.vv-tooltip):after{rotate:var(--vv-tooltip-modifier-bottom-pseudo-after-rotate)}:where(.vv-tooltip--left.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-left-inset-inline)}:where(.vv-tooltip--left.vv-tooltip){--vv-tooltip-translate: var(--vv-tooltip-modifier-left-translate)}:where(.vv-tooltip--left.vv-tooltip):after{--vv-tooltip-pseudo-after-position: var(--vv-tooltip-modifier-left-pseudo-after-position)}:where(.vv-tooltip--left.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-left-pseudo-after-inset-inline)}:where(.vv-tooltip--left.vv-tooltip):after{--vv-tooltip-pseudo-after-translate: var(--vv-tooltip-modifier-left-pseudo-after-translate)}:where(.vv-tooltip--left.vv-tooltip):after{rotate:var(--vv-tooltip-modifier-left-pseudo-after-rotate)}:where(*:has(>.vv-tooltip)){position:relative}