@volverjs/style 0.1.23 → 0.1.24-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/README.md +30 -0
  2. package/dist/base.css +1 -1
  3. package/dist/components/vv-accordion.css +1 -1
  4. package/dist/components/vv-alert.css +1 -1
  5. package/dist/components/vv-badge.css +1 -1
  6. package/dist/components/vv-button.css +1 -1
  7. package/dist/components/vv-card.css +1 -1
  8. package/dist/components/vv-checkbox.css +1 -1
  9. package/dist/components/vv-dialog.css +1 -1
  10. package/dist/components/vv-dropdown-action.css +1 -1
  11. package/dist/components/vv-dropdown-option.css +1 -1
  12. package/dist/components/vv-dropdown.css +1 -1
  13. package/dist/components/vv-input-file.css +1 -1
  14. package/dist/components/vv-input-text.css +1 -1
  15. package/dist/components/vv-nav.css +1 -1
  16. package/dist/components/vv-radio.css +1 -1
  17. package/dist/components/vv-select.css +1 -1
  18. package/dist/components/vv-text.css +1 -1
  19. package/dist/components/vv-tooltip.css +1 -1
  20. package/dist/components.css +1 -1
  21. package/dist/export.css +1 -1
  22. package/dist/props/breakpoints.css +1 -1
  23. package/dist/props/colors.css +1 -1
  24. package/dist/props/effects.css +1 -1
  25. package/dist/props/spacing.css +1 -1
  26. package/dist/props/transitions.css +1 -1
  27. package/dist/props/typography.css +1 -1
  28. package/dist/props.css +1 -1
  29. package/dist/themes/dark/components.css +1 -1
  30. package/dist/themes/dark/props.css +1 -1
  31. package/dist/themes/dark/volver.css +1 -1
  32. package/dist/utilities/borders.css +1 -1
  33. package/dist/utilities/colors.css +1 -1
  34. package/dist/utilities/effects.css +1 -1
  35. package/dist/utilities/flexbox.css +1 -1
  36. package/dist/utilities/grid.css +1 -1
  37. package/dist/utilities/layout.css +1 -1
  38. package/dist/utilities/sizing.css +1 -1
  39. package/dist/utilities/typography.css +1 -1
  40. package/dist/utilities.css +1 -1
  41. package/dist/volver.css +1 -1
  42. package/package.json +17 -17
  43. package/src/_config.scss +12 -0
  44. package/src/_layers.scss +4 -0
  45. package/src/_preflight.scss +2 -0
  46. package/src/components/vv-accordion-group.scss +4 -1
  47. package/src/components/vv-accordion.scss +4 -1
  48. package/src/components/vv-alert-group.scss +4 -1
  49. package/src/components/vv-alert.scss +4 -1
  50. package/src/components/vv-avatar-group.scss +4 -1
  51. package/src/components/vv-avatar.scss +4 -1
  52. package/src/components/vv-badge.scss +4 -1
  53. package/src/components/vv-breadcrumb.scss +4 -1
  54. package/src/components/vv-button-group.scss +4 -1
  55. package/src/components/vv-button.scss +5 -2
  56. package/src/components/vv-card.scss +4 -1
  57. package/src/components/vv-checkbox-group.scss +4 -1
  58. package/src/components/vv-checkbox.scss +4 -1
  59. package/src/components/vv-dialog.scss +4 -1
  60. package/src/components/vv-dropdown-action.scss +4 -1
  61. package/src/components/vv-dropdown-optgroup.scss +4 -1
  62. package/src/components/vv-dropdown-option.scss +4 -1
  63. package/src/components/vv-dropdown.scss +4 -1
  64. package/src/components/vv-input-file.scss +4 -1
  65. package/src/components/vv-input-text.scss +4 -1
  66. package/src/components/vv-nav.scss +4 -1
  67. package/src/components/vv-progress.scss +4 -1
  68. package/src/components/vv-radio-group.scss +4 -1
  69. package/src/components/vv-radio.scss +4 -1
  70. package/src/components/vv-select.scss +4 -1
  71. package/src/components/vv-skeleton.scss +4 -1
  72. package/src/components/vv-tab.scss +4 -1
  73. package/src/components/vv-table.scss +4 -1
  74. package/src/components/vv-text.scss +4 -1
  75. package/src/components/vv-textarea.scss +4 -1
  76. package/src/components/vv-tooltip.scss +6 -8
  77. package/src/export.scss +0 -1
  78. package/src/props/background.scss +5 -3
  79. package/src/props/borders.scss +5 -3
  80. package/src/props/breakpoints.scss +11 -9
  81. package/src/props/colors.scss +4 -2
  82. package/src/props/effects.scss +5 -3
  83. package/src/props/filters.scss +6 -4
  84. package/src/props/input.scss +4 -2
  85. package/src/props/layout.scss +5 -3
  86. package/src/props/sizing.scss +5 -3
  87. package/src/props/spacing.scss +18 -16
  88. package/src/props/transitions.scss +150 -118
  89. package/src/props/typography.scss +26 -24
  90. package/src/reset.scss +4 -0
  91. package/src/settings/_colors.scss +80 -50
  92. package/src/settings/_effects.scss +7 -7
  93. package/src/settings/components/_vv-badge.scss +2 -10
  94. package/src/settings/components/_vv-button.scss +1 -1
  95. package/src/settings/components/_vv-card.scss +3 -17
  96. package/src/settings/components/_vv-dialog.scss +1 -0
  97. package/src/settings/components/_vv-nav.scss +1 -6
  98. package/src/settings/components/_vv-text.scss +1 -0
  99. package/src/themes/dark/components/_vv-alert.scss +15 -10
  100. package/src/themes/dark/components/_vv-avatar.scss +15 -10
  101. package/src/themes/dark/components/_vv-badge.scss +15 -10
  102. package/src/themes/dark/components/_vv-button.scss +15 -10
  103. package/src/themes/dark/components/_vv-dropdown-action.scss +15 -10
  104. package/src/themes/dark/components/_vv-dropdown-option.scss +15 -10
  105. package/src/themes/dark/components/_vv-nav.scss +15 -10
  106. package/src/themes/dark/components/_vv-select.scss +15 -10
  107. package/src/themes/dark/props/_background.scss +3 -0
  108. package/src/themes/dark/props/_colors.scss +3 -0
  109. package/src/themes/dark/props/_input.scss +3 -0
  110. package/src/themes/dark/settings/_colors.scss +42 -28
  111. package/src/themes/dark/settings/components/_vv-alert.scss +23 -0
  112. package/src/themes/dark/settings/components/_vv-avatar.scss +3 -0
  113. package/src/themes/dark/settings/components/_vv-button.scss +0 -1
  114. package/src/tools/_breakpoints.scss +20 -4
  115. package/src/tools/_functions.scss +157 -0
  116. package/src/tools/_mixins.scss +5 -1216
  117. package/src/tools/mixin-modules/_attrs.scss +178 -0
  118. package/src/tools/mixin-modules/_bem.scss +751 -0
  119. package/src/tools/mixin-modules/_helpers.scss +23 -0
  120. package/src/tools/mixin-modules/_index.scss +25 -0
  121. package/src/tools/mixin-modules/_layers.scss +42 -0
  122. package/src/tools/mixin-modules/_props.scss +41 -0
  123. package/src/tools/mixin-modules/_theme.scss +373 -0
  124. package/src/tools/mixin-modules/_utilities.scss +121 -0
  125. package/src/utilities/backgrounds.scss +3 -0
  126. package/src/utilities/borders.scss +3 -0
  127. package/src/utilities/colors.scss +3 -0
  128. package/src/utilities/effects.scss +3 -0
  129. package/src/utilities/filters.scss +3 -0
  130. package/src/utilities/flexbox.scss +3 -0
  131. package/src/utilities/grid.scss +3 -0
  132. package/src/utilities/interactivity.scss +3 -0
  133. package/src/utilities/layout.scss +3 -0
  134. package/src/utilities/sizing.scss +3 -0
  135. package/src/utilities/spacing.scss +3 -0
  136. package/src/utilities/tables.scss +3 -0
  137. package/src/utilities/transforms.scss +11 -6
  138. package/src/utilities/transitions.scss +3 -0
  139. package/src/utilities/typography.scss +3 -0
  140. package/src/volver.scss +2 -1
