@volverjs/style 0.1.30-beta.1 → 0.1.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/base.css +1 -1
  2. package/dist/components/vv-attachment.css +1 -1
  3. package/dist/components/vv-avatar.css +1 -1
  4. package/dist/components/vv-badge.css +1 -1
  5. package/dist/components/vv-button.css +1 -1
  6. package/dist/components/vv-calendar.css +1 -1
  7. package/dist/components/vv-checkbox.css +1 -1
  8. package/dist/components/vv-command.css +1 -1
  9. package/dist/components/vv-dropdown-action.css +1 -1
  10. package/dist/components/vv-field.css +1 -1
  11. package/dist/components/vv-input-file.css +1 -1
  12. package/dist/components/vv-input-otp.css +1 -1
  13. package/dist/components/vv-input-range.css +1 -1
  14. package/dist/components/vv-input-text.css +1 -1
  15. package/dist/components/vv-item.css +1 -1
  16. package/dist/components/vv-message-scroller.css +1 -1
  17. package/dist/components/vv-pagination.css +1 -1
  18. package/dist/components/vv-prose.css +1 -1
  19. package/dist/components/vv-radio.css +1 -1
  20. package/dist/components/vv-select.css +1 -1
  21. package/dist/components/vv-table.css +1 -1
  22. package/dist/components/vv-text.css +1 -1
  23. package/dist/components/vv-textarea.css +1 -1
  24. package/dist/components.css +1 -1
  25. package/dist/props/input.css +1 -1
  26. package/dist/props.css +1 -1
  27. package/dist/themes/dark/components.css +1 -1
  28. package/dist/themes/dark/props.css +1 -1
  29. package/dist/themes/dark/volver.css +1 -1
  30. package/dist/volver.css +1 -1
  31. package/package.json +16 -16
  32. package/src/base.scss +1 -1
  33. package/src/components/vv-calendar.scss +1 -1
  34. package/src/presets/_outlined-fields.scss +1 -1
  35. package/src/settings/_input.scss +6 -6
  36. package/src/settings/components/_choice.scss +1 -1
  37. package/src/settings/components/_vv-attachment.scss +1 -1
  38. package/src/settings/components/_vv-avatar.scss +2 -2
  39. package/src/settings/components/_vv-badge.scss +26 -1
  40. package/src/settings/components/_vv-button.scss +7 -8
  41. package/src/settings/components/_vv-calendar.scss +1 -1
  42. package/src/settings/components/_vv-checkbox.scss +1 -1
  43. package/src/settings/components/_vv-command.scss +1 -1
  44. package/src/settings/components/_vv-dropdown-action.scss +1 -1
  45. package/src/settings/components/_vv-input-file.scss +2 -2
  46. package/src/settings/components/_vv-input-otp.scss +3 -3
  47. package/src/settings/components/_vv-input-range.scss +1 -1
  48. package/src/settings/components/_vv-input-text.scss +1 -1
  49. package/src/settings/components/_vv-item.scss +2 -2
  50. package/src/settings/components/_vv-message-scroller.scss +1 -1
  51. package/src/settings/components/_vv-pagination.scss +1 -1
  52. package/src/settings/components/_vv-prose.scss +1 -1
  53. package/src/settings/components/_vv-radio.scss +1 -1
  54. package/src/settings/components/_vv-select.scss +1 -1
  55. package/src/settings/components/_vv-table.scss +1 -1
  56. package/src/settings/components/_vv-text.scss +1 -1
  57. package/src/settings/components/_vv-textarea.scss +1 -1
  58. package/src/themes/dark/settings/_input.scss +4 -8
  59. package/src/themes/dark/settings/components/_vv-button.scss +0 -7