package/dist/components/vv-card.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-card-position: relative;--vv-card-display: flex;--vv-card-flex-direction: column;--vv-card-overflow: hidden;--vv-card-border-color: var(--color-surface-4);--vv-card-border-width: var(--border);--vv-card-border-style: solid;--vv-card-border-radius: var(--rounded-lg);--vv-card-margin: var(--spacing-0);--vv-card-background-color: var(--color-surface);--vv-card-box-shadow: var(--shadow-md);--vv-card-color: var(--color-word-2);--vv-card-backdrop-filter: none;--vv-card-element-header-overflow: hidden;--vv-card-element-header-padding: var(--spacing-md);--vv-card-element-header-background-color: var(--color-surface-1);--vv-card-element-header-border-bottom: var(--border) solid var(--color-surface-4);--vv-card-element-picture-display: block;--vv-card-element-picture-width: 100%;--vv-card-element-picture-height: auto;--vv-card-element-picture-object-fit: cover;--vv-card-element-picture-object-position: center;--vv-card-element-content-padding: var(--spacing-md);--vv-card-element-content-line-height: var(--leading-normal);--vv-card-element-content-flex-grow: 1;--vv-card-element-content-min-height: 0;--vv-card-element-content-overflow: auto;--vv-card-element-footer-border-top: var(--border) solid var(--color-surface-4);--vv-card-element-footer-padding: var(--spacing-md);--vv-card-modifier-glass-background-color: hsl(var(--color-surface-hue), var(--color-surface-saturation), var(--color-surface-lightness), 60%);--vv-card-modifier-glass-backdrop-filter: var(--blur-md);--vv-card-modifier-glass-element-header-background-color: hsl(var(--color-surface-hue), var(--color-surface-saturation), var(--color-surface-lightness), 30%);--vv-card-modifier-glass-element-footer-background-color: hsl(var(--color-surface-hue), var(--color-surface-saturation), var(--color-surface-lightness), 30%)}:where(.vv-card){position:var(--vv-card-position);display:var(--vv-card-display);flex-direction:var(--vv-card-flex-direction);overflow:var(--vv-card-overflow);border-color:var(--vv-card-border-color);border-width:var(--vv-card-border-width);border-style:var(--vv-card-border-style);border-radius:var(--vv-card-border-radius);margin:var(--vv-card-margin);background-color:var(--vv-card-background-color);box-shadow:var(--vv-card-box-shadow);color:var(--vv-card-color);-webkit-backdrop-filter:var(--vv-card-backdrop-filter);backdrop-filter:var(--vv-card-backdrop-filter)}:where(.vv-card__header,.vv-card>header){overflow:var(--vv-card-element-header-overflow);padding:var(--vv-card-element-header-padding);background-color:var(--vv-card-element-header-background-color);border-bottom:var(--vv-card-element-header-border-bottom)}:where(.vv-card__picture,.vv-card>picture>img){display:var(--vv-card-element-picture-display);width:var(--vv-card-element-picture-width);height:var(--vv-card-element-picture-height);-o-object-fit:var(--vv-card-element-picture-object-fit);object-fit:var(--vv-card-element-picture-object-fit);-o-object-position:var(--vv-card-element-picture-object-position);object-position:var(--vv-card-element-picture-object-position)}:where(.vv-card__content){padding:var(--vv-card-element-content-padding);line-height:var(--vv-card-element-content-line-height);flex-grow:var(--vv-card-element-content-flex-grow);min-height:var(--vv-card-element-content-min-height);overflow:var(--vv-card-element-content-overflow)}:where(.vv-card__footer,.vv-card>footer){border-top:var(--vv-card-element-footer-border-top);padding:var(--vv-card-element-footer-padding)}:where(.vv-card--glass.vv-card){--vv-card-background-color: var(--vv-card-modifier-glass-background-color);--vv-card-backdrop-filter: var(--vv-card-modifier-glass-backdrop-filter)}:where(.vv-card--glass>.vv-card__header,.vv-card--glass>header){background-color:var(--vv-card-modifier-glass-element-header-background-color)}:where(.vv-card--glass>.vv-card__footer,.vv-card--glass>footer){background-color:var(--vv-card-modifier-glass-element-footer-background-color)}
1
+ :where(:host,:root,.theme){--vv-card-position: relative;--vv-card-display: flex;--vv-card-flex-direction: column;--vv-card-overflow: hidden;--vv-card-border-color: var(--color-surface-4);--vv-card-border-width: var(--border);--vv-card-border-style: solid;--vv-card-border-radius: var(--rounded-lg);--vv-card-margin: var(--spacing-0);--vv-card-background-color: var(--color-surface);--vv-card-box-shadow: var(--shadow-md);--vv-card-color: var(--color-word-2);--vv-card-backdrop-filter: none;--vv-card-element-header-overflow: hidden;--vv-card-element-header-padding: var(--spacing-md);--vv-card-element-header-background-color: var(--color-surface-1);--vv-card-element-header-border-bottom: var(--border) solid var(--color-surface-4);--vv-card-element-picture-display: block;--vv-card-element-picture-width: 100%;--vv-card-element-picture-height: auto;--vv-card-element-picture-object-fit: cover;--vv-card-element-picture-object-position: center;--vv-card-element-content-padding: var(--spacing-md);--vv-card-element-content-line-height: var(--leading-normal);--vv-card-element-content-flex-grow: 1;--vv-card-element-content-min-height: 0;--vv-card-element-content-overflow: auto;--vv-card-element-footer-border-top: var(--border) solid var(--color-surface-4);--vv-card-element-footer-padding: var(--spacing-md);--vv-card-modifier-glass-background-color: color-mix(in srgb, var(--color-surface), transparent 40%);--vv-card-modifier-glass-backdrop-filter: var(--blur-md);--vv-card-modifier-glass-element-header-background-color: color-mix(in srgb, var(--color-surface), transparent 70%);--vv-card-modifier-glass-element-footer-background-color: color-mix(in srgb, var(--color-surface), transparent 70%)}:where(.vv-card){position:var(--vv-card-position);display:var(--vv-card-display);flex-direction:var(--vv-card-flex-direction);overflow:var(--vv-card-overflow);border-color:var(--vv-card-border-color);border-width:var(--vv-card-border-width);border-style:var(--vv-card-border-style);border-radius:var(--vv-card-border-radius);margin:var(--vv-card-margin);background-color:var(--vv-card-background-color);box-shadow:var(--vv-card-box-shadow);color:var(--vv-card-color);-webkit-backdrop-filter:var(--vv-card-backdrop-filter);backdrop-filter:var(--vv-card-backdrop-filter)}:where(.vv-card__header,.vv-card>header){overflow:var(--vv-card-element-header-overflow);padding:var(--vv-card-element-header-padding);background-color:var(--vv-card-element-header-background-color);border-bottom:var(--vv-card-element-header-border-bottom)}:where(.vv-card__picture,.vv-card>picture>img){display:var(--vv-card-element-picture-display);width:var(--vv-card-element-picture-width);height:var(--vv-card-element-picture-height);-o-object-fit:var(--vv-card-element-picture-object-fit);object-fit:var(--vv-card-element-picture-object-fit);-o-object-position:var(--vv-card-element-picture-object-position);object-position:var(--vv-card-element-picture-object-position)}:where(.vv-card__content){padding:var(--vv-card-element-content-padding);line-height:var(--vv-card-element-content-line-height);flex-grow:var(--vv-card-element-content-flex-grow);min-height:var(--vv-card-element-content-min-height);overflow:var(--vv-card-element-content-overflow)}:where(.vv-card__footer,.vv-card>footer){border-top:var(--vv-card-element-footer-border-top);padding:var(--vv-card-element-footer-padding)}:where(.vv-card--glass.vv-card){--vv-card-background-color: var(--vv-card-modifier-glass-background-color);--vv-card-backdrop-filter: var(--vv-card-modifier-glass-backdrop-filter)}:where(.vv-card--glass>.vv-card__header,.vv-card--glass>header){background-color:var(--vv-card-modifier-glass-element-header-background-color)}:where(.vv-card--glass>.vv-card__footer,.vv-card--glass>footer){background-color:var(--vv-card-modifier-glass-element-footer-background-color)}
package/dist/components/vv-checkbox.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-checkbox-display: inline-flex;--vv-checkbox-flex-wrap: wrap;--vv-checkbox-align-items: center;--vv-checkbox-cursor: pointer;--vv-checkbox-user-select: none;--vv-checkbox-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-checkbox-color: var(--input-color);--vv-checkbox-font-size: var(--input-font-size);--vv-checkbox-line-height: var(--input-line-height);--vv-checkbox-min-width: var(--input-min-width);--vv-checkbox-state-disabled-opacity: var(--opacity-30);--vv-checkbox-state-disabled-cursor: not-allowed;--vv-checkbox-state-disabled-element-input-cursor: not-allowed;--vv-checkbox-element-input-border: var(--spacing-2) solid var(--input-color);--vv-checkbox-element-input-min-width: var(--spacing-20);--vv-checkbox-element-input-height: var(--spacing-20);--vv-checkbox-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-checkbox-element-input-background-position: center;--vv-checkbox-element-input-background-size: var(--text-12) auto;--vv-checkbox-element-input-background-repeat: no-repeat;--vv-checkbox-element-input-cursor: pointer;--vv-checkbox-element-input-position: relative;--vv-checkbox-element-input-state-checked-background-image: var(--bg-check);--vv-checkbox-element-input-state-indeterminate-background-image: var(--bg-minus);--vv-checkbox-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-checkbox-element-input-state-focus-visible-outline-offset: var(--spacing-2);--vv-checkbox-element-hint-flex-basis: 100%;--vv-checkbox-element-hint-display: var(--input-hint-display);--vv-checkbox-element-hint-font-size: var(--input-hint-font-size);--vv-checkbox-element-hint-color: var(--input-hint-color);--vv-checkbox-element-hint-padding-top: var(--input-hint-gap);--vv-checkbox-element-hint-white-space: var(--input-hint-white-space);--vv-checkbox-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-checkbox-element-hint-overflow: var(--input-hint-overflow);--vv-checkbox-element-hint-max-width: var(--input-hint-max-width);--vv-checkbox-modifier-readonly-opacity: var(--opacity-100);--vv-checkbox-modifier-readonly-cursor: default;--vv-checkbox-modifier-readonly-pointer-events: none;--vv-checkbox-modifier-switch-element-input-border: 0;--vv-checkbox-modifier-switch-element-input-min-width: var(--spacing-44);--vv-checkbox-modifier-switch-element-input-height: var(--spacing-24);--vv-checkbox-modifier-switch-element-input-border-radius: var(--spacing-12);--vv-checkbox-modifier-switch-element-input-background-color: var(--color-word-5);--vv-checkbox-modifier-switch-element-input-position: relative;--vv-checkbox-modifier-switch-element-input-will-change: background-color;--vv-checkbox-modifier-switch-element-input-transition: var(--transition-colors);--vv-checkbox-modifier-switch-element-input-pseudo-after-width: var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-height: var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius: 50%;--vv-checkbox-modifier-switch-element-input-pseudo-after-position: absolute;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset: var(--spacing-2) 0 0 var(--spacing-2);--vv-checkbox-modifier-switch-element-input-pseudo-after-background: var(--color-white);--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change: transform;--vv-checkbox-modifier-switch-element-input-pseudo-after-transition: var(--transition-transform);--vv-checkbox-modifier-switch-element-input-state-hover-background-color: var(--color-word-4);--vv-checkbox-modifier-switch-element-input-state-active-background-color: var(--color-word-3);--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image: none;--vv-checkbox-modifier-switch-element-input-state-indeterminate-pseudo-after-translate: 50%;--vv-checkbox-modifier-switch-element-input-state-checked-background-image: none;--vv-checkbox-modifier-switch-element-input-state-checked-background-color: var(--color-brand);--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-translate: 100%;--vv-checkbox-modifier-valid-element-hint-color: var(--input-valid-color);--vv-checkbox-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-checkbox){display:var(--vv-checkbox-display);flex-wrap:var(--vv-checkbox-flex-wrap);align-items:var(--vv-checkbox-align-items);cursor:var(--vv-checkbox-cursor);-webkit-user-select:var(--vv-checkbox-user-select);-moz-user-select:var(--vv-checkbox-user-select);user-select:var(--vv-checkbox-user-select);margin:var(--vv-checkbox-margin);color:var(--vv-checkbox-color);font-size:var(--vv-checkbox-font-size);line-height:var(--vv-checkbox-line-height);min-width:var(--vv-checkbox-min-width)}:where(.vv-checkbox__input,.vv-checkbox>input[type=checkbox]){border:var(--vv-checkbox-element-input-border);min-width:var(--vv-checkbox-element-input-min-width);height:var(--vv-checkbox-element-input-height);margin:var(--vv-checkbox-element-input-margin);background-position:var(--vv-checkbox-element-input-background-position);background-size:var(--vv-checkbox-element-input-background-size);background-repeat:var(--vv-checkbox-element-input-background-repeat);cursor:var(--vv-checkbox-element-input-cursor);position:var(--vv-checkbox-element-input-position)}:where(.vv-checkbox__input--checked,.vv-checkbox__input.checked,.vv-checkbox>input[type=checkbox].checked,.vv-checkbox__input:checked,.vv-checkbox>input[type=checkbox]:checked){background-image:var(--vv-checkbox-element-input-state-checked-background-image)}:where(.vv-checkbox__input--indeterminate,.vv-checkbox__input.indeterminate,.vv-checkbox>input[type=checkbox].indeterminate,.vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-element-input-state-indeterminate-background-image)}:where(.vv-checkbox__input--focus-visible,.vv-checkbox__input.focus-visible,.vv-checkbox>input[type=checkbox].focus-visible,.vv-checkbox__input:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible,.vv-checkbox>input[type=checkbox]:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-checkbox-element-input-state-focus-visible-outline);outline-offset:var(--vv-checkbox-element-input-state-focus-visible-outline-offset)}:where(.vv-checkbox__hint,.vv-checkbox>small){flex-basis:var(--vv-checkbox-element-hint-flex-basis);display:var(--vv-checkbox-element-hint-display);font-size:var(--vv-checkbox-element-hint-font-size);color:var(--vv-checkbox-element-hint-color);padding-top:var(--vv-checkbox-element-hint-padding-top);white-space:var(--vv-checkbox-element-hint-white-space);text-overflow:var(--vv-checkbox-element-hint-text-overflow);overflow:var(--vv-checkbox-element-hint-overflow);max-width:var(--vv-checkbox-element-hint-max-width)}:where(.vv-checkbox:has(>input[type=checkbox]:disabled)),:where(.vv-checkbox--disabled,.vv-checkbox.disabled,.vv-checkbox[disabled],.vv-checkbox[aria-disabled=true]){opacity:var(--vv-checkbox-state-disabled-opacity);--vv-checkbox-cursor: var(--vv-checkbox-state-disabled-cursor)}:where(.vv-checkbox--disabled .vv-checkbox__input,.vv-checkbox.disabled .vv-checkbox__input,.vv-checkbox[disabled] .vv-checkbox__input,.vv-checkbox[aria-disabled=true] .vv-checkbox__input,.vv-checkbox--disabled>input[type=checkbox],.vv-checkbox.disabled>input[type=checkbox],.vv-checkbox[disabled]>input[type=checkbox],.vv-checkbox[aria-disabled=true]>input[type=checkbox]){cursor:var(--vv-checkbox-state-disabled-element-input-cursor)}:where(.vv-checkbox--readonly.vv-checkbox){opacity:var(--vv-checkbox-modifier-readonly-opacity);--vv-checkbox-cursor: var(--vv-checkbox-modifier-readonly-cursor);pointer-events:var(--vv-checkbox-modifier-readonly-pointer-events)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]){border:var(--vv-checkbox-modifier-switch-element-input-border);min-width:var(--vv-checkbox-modifier-switch-element-input-min-width);height:var(--vv-checkbox-modifier-switch-element-input-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-border-radius);background-color:var(--vv-checkbox-modifier-switch-element-input-background-color);position:var(--vv-checkbox-modifier-switch-element-input-position);will-change:var(--vv-checkbox-modifier-switch-element-input-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-transition)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]):after{content:"";width:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-width);height:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius);position:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-position);inset:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset);background:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-background);will-change:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-transition)}:where(.vv-checkbox--switch .vv-checkbox__input--hover,.vv-checkbox--switch .vv-checkbox__input.hover,.vv-checkbox--switch>input[type=checkbox].hover,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):hover,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):hover){--vv-checkbox-modifier-switch-element-input-background-color: var(--vv-checkbox-modifier-switch-element-input-state-hover-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--active,.vv-checkbox--switch .vv-checkbox__input.active,.vv-checkbox--switch>input[type=checkbox].active,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):active,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):active){--vv-checkbox-modifier-switch-element-input-background-color: var(--vv-checkbox-modifier-switch-element-input-state-active-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate):after{translate:var(--vv-checkbox-modifier-switch-element-input-state-indeterminate-pseudo-after-translate)}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked){background-image:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-image);--vv-checkbox-modifier-switch-element-input-background-color: var(--vv-checkbox-modifier-switch-element-input-state-checked-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked):after{translate:var(--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-translate)}:where(.vv-checkbox--valid>.vv-checkbox__hint,.vv-checkbox--valid>small){color:var(--vv-checkbox-modifier-valid-element-hint-color)}:where(.vv-checkbox--invalid>.vv-checkbox__hint,.vv-checkbox--invalid>small){color:var(--vv-checkbox-modifier-invalid-element-hint-color)}
1
+ :where(:host,:root,.theme){--vv-checkbox-display: inline-flex;--vv-checkbox-flex-wrap: wrap;--vv-checkbox-align-items: center;--vv-checkbox-cursor: pointer;--vv-checkbox-user-select: none;--vv-checkbox-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-checkbox-color: var(--input-color);--vv-checkbox-font-size: var(--input-font-size);--vv-checkbox-line-height: var(--input-line-height);--vv-checkbox-min-width: var(--input-min-width);--vv-checkbox-state-disabled-opacity: var(--opacity-30);--vv-checkbox-state-disabled-cursor: not-allowed;--vv-checkbox-state-disabled-element-input-cursor: not-allowed;--vv-checkbox-element-input-border: var(--spacing-2) solid var(--input-color);--vv-checkbox-element-input-min-width: var(--spacing-20);--vv-checkbox-element-input-height: var(--spacing-20);--vv-checkbox-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-checkbox-element-input-background-position: center;--vv-checkbox-element-input-background-size: var(--text-12) auto;--vv-checkbox-element-input-background-repeat: no-repeat;--vv-checkbox-element-input-cursor: pointer;--vv-checkbox-element-input-position: relative;--vv-checkbox-element-input-state-checked-background-image: var(--bg-check);--vv-checkbox-element-input-state-indeterminate-background-image: var(--bg-minus);--vv-checkbox-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-checkbox-element-input-state-focus-visible-outline-offset: var(--spacing-2);--vv-checkbox-element-hint-flex-basis: 100%;--vv-checkbox-element-hint-display: var(--input-hint-display);--vv-checkbox-element-hint-font-size: var(--input-hint-font-size);--vv-checkbox-element-hint-color: var(--input-hint-color);--vv-checkbox-element-hint-padding-top: var(--input-hint-gap);--vv-checkbox-element-hint-white-space: var(--input-hint-white-space);--vv-checkbox-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-checkbox-element-hint-overflow: var(--input-hint-overflow);--vv-checkbox-element-hint-max-width: var(--input-hint-max-width);--vv-checkbox-modifier-readonly-opacity: var(--opacity-100);--vv-checkbox-modifier-readonly-cursor: default;--vv-checkbox-modifier-readonly-pointer-events: none;--vv-checkbox-modifier-switch-element-input-border: 0;--vv-checkbox-modifier-switch-element-input-min-width: var(--spacing-44);--vv-checkbox-modifier-switch-element-input-height: var(--spacing-24);--vv-checkbox-modifier-switch-element-input-border-radius: var(--spacing-12);--vv-checkbox-modifier-switch-element-input-background-color: var(--color-word-5);--vv-checkbox-modifier-switch-element-input-position: relative;--vv-checkbox-modifier-switch-element-input-will-change: background-color;--vv-checkbox-modifier-switch-element-input-transition: var(--transition-colors);--vv-checkbox-modifier-switch-element-input-pseudo-after-width: var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-height: var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius: 50%;--vv-checkbox-modifier-switch-element-input-pseudo-after-position: absolute;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset: var(--spacing-2) 0 0 var(--spacing-2);--vv-checkbox-modifier-switch-element-input-pseudo-after-background: var(--color-white);--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change: transform;--vv-checkbox-modifier-switch-element-input-pseudo-after-transition: var(--transition-transform);--vv-checkbox-modifier-switch-element-input-state-hover-background-color: var(--color-word-4);--vv-checkbox-modifier-switch-element-input-state-active-background-color: var(--color-word-3);--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image: none;--vv-checkbox-modifier-switch-element-input-state-indeterminate-pseudo-after-translate: 50%;--vv-checkbox-modifier-switch-element-input-state-checked-background-image: none;--vv-checkbox-modifier-switch-element-input-state-checked-background-color: var(--color-brand);--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-translate: 100%;--vv-checkbox-modifier-valid-element-hint-color: var(--input-valid-color);--vv-checkbox-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-checkbox){display:var(--vv-checkbox-display);flex-wrap:var(--vv-checkbox-flex-wrap);align-items:var(--vv-checkbox-align-items);cursor:var(--vv-checkbox-cursor);-webkit-user-select:var(--vv-checkbox-user-select);-moz-user-select:var(--vv-checkbox-user-select);user-select:var(--vv-checkbox-user-select);margin:var(--vv-checkbox-margin);color:var(--vv-checkbox-color);font-size:var(--vv-checkbox-font-size);line-height:var(--vv-checkbox-line-height);min-width:var(--vv-checkbox-min-width)}:where(.vv-checkbox__input,.vv-checkbox>input[type=checkbox]){border:var(--vv-checkbox-element-input-border);min-width:var(--vv-checkbox-element-input-min-width);height:var(--vv-checkbox-element-input-height);margin:var(--vv-checkbox-element-input-margin);background-position:var(--vv-checkbox-element-input-background-position);background-size:var(--vv-checkbox-element-input-background-size);background-repeat:var(--vv-checkbox-element-input-background-repeat);cursor:var(--vv-checkbox-element-input-cursor);position:var(--vv-checkbox-element-input-position)}:where(.vv-checkbox__input--checked,.vv-checkbox__input.checked,.vv-checkbox>input[type=checkbox].checked,.vv-checkbox__input:checked,.vv-checkbox>input[type=checkbox]:checked){background-image:var(--vv-checkbox-element-input-state-checked-background-image)}:where(.vv-checkbox__input--indeterminate,.vv-checkbox__input.indeterminate,.vv-checkbox>input[type=checkbox].indeterminate,.vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-element-input-state-indeterminate-background-image)}:where(.vv-checkbox__input--focus-visible,.vv-checkbox__input.focus-visible,.vv-checkbox>input[type=checkbox].focus-visible,.vv-checkbox__input:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-checkbox>input[type=checkbox]:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-checkbox-element-input-state-focus-visible-outline);outline-offset:var(--vv-checkbox-element-input-state-focus-visible-outline-offset)}:where(.vv-checkbox__hint,.vv-checkbox>small){flex-basis:var(--vv-checkbox-element-hint-flex-basis);display:var(--vv-checkbox-element-hint-display);font-size:var(--vv-checkbox-element-hint-font-size);color:var(--vv-checkbox-element-hint-color);padding-top:var(--vv-checkbox-element-hint-padding-top);white-space:var(--vv-checkbox-element-hint-white-space);text-overflow:var(--vv-checkbox-element-hint-text-overflow);overflow:var(--vv-checkbox-element-hint-overflow);max-width:var(--vv-checkbox-element-hint-max-width)}:where(.vv-checkbox:has(>input[type=checkbox]:disabled)),:where(.vv-checkbox--disabled,.vv-checkbox.disabled,.vv-checkbox[disabled],.vv-checkbox[aria-disabled=true]){opacity:var(--vv-checkbox-state-disabled-opacity);--vv-checkbox-cursor: var(--vv-checkbox-state-disabled-cursor)}:where(.vv-checkbox--disabled .vv-checkbox__input,.vv-checkbox.disabled .vv-checkbox__input,.vv-checkbox[disabled] .vv-checkbox__input,.vv-checkbox[aria-disabled=true] .vv-checkbox__input,.vv-checkbox--disabled>input[type=checkbox],.vv-checkbox.disabled>input[type=checkbox],.vv-checkbox[disabled]>input[type=checkbox],.vv-checkbox[aria-disabled=true]>input[type=checkbox]){cursor:var(--vv-checkbox-state-disabled-element-input-cursor)}:where(.vv-checkbox--readonly.vv-checkbox){opacity:var(--vv-checkbox-modifier-readonly-opacity);--vv-checkbox-cursor: var(--vv-checkbox-modifier-readonly-cursor);pointer-events:var(--vv-checkbox-modifier-readonly-pointer-events)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]){border:var(--vv-checkbox-modifier-switch-element-input-border);min-width:var(--vv-checkbox-modifier-switch-element-input-min-width);height:var(--vv-checkbox-modifier-switch-element-input-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-border-radius);background-color:var(--vv-checkbox-modifier-switch-element-input-background-color);position:var(--vv-checkbox-modifier-switch-element-input-position);will-change:var(--vv-checkbox-modifier-switch-element-input-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-transition)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]):after{content:"";width:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-width);height:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius);position:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-position);inset:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset);background:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-background);will-change:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-transition)}:where(.vv-checkbox--switch .vv-checkbox__input--hover,.vv-checkbox--switch .vv-checkbox__input.hover,.vv-checkbox--switch>input[type=checkbox].hover,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):hover,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):hover){--vv-checkbox-modifier-switch-element-input-background-color: var(--vv-checkbox-modifier-switch-element-input-state-hover-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--active,.vv-checkbox--switch .vv-checkbox__input.active,.vv-checkbox--switch>input[type=checkbox].active,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):active,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):active){--vv-checkbox-modifier-switch-element-input-background-color: var(--vv-checkbox-modifier-switch-element-input-state-active-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate):after{translate:var(--vv-checkbox-modifier-switch-element-input-state-indeterminate-pseudo-after-translate)}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked){background-image:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-image);--vv-checkbox-modifier-switch-element-input-background-color: var(--vv-checkbox-modifier-switch-element-input-state-checked-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked):after{translate:var(--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-translate)}:where(.vv-checkbox--valid>.vv-checkbox__hint,.vv-checkbox--valid>small){color:var(--vv-checkbox-modifier-valid-element-hint-color)}:where(.vv-checkbox--invalid>.vv-checkbox__hint,.vv-checkbox--invalid>small){color:var(--vv-checkbox-modifier-invalid-element-hint-color)}
package/dist/components/vv-dialog.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dialog-display: flex;--vv-dialog-z-index: var(--z-modal-backdrop);--vv-dialog-position: fixed;--vv-dialog-inset: 0;--vv-dialog-align-items: center;--vv-dialog-justify-content: center;--vv-dialog-width: inherit;--vv-dialog-min-width: 100%;--vv-dialog-height: inherit;--vv-dialog-min-height: 100%;--vv-dialog-padding: var(--spacing-md);--vv-dialog-border: 0;--vv-dialog-background-color: var(--color-backdrop);--vv-dialog-backdrop-filter: var(--blur-sm);--vv-dialog-opacity: var(--opacity-100);--vv-dialog-state-close-display: none;--vv-dialog-state-open-overflow: hidden;--vv-dialog-element-wrapper-display: flex;--vv-dialog-element-wrapper-flex-direction: column;--vv-dialog-element-wrapper-position: relative;--vv-dialog-element-wrapper-box-shadow: var(--shadow-lg);--vv-dialog-element-wrapper-width: max(30dvw, min(40rem, 90dvw));--vv-dialog-element-wrapper-max-height: 90dvh;--vv-dialog-element-wrapper-z-index: var(--z-modal);--vv-dialog-element-wrapper-background: var(--color-surface);--vv-dialog-element-wrapper-border-radius: var(--rounded-md);--vv-dialog-element-wrapper-overflow: hidden;--vv-dialog-element-header-display: flex;--vv-dialog-element-header-flex-wrap: no-wrap;--vv-dialog-element-header-justify-content: space-between;--vv-dialog-element-header-align-items: center;--vv-dialog-element-header-font-size: var(--text-md);--vv-dialog-element-header-padding: var(--spacing-md);--vv-dialog-element-header-background: var(--color-surface-1);--vv-dialog-element-header-border-bottom: var(--border) solid var(--color-surface-4);--vv-dialog-element-close-inline-size: 1em;--vv-dialog-element-close-block-size: 1em;--vv-dialog-element-close-cursor: pointer;--vv-dialog-element-close-background-image: var(--bg-close);--vv-dialog-element-close-background-position: center;--vv-dialog-element-close-background-size: 100% auto;--vv-dialog-element-close-background-repeat: no-repeat;--vv-dialog-element-content-padding: var(--spacing-md);--vv-dialog-element-content-line-height: var(--leading-normal);--vv-dialog-element-content-flex: 1;--vv-dialog-element-content-min-height: 0;--vv-dialog-element-content-overflow: auto;--vv-dialog-element-footer-display: flex;--vv-dialog-element-footer-justify-content: flex-end;--vv-dialog-element-footer-padding: var(--spacing-md);--vv-dialog-element-footer-background: var(--color-surface-1);--vv-dialog-element-footer-border-top: var(--border) solid var(--color-surface-4);--vv-dialog-transition-fade-block-active-transition: var(--transition-opacity);--vv-dialog-transition-fade-block-active-element-wrapper-transition: var(--transition-transform);--vv-dialog-transition-fade-block-enter-from-opacity: var(--opacity-0);--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate: 0 100%;--vv-dialog-transition-fade-block-leave-to-opacity: var(--opacity-0);--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate: 0 -100%;--vv-dialog-transition-fade-inline-active-transition: var(--transition-opacity);--vv-dialog-transition-fade-inline-active-element-wrapper-transition: var(--transition-transform);--vv-dialog-transition-fade-inline-enter-from-opacity: var(--opacity-0);--vv-dialog-transition-fade-inline-enter-from-element-wrapper-translate: -100%;--vv-dialog-transition-fade-inline-leave-to-opacity: var(--opacity-0);--vv-dialog-transition-fade-inline-leave-to-element-wrapper-translate: 100%;--vv-dialog-transition-scale-active-transition: var(--transition-opacity);--vv-dialog-transition-scale-active-element-wrapper-transition: var(--transition-transform);--vv-dialog-transition-scale-inert-opacity: var(--opacity-0);--vv-dialog-transition-scale-inert-element-wrapper-scale: 0;--vv-dialog-modifier-small-element-wrapper-width: max(10dvw, min(25rem, 90dvw));--vv-dialog-modifier-fullscreen-padding: 0;--vv-dialog-modifier-fullscreen-element-wrapper-border-radius: var(--rounded-0);--vv-dialog-modifier-fullscreen-element-wrapper-max-width: auto;--vv-dialog-modifier-fullscreen-element-wrapper-max-height: auto;--vv-dialog-modifier-fullscreen-element-wrapper-width: 100%;--vv-dialog-modifier-fullscreen-element-wrapper-height: 100%}:where(.vv-dialog){display:var(--vv-dialog-display);z-index:var(--vv-dialog-z-index);position:var(--vv-dialog-position);inset:var(--vv-dialog-inset);align-items:var(--vv-dialog-align-items);justify-content:var(--vv-dialog-justify-content);width:var(--vv-dialog-width);min-width:var(--vv-dialog-min-width);height:var(--vv-dialog-height);min-height:var(--vv-dialog-min-height);padding:var(--vv-dialog-padding);border:var(--vv-dialog-border);background-color:var(--vv-dialog-background-color);-webkit-backdrop-filter:var(--vv-dialog-backdrop-filter);backdrop-filter:var(--vv-dialog-backdrop-filter);opacity:var(--vv-dialog-opacity)}:where(.vv-dialog__wrapper,.vv-dialog>article){display:var(--vv-dialog-element-wrapper-display);flex-direction:var(--vv-dialog-element-wrapper-flex-direction);position:var(--vv-dialog-element-wrapper-position);box-shadow:var(--vv-dialog-element-wrapper-box-shadow);width:var(--vv-dialog-element-wrapper-width);max-height:var(--vv-dialog-element-wrapper-max-height);z-index:var(--vv-dialog-element-wrapper-z-index);background:var(--vv-dialog-element-wrapper-background);border-radius:var(--vv-dialog-element-wrapper-border-radius);overflow:var(--vv-dialog-element-wrapper-overflow)}:where(.vv-dialog__header,.vv-dialog>article>header){display:var(--vv-dialog-element-header-display);flex-wrap:var(--vv-dialog-element-header-flex-wrap);justify-content:var(--vv-dialog-element-header-justify-content);align-items:var(--vv-dialog-element-header-align-items);font-size:var(--vv-dialog-element-header-font-size);padding:var(--vv-dialog-element-header-padding);background:var(--vv-dialog-element-header-background);border-bottom:var(--vv-dialog-element-header-border-bottom)}:where(.vv-dialog__close){inline-size:var(--vv-dialog-element-close-inline-size);block-size:var(--vv-dialog-element-close-block-size);cursor:var(--vv-dialog-element-close-cursor);background-image:var(--vv-dialog-element-close-background-image);background-position:var(--vv-dialog-element-close-background-position);background-size:var(--vv-dialog-element-close-background-size);background-repeat:var(--vv-dialog-element-close-background-repeat)}:where(.vv-dialog__content){padding:var(--vv-dialog-element-content-padding);line-height:var(--vv-dialog-element-content-line-height);flex:var(--vv-dialog-element-content-flex);min-height:var(--vv-dialog-element-content-min-height);overflow:var(--vv-dialog-element-content-overflow)}:where(.vv-dialog__footer,.vv-dialog>article>footer){display:var(--vv-dialog-element-footer-display);justify-content:var(--vv-dialog-element-footer-justify-content);padding:var(--vv-dialog-element-footer-padding);background:var(--vv-dialog-element-footer-background);border-top:var(--vv-dialog-element-footer-border-top)}:where(.vv-dialog--close,.vv-dialog.close,.vv-dialog:not([open])){--vv-dialog-display: var(--vv-dialog-state-close-display)}:where(.vv-dialog--open,.vv-dialog.open,.vv-dialog[open]){overflow:var(--vv-dialog-state-open-overflow)}:where(.vv-dialog--small>.vv-dialog__wrapper,.vv-dialog--small>article){width:var(--vv-dialog-modifier-small-element-wrapper-width)}:where(.vv-dialog--fullscreen.vv-dialog){--vv-dialog-padding: var(--vv-dialog-modifier-fullscreen-padding)}:where(.vv-dialog--fullscreen>.vv-dialog__wrapper,.vv-dialog--fullscreen>article){border-radius:var(--vv-dialog-modifier-fullscreen-element-wrapper-border-radius);max-width:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-width);max-height:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-height);width:var(--vv-dialog-modifier-fullscreen-element-wrapper-width);height:var(--vv-dialog-modifier-fullscreen-element-wrapper-height)}:where(.vv-dialog--fade-block-enter-active,.vv-dialog--fade-block-leave-active){transition:var(--vv-dialog-transition-fade-block-active-transition)}:where(.vv-dialog--fade-block-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-active>article,.vv-dialog--fade-block-leave-active>article){transition:var(--vv-dialog-transition-fade-block-active-element-wrapper-transition)}:where(.vv-dialog--fade-block-enter-from){opacity:var(--vv-dialog-transition-fade-block-enter-from-opacity)}:where(.vv-dialog--fade-block-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-from>article){translate:var(--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate)}:where(.vv-dialog--fade-block-leave-to){opacity:var(--vv-dialog-transition-fade-block-leave-to-opacity)}:where(.vv-dialog--fade-block-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-to>article){translate:var(--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate)}:where(.vv-dialog--fade-inline-enter-active,.vv-dialog--fade-inline-leave-active){transition:var(--vv-dialog-transition-fade-inline-active-transition)}:where(.vv-dialog--fade-inline-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-active>article,.vv-dialog--fade-inline-leave-active>article){transition:var(--vv-dialog-transition-fade-inline-active-element-wrapper-transition)}:where(.vv-dialog--fade-inline-enter-from){opacity:var(--vv-dialog-transition-fade-inline-enter-from-opacity)}:where(.vv-dialog--fade-inline-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-from>article){translate:var(--vv-dialog-transition-fade-inline-enter-from-element-wrapper-translate)}:where(.vv-dialog--fade-inline-leave-to){opacity:var(--vv-dialog-transition-fade-inline-leave-to-opacity)}:where(.vv-dialog--fade-inline-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-to>article){translate:var(--vv-dialog-transition-fade-inline-leave-to-element-wrapper-translate)}:where(.vv-dialog--scale-enter-active,.vv-dialog--scale-leave-active){transition:var(--vv-dialog-transition-scale-active-transition)}:where(.vv-dialog--scale-enter-active>.vv-dialog__wrapper,.vv-dialog--scale-leave-active>.vv-dialog__wrapper,.vv-dialog--scale-enter-active>article,.vv-dialog--scale-leave-active>article){transition:var(--vv-dialog-transition-scale-active-element-wrapper-transition)}:where(.vv-dialog--scale-enter-from,.vv-dialog--scale-leave-to){opacity:var(--vv-dialog-transition-scale-inert-opacity)}:where(.vv-dialog--scale-enter-from>.vv-dialog__wrapper,.vv-dialog--scale-leave-to>.vv-dialog__wrapper,.vv-dialog--scale-enter-from>article,.vv-dialog--scale-leave-to>article){scale:var(--vv-dialog-transition-scale-inert-element-wrapper-scale)}
1
+ :where(:host,:root,.theme){--vv-dialog-display: flex;--vv-dialog-user-select: text;--vv-dialog-z-index: var(--z-modal-backdrop);--vv-dialog-position: fixed;--vv-dialog-inset: 0;--vv-dialog-align-items: center;--vv-dialog-justify-content: center;--vv-dialog-width: inherit;--vv-dialog-min-width: 100%;--vv-dialog-height: inherit;--vv-dialog-min-height: 100%;--vv-dialog-padding: var(--spacing-md);--vv-dialog-border: 0;--vv-dialog-background-color: var(--color-backdrop);--vv-dialog-backdrop-filter: var(--blur-sm);--vv-dialog-opacity: var(--opacity-100);--vv-dialog-state-close-display: none;--vv-dialog-state-open-overflow: hidden;--vv-dialog-element-wrapper-display: flex;--vv-dialog-element-wrapper-flex-direction: column;--vv-dialog-element-wrapper-position: relative;--vv-dialog-element-wrapper-box-shadow: var(--shadow-lg);--vv-dialog-element-wrapper-width: max(30dvw, min(40rem, 90dvw));--vv-dialog-element-wrapper-max-height: 90dvh;--vv-dialog-element-wrapper-z-index: var(--z-modal);--vv-dialog-element-wrapper-background: var(--color-surface);--vv-dialog-element-wrapper-border-radius: var(--rounded-md);--vv-dialog-element-wrapper-overflow: hidden;--vv-dialog-element-header-display: flex;--vv-dialog-element-header-flex-wrap: no-wrap;--vv-dialog-element-header-justify-content: space-between;--vv-dialog-element-header-align-items: center;--vv-dialog-element-header-font-size: var(--text-md);--vv-dialog-element-header-padding: var(--spacing-md);--vv-dialog-element-header-background: var(--color-surface-1);--vv-dialog-element-header-border-bottom: var(--border) solid var(--color-surface-4);--vv-dialog-element-close-inline-size: 1em;--vv-dialog-element-close-block-size: 1em;--vv-dialog-element-close-cursor: pointer;--vv-dialog-element-close-background-image: var(--bg-close);--vv-dialog-element-close-background-position: center;--vv-dialog-element-close-background-size: 100% auto;--vv-dialog-element-close-background-repeat: no-repeat;--vv-dialog-element-content-padding: var(--spacing-md);--vv-dialog-element-content-line-height: var(--leading-normal);--vv-dialog-element-content-flex: 1;--vv-dialog-element-content-min-height: 0;--vv-dialog-element-content-overflow: auto;--vv-dialog-element-footer-display: flex;--vv-dialog-element-footer-justify-content: flex-end;--vv-dialog-element-footer-padding: var(--spacing-md);--vv-dialog-element-footer-background: var(--color-surface-1);--vv-dialog-element-footer-border-top: var(--border) solid var(--color-surface-4);--vv-dialog-transition-fade-block-active-transition: var(--transition-opacity);--vv-dialog-transition-fade-block-active-element-wrapper-transition: var(--transition-transform);--vv-dialog-transition-fade-block-enter-from-opacity: var(--opacity-0);--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate: 0 100%;--vv-dialog-transition-fade-block-leave-to-opacity: var(--opacity-0);--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate: 0 -100%;--vv-dialog-transition-fade-inline-active-transition: var(--transition-opacity);--vv-dialog-transition-fade-inline-active-element-wrapper-transition: var(--transition-transform);--vv-dialog-transition-fade-inline-enter-from-opacity: var(--opacity-0);--vv-dialog-transition-fade-inline-enter-from-element-wrapper-translate: -100%;--vv-dialog-transition-fade-inline-leave-to-opacity: var(--opacity-0);--vv-dialog-transition-fade-inline-leave-to-element-wrapper-translate: 100%;--vv-dialog-transition-scale-active-transition: var(--transition-opacity);--vv-dialog-transition-scale-active-element-wrapper-transition: var(--transition-transform);--vv-dialog-transition-scale-inert-opacity: var(--opacity-0);--vv-dialog-transition-scale-inert-element-wrapper-scale: 0;--vv-dialog-modifier-small-element-wrapper-width: max(10dvw, min(25rem, 90dvw));--vv-dialog-modifier-fullscreen-padding: 0;--vv-dialog-modifier-fullscreen-element-wrapper-border-radius: var(--rounded-0);--vv-dialog-modifier-fullscreen-element-wrapper-max-width: auto;--vv-dialog-modifier-fullscreen-element-wrapper-max-height: auto;--vv-dialog-modifier-fullscreen-element-wrapper-width: 100%;--vv-dialog-modifier-fullscreen-element-wrapper-height: 100%}:where(.vv-dialog){display:var(--vv-dialog-display);-webkit-user-select:var(--vv-dialog-user-select);-moz-user-select:var(--vv-dialog-user-select);user-select:var(--vv-dialog-user-select);z-index:var(--vv-dialog-z-index);position:var(--vv-dialog-position);inset:var(--vv-dialog-inset);align-items:var(--vv-dialog-align-items);justify-content:var(--vv-dialog-justify-content);width:var(--vv-dialog-width);min-width:var(--vv-dialog-min-width);height:var(--vv-dialog-height);min-height:var(--vv-dialog-min-height);padding:var(--vv-dialog-padding);border:var(--vv-dialog-border);background-color:var(--vv-dialog-background-color);-webkit-backdrop-filter:var(--vv-dialog-backdrop-filter);backdrop-filter:var(--vv-dialog-backdrop-filter);opacity:var(--vv-dialog-opacity)}:where(.vv-dialog__wrapper,.vv-dialog>article){display:var(--vv-dialog-element-wrapper-display);flex-direction:var(--vv-dialog-element-wrapper-flex-direction);position:var(--vv-dialog-element-wrapper-position);box-shadow:var(--vv-dialog-element-wrapper-box-shadow);width:var(--vv-dialog-element-wrapper-width);max-height:var(--vv-dialog-element-wrapper-max-height);z-index:var(--vv-dialog-element-wrapper-z-index);background:var(--vv-dialog-element-wrapper-background);border-radius:var(--vv-dialog-element-wrapper-border-radius);overflow:var(--vv-dialog-element-wrapper-overflow)}:where(.vv-dialog__header,.vv-dialog>article>header){display:var(--vv-dialog-element-header-display);flex-wrap:var(--vv-dialog-element-header-flex-wrap);justify-content:var(--vv-dialog-element-header-justify-content);align-items:var(--vv-dialog-element-header-align-items);font-size:var(--vv-dialog-element-header-font-size);padding:var(--vv-dialog-element-header-padding);background:var(--vv-dialog-element-header-background);border-bottom:var(--vv-dialog-element-header-border-bottom)}:where(.vv-dialog__close){inline-size:var(--vv-dialog-element-close-inline-size);block-size:var(--vv-dialog-element-close-block-size);cursor:var(--vv-dialog-element-close-cursor);background-image:var(--vv-dialog-element-close-background-image);background-position:var(--vv-dialog-element-close-background-position);background-size:var(--vv-dialog-element-close-background-size);background-repeat:var(--vv-dialog-element-close-background-repeat)}:where(.vv-dialog__content){padding:var(--vv-dialog-element-content-padding);line-height:var(--vv-dialog-element-content-line-height);flex:var(--vv-dialog-element-content-flex);min-height:var(--vv-dialog-element-content-min-height);overflow:var(--vv-dialog-element-content-overflow)}:where(.vv-dialog__footer,.vv-dialog>article>footer){display:var(--vv-dialog-element-footer-display);justify-content:var(--vv-dialog-element-footer-justify-content);padding:var(--vv-dialog-element-footer-padding);background:var(--vv-dialog-element-footer-background);border-top:var(--vv-dialog-element-footer-border-top)}:where(.vv-dialog--close,.vv-dialog.close,.vv-dialog:not([open])){--vv-dialog-display: var(--vv-dialog-state-close-display)}:where(.vv-dialog--open,.vv-dialog.open,.vv-dialog[open]){overflow:var(--vv-dialog-state-open-overflow)}:where(.vv-dialog--small>.vv-dialog__wrapper,.vv-dialog--small>article){width:var(--vv-dialog-modifier-small-element-wrapper-width)}:where(.vv-dialog--fullscreen.vv-dialog){--vv-dialog-padding: var(--vv-dialog-modifier-fullscreen-padding)}:where(.vv-dialog--fullscreen>.vv-dialog__wrapper,.vv-dialog--fullscreen>article){border-radius:var(--vv-dialog-modifier-fullscreen-element-wrapper-border-radius);max-width:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-width);max-height:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-height);width:var(--vv-dialog-modifier-fullscreen-element-wrapper-width);height:var(--vv-dialog-modifier-fullscreen-element-wrapper-height)}:where(.vv-dialog--fade-block-enter-active,.vv-dialog--fade-block-leave-active){transition:var(--vv-dialog-transition-fade-block-active-transition)}:where(.vv-dialog--fade-block-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-active>article,.vv-dialog--fade-block-leave-active>article){transition:var(--vv-dialog-transition-fade-block-active-element-wrapper-transition)}:where(.vv-dialog--fade-block-enter-from){opacity:var(--vv-dialog-transition-fade-block-enter-from-opacity)}:where(.vv-dialog--fade-block-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-from>article){translate:var(--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate)}:where(.vv-dialog--fade-block-leave-to){opacity:var(--vv-dialog-transition-fade-block-leave-to-opacity)}:where(.vv-dialog--fade-block-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-to>article){translate:var(--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate)}:where(.vv-dialog--fade-inline-enter-active,.vv-dialog--fade-inline-leave-active){transition:var(--vv-dialog-transition-fade-inline-active-transition)}:where(.vv-dialog--fade-inline-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-active>article,.vv-dialog--fade-inline-leave-active>article){transition:var(--vv-dialog-transition-fade-inline-active-element-wrapper-transition)}:where(.vv-dialog--fade-inline-enter-from){opacity:var(--vv-dialog-transition-fade-inline-enter-from-opacity)}:where(.vv-dialog--fade-inline-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-from>article){translate:var(--vv-dialog-transition-fade-inline-enter-from-element-wrapper-translate)}:where(.vv-dialog--fade-inline-leave-to){opacity:var(--vv-dialog-transition-fade-inline-leave-to-opacity)}:where(.vv-dialog--fade-inline-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-to>article){translate:var(--vv-dialog-transition-fade-inline-leave-to-element-wrapper-translate)}:where(.vv-dialog--scale-enter-active,.vv-dialog--scale-leave-active){transition:var(--vv-dialog-transition-scale-active-transition)}:where(.vv-dialog--scale-enter-active>.vv-dialog__wrapper,.vv-dialog--scale-leave-active>.vv-dialog__wrapper,.vv-dialog--scale-enter-active>article,.vv-dialog--scale-leave-active>article){transition:var(--vv-dialog-transition-scale-active-element-wrapper-transition)}:where(.vv-dialog--scale-enter-from,.vv-dialog--scale-leave-to){opacity:var(--vv-dialog-transition-scale-inert-opacity)}:where(.vv-dialog--scale-enter-from>.vv-dialog__wrapper,.vv-dialog--scale-leave-to>.vv-dialog__wrapper,.vv-dialog--scale-enter-from>article,.vv-dialog--scale-leave-to>article){scale:var(--vv-dialog-transition-scale-inert-element-wrapper-scale)}
package/dist/components/vv-dropdown-action.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dropdown-action-display: flex;--vv-dropdown-action-width: 100%;--vv-dropdown-action-overflow: hidden;--vv-dropdown-action-gap: var(--spacing-sm);--vv-dropdown-action-align-items: center;--vv-dropdown-action-padding: var(--spacing-sm);--vv-dropdown-action-color: var(--color-brand);--vv-dropdown-action-cursor: pointer;--vv-dropdown-action-state-disabled-opacity: var(--opacity-50);--vv-dropdown-action-state-disabled-cursor: not-allowed;--vv-dropdown-action-state-hover-background-color: var(--color-surface-brand);--vv-dropdown-action-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-dropdown-action-state-focus-visible-outline-offset: calc(var(--spacing-px) * -1);--vv-dropdown-action-state-pressed-background-color: var(--color-surface-2)}:where(.vv-dropdown-action){display:var(--vv-dropdown-action-display);width:var(--vv-dropdown-action-width);overflow:var(--vv-dropdown-action-overflow);gap:var(--vv-dropdown-action-gap);align-items:var(--vv-dropdown-action-align-items);padding:var(--vv-dropdown-action-padding);color:var(--vv-dropdown-action-color);cursor:var(--vv-dropdown-action-cursor)}:where(.vv-dropdown-action--disabled,.vv-dropdown-action.disabled,.vv-dropdown-action[disabled],.vv-dropdown-action[aria-disabled=true]){opacity:var(--vv-dropdown-action-state-disabled-opacity);--vv-dropdown-action-cursor: var(--vv-dropdown-action-state-disabled-cursor)}:where(.vv-dropdown-action--hover,.vv-dropdown-action.hover,.vv-dropdown-action:not([disabled]):hover){background-color:var(--vv-dropdown-action-state-hover-background-color)}:where(.vv-dropdown-action--focus-visible,.vv-dropdown-action.focus-visible,.vv-dropdown-action:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-dropdown-action-state-focus-visible-outline);outline-offset:var(--vv-dropdown-action-state-focus-visible-outline-offset)}:where(.vv-dropdown-action--pressed,.vv-dropdown-action.pressed,.vv-dropdown-action[aria-pressed=true]){background-color:var(--vv-dropdown-action-state-pressed-background-color)}
1
+ :where(:host,:root,.theme){--vv-dropdown-action-display: flex;--vv-dropdown-action-width: 100%;--vv-dropdown-action-overflow: hidden;--vv-dropdown-action-gap: var(--spacing-sm);--vv-dropdown-action-align-items: center;--vv-dropdown-action-padding: var(--spacing-sm);--vv-dropdown-action-color: var(--color-brand);--vv-dropdown-action-cursor: pointer;--vv-dropdown-action-state-disabled-opacity: var(--opacity-50);--vv-dropdown-action-state-disabled-cursor: not-allowed;--vv-dropdown-action-state-hover-background-color: var(--color-surface-brand);--vv-dropdown-action-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-dropdown-action-state-focus-visible-outline-offset: calc(var(--spacing-px) * -1);--vv-dropdown-action-state-pressed-background-color: var(--color-surface-2)}:where(.vv-dropdown-action){display:var(--vv-dropdown-action-display);width:var(--vv-dropdown-action-width);overflow:var(--vv-dropdown-action-overflow);gap:var(--vv-dropdown-action-gap);align-items:var(--vv-dropdown-action-align-items);padding:var(--vv-dropdown-action-padding);color:var(--vv-dropdown-action-color);cursor:var(--vv-dropdown-action-cursor)}:where(.vv-dropdown-action--disabled,.vv-dropdown-action.disabled,.vv-dropdown-action[disabled],.vv-dropdown-action[aria-disabled=true]){opacity:var(--vv-dropdown-action-state-disabled-opacity);--vv-dropdown-action-cursor: var(--vv-dropdown-action-state-disabled-cursor)}:where(.vv-dropdown-action--hover,.vv-dropdown-action.hover,.vv-dropdown-action:not([disabled]):hover){background-color:var(--vv-dropdown-action-state-hover-background-color)}:where(.vv-dropdown-action--focus-visible,.vv-dropdown-action.focus-visible,.vv-dropdown-action:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-dropdown-action-state-focus-visible-outline);outline-offset:var(--vv-dropdown-action-state-focus-visible-outline-offset)}:where(.vv-dropdown-action--pressed,.vv-dropdown-action.pressed,.vv-dropdown-action[aria-pressed=true]){background-color:var(--vv-dropdown-action-state-pressed-background-color)}
package/dist/components/vv-dropdown-option.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dropdown-option-display: flex;--vv-dropdown-option-min-width: 0;--vv-dropdown-option-overflow: hidden;--vv-dropdown-option-gap: var(--spacing-sm);--vv-dropdown-option-align-items: flex-end;--vv-dropdown-option-padding: var(--spacing-sm);--vv-dropdown-option-state-disabled-opacity: var(--opacity-50);--vv-dropdown-option-state-disabled-cursor: not-allowed;--vv-dropdown-option-state-disabled-pointer-events: none;--vv-dropdown-option-state-focus-visible-background-color: var(--color-surface-success);--vv-dropdown-option-state-focus-visible-color: var(--color-success-darken-1);--vv-dropdown-option-state-focus-visible-element-hint-opacity: var(--opacity-100);--vv-dropdown-option-state-selected-font-weight: var(--font-bold);--vv-dropdown-option-state-selected-background-color: var(--color-surface-brand);--vv-dropdown-option-state-selected-color: var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color: var(--color-surface-danger);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color: var(--color-danger);--vv-dropdown-option-modifier-inert-cursor: default;--vv-dropdown-option-modifier-inert-color: var(--color-word-3);--vv-dropdown-option-modifier-inert-font-size: .8em;--vv-dropdown-option-modifier-inert-state-focus-visible-background-color: transparent;--vv-dropdown-option-modifier-inert-state-focus-visible-color: var(--color-word-3);--vv-dropdown-option-element-hint-opacity: var(--opacity-0);--vv-dropdown-option-element-hint-transition: var(--transition-opacity);--vv-dropdown-option-element-hint-will-change: opacity;--vv-dropdown-option-element-hint-margin-left: auto;--vv-dropdown-option-element-hint-font-size: .8em;--vv-dropdown-option-element-hint-font-weight: var(--font-normal);--vv-dropdown-option-element-hint-text-overflow: ellipsis;--vv-dropdown-option-element-hint-white-space: nowrap;--vv-dropdown-option-element-hint-overflow: hidden;--vv-dropdown-option-element-label-text-overflow: ellipsis;--vv-dropdown-option-element-label-white-space: nowrap;--vv-dropdown-option-element-label-overflow: hidden}:where(.vv-dropdown-option){display:var(--vv-dropdown-option-display);min-width:var(--vv-dropdown-option-min-width);overflow:var(--vv-dropdown-option-overflow);gap:var(--vv-dropdown-option-gap);align-items:var(--vv-dropdown-option-align-items);padding:var(--vv-dropdown-option-padding)}:where(.vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-element-hint-opacity);transition:var(--vv-dropdown-option-element-hint-transition);will-change:var(--vv-dropdown-option-element-hint-will-change);margin-left:var(--vv-dropdown-option-element-hint-margin-left);font-size:var(--vv-dropdown-option-element-hint-font-size);font-weight:var(--vv-dropdown-option-element-hint-font-weight);text-overflow:var(--vv-dropdown-option-element-hint-text-overflow);white-space:var(--vv-dropdown-option-element-hint-white-space);overflow:var(--vv-dropdown-option-element-hint-overflow)}:where(.vv-dropdown-option__label){text-overflow:var(--vv-dropdown-option-element-label-text-overflow);white-space:var(--vv-dropdown-option-element-label-white-space);overflow:var(--vv-dropdown-option-element-label-overflow)}:where(.vv-dropdown-option--disabled,.vv-dropdown-option.disabled,.vv-dropdown-option[disabled],.vv-dropdown-option[aria-disabled=true]){opacity:var(--vv-dropdown-option-state-disabled-opacity);cursor:var(--vv-dropdown-option-state-disabled-cursor);pointer-events:var(--vv-dropdown-option-state-disabled-pointer-events)}:where(.vv-dropdown-option--focus-visible,.vv-dropdown-option.focus-visible,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-state-focus-visible-background-color);color:var(--vv-dropdown-option-state-focus-visible-color)}:where(.vv-dropdown-option--focus-visible .vv-dropdown-option__hint,.vv-dropdown-option.focus-visible .vv-dropdown-option__hint,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible .vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-state-focus-visible-element-hint-opacity)}:where(.vv-dropdown-option--selected,.vv-dropdown-option.selected,.vv-dropdown-option[aria-selected=true]){font-weight:var(--vv-dropdown-option-state-selected-font-weight);background-color:var(--vv-dropdown-option-state-selected-background-color);color:var(--vv-dropdown-option-state-selected-color)}:where(.vv-dropdown-option--unselectable.vv-dropdown-option--focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option.focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-color)}:where(.vv-dropdown-option--inert.vv-dropdown-option){cursor:var(--vv-dropdown-option-modifier-inert-cursor);color:var(--vv-dropdown-option-modifier-inert-color);font-size:var(--vv-dropdown-option-modifier-inert-font-size)}:where(.vv-dropdown-option--inert.vv-dropdown-option--focus-visible,.vv-dropdown-option--inert.vv-dropdown-option.focus-visible,.vv-dropdown-option--inert.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-color)}
1
+ :where(:host,:root,.theme){--vv-dropdown-option-display: flex;--vv-dropdown-option-min-width: 0;--vv-dropdown-option-overflow: hidden;--vv-dropdown-option-gap: var(--spacing-sm);--vv-dropdown-option-align-items: flex-end;--vv-dropdown-option-padding: var(--spacing-sm);--vv-dropdown-option-state-disabled-opacity: var(--opacity-50);--vv-dropdown-option-state-disabled-cursor: not-allowed;--vv-dropdown-option-state-disabled-pointer-events: none;--vv-dropdown-option-state-focus-visible-background-color: var(--color-surface-success);--vv-dropdown-option-state-focus-visible-color: var(--color-success-darken-1);--vv-dropdown-option-state-focus-visible-element-hint-opacity: var(--opacity-100);--vv-dropdown-option-state-selected-font-weight: var(--font-bold);--vv-dropdown-option-state-selected-background-color: var(--color-surface-brand);--vv-dropdown-option-state-selected-color: var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color: var(--color-surface-danger);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color: var(--color-danger);--vv-dropdown-option-modifier-inert-cursor: default;--vv-dropdown-option-modifier-inert-color: var(--color-word-3);--vv-dropdown-option-modifier-inert-font-size: .8em;--vv-dropdown-option-modifier-inert-state-focus-visible-background-color: transparent;--vv-dropdown-option-modifier-inert-state-focus-visible-color: var(--color-word-3);--vv-dropdown-option-element-hint-opacity: var(--opacity-0);--vv-dropdown-option-element-hint-transition: var(--transition-opacity);--vv-dropdown-option-element-hint-will-change: opacity;--vv-dropdown-option-element-hint-margin-left: auto;--vv-dropdown-option-element-hint-font-size: .8em;--vv-dropdown-option-element-hint-font-weight: var(--font-normal);--vv-dropdown-option-element-hint-text-overflow: ellipsis;--vv-dropdown-option-element-hint-white-space: nowrap;--vv-dropdown-option-element-hint-overflow: hidden;--vv-dropdown-option-element-label-text-overflow: ellipsis;--vv-dropdown-option-element-label-white-space: nowrap;--vv-dropdown-option-element-label-overflow: hidden}:where(.vv-dropdown-option){display:var(--vv-dropdown-option-display);min-width:var(--vv-dropdown-option-min-width);overflow:var(--vv-dropdown-option-overflow);gap:var(--vv-dropdown-option-gap);align-items:var(--vv-dropdown-option-align-items);padding:var(--vv-dropdown-option-padding)}:where(.vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-element-hint-opacity);transition:var(--vv-dropdown-option-element-hint-transition);will-change:var(--vv-dropdown-option-element-hint-will-change);margin-left:var(--vv-dropdown-option-element-hint-margin-left);font-size:var(--vv-dropdown-option-element-hint-font-size);font-weight:var(--vv-dropdown-option-element-hint-font-weight);text-overflow:var(--vv-dropdown-option-element-hint-text-overflow);white-space:var(--vv-dropdown-option-element-hint-white-space);overflow:var(--vv-dropdown-option-element-hint-overflow)}:where(.vv-dropdown-option__label){text-overflow:var(--vv-dropdown-option-element-label-text-overflow);white-space:var(--vv-dropdown-option-element-label-white-space);overflow:var(--vv-dropdown-option-element-label-overflow)}:where(.vv-dropdown-option--disabled,.vv-dropdown-option.disabled,.vv-dropdown-option[disabled],.vv-dropdown-option[aria-disabled=true]){opacity:var(--vv-dropdown-option-state-disabled-opacity);cursor:var(--vv-dropdown-option-state-disabled-cursor);pointer-events:var(--vv-dropdown-option-state-disabled-pointer-events)}:where(.vv-dropdown-option--focus-visible,.vv-dropdown-option.focus-visible,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-state-focus-visible-background-color);color:var(--vv-dropdown-option-state-focus-visible-color)}:where(.vv-dropdown-option--focus-visible .vv-dropdown-option__hint,.vv-dropdown-option.focus-visible .vv-dropdown-option__hint,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible .vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-state-focus-visible-element-hint-opacity)}:where(.vv-dropdown-option--selected,.vv-dropdown-option.selected,.vv-dropdown-option[aria-selected=true]){font-weight:var(--vv-dropdown-option-state-selected-font-weight);background-color:var(--vv-dropdown-option-state-selected-background-color);color:var(--vv-dropdown-option-state-selected-color)}:where(.vv-dropdown-option--unselectable.vv-dropdown-option--focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option.focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-color)}:where(.vv-dropdown-option--inert.vv-dropdown-option){cursor:var(--vv-dropdown-option-modifier-inert-cursor);color:var(--vv-dropdown-option-modifier-inert-color);font-size:var(--vv-dropdown-option-modifier-inert-font-size)}:where(.vv-dropdown-option--inert.vv-dropdown-option--focus-visible,.vv-dropdown-option--inert.vv-dropdown-option.focus-visible,.vv-dropdown-option--inert.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-color)}
package/dist/components/vv-dropdown.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dropdown-position: relative;--vv-dropdown-z-index: var(--z-dropdown);--vv-dropdown-display: flex;--vv-dropdown-flex-direction: column;--vv-dropdown-box-shadow: var(--shadow-lg);--vv-dropdown-width: max-content;--vv-dropdown-element-list-background-color: var(--color-surface-1);--vv-dropdown-element-list-overflow: auto;--vv-dropdown-element-list-pseudo--webkit-scrollbar-width: var(--spacing-2);--vv-dropdown-element-list-pseudo--webkit-scrollbar-height: var(--spacing-2);--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-color: var(--color-brand-lighten-4);--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-border: var(--spacing-0) solid transparent;--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-clip: content-box;--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-background-color: transparent;--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-padding: 0;--vv-dropdown-element-item-not-last-border-width: 0 0 var(--border) 0;--vv-dropdown-element-item-not-last-border-color: var(--color-surface-3);--vv-dropdown-element-item-not-last-border-style: solid;--vv-dropdown-element-search-display: block;--vv-dropdown-element-search-min-width: 0;--vv-dropdown-element-search-align-items: center;--vv-dropdown-element-search-min-height: var(--input-min-height);--vv-dropdown-element-search-background-color: var(--color-surface-2);--vv-dropdown-element-search-padding: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-dropdown-element-search-font-size: var(--input-font-size);--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance: none;--vv-dropdown-element-search-pseudo-search-cancel-button-opacity: var(--opacity-0);--vv-dropdown-element-search-pseudo-placeholder-color: var(--color-word-4);--vv-dropdown-element-search-pseudo-placeholder-text-overflow: ellipsis;--vv-dropdown-element-arrow-position: absolute;--vv-dropdown-element-arrow-width: var(--spacing-20);--vv-dropdown-element-arrow-height: var(--spacing-20);--vv-dropdown-element-arrow-z-index: -1;--vv-dropdown-element-arrow-pointer-events: none;--vv-dropdown-element-arrow-border: none;--vv-dropdown-element-arrow-pseudo-before-position: absolute;--vv-dropdown-element-arrow-pseudo-before-top: 0;--vv-dropdown-element-arrow-pseudo-before-left: 0;--vv-dropdown-element-arrow-pseudo-before-width: 0;--vv-dropdown-element-arrow-pseudo-before-height: 0;--vv-dropdown-element-arrow-pseudo-before-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-bottom: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-element-arrow-pseudo-after-position: absolute;--vv-dropdown-element-arrow-pseudo-after-bottom: 0;--vv-dropdown-element-arrow-pseudo-after-left: 0;--vv-dropdown-element-arrow-pseudo-after-width: 0;--vv-dropdown-element-arrow-pseudo-after-height: 0;--vv-dropdown-element-arrow-pseudo-after-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-top: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-modifier-block-width: 100%;--vv-dropdown-modifier-bottom-position: absolute;--vv-dropdown-modifier-bottom-top: 100%;--vv-dropdown-modifier-bottom-right: 0;--vv-dropdown-modifier-bottom-left: 0;--vv-dropdown-modifier-top-position: absolute;--vv-dropdown-modifier-top-left: 0;--vv-dropdown-modifier-top-right: 0;--vv-dropdown-modifier-top-bottom: 100%;--vv-dropdown-modifier-full-bleed-element-item-min-width: 20ch;--vv-dropdown-modifier-dialog-position: fixed;--vv-dropdown-modifier-dialog-display: flex;--vv-dropdown-modifier-dialog-inset: 0;--vv-dropdown-modifier-dialog-width: auto;--vv-dropdown-modifier-dialog-height: auto;--vv-dropdown-modifier-dialog-z-index: var(--z-modal-backdrop);--vv-dropdown-modifier-dialog-background-color: var(--color-backdrop);--vv-dropdown-modifier-dialog-backdrop-filter: var(--blur-sm);--vv-dropdown-modifier-dialog-justify-content: flex-end;--vv-dropdown-modifier-dialog-align-items: center;--vv-dropdown-modifier-dialog-padding: var(--spacing-lg);--vv-dropdown-modifier-dialog-gap: var(--spacing-md);--vv-dropdown-modifier-dialog-state-close-display: none;--vv-dropdown-modifier-dialog-element-list-max-width: max(30dvw, min(40rem, 90dvw));--vv-dropdown-modifier-dialog-element-list-z-index: var(--z-modal);--vv-dropdown-modifier-mobile-breakpoint-down-xs-position: fixed;--vv-dropdown-modifier-mobile-breakpoint-down-xs-inset: 0;--vv-dropdown-modifier-mobile-breakpoint-down-xs-width: auto;--vv-dropdown-modifier-mobile-breakpoint-down-xs-height: auto;--vv-dropdown-modifier-mobile-breakpoint-down-xs-z-index: var(--z-modal-backdrop);--vv-dropdown-modifier-mobile-breakpoint-down-xs-background-color: var(--color-backdrop);--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter: var(--blur-sm);--vv-dropdown-modifier-mobile-breakpoint-down-xs-justify-content: flex-end;--vv-dropdown-modifier-mobile-breakpoint-down-xs-padding: var(--spacing-lg);--vv-dropdown-modifier-mobile-breakpoint-down-xs-gap: var(--spacing-md);--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-z-index: var(--z-modal);--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-margin-bottom: auto;--vv-dropdown-transition-fade-block-active-transition: var(--transition-opacity);--vv-dropdown-transition-fade-block-active-element-list-transition: var(--transition-transform);--vv-dropdown-transition-fade-block-active-element-search-transition: var(--transition-transform);--vv-dropdown-transition-fade-block-enter-from-opacity: var(--opacity-0);--vv-dropdown-transition-fade-block-enter-from-element-list-translate: 0 100%;--vv-dropdown-transition-fade-block-enter-from-element-search-translate: 0 -100%;--vv-dropdown-transition-fade-block-leave-to-opacity: var(--opacity-0);--vv-dropdown-transition-fade-block-leave-to-element-list-translate: 0 100%;--vv-dropdown-transition-fade-block-leave-to-element-search-translate: 0 -100%;--vv-dropdown-transition-mobile-fade-block-active-transition: var(--transition-opacity);--vv-dropdown-transition-mobile-fade-block-active-element-list-transition: var(--transition-transform);--vv-dropdown-transition-mobile-fade-block-active-element-search-transition: var(--transition-transform);--vv-dropdown-transition-mobile-fade-block-enter-from-opacity: var(--opacity-0);--vv-dropdown-transition-mobile-fade-block-enter-from-element-list-breakpoint-down-xs-translate: 0 100%;--vv-dropdown-transition-mobile-fade-block-enter-from-element-search-breakpoint-down-xs-translate: 0 -100%;--vv-dropdown-transition-mobile-fade-block-leave-to-opacity: var(--opacity-0);--vv-dropdown-transition-mobile-fade-block-leave-to-element-list-breakpoint-down-xs-translate: 0 100%;--vv-dropdown-transition-mobile-fade-block-leave-to-element-search-breakpoint-down-xs-translate: 0 -100%}:where(.vv-dropdown){--dropdown-border-radius: 0px;--dropdown-custom-position: false;position:var(--vv-dropdown-position);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);box-shadow:var(--vv-dropdown-box-shadow);width:var(--vv-dropdown-width)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box])){border-radius:var(--dropdown-border-radius);background-color:var(--vv-dropdown-element-list-background-color);overflow:var(--vv-dropdown-element-list-overflow)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar{content:"";width:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-width);height:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-height)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar-thumb{content:"";background-color:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-color);border:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-border);background-clip:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-clip)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar-track{content:"";background-color:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-background-color);padding:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-padding)}:where(.vv-dropdown__item-first,.vv-dropdown :is([role=option],[role=presentation]):first-child){border-top-left-radius:var(--dropdown-border-radius);border-top-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-last,.vv-dropdown :is([role=option],[role=presentation]):last-child){border-bottom-left-radius:var(--dropdown-border-radius);border-bottom-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-not-last,.vv-dropdown :is([role=option],[role=presentation]):not(:last-child)){border-width:var(--vv-dropdown-element-item-not-last-border-width);border-color:var(--vv-dropdown-element-item-not-last-border-color);border-style:var(--vv-dropdown-element-item-not-last-border-style)}:where(.vv-dropdown__search){display:var(--vv-dropdown-element-search-display);min-width:var(--vv-dropdown-element-search-min-width);align-items:var(--vv-dropdown-element-search-align-items);min-height:var(--vv-dropdown-element-search-min-height);background-color:var(--vv-dropdown-element-search-background-color);padding:var(--vv-dropdown-element-search-padding);font-size:var(--vv-dropdown-element-search-font-size)}:where(.vv-dropdown__search)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-search-cancel-button{-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__search)::placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__arrow){position:var(--vv-dropdown-element-arrow-position);width:var(--vv-dropdown-element-arrow-width);height:var(--vv-dropdown-element-arrow-height);z-index:var(--vv-dropdown-element-arrow-z-index);pointer-events:var(--vv-dropdown-element-arrow-pointer-events);border:var(--vv-dropdown-element-arrow-border)}:where(.vv-dropdown__arrow):before{content:"";position:var(--vv-dropdown-element-arrow-pseudo-before-position);top:var(--vv-dropdown-element-arrow-pseudo-before-top);left:var(--vv-dropdown-element-arrow-pseudo-before-left);width:var(--vv-dropdown-element-arrow-pseudo-before-width);height:var(--vv-dropdown-element-arrow-pseudo-before-height);border-left:var(--vv-dropdown-element-arrow-pseudo-before-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-before-border-right);border-bottom:var(--vv-dropdown-element-arrow-pseudo-before-border-bottom)}:where(.vv-dropdown__arrow):after{content:"";position:var(--vv-dropdown-element-arrow-pseudo-after-position);bottom:var(--vv-dropdown-element-arrow-pseudo-after-bottom);left:var(--vv-dropdown-element-arrow-pseudo-after-left);width:var(--vv-dropdown-element-arrow-pseudo-after-width);height:var(--vv-dropdown-element-arrow-pseudo-after-height);border-left:var(--vv-dropdown-element-arrow-pseudo-after-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-after-border-right);border-top:var(--vv-dropdown-element-arrow-pseudo-after-border-top)}:where(.vv-dropdown--rounded.vv-dropdown){--dropdown-border-radius: var(--rounded)}:where(.vv-dropdown--block.vv-dropdown){--vv-dropdown-width: var(--vv-dropdown-modifier-block-width)}:where(.vv-dropdown--bottom.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-bottom-position);top:var(--vv-dropdown-modifier-bottom-top);right:var(--vv-dropdown-modifier-bottom-right);left:var(--vv-dropdown-modifier-bottom-left)}:where(.vv-dropdown--top.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-top-position);left:var(--vv-dropdown-modifier-top-left);right:var(--vv-dropdown-modifier-top-right);bottom:var(--vv-dropdown-modifier-top-bottom)}:where(.vv-dropdown--full-bleed .vv-dropdown__item,.vv-dropdown--full-bleed :is([role=option],[role=presentation])){min-width:var(--vv-dropdown-modifier-full-bleed-element-item-min-width)}:where(.vv-dropdown--dialog.vv-dropdown){--dropdown-border-radius: var(--rounded-lg);--dropdown-custom-position: true;--vv-dropdown-position: var(--vv-dropdown-modifier-dialog-position);--vv-dropdown-display: var(--vv-dropdown-modifier-dialog-display);inset:var(--vv-dropdown-modifier-dialog-inset);--vv-dropdown-width: var(--vv-dropdown-modifier-dialog-width);height:var(--vv-dropdown-modifier-dialog-height);--vv-dropdown-z-index: var(--vv-dropdown-modifier-dialog-z-index);background-color:var(--vv-dropdown-modifier-dialog-background-color);-webkit-backdrop-filter:var(--vv-dropdown-modifier-dialog-backdrop-filter);backdrop-filter:var(--vv-dropdown-modifier-dialog-backdrop-filter);justify-content:var(--vv-dropdown-modifier-dialog-justify-content);align-items:var(--vv-dropdown-modifier-dialog-align-items);padding:var(--vv-dropdown-modifier-dialog-padding);gap:var(--vv-dropdown-modifier-dialog-gap)}:where(.vv-dropdown--dialog .vv-dropdown__list,.vv-dropdown--dialog div:is([role=menu],[role=list-box])){max-width:var(--vv-dropdown-modifier-dialog-element-list-max-width);z-index:var(--vv-dropdown-modifier-dialog-element-list-z-index)}:where(.vv-dropdown--dialog.vv-dropdown--close,.vv-dropdown--dialog.vv-dropdown.close,.vv-dropdown--dialog.vv-dropdown:not([open])){--vv-dropdown-modifier-dialog-display: var(--vv-dropdown-modifier-dialog-state-close-display)}@media (max-width: 575.98px){:where(.vv-dropdown--mobile .vv-dropdown__list,.vv-dropdown--mobile div:is([role=menu],[role=list-box])){z-index:var(--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-z-index);margin-bottom:var(--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-margin-bottom);border-radius:var(--dropdown-border-radius)}}@media (max-width: 575.98px){:where(.vv-dropdown--mobile .vv-dropdown__search){border-radius:var(--dropdown-border-radius)}}@media (max-width: 575.98px){:where(.vv-dropdown--mobile.vv-dropdown){--dropdown-border-radius: var(--rounded-lg);--dropdown-custom-position: true;position:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-position);inset:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-inset);width:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-width);height:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-height);z-index:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-z-index);background-color:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-background-color);-webkit-backdrop-filter:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter);backdrop-filter:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter);justify-content:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-justify-content);padding:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-padding);gap:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-gap)}}:where(.vv-dropdown--fade-block-enter-active,.vv-dropdown--fade-block-leave-active){transition:var(--vv-dropdown-transition-fade-block-active-transition)}:where(.vv-dropdown--fade-block-enter-active .vv-dropdown__list,.vv-dropdown--fade-block-leave-active .vv-dropdown__list,.vv-dropdown--fade-block-enter-active div:is([role=menu],[role=list-box]),.vv-dropdown--fade-block-leave-active div:is([role=menu],[role=list-box])){transition:var(--vv-dropdown-transition-fade-block-active-element-list-transition)}:where(.vv-dropdown--fade-block-enter-active .vv-dropdown__search,.vv-dropdown--fade-block-leave-active .vv-dropdown__search){transition:var(--vv-dropdown-transition-fade-block-active-element-search-transition)}:where(.vv-dropdown--fade-block-enter-from){opacity:var(--vv-dropdown-transition-fade-block-enter-from-opacity)}:where(.vv-dropdown--fade-block-enter-from .vv-dropdown__list,.vv-dropdown--fade-block-enter-from div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-fade-block-enter-from-element-list-translate)}:where(.vv-dropdown--fade-block-enter-from .vv-dropdown__search){translate:var(--vv-dropdown-transition-fade-block-enter-from-element-search-translate)}:where(.vv-dropdown--fade-block-leave-to){opacity:var(--vv-dropdown-transition-fade-block-leave-to-opacity)}:where(.vv-dropdown--fade-block-leave-to .vv-dropdown__list,.vv-dropdown--fade-block-leave-to div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-fade-block-leave-to-element-list-translate)}:where(.vv-dropdown--fade-block-leave-to .vv-dropdown__search){translate:var(--vv-dropdown-transition-fade-block-leave-to-element-search-translate)}:where(.vv-dropdown--mobile-fade-block-enter-active,.vv-dropdown--mobile-fade-block-leave-active){transition:var(--vv-dropdown-transition-mobile-fade-block-active-transition)}:where(.vv-dropdown--mobile-fade-block-enter-active .vv-dropdown__list,.vv-dropdown--mobile-fade-block-leave-active .vv-dropdown__list,.vv-dropdown--mobile-fade-block-enter-active div:is([role=menu],[role=list-box]),.vv-dropdown--mobile-fade-block-leave-active div:is([role=menu],[role=list-box])){transition:var(--vv-dropdown-transition-mobile-fade-block-active-element-list-transition)}:where(.vv-dropdown--mobile-fade-block-enter-active .vv-dropdown__search,.vv-dropdown--mobile-fade-block-leave-active .vv-dropdown__search){transition:var(--vv-dropdown-transition-mobile-fade-block-active-element-search-transition)}:where(.vv-dropdown--mobile-fade-block-enter-from){opacity:var(--vv-dropdown-transition-mobile-fade-block-enter-from-opacity)}@media (max-width: 575.98px){:where(.vv-dropdown--mobile-fade-block-enter-from .vv-dropdown__list,.vv-dropdown--mobile-fade-block-enter-from div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-mobile-fade-block-enter-from-element-list-breakpoint-down-xs-translate)}}@media (max-width: 575.98px){:where(.vv-dropdown--mobile-fade-block-enter-from .vv-dropdown__search){translate:var(--vv-dropdown-transition-mobile-fade-block-enter-from-element-search-breakpoint-down-xs-translate)}}:where(.vv-dropdown--mobile-fade-block-leave-to){opacity:var(--vv-dropdown-transition-mobile-fade-block-leave-to-opacity)}@media (max-width: 575.98px){:where(.vv-dropdown--mobile-fade-block-leave-to .vv-dropdown__list,.vv-dropdown--mobile-fade-block-leave-to div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-mobile-fade-block-leave-to-element-list-breakpoint-down-xs-translate)}}@media (max-width: 575.98px){:where(.vv-dropdown--mobile-fade-block-leave-to .vv-dropdown__search){translate:var(--vv-dropdown-transition-mobile-fade-block-leave-to-element-search-breakpoint-down-xs-translate)}}
1
+ :where(:host,:root,.theme){--vv-dropdown-position: relative;--vv-dropdown-z-index: var(--z-dropdown);--vv-dropdown-display: flex;--vv-dropdown-flex-direction: column;--vv-dropdown-box-shadow: var(--shadow-lg);--vv-dropdown-width: max-content;--vv-dropdown-element-list-background-color: var(--color-surface-1);--vv-dropdown-element-list-overflow: auto;--vv-dropdown-element-list-pseudo--webkit-scrollbar-width: var(--spacing-2);--vv-dropdown-element-list-pseudo--webkit-scrollbar-height: var(--spacing-2);--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-color: var(--color-brand-lighten-4);--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-border: var(--spacing-0) solid transparent;--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-clip: content-box;--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-background-color: transparent;--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-padding: 0;--vv-dropdown-element-item-not-last-border-width: 0 0 var(--border) 0;--vv-dropdown-element-item-not-last-border-color: var(--color-surface-3);--vv-dropdown-element-item-not-last-border-style: solid;--vv-dropdown-element-search-display: block;--vv-dropdown-element-search-min-width: 0;--vv-dropdown-element-search-align-items: center;--vv-dropdown-element-search-min-height: var(--input-min-height);--vv-dropdown-element-search-background-color: var(--color-surface-2);--vv-dropdown-element-search-padding: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-dropdown-element-search-font-size: var(--input-font-size);--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance: none;--vv-dropdown-element-search-pseudo-search-cancel-button-opacity: var(--opacity-0);--vv-dropdown-element-search-pseudo-placeholder-color: var(--color-word-4);--vv-dropdown-element-search-pseudo-placeholder-text-overflow: ellipsis;--vv-dropdown-element-arrow-position: absolute;--vv-dropdown-element-arrow-width: var(--spacing-20);--vv-dropdown-element-arrow-height: var(--spacing-20);--vv-dropdown-element-arrow-z-index: -1;--vv-dropdown-element-arrow-pointer-events: none;--vv-dropdown-element-arrow-border: none;--vv-dropdown-element-arrow-pseudo-before-position: absolute;--vv-dropdown-element-arrow-pseudo-before-top: 0;--vv-dropdown-element-arrow-pseudo-before-left: 0;--vv-dropdown-element-arrow-pseudo-before-width: 0;--vv-dropdown-element-arrow-pseudo-before-height: 0;--vv-dropdown-element-arrow-pseudo-before-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-bottom: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-element-arrow-pseudo-after-position: absolute;--vv-dropdown-element-arrow-pseudo-after-bottom: 0;--vv-dropdown-element-arrow-pseudo-after-left: 0;--vv-dropdown-element-arrow-pseudo-after-width: 0;--vv-dropdown-element-arrow-pseudo-after-height: 0;--vv-dropdown-element-arrow-pseudo-after-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-top: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-modifier-block-width: 100%;--vv-dropdown-modifier-bottom-position: absolute;--vv-dropdown-modifier-bottom-top: 100%;--vv-dropdown-modifier-bottom-right: 0;--vv-dropdown-modifier-bottom-left: 0;--vv-dropdown-modifier-top-position: absolute;--vv-dropdown-modifier-top-left: 0;--vv-dropdown-modifier-top-right: 0;--vv-dropdown-modifier-top-bottom: 100%;--vv-dropdown-modifier-full-bleed-element-item-min-width: 20ch;--vv-dropdown-modifier-dialog-position: fixed;--vv-dropdown-modifier-dialog-display: flex;--vv-dropdown-modifier-dialog-inset: 0;--vv-dropdown-modifier-dialog-width: auto;--vv-dropdown-modifier-dialog-height: auto;--vv-dropdown-modifier-dialog-z-index: var(--z-modal-backdrop);--vv-dropdown-modifier-dialog-background-color: var(--color-backdrop);--vv-dropdown-modifier-dialog-backdrop-filter: var(--blur-sm);--vv-dropdown-modifier-dialog-justify-content: flex-end;--vv-dropdown-modifier-dialog-align-items: center;--vv-dropdown-modifier-dialog-padding: var(--spacing-lg);--vv-dropdown-modifier-dialog-gap: var(--spacing-md);--vv-dropdown-modifier-dialog-state-close-display: none;--vv-dropdown-modifier-dialog-element-list-max-width: max(30dvw, min(40rem, 90dvw));--vv-dropdown-modifier-dialog-element-list-z-index: var(--z-modal);--vv-dropdown-modifier-mobile-breakpoint-down-xs-position: fixed;--vv-dropdown-modifier-mobile-breakpoint-down-xs-inset: 0;--vv-dropdown-modifier-mobile-breakpoint-down-xs-width: auto;--vv-dropdown-modifier-mobile-breakpoint-down-xs-height: auto;--vv-dropdown-modifier-mobile-breakpoint-down-xs-z-index: var(--z-modal-backdrop);--vv-dropdown-modifier-mobile-breakpoint-down-xs-background-color: var(--color-backdrop);--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter: var(--blur-sm);--vv-dropdown-modifier-mobile-breakpoint-down-xs-justify-content: flex-end;--vv-dropdown-modifier-mobile-breakpoint-down-xs-padding: var(--spacing-lg);--vv-dropdown-modifier-mobile-breakpoint-down-xs-gap: var(--spacing-md);--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-z-index: var(--z-modal);--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-margin-bottom: auto;--vv-dropdown-transition-fade-block-active-transition: var(--transition-opacity);--vv-dropdown-transition-fade-block-active-element-list-transition: var(--transition-transform);--vv-dropdown-transition-fade-block-active-element-search-transition: var(--transition-transform);--vv-dropdown-transition-fade-block-enter-from-opacity: var(--opacity-0);--vv-dropdown-transition-fade-block-enter-from-element-list-translate: 0 100%;--vv-dropdown-transition-fade-block-enter-from-element-search-translate: 0 -100%;--vv-dropdown-transition-fade-block-leave-to-opacity: var(--opacity-0);--vv-dropdown-transition-fade-block-leave-to-element-list-translate: 0 100%;--vv-dropdown-transition-fade-block-leave-to-element-search-translate: 0 -100%;--vv-dropdown-transition-mobile-fade-block-active-transition: var(--transition-opacity);--vv-dropdown-transition-mobile-fade-block-active-element-list-transition: var(--transition-transform);--vv-dropdown-transition-mobile-fade-block-active-element-search-transition: var(--transition-transform);--vv-dropdown-transition-mobile-fade-block-enter-from-opacity: var(--opacity-0);--vv-dropdown-transition-mobile-fade-block-enter-from-element-list-breakpoint-down-xs-translate: 0 100%;--vv-dropdown-transition-mobile-fade-block-enter-from-element-search-breakpoint-down-xs-translate: 0 -100%;--vv-dropdown-transition-mobile-fade-block-leave-to-opacity: var(--opacity-0);--vv-dropdown-transition-mobile-fade-block-leave-to-element-list-breakpoint-down-xs-translate: 0 100%;--vv-dropdown-transition-mobile-fade-block-leave-to-element-search-breakpoint-down-xs-translate: 0 -100%}:where(.vv-dropdown){--dropdown-border-radius: 0px;--dropdown-custom-position: false;position:var(--vv-dropdown-position);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);box-shadow:var(--vv-dropdown-box-shadow);width:var(--vv-dropdown-width)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box])){border-radius:var(--dropdown-border-radius);background-color:var(--vv-dropdown-element-list-background-color);overflow:var(--vv-dropdown-element-list-overflow)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar{content:"";width:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-width);height:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-height)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar-thumb{content:"";background-color:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-color);border:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-border);background-clip:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-clip)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar-track{content:"";background-color:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-background-color);padding:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-padding)}:where(.vv-dropdown__item-first,.vv-dropdown :is([role=option],[role=presentation]):first-child){border-top-left-radius:var(--dropdown-border-radius);border-top-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-last,.vv-dropdown :is([role=option],[role=presentation]):last-child){border-bottom-left-radius:var(--dropdown-border-radius);border-bottom-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-not-last,.vv-dropdown :is([role=option],[role=presentation]):not(:last-child)){border-width:var(--vv-dropdown-element-item-not-last-border-width);border-color:var(--vv-dropdown-element-item-not-last-border-color);border-style:var(--vv-dropdown-element-item-not-last-border-style)}:where(.vv-dropdown__search){display:var(--vv-dropdown-element-search-display);min-width:var(--vv-dropdown-element-search-min-width);align-items:var(--vv-dropdown-element-search-align-items);min-height:var(--vv-dropdown-element-search-min-height);background-color:var(--vv-dropdown-element-search-background-color);padding:var(--vv-dropdown-element-search-padding);font-size:var(--vv-dropdown-element-search-font-size)}:where(.vv-dropdown__search)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-search-cancel-button{-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__search)::placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__arrow){position:var(--vv-dropdown-element-arrow-position);width:var(--vv-dropdown-element-arrow-width);height:var(--vv-dropdown-element-arrow-height);z-index:var(--vv-dropdown-element-arrow-z-index);pointer-events:var(--vv-dropdown-element-arrow-pointer-events);border:var(--vv-dropdown-element-arrow-border)}:where(.vv-dropdown__arrow):before{content:"";position:var(--vv-dropdown-element-arrow-pseudo-before-position);top:var(--vv-dropdown-element-arrow-pseudo-before-top);left:var(--vv-dropdown-element-arrow-pseudo-before-left);width:var(--vv-dropdown-element-arrow-pseudo-before-width);height:var(--vv-dropdown-element-arrow-pseudo-before-height);border-left:var(--vv-dropdown-element-arrow-pseudo-before-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-before-border-right);border-bottom:var(--vv-dropdown-element-arrow-pseudo-before-border-bottom)}:where(.vv-dropdown__arrow):after{content:"";position:var(--vv-dropdown-element-arrow-pseudo-after-position);bottom:var(--vv-dropdown-element-arrow-pseudo-after-bottom);left:var(--vv-dropdown-element-arrow-pseudo-after-left);width:var(--vv-dropdown-element-arrow-pseudo-after-width);height:var(--vv-dropdown-element-arrow-pseudo-after-height);border-left:var(--vv-dropdown-element-arrow-pseudo-after-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-after-border-right);border-top:var(--vv-dropdown-element-arrow-pseudo-after-border-top)}:where(.vv-dropdown--rounded.vv-dropdown){--dropdown-border-radius: var(--rounded)}:where(.vv-dropdown--block.vv-dropdown){--vv-dropdown-width: var(--vv-dropdown-modifier-block-width)}:where(.vv-dropdown--bottom.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-bottom-position);top:var(--vv-dropdown-modifier-bottom-top);right:var(--vv-dropdown-modifier-bottom-right);left:var(--vv-dropdown-modifier-bottom-left)}:where(.vv-dropdown--top.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-top-position);left:var(--vv-dropdown-modifier-top-left);right:var(--vv-dropdown-modifier-top-right);bottom:var(--vv-dropdown-modifier-top-bottom)}:where(.vv-dropdown--full-bleed .vv-dropdown__item,.vv-dropdown--full-bleed :is([role=option],[role=presentation])){min-width:var(--vv-dropdown-modifier-full-bleed-element-item-min-width)}:where(.vv-dropdown--dialog.vv-dropdown){--dropdown-border-radius: var(--rounded-lg);--dropdown-custom-position: true;--vv-dropdown-position: var(--vv-dropdown-modifier-dialog-position);--vv-dropdown-display: var(--vv-dropdown-modifier-dialog-display);inset:var(--vv-dropdown-modifier-dialog-inset);--vv-dropdown-width: var(--vv-dropdown-modifier-dialog-width);height:var(--vv-dropdown-modifier-dialog-height);--vv-dropdown-z-index: var(--vv-dropdown-modifier-dialog-z-index);background-color:var(--vv-dropdown-modifier-dialog-background-color);-webkit-backdrop-filter:var(--vv-dropdown-modifier-dialog-backdrop-filter);backdrop-filter:var(--vv-dropdown-modifier-dialog-backdrop-filter);justify-content:var(--vv-dropdown-modifier-dialog-justify-content);align-items:var(--vv-dropdown-modifier-dialog-align-items);padding:var(--vv-dropdown-modifier-dialog-padding);gap:var(--vv-dropdown-modifier-dialog-gap)}:where(.vv-dropdown--dialog .vv-dropdown__list,.vv-dropdown--dialog div:is([role=menu],[role=list-box])){max-width:var(--vv-dropdown-modifier-dialog-element-list-max-width);z-index:var(--vv-dropdown-modifier-dialog-element-list-z-index)}:where(.vv-dropdown--dialog.vv-dropdown--close,.vv-dropdown--dialog.vv-dropdown.close,.vv-dropdown--dialog.vv-dropdown:not([open])){--vv-dropdown-modifier-dialog-display: var(--vv-dropdown-modifier-dialog-state-close-display)}@media(max-width:575.98px){:where(.vv-dropdown--mobile .vv-dropdown__list,.vv-dropdown--mobile div:is([role=menu],[role=list-box])){z-index:var(--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-z-index);margin-bottom:var(--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-margin-bottom);border-radius:var(--dropdown-border-radius)}}@media(max-width:575.98px){:where(.vv-dropdown--mobile .vv-dropdown__search){border-radius:var(--dropdown-border-radius)}}@media(max-width:575.98px){:where(.vv-dropdown--mobile.vv-dropdown){--dropdown-border-radius: var(--rounded-lg);--dropdown-custom-position: true;position:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-position);inset:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-inset);width:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-width);height:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-height);z-index:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-z-index);background-color:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-background-color);-webkit-backdrop-filter:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter);backdrop-filter:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter);justify-content:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-justify-content);padding:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-padding);gap:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-gap)}}:where(.vv-dropdown--fade-block-enter-active,.vv-dropdown--fade-block-leave-active){transition:var(--vv-dropdown-transition-fade-block-active-transition)}:where(.vv-dropdown--fade-block-enter-active .vv-dropdown__list,.vv-dropdown--fade-block-leave-active .vv-dropdown__list,.vv-dropdown--fade-block-enter-active div:is([role=menu],[role=list-box]),.vv-dropdown--fade-block-leave-active div:is([role=menu],[role=list-box])){transition:var(--vv-dropdown-transition-fade-block-active-element-list-transition)}:where(.vv-dropdown--fade-block-enter-active .vv-dropdown__search,.vv-dropdown--fade-block-leave-active .vv-dropdown__search){transition:var(--vv-dropdown-transition-fade-block-active-element-search-transition)}:where(.vv-dropdown--fade-block-enter-from){opacity:var(--vv-dropdown-transition-fade-block-enter-from-opacity)}:where(.vv-dropdown--fade-block-enter-from .vv-dropdown__list,.vv-dropdown--fade-block-enter-from div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-fade-block-enter-from-element-list-translate)}:where(.vv-dropdown--fade-block-enter-from .vv-dropdown__search){translate:var(--vv-dropdown-transition-fade-block-enter-from-element-search-translate)}:where(.vv-dropdown--fade-block-leave-to){opacity:var(--vv-dropdown-transition-fade-block-leave-to-opacity)}:where(.vv-dropdown--fade-block-leave-to .vv-dropdown__list,.vv-dropdown--fade-block-leave-to div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-fade-block-leave-to-element-list-translate)}:where(.vv-dropdown--fade-block-leave-to .vv-dropdown__search){translate:var(--vv-dropdown-transition-fade-block-leave-to-element-search-translate)}:where(.vv-dropdown--mobile-fade-block-enter-active,.vv-dropdown--mobile-fade-block-leave-active){transition:var(--vv-dropdown-transition-mobile-fade-block-active-transition)}:where(.vv-dropdown--mobile-fade-block-enter-active .vv-dropdown__list,.vv-dropdown--mobile-fade-block-leave-active .vv-dropdown__list,.vv-dropdown--mobile-fade-block-enter-active div:is([role=menu],[role=list-box]),.vv-dropdown--mobile-fade-block-leave-active div:is([role=menu],[role=list-box])){transition:var(--vv-dropdown-transition-mobile-fade-block-active-element-list-transition)}:where(.vv-dropdown--mobile-fade-block-enter-active .vv-dropdown__search,.vv-dropdown--mobile-fade-block-leave-active .vv-dropdown__search){transition:var(--vv-dropdown-transition-mobile-fade-block-active-element-search-transition)}:where(.vv-dropdown--mobile-fade-block-enter-from){opacity:var(--vv-dropdown-transition-mobile-fade-block-enter-from-opacity)}@media(max-width:575.98px){:where(.vv-dropdown--mobile-fade-block-enter-from .vv-dropdown__list,.vv-dropdown--mobile-fade-block-enter-from div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-mobile-fade-block-enter-from-element-list-breakpoint-down-xs-translate)}}@media(max-width:575.98px){:where(.vv-dropdown--mobile-fade-block-enter-from .vv-dropdown__search){translate:var(--vv-dropdown-transition-mobile-fade-block-enter-from-element-search-breakpoint-down-xs-translate)}}:where(.vv-dropdown--mobile-fade-block-leave-to){opacity:var(--vv-dropdown-transition-mobile-fade-block-leave-to-opacity)}@media(max-width:575.98px){:where(.vv-dropdown--mobile-fade-block-leave-to .vv-dropdown__list,.vv-dropdown--mobile-fade-block-leave-to div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-mobile-fade-block-leave-to-element-list-breakpoint-down-xs-translate)}}@media(max-width:575.98px){:where(.vv-dropdown--mobile-fade-block-leave-to .vv-dropdown__search){translate:var(--vv-dropdown-transition-mobile-fade-block-leave-to-element-search-breakpoint-down-xs-translate)}}
package/dist/components/vv-input-file.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-input-file-display: var(--input-display);--vv-input-file-flex: var(--input-flex);--vv-input-file-flex-direction: var(--input-flex-direction);--vv-input-file-margin-bottom: var(--input-gap);--vv-input-file-font-size: var(--input-font-size);--vv-input-file-line-height: var(--input-line-height);--vv-input-file-min-width: var(--input-min-width);--vv-input-file-element-label-display: var(--input-label-display);--vv-input-file-element-label-font-size: var(--input-label-font-size);--vv-input-file-element-label-font-weight: var(--input-label-font-weight);--vv-input-file-element-label-color: var(--input-label-color);--vv-input-file-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-input-file-element-label-white-space: var(--input-label-white-space);--vv-input-file-element-label-text-overflow: var(--input-label-text-overflow);--vv-input-file-element-label-overflow: var(--input-label-overflow);--vv-input-file-element-label-max-width: var(--input-label-max-width);--vv-input-file-element-wrapper-position: relative;--vv-input-file-element-wrapper-display: flex;--vv-input-file-element-wrapper-align-items: center;--vv-input-file-element-wrapper-flex: 1;--vv-input-file-element-wrapper-overflow: hidden;--vv-input-file-element-wrapper-background-color: var(--input-background-color);--vv-input-file-element-wrapper-will-change: background-color;--vv-input-file-element-wrapper-transition: var(--transition-colors);--vv-input-file-element-wrapper-pseudo-before-position: absolute;--vv-input-file-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-input-file-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-input-file-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-input-file-element-wrapper-pseudo-after-position: absolute;--vv-input-file-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-input-file-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-input-file-element-wrapper-pseudo-after-background: var(--color-brand);--vv-input-file-element-wrapper-pseudo-after-scale: 0 1;--vv-input-file-element-wrapper-pseudo-after-transform-origin: left;--vv-input-file-element-wrapper-pseudo-after-will-change: transform;--vv-input-file-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-input-file-element-wrapper-state-hover-background-color: var(--input-background-color-hover);--vv-input-file-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale: 1;--vv-input-file-element-inner-position: relative;--vv-input-file-element-inner-display: flex;--vv-input-file-element-inner-flex: 1;--vv-input-file-element-inner-min-width: 0;--vv-input-file-element-input-flex: 1;--vv-input-file-element-input-white-space: nowrap;--vv-input-file-element-input-cursor: pointer;--vv-input-file-element-input-color: var(--input-color);--vv-input-file-element-input-min-width: 0;--vv-input-file-element-input-min-height: var(--input-min-height);--vv-input-file-element-input-display: flex;--vv-input-file-element-input-align-items: center;--vv-input-file-element-input-text-overflow: var(--input-text-overflow);--vv-input-file-element-input-pseudo-file-selector-button-appearance: none;--vv-input-file-element-input-pseudo-file-selector-button-border: none;--vv-input-file-element-input-pseudo-file-selector-button-background: transparent;--vv-input-file-element-input-pseudo-file-selector-button-cursor: pointer;--vv-input-file-element-input-pseudo-file-selector-button-text-decoration: underline;--vv-input-file-element-input-pseudo-file-selector-button-color: var(--input-color);--vv-input-file-element-input-pseudo-file-selector-button-min-height: var(--input-min-height);--vv-input-file-element-input-state-disabled-cursor: not-allowed;--vv-input-file-element-input-state-readonly-cursor: text;--vv-input-file-element-input-state-readonly-user-select: text;--vv-input-file-element-input-state-readonly-pointer-events: none;--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity: var(--opacity-50);--vv-input-file-element-input-before-display: flex;--vv-input-file-element-input-before-padding-left: var(--input-spacing-left);--vv-input-file-element-input-after-display: flex;--vv-input-file-element-input-after-padding-right: var(--input-spacing-right);--vv-input-file-element-icon-position: var(--input-icon-position);--vv-input-file-element-icon-top: 0;--vv-input-file-element-icon-left: 0;--vv-input-file-element-icon-width: var(--input-icon-width);--vv-input-file-element-icon-height: var(--input-min-height);--vv-input-file-element-icon-margin: var(--input-icon-margin);--vv-input-file-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-file-element-icon-flex-shrink: 0;--vv-input-file-element-icon-after-position: var(--input-icon-position);--vv-input-file-element-icon-after-right: 0;--vv-input-file-element-icon-after-left: auto;--vv-input-file-element-hint-display: var(--input-hint-display);--vv-input-file-element-hint-font-size: var(--input-hint-font-size);--vv-input-file-element-hint-color: var(--input-hint-color);--vv-input-file-element-hint-padding-top: var(--input-hint-gap);--vv-input-file-element-hint-padding-inline: var(--spacing-xs);--vv-input-file-element-hint-white-space: var(--input-hint-white-space);--vv-input-file-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-file-element-hint-overflow: var(--input-hint-overflow);--vv-input-file-element-drop-area-position: relative;--vv-input-file-element-drop-area-background-color: var(--input-background-color);--vv-input-file-element-drop-area-color: var(--input-hint-color);--vv-input-file-element-drop-area-min-height: var(--spacing-100);--vv-input-file-element-drop-area-padding: var(--spacing-16);--vv-input-file-element-drop-area-display: flex;--vv-input-file-element-drop-area-text-align: center;--vv-input-file-element-drop-area-align-items: center;--vv-input-file-element-drop-area-justify-content: center;--vv-input-file-element-drop-area-margin-bottom: var(--input-label-gap);--vv-input-file-element-drop-area-cursor: pointer;--vv-input-file-element-drop-area-transition: var(--transition-all);--vv-input-file-element-drop-area-overflow: hidden;--vv-input-file-element-drop-area-text-overflow: ellipsis;--vv-input-file-element-drop-area-pseudo-after-position: absolute;--vv-input-file-element-drop-area-pseudo-after-inset: 0;--vv-input-file-element-drop-area-pseudo-after-opacity: var(--opacity-100);--vv-input-file-element-drop-area-pseudo-after-border-width: var(--border-2);--vv-input-file-element-drop-area-pseudo-after-border-style: dashed;--vv-input-file-element-drop-area-pseudo-after-border-color: var(--color-word-5);--vv-input-file-element-drop-area-pseudo-after-transition: var(--transition-all);--vv-input-file-element-drop-area-state-hover-background-color: var(--color-surface-2);--vv-input-file-element-drop-area-state-hover-color: var(--input-color);--vv-input-file-element-drop-area-action-position: absolute;--vv-input-file-element-drop-area-action-top: var(--spacing-8);--vv-input-file-element-drop-area-action-right: var(--spacing-8);--vv-input-file-element-drop-area-action-z-index: var(--z-1);--vv-input-file-element-preview-position: absolute;--vv-input-file-element-preview-display: flex;--vv-input-file-element-preview-inset: var(--spacing-4);--vv-input-file-element-preview-font-size: var(--text-xl);--vv-input-file-element-preview-align-items: center;--vv-input-file-element-preview-justify-content: center;--vv-input-file-element-preview-object-fit: contain;--vv-input-file-element-preview-object-position: center;--vv-input-file-element-preview-background: var(--bg-chessboard);--vv-input-file-element-preview-overflow: hidden;--vv-input-file-element-progress-position: absolute;--vv-input-file-element-progress-width: 100%;--vv-input-file-element-progress-height: var(--border-2);--vv-input-file-element-progress-bottom: 0;--vv-input-file-element-progress-left: 0;--vv-input-file-element-progress-z-index: var(--z-1);--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color: transparent;--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color: var(--color-brand);--vv-input-file-element-progress-pseudo--moz-progress-bar-transition: var(--transition-all);--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color: var(--color-brand);--vv-input-file-element-progress-pseudo--webkit-progress-value-transition: var(--transition-all);--vv-input-file-element-list-display: flex;--vv-input-file-element-list-flex-direction: column;--vv-input-file-element-list-gap: var(--input-label-gap);--vv-input-file-element-list-margin-top: var(--input-label-gap);--vv-input-file-element-list-state-empty-display: none;--vv-input-file-element-item-position: relative;--vv-input-file-element-item-overflow: hidden;--vv-input-file-element-item-display: flex;--vv-input-file-element-item-font-size: var(--input-label-font-size);--vv-input-file-element-item-align-items: center;--vv-input-file-element-item-gap: var(--spacing-8);--vv-input-file-element-item-background-color: var(--input-background-color);--vv-input-file-element-item-padding: var(--spacing-8);--vv-input-file-element-item-state-active-background-color: var(--color-surface-2);--vv-input-file-element-item-name-white-space: nowrap;--vv-input-file-element-item-name-text-overflow: ellipsis;--vv-input-file-element-item-name-overflow: hidden;--vv-input-file-element-item-info-font-size: smaller;--vv-input-file-element-item-info-white-space: nowrap;--vv-input-file-element-item-info-color: var(--color-word-5);--vv-input-file-element-item-info-align-self: flex-end;--vv-input-file-element-item-link-white-space: nowrap;--vv-input-file-element-item-link-text-overflow: ellipsis;--vv-input-file-element-item-link-overflow: hidden;--vv-input-file-element-item-link-cursor: pointer;--vv-input-file-element-item-link-text-decoration: underline;--vv-input-file-element-item-icon-flex-shrink: 0;--vv-input-file-element-item-action-flex-shrink: 0;--vv-input-file-element-item-action-cursor: pointer;--vv-input-file-element-item-remove-flex-shrink: 0;--vv-input-file-element-item-remove-cursor: pointer;--vv-input-file-element-item-remove-background-image: var(--bg-close);--vv-input-file-element-item-remove-width: 1.4em;--vv-input-file-element-item-remove-height: 1.4em;--vv-input-file-element-item-remove-background-size: .8em;--vv-input-file-element-item-remove-background-repeat: no-repeat;--vv-input-file-element-item-remove-background-position: center;--vv-input-file-element-item-remove-border-radius: var(--rounded-full);--vv-input-file-element-item-remove-background-color: var(--color-surface-3);--vv-input-file-element-item-remove-margin-inline-start: auto;--vv-input-file-element-item-remove-transition: var(--transition-colors);--vv-input-file-element-item-remove-state-hover-background-color: var(--color-surface-4);--vv-input-file-element-item-remove-state-active-background-color: var(--color-surface-5);--vv-input-file-element-item-remove-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-input-file-element-item-remove-state-disabled-cursor: not-allowed;--vv-input-file-element-item-remove-state-disabled-opacity: var(--opacity-50);--vv-input-file-modifier-icon-after-element-limit-margin-left: calc((var(--spacing-sm) + 1em) * -1);--vv-input-file-modifier-with-progress-element-drop-area-cursor: not-allowed;--vv-input-file-modifier-with-progress-element-drop-area-height: var(--spacing-2);--vv-input-file-modifier-with-progress-element-drop-area-min-height: 0;--vv-input-file-modifier-with-progress-element-drop-area-padding-block: 0;--vv-input-file-modifier-with-progress-element-drop-area-color: var(--color-transparent);--vv-input-file-modifier-with-progress-element-drop-area-background-color: var(--color-surface-3);--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity: var(--opacity-0);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale: 1;--vv-input-file-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-limit-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-icon-after-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color: var(--input-valid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale: 1;--vv-input-file-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-icon-after-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color: var(--input-invalid-color);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color: var(--color-brand);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation: var(--animation-clippath);--vv-input-file-modifier-hidden-element-wrapper-display: none;--vv-input-file-modifier-hidden-element-drop-area-margin-bottom: var(--spacing-0);--vv-input-file-modifier-dragging-element-drop-area-background-color: var(--color-surface-2);--vv-input-file-modifier-dragging-element-drop-area-color: var(--input-color);--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color: var(--color-brand);--vv-input-file-modifier-square-element-drop-area-aspect-ratio: var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-aspect-ratio: var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-border-radius: var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius: var(--rounded-full);--vv-input-file-modifier-circle-element-preview-border-radius: var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-action-position: relative;--vv-input-file-modifier-circle-element-drop-area-action-top: auto;--vv-input-file-modifier-circle-element-drop-area-action-right: auto;--vv-input-file-state-disabled-opacity: var(--opacity-50);--vv-input-file-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-cursor: not-allowed;--vv-input-file-state-disabled-element-drop-area-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-color: var(--input-hint-color);--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-input-file-state-readonly-element-drop-area-display: none}:where(.vv-input-file){display:var(--vv-input-file-display);flex:var(--vv-input-file-flex);flex-direction:var(--vv-input-file-flex-direction);margin-bottom:var(--vv-input-file-margin-bottom);font-size:var(--vv-input-file-font-size);line-height:var(--vv-input-file-line-height);min-width:var(--vv-input-file-min-width)}:where(.vv-input-file__label,.vv-input-file>label){display:var(--vv-input-file-element-label-display);font-size:var(--vv-input-file-element-label-font-size);font-weight:var(--vv-input-file-element-label-font-weight);color:var(--vv-input-file-element-label-color);margin:var(--vv-input-file-element-label-margin);white-space:var(--vv-input-file-element-label-white-space);text-overflow:var(--vv-input-file-element-label-text-overflow);overflow:var(--vv-input-file-element-label-overflow);max-width:var(--vv-input-file-element-label-max-width)}:where(.vv-input-file__wrapper){position:var(--vv-input-file-element-wrapper-position);display:var(--vv-input-file-element-wrapper-display);align-items:var(--vv-input-file-element-wrapper-align-items);flex:var(--vv-input-file-element-wrapper-flex);overflow:var(--vv-input-file-element-wrapper-overflow);background-color:var(--vv-input-file-element-wrapper-background-color);will-change:var(--vv-input-file-element-wrapper-will-change);transition:var(--vv-input-file-element-wrapper-transition)}:where(.vv-input-file__wrapper):before{content:"";position:var(--vv-input-file-element-wrapper-pseudo-before-position);height:var(--vv-input-file-element-wrapper-pseudo-before-height);inset:var(--vv-input-file-element-wrapper-pseudo-before-inset);background:var(--vv-input-file-element-wrapper-pseudo-before-background)}:where(.vv-input-file__wrapper):after{content:"";position:var(--vv-input-file-element-wrapper-pseudo-after-position);height:var(--vv-input-file-element-wrapper-pseudo-after-height);inset:var(--vv-input-file-element-wrapper-pseudo-after-inset);background:var(--vv-input-file-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-input-file-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-file-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-file-element-wrapper-pseudo-after-transition)}:where(.vv-input-file__wrapper--hover,.vv-input-file__wrapper.hover,.vv-input-file__wrapper:not([disabled]):hover){--vv-input-file-element-wrapper-background-color: var(--vv-input-file-element-wrapper-state-hover-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within){--vv-input-file-element-wrapper-background-color: var(--vv-input-file-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within):after{--vv-input-file-element-wrapper-pseudo-after-scale: var(--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-file__inner){position:var(--vv-input-file-element-inner-position);display:var(--vv-input-file-element-inner-display);flex:var(--vv-input-file-element-inner-flex);min-width:var(--vv-input-file-element-inner-min-width)}:where(.vv-input-file__input,.vv-input-file input[type=file]){flex:var(--vv-input-file-element-input-flex);white-space:var(--vv-input-file-element-input-white-space);cursor:var(--vv-input-file-element-input-cursor);color:var(--vv-input-file-element-input-color);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-file-element-input-min-width);min-height:var(--vv-input-file-element-input-min-height);display:var(--vv-input-file-element-input-display);align-items:var(--vv-input-file-element-input-align-items);text-overflow:var(--vv-input-file-element-input-text-overflow)}:where(.vv-input-file__input,.vv-input-file input[type=file])::file-selector-button{content:"";-webkit-appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);-moz-appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);border:var(--vv-input-file-element-input-pseudo-file-selector-button-border);background:var(--vv-input-file-element-input-pseudo-file-selector-button-background);cursor:var(--vv-input-file-element-input-pseudo-file-selector-button-cursor);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);color:var(--vv-input-file-element-input-pseudo-file-selector-button-color);min-height:var(--vv-input-file-element-input-pseudo-file-selector-button-min-height)}:where(.vv-input-file__input--disabled,.vv-input-file__input.disabled,.vv-input-file input[type=file].disabled,.vv-input-file__input[disabled],.vv-input-file input[type=file][disabled],.vv-input-file__input[aria-disabled=true],.vv-input-file input[type=file][aria-disabled=true]){--vv-input-file-element-input-cursor: var(--vv-input-file-element-input-state-disabled-cursor)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly]){--vv-input-file-element-input-cursor: var(--vv-input-file-element-input-state-readonly-cursor);-webkit-user-select:var(--vv-input-file-element-input-state-readonly-user-select);-moz-user-select:var(--vv-input-file-element-input-state-readonly-user-select);user-select:var(--vv-input-file-element-input-state-readonly-user-select);pointer-events:var(--vv-input-file-element-input-state-readonly-pointer-events)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly])::file-selector-button{opacity:var(--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity)}:where(.vv-input-file__input-before){display:var(--vv-input-file-element-input-before-display);padding-left:var(--vv-input-file-element-input-before-padding-left)}:where(.vv-input-file__input-after){display:var(--vv-input-file-element-input-after-display);padding-right:var(--vv-input-file-element-input-after-padding-right)}:where(.vv-input-file__icon,.vv-input-file>div>:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-position);top:var(--vv-input-file-element-icon-top);left:var(--vv-input-file-element-icon-left);width:var(--vv-input-file-element-icon-width);height:var(--vv-input-file-element-icon-height);margin:var(--vv-input-file-element-icon-margin);pointer-events:var(--vv-input-file-element-icon-pointer-events);flex-shrink:var(--vv-input-file-element-icon-flex-shrink)}:where(.vv-input-file__icon-after,.vv-input-file input+:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-after-position);right:var(--vv-input-file-element-icon-after-right);left:var(--vv-input-file-element-icon-after-left)}:where(.vv-input-file__hint,.vv-input-file>small){display:var(--vv-input-file-element-hint-display);font-size:var(--vv-input-file-element-hint-font-size);color:var(--vv-input-file-element-hint-color);padding-top:var(--vv-input-file-element-hint-padding-top);padding-inline:var(--vv-input-file-element-hint-padding-inline);white-space:var(--vv-input-file-element-hint-white-space);text-overflow:var(--vv-input-file-element-hint-text-overflow);overflow:var(--vv-input-file-element-hint-overflow)}:where(.vv-input-file__drop-area){position:var(--vv-input-file-element-drop-area-position);background-color:var(--vv-input-file-element-drop-area-background-color);color:var(--vv-input-file-element-drop-area-color);min-height:var(--vv-input-file-element-drop-area-min-height);padding:var(--vv-input-file-element-drop-area-padding);display:var(--vv-input-file-element-drop-area-display);text-align:var(--vv-input-file-element-drop-area-text-align);align-items:var(--vv-input-file-element-drop-area-align-items);justify-content:var(--vv-input-file-element-drop-area-justify-content);margin-bottom:var(--vv-input-file-element-drop-area-margin-bottom);cursor:var(--vv-input-file-element-drop-area-cursor);transition:var(--vv-input-file-element-drop-area-transition);overflow:var(--vv-input-file-element-drop-area-overflow);text-overflow:var(--vv-input-file-element-drop-area-text-overflow)}:where(.vv-input-file__drop-area):after{content:"";position:var(--vv-input-file-element-drop-area-pseudo-after-position);inset:var(--vv-input-file-element-drop-area-pseudo-after-inset);opacity:var(--vv-input-file-element-drop-area-pseudo-after-opacity);border-width:var(--vv-input-file-element-drop-area-pseudo-after-border-width);border-style:var(--vv-input-file-element-drop-area-pseudo-after-border-style);border-color:var(--vv-input-file-element-drop-area-pseudo-after-border-color);transition:var(--vv-input-file-element-drop-area-pseudo-after-transition)}:where(.vv-input-file__drop-area--hover,.vv-input-file__drop-area.hover,.vv-input-file__drop-area:not([disabled]):hover){--vv-input-file-element-drop-area-background-color: var(--vv-input-file-element-drop-area-state-hover-background-color);--vv-input-file-element-drop-area-color: var(--vv-input-file-element-drop-area-state-hover-color)}:where(.vv-input-file__drop-area-action){position:var(--vv-input-file-element-drop-area-action-position);top:var(--vv-input-file-element-drop-area-action-top);right:var(--vv-input-file-element-drop-area-action-right);z-index:var(--vv-input-file-element-drop-area-action-z-index)}:where(.vv-input-file__preview){position:var(--vv-input-file-element-preview-position);display:var(--vv-input-file-element-preview-display);inset:var(--vv-input-file-element-preview-inset);font-size:var(--vv-input-file-element-preview-font-size);align-items:var(--vv-input-file-element-preview-align-items);justify-content:var(--vv-input-file-element-preview-justify-content);-o-object-fit:var(--vv-input-file-element-preview-object-fit);object-fit:var(--vv-input-file-element-preview-object-fit);-o-object-position:var(--vv-input-file-element-preview-object-position);object-position:var(--vv-input-file-element-preview-object-position);background:var(--vv-input-file-element-preview-background);overflow:var(--vv-input-file-element-preview-overflow)}:where(.vv-input-file__progress){position:var(--vv-input-file-element-progress-position);width:var(--vv-input-file-element-progress-width);height:var(--vv-input-file-element-progress-height);bottom:var(--vv-input-file-element-progress-bottom);left:var(--vv-input-file-element-progress-left);z-index:var(--vv-input-file-element-progress-z-index)}:where(.vv-input-file__progress)::-webkit-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-input-file__progress)::-moz-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color);-moz-transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition);transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition)}:where(.vv-input-file__progress)::-webkit-progress-value{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color);-webkit-transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition);transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition)}:where(.vv-input-file__list){display:var(--vv-input-file-element-list-display);flex-direction:var(--vv-input-file-element-list-flex-direction);gap:var(--vv-input-file-element-list-gap);margin-top:var(--vv-input-file-element-list-margin-top)}:where(.vv-input-file__list--empty,.vv-input-file__list.empty,.vv-input-file__list:not([disabled]):empty){--vv-input-file-element-list-display: var(--vv-input-file-element-list-state-empty-display)}:where(.vv-input-file__item){position:var(--vv-input-file-element-item-position);overflow:var(--vv-input-file-element-item-overflow);display:var(--vv-input-file-element-item-display);font-size:var(--vv-input-file-element-item-font-size);align-items:var(--vv-input-file-element-item-align-items);gap:var(--vv-input-file-element-item-gap);background-color:var(--vv-input-file-element-item-background-color);padding:var(--vv-input-file-element-item-padding)}:where(.vv-input-file__item--active,.vv-input-file__item.active,.vv-input-file__item:not([disabled]):active){--vv-input-file-element-item-background-color: var(--vv-input-file-element-item-state-active-background-color)}:where(.vv-input-file__item-name){white-space:var(--vv-input-file-element-item-name-white-space);text-overflow:var(--vv-input-file-element-item-name-text-overflow);overflow:var(--vv-input-file-element-item-name-overflow)}:where(.vv-input-file__item-info){font-size:var(--vv-input-file-element-item-info-font-size);white-space:var(--vv-input-file-element-item-info-white-space);color:var(--vv-input-file-element-item-info-color);align-self:var(--vv-input-file-element-item-info-align-self)}:where(.vv-input-file__item-link){white-space:var(--vv-input-file-element-item-link-white-space);text-overflow:var(--vv-input-file-element-item-link-text-overflow);overflow:var(--vv-input-file-element-item-link-overflow);cursor:var(--vv-input-file-element-item-link-cursor);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);text-decoration:var(--vv-input-file-element-item-link-text-decoration)}:where(.vv-input-file__item-icon){flex-shrink:var(--vv-input-file-element-item-icon-flex-shrink)}:where(.vv-input-file__item-action){flex-shrink:var(--vv-input-file-element-item-action-flex-shrink);cursor:var(--vv-input-file-element-item-action-cursor)}:where(.vv-input-file__item-remove){flex-shrink:var(--vv-input-file-element-item-remove-flex-shrink);cursor:var(--vv-input-file-element-item-remove-cursor);background-image:var(--vv-input-file-element-item-remove-background-image);width:var(--vv-input-file-element-item-remove-width);height:var(--vv-input-file-element-item-remove-height);background-size:var(--vv-input-file-element-item-remove-background-size);background-repeat:var(--vv-input-file-element-item-remove-background-repeat);background-position:var(--vv-input-file-element-item-remove-background-position);border-radius:var(--vv-input-file-element-item-remove-border-radius);background-color:var(--vv-input-file-element-item-remove-background-color);margin-inline-start:var(--vv-input-file-element-item-remove-margin-inline-start);transition:var(--vv-input-file-element-item-remove-transition)}:where(.vv-input-file__item-remove--hover,.vv-input-file__item-remove.hover,.vv-input-file__item-remove:not([disabled]):hover){--vv-input-file-element-item-remove-background-color: var(--vv-input-file-element-item-remove-state-hover-background-color)}:where(.vv-input-file__item-remove--active,.vv-input-file__item-remove.active,.vv-input-file__item-remove:not([disabled]):active){--vv-input-file-element-item-remove-background-color: var(--vv-input-file-element-item-remove-state-active-background-color)}:where(.vv-input-file__item-remove--focus-visible,.vv-input-file__item-remove.focus-visible,.vv-input-file__item-remove:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-input-file-element-item-remove-state-focus-visible-outline)}:where(.vv-input-file__item-remove--disabled,.vv-input-file__item-remove.disabled,.vv-input-file__item-remove[disabled],.vv-input-file__item-remove[aria-disabled=true]){--vv-input-file-element-item-remove-cursor: var(--vv-input-file-element-item-remove-state-disabled-cursor);opacity:var(--vv-input-file-element-item-remove-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled])),:where(.vv-input-file--disabled,.vv-input-file.disabled,.vv-input-file[disabled],.vv-input-file[aria-disabled=true]){opacity:var(--vv-input-file-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:hover),:where(.vv-input-file--disabled .vv-input-file__wrapper--hover,.vv-input-file--disabled .vv-input-file__wrapper.hover,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.disabled .vv-input-file__wrapper--hover,.vv-input-file.disabled .vv-input-file__wrapper.hover,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[disabled] .vv-input-file__wrapper--hover,.vv-input-file[disabled] .vv-input-file__wrapper.hover,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--disabled .vv-input-file__wrapper--focus-within,.vv-input-file--disabled .vv-input-file__wrapper.focus-within,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.disabled .vv-input-file__wrapper--focus-within,.vv-input-file.disabled .vv-input-file__wrapper.focus-within,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[disabled] .vv-input-file__wrapper--focus-within,.vv-input-file[disabled] .vv-input-file__wrapper.focus-within,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__drop-area),:where(.vv-input-file--disabled .vv-input-file__drop-area,.vv-input-file.disabled .vv-input-file__drop-area,.vv-input-file[disabled] .vv-input-file__drop-area,.vv-input-file[aria-disabled=true] .vv-input-file__drop-area){cursor:var(--vv-input-file-state-disabled-element-drop-area-cursor);background-color:var(--vv-input-file-state-disabled-element-drop-area-background-color);color:var(--vv-input-file-state-disabled-element-drop-area-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):before,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):before{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):after,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:hover),:where(.vv-input-file--readonly .vv-input-file__wrapper--hover,.vv-input-file--readonly .vv-input-file__wrapper.hover,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.readonly .vv-input-file__wrapper--hover,.vv-input-file.readonly .vv-input-file__wrapper.hover,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[readonly] .vv-input-file__wrapper--hover,.vv-input-file[readonly] .vv-input-file__wrapper.hover,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--readonly .vv-input-file__wrapper--focus-within,.vv-input-file--readonly .vv-input-file__wrapper.focus-within,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.readonly .vv-input-file__wrapper--focus-within,.vv-input-file.readonly .vv-input-file__wrapper.focus-within,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[readonly] .vv-input-file__wrapper--focus-within,.vv-input-file[readonly] .vv-input-file__wrapper.focus-within,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__drop-area),:where(.vv-input-file--readonly .vv-input-file__drop-area,.vv-input-file.readonly .vv-input-file__drop-area,.vv-input-file[readonly] .vv-input-file__drop-area){display:var(--vv-input-file-state-readonly-element-drop-area-display)}:where(.vv-input-file--icon-before.vv-input-file){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after.vv-input-file){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after .vv-input-file__limit){margin-left:var(--vv-input-file-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-file--with-progress .vv-input-file__drop-area){cursor:var(--vv-input-file-modifier-with-progress-element-drop-area-cursor);height:var(--vv-input-file-modifier-with-progress-element-drop-area-height);min-height:var(--vv-input-file-modifier-with-progress-element-drop-area-min-height);padding-block:var(--vv-input-file-modifier-with-progress-element-drop-area-padding-block);color:var(--vv-input-file-modifier-with-progress-element-drop-area-color);background-color:var(--vv-input-file-modifier-with-progress-element-drop-area-background-color)}:where(.vv-input-file--with-progress .vv-input-file__drop-area):after{content:"";opacity:var(--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity)}:where(.vv-input-file--valid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--valid .vv-input-file__hint,.vv-input-file--valid>small){color:var(--vv-input-file-modifier-valid-element-hint-color)}:where(.vv-input-file--valid .vv-input-file__limit){color:var(--vv-input-file-modifier-valid-element-limit-color)}:where(.vv-input-file--valid .vv-input-file__icon-after,.vv-input-file--valid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-valid-element-icon-after-color)}:where(.vv-input-file--valid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--invalid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--invalid .vv-input-file__hint,.vv-input-file--invalid>small){color:var(--vv-input-file-modifier-invalid-element-hint-color)}:where(.vv-input-file--invalid .vv-input-file__limit){color:var(--vv-input-file-modifier-invalid-element-limit-color)}:where(.vv-input-file--invalid .vv-input-file__icon-after,.vv-input-file--invalid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-invalid-element-icon-after-color)}:where(.vv-input-file--invalid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--loading .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-file--loading .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color);animation:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation)}:where(.vv-input-file--hidden .vv-input-file__wrapper){display:var(--vv-input-file-modifier-hidden-element-wrapper-display)}:where(.vv-input-file--hidden .vv-input-file__drop-area){margin-bottom:var(--vv-input-file-modifier-hidden-element-drop-area-margin-bottom)}:where(.vv-input-file--dragging .vv-input-file__drop-area){background-color:var(--vv-input-file-modifier-dragging-element-drop-area-background-color);color:var(--vv-input-file-modifier-dragging-element-drop-area-color)}:where(.vv-input-file--dragging .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--square .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-square-element-drop-area-aspect-ratio)}:where(.vv-input-file--circle .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-circle-element-drop-area-aspect-ratio);border-radius:var(--vv-input-file-modifier-circle-element-drop-area-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area):after{content:"";border-radius:var(--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius)}:where(.vv-input-file--circle .vv-input-file__preview){border-radius:var(--vv-input-file-modifier-circle-element-preview-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area-action){position:var(--vv-input-file-modifier-circle-element-drop-area-action-position);top:var(--vv-input-file-modifier-circle-element-drop-area-action-top);right:var(--vv-input-file-modifier-circle-element-drop-area-action-right)}
1
+ :where(:host,:root,.theme){--vv-input-file-display: var(--input-display);--vv-input-file-flex: var(--input-flex);--vv-input-file-flex-direction: var(--input-flex-direction);--vv-input-file-margin-bottom: var(--input-gap);--vv-input-file-font-size: var(--input-font-size);--vv-input-file-line-height: var(--input-line-height);--vv-input-file-min-width: var(--input-min-width);--vv-input-file-element-label-display: var(--input-label-display);--vv-input-file-element-label-font-size: var(--input-label-font-size);--vv-input-file-element-label-font-weight: var(--input-label-font-weight);--vv-input-file-element-label-color: var(--input-label-color);--vv-input-file-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-input-file-element-label-white-space: var(--input-label-white-space);--vv-input-file-element-label-text-overflow: var(--input-label-text-overflow);--vv-input-file-element-label-overflow: var(--input-label-overflow);--vv-input-file-element-label-max-width: var(--input-label-max-width);--vv-input-file-element-wrapper-position: relative;--vv-input-file-element-wrapper-display: flex;--vv-input-file-element-wrapper-align-items: center;--vv-input-file-element-wrapper-flex: 1;--vv-input-file-element-wrapper-overflow: hidden;--vv-input-file-element-wrapper-background-color: var(--input-background-color);--vv-input-file-element-wrapper-will-change: background-color;--vv-input-file-element-wrapper-transition: var(--transition-colors);--vv-input-file-element-wrapper-pseudo-before-position: absolute;--vv-input-file-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-input-file-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-input-file-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-input-file-element-wrapper-pseudo-after-position: absolute;--vv-input-file-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-input-file-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-input-file-element-wrapper-pseudo-after-background: var(--color-brand);--vv-input-file-element-wrapper-pseudo-after-scale: 0 1;--vv-input-file-element-wrapper-pseudo-after-transform-origin: left;--vv-input-file-element-wrapper-pseudo-after-will-change: transform;--vv-input-file-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-input-file-element-wrapper-state-hover-background-color: var(--input-background-color-hover);--vv-input-file-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale: 1;--vv-input-file-element-inner-position: relative;--vv-input-file-element-inner-display: flex;--vv-input-file-element-inner-flex: 1;--vv-input-file-element-inner-min-width: 0;--vv-input-file-element-input-flex: 1;--vv-input-file-element-input-white-space: nowrap;--vv-input-file-element-input-cursor: pointer;--vv-input-file-element-input-color: var(--input-color);--vv-input-file-element-input-min-width: 0;--vv-input-file-element-input-min-height: var(--input-min-height);--vv-input-file-element-input-display: flex;--vv-input-file-element-input-align-items: center;--vv-input-file-element-input-text-overflow: var(--input-text-overflow);--vv-input-file-element-input-pseudo-file-selector-button-appearance: none;--vv-input-file-element-input-pseudo-file-selector-button-border: none;--vv-input-file-element-input-pseudo-file-selector-button-background: transparent;--vv-input-file-element-input-pseudo-file-selector-button-cursor: pointer;--vv-input-file-element-input-pseudo-file-selector-button-text-decoration: underline;--vv-input-file-element-input-pseudo-file-selector-button-color: var(--input-color);--vv-input-file-element-input-pseudo-file-selector-button-min-height: var(--input-min-height);--vv-input-file-element-input-state-disabled-cursor: not-allowed;--vv-input-file-element-input-state-readonly-cursor: text;--vv-input-file-element-input-state-readonly-user-select: text;--vv-input-file-element-input-state-readonly-pointer-events: none;--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity: var(--opacity-50);--vv-input-file-element-input-before-display: flex;--vv-input-file-element-input-before-padding-left: var(--input-spacing-left);--vv-input-file-element-input-after-display: flex;--vv-input-file-element-input-after-padding-right: var(--input-spacing-right);--vv-input-file-element-icon-position: var(--input-icon-position);--vv-input-file-element-icon-top: 0;--vv-input-file-element-icon-left: 0;--vv-input-file-element-icon-width: var(--input-icon-width);--vv-input-file-element-icon-height: var(--input-min-height);--vv-input-file-element-icon-margin: var(--input-icon-margin);--vv-input-file-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-file-element-icon-flex-shrink: 0;--vv-input-file-element-icon-after-position: var(--input-icon-position);--vv-input-file-element-icon-after-right: 0;--vv-input-file-element-icon-after-left: auto;--vv-input-file-element-hint-display: var(--input-hint-display);--vv-input-file-element-hint-font-size: var(--input-hint-font-size);--vv-input-file-element-hint-color: var(--input-hint-color);--vv-input-file-element-hint-padding-top: var(--input-hint-gap);--vv-input-file-element-hint-padding-inline: var(--spacing-xs);--vv-input-file-element-hint-white-space: var(--input-hint-white-space);--vv-input-file-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-file-element-hint-overflow: var(--input-hint-overflow);--vv-input-file-element-drop-area-position: relative;--vv-input-file-element-drop-area-background-color: var(--input-background-color);--vv-input-file-element-drop-area-color: var(--input-hint-color);--vv-input-file-element-drop-area-min-height: var(--spacing-100);--vv-input-file-element-drop-area-padding: var(--spacing-16);--vv-input-file-element-drop-area-display: flex;--vv-input-file-element-drop-area-text-align: center;--vv-input-file-element-drop-area-align-items: center;--vv-input-file-element-drop-area-justify-content: center;--vv-input-file-element-drop-area-margin-bottom: var(--input-label-gap);--vv-input-file-element-drop-area-cursor: pointer;--vv-input-file-element-drop-area-transition: var(--transition-all);--vv-input-file-element-drop-area-overflow: hidden;--vv-input-file-element-drop-area-text-overflow: ellipsis;--vv-input-file-element-drop-area-pseudo-after-position: absolute;--vv-input-file-element-drop-area-pseudo-after-inset: 0;--vv-input-file-element-drop-area-pseudo-after-opacity: var(--opacity-100);--vv-input-file-element-drop-area-pseudo-after-border-width: var(--border-2);--vv-input-file-element-drop-area-pseudo-after-border-style: dashed;--vv-input-file-element-drop-area-pseudo-after-border-color: var(--color-word-5);--vv-input-file-element-drop-area-pseudo-after-transition: var(--transition-all);--vv-input-file-element-drop-area-state-hover-background-color: var(--color-surface-2);--vv-input-file-element-drop-area-state-hover-color: var(--input-color);--vv-input-file-element-drop-area-action-position: absolute;--vv-input-file-element-drop-area-action-top: var(--spacing-8);--vv-input-file-element-drop-area-action-right: var(--spacing-8);--vv-input-file-element-drop-area-action-z-index: var(--z-1);--vv-input-file-element-preview-position: absolute;--vv-input-file-element-preview-display: flex;--vv-input-file-element-preview-inset: var(--spacing-4);--vv-input-file-element-preview-font-size: var(--text-xl);--vv-input-file-element-preview-align-items: center;--vv-input-file-element-preview-justify-content: center;--vv-input-file-element-preview-object-fit: contain;--vv-input-file-element-preview-object-position: center;--vv-input-file-element-preview-background: var(--bg-chessboard);--vv-input-file-element-preview-overflow: hidden;--vv-input-file-element-progress-position: absolute;--vv-input-file-element-progress-width: 100%;--vv-input-file-element-progress-height: var(--border-2);--vv-input-file-element-progress-bottom: 0;--vv-input-file-element-progress-left: 0;--vv-input-file-element-progress-z-index: var(--z-1);--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color: transparent;--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color: var(--color-brand);--vv-input-file-element-progress-pseudo--moz-progress-bar-transition: var(--transition-all);--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color: var(--color-brand);--vv-input-file-element-progress-pseudo--webkit-progress-value-transition: var(--transition-all);--vv-input-file-element-list-display: flex;--vv-input-file-element-list-flex-direction: column;--vv-input-file-element-list-gap: var(--input-label-gap);--vv-input-file-element-list-margin-top: var(--input-label-gap);--vv-input-file-element-list-state-empty-display: none;--vv-input-file-element-item-position: relative;--vv-input-file-element-item-overflow: hidden;--vv-input-file-element-item-display: flex;--vv-input-file-element-item-font-size: var(--input-label-font-size);--vv-input-file-element-item-align-items: center;--vv-input-file-element-item-gap: var(--spacing-8);--vv-input-file-element-item-background-color: var(--input-background-color);--vv-input-file-element-item-padding: var(--spacing-8);--vv-input-file-element-item-state-active-background-color: var(--color-surface-2);--vv-input-file-element-item-name-white-space: nowrap;--vv-input-file-element-item-name-text-overflow: ellipsis;--vv-input-file-element-item-name-overflow: hidden;--vv-input-file-element-item-info-font-size: smaller;--vv-input-file-element-item-info-white-space: nowrap;--vv-input-file-element-item-info-color: var(--color-word-5);--vv-input-file-element-item-info-align-self: flex-end;--vv-input-file-element-item-link-white-space: nowrap;--vv-input-file-element-item-link-text-overflow: ellipsis;--vv-input-file-element-item-link-overflow: hidden;--vv-input-file-element-item-link-cursor: pointer;--vv-input-file-element-item-link-text-decoration: underline;--vv-input-file-element-item-icon-flex-shrink: 0;--vv-input-file-element-item-action-flex-shrink: 0;--vv-input-file-element-item-action-cursor: pointer;--vv-input-file-element-item-remove-flex-shrink: 0;--vv-input-file-element-item-remove-cursor: pointer;--vv-input-file-element-item-remove-background-image: var(--bg-close);--vv-input-file-element-item-remove-width: 1.4em;--vv-input-file-element-item-remove-height: 1.4em;--vv-input-file-element-item-remove-background-size: .8em;--vv-input-file-element-item-remove-background-repeat: no-repeat;--vv-input-file-element-item-remove-background-position: center;--vv-input-file-element-item-remove-border-radius: var(--rounded-full);--vv-input-file-element-item-remove-background-color: var(--color-surface-3);--vv-input-file-element-item-remove-margin-inline-start: auto;--vv-input-file-element-item-remove-transition: var(--transition-colors);--vv-input-file-element-item-remove-state-hover-background-color: var(--color-surface-4);--vv-input-file-element-item-remove-state-active-background-color: var(--color-surface-5);--vv-input-file-element-item-remove-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-input-file-element-item-remove-state-disabled-cursor: not-allowed;--vv-input-file-element-item-remove-state-disabled-opacity: var(--opacity-50);--vv-input-file-modifier-icon-after-element-limit-margin-left: calc((var(--spacing-sm) + 1em) * -1);--vv-input-file-modifier-with-progress-element-drop-area-cursor: not-allowed;--vv-input-file-modifier-with-progress-element-drop-area-height: var(--spacing-2);--vv-input-file-modifier-with-progress-element-drop-area-min-height: 0;--vv-input-file-modifier-with-progress-element-drop-area-padding-block: 0;--vv-input-file-modifier-with-progress-element-drop-area-color: var(--color-transparent);--vv-input-file-modifier-with-progress-element-drop-area-background-color: var(--color-surface-3);--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity: var(--opacity-0);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale: 1;--vv-input-file-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-limit-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-icon-after-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color: var(--input-valid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale: 1;--vv-input-file-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-icon-after-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color: var(--input-invalid-color);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color: var(--color-brand);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation: var(--animation-clippath);--vv-input-file-modifier-hidden-element-wrapper-display: none;--vv-input-file-modifier-hidden-element-drop-area-margin-bottom: var(--spacing-0);--vv-input-file-modifier-dragging-element-drop-area-background-color: var(--color-surface-2);--vv-input-file-modifier-dragging-element-drop-area-color: var(--input-color);--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color: var(--color-brand);--vv-input-file-modifier-square-element-drop-area-aspect-ratio: var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-aspect-ratio: var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-border-radius: var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius: var(--rounded-full);--vv-input-file-modifier-circle-element-preview-border-radius: var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-action-position: relative;--vv-input-file-modifier-circle-element-drop-area-action-top: auto;--vv-input-file-modifier-circle-element-drop-area-action-right: auto;--vv-input-file-state-disabled-opacity: var(--opacity-50);--vv-input-file-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-cursor: not-allowed;--vv-input-file-state-disabled-element-drop-area-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-color: var(--input-hint-color);--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-input-file-state-readonly-element-drop-area-display: none}:where(.vv-input-file){display:var(--vv-input-file-display);flex:var(--vv-input-file-flex);flex-direction:var(--vv-input-file-flex-direction);margin-bottom:var(--vv-input-file-margin-bottom);font-size:var(--vv-input-file-font-size);line-height:var(--vv-input-file-line-height);min-width:var(--vv-input-file-min-width)}:where(.vv-input-file__label,.vv-input-file>label){display:var(--vv-input-file-element-label-display);font-size:var(--vv-input-file-element-label-font-size);font-weight:var(--vv-input-file-element-label-font-weight);color:var(--vv-input-file-element-label-color);margin:var(--vv-input-file-element-label-margin);white-space:var(--vv-input-file-element-label-white-space);text-overflow:var(--vv-input-file-element-label-text-overflow);overflow:var(--vv-input-file-element-label-overflow);max-width:var(--vv-input-file-element-label-max-width)}:where(.vv-input-file__wrapper){position:var(--vv-input-file-element-wrapper-position);display:var(--vv-input-file-element-wrapper-display);align-items:var(--vv-input-file-element-wrapper-align-items);flex:var(--vv-input-file-element-wrapper-flex);overflow:var(--vv-input-file-element-wrapper-overflow);background-color:var(--vv-input-file-element-wrapper-background-color);will-change:var(--vv-input-file-element-wrapper-will-change);transition:var(--vv-input-file-element-wrapper-transition)}:where(.vv-input-file__wrapper):before{content:"";position:var(--vv-input-file-element-wrapper-pseudo-before-position);height:var(--vv-input-file-element-wrapper-pseudo-before-height);inset:var(--vv-input-file-element-wrapper-pseudo-before-inset);background:var(--vv-input-file-element-wrapper-pseudo-before-background)}:where(.vv-input-file__wrapper):after{content:"";position:var(--vv-input-file-element-wrapper-pseudo-after-position);height:var(--vv-input-file-element-wrapper-pseudo-after-height);inset:var(--vv-input-file-element-wrapper-pseudo-after-inset);background:var(--vv-input-file-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-input-file-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-file-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-file-element-wrapper-pseudo-after-transition)}:where(.vv-input-file__wrapper--hover,.vv-input-file__wrapper.hover,.vv-input-file__wrapper:not([disabled]):hover){--vv-input-file-element-wrapper-background-color: var(--vv-input-file-element-wrapper-state-hover-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within){--vv-input-file-element-wrapper-background-color: var(--vv-input-file-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within):after{--vv-input-file-element-wrapper-pseudo-after-scale: var(--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-file__inner){position:var(--vv-input-file-element-inner-position);display:var(--vv-input-file-element-inner-display);flex:var(--vv-input-file-element-inner-flex);min-width:var(--vv-input-file-element-inner-min-width)}:where(.vv-input-file__input,.vv-input-file input[type=file]){flex:var(--vv-input-file-element-input-flex);white-space:var(--vv-input-file-element-input-white-space);cursor:var(--vv-input-file-element-input-cursor);color:var(--vv-input-file-element-input-color);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-file-element-input-min-width);min-height:var(--vv-input-file-element-input-min-height);display:var(--vv-input-file-element-input-display);align-items:var(--vv-input-file-element-input-align-items);text-overflow:var(--vv-input-file-element-input-text-overflow)}:where(.vv-input-file__input,.vv-input-file input[type=file])::file-selector-button{content:"";-webkit-appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);-moz-appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);border:var(--vv-input-file-element-input-pseudo-file-selector-button-border);background:var(--vv-input-file-element-input-pseudo-file-selector-button-background);cursor:var(--vv-input-file-element-input-pseudo-file-selector-button-cursor);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);color:var(--vv-input-file-element-input-pseudo-file-selector-button-color);min-height:var(--vv-input-file-element-input-pseudo-file-selector-button-min-height)}:where(.vv-input-file__input--disabled,.vv-input-file__input.disabled,.vv-input-file input[type=file].disabled,.vv-input-file__input[disabled],.vv-input-file input[type=file][disabled],.vv-input-file__input[aria-disabled=true],.vv-input-file input[type=file][aria-disabled=true]){--vv-input-file-element-input-cursor: var(--vv-input-file-element-input-state-disabled-cursor)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly]){--vv-input-file-element-input-cursor: var(--vv-input-file-element-input-state-readonly-cursor);-webkit-user-select:var(--vv-input-file-element-input-state-readonly-user-select);-moz-user-select:var(--vv-input-file-element-input-state-readonly-user-select);user-select:var(--vv-input-file-element-input-state-readonly-user-select);pointer-events:var(--vv-input-file-element-input-state-readonly-pointer-events)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly])::file-selector-button{opacity:var(--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity)}:where(.vv-input-file__input-before){display:var(--vv-input-file-element-input-before-display);padding-left:var(--vv-input-file-element-input-before-padding-left)}:where(.vv-input-file__input-after){display:var(--vv-input-file-element-input-after-display);padding-right:var(--vv-input-file-element-input-after-padding-right)}:where(.vv-input-file__icon,.vv-input-file>div>:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-position);top:var(--vv-input-file-element-icon-top);left:var(--vv-input-file-element-icon-left);width:var(--vv-input-file-element-icon-width);height:var(--vv-input-file-element-icon-height);margin:var(--vv-input-file-element-icon-margin);pointer-events:var(--vv-input-file-element-icon-pointer-events);flex-shrink:var(--vv-input-file-element-icon-flex-shrink)}:where(.vv-input-file__icon-after,.vv-input-file input+:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-after-position);right:var(--vv-input-file-element-icon-after-right);left:var(--vv-input-file-element-icon-after-left)}:where(.vv-input-file__hint,.vv-input-file>small){display:var(--vv-input-file-element-hint-display);font-size:var(--vv-input-file-element-hint-font-size);color:var(--vv-input-file-element-hint-color);padding-top:var(--vv-input-file-element-hint-padding-top);padding-inline:var(--vv-input-file-element-hint-padding-inline);white-space:var(--vv-input-file-element-hint-white-space);text-overflow:var(--vv-input-file-element-hint-text-overflow);overflow:var(--vv-input-file-element-hint-overflow)}:where(.vv-input-file__drop-area){position:var(--vv-input-file-element-drop-area-position);background-color:var(--vv-input-file-element-drop-area-background-color);color:var(--vv-input-file-element-drop-area-color);min-height:var(--vv-input-file-element-drop-area-min-height);padding:var(--vv-input-file-element-drop-area-padding);display:var(--vv-input-file-element-drop-area-display);text-align:var(--vv-input-file-element-drop-area-text-align);align-items:var(--vv-input-file-element-drop-area-align-items);justify-content:var(--vv-input-file-element-drop-area-justify-content);margin-bottom:var(--vv-input-file-element-drop-area-margin-bottom);cursor:var(--vv-input-file-element-drop-area-cursor);transition:var(--vv-input-file-element-drop-area-transition);overflow:var(--vv-input-file-element-drop-area-overflow);text-overflow:var(--vv-input-file-element-drop-area-text-overflow)}:where(.vv-input-file__drop-area):after{content:"";position:var(--vv-input-file-element-drop-area-pseudo-after-position);inset:var(--vv-input-file-element-drop-area-pseudo-after-inset);opacity:var(--vv-input-file-element-drop-area-pseudo-after-opacity);border-width:var(--vv-input-file-element-drop-area-pseudo-after-border-width);border-style:var(--vv-input-file-element-drop-area-pseudo-after-border-style);border-color:var(--vv-input-file-element-drop-area-pseudo-after-border-color);transition:var(--vv-input-file-element-drop-area-pseudo-after-transition)}:where(.vv-input-file__drop-area--hover,.vv-input-file__drop-area.hover,.vv-input-file__drop-area:not([disabled]):hover){--vv-input-file-element-drop-area-background-color: var(--vv-input-file-element-drop-area-state-hover-background-color);--vv-input-file-element-drop-area-color: var(--vv-input-file-element-drop-area-state-hover-color)}:where(.vv-input-file__drop-area-action){position:var(--vv-input-file-element-drop-area-action-position);top:var(--vv-input-file-element-drop-area-action-top);right:var(--vv-input-file-element-drop-area-action-right);z-index:var(--vv-input-file-element-drop-area-action-z-index)}:where(.vv-input-file__preview){position:var(--vv-input-file-element-preview-position);display:var(--vv-input-file-element-preview-display);inset:var(--vv-input-file-element-preview-inset);font-size:var(--vv-input-file-element-preview-font-size);align-items:var(--vv-input-file-element-preview-align-items);justify-content:var(--vv-input-file-element-preview-justify-content);-o-object-fit:var(--vv-input-file-element-preview-object-fit);object-fit:var(--vv-input-file-element-preview-object-fit);-o-object-position:var(--vv-input-file-element-preview-object-position);object-position:var(--vv-input-file-element-preview-object-position);background:var(--vv-input-file-element-preview-background);overflow:var(--vv-input-file-element-preview-overflow)}:where(.vv-input-file__progress){position:var(--vv-input-file-element-progress-position);width:var(--vv-input-file-element-progress-width);height:var(--vv-input-file-element-progress-height);bottom:var(--vv-input-file-element-progress-bottom);left:var(--vv-input-file-element-progress-left);z-index:var(--vv-input-file-element-progress-z-index)}:where(.vv-input-file__progress)::-webkit-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-input-file__progress)::-moz-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color);-moz-transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition);transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition)}:where(.vv-input-file__progress)::-webkit-progress-value{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color);-webkit-transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition);transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition)}:where(.vv-input-file__list){display:var(--vv-input-file-element-list-display);flex-direction:var(--vv-input-file-element-list-flex-direction);gap:var(--vv-input-file-element-list-gap);margin-top:var(--vv-input-file-element-list-margin-top)}:where(.vv-input-file__list--empty,.vv-input-file__list.empty,.vv-input-file__list:not([disabled]):empty){--vv-input-file-element-list-display: var(--vv-input-file-element-list-state-empty-display)}:where(.vv-input-file__item){position:var(--vv-input-file-element-item-position);overflow:var(--vv-input-file-element-item-overflow);display:var(--vv-input-file-element-item-display);font-size:var(--vv-input-file-element-item-font-size);align-items:var(--vv-input-file-element-item-align-items);gap:var(--vv-input-file-element-item-gap);background-color:var(--vv-input-file-element-item-background-color);padding:var(--vv-input-file-element-item-padding)}:where(.vv-input-file__item--active,.vv-input-file__item.active,.vv-input-file__item:not([disabled]):active){--vv-input-file-element-item-background-color: var(--vv-input-file-element-item-state-active-background-color)}:where(.vv-input-file__item-name){white-space:var(--vv-input-file-element-item-name-white-space);text-overflow:var(--vv-input-file-element-item-name-text-overflow);overflow:var(--vv-input-file-element-item-name-overflow)}:where(.vv-input-file__item-info){font-size:var(--vv-input-file-element-item-info-font-size);white-space:var(--vv-input-file-element-item-info-white-space);color:var(--vv-input-file-element-item-info-color);align-self:var(--vv-input-file-element-item-info-align-self)}:where(.vv-input-file__item-link){white-space:var(--vv-input-file-element-item-link-white-space);text-overflow:var(--vv-input-file-element-item-link-text-overflow);overflow:var(--vv-input-file-element-item-link-overflow);cursor:var(--vv-input-file-element-item-link-cursor);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);text-decoration:var(--vv-input-file-element-item-link-text-decoration)}:where(.vv-input-file__item-icon){flex-shrink:var(--vv-input-file-element-item-icon-flex-shrink)}:where(.vv-input-file__item-action){flex-shrink:var(--vv-input-file-element-item-action-flex-shrink);cursor:var(--vv-input-file-element-item-action-cursor)}:where(.vv-input-file__item-remove){flex-shrink:var(--vv-input-file-element-item-remove-flex-shrink);cursor:var(--vv-input-file-element-item-remove-cursor);background-image:var(--vv-input-file-element-item-remove-background-image);width:var(--vv-input-file-element-item-remove-width);height:var(--vv-input-file-element-item-remove-height);background-size:var(--vv-input-file-element-item-remove-background-size);background-repeat:var(--vv-input-file-element-item-remove-background-repeat);background-position:var(--vv-input-file-element-item-remove-background-position);border-radius:var(--vv-input-file-element-item-remove-border-radius);background-color:var(--vv-input-file-element-item-remove-background-color);margin-inline-start:var(--vv-input-file-element-item-remove-margin-inline-start);transition:var(--vv-input-file-element-item-remove-transition)}:where(.vv-input-file__item-remove--hover,.vv-input-file__item-remove.hover,.vv-input-file__item-remove:not([disabled]):hover){--vv-input-file-element-item-remove-background-color: var(--vv-input-file-element-item-remove-state-hover-background-color)}:where(.vv-input-file__item-remove--active,.vv-input-file__item-remove.active,.vv-input-file__item-remove:not([disabled]):active){--vv-input-file-element-item-remove-background-color: var(--vv-input-file-element-item-remove-state-active-background-color)}:where(.vv-input-file__item-remove--focus-visible,.vv-input-file__item-remove.focus-visible,.vv-input-file__item-remove:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-input-file-element-item-remove-state-focus-visible-outline)}:where(.vv-input-file__item-remove--disabled,.vv-input-file__item-remove.disabled,.vv-input-file__item-remove[disabled],.vv-input-file__item-remove[aria-disabled=true]){--vv-input-file-element-item-remove-cursor: var(--vv-input-file-element-item-remove-state-disabled-cursor);opacity:var(--vv-input-file-element-item-remove-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled])),:where(.vv-input-file--disabled,.vv-input-file.disabled,.vv-input-file[disabled],.vv-input-file[aria-disabled=true]){opacity:var(--vv-input-file-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:hover),:where(.vv-input-file--disabled .vv-input-file__wrapper--hover,.vv-input-file--disabled .vv-input-file__wrapper.hover,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.disabled .vv-input-file__wrapper--hover,.vv-input-file.disabled .vv-input-file__wrapper.hover,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[disabled] .vv-input-file__wrapper--hover,.vv-input-file[disabled] .vv-input-file__wrapper.hover,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--disabled .vv-input-file__wrapper--focus-within,.vv-input-file--disabled .vv-input-file__wrapper.focus-within,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.disabled .vv-input-file__wrapper--focus-within,.vv-input-file.disabled .vv-input-file__wrapper.focus-within,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[disabled] .vv-input-file__wrapper--focus-within,.vv-input-file[disabled] .vv-input-file__wrapper.focus-within,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__drop-area),:where(.vv-input-file--disabled .vv-input-file__drop-area,.vv-input-file.disabled .vv-input-file__drop-area,.vv-input-file[disabled] .vv-input-file__drop-area,.vv-input-file[aria-disabled=true] .vv-input-file__drop-area){cursor:var(--vv-input-file-state-disabled-element-drop-area-cursor);background-color:var(--vv-input-file-state-disabled-element-drop-area-background-color);color:var(--vv-input-file-state-disabled-element-drop-area-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):before,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):before{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):after,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:hover),:where(.vv-input-file--readonly .vv-input-file__wrapper--hover,.vv-input-file--readonly .vv-input-file__wrapper.hover,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.readonly .vv-input-file__wrapper--hover,.vv-input-file.readonly .vv-input-file__wrapper.hover,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[readonly] .vv-input-file__wrapper--hover,.vv-input-file[readonly] .vv-input-file__wrapper.hover,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--readonly .vv-input-file__wrapper--focus-within,.vv-input-file--readonly .vv-input-file__wrapper.focus-within,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.readonly .vv-input-file__wrapper--focus-within,.vv-input-file.readonly .vv-input-file__wrapper.focus-within,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[readonly] .vv-input-file__wrapper--focus-within,.vv-input-file[readonly] .vv-input-file__wrapper.focus-within,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__drop-area),:where(.vv-input-file--readonly .vv-input-file__drop-area,.vv-input-file.readonly .vv-input-file__drop-area,.vv-input-file[readonly] .vv-input-file__drop-area){display:var(--vv-input-file-state-readonly-element-drop-area-display)}:where(.vv-input-file--icon-before.vv-input-file){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after.vv-input-file){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after .vv-input-file__limit){margin-left:var(--vv-input-file-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-file--with-progress .vv-input-file__drop-area){cursor:var(--vv-input-file-modifier-with-progress-element-drop-area-cursor);height:var(--vv-input-file-modifier-with-progress-element-drop-area-height);min-height:var(--vv-input-file-modifier-with-progress-element-drop-area-min-height);padding-block:var(--vv-input-file-modifier-with-progress-element-drop-area-padding-block);color:var(--vv-input-file-modifier-with-progress-element-drop-area-color);background-color:var(--vv-input-file-modifier-with-progress-element-drop-area-background-color)}:where(.vv-input-file--with-progress .vv-input-file__drop-area):after{content:"";opacity:var(--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity)}:where(.vv-input-file--valid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--valid .vv-input-file__hint,.vv-input-file--valid>small){color:var(--vv-input-file-modifier-valid-element-hint-color)}:where(.vv-input-file--valid .vv-input-file__limit){color:var(--vv-input-file-modifier-valid-element-limit-color)}:where(.vv-input-file--valid .vv-input-file__icon-after,.vv-input-file--valid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-valid-element-icon-after-color)}:where(.vv-input-file--valid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--invalid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--invalid .vv-input-file__hint,.vv-input-file--invalid>small){color:var(--vv-input-file-modifier-invalid-element-hint-color)}:where(.vv-input-file--invalid .vv-input-file__limit){color:var(--vv-input-file-modifier-invalid-element-limit-color)}:where(.vv-input-file--invalid .vv-input-file__icon-after,.vv-input-file--invalid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-invalid-element-icon-after-color)}:where(.vv-input-file--invalid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--loading .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-file--loading .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color);animation:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation)}:where(.vv-input-file--hidden .vv-input-file__wrapper){display:var(--vv-input-file-modifier-hidden-element-wrapper-display)}:where(.vv-input-file--hidden .vv-input-file__drop-area){margin-bottom:var(--vv-input-file-modifier-hidden-element-drop-area-margin-bottom)}:where(.vv-input-file--dragging .vv-input-file__drop-area){background-color:var(--vv-input-file-modifier-dragging-element-drop-area-background-color);color:var(--vv-input-file-modifier-dragging-element-drop-area-color)}:where(.vv-input-file--dragging .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--square .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-square-element-drop-area-aspect-ratio)}:where(.vv-input-file--circle .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-circle-element-drop-area-aspect-ratio);border-radius:var(--vv-input-file-modifier-circle-element-drop-area-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area):after{content:"";border-radius:var(--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius)}:where(.vv-input-file--circle .vv-input-file__preview){border-radius:var(--vv-input-file-modifier-circle-element-preview-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area-action){position:var(--vv-input-file-modifier-circle-element-drop-area-action-position);top:var(--vv-input-file-modifier-circle-element-drop-area-action-top);right:var(--vv-input-file-modifier-circle-element-drop-area-action-right)}