package/dist/components/vv-checkbox.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-checkbox-display:inline-flex;--vv-checkbox-flex-wrap:wrap;--vv-checkbox-align-items:center;--vv-checkbox-cursor:pointer;--vv-checkbox-user-select:none;--vv-checkbox-margin:0 var(--input-gap) var(--input-gap) 0;--vv-checkbox-color:var(--input-color);--vv-checkbox-font-size:var(--input-font-size);--vv-checkbox-line-height:var(--input-line-height);--vv-checkbox-min-width:var(--input-min-width);--vv-checkbox-state-disabled-opacity:var(--opacity-30);--vv-checkbox-state-disabled-cursor:not-allowed;--vv-checkbox-state-disabled-element-input-cursor:not-allowed;--vv-checkbox-element-input-border:var(--spacing-2) solid var(--input-color);--vv-checkbox-element-input-align-self:flex-start;--vv-checkbox-element-input-margin:0 var(--input-label-gap) 0 0;--vv-checkbox-element-input-background-position:center;--vv-checkbox-element-input-background-size:var(--text-12) auto;--vv-checkbox-element-input-background-repeat:no-repeat;--vv-checkbox-element-input-cursor:pointer;--vv-checkbox-element-input-position:relative;--vv-checkbox-element-input-state-checked-background-image:var(--bg-check);--vv-checkbox-element-input-state-indeterminate-background-image:var(--bg-minus);--vv-checkbox-element-input-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-checkbox-element-input-state-focus-visible-outline-offset:var(--spacing-2);--vv-checkbox-element-label-flex:1;--vv-checkbox-element-label-min-width:0;--vv-checkbox-element-hint-flex-basis:100%;--vv-checkbox-element-hint-display:var(--input-hint-display);--vv-checkbox-element-hint-font-size:var(--input-hint-font-size);--vv-checkbox-element-hint-color:var(--input-hint-color);--vv-checkbox-element-hint-padding-top:var(--input-hint-gap);--vv-checkbox-element-hint-white-space:var(--input-hint-white-space);--vv-checkbox-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-checkbox-element-hint-overflow:var(--input-hint-overflow);--vv-checkbox-element-hint-max-width:var(--input-hint-max-width);--vv-checkbox-modifier-segment-position:relative;--vv-checkbox-modifier-segment-display:flex;--vv-checkbox-modifier-segment-flex:1;--vv-checkbox-modifier-segment-flex-wrap:nowrap;--vv-checkbox-modifier-segment-align-items:center;--vv-checkbox-modifier-segment-justify-content:center;--vv-checkbox-modifier-segment-min-width:0;--vv-checkbox-modifier-segment-min-height:calc(var(--input-min-height) - var(--spacing-8));--vv-checkbox-modifier-segment-margin:0;--vv-checkbox-modifier-segment-padding:0 var(--spacing-12);--vv-checkbox-modifier-segment-border-radius:var(--rounded-md);--vv-checkbox-modifier-segment-color:var(--color-word-2);--vv-checkbox-modifier-segment-white-space:nowrap;--vv-checkbox-modifier-segment-transition:background-color var(--duration-150) var(--ease-out), color var(--duration-150) var(--ease-out), box-shadow var(--duration-150) var(--ease-out);--vv-checkbox-modifier-segment-element-label-display:flex;--vv-checkbox-modifier-segment-element-label-align-items:center;--vv-checkbox-modifier-segment-element-label-justify-content:center;--vv-checkbox-modifier-segment-element-label-gap:var(--spacing-8);--vv-checkbox-modifier-segment-element-input-position:absolute;--vv-checkbox-modifier-segment-element-input-width:var(--spacing-px);--vv-checkbox-modifier-segment-element-input-min-width:0;--vv-checkbox-modifier-segment-element-input-height:var(--spacing-px);--vv-checkbox-modifier-segment-element-input-margin:0;--vv-checkbox-modifier-segment-element-input-border:0;--vv-checkbox-modifier-segment-element-input-opacity:0;--vv-checkbox-modifier-segment-element-input-pointer-events:none;--vv-checkbox-modifier-segment-state-hover-color:var(--color-word);--vv-checkbox-modifier-segment-state-checked-within-color:var(--color-word);--vv-checkbox-modifier-segment-state-checked-within-font-weight:var(--font-semibold);--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface);--vv-checkbox-modifier-segment-state-checked-within-box-shadow:var(--shadow-sm);--vv-checkbox-modifier-segment-state-focus-visible-within-outline:var(--spacing-px) solid var(--color-brand);--vv-checkbox-modifier-segment-state-focus-visible-within-outline-offset:var(--spacing-2);--vv-checkbox-modifier-card-display:flex;--vv-checkbox-modifier-card-flex:1;--vv-checkbox-modifier-card-flex-wrap:nowrap;--vv-checkbox-modifier-card-align-items:flex-start;--vv-checkbox-modifier-card-gap:var(--spacing-16);--vv-checkbox-modifier-card-min-width:var(--spacing-128);--vv-checkbox-modifier-card-margin:0;--vv-checkbox-modifier-card-padding:var(--spacing-16);--vv-checkbox-modifier-card-border:var(--border) solid var(--color-surface-4);--vv-checkbox-modifier-card-border-radius:var(--rounded-lg);--vv-checkbox-modifier-card-transition:background-color var(--duration-150) var(--ease-out), border-color var(--duration-150) var(--ease-out);--vv-checkbox-modifier-card-element-input-flex-shrink:0;--vv-checkbox-modifier-card-element-input-margin:0;--vv-checkbox-modifier-card-state-hover-border-color:var(--color-surface-5);--vv-checkbox-modifier-card-state-checked-within-border-color:var(--color-word);--vv-checkbox-modifier-card-state-checked-within-background-color:var(--color-surface-1);--vv-checkbox-modifier-readonly-opacity:var(--opacity-100);--vv-checkbox-modifier-readonly-cursor:default;--vv-checkbox-modifier-readonly-pointer-events:none;--vv-checkbox-modifier-switch-element-input-border:0;--vv-checkbox-modifier-switch-element-input-min-width:var(--spacing-44);--vv-checkbox-modifier-switch-element-input-border-radius:var(--spacing-12);--vv-checkbox-modifier-switch-element-input-background-color:var(--color-word-5);--vv-checkbox-modifier-switch-element-input-position:relative;--vv-checkbox-modifier-switch-element-input-will-change:background-color;--vv-checkbox-modifier-switch-element-input-transition:var(--transition-colors);--vv-checkbox-modifier-switch-element-input-pseudo-after-width:var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-height:var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius:50%;--vv-checkbox-modifier-switch-element-input-pseudo-after-position:absolute;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-block:var(--spacing-2) 0;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-inline:var(--spacing-2) 0;--vv-checkbox-modifier-switch-element-input-pseudo-after-background:var(--color-white);--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change:transform;--vv-checkbox-modifier-switch-element-input-pseudo-after-transition:var(--transition-transform);--vv-checkbox-modifier-switch-element-input-state-hover-background-color:var(--color-word-4);--vv-checkbox-modifier-switch-element-input-state-active-background-color:var(--color-word-3);--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image:none;--vv-checkbox-modifier-switch-element-input-state-checked-background-image:none;--vv-checkbox-modifier-switch-element-input-state-checked-background-color:var(--color-brand);--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-background:var(--color-brand-contrast);--vv-checkbox-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-checkbox-modifier-invalid-element-hint-color:var(--input-invalid-text-color)}:where(.vv-checkbox){display:var(--vv-checkbox-display);flex-wrap:var(--vv-checkbox-flex-wrap);align-items:var(--vv-checkbox-align-items);cursor:var(--vv-checkbox-cursor);-webkit-user-select:var(--vv-checkbox-user-select);user-select:var(--vv-checkbox-user-select);margin:var(--vv-checkbox-margin);color:var(--vv-checkbox-color);font-size:var(--vv-checkbox-font-size);line-height:var(--vv-checkbox-line-height);min-width:var(--vv-checkbox-min-width)}:where(.vv-checkbox__input,.vv-checkbox>input[type=checkbox]){border:var(--vv-checkbox-element-input-border);min-width:var(--input-control-size);height:var(--input-control-size);align-self:var(--vv-checkbox-element-input-align-self);translate:0 calc((1lh - var(--input-control-size)) / 2);margin:var(--vv-checkbox-element-input-margin);background-position:var(--vv-checkbox-element-input-background-position);background-size:var(--vv-checkbox-element-input-background-size);background-repeat:var(--vv-checkbox-element-input-background-repeat);cursor:var(--vv-checkbox-element-input-cursor);position:var(--vv-checkbox-element-input-position)}:where(.vv-checkbox__input--checked,.vv-checkbox__input.checked,.vv-checkbox>input[type=checkbox].checked,.vv-checkbox__input:checked,.vv-checkbox>input[type=checkbox]:checked){background-image:var(--vv-checkbox-element-input-state-checked-background-image)}:where(.vv-checkbox__input--indeterminate,.vv-checkbox__input.indeterminate,.vv-checkbox>input[type=checkbox].indeterminate,.vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-element-input-state-indeterminate-background-image)}:where(.vv-checkbox__input--focus-visible,.vv-checkbox__input.focus-visible,.vv-checkbox>input[type=checkbox].focus-visible,.vv-checkbox__input:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-checkbox>input[type=checkbox]:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-checkbox-element-input-state-focus-visible-outline);outline-offset:var(--vv-checkbox-element-input-state-focus-visible-outline-offset)}:where(.vv-checkbox__label,.vv-checkbox>span:not([class])){flex:var(--vv-checkbox-element-label-flex);min-width:var(--vv-checkbox-element-label-min-width)}:where(.vv-checkbox__hint,.vv-checkbox>small){flex-basis:var(--vv-checkbox-element-hint-flex-basis);display:var(--vv-checkbox-element-hint-display);font-size:var(--vv-checkbox-element-hint-font-size);color:var(--vv-checkbox-element-hint-color);padding-top:var(--vv-checkbox-element-hint-padding-top);white-space:var(--vv-checkbox-element-hint-white-space);text-overflow:var(--vv-checkbox-element-hint-text-overflow);overflow:var(--vv-checkbox-element-hint-overflow);max-width:var(--vv-checkbox-element-hint-max-width)}:where(.vv-checkbox:has(>input[type=checkbox]:disabled)),:where(.vv-checkbox--disabled,.vv-checkbox.disabled,.vv-checkbox[disabled],.vv-checkbox[aria-disabled=true]){opacity:var(--vv-checkbox-state-disabled-opacity);--vv-checkbox-cursor:var(--vv-checkbox-state-disabled-cursor)}:where(.vv-checkbox--disabled .vv-checkbox__input,.vv-checkbox.disabled .vv-checkbox__input,.vv-checkbox[disabled] .vv-checkbox__input,.vv-checkbox[aria-disabled=true] .vv-checkbox__input,.vv-checkbox--disabled>input[type=checkbox],.vv-checkbox.disabled>input[type=checkbox],.vv-checkbox[disabled]>input[type=checkbox],.vv-checkbox[aria-disabled=true]>input[type=checkbox]){cursor:var(--vv-checkbox-state-disabled-element-input-cursor)}:where(.vv-checkbox--segment.vv-checkbox){position:var(--vv-checkbox-modifier-segment-position);--vv-checkbox-display:var(--vv-checkbox-modifier-segment-display);flex:var(--vv-checkbox-modifier-segment-flex);--vv-checkbox-flex-wrap:var(--vv-checkbox-modifier-segment-flex-wrap);--vv-checkbox-align-items:var(--vv-checkbox-modifier-segment-align-items);justify-content:var(--vv-checkbox-modifier-segment-justify-content);--vv-checkbox-min-width:var(--vv-checkbox-modifier-segment-min-width);min-height:var(--vv-checkbox-modifier-segment-min-height);--vv-checkbox-margin:var(--vv-checkbox-modifier-segment-margin);padding:var(--vv-checkbox-modifier-segment-padding);border-radius:var(--vv-checkbox-modifier-segment-border-radius);--vv-checkbox-color:var(--vv-checkbox-modifier-segment-color);white-space:var(--vv-checkbox-modifier-segment-white-space);transition:var(--vv-checkbox-modifier-segment-transition)}:where(.vv-checkbox--segment .vv-checkbox__label,.vv-checkbox--segment>span:not([class])){display:var(--vv-checkbox-modifier-segment-element-label-display);align-items:var(--vv-checkbox-modifier-segment-element-label-align-items);justify-content:var(--vv-checkbox-modifier-segment-element-label-justify-content);gap:var(--vv-checkbox-modifier-segment-element-label-gap)}:where(.vv-checkbox--segment .vv-checkbox__input,.vv-checkbox--segment>input[type=checkbox]){position:var(--vv-checkbox-modifier-segment-element-input-position);width:var(--vv-checkbox-modifier-segment-element-input-width);min-width:var(--vv-checkbox-modifier-segment-element-input-min-width);height:var(--vv-checkbox-modifier-segment-element-input-height);margin:var(--vv-checkbox-modifier-segment-element-input-margin);border:var(--vv-checkbox-modifier-segment-element-input-border);opacity:var(--vv-checkbox-modifier-segment-element-input-opacity);pointer-events:var(--vv-checkbox-modifier-segment-element-input-pointer-events)}:where(.vv-checkbox--segment.vv-checkbox--hover,.vv-checkbox--segment.vv-checkbox.hover,.vv-checkbox--segment.vv-checkbox:not([disabled]):hover){--vv-checkbox-modifier-segment-color:var(--vv-checkbox-modifier-segment-state-hover-color)}:where(.vv-checkbox--segment.vv-checkbox--checked-within,.vv-checkbox--segment.vv-checkbox.checked-within,.vv-checkbox--segment.vv-checkbox:has(input:checked)){--vv-checkbox-modifier-segment-color:var(--vv-checkbox-modifier-segment-state-checked-within-color);font-weight:var(--vv-checkbox-modifier-segment-state-checked-within-font-weight);background-color:var(--vv-checkbox-modifier-segment-state-checked-within-background-color);box-shadow:var(--vv-checkbox-modifier-segment-state-checked-within-box-shadow)}:where(.vv-checkbox--segment.vv-checkbox--focus-visible-within,.vv-checkbox--segment.vv-checkbox.focus-visible-within,.vv-checkbox--segment.vv-checkbox:has(input:focus-visible)){outline:var(--vv-checkbox-modifier-segment-state-focus-visible-within-outline);outline-offset:var(--vv-checkbox-modifier-segment-state-focus-visible-within-outline-offset)}:where(.vv-checkbox--card.vv-checkbox){--vv-checkbox-display:var(--vv-checkbox-modifier-card-display);flex:var(--vv-checkbox-modifier-card-flex);--vv-checkbox-flex-wrap:var(--vv-checkbox-modifier-card-flex-wrap);--vv-checkbox-align-items:var(--vv-checkbox-modifier-card-align-items);gap:var(--vv-checkbox-modifier-card-gap);--vv-checkbox-min-width:var(--vv-checkbox-modifier-card-min-width);--vv-checkbox-margin:var(--vv-checkbox-modifier-card-margin);padding:var(--vv-checkbox-modifier-card-padding);border:var(--vv-checkbox-modifier-card-border);border-radius:var(--vv-checkbox-modifier-card-border-radius);transition:var(--vv-checkbox-modifier-card-transition)}:where(.vv-checkbox--card .vv-checkbox__input,.vv-checkbox--card>input[type=checkbox]){flex-shrink:var(--vv-checkbox-modifier-card-element-input-flex-shrink);margin:var(--vv-checkbox-modifier-card-element-input-margin)}:where(.vv-checkbox--card.vv-checkbox--hover,.vv-checkbox--card.vv-checkbox.hover,.vv-checkbox--card.vv-checkbox:not([disabled]):hover){border-color:var(--vv-checkbox-modifier-card-state-hover-border-color)}:where(.vv-checkbox--card.vv-checkbox--checked-within,.vv-checkbox--card.vv-checkbox.checked-within,.vv-checkbox--card.vv-checkbox:has(input:checked)){border-color:var(--vv-checkbox-modifier-card-state-checked-within-border-color);background-color:var(--vv-checkbox-modifier-card-state-checked-within-background-color)}:where(.vv-checkbox--readonly.vv-checkbox){opacity:var(--vv-checkbox-modifier-readonly-opacity);--vv-checkbox-cursor:var(--vv-checkbox-modifier-readonly-cursor);pointer-events:var(--vv-checkbox-modifier-readonly-pointer-events)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]){--input-control-size:var(--spacing-24);border:var(--vv-checkbox-modifier-switch-element-input-border);min-width:var(--vv-checkbox-modifier-switch-element-input-min-width);border-radius:var(--vv-checkbox-modifier-switch-element-input-border-radius);background-color:var(--vv-checkbox-modifier-switch-element-input-background-color);position:var(--vv-checkbox-modifier-switch-element-input-position);will-change:var(--vv-checkbox-modifier-switch-element-input-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-transition)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]):after{content:"";width:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-width);height:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius);position:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-position);inset-block:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-block);inset-inline:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-inline);background:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-background);will-change:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-transition)}:where(.vv-checkbox--switch .vv-checkbox__input--hover,.vv-checkbox--switch .vv-checkbox__input.hover,.vv-checkbox--switch>input[type=checkbox].hover,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):hover,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):hover){--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-hover-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--active,.vv-checkbox--switch .vv-checkbox__input.active,.vv-checkbox--switch>input[type=checkbox].active,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):active,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):active){--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-active-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate):after{translate:calc(50% * var(--direction,1))}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked){background-image:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-image);--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked):after{translate:calc(100% * var(--direction,1));--vv-checkbox-modifier-switch-element-input-pseudo-after-background:var(--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-background)}:where(.vv-checkbox--valid>.vv-checkbox__hint,.vv-checkbox--valid>small){color:var(--vv-checkbox-modifier-valid-element-hint-color)}:where(.vv-checkbox--invalid>.vv-checkbox__hint,.vv-checkbox--invalid>small){color:var(--vv-checkbox-modifier-invalid-element-hint-color)}
1
+ :where(:host,:root,.theme){--vv-checkbox-display:inline-flex;--vv-checkbox-flex-wrap:wrap;--vv-checkbox-align-items:center;--vv-checkbox-cursor:pointer;--vv-checkbox-user-select:none;--vv-checkbox-margin:0 var(--input-gap) var(--input-gap) 0;--vv-checkbox-color:var(--input-color);--vv-checkbox-font-size:var(--input-font-size);--vv-checkbox-line-height:var(--input-line-height);--vv-checkbox-min-width:var(--input-min-width);--vv-checkbox-state-disabled-opacity:var(--opacity-30);--vv-checkbox-state-disabled-cursor:not-allowed;--vv-checkbox-state-disabled-element-input-cursor:not-allowed;--vv-checkbox-element-input-border:var(--spacing-2) solid var(--input-color);--vv-checkbox-element-input-align-self:flex-start;--vv-checkbox-element-input-margin:0 var(--input-label-gap) 0 0;--vv-checkbox-element-input-background-position:center;--vv-checkbox-element-input-background-size:var(--text-12) auto;--vv-checkbox-element-input-background-repeat:no-repeat;--vv-checkbox-element-input-cursor:pointer;--vv-checkbox-element-input-position:relative;--vv-checkbox-element-input-state-checked-background-image:var(--bg-check);--vv-checkbox-element-input-state-indeterminate-background-image:var(--bg-minus);--vv-checkbox-element-input-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-checkbox-element-input-state-focus-visible-outline-offset:var(--spacing-2);--vv-checkbox-element-label-flex:1;--vv-checkbox-element-label-min-width:0;--vv-checkbox-element-hint-flex-basis:100%;--vv-checkbox-element-hint-display:var(--input-hint-display);--vv-checkbox-element-hint-font-size:var(--input-hint-font-size);--vv-checkbox-element-hint-color:var(--input-hint-color);--vv-checkbox-element-hint-padding-top:var(--input-hint-gap);--vv-checkbox-element-hint-white-space:var(--input-hint-white-space);--vv-checkbox-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-checkbox-element-hint-overflow:var(--input-hint-overflow);--vv-checkbox-element-hint-max-width:var(--input-hint-max-width);--vv-checkbox-modifier-segment-position:relative;--vv-checkbox-modifier-segment-display:flex;--vv-checkbox-modifier-segment-flex:1;--vv-checkbox-modifier-segment-flex-wrap:nowrap;--vv-checkbox-modifier-segment-align-items:center;--vv-checkbox-modifier-segment-justify-content:center;--vv-checkbox-modifier-segment-min-width:0;--vv-checkbox-modifier-segment-min-height:calc(var(--input-min-height) - var(--spacing-8));--vv-checkbox-modifier-segment-margin:0;--vv-checkbox-modifier-segment-padding:0 var(--spacing-12);--vv-checkbox-modifier-segment-border-radius:var(--rounded-md);--vv-checkbox-modifier-segment-color:var(--color-word-2);--vv-checkbox-modifier-segment-white-space:nowrap;--vv-checkbox-modifier-segment-transition:background-color var(--duration-150) var(--ease-out), color var(--duration-150) var(--ease-out), box-shadow var(--duration-150) var(--ease-out);--vv-checkbox-modifier-segment-element-label-display:flex;--vv-checkbox-modifier-segment-element-label-align-items:center;--vv-checkbox-modifier-segment-element-label-justify-content:center;--vv-checkbox-modifier-segment-element-label-gap:var(--spacing-8);--vv-checkbox-modifier-segment-element-input-position:absolute;--vv-checkbox-modifier-segment-element-input-width:var(--spacing-px);--vv-checkbox-modifier-segment-element-input-min-width:0;--vv-checkbox-modifier-segment-element-input-height:var(--spacing-px);--vv-checkbox-modifier-segment-element-input-margin:0;--vv-checkbox-modifier-segment-element-input-border:0;--vv-checkbox-modifier-segment-element-input-opacity:0;--vv-checkbox-modifier-segment-element-input-pointer-events:none;--vv-checkbox-modifier-segment-state-hover-color:var(--color-word);--vv-checkbox-modifier-segment-state-checked-within-color:var(--color-word);--vv-checkbox-modifier-segment-state-checked-within-font-weight:var(--font-semibold);--vv-checkbox-modifier-segment-state-checked-within-background-color:var(--color-surface);--vv-checkbox-modifier-segment-state-checked-within-box-shadow:var(--shadow-sm);--vv-checkbox-modifier-segment-state-focus-visible-within-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-checkbox-modifier-segment-state-focus-visible-within-outline-offset:var(--spacing-2);--vv-checkbox-modifier-card-display:flex;--vv-checkbox-modifier-card-flex:1;--vv-checkbox-modifier-card-flex-wrap:nowrap;--vv-checkbox-modifier-card-align-items:flex-start;--vv-checkbox-modifier-card-gap:var(--spacing-16);--vv-checkbox-modifier-card-min-width:var(--spacing-128);--vv-checkbox-modifier-card-margin:0;--vv-checkbox-modifier-card-padding:var(--spacing-16);--vv-checkbox-modifier-card-border:var(--border) solid var(--color-surface-4);--vv-checkbox-modifier-card-border-radius:var(--rounded-lg);--vv-checkbox-modifier-card-transition:background-color var(--duration-150) var(--ease-out), border-color var(--duration-150) var(--ease-out);--vv-checkbox-modifier-card-element-input-flex-shrink:0;--vv-checkbox-modifier-card-element-input-margin:0;--vv-checkbox-modifier-card-state-hover-border-color:var(--color-surface-5);--vv-checkbox-modifier-card-state-checked-within-border-color:var(--color-word);--vv-checkbox-modifier-card-state-checked-within-background-color:var(--color-surface-1);--vv-checkbox-modifier-readonly-opacity:var(--opacity-100);--vv-checkbox-modifier-readonly-cursor:default;--vv-checkbox-modifier-readonly-pointer-events:none;--vv-checkbox-modifier-switch-element-input-border:0;--vv-checkbox-modifier-switch-element-input-min-width:var(--spacing-44);--vv-checkbox-modifier-switch-element-input-border-radius:var(--spacing-12);--vv-checkbox-modifier-switch-element-input-background-color:var(--color-word-5);--vv-checkbox-modifier-switch-element-input-position:relative;--vv-checkbox-modifier-switch-element-input-will-change:background-color;--vv-checkbox-modifier-switch-element-input-transition:var(--transition-colors);--vv-checkbox-modifier-switch-element-input-pseudo-after-width:var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-height:var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius:50%;--vv-checkbox-modifier-switch-element-input-pseudo-after-position:absolute;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-block:var(--spacing-2) 0;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-inline:var(--spacing-2) 0;--vv-checkbox-modifier-switch-element-input-pseudo-after-background:var(--color-white);--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change:transform;--vv-checkbox-modifier-switch-element-input-pseudo-after-transition:var(--transition-transform);--vv-checkbox-modifier-switch-element-input-state-hover-background-color:var(--color-word-4);--vv-checkbox-modifier-switch-element-input-state-active-background-color:var(--color-word-3);--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image:none;--vv-checkbox-modifier-switch-element-input-state-checked-background-image:none;--vv-checkbox-modifier-switch-element-input-state-checked-background-color:var(--color-brand);--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-background:var(--color-brand-contrast);--vv-checkbox-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-checkbox-modifier-invalid-element-hint-color:var(--input-invalid-text-color)}:where(.vv-checkbox){display:var(--vv-checkbox-display);flex-wrap:var(--vv-checkbox-flex-wrap);align-items:var(--vv-checkbox-align-items);cursor:var(--vv-checkbox-cursor);-webkit-user-select:var(--vv-checkbox-user-select);user-select:var(--vv-checkbox-user-select);margin:var(--vv-checkbox-margin);color:var(--vv-checkbox-color);font-size:var(--vv-checkbox-font-size);line-height:var(--vv-checkbox-line-height);min-width:var(--vv-checkbox-min-width)}:where(.vv-checkbox__input,.vv-checkbox>input[type=checkbox]){border:var(--vv-checkbox-element-input-border);min-width:var(--input-control-size);height:var(--input-control-size);align-self:var(--vv-checkbox-element-input-align-self);translate:0 calc((1lh - var(--input-control-size)) / 2);margin:var(--vv-checkbox-element-input-margin);background-position:var(--vv-checkbox-element-input-background-position);background-size:var(--vv-checkbox-element-input-background-size);background-repeat:var(--vv-checkbox-element-input-background-repeat);cursor:var(--vv-checkbox-element-input-cursor);position:var(--vv-checkbox-element-input-position)}:where(.vv-checkbox__input--checked,.vv-checkbox__input.checked,.vv-checkbox>input[type=checkbox].checked,.vv-checkbox__input:checked,.vv-checkbox>input[type=checkbox]:checked){background-image:var(--vv-checkbox-element-input-state-checked-background-image)}:where(.vv-checkbox__input--indeterminate,.vv-checkbox__input.indeterminate,.vv-checkbox>input[type=checkbox].indeterminate,.vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-element-input-state-indeterminate-background-image)}:where(.vv-checkbox__input--focus-visible,.vv-checkbox__input.focus-visible,.vv-checkbox>input[type=checkbox].focus-visible,.vv-checkbox__input:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-checkbox>input[type=checkbox]:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-checkbox-element-input-state-focus-visible-outline);outline-offset:var(--vv-checkbox-element-input-state-focus-visible-outline-offset)}:where(.vv-checkbox__label,.vv-checkbox>span:not([class])){flex:var(--vv-checkbox-element-label-flex);min-width:var(--vv-checkbox-element-label-min-width)}:where(.vv-checkbox__hint,.vv-checkbox>small){flex-basis:var(--vv-checkbox-element-hint-flex-basis);display:var(--vv-checkbox-element-hint-display);font-size:var(--vv-checkbox-element-hint-font-size);color:var(--vv-checkbox-element-hint-color);padding-top:var(--vv-checkbox-element-hint-padding-top);white-space:var(--vv-checkbox-element-hint-white-space);text-overflow:var(--vv-checkbox-element-hint-text-overflow);overflow:var(--vv-checkbox-element-hint-overflow);max-width:var(--vv-checkbox-element-hint-max-width)}:where(.vv-checkbox:has(>input[type=checkbox]:disabled)),:where(.vv-checkbox--disabled,.vv-checkbox.disabled,.vv-checkbox[disabled],.vv-checkbox[aria-disabled=true]){opacity:var(--vv-checkbox-state-disabled-opacity);--vv-checkbox-cursor:var(--vv-checkbox-state-disabled-cursor)}:where(.vv-checkbox--disabled .vv-checkbox__input,.vv-checkbox.disabled .vv-checkbox__input,.vv-checkbox[disabled] .vv-checkbox__input,.vv-checkbox[aria-disabled=true] .vv-checkbox__input,.vv-checkbox--disabled>input[type=checkbox],.vv-checkbox.disabled>input[type=checkbox],.vv-checkbox[disabled]>input[type=checkbox],.vv-checkbox[aria-disabled=true]>input[type=checkbox]){cursor:var(--vv-checkbox-state-disabled-element-input-cursor)}:where(.vv-checkbox--segment.vv-checkbox){position:var(--vv-checkbox-modifier-segment-position);--vv-checkbox-display:var(--vv-checkbox-modifier-segment-display);flex:var(--vv-checkbox-modifier-segment-flex);--vv-checkbox-flex-wrap:var(--vv-checkbox-modifier-segment-flex-wrap);--vv-checkbox-align-items:var(--vv-checkbox-modifier-segment-align-items);justify-content:var(--vv-checkbox-modifier-segment-justify-content);--vv-checkbox-min-width:var(--vv-checkbox-modifier-segment-min-width);min-height:var(--vv-checkbox-modifier-segment-min-height);--vv-checkbox-margin:var(--vv-checkbox-modifier-segment-margin);padding:var(--vv-checkbox-modifier-segment-padding);border-radius:var(--vv-checkbox-modifier-segment-border-radius);--vv-checkbox-color:var(--vv-checkbox-modifier-segment-color);white-space:var(--vv-checkbox-modifier-segment-white-space);transition:var(--vv-checkbox-modifier-segment-transition)}:where(.vv-checkbox--segment .vv-checkbox__label,.vv-checkbox--segment>span:not([class])){display:var(--vv-checkbox-modifier-segment-element-label-display);align-items:var(--vv-checkbox-modifier-segment-element-label-align-items);justify-content:var(--vv-checkbox-modifier-segment-element-label-justify-content);gap:var(--vv-checkbox-modifier-segment-element-label-gap)}:where(.vv-checkbox--segment .vv-checkbox__input,.vv-checkbox--segment>input[type=checkbox]){position:var(--vv-checkbox-modifier-segment-element-input-position);width:var(--vv-checkbox-modifier-segment-element-input-width);min-width:var(--vv-checkbox-modifier-segment-element-input-min-width);height:var(--vv-checkbox-modifier-segment-element-input-height);margin:var(--vv-checkbox-modifier-segment-element-input-margin);border:var(--vv-checkbox-modifier-segment-element-input-border);opacity:var(--vv-checkbox-modifier-segment-element-input-opacity);pointer-events:var(--vv-checkbox-modifier-segment-element-input-pointer-events)}:where(.vv-checkbox--segment.vv-checkbox--hover,.vv-checkbox--segment.vv-checkbox.hover,.vv-checkbox--segment.vv-checkbox:not([disabled]):hover){--vv-checkbox-modifier-segment-color:var(--vv-checkbox-modifier-segment-state-hover-color)}:where(.vv-checkbox--segment.vv-checkbox--checked-within,.vv-checkbox--segment.vv-checkbox.checked-within,.vv-checkbox--segment.vv-checkbox:has(input:checked)){--vv-checkbox-modifier-segment-color:var(--vv-checkbox-modifier-segment-state-checked-within-color);font-weight:var(--vv-checkbox-modifier-segment-state-checked-within-font-weight);background-color:var(--vv-checkbox-modifier-segment-state-checked-within-background-color);box-shadow:var(--vv-checkbox-modifier-segment-state-checked-within-box-shadow)}:where(.vv-checkbox--segment.vv-checkbox--focus-visible-within,.vv-checkbox--segment.vv-checkbox.focus-visible-within,.vv-checkbox--segment.vv-checkbox:has(input:focus-visible)){outline:var(--vv-checkbox-modifier-segment-state-focus-visible-within-outline);outline-offset:var(--vv-checkbox-modifier-segment-state-focus-visible-within-outline-offset)}:where(.vv-checkbox--card.vv-checkbox){--vv-checkbox-display:var(--vv-checkbox-modifier-card-display);flex:var(--vv-checkbox-modifier-card-flex);--vv-checkbox-flex-wrap:var(--vv-checkbox-modifier-card-flex-wrap);--vv-checkbox-align-items:var(--vv-checkbox-modifier-card-align-items);gap:var(--vv-checkbox-modifier-card-gap);--vv-checkbox-min-width:var(--vv-checkbox-modifier-card-min-width);--vv-checkbox-margin:var(--vv-checkbox-modifier-card-margin);padding:var(--vv-checkbox-modifier-card-padding);border:var(--vv-checkbox-modifier-card-border);border-radius:var(--vv-checkbox-modifier-card-border-radius);transition:var(--vv-checkbox-modifier-card-transition)}:where(.vv-checkbox--card .vv-checkbox__input,.vv-checkbox--card>input[type=checkbox]){flex-shrink:var(--vv-checkbox-modifier-card-element-input-flex-shrink);margin:var(--vv-checkbox-modifier-card-element-input-margin)}:where(.vv-checkbox--card.vv-checkbox--hover,.vv-checkbox--card.vv-checkbox.hover,.vv-checkbox--card.vv-checkbox:not([disabled]):hover){border-color:var(--vv-checkbox-modifier-card-state-hover-border-color)}:where(.vv-checkbox--card.vv-checkbox--checked-within,.vv-checkbox--card.vv-checkbox.checked-within,.vv-checkbox--card.vv-checkbox:has(input:checked)){border-color:var(--vv-checkbox-modifier-card-state-checked-within-border-color);background-color:var(--vv-checkbox-modifier-card-state-checked-within-background-color)}:where(.vv-checkbox--readonly.vv-checkbox){opacity:var(--vv-checkbox-modifier-readonly-opacity);--vv-checkbox-cursor:var(--vv-checkbox-modifier-readonly-cursor);pointer-events:var(--vv-checkbox-modifier-readonly-pointer-events)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]){--input-control-size:var(--spacing-24);border:var(--vv-checkbox-modifier-switch-element-input-border);min-width:var(--vv-checkbox-modifier-switch-element-input-min-width);border-radius:var(--vv-checkbox-modifier-switch-element-input-border-radius);background-color:var(--vv-checkbox-modifier-switch-element-input-background-color);position:var(--vv-checkbox-modifier-switch-element-input-position);will-change:var(--vv-checkbox-modifier-switch-element-input-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-transition)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]):after{content:"";width:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-width);height:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius);position:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-position);inset-block:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-block);inset-inline:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-inline);background:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-background);will-change:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-transition)}:where(.vv-checkbox--switch .vv-checkbox__input--hover,.vv-checkbox--switch .vv-checkbox__input.hover,.vv-checkbox--switch>input[type=checkbox].hover,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):hover,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):hover){--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-hover-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--active,.vv-checkbox--switch .vv-checkbox__input.active,.vv-checkbox--switch>input[type=checkbox].active,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):active,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):active){--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-active-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch>input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch>input[type=checkbox]:not([disabled]):indeterminate):after{translate:calc(50% * var(--direction,1))}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked){background-image:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-image);--vv-checkbox-modifier-switch-element-input-background-color:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch>input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch>input[type=checkbox]:checked):after{translate:calc(100% * var(--direction,1));--vv-checkbox-modifier-switch-element-input-pseudo-after-background:var(--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-background)}:where(.vv-checkbox--valid>.vv-checkbox__hint,.vv-checkbox--valid>small){color:var(--vv-checkbox-modifier-valid-element-hint-color)}:where(.vv-checkbox--invalid>.vv-checkbox__hint,.vv-checkbox--invalid>small){color:var(--vv-checkbox-modifier-invalid-element-hint-color)}
package/dist/components/vv-command.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-command-display:flex;--vv-command-flex-direction:column;--vv-command-min-width:0;--vv-command-overflow:hidden;--vv-command-border:var(--border) solid var(--color-surface-3);--vv-command-border-radius:var(--rounded-lg);--vv-command-background-color:var(--color-surface);--vv-command-color:var(--color-word-2);--vv-command-font-size:var(--text-14);--vv-command-element-search-display:flex;--vv-command-element-search-align-items:center;--vv-command-element-search-gap:var(--spacing-8);--vv-command-element-search-padding-inline:var(--spacing-12);--vv-command-element-search-border-bottom:var(--border) solid var(--color-surface-3);--vv-command-element-search-color:var(--color-word-3);--vv-command-element-search-transition:border-color var(--duration-150) var(--ease-out);--vv-command-element-search-state-focus-within-border-bottom-color:var(--color-brand);--vv-command-element-input-flex:1;--vv-command-element-input-min-width:0;--vv-command-element-input-min-height:var(--spacing-44);--vv-command-element-input-color:var(--color-word-1);--vv-command-element-input-pseudo-placeholder-color:var(--input-placeholder-color);--vv-command-element-list-max-height:20rem;--vv-command-element-list-margin:0;--vv-command-element-list-padding:var(--spacing-4);--vv-command-element-list-overflow-y:auto;--vv-command-element-list-list-style:none;--vv-command-element-list-scrollbar-width:thin;--vv-command-element-heading-padding:var(--spacing-8) var(--spacing-8) var(--spacing-4);--vv-command-element-heading-color:var(--color-word-3);--vv-command-element-heading-font-size:var(--text-12);--vv-command-element-heading-font-weight:var(--font-semibold);--vv-command-element-option-display:flex;--vv-command-element-option-align-items:center;--vv-command-element-option-gap:var(--spacing-8);--vv-command-element-option-padding:var(--spacing-8);--vv-command-element-option-border-radius:var(--rounded-md);--vv-command-element-option-cursor:pointer;--vv-command-element-option-state-hover-background-color:var(--color-surface-1);--vv-command-element-option-state-selected-background-color:var(--color-surface-2);--vv-command-element-option-state-selected-color:var(--color-word);--vv-command-element-option-state-disabled-opacity:var(--opacity-30);--vv-command-element-option-state-disabled-cursor:not-allowed;--vv-command-element-option-state-disabled-pointer-events:none;--vv-command-element-shortcut-display:inline-flex;--vv-command-element-shortcut-align-items:center;--vv-command-element-shortcut-gap:.25em;--vv-command-element-shortcut-margin-inline-start:auto;--vv-command-element-shortcut-color:var(--color-word-4);--vv-command-element-empty-padding:var(--spacing-lg) var(--spacing-12);--vv-command-element-empty-color:var(--color-word-3);--vv-command-element-empty-text-align:center}:where(.vv-command){display:var(--vv-command-display);flex-direction:var(--vv-command-flex-direction);min-width:var(--vv-command-min-width);overflow:var(--vv-command-overflow);border:var(--vv-command-border);border-radius:var(--vv-command-border-radius);background-color:var(--vv-command-background-color);color:var(--vv-command-color);font-size:var(--vv-command-font-size)}:where(.vv-command__search){display:var(--vv-command-element-search-display);align-items:var(--vv-command-element-search-align-items);gap:var(--vv-command-element-search-gap);padding-inline:var(--vv-command-element-search-padding-inline);border-bottom:var(--vv-command-element-search-border-bottom);color:var(--vv-command-element-search-color);transition:var(--vv-command-element-search-transition)}:where(.vv-command__search--focus-within,.vv-command__search.focus-within,.vv-command__search:not([disabled]):focus-within){border-bottom-color:var(--vv-command-element-search-state-focus-within-border-bottom-color)}:where(.vv-command__input){flex:var(--vv-command-element-input-flex);min-width:var(--vv-command-element-input-min-width);min-height:var(--vv-command-element-input-min-height);color:var(--vv-command-element-input-color);font:inherit}:where(.vv-command__input)::placeholder{content:"";color:var(--vv-command-element-input-pseudo-placeholder-color)}:where(.vv-command__list){max-height:var(--vv-command-element-list-max-height);margin:var(--vv-command-element-list-margin);padding:var(--vv-command-element-list-padding);overflow-y:var(--vv-command-element-list-overflow-y);list-style:var(--vv-command-element-list-list-style);scrollbar-width:var(--vv-command-element-list-scrollbar-width)}:where(.vv-command__heading){padding:var(--vv-command-element-heading-padding);color:var(--vv-command-element-heading-color);font-size:var(--vv-command-element-heading-font-size);font-weight:var(--vv-command-element-heading-font-weight)}:where(.vv-command__option){display:var(--vv-command-element-option-display);align-items:var(--vv-command-element-option-align-items);gap:var(--vv-command-element-option-gap);padding:var(--vv-command-element-option-padding);border-radius:var(--vv-command-element-option-border-radius);cursor:var(--vv-command-element-option-cursor)}:where(.vv-command__option--hover,.vv-command__option.hover,.vv-command__option:not([disabled]):hover){background-color:var(--vv-command-element-option-state-hover-background-color)}:where(.vv-command__option--selected,.vv-command__option.selected,.vv-command__option[aria-selected=true]){background-color:var(--vv-command-element-option-state-selected-background-color);color:var(--vv-command-element-option-state-selected-color)}:where(.vv-command__option--disabled,.vv-command__option.disabled,.vv-command__option[disabled],.vv-command__option[aria-disabled=true]){opacity:var(--vv-command-element-option-state-disabled-opacity);--vv-command-element-option-cursor:var(--vv-command-element-option-state-disabled-cursor);pointer-events:var(--vv-command-element-option-state-disabled-pointer-events)}:where(.vv-command__shortcut){display:var(--vv-command-element-shortcut-display);align-items:var(--vv-command-element-shortcut-align-items);gap:var(--vv-command-element-shortcut-gap);color:var(--vv-command-element-shortcut-color);margin-inline-start:var(--vv-command-element-shortcut-margin-inline-start)}:where(.vv-command__empty){padding:var(--vv-command-element-empty-padding);color:var(--vv-command-element-empty-color);text-align:var(--vv-command-element-empty-text-align)}
1
+ :where(:host,:root,.theme){--vv-command-display:flex;--vv-command-flex-direction:column;--vv-command-min-width:0;--vv-command-overflow:hidden;--vv-command-border:var(--border) solid var(--color-surface-3);--vv-command-border-radius:var(--rounded-lg);--vv-command-background-color:var(--color-surface);--vv-command-color:var(--color-word-2);--vv-command-font-size:var(--text-14);--vv-command-element-search-display:flex;--vv-command-element-search-align-items:center;--vv-command-element-search-gap:var(--spacing-8);--vv-command-element-search-padding-inline:var(--spacing-12);--vv-command-element-search-border-bottom:var(--border) solid var(--color-surface-3);--vv-command-element-search-color:var(--color-word-3);--vv-command-element-search-transition:border-color var(--duration-150) var(--ease-out);--vv-command-element-search-state-focus-within-border-bottom-color:var(--color-brand-graphic);--vv-command-element-input-flex:1;--vv-command-element-input-min-width:0;--vv-command-element-input-min-height:var(--spacing-44);--vv-command-element-input-color:var(--color-word-1);--vv-command-element-input-pseudo-placeholder-color:var(--input-placeholder-color);--vv-command-element-list-max-height:20rem;--vv-command-element-list-margin:0;--vv-command-element-list-padding:var(--spacing-4);--vv-command-element-list-overflow-y:auto;--vv-command-element-list-list-style:none;--vv-command-element-list-scrollbar-width:thin;--vv-command-element-heading-padding:var(--spacing-8) var(--spacing-8) var(--spacing-4);--vv-command-element-heading-color:var(--color-word-3);--vv-command-element-heading-font-size:var(--text-12);--vv-command-element-heading-font-weight:var(--font-semibold);--vv-command-element-option-display:flex;--vv-command-element-option-align-items:center;--vv-command-element-option-gap:var(--spacing-8);--vv-command-element-option-padding:var(--spacing-8);--vv-command-element-option-border-radius:var(--rounded-md);--vv-command-element-option-cursor:pointer;--vv-command-element-option-state-hover-background-color:var(--color-surface-1);--vv-command-element-option-state-selected-background-color:var(--color-surface-2);--vv-command-element-option-state-selected-color:var(--color-word);--vv-command-element-option-state-disabled-opacity:var(--opacity-30);--vv-command-element-option-state-disabled-cursor:not-allowed;--vv-command-element-option-state-disabled-pointer-events:none;--vv-command-element-shortcut-display:inline-flex;--vv-command-element-shortcut-align-items:center;--vv-command-element-shortcut-gap:.25em;--vv-command-element-shortcut-margin-inline-start:auto;--vv-command-element-shortcut-color:var(--color-word-4);--vv-command-element-empty-padding:var(--spacing-lg) var(--spacing-12);--vv-command-element-empty-color:var(--color-word-3);--vv-command-element-empty-text-align:center}:where(.vv-command){display:var(--vv-command-display);flex-direction:var(--vv-command-flex-direction);min-width:var(--vv-command-min-width);overflow:var(--vv-command-overflow);border:var(--vv-command-border);border-radius:var(--vv-command-border-radius);background-color:var(--vv-command-background-color);color:var(--vv-command-color);font-size:var(--vv-command-font-size)}:where(.vv-command__search){display:var(--vv-command-element-search-display);align-items:var(--vv-command-element-search-align-items);gap:var(--vv-command-element-search-gap);padding-inline:var(--vv-command-element-search-padding-inline);border-bottom:var(--vv-command-element-search-border-bottom);color:var(--vv-command-element-search-color);transition:var(--vv-command-element-search-transition)}:where(.vv-command__search--focus-within,.vv-command__search.focus-within,.vv-command__search:not([disabled]):focus-within){border-bottom-color:var(--vv-command-element-search-state-focus-within-border-bottom-color)}:where(.vv-command__input){flex:var(--vv-command-element-input-flex);min-width:var(--vv-command-element-input-min-width);min-height:var(--vv-command-element-input-min-height);color:var(--vv-command-element-input-color);font:inherit}:where(.vv-command__input)::placeholder{content:"";color:var(--vv-command-element-input-pseudo-placeholder-color)}:where(.vv-command__list){max-height:var(--vv-command-element-list-max-height);margin:var(--vv-command-element-list-margin);padding:var(--vv-command-element-list-padding);overflow-y:var(--vv-command-element-list-overflow-y);list-style:var(--vv-command-element-list-list-style);scrollbar-width:var(--vv-command-element-list-scrollbar-width)}:where(.vv-command__heading){padding:var(--vv-command-element-heading-padding);color:var(--vv-command-element-heading-color);font-size:var(--vv-command-element-heading-font-size);font-weight:var(--vv-command-element-heading-font-weight)}:where(.vv-command__option){display:var(--vv-command-element-option-display);align-items:var(--vv-command-element-option-align-items);gap:var(--vv-command-element-option-gap);padding:var(--vv-command-element-option-padding);border-radius:var(--vv-command-element-option-border-radius);cursor:var(--vv-command-element-option-cursor)}:where(.vv-command__option--hover,.vv-command__option.hover,.vv-command__option:not([disabled]):hover){background-color:var(--vv-command-element-option-state-hover-background-color)}:where(.vv-command__option--selected,.vv-command__option.selected,.vv-command__option[aria-selected=true]){background-color:var(--vv-command-element-option-state-selected-background-color);color:var(--vv-command-element-option-state-selected-color)}:where(.vv-command__option--disabled,.vv-command__option.disabled,.vv-command__option[disabled],.vv-command__option[aria-disabled=true]){opacity:var(--vv-command-element-option-state-disabled-opacity);--vv-command-element-option-cursor:var(--vv-command-element-option-state-disabled-cursor);pointer-events:var(--vv-command-element-option-state-disabled-pointer-events)}:where(.vv-command__shortcut){display:var(--vv-command-element-shortcut-display);align-items:var(--vv-command-element-shortcut-align-items);gap:var(--vv-command-element-shortcut-gap);color:var(--vv-command-element-shortcut-color);margin-inline-start:var(--vv-command-element-shortcut-margin-inline-start)}:where(.vv-command__empty){padding:var(--vv-command-element-empty-padding);color:var(--vv-command-element-empty-color);text-align:var(--vv-command-element-empty-text-align)}
package/dist/components/vv-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-readable);--vv-dropdown-action-cursor:pointer;--vv-dropdown-action-state-disabled-opacity:var(--opacity-50);--vv-dropdown-action-state-disabled-cursor:not-allowed;--vv-dropdown-action-state-hover-background-color:var(--color-surface-brand);--vv-dropdown-action-state-hover-color:var(--color-surface-brand-readable);--vv-dropdown-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-dropdown-action-state-focus-visible-outline-offset:calc(var(--spacing-px) * -1);--vv-dropdown-action-state-pressed-background-color:var(--color-surface-2)}:where(.vv-dropdown-action){display:var(--vv-dropdown-action-display);width:var(--vv-dropdown-action-width);overflow:var(--vv-dropdown-action-overflow);gap:var(--vv-dropdown-action-gap);align-items:var(--vv-dropdown-action-align-items);padding:var(--vv-dropdown-action-padding);color:var(--vv-dropdown-action-color);cursor:var(--vv-dropdown-action-cursor)}:where(.vv-dropdown-action--disabled,.vv-dropdown-action.disabled,.vv-dropdown-action[disabled],.vv-dropdown-action[aria-disabled=true]){opacity:var(--vv-dropdown-action-state-disabled-opacity);--vv-dropdown-action-cursor:var(--vv-dropdown-action-state-disabled-cursor)}:where(.vv-dropdown-action--hover,.vv-dropdown-action.hover,.vv-dropdown-action:not([disabled]):hover){background-color:var(--vv-dropdown-action-state-hover-background-color);--vv-dropdown-action-color:var(--vv-dropdown-action-state-hover-color)}:where(.vv-dropdown-action--focus-visible,.vv-dropdown-action.focus-visible,.vv-dropdown-action:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-dropdown-action-state-focus-visible-outline);outline-offset:var(--vv-dropdown-action-state-focus-visible-outline-offset)}:where(.vv-dropdown-action--pressed,.vv-dropdown-action.pressed,.vv-dropdown-action[aria-pressed=true]){background-color:var(--vv-dropdown-action-state-pressed-background-color)}
1
+ :where(:host,:root,.theme){--vv-dropdown-action-display:flex;--vv-dropdown-action-width:100%;--vv-dropdown-action-overflow:hidden;--vv-dropdown-action-gap:var(--spacing-sm);--vv-dropdown-action-align-items:center;--vv-dropdown-action-padding:var(--spacing-sm);--vv-dropdown-action-color:var(--color-brand-readable);--vv-dropdown-action-cursor:pointer;--vv-dropdown-action-state-disabled-opacity:var(--opacity-50);--vv-dropdown-action-state-disabled-cursor:not-allowed;--vv-dropdown-action-state-hover-background-color:var(--color-surface-brand);--vv-dropdown-action-state-hover-color:var(--color-surface-brand-readable);--vv-dropdown-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-dropdown-action-state-focus-visible-outline-offset:calc(var(--spacing-px) * -1);--vv-dropdown-action-state-pressed-background-color:var(--color-surface-2)}:where(.vv-dropdown-action){display:var(--vv-dropdown-action-display);width:var(--vv-dropdown-action-width);overflow:var(--vv-dropdown-action-overflow);gap:var(--vv-dropdown-action-gap);align-items:var(--vv-dropdown-action-align-items);padding:var(--vv-dropdown-action-padding);color:var(--vv-dropdown-action-color);cursor:var(--vv-dropdown-action-cursor)}:where(.vv-dropdown-action--disabled,.vv-dropdown-action.disabled,.vv-dropdown-action[disabled],.vv-dropdown-action[aria-disabled=true]){opacity:var(--vv-dropdown-action-state-disabled-opacity);--vv-dropdown-action-cursor:var(--vv-dropdown-action-state-disabled-cursor)}:where(.vv-dropdown-action--hover,.vv-dropdown-action.hover,.vv-dropdown-action:not([disabled]):hover){background-color:var(--vv-dropdown-action-state-hover-background-color);--vv-dropdown-action-color:var(--vv-dropdown-action-state-hover-color)}:where(.vv-dropdown-action--focus-visible,.vv-dropdown-action.focus-visible,.vv-dropdown-action:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-dropdown-action-state-focus-visible-outline);outline-offset:var(--vv-dropdown-action-state-focus-visible-outline-offset)}:where(.vv-dropdown-action--pressed,.vv-dropdown-action.pressed,.vv-dropdown-action[aria-pressed=true]){background-color:var(--vv-dropdown-action-state-pressed-background-color)}
package/dist/components/vv-field.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-field-display:var(--input-display);--vv-field-flex:var(--input-flex);--vv-field-flex-direction:var(--input-flex-direction);--vv-field-margin-bottom:var(--input-gap);--vv-field-font-size:var(--input-font-size);--vv-field-line-height:var(--input-line-height);--vv-field-min-width:var(--input-min-width);--vv-field-element-label-display:var(--input-label-display);--vv-field-element-label-font-size:var(--input-label-font-size);--vv-field-element-label-font-weight:var(--input-label-font-weight);--vv-field-element-label-color:var(--input-label-color);--vv-field-element-label-margin:0 0 var(--input-label-gap) 0;--vv-field-element-label-white-space:var(--input-label-white-space);--vv-field-element-label-text-overflow:var(--input-label-text-overflow);--vv-field-element-label-overflow:var(--input-label-overflow);--vv-field-element-label-max-width:var(--input-label-max-width);--vv-field-element-wrapper-position:relative;--vv-field-element-wrapper-display:flex;--vv-field-element-wrapper-align-items:center;--vv-field-element-wrapper-flex:1;--vv-field-element-wrapper-overflow:hidden;--vv-field-element-wrapper-background-color:var(--input-background-color);--vv-field-element-wrapper-will-change:background-color;--vv-field-element-wrapper-transition:var(--transition-colors);--vv-field-element-wrapper-pseudo-before-position:absolute;--vv-field-element-wrapper-pseudo-before-height:var(--spacing-1);--vv-field-element-wrapper-pseudo-before-inset:auto 0 0 0;--vv-field-element-wrapper-pseudo-before-background:var(--color-word-5);--vv-field-element-wrapper-pseudo-after-position:absolute;--vv-field-element-wrapper-pseudo-after-height:var(--spacing-2);--vv-field-element-wrapper-pseudo-after-inset:auto 0 0 0;--vv-field-element-wrapper-pseudo-after-background:var(--color-brand);--vv-field-element-wrapper-pseudo-after-scale:0 1;--vv-field-element-wrapper-pseudo-after-transform-origin:left;--vv-field-element-wrapper-pseudo-after-will-change:transform;--vv-field-element-wrapper-pseudo-after-transition:var(--transition-transform);--vv-field-element-wrapper-state-hover-background-color:var(--input-background-color-hover);--vv-field-element-wrapper-state-focus-within-background-color:var(--input-background-color-focus);--vv-field-element-wrapper-state-focus-within-pseudo-after-scale:1;--vv-field-element-wrapper-flex-wrap:wrap;--vv-field-element-control-flex:1;--vv-field-element-control-min-width:0;--vv-field-element-control-min-height:var(--input-min-height);--vv-field-element-control-margin:0;--vv-field-element-control-border:0;--vv-field-element-control-outline:none;--vv-field-element-control-background:none;--vv-field-element-control-color:var(--input-color);--vv-field-element-control-line-height:var(--leading-normal);--vv-field-element-control-pseudo-placeholder-color:var(--input-placeholder-color);--vv-field-element-control-state-disabled-cursor:not-allowed;--vv-field-element-before-display:flex;--vv-field-element-before-flex-shrink:0;--vv-field-element-before-align-items:center;--vv-field-element-before-gap:var(--spacing-4);--vv-field-element-before-color:var(--input-placeholder-color);--vv-field-element-after-display:flex;--vv-field-element-after-flex-shrink:0;--vv-field-element-after-align-items:center;--vv-field-element-after-gap:var(--spacing-4);--vv-field-element-after-color:var(--input-placeholder-color);--vv-field-element-toolbar-display:flex;--vv-field-element-toolbar-flex-basis:100%;--vv-field-element-toolbar-flex-wrap:wrap;--vv-field-element-toolbar-align-items:center;--vv-field-element-toolbar-gap:var(--spacing-4);--vv-field-element-hint-display:var(--input-hint-display);--vv-field-element-hint-font-size:var(--input-hint-font-size);--vv-field-element-hint-color:var(--input-hint-color);--vv-field-element-hint-padding-top:var(--input-hint-gap);--vv-field-element-hint-padding-inline:var(--spacing-xs);--vv-field-element-hint-white-space:var(--input-hint-white-space);--vv-field-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-field-element-hint-overflow:var(--input-hint-overflow);--vv-field-modifier-valid-element-wrapper-pseudo-after-background:var(--input-valid-color);--vv-field-modifier-valid-element-wrapper-pseudo-after-scale:1;--vv-field-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-field-modifier-invalid-element-wrapper-pseudo-after-background:var(--input-invalid-color);--vv-field-modifier-invalid-element-wrapper-pseudo-after-scale:1;--vv-field-modifier-invalid-element-hint-color:var(--input-invalid-text-color);--vv-field-modifier-loading-element-wrapper-pseudo-after-opacity:var(--opacity-100);--vv-field-modifier-loading-element-wrapper-pseudo-after-animation:var(--animation-indeterminate);--vv-field-state-disabled-opacity:var(--opacity-50);--vv-field-state-disabled-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-field-state-disabled-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-field-state-readonly-element-wrapper-pseudo-before-opacity:var(--opacity-0);--vv-field-state-readonly-element-wrapper-pseudo-after-opacity:var(--opacity-0);--vv-field-state-readonly-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-field-state-readonly-element-wrapper-state-focus-within-background-color:var(--input-background-color)}:where(.vv-field){display:var(--vv-field-display);flex:var(--vv-field-flex);flex-direction:var(--vv-field-flex-direction);margin-bottom:var(--vv-field-margin-bottom);font-size:var(--vv-field-font-size);line-height:var(--vv-field-line-height);min-width:var(--vv-field-min-width)}:where(.vv-field__label,.vv-field>label){display:var(--vv-field-element-label-display);font-size:var(--vv-field-element-label-font-size);font-weight:var(--vv-field-element-label-font-weight);color:var(--vv-field-element-label-color);margin:var(--vv-field-element-label-margin);white-space:var(--vv-field-element-label-white-space);text-overflow:var(--vv-field-element-label-text-overflow);overflow:var(--vv-field-element-label-overflow);max-width:var(--vv-field-element-label-max-width)}:where(.vv-field__wrapper){position:var(--vv-field-element-wrapper-position);display:var(--vv-field-element-wrapper-display);align-items:var(--vv-field-element-wrapper-align-items);flex:var(--vv-field-element-wrapper-flex);overflow:var(--vv-field-element-wrapper-overflow);background-color:var(--vv-field-element-wrapper-background-color);will-change:var(--vv-field-element-wrapper-will-change);transition:var(--vv-field-element-wrapper-transition)}:where(.vv-field__wrapper):before{content:"";position:var(--vv-field-element-wrapper-pseudo-before-position);height:var(--vv-field-element-wrapper-pseudo-before-height);inset:var(--vv-field-element-wrapper-pseudo-before-inset);background:var(--vv-field-element-wrapper-pseudo-before-background)}:where(.vv-field__wrapper):after{content:"";position:var(--vv-field-element-wrapper-pseudo-after-position);height:var(--vv-field-element-wrapper-pseudo-after-height);inset:var(--vv-field-element-wrapper-pseudo-after-inset);background:var(--vv-field-element-wrapper-pseudo-after-background);scale:var(--vv-field-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-field-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-field-element-wrapper-pseudo-after-will-change);transition:var(--vv-field-element-wrapper-pseudo-after-transition)}:where(.vv-field__wrapper){flex-wrap:var(--vv-field-element-wrapper-flex-wrap)}:where(.vv-field__wrapper--hover,.vv-field__wrapper.hover,.vv-field__wrapper:not([disabled]):hover){--vv-field-element-wrapper-background-color:var(--vv-field-element-wrapper-state-hover-background-color)}:where(.vv-field__wrapper--focus-within,.vv-field__wrapper.focus-within,.vv-field__wrapper:not([disabled]):focus-within){--vv-field-element-wrapper-background-color:var(--vv-field-element-wrapper-state-focus-within-background-color)}:where(.vv-field__wrapper--focus-within,.vv-field__wrapper.focus-within,.vv-field__wrapper:not([disabled]):focus-within):after{--vv-field-element-wrapper-pseudo-after-scale:var(--vv-field-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-field__control){flex:var(--vv-field-element-control-flex);min-width:var(--vv-field-element-control-min-width);min-height:var(--vv-field-element-control-min-height);margin:var(--vv-field-element-control-margin);border:var(--vv-field-element-control-border);outline:var(--vv-field-element-control-outline);background:var(--vv-field-element-control-background);color:var(--vv-field-element-control-color);line-height:var(--vv-field-element-control-line-height);padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);font:inherit}:where(.vv-field__control)::placeholder{content:"";color:var(--vv-field-element-control-pseudo-placeholder-color)}:where(.vv-field__control--disabled,.vv-field__control.disabled,.vv-field__control[disabled],.vv-field__control[aria-disabled=true]){cursor:var(--vv-field-element-control-state-disabled-cursor)}:where(.vv-field__before){display:var(--vv-field-element-before-display);flex-shrink:var(--vv-field-element-before-flex-shrink);align-items:var(--vv-field-element-before-align-items);gap:var(--vv-field-element-before-gap);color:var(--vv-field-element-before-color);padding-inline-start:var(--input-spacing-left)}:where(.vv-field__after){display:var(--vv-field-element-after-display);flex-shrink:var(--vv-field-element-after-flex-shrink);align-items:var(--vv-field-element-after-align-items);gap:var(--vv-field-element-after-gap);color:var(--vv-field-element-after-color);padding-inline-end:var(--input-spacing-right)}:where(.vv-field__toolbar){display:var(--vv-field-element-toolbar-display);flex-basis:var(--vv-field-element-toolbar-flex-basis);flex-wrap:var(--vv-field-element-toolbar-flex-wrap);align-items:var(--vv-field-element-toolbar-align-items);gap:var(--vv-field-element-toolbar-gap);padding-inline:var(--input-spacing-left) var(--input-spacing-right);padding-bottom:var(--input-spacing-bottom)}:where(.vv-field__hint,.vv-field>small){display:var(--vv-field-element-hint-display);font-size:var(--vv-field-element-hint-font-size);color:var(--vv-field-element-hint-color);padding-top:var(--vv-field-element-hint-padding-top);padding-inline:var(--vv-field-element-hint-padding-inline);white-space:var(--vv-field-element-hint-white-space);text-overflow:var(--vv-field-element-hint-text-overflow);overflow:var(--vv-field-element-hint-overflow)}:where(.vv-field:has(.vv-field__control[disabled])),:where(.vv-field--disabled,.vv-field.disabled,.vv-field[disabled],.vv-field[aria-disabled=true]){opacity:var(--vv-field-state-disabled-opacity)}:where(.vv-field:has(.vv-field__control[disabled]) .vv-field__wrapper:hover),:where(.vv-field--disabled .vv-field__wrapper--hover,.vv-field--disabled .vv-field__wrapper.hover,.vv-field--disabled .vv-field__wrapper:not([disabled]):hover,.vv-field.disabled .vv-field__wrapper--hover,.vv-field.disabled .vv-field__wrapper.hover,.vv-field.disabled .vv-field__wrapper:not([disabled]):hover,.vv-field[disabled] .vv-field__wrapper--hover,.vv-field[disabled] .vv-field__wrapper.hover,.vv-field[disabled] .vv-field__wrapper:not([disabled]):hover,.vv-field[aria-disabled=true] .vv-field__wrapper--hover,.vv-field[aria-disabled=true] .vv-field__wrapper.hover,.vv-field[aria-disabled=true] .vv-field__wrapper:not([disabled]):hover){background-color:var(--vv-field-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-field:has(.vv-field__control[disabled]) .vv-field__wrapper:focus-within),:where(.vv-field--disabled .vv-field__wrapper--focus-within,.vv-field--disabled .vv-field__wrapper.focus-within,.vv-field--disabled .vv-field__wrapper:not([disabled]):focus-within,.vv-field.disabled .vv-field__wrapper--focus-within,.vv-field.disabled .vv-field__wrapper.focus-within,.vv-field.disabled .vv-field__wrapper:not([disabled]):focus-within,.vv-field[disabled] .vv-field__wrapper--focus-within,.vv-field[disabled] .vv-field__wrapper.focus-within,.vv-field[disabled] .vv-field__wrapper:not([disabled]):focus-within,.vv-field[aria-disabled=true] .vv-field__wrapper--focus-within,.vv-field[aria-disabled=true] .vv-field__wrapper.focus-within,.vv-field[aria-disabled=true] .vv-field__wrapper:not([disabled]):focus-within){background-color:var(--vv-field-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper):before,:where(.vv-field--readonly .vv-field__wrapper,.vv-field.readonly .vv-field__wrapper,.vv-field[readonly] .vv-field__wrapper):before{content:"";opacity:var(--vv-field-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper):after,:where(.vv-field--readonly .vv-field__wrapper,.vv-field.readonly .vv-field__wrapper,.vv-field[readonly] .vv-field__wrapper):after{content:"";opacity:var(--vv-field-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper:hover),:where(.vv-field--readonly .vv-field__wrapper--hover,.vv-field--readonly .vv-field__wrapper.hover,.vv-field--readonly .vv-field__wrapper:not([disabled]):hover,.vv-field.readonly .vv-field__wrapper--hover,.vv-field.readonly .vv-field__wrapper.hover,.vv-field.readonly .vv-field__wrapper:not([disabled]):hover,.vv-field[readonly] .vv-field__wrapper--hover,.vv-field[readonly] .vv-field__wrapper.hover,.vv-field[readonly] .vv-field__wrapper:not([disabled]):hover){background-color:var(--vv-field-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper:focus-within),:where(.vv-field--readonly .vv-field__wrapper--focus-within,.vv-field--readonly .vv-field__wrapper.focus-within,.vv-field--readonly .vv-field__wrapper:not([disabled]):focus-within,.vv-field.readonly .vv-field__wrapper--focus-within,.vv-field.readonly .vv-field__wrapper.focus-within,.vv-field.readonly .vv-field__wrapper:not([disabled]):focus-within,.vv-field[readonly] .vv-field__wrapper--focus-within,.vv-field[readonly] .vv-field__wrapper.focus-within,.vv-field[readonly] .vv-field__wrapper:not([disabled]):focus-within){background-color:var(--vv-field-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-field--valid .vv-field__wrapper):after{content:"";background:var(--vv-field-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-field-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-field--valid>.vv-field__hint,.vv-field--valid>small){color:var(--vv-field-modifier-valid-element-hint-color)}:where(.vv-field--invalid .vv-field__wrapper):after{content:"";background:var(--vv-field-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-field-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-field--invalid>.vv-field__hint,.vv-field--invalid>small){color:var(--vv-field-modifier-invalid-element-hint-color)}:where(.vv-field--loading .vv-field__wrapper):after{content:"";opacity:var(--vv-field-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-field-modifier-loading-element-wrapper-pseudo-after-animation)}
1
+ :where(:host,:root,.theme){--vv-field-display:var(--input-display);--vv-field-flex:var(--input-flex);--vv-field-flex-direction:var(--input-flex-direction);--vv-field-margin-bottom:var(--input-gap);--vv-field-font-size:var(--input-font-size);--vv-field-line-height:var(--input-line-height);--vv-field-min-width:var(--input-min-width);--vv-field-element-label-display:var(--input-label-display);--vv-field-element-label-font-size:var(--input-label-font-size);--vv-field-element-label-font-weight:var(--input-label-font-weight);--vv-field-element-label-color:var(--input-label-color);--vv-field-element-label-margin:0 0 var(--input-label-gap) 0;--vv-field-element-label-white-space:var(--input-label-white-space);--vv-field-element-label-text-overflow:var(--input-label-text-overflow);--vv-field-element-label-overflow:var(--input-label-overflow);--vv-field-element-label-max-width:var(--input-label-max-width);--vv-field-element-wrapper-position:relative;--vv-field-element-wrapper-display:flex;--vv-field-element-wrapper-align-items:center;--vv-field-element-wrapper-flex:1;--vv-field-element-wrapper-overflow:hidden;--vv-field-element-wrapper-background-color:var(--input-background-color);--vv-field-element-wrapper-will-change:background-color;--vv-field-element-wrapper-transition:var(--transition-colors);--vv-field-element-wrapper-pseudo-before-position:absolute;--vv-field-element-wrapper-pseudo-before-height:var(--spacing-1);--vv-field-element-wrapper-pseudo-before-inset:auto 0 0 0;--vv-field-element-wrapper-pseudo-before-background:var(--color-word-5);--vv-field-element-wrapper-pseudo-after-position:absolute;--vv-field-element-wrapper-pseudo-after-height:var(--spacing-2);--vv-field-element-wrapper-pseudo-after-inset:auto 0 0 0;--vv-field-element-wrapper-pseudo-after-background:var(--color-brand-graphic);--vv-field-element-wrapper-pseudo-after-scale:0 1;--vv-field-element-wrapper-pseudo-after-transform-origin:left;--vv-field-element-wrapper-pseudo-after-will-change:transform;--vv-field-element-wrapper-pseudo-after-transition:var(--transition-transform);--vv-field-element-wrapper-state-hover-background-color:var(--input-background-color-hover);--vv-field-element-wrapper-state-focus-within-background-color:var(--input-background-color-focus);--vv-field-element-wrapper-state-focus-within-pseudo-after-scale:1;--vv-field-element-wrapper-flex-wrap:wrap;--vv-field-element-control-flex:1;--vv-field-element-control-min-width:0;--vv-field-element-control-min-height:var(--input-min-height);--vv-field-element-control-margin:0;--vv-field-element-control-border:0;--vv-field-element-control-outline:none;--vv-field-element-control-background:none;--vv-field-element-control-color:var(--input-color);--vv-field-element-control-line-height:var(--leading-normal);--vv-field-element-control-pseudo-placeholder-color:var(--input-placeholder-color);--vv-field-element-control-state-disabled-cursor:not-allowed;--vv-field-element-before-display:flex;--vv-field-element-before-flex-shrink:0;--vv-field-element-before-align-items:center;--vv-field-element-before-gap:var(--spacing-4);--vv-field-element-before-color:var(--input-placeholder-color);--vv-field-element-after-display:flex;--vv-field-element-after-flex-shrink:0;--vv-field-element-after-align-items:center;--vv-field-element-after-gap:var(--spacing-4);--vv-field-element-after-color:var(--input-placeholder-color);--vv-field-element-toolbar-display:flex;--vv-field-element-toolbar-flex-basis:100%;--vv-field-element-toolbar-flex-wrap:wrap;--vv-field-element-toolbar-align-items:center;--vv-field-element-toolbar-gap:var(--spacing-4);--vv-field-element-hint-display:var(--input-hint-display);--vv-field-element-hint-font-size:var(--input-hint-font-size);--vv-field-element-hint-color:var(--input-hint-color);--vv-field-element-hint-padding-top:var(--input-hint-gap);--vv-field-element-hint-padding-inline:var(--spacing-xs);--vv-field-element-hint-white-space:var(--input-hint-white-space);--vv-field-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-field-element-hint-overflow:var(--input-hint-overflow);--vv-field-modifier-valid-element-wrapper-pseudo-after-background:var(--input-valid-color);--vv-field-modifier-valid-element-wrapper-pseudo-after-scale:1;--vv-field-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-field-modifier-invalid-element-wrapper-pseudo-after-background:var(--input-invalid-color);--vv-field-modifier-invalid-element-wrapper-pseudo-after-scale:1;--vv-field-modifier-invalid-element-hint-color:var(--input-invalid-text-color);--vv-field-modifier-loading-element-wrapper-pseudo-after-opacity:var(--opacity-100);--vv-field-modifier-loading-element-wrapper-pseudo-after-animation:var(--animation-indeterminate);--vv-field-state-disabled-opacity:var(--opacity-50);--vv-field-state-disabled-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-field-state-disabled-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-field-state-readonly-element-wrapper-pseudo-before-opacity:var(--opacity-0);--vv-field-state-readonly-element-wrapper-pseudo-after-opacity:var(--opacity-0);--vv-field-state-readonly-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-field-state-readonly-element-wrapper-state-focus-within-background-color:var(--input-background-color)}:where(.vv-field){display:var(--vv-field-display);flex:var(--vv-field-flex);flex-direction:var(--vv-field-flex-direction);margin-bottom:var(--vv-field-margin-bottom);font-size:var(--vv-field-font-size);line-height:var(--vv-field-line-height);min-width:var(--vv-field-min-width)}:where(.vv-field__label,.vv-field>label){display:var(--vv-field-element-label-display);font-size:var(--vv-field-element-label-font-size);font-weight:var(--vv-field-element-label-font-weight);color:var(--vv-field-element-label-color);margin:var(--vv-field-element-label-margin);white-space:var(--vv-field-element-label-white-space);text-overflow:var(--vv-field-element-label-text-overflow);overflow:var(--vv-field-element-label-overflow);max-width:var(--vv-field-element-label-max-width)}:where(.vv-field__wrapper){position:var(--vv-field-element-wrapper-position);display:var(--vv-field-element-wrapper-display);align-items:var(--vv-field-element-wrapper-align-items);flex:var(--vv-field-element-wrapper-flex);overflow:var(--vv-field-element-wrapper-overflow);background-color:var(--vv-field-element-wrapper-background-color);will-change:var(--vv-field-element-wrapper-will-change);transition:var(--vv-field-element-wrapper-transition)}:where(.vv-field__wrapper):before{content:"";position:var(--vv-field-element-wrapper-pseudo-before-position);height:var(--vv-field-element-wrapper-pseudo-before-height);inset:var(--vv-field-element-wrapper-pseudo-before-inset);background:var(--vv-field-element-wrapper-pseudo-before-background)}:where(.vv-field__wrapper):after{content:"";position:var(--vv-field-element-wrapper-pseudo-after-position);height:var(--vv-field-element-wrapper-pseudo-after-height);inset:var(--vv-field-element-wrapper-pseudo-after-inset);background:var(--vv-field-element-wrapper-pseudo-after-background);scale:var(--vv-field-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-field-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-field-element-wrapper-pseudo-after-will-change);transition:var(--vv-field-element-wrapper-pseudo-after-transition)}:where(.vv-field__wrapper){flex-wrap:var(--vv-field-element-wrapper-flex-wrap)}:where(.vv-field__wrapper--hover,.vv-field__wrapper.hover,.vv-field__wrapper:not([disabled]):hover){--vv-field-element-wrapper-background-color:var(--vv-field-element-wrapper-state-hover-background-color)}:where(.vv-field__wrapper--focus-within,.vv-field__wrapper.focus-within,.vv-field__wrapper:not([disabled]):focus-within){--vv-field-element-wrapper-background-color:var(--vv-field-element-wrapper-state-focus-within-background-color)}:where(.vv-field__wrapper--focus-within,.vv-field__wrapper.focus-within,.vv-field__wrapper:not([disabled]):focus-within):after{--vv-field-element-wrapper-pseudo-after-scale:var(--vv-field-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-field__control){flex:var(--vv-field-element-control-flex);min-width:var(--vv-field-element-control-min-width);min-height:var(--vv-field-element-control-min-height);margin:var(--vv-field-element-control-margin);border:var(--vv-field-element-control-border);outline:var(--vv-field-element-control-outline);background:var(--vv-field-element-control-background);color:var(--vv-field-element-control-color);line-height:var(--vv-field-element-control-line-height);padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);font:inherit}:where(.vv-field__control)::placeholder{content:"";color:var(--vv-field-element-control-pseudo-placeholder-color)}:where(.vv-field__control--disabled,.vv-field__control.disabled,.vv-field__control[disabled],.vv-field__control[aria-disabled=true]){cursor:var(--vv-field-element-control-state-disabled-cursor)}:where(.vv-field__before){display:var(--vv-field-element-before-display);flex-shrink:var(--vv-field-element-before-flex-shrink);align-items:var(--vv-field-element-before-align-items);gap:var(--vv-field-element-before-gap);color:var(--vv-field-element-before-color);padding-inline-start:var(--input-spacing-left)}:where(.vv-field__after){display:var(--vv-field-element-after-display);flex-shrink:var(--vv-field-element-after-flex-shrink);align-items:var(--vv-field-element-after-align-items);gap:var(--vv-field-element-after-gap);color:var(--vv-field-element-after-color);padding-inline-end:var(--input-spacing-right)}:where(.vv-field__toolbar){display:var(--vv-field-element-toolbar-display);flex-basis:var(--vv-field-element-toolbar-flex-basis);flex-wrap:var(--vv-field-element-toolbar-flex-wrap);align-items:var(--vv-field-element-toolbar-align-items);gap:var(--vv-field-element-toolbar-gap);padding-inline:var(--input-spacing-left) var(--input-spacing-right);padding-bottom:var(--input-spacing-bottom)}:where(.vv-field__hint,.vv-field>small){display:var(--vv-field-element-hint-display);font-size:var(--vv-field-element-hint-font-size);color:var(--vv-field-element-hint-color);padding-top:var(--vv-field-element-hint-padding-top);padding-inline:var(--vv-field-element-hint-padding-inline);white-space:var(--vv-field-element-hint-white-space);text-overflow:var(--vv-field-element-hint-text-overflow);overflow:var(--vv-field-element-hint-overflow)}:where(.vv-field:has(.vv-field__control[disabled])),:where(.vv-field--disabled,.vv-field.disabled,.vv-field[disabled],.vv-field[aria-disabled=true]){opacity:var(--vv-field-state-disabled-opacity)}:where(.vv-field:has(.vv-field__control[disabled]) .vv-field__wrapper:hover),:where(.vv-field--disabled .vv-field__wrapper--hover,.vv-field--disabled .vv-field__wrapper.hover,.vv-field--disabled .vv-field__wrapper:not([disabled]):hover,.vv-field.disabled .vv-field__wrapper--hover,.vv-field.disabled .vv-field__wrapper.hover,.vv-field.disabled .vv-field__wrapper:not([disabled]):hover,.vv-field[disabled] .vv-field__wrapper--hover,.vv-field[disabled] .vv-field__wrapper.hover,.vv-field[disabled] .vv-field__wrapper:not([disabled]):hover,.vv-field[aria-disabled=true] .vv-field__wrapper--hover,.vv-field[aria-disabled=true] .vv-field__wrapper.hover,.vv-field[aria-disabled=true] .vv-field__wrapper:not([disabled]):hover){background-color:var(--vv-field-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-field:has(.vv-field__control[disabled]) .vv-field__wrapper:focus-within),:where(.vv-field--disabled .vv-field__wrapper--focus-within,.vv-field--disabled .vv-field__wrapper.focus-within,.vv-field--disabled .vv-field__wrapper:not([disabled]):focus-within,.vv-field.disabled .vv-field__wrapper--focus-within,.vv-field.disabled .vv-field__wrapper.focus-within,.vv-field.disabled .vv-field__wrapper:not([disabled]):focus-within,.vv-field[disabled] .vv-field__wrapper--focus-within,.vv-field[disabled] .vv-field__wrapper.focus-within,.vv-field[disabled] .vv-field__wrapper:not([disabled]):focus-within,.vv-field[aria-disabled=true] .vv-field__wrapper--focus-within,.vv-field[aria-disabled=true] .vv-field__wrapper.focus-within,.vv-field[aria-disabled=true] .vv-field__wrapper:not([disabled]):focus-within){background-color:var(--vv-field-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper):before,:where(.vv-field--readonly .vv-field__wrapper,.vv-field.readonly .vv-field__wrapper,.vv-field[readonly] .vv-field__wrapper):before{content:"";opacity:var(--vv-field-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper):after,:where(.vv-field--readonly .vv-field__wrapper,.vv-field.readonly .vv-field__wrapper,.vv-field[readonly] .vv-field__wrapper):after{content:"";opacity:var(--vv-field-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper:hover),:where(.vv-field--readonly .vv-field__wrapper--hover,.vv-field--readonly .vv-field__wrapper.hover,.vv-field--readonly .vv-field__wrapper:not([disabled]):hover,.vv-field.readonly .vv-field__wrapper--hover,.vv-field.readonly .vv-field__wrapper.hover,.vv-field.readonly .vv-field__wrapper:not([disabled]):hover,.vv-field[readonly] .vv-field__wrapper--hover,.vv-field[readonly] .vv-field__wrapper.hover,.vv-field[readonly] .vv-field__wrapper:not([disabled]):hover){background-color:var(--vv-field-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-field:has(.vv-field__control[readonly]) .vv-field__wrapper:focus-within),:where(.vv-field--readonly .vv-field__wrapper--focus-within,.vv-field--readonly .vv-field__wrapper.focus-within,.vv-field--readonly .vv-field__wrapper:not([disabled]):focus-within,.vv-field.readonly .vv-field__wrapper--focus-within,.vv-field.readonly .vv-field__wrapper.focus-within,.vv-field.readonly .vv-field__wrapper:not([disabled]):focus-within,.vv-field[readonly] .vv-field__wrapper--focus-within,.vv-field[readonly] .vv-field__wrapper.focus-within,.vv-field[readonly] .vv-field__wrapper:not([disabled]):focus-within){background-color:var(--vv-field-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-field--valid .vv-field__wrapper):after{content:"";background:var(--vv-field-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-field-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-field--valid>.vv-field__hint,.vv-field--valid>small){color:var(--vv-field-modifier-valid-element-hint-color)}:where(.vv-field--invalid .vv-field__wrapper):after{content:"";background:var(--vv-field-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-field-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-field--invalid>.vv-field__hint,.vv-field--invalid>small){color:var(--vv-field-modifier-invalid-element-hint-color)}:where(.vv-field--loading .vv-field__wrapper):after{content:"";opacity:var(--vv-field-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-field-modifier-loading-element-wrapper-pseudo-after-animation)}
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-text-color);--vv-input-file-modifier-valid-element-limit-color:var(--input-valid-text-color);--vv-input-file-modifier-valid-element-icon-after-color:var(--input-valid-text-color);--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color:var(--input-valid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background:var(--input-invalid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale:1;--vv-input-file-modifier-invalid-element-hint-color:var(--input-invalid-text-color);--vv-input-file-modifier-invalid-element-limit-color:var(--input-invalid-text-color);--vv-input-file-modifier-invalid-element-icon-after-color:var(--input-invalid-text-color);--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color:var(--input-invalid-color);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity:var(--opacity-100);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation:var(--animation-indeterminate);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color:var(--color-brand);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation:var(--animation-clippath);--vv-input-file-modifier-hidden-element-wrapper-display:none;--vv-input-file-modifier-hidden-element-drop-area-margin-bottom:var(--spacing-0);--vv-input-file-modifier-dragging-element-drop-area-background-color:var(--color-surface-2);--vv-input-file-modifier-dragging-element-drop-area-color:var(--input-color);--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color:var(--color-brand);--vv-input-file-modifier-square-element-drop-area-aspect-ratio:var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-aspect-ratio:var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-preview-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-action-position:relative;--vv-input-file-modifier-circle-element-drop-area-action-top:auto;--vv-input-file-modifier-circle-element-drop-area-action-right:auto;--vv-input-file-state-disabled-opacity:var(--opacity-50);--vv-input-file-state-disabled-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-cursor:not-allowed;--vv-input-file-state-disabled-element-drop-area-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-color:var(--input-hint-color);--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity:var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity:var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-input-file-state-readonly-element-drop-area-display:none}:where(.vv-input-file){display:var(--vv-input-file-display);flex:var(--vv-input-file-flex);flex-direction:var(--vv-input-file-flex-direction);margin-bottom:var(--vv-input-file-margin-bottom);font-size:var(--vv-input-file-font-size);line-height:var(--vv-input-file-line-height);min-width:var(--vv-input-file-min-width)}:where(.vv-input-file__label,.vv-input-file>label){display:var(--vv-input-file-element-label-display);font-size:var(--vv-input-file-element-label-font-size);font-weight:var(--vv-input-file-element-label-font-weight);color:var(--vv-input-file-element-label-color);margin:var(--vv-input-file-element-label-margin);white-space:var(--vv-input-file-element-label-white-space);text-overflow:var(--vv-input-file-element-label-text-overflow);overflow:var(--vv-input-file-element-label-overflow);max-width:var(--vv-input-file-element-label-max-width)}:where(.vv-input-file__wrapper){position:var(--vv-input-file-element-wrapper-position);display:var(--vv-input-file-element-wrapper-display);align-items:var(--vv-input-file-element-wrapper-align-items);flex:var(--vv-input-file-element-wrapper-flex);overflow:var(--vv-input-file-element-wrapper-overflow);background-color:var(--vv-input-file-element-wrapper-background-color);will-change:var(--vv-input-file-element-wrapper-will-change);transition:var(--vv-input-file-element-wrapper-transition)}:where(.vv-input-file__wrapper):before{content:"";position:var(--vv-input-file-element-wrapper-pseudo-before-position);height:var(--vv-input-file-element-wrapper-pseudo-before-height);inset:var(--vv-input-file-element-wrapper-pseudo-before-inset);background:var(--vv-input-file-element-wrapper-pseudo-before-background)}:where(.vv-input-file__wrapper):after{content:"";position:var(--vv-input-file-element-wrapper-pseudo-after-position);height:var(--vv-input-file-element-wrapper-pseudo-after-height);inset:var(--vv-input-file-element-wrapper-pseudo-after-inset);background:var(--vv-input-file-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-input-file-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-file-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-file-element-wrapper-pseudo-after-transition)}:where(.vv-input-file__wrapper--hover,.vv-input-file__wrapper.hover,.vv-input-file__wrapper:not([disabled]):hover){--vv-input-file-element-wrapper-background-color:var(--vv-input-file-element-wrapper-state-hover-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within){--vv-input-file-element-wrapper-background-color:var(--vv-input-file-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within):after{--vv-input-file-element-wrapper-pseudo-after-scale:var(--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-file__inner){position:var(--vv-input-file-element-inner-position);display:var(--vv-input-file-element-inner-display);flex:var(--vv-input-file-element-inner-flex);min-width:var(--vv-input-file-element-inner-min-width)}:where(.vv-input-file__input,.vv-input-file input[type=file]){flex:var(--vv-input-file-element-input-flex);white-space:var(--vv-input-file-element-input-white-space);cursor:var(--vv-input-file-element-input-cursor);color:var(--vv-input-file-element-input-color);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-file-element-input-min-width);min-height:var(--vv-input-file-element-input-min-height);display:var(--vv-input-file-element-input-display);align-items:var(--vv-input-file-element-input-align-items);text-overflow:var(--vv-input-file-element-input-text-overflow)}:where(.vv-input-file__input,.vv-input-file input[type=file])::file-selector-button{content:"";appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);border:var(--vv-input-file-element-input-pseudo-file-selector-button-border);background:var(--vv-input-file-element-input-pseudo-file-selector-button-background);cursor:var(--vv-input-file-element-input-pseudo-file-selector-button-cursor);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);color:var(--vv-input-file-element-input-pseudo-file-selector-button-color);min-height:var(--vv-input-file-element-input-pseudo-file-selector-button-min-height)}:where(.vv-input-file__input--disabled,.vv-input-file__input.disabled,.vv-input-file input[type=file].disabled,.vv-input-file__input[disabled],.vv-input-file input[type=file][disabled],.vv-input-file__input[aria-disabled=true],.vv-input-file input[type=file][aria-disabled=true]){--vv-input-file-element-input-cursor:var(--vv-input-file-element-input-state-disabled-cursor)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly]){--vv-input-file-element-input-cursor:var(--vv-input-file-element-input-state-readonly-cursor);-webkit-user-select:var(--vv-input-file-element-input-state-readonly-user-select);user-select:var(--vv-input-file-element-input-state-readonly-user-select);pointer-events:var(--vv-input-file-element-input-state-readonly-pointer-events)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly])::file-selector-button{opacity:var(--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity)}:where(.vv-input-file__input-before){display:var(--vv-input-file-element-input-before-display);padding-left:var(--vv-input-file-element-input-before-padding-left)}:where(.vv-input-file__input-after){display:var(--vv-input-file-element-input-after-display);padding-right:var(--vv-input-file-element-input-after-padding-right)}:where(.vv-input-file__icon,.vv-input-file>div>:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-position);top:var(--vv-input-file-element-icon-top);left:var(--vv-input-file-element-icon-left);width:var(--vv-input-file-element-icon-width);height:var(--vv-input-file-element-icon-height);margin:var(--vv-input-file-element-icon-margin);pointer-events:var(--vv-input-file-element-icon-pointer-events);flex-shrink:var(--vv-input-file-element-icon-flex-shrink)}:where(.vv-input-file__icon-after,.vv-input-file input+:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-after-position);right:var(--vv-input-file-element-icon-after-right);left:var(--vv-input-file-element-icon-after-left)}:where(.vv-input-file__hint,.vv-input-file>small){display:var(--vv-input-file-element-hint-display);font-size:var(--vv-input-file-element-hint-font-size);color:var(--vv-input-file-element-hint-color);padding-top:var(--vv-input-file-element-hint-padding-top);padding-inline:var(--vv-input-file-element-hint-padding-inline);white-space:var(--vv-input-file-element-hint-white-space);text-overflow:var(--vv-input-file-element-hint-text-overflow);overflow:var(--vv-input-file-element-hint-overflow)}:where(.vv-input-file__drop-area){position:var(--vv-input-file-element-drop-area-position);background-color:var(--vv-input-file-element-drop-area-background-color);color:var(--vv-input-file-element-drop-area-color);min-height:var(--vv-input-file-element-drop-area-min-height);padding:var(--vv-input-file-element-drop-area-padding);display:var(--vv-input-file-element-drop-area-display);text-align:var(--vv-input-file-element-drop-area-text-align);align-items:var(--vv-input-file-element-drop-area-align-items);justify-content:var(--vv-input-file-element-drop-area-justify-content);margin-bottom:var(--vv-input-file-element-drop-area-margin-bottom);cursor:var(--vv-input-file-element-drop-area-cursor);transition:var(--vv-input-file-element-drop-area-transition);overflow:var(--vv-input-file-element-drop-area-overflow);text-overflow:var(--vv-input-file-element-drop-area-text-overflow)}:where(.vv-input-file__drop-area):after{content:"";position:var(--vv-input-file-element-drop-area-pseudo-after-position);inset:var(--vv-input-file-element-drop-area-pseudo-after-inset);opacity:var(--vv-input-file-element-drop-area-pseudo-after-opacity);border-width:var(--vv-input-file-element-drop-area-pseudo-after-border-width);border-style:var(--vv-input-file-element-drop-area-pseudo-after-border-style);border-color:var(--vv-input-file-element-drop-area-pseudo-after-border-color);transition:var(--vv-input-file-element-drop-area-pseudo-after-transition)}:where(.vv-input-file__drop-area--hover,.vv-input-file__drop-area.hover,.vv-input-file__drop-area:not([disabled]):hover){--vv-input-file-element-drop-area-background-color:var(--vv-input-file-element-drop-area-state-hover-background-color);--vv-input-file-element-drop-area-color:var(--vv-input-file-element-drop-area-state-hover-color)}:where(.vv-input-file__drop-area-action){position:var(--vv-input-file-element-drop-area-action-position);top:var(--vv-input-file-element-drop-area-action-top);right:var(--vv-input-file-element-drop-area-action-right);z-index:var(--vv-input-file-element-drop-area-action-z-index)}:where(.vv-input-file__preview){position:var(--vv-input-file-element-preview-position);display:var(--vv-input-file-element-preview-display);inset:var(--vv-input-file-element-preview-inset);font-size:var(--vv-input-file-element-preview-font-size);align-items:var(--vv-input-file-element-preview-align-items);justify-content:var(--vv-input-file-element-preview-justify-content);object-fit:var(--vv-input-file-element-preview-object-fit);object-position:var(--vv-input-file-element-preview-object-position);background:var(--vv-input-file-element-preview-background);overflow:var(--vv-input-file-element-preview-overflow)}:where(.vv-input-file__progress){position:var(--vv-input-file-element-progress-position);width:var(--vv-input-file-element-progress-width);height:var(--vv-input-file-element-progress-height);bottom:var(--vv-input-file-element-progress-bottom);left:var(--vv-input-file-element-progress-left);z-index:var(--vv-input-file-element-progress-z-index)}:where(.vv-input-file__progress)::-webkit-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-input-file__progress)::-moz-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color);-moz-transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition);transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition)}:where(.vv-input-file__progress)::-webkit-progress-value{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color);-webkit-transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition);transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition)}:where(.vv-input-file__list){display:var(--vv-input-file-element-list-display);flex-direction:var(--vv-input-file-element-list-flex-direction);gap:var(--vv-input-file-element-list-gap);margin-top:var(--vv-input-file-element-list-margin-top)}:where(.vv-input-file__list--empty,.vv-input-file__list.empty,.vv-input-file__list:not([disabled]):empty){--vv-input-file-element-list-display:var(--vv-input-file-element-list-state-empty-display)}:where(.vv-input-file__item){position:var(--vv-input-file-element-item-position);overflow:var(--vv-input-file-element-item-overflow);display:var(--vv-input-file-element-item-display);font-size:var(--vv-input-file-element-item-font-size);align-items:var(--vv-input-file-element-item-align-items);gap:var(--vv-input-file-element-item-gap);background-color:var(--vv-input-file-element-item-background-color);padding:var(--vv-input-file-element-item-padding)}:where(.vv-input-file__item--active,.vv-input-file__item.active,.vv-input-file__item:not([disabled]):active){--vv-input-file-element-item-background-color:var(--vv-input-file-element-item-state-active-background-color)}:where(.vv-input-file__item-name){white-space:var(--vv-input-file-element-item-name-white-space);text-overflow:var(--vv-input-file-element-item-name-text-overflow);overflow:var(--vv-input-file-element-item-name-overflow)}:where(.vv-input-file__item-info){font-size:var(--vv-input-file-element-item-info-font-size);white-space:var(--vv-input-file-element-item-info-white-space);color:var(--vv-input-file-element-item-info-color);align-self:var(--vv-input-file-element-item-info-align-self)}:where(.vv-input-file__item-link){white-space:var(--vv-input-file-element-item-link-white-space);text-overflow:var(--vv-input-file-element-item-link-text-overflow);overflow:var(--vv-input-file-element-item-link-overflow);cursor:var(--vv-input-file-element-item-link-cursor);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);text-decoration:var(--vv-input-file-element-item-link-text-decoration)}:where(.vv-input-file__item-icon){flex-shrink:var(--vv-input-file-element-item-icon-flex-shrink)}:where(.vv-input-file__item-action){flex-shrink:var(--vv-input-file-element-item-action-flex-shrink);cursor:var(--vv-input-file-element-item-action-cursor)}:where(.vv-input-file__item-remove){flex-shrink:var(--vv-input-file-element-item-remove-flex-shrink);cursor:var(--vv-input-file-element-item-remove-cursor);background-image:var(--vv-input-file-element-item-remove-background-image);width:var(--vv-input-file-element-item-remove-width);height:var(--vv-input-file-element-item-remove-height);background-size:var(--vv-input-file-element-item-remove-background-size);background-repeat:var(--vv-input-file-element-item-remove-background-repeat);background-position:var(--vv-input-file-element-item-remove-background-position);border-radius:var(--vv-input-file-element-item-remove-border-radius);background-color:var(--vv-input-file-element-item-remove-background-color);transition:var(--vv-input-file-element-item-remove-transition);margin-inline-start:var(--vv-input-file-element-item-remove-margin-inline-start)}:where(.vv-input-file__item-remove--hover,.vv-input-file__item-remove.hover,.vv-input-file__item-remove:not([disabled]):hover){--vv-input-file-element-item-remove-background-color:var(--vv-input-file-element-item-remove-state-hover-background-color)}:where(.vv-input-file__item-remove--active,.vv-input-file__item-remove.active,.vv-input-file__item-remove:not([disabled]):active){--vv-input-file-element-item-remove-background-color:var(--vv-input-file-element-item-remove-state-active-background-color)}:where(.vv-input-file__item-remove--focus-visible,.vv-input-file__item-remove.focus-visible,.vv-input-file__item-remove:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-input-file-element-item-remove-state-focus-visible-outline)}:where(.vv-input-file__item-remove--disabled,.vv-input-file__item-remove.disabled,.vv-input-file__item-remove[disabled],.vv-input-file__item-remove[aria-disabled=true]){--vv-input-file-element-item-remove-cursor:var(--vv-input-file-element-item-remove-state-disabled-cursor);opacity:var(--vv-input-file-element-item-remove-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled])),:where(.vv-input-file--disabled,.vv-input-file.disabled,.vv-input-file[disabled],.vv-input-file[aria-disabled=true]){opacity:var(--vv-input-file-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:hover),:where(.vv-input-file--disabled .vv-input-file__wrapper--hover,.vv-input-file--disabled .vv-input-file__wrapper.hover,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.disabled .vv-input-file__wrapper--hover,.vv-input-file.disabled .vv-input-file__wrapper.hover,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[disabled] .vv-input-file__wrapper--hover,.vv-input-file[disabled] .vv-input-file__wrapper.hover,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--disabled .vv-input-file__wrapper--focus-within,.vv-input-file--disabled .vv-input-file__wrapper.focus-within,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.disabled .vv-input-file__wrapper--focus-within,.vv-input-file.disabled .vv-input-file__wrapper.focus-within,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[disabled] .vv-input-file__wrapper--focus-within,.vv-input-file[disabled] .vv-input-file__wrapper.focus-within,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__drop-area),:where(.vv-input-file--disabled .vv-input-file__drop-area,.vv-input-file.disabled .vv-input-file__drop-area,.vv-input-file[disabled] .vv-input-file__drop-area,.vv-input-file[aria-disabled=true] .vv-input-file__drop-area){cursor:var(--vv-input-file-state-disabled-element-drop-area-cursor);background-color:var(--vv-input-file-state-disabled-element-drop-area-background-color);color:var(--vv-input-file-state-disabled-element-drop-area-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):before,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):before{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):after,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:hover),:where(.vv-input-file--readonly .vv-input-file__wrapper--hover,.vv-input-file--readonly .vv-input-file__wrapper.hover,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.readonly .vv-input-file__wrapper--hover,.vv-input-file.readonly .vv-input-file__wrapper.hover,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[readonly] .vv-input-file__wrapper--hover,.vv-input-file[readonly] .vv-input-file__wrapper.hover,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--readonly .vv-input-file__wrapper--focus-within,.vv-input-file--readonly .vv-input-file__wrapper.focus-within,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.readonly .vv-input-file__wrapper--focus-within,.vv-input-file.readonly .vv-input-file__wrapper.focus-within,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[readonly] .vv-input-file__wrapper--focus-within,.vv-input-file[readonly] .vv-input-file__wrapper.focus-within,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__drop-area),:where(.vv-input-file--readonly .vv-input-file__drop-area,.vv-input-file.readonly .vv-input-file__drop-area,.vv-input-file[readonly] .vv-input-file__drop-area){display:var(--vv-input-file-state-readonly-element-drop-area-display)}:where(.vv-input-file--icon-before.vv-input-file){--input-spacing-left:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after.vv-input-file){--input-spacing-right:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after .vv-input-file__limit){margin-left:var(--vv-input-file-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-file--with-progress .vv-input-file__drop-area){cursor:var(--vv-input-file-modifier-with-progress-element-drop-area-cursor);height:var(--vv-input-file-modifier-with-progress-element-drop-area-height);min-height:var(--vv-input-file-modifier-with-progress-element-drop-area-min-height);padding-block:var(--vv-input-file-modifier-with-progress-element-drop-area-padding-block);color:var(--vv-input-file-modifier-with-progress-element-drop-area-color);background-color:var(--vv-input-file-modifier-with-progress-element-drop-area-background-color)}:where(.vv-input-file--with-progress .vv-input-file__drop-area):after{content:"";opacity:var(--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity)}:where(.vv-input-file--valid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--valid .vv-input-file__hint,.vv-input-file--valid>small){color:var(--vv-input-file-modifier-valid-element-hint-color)}:where(.vv-input-file--valid .vv-input-file__limit){color:var(--vv-input-file-modifier-valid-element-limit-color)}:where(.vv-input-file--valid .vv-input-file__icon-after,.vv-input-file--valid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-valid-element-icon-after-color)}:where(.vv-input-file--valid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--invalid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--invalid .vv-input-file__hint,.vv-input-file--invalid>small){color:var(--vv-input-file-modifier-invalid-element-hint-color)}:where(.vv-input-file--invalid .vv-input-file__limit){color:var(--vv-input-file-modifier-invalid-element-limit-color)}:where(.vv-input-file--invalid .vv-input-file__icon-after,.vv-input-file--invalid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-invalid-element-icon-after-color)}:where(.vv-input-file--invalid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--loading .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-file--loading .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color);animation:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation)}:where(.vv-input-file--hidden .vv-input-file__wrapper){display:var(--vv-input-file-modifier-hidden-element-wrapper-display)}:where(.vv-input-file--hidden .vv-input-file__drop-area){margin-bottom:var(--vv-input-file-modifier-hidden-element-drop-area-margin-bottom)}:where(.vv-input-file--dragging .vv-input-file__drop-area){background-color:var(--vv-input-file-modifier-dragging-element-drop-area-background-color);color:var(--vv-input-file-modifier-dragging-element-drop-area-color)}:where(.vv-input-file--dragging .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--square .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-square-element-drop-area-aspect-ratio)}:where(.vv-input-file--circle .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-circle-element-drop-area-aspect-ratio);border-radius:var(--vv-input-file-modifier-circle-element-drop-area-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area):after{content:"";border-radius:var(--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius)}:where(.vv-input-file--circle .vv-input-file__preview){border-radius:var(--vv-input-file-modifier-circle-element-preview-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area-action){position:var(--vv-input-file-modifier-circle-element-drop-area-action-position);top:var(--vv-input-file-modifier-circle-element-drop-area-action-top);right:var(--vv-input-file-modifier-circle-element-drop-area-action-right)}
1
+ :where(:host,:root,.theme){--vv-input-file-display:var(--input-display);--vv-input-file-flex:var(--input-flex);--vv-input-file-flex-direction:var(--input-flex-direction);--vv-input-file-margin-bottom:var(--input-gap);--vv-input-file-font-size:var(--input-font-size);--vv-input-file-line-height:var(--input-line-height);--vv-input-file-min-width:var(--input-min-width);--vv-input-file-element-label-display:var(--input-label-display);--vv-input-file-element-label-font-size:var(--input-label-font-size);--vv-input-file-element-label-font-weight:var(--input-label-font-weight);--vv-input-file-element-label-color:var(--input-label-color);--vv-input-file-element-label-margin:0 0 var(--input-label-gap) 0;--vv-input-file-element-label-white-space:var(--input-label-white-space);--vv-input-file-element-label-text-overflow:var(--input-label-text-overflow);--vv-input-file-element-label-overflow:var(--input-label-overflow);--vv-input-file-element-label-max-width:var(--input-label-max-width);--vv-input-file-element-wrapper-position:relative;--vv-input-file-element-wrapper-display:flex;--vv-input-file-element-wrapper-align-items:center;--vv-input-file-element-wrapper-flex:1;--vv-input-file-element-wrapper-overflow:hidden;--vv-input-file-element-wrapper-background-color:var(--input-background-color);--vv-input-file-element-wrapper-will-change:background-color;--vv-input-file-element-wrapper-transition:var(--transition-colors);--vv-input-file-element-wrapper-pseudo-before-position:absolute;--vv-input-file-element-wrapper-pseudo-before-height:var(--spacing-1);--vv-input-file-element-wrapper-pseudo-before-inset:auto 0 0 0;--vv-input-file-element-wrapper-pseudo-before-background:var(--color-word-5);--vv-input-file-element-wrapper-pseudo-after-position:absolute;--vv-input-file-element-wrapper-pseudo-after-height:var(--spacing-2);--vv-input-file-element-wrapper-pseudo-after-inset:auto 0 0 0;--vv-input-file-element-wrapper-pseudo-after-background:var(--color-brand-graphic);--vv-input-file-element-wrapper-pseudo-after-scale:0 1;--vv-input-file-element-wrapper-pseudo-after-transform-origin:left;--vv-input-file-element-wrapper-pseudo-after-will-change:transform;--vv-input-file-element-wrapper-pseudo-after-transition:var(--transition-transform);--vv-input-file-element-wrapper-state-hover-background-color:var(--input-background-color-hover);--vv-input-file-element-wrapper-state-focus-within-background-color:var(--input-background-color-focus);--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale:1;--vv-input-file-element-inner-position:relative;--vv-input-file-element-inner-display:flex;--vv-input-file-element-inner-flex:1;--vv-input-file-element-inner-min-width:0;--vv-input-file-element-input-flex:1;--vv-input-file-element-input-white-space:nowrap;--vv-input-file-element-input-cursor:pointer;--vv-input-file-element-input-color:var(--input-color);--vv-input-file-element-input-min-width:0;--vv-input-file-element-input-min-height:var(--input-min-height);--vv-input-file-element-input-display:flex;--vv-input-file-element-input-align-items:center;--vv-input-file-element-input-text-overflow:var(--input-text-overflow);--vv-input-file-element-input-pseudo-file-selector-button-appearance:none;--vv-input-file-element-input-pseudo-file-selector-button-border:none;--vv-input-file-element-input-pseudo-file-selector-button-background:transparent;--vv-input-file-element-input-pseudo-file-selector-button-cursor:pointer;--vv-input-file-element-input-pseudo-file-selector-button-text-decoration:underline;--vv-input-file-element-input-pseudo-file-selector-button-color:var(--input-color);--vv-input-file-element-input-pseudo-file-selector-button-min-height:var(--input-min-height);--vv-input-file-element-input-state-disabled-cursor:not-allowed;--vv-input-file-element-input-state-readonly-cursor:text;--vv-input-file-element-input-state-readonly-user-select:text;--vv-input-file-element-input-state-readonly-pointer-events:none;--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity:var(--opacity-50);--vv-input-file-element-input-before-display:flex;--vv-input-file-element-input-before-padding-left:var(--input-spacing-left);--vv-input-file-element-input-after-display:flex;--vv-input-file-element-input-after-padding-right:var(--input-spacing-right);--vv-input-file-element-icon-position:var(--input-icon-position);--vv-input-file-element-icon-top:0;--vv-input-file-element-icon-left:0;--vv-input-file-element-icon-width:var(--input-icon-width);--vv-input-file-element-icon-height:var(--input-min-height);--vv-input-file-element-icon-margin:var(--input-icon-margin);--vv-input-file-element-icon-pointer-events:var(--input-icon-pointer-events);--vv-input-file-element-icon-flex-shrink:0;--vv-input-file-element-icon-after-position:var(--input-icon-position);--vv-input-file-element-icon-after-right:0;--vv-input-file-element-icon-after-left:auto;--vv-input-file-element-hint-display:var(--input-hint-display);--vv-input-file-element-hint-font-size:var(--input-hint-font-size);--vv-input-file-element-hint-color:var(--input-hint-color);--vv-input-file-element-hint-padding-top:var(--input-hint-gap);--vv-input-file-element-hint-padding-inline:var(--spacing-xs);--vv-input-file-element-hint-white-space:var(--input-hint-white-space);--vv-input-file-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-input-file-element-hint-overflow:var(--input-hint-overflow);--vv-input-file-element-drop-area-position:relative;--vv-input-file-element-drop-area-background-color:var(--input-background-color);--vv-input-file-element-drop-area-color:var(--input-hint-color);--vv-input-file-element-drop-area-min-height:var(--spacing-100);--vv-input-file-element-drop-area-padding:var(--spacing-16);--vv-input-file-element-drop-area-display:flex;--vv-input-file-element-drop-area-text-align:center;--vv-input-file-element-drop-area-align-items:center;--vv-input-file-element-drop-area-justify-content:center;--vv-input-file-element-drop-area-margin-bottom:var(--input-label-gap);--vv-input-file-element-drop-area-cursor:pointer;--vv-input-file-element-drop-area-transition:var(--transition-all);--vv-input-file-element-drop-area-overflow:hidden;--vv-input-file-element-drop-area-text-overflow:ellipsis;--vv-input-file-element-drop-area-pseudo-after-position:absolute;--vv-input-file-element-drop-area-pseudo-after-inset:0;--vv-input-file-element-drop-area-pseudo-after-opacity:var(--opacity-100);--vv-input-file-element-drop-area-pseudo-after-border-width:var(--border-2);--vv-input-file-element-drop-area-pseudo-after-border-style:dashed;--vv-input-file-element-drop-area-pseudo-after-border-color:var(--color-word-5);--vv-input-file-element-drop-area-pseudo-after-transition:var(--transition-all);--vv-input-file-element-drop-area-state-hover-background-color:var(--color-surface-2);--vv-input-file-element-drop-area-state-hover-color:var(--input-color);--vv-input-file-element-drop-area-action-position:absolute;--vv-input-file-element-drop-area-action-top:var(--spacing-8);--vv-input-file-element-drop-area-action-right:var(--spacing-8);--vv-input-file-element-drop-area-action-z-index:var(--z-1);--vv-input-file-element-preview-position:absolute;--vv-input-file-element-preview-display:flex;--vv-input-file-element-preview-inset:var(--spacing-4);--vv-input-file-element-preview-font-size:var(--text-xl);--vv-input-file-element-preview-align-items:center;--vv-input-file-element-preview-justify-content:center;--vv-input-file-element-preview-object-fit:contain;--vv-input-file-element-preview-object-position:center;--vv-input-file-element-preview-background:var(--bg-chessboard);--vv-input-file-element-preview-overflow:hidden;--vv-input-file-element-progress-position:absolute;--vv-input-file-element-progress-width:100%;--vv-input-file-element-progress-height:var(--border-2);--vv-input-file-element-progress-bottom:0;--vv-input-file-element-progress-left:0;--vv-input-file-element-progress-z-index:var(--z-1);--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color:transparent;--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color:var(--color-brand);--vv-input-file-element-progress-pseudo--moz-progress-bar-transition:var(--transition-all);--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color:var(--color-brand);--vv-input-file-element-progress-pseudo--webkit-progress-value-transition:var(--transition-all);--vv-input-file-element-list-display:flex;--vv-input-file-element-list-flex-direction:column;--vv-input-file-element-list-gap:var(--input-label-gap);--vv-input-file-element-list-margin-top:var(--input-label-gap);--vv-input-file-element-list-state-empty-display:none;--vv-input-file-element-item-position:relative;--vv-input-file-element-item-overflow:hidden;--vv-input-file-element-item-display:flex;--vv-input-file-element-item-font-size:var(--input-label-font-size);--vv-input-file-element-item-align-items:center;--vv-input-file-element-item-gap:var(--spacing-8);--vv-input-file-element-item-background-color:var(--input-background-color);--vv-input-file-element-item-padding:var(--spacing-8);--vv-input-file-element-item-state-active-background-color:var(--color-surface-2);--vv-input-file-element-item-name-white-space:nowrap;--vv-input-file-element-item-name-text-overflow:ellipsis;--vv-input-file-element-item-name-overflow:hidden;--vv-input-file-element-item-info-font-size:smaller;--vv-input-file-element-item-info-white-space:nowrap;--vv-input-file-element-item-info-color:var(--color-word-5);--vv-input-file-element-item-info-align-self:flex-end;--vv-input-file-element-item-link-white-space:nowrap;--vv-input-file-element-item-link-text-overflow:ellipsis;--vv-input-file-element-item-link-overflow:hidden;--vv-input-file-element-item-link-cursor:pointer;--vv-input-file-element-item-link-text-decoration:underline;--vv-input-file-element-item-icon-flex-shrink:0;--vv-input-file-element-item-action-flex-shrink:0;--vv-input-file-element-item-action-cursor:pointer;--vv-input-file-element-item-remove-flex-shrink:0;--vv-input-file-element-item-remove-cursor:pointer;--vv-input-file-element-item-remove-background-image:var(--bg-close);--vv-input-file-element-item-remove-width:1.4em;--vv-input-file-element-item-remove-height:1.4em;--vv-input-file-element-item-remove-background-size:.8em;--vv-input-file-element-item-remove-background-repeat:no-repeat;--vv-input-file-element-item-remove-background-position:center;--vv-input-file-element-item-remove-border-radius:var(--rounded-full);--vv-input-file-element-item-remove-background-color:var(--color-surface-3);--vv-input-file-element-item-remove-margin-inline-start:auto;--vv-input-file-element-item-remove-transition:var(--transition-colors);--vv-input-file-element-item-remove-state-hover-background-color:var(--color-surface-4);--vv-input-file-element-item-remove-state-active-background-color:var(--color-surface-5);--vv-input-file-element-item-remove-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-input-file-element-item-remove-state-disabled-cursor:not-allowed;--vv-input-file-element-item-remove-state-disabled-opacity:var(--opacity-50);--vv-input-file-modifier-icon-after-element-limit-margin-left:calc((var(--spacing-sm) + 1em) * -1);--vv-input-file-modifier-with-progress-element-drop-area-cursor:not-allowed;--vv-input-file-modifier-with-progress-element-drop-area-height:var(--spacing-2);--vv-input-file-modifier-with-progress-element-drop-area-min-height:0;--vv-input-file-modifier-with-progress-element-drop-area-padding-block:0;--vv-input-file-modifier-with-progress-element-drop-area-color:var(--color-transparent);--vv-input-file-modifier-with-progress-element-drop-area-background-color:var(--color-surface-3);--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity:var(--opacity-0);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background:var(--input-valid-color);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale:1;--vv-input-file-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-input-file-modifier-valid-element-limit-color:var(--input-valid-text-color);--vv-input-file-modifier-valid-element-icon-after-color:var(--input-valid-text-color);--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color:var(--input-valid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background:var(--input-invalid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale:1;--vv-input-file-modifier-invalid-element-hint-color:var(--input-invalid-text-color);--vv-input-file-modifier-invalid-element-limit-color:var(--input-invalid-text-color);--vv-input-file-modifier-invalid-element-icon-after-color:var(--input-invalid-text-color);--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color:var(--input-invalid-color);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity:var(--opacity-100);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation:var(--animation-indeterminate);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color:var(--color-brand);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation:var(--animation-clippath);--vv-input-file-modifier-hidden-element-wrapper-display:none;--vv-input-file-modifier-hidden-element-drop-area-margin-bottom:var(--spacing-0);--vv-input-file-modifier-dragging-element-drop-area-background-color:var(--color-surface-2);--vv-input-file-modifier-dragging-element-drop-area-color:var(--input-color);--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color:var(--color-brand);--vv-input-file-modifier-square-element-drop-area-aspect-ratio:var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-aspect-ratio:var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-preview-border-radius:var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-action-position:relative;--vv-input-file-modifier-circle-element-drop-area-action-top:auto;--vv-input-file-modifier-circle-element-drop-area-action-right:auto;--vv-input-file-state-disabled-opacity:var(--opacity-50);--vv-input-file-state-disabled-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-cursor:not-allowed;--vv-input-file-state-disabled-element-drop-area-background-color:var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-color:var(--input-hint-color);--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity:var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity:var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-state-hover-background-color:var(--input-background-color);--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color:var(--input-background-color);--vv-input-file-state-readonly-element-drop-area-display:none}:where(.vv-input-file){display:var(--vv-input-file-display);flex:var(--vv-input-file-flex);flex-direction:var(--vv-input-file-flex-direction);margin-bottom:var(--vv-input-file-margin-bottom);font-size:var(--vv-input-file-font-size);line-height:var(--vv-input-file-line-height);min-width:var(--vv-input-file-min-width)}:where(.vv-input-file__label,.vv-input-file>label){display:var(--vv-input-file-element-label-display);font-size:var(--vv-input-file-element-label-font-size);font-weight:var(--vv-input-file-element-label-font-weight);color:var(--vv-input-file-element-label-color);margin:var(--vv-input-file-element-label-margin);white-space:var(--vv-input-file-element-label-white-space);text-overflow:var(--vv-input-file-element-label-text-overflow);overflow:var(--vv-input-file-element-label-overflow);max-width:var(--vv-input-file-element-label-max-width)}:where(.vv-input-file__wrapper){position:var(--vv-input-file-element-wrapper-position);display:var(--vv-input-file-element-wrapper-display);align-items:var(--vv-input-file-element-wrapper-align-items);flex:var(--vv-input-file-element-wrapper-flex);overflow:var(--vv-input-file-element-wrapper-overflow);background-color:var(--vv-input-file-element-wrapper-background-color);will-change:var(--vv-input-file-element-wrapper-will-change);transition:var(--vv-input-file-element-wrapper-transition)}:where(.vv-input-file__wrapper):before{content:"";position:var(--vv-input-file-element-wrapper-pseudo-before-position);height:var(--vv-input-file-element-wrapper-pseudo-before-height);inset:var(--vv-input-file-element-wrapper-pseudo-before-inset);background:var(--vv-input-file-element-wrapper-pseudo-before-background)}:where(.vv-input-file__wrapper):after{content:"";position:var(--vv-input-file-element-wrapper-pseudo-after-position);height:var(--vv-input-file-element-wrapper-pseudo-after-height);inset:var(--vv-input-file-element-wrapper-pseudo-after-inset);background:var(--vv-input-file-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-input-file-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-file-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-file-element-wrapper-pseudo-after-transition)}:where(.vv-input-file__wrapper--hover,.vv-input-file__wrapper.hover,.vv-input-file__wrapper:not([disabled]):hover){--vv-input-file-element-wrapper-background-color:var(--vv-input-file-element-wrapper-state-hover-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within){--vv-input-file-element-wrapper-background-color:var(--vv-input-file-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within):after{--vv-input-file-element-wrapper-pseudo-after-scale:var(--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-file__inner){position:var(--vv-input-file-element-inner-position);display:var(--vv-input-file-element-inner-display);flex:var(--vv-input-file-element-inner-flex);min-width:var(--vv-input-file-element-inner-min-width)}:where(.vv-input-file__input,.vv-input-file input[type=file]){flex:var(--vv-input-file-element-input-flex);white-space:var(--vv-input-file-element-input-white-space);cursor:var(--vv-input-file-element-input-cursor);color:var(--vv-input-file-element-input-color);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-file-element-input-min-width);min-height:var(--vv-input-file-element-input-min-height);display:var(--vv-input-file-element-input-display);align-items:var(--vv-input-file-element-input-align-items);text-overflow:var(--vv-input-file-element-input-text-overflow)}:where(.vv-input-file__input,.vv-input-file input[type=file])::file-selector-button{content:"";appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);border:var(--vv-input-file-element-input-pseudo-file-selector-button-border);background:var(--vv-input-file-element-input-pseudo-file-selector-button-background);cursor:var(--vv-input-file-element-input-pseudo-file-selector-button-cursor);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);color:var(--vv-input-file-element-input-pseudo-file-selector-button-color);min-height:var(--vv-input-file-element-input-pseudo-file-selector-button-min-height)}:where(.vv-input-file__input--disabled,.vv-input-file__input.disabled,.vv-input-file input[type=file].disabled,.vv-input-file__input[disabled],.vv-input-file input[type=file][disabled],.vv-input-file__input[aria-disabled=true],.vv-input-file input[type=file][aria-disabled=true]){--vv-input-file-element-input-cursor:var(--vv-input-file-element-input-state-disabled-cursor)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly]){--vv-input-file-element-input-cursor:var(--vv-input-file-element-input-state-readonly-cursor);-webkit-user-select:var(--vv-input-file-element-input-state-readonly-user-select);user-select:var(--vv-input-file-element-input-state-readonly-user-select);pointer-events:var(--vv-input-file-element-input-state-readonly-pointer-events)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly])::file-selector-button{opacity:var(--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity)}:where(.vv-input-file__input-before){display:var(--vv-input-file-element-input-before-display);padding-left:var(--vv-input-file-element-input-before-padding-left)}:where(.vv-input-file__input-after){display:var(--vv-input-file-element-input-after-display);padding-right:var(--vv-input-file-element-input-after-padding-right)}:where(.vv-input-file__icon,.vv-input-file>div>:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-position);top:var(--vv-input-file-element-icon-top);left:var(--vv-input-file-element-icon-left);width:var(--vv-input-file-element-icon-width);height:var(--vv-input-file-element-icon-height);margin:var(--vv-input-file-element-icon-margin);pointer-events:var(--vv-input-file-element-icon-pointer-events);flex-shrink:var(--vv-input-file-element-icon-flex-shrink)}:where(.vv-input-file__icon-after,.vv-input-file input+:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-after-position);right:var(--vv-input-file-element-icon-after-right);left:var(--vv-input-file-element-icon-after-left)}:where(.vv-input-file__hint,.vv-input-file>small){display:var(--vv-input-file-element-hint-display);font-size:var(--vv-input-file-element-hint-font-size);color:var(--vv-input-file-element-hint-color);padding-top:var(--vv-input-file-element-hint-padding-top);padding-inline:var(--vv-input-file-element-hint-padding-inline);white-space:var(--vv-input-file-element-hint-white-space);text-overflow:var(--vv-input-file-element-hint-text-overflow);overflow:var(--vv-input-file-element-hint-overflow)}:where(.vv-input-file__drop-area){position:var(--vv-input-file-element-drop-area-position);background-color:var(--vv-input-file-element-drop-area-background-color);color:var(--vv-input-file-element-drop-area-color);min-height:var(--vv-input-file-element-drop-area-min-height);padding:var(--vv-input-file-element-drop-area-padding);display:var(--vv-input-file-element-drop-area-display);text-align:var(--vv-input-file-element-drop-area-text-align);align-items:var(--vv-input-file-element-drop-area-align-items);justify-content:var(--vv-input-file-element-drop-area-justify-content);margin-bottom:var(--vv-input-file-element-drop-area-margin-bottom);cursor:var(--vv-input-file-element-drop-area-cursor);transition:var(--vv-input-file-element-drop-area-transition);overflow:var(--vv-input-file-element-drop-area-overflow);text-overflow:var(--vv-input-file-element-drop-area-text-overflow)}:where(.vv-input-file__drop-area):after{content:"";position:var(--vv-input-file-element-drop-area-pseudo-after-position);inset:var(--vv-input-file-element-drop-area-pseudo-after-inset);opacity:var(--vv-input-file-element-drop-area-pseudo-after-opacity);border-width:var(--vv-input-file-element-drop-area-pseudo-after-border-width);border-style:var(--vv-input-file-element-drop-area-pseudo-after-border-style);border-color:var(--vv-input-file-element-drop-area-pseudo-after-border-color);transition:var(--vv-input-file-element-drop-area-pseudo-after-transition)}:where(.vv-input-file__drop-area--hover,.vv-input-file__drop-area.hover,.vv-input-file__drop-area:not([disabled]):hover){--vv-input-file-element-drop-area-background-color:var(--vv-input-file-element-drop-area-state-hover-background-color);--vv-input-file-element-drop-area-color:var(--vv-input-file-element-drop-area-state-hover-color)}:where(.vv-input-file__drop-area-action){position:var(--vv-input-file-element-drop-area-action-position);top:var(--vv-input-file-element-drop-area-action-top);right:var(--vv-input-file-element-drop-area-action-right);z-index:var(--vv-input-file-element-drop-area-action-z-index)}:where(.vv-input-file__preview){position:var(--vv-input-file-element-preview-position);display:var(--vv-input-file-element-preview-display);inset:var(--vv-input-file-element-preview-inset);font-size:var(--vv-input-file-element-preview-font-size);align-items:var(--vv-input-file-element-preview-align-items);justify-content:var(--vv-input-file-element-preview-justify-content);object-fit:var(--vv-input-file-element-preview-object-fit);object-position:var(--vv-input-file-element-preview-object-position);background:var(--vv-input-file-element-preview-background);overflow:var(--vv-input-file-element-preview-overflow)}:where(.vv-input-file__progress){position:var(--vv-input-file-element-progress-position);width:var(--vv-input-file-element-progress-width);height:var(--vv-input-file-element-progress-height);bottom:var(--vv-input-file-element-progress-bottom);left:var(--vv-input-file-element-progress-left);z-index:var(--vv-input-file-element-progress-z-index)}:where(.vv-input-file__progress)::-webkit-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-input-file__progress)::-moz-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color);-moz-transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition);transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition)}:where(.vv-input-file__progress)::-webkit-progress-value{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color);-webkit-transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition);transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition)}:where(.vv-input-file__list){display:var(--vv-input-file-element-list-display);flex-direction:var(--vv-input-file-element-list-flex-direction);gap:var(--vv-input-file-element-list-gap);margin-top:var(--vv-input-file-element-list-margin-top)}:where(.vv-input-file__list--empty,.vv-input-file__list.empty,.vv-input-file__list:not([disabled]):empty){--vv-input-file-element-list-display:var(--vv-input-file-element-list-state-empty-display)}:where(.vv-input-file__item){position:var(--vv-input-file-element-item-position);overflow:var(--vv-input-file-element-item-overflow);display:var(--vv-input-file-element-item-display);font-size:var(--vv-input-file-element-item-font-size);align-items:var(--vv-input-file-element-item-align-items);gap:var(--vv-input-file-element-item-gap);background-color:var(--vv-input-file-element-item-background-color);padding:var(--vv-input-file-element-item-padding)}:where(.vv-input-file__item--active,.vv-input-file__item.active,.vv-input-file__item:not([disabled]):active){--vv-input-file-element-item-background-color:var(--vv-input-file-element-item-state-active-background-color)}:where(.vv-input-file__item-name){white-space:var(--vv-input-file-element-item-name-white-space);text-overflow:var(--vv-input-file-element-item-name-text-overflow);overflow:var(--vv-input-file-element-item-name-overflow)}:where(.vv-input-file__item-info){font-size:var(--vv-input-file-element-item-info-font-size);white-space:var(--vv-input-file-element-item-info-white-space);color:var(--vv-input-file-element-item-info-color);align-self:var(--vv-input-file-element-item-info-align-self)}:where(.vv-input-file__item-link){white-space:var(--vv-input-file-element-item-link-white-space);text-overflow:var(--vv-input-file-element-item-link-text-overflow);overflow:var(--vv-input-file-element-item-link-overflow);cursor:var(--vv-input-file-element-item-link-cursor);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);text-decoration:var(--vv-input-file-element-item-link-text-decoration)}:where(.vv-input-file__item-icon){flex-shrink:var(--vv-input-file-element-item-icon-flex-shrink)}:where(.vv-input-file__item-action){flex-shrink:var(--vv-input-file-element-item-action-flex-shrink);cursor:var(--vv-input-file-element-item-action-cursor)}:where(.vv-input-file__item-remove){flex-shrink:var(--vv-input-file-element-item-remove-flex-shrink);cursor:var(--vv-input-file-element-item-remove-cursor);background-image:var(--vv-input-file-element-item-remove-background-image);width:var(--vv-input-file-element-item-remove-width);height:var(--vv-input-file-element-item-remove-height);background-size:var(--vv-input-file-element-item-remove-background-size);background-repeat:var(--vv-input-file-element-item-remove-background-repeat);background-position:var(--vv-input-file-element-item-remove-background-position);border-radius:var(--vv-input-file-element-item-remove-border-radius);background-color:var(--vv-input-file-element-item-remove-background-color);transition:var(--vv-input-file-element-item-remove-transition);margin-inline-start:var(--vv-input-file-element-item-remove-margin-inline-start)}:where(.vv-input-file__item-remove--hover,.vv-input-file__item-remove.hover,.vv-input-file__item-remove:not([disabled]):hover){--vv-input-file-element-item-remove-background-color:var(--vv-input-file-element-item-remove-state-hover-background-color)}:where(.vv-input-file__item-remove--active,.vv-input-file__item-remove.active,.vv-input-file__item-remove:not([disabled]):active){--vv-input-file-element-item-remove-background-color:var(--vv-input-file-element-item-remove-state-active-background-color)}:where(.vv-input-file__item-remove--focus-visible,.vv-input-file__item-remove.focus-visible,.vv-input-file__item-remove:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-input-file-element-item-remove-state-focus-visible-outline)}:where(.vv-input-file__item-remove--disabled,.vv-input-file__item-remove.disabled,.vv-input-file__item-remove[disabled],.vv-input-file__item-remove[aria-disabled=true]){--vv-input-file-element-item-remove-cursor:var(--vv-input-file-element-item-remove-state-disabled-cursor);opacity:var(--vv-input-file-element-item-remove-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled])),:where(.vv-input-file--disabled,.vv-input-file.disabled,.vv-input-file[disabled],.vv-input-file[aria-disabled=true]){opacity:var(--vv-input-file-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:hover),:where(.vv-input-file--disabled .vv-input-file__wrapper--hover,.vv-input-file--disabled .vv-input-file__wrapper.hover,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.disabled .vv-input-file__wrapper--hover,.vv-input-file.disabled .vv-input-file__wrapper.hover,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[disabled] .vv-input-file__wrapper--hover,.vv-input-file[disabled] .vv-input-file__wrapper.hover,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--disabled .vv-input-file__wrapper--focus-within,.vv-input-file--disabled .vv-input-file__wrapper.focus-within,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.disabled .vv-input-file__wrapper--focus-within,.vv-input-file.disabled .vv-input-file__wrapper.focus-within,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[disabled] .vv-input-file__wrapper--focus-within,.vv-input-file[disabled] .vv-input-file__wrapper.focus-within,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__drop-area),:where(.vv-input-file--disabled .vv-input-file__drop-area,.vv-input-file.disabled .vv-input-file__drop-area,.vv-input-file[disabled] .vv-input-file__drop-area,.vv-input-file[aria-disabled=true] .vv-input-file__drop-area){cursor:var(--vv-input-file-state-disabled-element-drop-area-cursor);background-color:var(--vv-input-file-state-disabled-element-drop-area-background-color);color:var(--vv-input-file-state-disabled-element-drop-area-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):before,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):before{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):after,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:hover),:where(.vv-input-file--readonly .vv-input-file__wrapper--hover,.vv-input-file--readonly .vv-input-file__wrapper.hover,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.readonly .vv-input-file__wrapper--hover,.vv-input-file.readonly .vv-input-file__wrapper.hover,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[readonly] .vv-input-file__wrapper--hover,.vv-input-file[readonly] .vv-input-file__wrapper.hover,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--readonly .vv-input-file__wrapper--focus-within,.vv-input-file--readonly .vv-input-file__wrapper.focus-within,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.readonly .vv-input-file__wrapper--focus-within,.vv-input-file.readonly .vv-input-file__wrapper.focus-within,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[readonly] .vv-input-file__wrapper--focus-within,.vv-input-file[readonly] .vv-input-file__wrapper.focus-within,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__drop-area),:where(.vv-input-file--readonly .vv-input-file__drop-area,.vv-input-file.readonly .vv-input-file__drop-area,.vv-input-file[readonly] .vv-input-file__drop-area){display:var(--vv-input-file-state-readonly-element-drop-area-display)}:where(.vv-input-file--icon-before.vv-input-file){--input-spacing-left:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after.vv-input-file){--input-spacing-right:calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after .vv-input-file__limit){margin-left:var(--vv-input-file-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-file--with-progress .vv-input-file__drop-area){cursor:var(--vv-input-file-modifier-with-progress-element-drop-area-cursor);height:var(--vv-input-file-modifier-with-progress-element-drop-area-height);min-height:var(--vv-input-file-modifier-with-progress-element-drop-area-min-height);padding-block:var(--vv-input-file-modifier-with-progress-element-drop-area-padding-block);color:var(--vv-input-file-modifier-with-progress-element-drop-area-color);background-color:var(--vv-input-file-modifier-with-progress-element-drop-area-background-color)}:where(.vv-input-file--with-progress .vv-input-file__drop-area):after{content:"";opacity:var(--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity)}:where(.vv-input-file--valid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--valid .vv-input-file__hint,.vv-input-file--valid>small){color:var(--vv-input-file-modifier-valid-element-hint-color)}:where(.vv-input-file--valid .vv-input-file__limit){color:var(--vv-input-file-modifier-valid-element-limit-color)}:where(.vv-input-file--valid .vv-input-file__icon-after,.vv-input-file--valid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-valid-element-icon-after-color)}:where(.vv-input-file--valid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--invalid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--invalid .vv-input-file__hint,.vv-input-file--invalid>small){color:var(--vv-input-file-modifier-invalid-element-hint-color)}:where(.vv-input-file--invalid .vv-input-file__limit){color:var(--vv-input-file-modifier-invalid-element-limit-color)}:where(.vv-input-file--invalid .vv-input-file__icon-after,.vv-input-file--invalid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-invalid-element-icon-after-color)}:where(.vv-input-file--invalid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--loading .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-file--loading .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color);animation:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation)}:where(.vv-input-file--hidden .vv-input-file__wrapper){display:var(--vv-input-file-modifier-hidden-element-wrapper-display)}:where(.vv-input-file--hidden .vv-input-file__drop-area){margin-bottom:var(--vv-input-file-modifier-hidden-element-drop-area-margin-bottom)}:where(.vv-input-file--dragging .vv-input-file__drop-area){background-color:var(--vv-input-file-modifier-dragging-element-drop-area-background-color);color:var(--vv-input-file-modifier-dragging-element-drop-area-color)}:where(.vv-input-file--dragging .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--square .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-square-element-drop-area-aspect-ratio)}:where(.vv-input-file--circle .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-circle-element-drop-area-aspect-ratio);border-radius:var(--vv-input-file-modifier-circle-element-drop-area-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area):after{content:"";border-radius:var(--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius)}:where(.vv-input-file--circle .vv-input-file__preview){border-radius:var(--vv-input-file-modifier-circle-element-preview-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area-action){position:var(--vv-input-file-modifier-circle-element-drop-area-action-position);top:var(--vv-input-file-modifier-circle-element-drop-area-action-top);right:var(--vv-input-file-modifier-circle-element-drop-area-action-right)}
package/dist/components/vv-input-otp.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-input-otp-display:inline-flex;--vv-input-otp-align-items:center;--vv-input-otp-gap:var(--spacing-8);--vv-input-otp-element-group-display:inline-flex;--vv-input-otp-element-group-gap:var(--spacing-6);--vv-input-otp-element-slot-inline-size:2.5em;--vv-input-otp-element-slot-block-size:3em;--vv-input-otp-element-slot-border:var(--border) solid var(--color-surface-4);--vv-input-otp-element-slot-border-radius:var(--rounded-md);--vv-input-otp-element-slot-background-color:var(--input-background-color);--vv-input-otp-element-slot-color:var(--input-color);--vv-input-otp-element-slot-font-size:var(--text-20);--vv-input-otp-element-slot-font-variant-numeric:tabular-nums;--vv-input-otp-element-slot-text-align:center;--vv-input-otp-element-slot-caret-color:var(--color-brand);--vv-input-otp-element-slot-transition:border-color var(--duration-150) var(--ease-out);--vv-input-otp-element-slot-state-hover-border-color:var(--color-surface-5);--vv-input-otp-element-slot-state-focus-visible-border-color:var(--color-brand);--vv-input-otp-element-slot-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-input-otp-element-slot-state-focus-visible-outline-offset:0;--vv-input-otp-element-slot-state-disabled-opacity:var(--opacity-50);--vv-input-otp-element-slot-state-disabled-cursor:not-allowed;--vv-input-otp-element-separator-color:var(--color-word-4);--vv-input-otp-modifier-invalid-element-slot-border-color:var(--input-invalid-color)}:where(.vv-input-otp){display:var(--vv-input-otp-display);align-items:var(--vv-input-otp-align-items);gap:var(--vv-input-otp-gap)}:where(.vv-input-otp__group){display:var(--vv-input-otp-element-group-display);gap:var(--vv-input-otp-element-group-gap)}:where(.vv-input-otp__slot){inline-size:var(--vv-input-otp-element-slot-inline-size);block-size:var(--vv-input-otp-element-slot-block-size);border:var(--vv-input-otp-element-slot-border);border-radius:var(--vv-input-otp-element-slot-border-radius);background-color:var(--vv-input-otp-element-slot-background-color);color:var(--vv-input-otp-element-slot-color);font-size:var(--vv-input-otp-element-slot-font-size);font-variant-numeric:var(--vv-input-otp-element-slot-font-variant-numeric);text-align:var(--vv-input-otp-element-slot-text-align);caret-color:var(--vv-input-otp-element-slot-caret-color);transition:var(--vv-input-otp-element-slot-transition)}:where(.vv-input-otp__slot--hover,.vv-input-otp__slot.hover,.vv-input-otp__slot:not([disabled]):hover){border-color:var(--vv-input-otp-element-slot-state-hover-border-color)}:where(.vv-input-otp__slot--focus-visible,.vv-input-otp__slot.focus-visible,.vv-input-otp__slot:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){border-color:var(--vv-input-otp-element-slot-state-focus-visible-border-color);outline:var(--vv-input-otp-element-slot-state-focus-visible-outline);outline-offset:var(--vv-input-otp-element-slot-state-focus-visible-outline-offset)}:where(.vv-input-otp__slot--disabled,.vv-input-otp__slot.disabled,.vv-input-otp__slot[disabled],.vv-input-otp__slot[aria-disabled=true]){opacity:var(--vv-input-otp-element-slot-state-disabled-opacity);cursor:var(--vv-input-otp-element-slot-state-disabled-cursor)}:where(.vv-input-otp__separator){color:var(--vv-input-otp-element-separator-color)}:where(.vv-input-otp--invalid .vv-input-otp__slot){border-color:var(--vv-input-otp-modifier-invalid-element-slot-border-color)}
1
+ :where(:host,:root,.theme){--vv-input-otp-display:inline-flex;--vv-input-otp-align-items:center;--vv-input-otp-gap:var(--spacing-8);--vv-input-otp-element-group-display:inline-flex;--vv-input-otp-element-group-gap:var(--spacing-6);--vv-input-otp-element-slot-inline-size:2.5em;--vv-input-otp-element-slot-block-size:3em;--vv-input-otp-element-slot-border:var(--border) solid var(--color-surface-4);--vv-input-otp-element-slot-border-radius:var(--rounded-md);--vv-input-otp-element-slot-background-color:var(--input-background-color);--vv-input-otp-element-slot-color:var(--input-color);--vv-input-otp-element-slot-font-size:var(--text-20);--vv-input-otp-element-slot-font-variant-numeric:tabular-nums;--vv-input-otp-element-slot-text-align:center;--vv-input-otp-element-slot-caret-color:var(--color-brand-graphic);--vv-input-otp-element-slot-transition:border-color var(--duration-150) var(--ease-out);--vv-input-otp-element-slot-state-hover-border-color:var(--color-surface-5);--vv-input-otp-element-slot-state-focus-visible-border-color:var(--color-brand-graphic);--vv-input-otp-element-slot-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-graphic);--vv-input-otp-element-slot-state-focus-visible-outline-offset:0;--vv-input-otp-element-slot-state-disabled-opacity:var(--opacity-50);--vv-input-otp-element-slot-state-disabled-cursor:not-allowed;--vv-input-otp-element-separator-color:var(--color-word-4);--vv-input-otp-modifier-invalid-element-slot-border-color:var(--input-invalid-color)}:where(.vv-input-otp){display:var(--vv-input-otp-display);align-items:var(--vv-input-otp-align-items);gap:var(--vv-input-otp-gap)}:where(.vv-input-otp__group){display:var(--vv-input-otp-element-group-display);gap:var(--vv-input-otp-element-group-gap)}:where(.vv-input-otp__slot){inline-size:var(--vv-input-otp-element-slot-inline-size);block-size:var(--vv-input-otp-element-slot-block-size);border:var(--vv-input-otp-element-slot-border);border-radius:var(--vv-input-otp-element-slot-border-radius);background-color:var(--vv-input-otp-element-slot-background-color);color:var(--vv-input-otp-element-slot-color);font-size:var(--vv-input-otp-element-slot-font-size);font-variant-numeric:var(--vv-input-otp-element-slot-font-variant-numeric);text-align:var(--vv-input-otp-element-slot-text-align);caret-color:var(--vv-input-otp-element-slot-caret-color);transition:var(--vv-input-otp-element-slot-transition)}:where(.vv-input-otp__slot--hover,.vv-input-otp__slot.hover,.vv-input-otp__slot:not([disabled]):hover){border-color:var(--vv-input-otp-element-slot-state-hover-border-color)}:where(.vv-input-otp__slot--focus-visible,.vv-input-otp__slot.focus-visible,.vv-input-otp__slot:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){border-color:var(--vv-input-otp-element-slot-state-focus-visible-border-color);outline:var(--vv-input-otp-element-slot-state-focus-visible-outline);outline-offset:var(--vv-input-otp-element-slot-state-focus-visible-outline-offset)}:where(.vv-input-otp__slot--disabled,.vv-input-otp__slot.disabled,.vv-input-otp__slot[disabled],.vv-input-otp__slot[aria-disabled=true]){opacity:var(--vv-input-otp-element-slot-state-disabled-opacity);cursor:var(--vv-input-otp-element-slot-state-disabled-cursor)}:where(.vv-input-otp__separator){color:var(--vv-input-otp-element-separator-color)}:where(.vv-input-otp--invalid .vv-input-otp__slot){border-color:var(--vv-input-otp-modifier-invalid-element-slot-border-color)}
package/dist/components/vv-input-range.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-input-range-display:var(--input-display);--vv-input-range-flex:var(--input-flex);--vv-input-range-flex-direction:var(--input-flex-direction);--vv-input-range-margin-bottom:var(--input-gap);--vv-input-range-font-size:var(--input-font-size);--vv-input-range-line-height:var(--input-line-height);--vv-input-range-min-width:var(--input-min-width);--vv-input-range-element-label-display:var(--input-label-display);--vv-input-range-element-label-font-size:var(--input-label-font-size);--vv-input-range-element-label-font-weight:var(--input-label-font-weight);--vv-input-range-element-label-color:var(--input-label-color);--vv-input-range-element-label-margin:0 0 var(--input-label-gap) 0;--vv-input-range-element-label-white-space:var(--input-label-white-space);--vv-input-range-element-label-text-overflow:var(--input-label-text-overflow);--vv-input-range-element-label-overflow:var(--input-label-overflow);--vv-input-range-element-label-max-width:var(--input-label-max-width);--vv-input-range-element-wrapper-display:flex;--vv-input-range-element-wrapper-align-items:center;--vv-input-range-element-wrapper-gap:var(--spacing-sm);--vv-input-range-element-wrapper-min-height:var(--input-min-height);--vv-input-range-element-input-before-display:flex;--vv-input-range-element-input-before-align-items:center;--vv-input-range-element-input-after-display:flex;--vv-input-range-element-input-after-align-items:center;--vv-input-range-element-input--webkit-appearance:none;--vv-input-range-element-input-appearance:none;--vv-input-range-element-input-flex:1;--vv-input-range-element-input-min-width:0;--vv-input-range-element-input-margin:0;--vv-input-range-element-input-padding:0;--vv-input-range-element-input-background:transparent;--vv-input-range-element-input-cursor:pointer;--vv-input-range-element-input-pseudo--webkit-slider-runnable-track-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--webkit-slider-thumb--webkit-appearance:none;--vv-input-range-element-input-pseudo--webkit-slider-thumb-appearance:none;--vv-input-range-element-input-pseudo--webkit-slider-thumb-border:var(--border-2) solid var(--color-surface);--vv-input-range-element-input-pseudo--webkit-slider-thumb-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--webkit-slider-thumb-will-change:box-shadow;--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition:var(--transition-shadow);--vv-input-range-element-input-pseudo--moz-range-track-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-progress-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-thumb-border:var(--border-2) solid var(--color-surface);--vv-input-range-element-input-pseudo--moz-range-thumb-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-thumb-will-change:box-shadow;--vv-input-range-element-input-pseudo--moz-range-thumb-transition:var(--transition-shadow);--vv-input-range-element-input-state-focus-visible-outline:var(--border-2) solid var(--color-brand);--vv-input-range-element-input-state-focus-visible-outline-offset:var(--spacing-2);--vv-input-range-element-input-state-disabled-cursor:not-allowed;--vv-input-range-element-value-display:flex;--vv-input-range-element-value-align-items:baseline;--vv-input-range-element-value-justify-content:center;--vv-input-range-element-value-gap:var(--spacing-2);--vv-input-range-element-value-flex:0 0 auto;--vv-input-range-element-value-min-width:var(--spacing-64);--vv-input-range-element-value-padding:var(--spacing-4) var(--spacing-sm);--vv-input-range-element-value-font-size:var(--text-14);--vv-input-range-element-value-font-variant-numeric:tabular-nums;--vv-input-range-element-value-color:var(--input-color);--vv-input-range-element-value-background-color:var(--input-background-color);--vv-input-range-element-value-border:var(--border) solid var(--color-surface-3);--vv-input-range-element-value-border-radius:var(--rounded-md);--vv-input-range-element-value-text-align:center;--vv-input-range-element-unit-color:var(--input-placeholder-color);--vv-input-range-element-unit-font-size:var(--text-12);--vv-input-range-element-hint-display:var(--input-hint-display);--vv-input-range-element-hint-font-size:var(--input-hint-font-size);--vv-input-range-element-hint-color:var(--input-hint-color);--vv-input-range-element-hint-padding-top:var(--input-hint-gap);--vv-input-range-element-hint-padding-inline:var(--spacing-xs);--vv-input-range-element-hint-white-space:var(--input-hint-white-space);--vv-input-range-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-input-range-element-hint-overflow:var(--input-hint-overflow);--vv-input-range-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-input-range-modifier-valid-element-value-border-color:var(--input-valid-color);--vv-input-range-modifier-invalid-element-hint-color:var(--input-invalid-text-color);--vv-input-range-modifier-invalid-element-value-border-color:var(--input-invalid-color);--vv-input-range-modifier-readonly-opacity:var(--opacity-100);--vv-input-range-modifier-readonly-cursor:default;--vv-input-range-modifier-readonly-pointer-events:none;--vv-input-range-state-disabled-opacity:var(--opacity-50)}:where(.vv-input-range){display:var(--vv-input-range-display);flex:var(--vv-input-range-flex);flex-direction:var(--vv-input-range-flex-direction);margin-bottom:var(--vv-input-range-margin-bottom);font-size:var(--vv-input-range-font-size);line-height:var(--vv-input-range-line-height);min-width:var(--vv-input-range-min-width)}:where(.vv-input-range__label,.vv-input-range>label){display:var(--vv-input-range-element-label-display);font-size:var(--vv-input-range-element-label-font-size);font-weight:var(--vv-input-range-element-label-font-weight);color:var(--vv-input-range-element-label-color);margin:var(--vv-input-range-element-label-margin);white-space:var(--vv-input-range-element-label-white-space);text-overflow:var(--vv-input-range-element-label-text-overflow);overflow:var(--vv-input-range-element-label-overflow);max-width:var(--vv-input-range-element-label-max-width)}:where(.vv-input-range__wrapper){display:var(--vv-input-range-element-wrapper-display);align-items:var(--vv-input-range-element-wrapper-align-items);gap:var(--vv-input-range-element-wrapper-gap);min-height:var(--vv-input-range-element-wrapper-min-height)}:where(.vv-input-range__input-before){display:var(--vv-input-range-element-input-before-display);align-items:var(--vv-input-range-element-input-before-align-items)}:where(.vv-input-range__input-after){display:var(--vv-input-range-element-input-after-display);align-items:var(--vv-input-range-element-input-after-align-items)}:where(.vv-input-range__input,.vv-input-range input[type=range]){appearance:var(--vv-input-range-element-input-appearance);flex:var(--vv-input-range-element-input-flex);min-width:var(--vv-input-range-element-input-min-width);height:var(--input-range-thumb-size);margin:var(--vv-input-range-element-input-margin);padding:var(--vv-input-range-element-input-padding);background:var(--vv-input-range-element-input-background);cursor:var(--vv-input-range-element-input-cursor)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-webkit-slider-runnable-track{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--webkit-slider-runnable-track-border-radius);background:linear-gradient(to right, var(--input-range-accent-color) var(--input-range-progress), var(--input-range-track-color) var(--input-range-progress))}:where(.vv-input-range__input,.vv-input-range input[type=range])::-webkit-slider-thumb{content:"";appearance:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-appearance);width:var(--input-range-thumb-size);height:var(--input-range-thumb-size);margin-top:calc((var(--input-range-track-height) - var(--input-range-thumb-size)) / 2);border:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-border);border-radius:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-border-radius);background:var(--input-range-accent-color);box-shadow:var(--input-range-thumb-shadow);will-change:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-will-change);-webkit-transition:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition);transition:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-track{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-track-border-radius);background:var(--input-range-track-color)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-progress{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-progress-border-radius);background:var(--input-range-accent-color)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-thumb{content:"";width:var(--input-range-thumb-size);height:var(--input-range-thumb-size);border:var(--vv-input-range-element-input-pseudo--moz-range-thumb-border);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-thumb-border-radius);background:var(--input-range-accent-color);box-shadow:var(--input-range-thumb-shadow);will-change:var(--vv-input-range-element-input-pseudo--moz-range-thumb-will-change);-moz-transition:var(--vv-input-range-element-input-pseudo--moz-range-thumb-transition);transition:var(--vv-input-range-element-input-pseudo--moz-range-thumb-transition)}:where(.vv-input-range__input--hover,.vv-input-range__input.hover,.vv-input-range input[type=range].hover,.vv-input-range__input:not([disabled]):hover,.vv-input-range input[type=range]:not([disabled]):hover){--input-range-thumb-shadow:var(--input-range-thumb-shadow-hover)}:where(.vv-input-range__input--focus-visible,.vv-input-range__input.focus-visible,.vv-input-range input[type=range].focus-visible,.vv-input-range__input:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-input-range input[type=range]:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-input-range-element-input-state-focus-visible-outline);outline-offset:var(--vv-input-range-element-input-state-focus-visible-outline-offset)}:where(.vv-input-range__input--disabled,.vv-input-range__input.disabled,.vv-input-range input[type=range].disabled,.vv-input-range__input[disabled],.vv-input-range input[type=range][disabled],.vv-input-range__input[aria-disabled=true],.vv-input-range input[type=range][aria-disabled=true]){--vv-input-range-element-input-cursor:var(--vv-input-range-element-input-state-disabled-cursor)}:where(.vv-input-range__value){display:var(--vv-input-range-element-value-display);align-items:var(--vv-input-range-element-value-align-items);justify-content:var(--vv-input-range-element-value-justify-content);gap:var(--vv-input-range-element-value-gap);flex:var(--vv-input-range-element-value-flex);min-width:var(--vv-input-range-element-value-min-width);padding:var(--vv-input-range-element-value-padding);font-size:var(--vv-input-range-element-value-font-size);font-variant-numeric:var(--vv-input-range-element-value-font-variant-numeric);color:var(--vv-input-range-element-value-color);background-color:var(--vv-input-range-element-value-background-color);border:var(--vv-input-range-element-value-border);border-radius:var(--vv-input-range-element-value-border-radius);text-align:var(--vv-input-range-element-value-text-align)}:where(.vv-input-range__unit){color:var(--vv-input-range-element-unit-color);font-size:var(--vv-input-range-element-unit-font-size)}:where(.vv-input-range__hint,.vv-input-range>small){display:var(--vv-input-range-element-hint-display);font-size:var(--vv-input-range-element-hint-font-size);color:var(--vv-input-range-element-hint-color);padding-top:var(--vv-input-range-element-hint-padding-top);padding-inline:var(--vv-input-range-element-hint-padding-inline);white-space:var(--vv-input-range-element-hint-white-space);text-overflow:var(--vv-input-range-element-hint-text-overflow);overflow:var(--vv-input-range-element-hint-overflow)}:where(.vv-input-range:not(.vv-input-range--readonly):has(input[disabled])),:where(.vv-input-range--disabled,.vv-input-range.disabled,.vv-input-range[disabled],.vv-input-range[aria-disabled=true]){--input-range-accent-color:var(--color-word-4);opacity:var(--vv-input-range-state-disabled-opacity)}:where(.vv-input-range--valid.vv-input-range){--input-range-accent-color:var(--input-valid-color)}:where(.vv-input-range--valid>.vv-input-range__hint,.vv-input-range--valid>small){color:var(--vv-input-range-modifier-valid-element-hint-color)}:where(.vv-input-range--valid .vv-input-range__value){border-color:var(--vv-input-range-modifier-valid-element-value-border-color)}:where(.vv-input-range--invalid.vv-input-range){--input-range-accent-color:var(--input-invalid-color)}:where(.vv-input-range--invalid>.vv-input-range__hint,.vv-input-range--invalid>small){color:var(--vv-input-range-modifier-invalid-element-hint-color)}:where(.vv-input-range--invalid .vv-input-range__value){border-color:var(--vv-input-range-modifier-invalid-element-value-border-color)}:where(.vv-input-range--readonly.vv-input-range){--input-range-accent-color:var(--color-word-4);opacity:var(--vv-input-range-modifier-readonly-opacity);cursor:var(--vv-input-range-modifier-readonly-cursor);pointer-events:var(--vv-input-range-modifier-readonly-pointer-events)}
1
+ :where(:host,:root,.theme){--vv-input-range-display:var(--input-display);--vv-input-range-flex:var(--input-flex);--vv-input-range-flex-direction:var(--input-flex-direction);--vv-input-range-margin-bottom:var(--input-gap);--vv-input-range-font-size:var(--input-font-size);--vv-input-range-line-height:var(--input-line-height);--vv-input-range-min-width:var(--input-min-width);--vv-input-range-element-label-display:var(--input-label-display);--vv-input-range-element-label-font-size:var(--input-label-font-size);--vv-input-range-element-label-font-weight:var(--input-label-font-weight);--vv-input-range-element-label-color:var(--input-label-color);--vv-input-range-element-label-margin:0 0 var(--input-label-gap) 0;--vv-input-range-element-label-white-space:var(--input-label-white-space);--vv-input-range-element-label-text-overflow:var(--input-label-text-overflow);--vv-input-range-element-label-overflow:var(--input-label-overflow);--vv-input-range-element-label-max-width:var(--input-label-max-width);--vv-input-range-element-wrapper-display:flex;--vv-input-range-element-wrapper-align-items:center;--vv-input-range-element-wrapper-gap:var(--spacing-sm);--vv-input-range-element-wrapper-min-height:var(--input-min-height);--vv-input-range-element-input-before-display:flex;--vv-input-range-element-input-before-align-items:center;--vv-input-range-element-input-after-display:flex;--vv-input-range-element-input-after-align-items:center;--vv-input-range-element-input--webkit-appearance:none;--vv-input-range-element-input-appearance:none;--vv-input-range-element-input-flex:1;--vv-input-range-element-input-min-width:0;--vv-input-range-element-input-margin:0;--vv-input-range-element-input-padding:0;--vv-input-range-element-input-background:transparent;--vv-input-range-element-input-cursor:pointer;--vv-input-range-element-input-pseudo--webkit-slider-runnable-track-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--webkit-slider-thumb--webkit-appearance:none;--vv-input-range-element-input-pseudo--webkit-slider-thumb-appearance:none;--vv-input-range-element-input-pseudo--webkit-slider-thumb-border:var(--border-2) solid var(--color-surface);--vv-input-range-element-input-pseudo--webkit-slider-thumb-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--webkit-slider-thumb-will-change:box-shadow;--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition:var(--transition-shadow);--vv-input-range-element-input-pseudo--moz-range-track-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-progress-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-thumb-border:var(--border-2) solid var(--color-surface);--vv-input-range-element-input-pseudo--moz-range-thumb-border-radius:var(--rounded-full);--vv-input-range-element-input-pseudo--moz-range-thumb-will-change:box-shadow;--vv-input-range-element-input-pseudo--moz-range-thumb-transition:var(--transition-shadow);--vv-input-range-element-input-state-focus-visible-outline:var(--border-2) solid var(--color-brand-graphic);--vv-input-range-element-input-state-focus-visible-outline-offset:var(--spacing-2);--vv-input-range-element-input-state-disabled-cursor:not-allowed;--vv-input-range-element-value-display:flex;--vv-input-range-element-value-align-items:baseline;--vv-input-range-element-value-justify-content:center;--vv-input-range-element-value-gap:var(--spacing-2);--vv-input-range-element-value-flex:0 0 auto;--vv-input-range-element-value-min-width:var(--spacing-64);--vv-input-range-element-value-padding:var(--spacing-4) var(--spacing-sm);--vv-input-range-element-value-font-size:var(--text-14);--vv-input-range-element-value-font-variant-numeric:tabular-nums;--vv-input-range-element-value-color:var(--input-color);--vv-input-range-element-value-background-color:var(--input-background-color);--vv-input-range-element-value-border:var(--border) solid var(--color-surface-3);--vv-input-range-element-value-border-radius:var(--rounded-md);--vv-input-range-element-value-text-align:center;--vv-input-range-element-unit-color:var(--input-placeholder-color);--vv-input-range-element-unit-font-size:var(--text-12);--vv-input-range-element-hint-display:var(--input-hint-display);--vv-input-range-element-hint-font-size:var(--input-hint-font-size);--vv-input-range-element-hint-color:var(--input-hint-color);--vv-input-range-element-hint-padding-top:var(--input-hint-gap);--vv-input-range-element-hint-padding-inline:var(--spacing-xs);--vv-input-range-element-hint-white-space:var(--input-hint-white-space);--vv-input-range-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-input-range-element-hint-overflow:var(--input-hint-overflow);--vv-input-range-modifier-valid-element-hint-color:var(--input-valid-text-color);--vv-input-range-modifier-valid-element-value-border-color:var(--input-valid-color);--vv-input-range-modifier-invalid-element-hint-color:var(--input-invalid-text-color);--vv-input-range-modifier-invalid-element-value-border-color:var(--input-invalid-color);--vv-input-range-modifier-readonly-opacity:var(--opacity-100);--vv-input-range-modifier-readonly-cursor:default;--vv-input-range-modifier-readonly-pointer-events:none;--vv-input-range-state-disabled-opacity:var(--opacity-50)}:where(.vv-input-range){display:var(--vv-input-range-display);flex:var(--vv-input-range-flex);flex-direction:var(--vv-input-range-flex-direction);margin-bottom:var(--vv-input-range-margin-bottom);font-size:var(--vv-input-range-font-size);line-height:var(--vv-input-range-line-height);min-width:var(--vv-input-range-min-width)}:where(.vv-input-range__label,.vv-input-range>label){display:var(--vv-input-range-element-label-display);font-size:var(--vv-input-range-element-label-font-size);font-weight:var(--vv-input-range-element-label-font-weight);color:var(--vv-input-range-element-label-color);margin:var(--vv-input-range-element-label-margin);white-space:var(--vv-input-range-element-label-white-space);text-overflow:var(--vv-input-range-element-label-text-overflow);overflow:var(--vv-input-range-element-label-overflow);max-width:var(--vv-input-range-element-label-max-width)}:where(.vv-input-range__wrapper){display:var(--vv-input-range-element-wrapper-display);align-items:var(--vv-input-range-element-wrapper-align-items);gap:var(--vv-input-range-element-wrapper-gap);min-height:var(--vv-input-range-element-wrapper-min-height)}:where(.vv-input-range__input-before){display:var(--vv-input-range-element-input-before-display);align-items:var(--vv-input-range-element-input-before-align-items)}:where(.vv-input-range__input-after){display:var(--vv-input-range-element-input-after-display);align-items:var(--vv-input-range-element-input-after-align-items)}:where(.vv-input-range__input,.vv-input-range input[type=range]){appearance:var(--vv-input-range-element-input-appearance);flex:var(--vv-input-range-element-input-flex);min-width:var(--vv-input-range-element-input-min-width);height:var(--input-range-thumb-size);margin:var(--vv-input-range-element-input-margin);padding:var(--vv-input-range-element-input-padding);background:var(--vv-input-range-element-input-background);cursor:var(--vv-input-range-element-input-cursor)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-webkit-slider-runnable-track{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--webkit-slider-runnable-track-border-radius);background:linear-gradient(to right, var(--input-range-accent-color) var(--input-range-progress), var(--input-range-track-color) var(--input-range-progress))}:where(.vv-input-range__input,.vv-input-range input[type=range])::-webkit-slider-thumb{content:"";appearance:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-appearance);width:var(--input-range-thumb-size);height:var(--input-range-thumb-size);margin-top:calc((var(--input-range-track-height) - var(--input-range-thumb-size)) / 2);border:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-border);border-radius:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-border-radius);background:var(--input-range-accent-color);box-shadow:var(--input-range-thumb-shadow);will-change:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-will-change);-webkit-transition:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition);transition:var(--vv-input-range-element-input-pseudo--webkit-slider-thumb-transition)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-track{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-track-border-radius);background:var(--input-range-track-color)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-progress{content:"";height:var(--input-range-track-height);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-progress-border-radius);background:var(--input-range-accent-color)}:where(.vv-input-range__input,.vv-input-range input[type=range])::-moz-range-thumb{content:"";width:var(--input-range-thumb-size);height:var(--input-range-thumb-size);border:var(--vv-input-range-element-input-pseudo--moz-range-thumb-border);border-radius:var(--vv-input-range-element-input-pseudo--moz-range-thumb-border-radius);background:var(--input-range-accent-color);box-shadow:var(--input-range-thumb-shadow);will-change:var(--vv-input-range-element-input-pseudo--moz-range-thumb-will-change);-moz-transition:var(--vv-input-range-element-input-pseudo--moz-range-thumb-transition);transition:var(--vv-input-range-element-input-pseudo--moz-range-thumb-transition)}:where(.vv-input-range__input--hover,.vv-input-range__input.hover,.vv-input-range input[type=range].hover,.vv-input-range__input:not([disabled]):hover,.vv-input-range input[type=range]:not([disabled]):hover){--input-range-thumb-shadow:var(--input-range-thumb-shadow-hover)}:where(.vv-input-range__input--focus-visible,.vv-input-range__input.focus-visible,.vv-input-range input[type=range].focus-visible,.vv-input-range__input:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-input-range input[type=range]:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-input-range-element-input-state-focus-visible-outline);outline-offset:var(--vv-input-range-element-input-state-focus-visible-outline-offset)}:where(.vv-input-range__input--disabled,.vv-input-range__input.disabled,.vv-input-range input[type=range].disabled,.vv-input-range__input[disabled],.vv-input-range input[type=range][disabled],.vv-input-range__input[aria-disabled=true],.vv-input-range input[type=range][aria-disabled=true]){--vv-input-range-element-input-cursor:var(--vv-input-range-element-input-state-disabled-cursor)}:where(.vv-input-range__value){display:var(--vv-input-range-element-value-display);align-items:var(--vv-input-range-element-value-align-items);justify-content:var(--vv-input-range-element-value-justify-content);gap:var(--vv-input-range-element-value-gap);flex:var(--vv-input-range-element-value-flex);min-width:var(--vv-input-range-element-value-min-width);padding:var(--vv-input-range-element-value-padding);font-size:var(--vv-input-range-element-value-font-size);font-variant-numeric:var(--vv-input-range-element-value-font-variant-numeric);color:var(--vv-input-range-element-value-color);background-color:var(--vv-input-range-element-value-background-color);border:var(--vv-input-range-element-value-border);border-radius:var(--vv-input-range-element-value-border-radius);text-align:var(--vv-input-range-element-value-text-align)}:where(.vv-input-range__unit){color:var(--vv-input-range-element-unit-color);font-size:var(--vv-input-range-element-unit-font-size)}:where(.vv-input-range__hint,.vv-input-range>small){display:var(--vv-input-range-element-hint-display);font-size:var(--vv-input-range-element-hint-font-size);color:var(--vv-input-range-element-hint-color);padding-top:var(--vv-input-range-element-hint-padding-top);padding-inline:var(--vv-input-range-element-hint-padding-inline);white-space:var(--vv-input-range-element-hint-white-space);text-overflow:var(--vv-input-range-element-hint-text-overflow);overflow:var(--vv-input-range-element-hint-overflow)}:where(.vv-input-range:not(.vv-input-range--readonly):has(input[disabled])),:where(.vv-input-range--disabled,.vv-input-range.disabled,.vv-input-range[disabled],.vv-input-range[aria-disabled=true]){--input-range-accent-color:var(--color-word-4);opacity:var(--vv-input-range-state-disabled-opacity)}:where(.vv-input-range--valid.vv-input-range){--input-range-accent-color:var(--input-valid-color)}:where(.vv-input-range--valid>.vv-input-range__hint,.vv-input-range--valid>small){color:var(--vv-input-range-modifier-valid-element-hint-color)}:where(.vv-input-range--valid .vv-input-range__value){border-color:var(--vv-input-range-modifier-valid-element-value-border-color)}:where(.vv-input-range--invalid.vv-input-range){--input-range-accent-color:var(--input-invalid-color)}:where(.vv-input-range--invalid>.vv-input-range__hint,.vv-input-range--invalid>small){color:var(--vv-input-range-modifier-invalid-element-hint-color)}:where(.vv-input-range--invalid .vv-input-range__value){border-color:var(--vv-input-range-modifier-invalid-element-value-border-color)}:where(.vv-input-range--readonly.vv-input-range){--input-range-accent-color:var(--color-word-4);opacity:var(--vv-input-range-modifier-readonly-opacity);cursor:var(--vv-input-range-modifier-readonly-cursor);pointer-events:var(--vv-input-range-modifier-readonly-pointer-events)}