@volverjs/style 0.1.27 → 0.1.29

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 (52) hide show
  1. package/README.md +12 -0
  2. package/dist/base.css +1 -1
  3. package/dist/components/vv-accordion.css +1 -1
  4. package/dist/components/vv-alert-group.css +1 -1
  5. package/dist/components/vv-alert.css +1 -1
  6. package/dist/components/vv-avatar.css +1 -1
  7. package/dist/components/vv-badge.css +1 -1
  8. package/dist/components/vv-button-group.css +1 -1
  9. package/dist/components/vv-button.css +1 -1
  10. package/dist/components/vv-card.css +1 -1
  11. package/dist/components/vv-checkbox.css +1 -1
  12. package/dist/components/vv-dialog.css +1 -1
  13. package/dist/components/vv-dropdown-option.css +1 -1
  14. package/dist/components/vv-dropdown.css +1 -1
  15. package/dist/components/vv-input-file.css +1 -1
  16. package/dist/components/vv-input-range.css +1 -1
  17. package/dist/components/vv-input-text.css +1 -1
  18. package/dist/components/vv-nav.css +1 -1
  19. package/dist/components/vv-progress.css +1 -1
  20. package/dist/components/vv-radio.css +1 -1
  21. package/dist/components/vv-select.css +1 -1
  22. package/dist/components/vv-textarea.css +1 -1
  23. package/dist/components.css +1 -1
  24. package/dist/export.css +1 -1
  25. package/dist/props/background.css +1 -1
  26. package/dist/props/input.css +1 -1
  27. package/dist/props/typography.css +1 -1
  28. package/dist/props.css +1 -1
  29. package/dist/reset.css +1 -1
  30. package/dist/utilities/backgrounds.css +1 -1
  31. package/dist/utilities/flexbox.css +1 -1
  32. package/dist/utilities/layout.css +1 -1
  33. package/dist/utilities/sizing.css +1 -1
  34. package/dist/utilities/typography.css +1 -1
  35. package/dist/utilities.css +1 -1
  36. package/dist/volver.css +1 -1
  37. package/package.json +8 -1
  38. package/src/_config.scss +6 -1
  39. package/src/props/index.scss +4 -1
  40. package/src/props/media.scss +21 -6
  41. package/src/settings/_input.scss +8 -0
  42. package/src/settings/components/_vv-accordion.scss +6 -4
  43. package/src/settings/components/_vv-alert.scss +8 -3
  44. package/src/settings/components/_vv-badge.scss +21 -1
  45. package/src/settings/components/_vv-button.scss +12 -5
  46. package/src/settings/components/_vv-checkbox.scss +27 -3
  47. package/src/settings/components/_vv-dropdown-option.scss +4 -1
  48. package/src/settings/components/_vv-input-text.scss +3 -0
  49. package/src/settings/components/_vv-nav.scss +26 -1
  50. package/src/settings/components/_vv-radio.scss +17 -2
  51. package/src/settings/components/_vv-select.scss +5 -0
  52. package/src/utilities/flexbox.scss +27 -0
package/dist/components/vv-button.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-button-position:relative;--vv-button-background:var(--color-brand);--vv-button-border-radius:var(--rounded);--vv-button-border-style:solid;--vv-button-border-color:var(--color-brand);--vv-button-color:var(--color-white);--vv-button-font-family:var(--font-sans);--vv-button-font-weight:var(--font-semibold);--vv-button-gap:1ch;--vv-button-padding-block:var(--spacing-7);--vv-button-padding-inline:var(--spacing-16);--vv-button-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-transition:var(--transition-all);--vv-button-will-change:all;--vv-button-min-width:0;--vv-button-pointer-events:auto;--vv-button-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-button-state-hover-background:var(--color-brand-darken-1);--vv-button-state-hover-border-color:var(--color-brand-darken-1);--vv-button-state-hover-text-decoration:none;--vv-button-state-active-background:var(--color-brand-darken-2);--vv-button-state-active-border-color:var(--color-brand-darken-2);--vv-button-state-pressed-background:var(--color-brand-darken-2);--vv-button-state-pressed-border-color:var(--color-brand-darken-2);--vv-button-state-disabled-opacity:var(--opacity-50);--vv-button-state-disabled-cursor:not-allowed;--vv-button-element-icon-block-size:1.1em;--vv-button-element-icon-inline-size:1.1em;--vv-button-element-icon-margin:0;--vv-button-element-icon-flex-shrink:0;--vv-button-element-label-white-space:nowrap;--vv-button-element-label-text-overflow:ellipsis;--vv-button-element-label-min-width:0;--vv-button-element-label-overflow:hidden;--vv-button-modifier-icon-only-element-icon-margin-inline:calc(var(--spacing-6) * -1);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-color:var(--color-white);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-background:var(--color-surface);--vv-button-modifier-secondary-border-style:solid;--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-color:var(--color-word);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-secondary-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-danger-background:var(--color-danger);--vv-button-modifier-danger-border-color:var(--color-danger);--vv-button-modifier-danger-color:var(--color-white);--vv-button-modifier-danger-state-focus-visible-outline:var(--spacing-px) solid var(--color-danger);--vv-button-modifier-danger-state-hover-background:var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color:var(--color-danger-darken-1);--vv-button-modifier-danger-state-active-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-border-color:var(--color-danger-darken-2);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-hover-color:var(--color-word-2);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-active-color:var(--color-word-2);--vv-button-modifier-ghost-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-color:var(--color-word-2);--vv-button-modifier-link-background:transparent;--vv-button-modifier-link-border-width:var(--border-0);--vv-button-modifier-link-padding:0;--vv-button-modifier-link-color:var(--color-brand-darken-1);--vv-button-modifier-link-font-weight:inherit;--vv-button-modifier-link-text-shadow:none;--vv-button-modifier-link-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-lighten-4);--vv-button-modifier-link-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-modifier-link-state-hover-text-decoration:underline;--vv-button-modifier-link-state-hover-text-underline-offset:var(--spacing-4);--vv-button-modifier-link-state-active-color:var(--color-brand-darken-3);--vv-button-modifier-link-element-icon-margin:var(--spacing-0);--vv-button-modifier-static-light-background:var(--color-white);--vv-button-modifier-static-light-border-color:var(--color-white);--vv-button-modifier-static-light-color:var(--color-black);--vv-button-modifier-static-light-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-hover-border-color:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-active-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background:var(--color-black);--vv-button-modifier-static-dark-border-color:var(--color-black);--vv-button-modifier-static-dark-color:var(--color-white);--vv-button-modifier-static-dark-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background:var(--color-gray-darken-3);--vv-button-modifier-action-font-size:var(--text-14);--vv-button-modifier-action-background:var(--color-surface-1);--vv-button-modifier-action-color:var(--color-word-1);--vv-button-modifier-action-border-color:var(--color-word-5);--vv-button-modifier-action-font-weight:var(--font-normal);--vv-button-modifier-action-padding-inline:var(--spacing-6);--vv-button-modifier-action-padding-block:var(--spacing-4);--vv-button-modifier-action-text-shadow:none;--vv-button-modifier-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-state-active-background:var(--color-surface-5);--vv-button-modifier-action-state-active-color:var(--color-word);--vv-button-modifier-action-state-pressed-color:var(--color-white);--vv-button-modifier-action-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-element-icon-block-size:calc(1em * var(--leading-snug));--vv-button-modifier-action-element-icon-inline-size:calc(1em * var(--leading-snug));--vv-button-modifier-action-quiet-font-size:var(--text-14);--vv-button-modifier-action-quiet-background:transparent;--vv-button-modifier-action-quiet-color:var(--color-word-1);--vv-button-modifier-action-quiet-border-color:transparent;--vv-button-modifier-action-quiet-font-weight:var(--font-normal);--vv-button-modifier-action-quiet-padding-inline:var(--spacing-6);--vv-button-modifier-action-quiet-padding-block:var(--spacing-4);--vv-button-modifier-action-quiet-text-shadow:none;--vv-button-modifier-action-quiet-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-action-quiet-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color:var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-color:var(--color-word);--vv-button-modifier-action-quiet-state-pressed-color:var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-quiet-element-icon-block-size:calc(1em * var(--leading-snug));--vv-button-modifier-action-quiet-element-icon-inline-size:calc(1em * var(--leading-snug));--vv-button-modifier-rounded-border-radius:var(--rounded-full);--vv-button-modifier-block-width:100%;--vv-button-modifier-block-max-width:auto;--vv-button-modifier-reverse-element-label-order:-1;--vv-button-modifier-column-flex-direction:column;--vv-button-modifier-column-gap:var(--spacing-2);--vv-button-modifier-full-bleed-min-width:20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;--button-border-width:var(--border-2);--button-line-height:var(--leading-normal);border-width:var(--button-border-width);line-height:var(--button-line-height);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-style:var(--vv-button-border-style);border-color:var(--vv-button-border-color);color:var(--vv-button-color);font-family:var(--vv-button-font-family);font-weight:var(--vv-button-font-weight);justify-content:center;align-items:center;gap:var(--vv-button-gap);padding-block:var(--vv-button-padding-block);padding-inline:var(--vv-button-padding-inline);text-shadow:var(--vv-button-text-shadow);transition:var(--vv-button-transition);will-change:var(--vv-button-will-change);min-width:var(--vv-button-min-width);pointer-events:var(--vv-button-pointer-events);display:inline-flex}:where(.vv-button__icon,.vv-button>:where(svg,[data-icon])){block-size:var(--vv-button-element-icon-block-size);inline-size:var(--vv-button-element-icon-inline-size);margin:var(--vv-button-element-icon-margin);flex-shrink:var(--vv-button-element-icon-flex-shrink);min-height:calc(1em * var(--button-line-height))}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background:var(--vv-button-state-hover-background);--vv-button-border-color:var(--vv-button-state-hover-border-color);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background:var(--vv-button-state-active-background);--vv-button-border-color:var(--vv-button-state-active-border-color)}:where(.vv-button--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background:var(--vv-button-state-pressed-background);--vv-button-border-color:var(--vv-button-state-pressed-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}:where(.vv-button--primary.vv-button){--vv-button-background:var(--vv-button-modifier-primary-background);--vv-button-border-color:var(--vv-button-modifier-primary-border-color);--vv-button-color:var(--vv-button-modifier-primary-color)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-pressed-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background:var(--vv-button-modifier-secondary-background);--vv-button-border-style:var(--vv-button-modifier-secondary-border-style);--vv-button-border-color:var(--vv-button-modifier-secondary-border-color);--vv-button-color:var(--vv-button-modifier-secondary-color);--vv-button-text-shadow:var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-pressed-background)}:where(.vv-button--danger.vv-button){--vv-button-background:var(--vv-button-modifier-danger-background);--vv-button-border-color:var(--vv-button-modifier-danger-border-color);--vv-button-color:var(--vv-button-modifier-danger-color)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-hover-border-color)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-active-border-color)}:where(.vv-button--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-pressed-border-color)}:where(.vv-button--ghost.vv-button){--vv-button-background:var(--vv-button-modifier-ghost-background);--vv-button-border-color:var(--vv-button-modifier-ghost-border-color);--vv-button-color:var(--vv-button-modifier-ghost-color);--vv-button-text-shadow:var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-hover-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-hover-color)}:where(.vv-button--ghost.vv-button--active,.vv-button--ghost.vv-button.active,.vv-button--ghost.vv-button:not([disabled]):active){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-active-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-active-color)}:where(.vv-button--ghost.vv-button--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-pressed-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-pressed-color)}:where(.vv-button--link.vv-button){--vv-button-background:var(--vv-button-modifier-link-background);border-width:var(--vv-button-modifier-link-border-width);padding:var(--vv-button-modifier-link-padding);--vv-button-color:var(--vv-button-modifier-link-color);--vv-button-font-weight:var(--vv-button-modifier-link-font-weight);--vv-button-text-shadow:var(--vv-button-modifier-link-text-shadow)}:where(.vv-button--link .vv-button__icon,.vv-button--link>:where(svg,[data-icon])){margin:var(--vv-button-modifier-link-element-icon-margin)}:where(.vv-button--link.vv-button--focus-visible,.vv-button--link.vv-button.focus-visible,.vv-button--link.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-link-state-focus-visible-outline-offset)}:where(.vv-button--link.vv-button--hover,.vv-button--link.vv-button.hover,.vv-button--link.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-link-state-hover-text-underline-offset)}:where(.vv-button--link.vv-button--active,.vv-button--link.vv-button.active,.vv-button--link.vv-button:not([disabled]):active){--vv-button-modifier-link-color:var(--vv-button-modifier-link-state-active-color)}:where(.vv-button--static-light.vv-button){--vv-button-background:var(--vv-button-modifier-static-light-background);--vv-button-border-color:var(--vv-button-modifier-static-light-border-color);--vv-button-color:var(--vv-button-modifier-static-light-color);--vv-button-text-shadow:var(--vv-button-modifier-static-light-text-shadow)}:where(.vv-button--static-light.vv-button--focus-visible,.vv-button--static-light.vv-button.focus-visible,.vv-button--static-light.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-light-state-focus-visible-outline)}:where(.vv-button--static-light.vv-button--hover,.vv-button--static-light.vv-button.hover,.vv-button--static-light.vv-button:not([disabled]):hover){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-hover-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-hover-background)}:where(.vv-button--static-light.vv-button--active,.vv-button--static-light.vv-button.active,.vv-button--static-light.vv-button:not([disabled]):active){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-active-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-active-background)}:where(.vv-button--static-light.vv-button--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-pressed-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background:var(--vv-button-modifier-static-dark-background);--vv-button-border-color:var(--vv-button-modifier-static-dark-border-color);--vv-button-color:var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow:var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-font-size);--vv-button-background:var(--vv-button-modifier-action-background);--vv-button-color:var(--vv-button-modifier-action-color);--vv-button-border-color:var(--vv-button-modifier-action-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-active-background);--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-active-color)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color:var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background:var(--vv-button-modifier-action-quiet-background);--vv-button-color:var(--vv-button-modifier-action-quiet-color);--vv-button-border-color:var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-quiet-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-active-border-color);--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-active-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius:var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}:where(.vv-button--reverse .vv-button__label){order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap:var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width:var(--vv-button-modifier-full-bleed-min-width)}
1
+ :where(:host,:root,.theme){--vv-button-position:relative;--vv-button-background:var(--color-brand);--vv-button-border-radius:var(--rounded);--vv-button-border-style:solid;--vv-button-border-color:var(--color-brand);--vv-button-color:var(--color-white);--vv-button-font-family:var(--font-sans);--vv-button-font-weight:var(--font-semibold);--vv-button-gap:1ch;--vv-button-padding-block:var(--spacing-7);--vv-button-padding-inline:var(--spacing-16);--vv-button-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-transition:var(--transition-all);--vv-button-will-change:all;--vv-button-min-width:0;--vv-button-pointer-events:auto;--vv-button-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-button-state-hover-background:var(--color-brand-darken-1);--vv-button-state-hover-border-color:var(--color-brand-darken-1);--vv-button-state-hover-text-decoration:none;--vv-button-state-active-background:var(--color-brand-darken-2);--vv-button-state-active-border-color:var(--color-brand-darken-2);--vv-button-state-pressed-background:var(--color-brand-darken-2);--vv-button-state-pressed-border-color:var(--color-brand-darken-2);--vv-button-state-disabled-opacity:var(--opacity-50);--vv-button-state-disabled-cursor:not-allowed;--vv-button-element-icon-block-size:1.1em;--vv-button-element-icon-inline-size:1.1em;--vv-button-element-icon-margin:0;--vv-button-element-icon-flex-shrink:0;--vv-button-element-icon-background-position:center;--vv-button-element-icon-background-repeat:no-repeat;--vv-button-element-icon-background-size:contain;--vv-button-element-label-white-space:nowrap;--vv-button-element-label-text-overflow:ellipsis;--vv-button-element-label-min-width:0;--vv-button-element-label-overflow:hidden;--vv-button-modifier-icon-only-element-icon-margin-inline:calc(var(--spacing-6) * -1);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-color:var(--color-white);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-background:var(--color-surface);--vv-button-modifier-secondary-border-style:solid;--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--vv-button-modifier-secondary-color:var(--color-word);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-lighten-3);--vv-button-modifier-secondary-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-danger-background:var(--color-danger);--vv-button-modifier-danger-border-color:var(--color-danger);--vv-button-modifier-danger-color:var(--color-white);--vv-button-modifier-danger-state-focus-visible-outline:var(--spacing-px) solid var(--color-danger);--vv-button-modifier-danger-state-hover-background:var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color:var(--color-danger-darken-1);--vv-button-modifier-danger-state-active-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-background:var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-border-color:var(--color-danger-darken-2);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-hover-color:var(--color-word-2);--vv-button-modifier-ghost-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-active-color:var(--color-word-2);--vv-button-modifier-ghost-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-color:var(--color-word-2);--vv-button-modifier-link-background:transparent;--vv-button-modifier-link-border-width:var(--border-0);--vv-button-modifier-link-padding:0;--vv-button-modifier-link-color:var(--color-brand-darken-1);--vv-button-modifier-link-font-weight:inherit;--vv-button-modifier-link-text-shadow:none;--vv-button-modifier-link-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand-lighten-4);--vv-button-modifier-link-state-focus-visible-outline-offset:var(--spacing-4);--vv-button-modifier-link-state-hover-text-decoration:underline;--vv-button-modifier-link-state-hover-text-underline-offset:var(--spacing-4);--vv-button-modifier-link-state-active-color:var(--color-brand-darken-3);--vv-button-modifier-link-element-icon-margin:var(--spacing-0);--vv-button-modifier-static-light-background:var(--color-white);--vv-button-modifier-static-light-border-color:var(--color-white);--vv-button-modifier-static-light-color:var(--color-black);--vv-button-modifier-static-light-text-shadow:0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-hover-border-color:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-hover-background:var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-active-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-active-background:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-border-color:var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-background:var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background:var(--color-black);--vv-button-modifier-static-dark-border-color:var(--color-black);--vv-button-modifier-static-dark-color:var(--color-white);--vv-button-modifier-static-dark-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-border-color:var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background:var(--color-gray-darken-3);--vv-button-modifier-action-font-size:var(--text-14);--vv-button-modifier-action-background:var(--color-surface-1);--vv-button-modifier-action-color:var(--color-word-1);--vv-button-modifier-action-border-color:var(--color-word-5);--vv-button-modifier-action-font-weight:var(--font-normal);--vv-button-modifier-action-padding-inline:var(--spacing-6);--vv-button-modifier-action-padding-block:var(--spacing-4);--vv-button-modifier-action-text-shadow:none;--vv-button-modifier-action-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-state-active-background:var(--color-surface-5);--vv-button-modifier-action-state-active-color:var(--color-word);--vv-button-modifier-action-state-pressed-color:var(--color-white);--vv-button-modifier-action-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-element-icon-block-size:1lh;--vv-button-modifier-action-element-icon-inline-size:1lh;--vv-button-modifier-action-quiet-font-size:var(--text-14);--vv-button-modifier-action-quiet-background:transparent;--vv-button-modifier-action-quiet-color:var(--color-word-1);--vv-button-modifier-action-quiet-border-color:transparent;--vv-button-modifier-action-quiet-font-weight:var(--font-normal);--vv-button-modifier-action-quiet-padding-inline:var(--spacing-6);--vv-button-modifier-action-quiet-padding-block:var(--spacing-4);--vv-button-modifier-action-quiet-text-shadow:none;--vv-button-modifier-action-quiet-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-action-quiet-state-hover-background:var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color:var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color:var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-color:var(--color-word);--vv-button-modifier-action-quiet-state-pressed-color:var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-state-pressed-border-color:var(--color-gray-darken-1);--vv-button-modifier-action-quiet-element-icon-margin-inline:-.125ch;--vv-button-modifier-action-quiet-element-icon-block-size:1lh;--vv-button-modifier-action-quiet-element-icon-inline-size:1lh;--vv-button-modifier-rounded-border-radius:var(--rounded-full);--vv-button-modifier-block-width:100%;--vv-button-modifier-block-max-width:auto;--vv-button-modifier-reverse-element-label-order:-1;--vv-button-modifier-column-flex-direction:column;--vv-button-modifier-column-gap:var(--spacing-2);--vv-button-modifier-full-bleed-min-width:20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;--button-border-width:var(--border-2);--button-line-height:var(--leading-normal);border-width:var(--button-border-width);line-height:var(--button-line-height);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-style:var(--vv-button-border-style);border-color:var(--vv-button-border-color);color:var(--vv-button-color);font-family:var(--vv-button-font-family);font-weight:var(--vv-button-font-weight);justify-content:center;align-items:center;gap:var(--vv-button-gap);padding-block:var(--vv-button-padding-block);padding-inline:var(--vv-button-padding-inline);text-shadow:var(--vv-button-text-shadow);transition:var(--vv-button-transition);will-change:var(--vv-button-will-change);min-width:var(--vv-button-min-width);pointer-events:var(--vv-button-pointer-events);display:inline-flex}:where(.vv-button__icon,.vv-button>:where(svg,[data-icon])){block-size:var(--vv-button-element-icon-block-size);inline-size:var(--vv-button-element-icon-inline-size);margin:var(--vv-button-element-icon-margin);flex-shrink:var(--vv-button-element-icon-flex-shrink);background-position:var(--vv-button-element-icon-background-position);background-repeat:var(--vv-button-element-icon-background-repeat);background-size:var(--vv-button-element-icon-background-size);min-height:1lh}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background:var(--vv-button-state-hover-background);--vv-button-border-color:var(--vv-button-state-hover-border-color);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background:var(--vv-button-state-active-background);--vv-button-border-color:var(--vv-button-state-active-border-color)}:where(.vv-button--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background:var(--vv-button-state-pressed-background);--vv-button-border-color:var(--vv-button-state-pressed-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}:where(.vv-button--primary.vv-button){--vv-button-background:var(--vv-button-modifier-primary-background);--vv-button-border-color:var(--vv-button-modifier-primary-border-color);--vv-button-color:var(--vv-button-modifier-primary-color)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background:var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color:var(--vv-button-modifier-primary-state-pressed-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background:var(--vv-button-modifier-secondary-background);--vv-button-border-style:var(--vv-button-modifier-secondary-border-style);--vv-button-border-color:var(--vv-button-modifier-secondary-border-color);--vv-button-color:var(--vv-button-modifier-secondary-color);--vv-button-text-shadow:var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background:var(--vv-button-modifier-secondary-state-pressed-background)}:where(.vv-button--danger.vv-button){--vv-button-background:var(--vv-button-modifier-danger-background);--vv-button-border-color:var(--vv-button-modifier-danger-border-color);--vv-button-color:var(--vv-button-modifier-danger-color)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-hover-border-color)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-active-border-color)}:where(.vv-button--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background:var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color:var(--vv-button-modifier-danger-state-pressed-border-color)}:where(.vv-button--ghost.vv-button){--vv-button-background:var(--vv-button-modifier-ghost-background);--vv-button-border-color:var(--vv-button-modifier-ghost-border-color);--vv-button-color:var(--vv-button-modifier-ghost-color);--vv-button-text-shadow:var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-hover-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-hover-color)}:where(.vv-button--ghost.vv-button--active,.vv-button--ghost.vv-button.active,.vv-button--ghost.vv-button:not([disabled]):active){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-active-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-active-color)}:where(.vv-button--ghost.vv-button--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background:var(--vv-button-modifier-ghost-state-pressed-background);--vv-button-modifier-ghost-color:var(--vv-button-modifier-ghost-state-pressed-color)}:where(.vv-button--link.vv-button){--vv-button-background:var(--vv-button-modifier-link-background);border-width:var(--vv-button-modifier-link-border-width);padding:var(--vv-button-modifier-link-padding);--vv-button-color:var(--vv-button-modifier-link-color);--vv-button-font-weight:var(--vv-button-modifier-link-font-weight);--vv-button-text-shadow:var(--vv-button-modifier-link-text-shadow)}:where(.vv-button--link .vv-button__icon,.vv-button--link>:where(svg,[data-icon])){margin:var(--vv-button-modifier-link-element-icon-margin)}:where(.vv-button--link.vv-button--focus-visible,.vv-button--link.vv-button.focus-visible,.vv-button--link.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-link-state-focus-visible-outline-offset)}:where(.vv-button--link.vv-button--hover,.vv-button--link.vv-button.hover,.vv-button--link.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-link-state-hover-text-underline-offset)}:where(.vv-button--link.vv-button--active,.vv-button--link.vv-button.active,.vv-button--link.vv-button:not([disabled]):active){--vv-button-modifier-link-color:var(--vv-button-modifier-link-state-active-color)}:where(.vv-button--static-light.vv-button){--vv-button-background:var(--vv-button-modifier-static-light-background);--vv-button-border-color:var(--vv-button-modifier-static-light-border-color);--vv-button-color:var(--vv-button-modifier-static-light-color);--vv-button-text-shadow:var(--vv-button-modifier-static-light-text-shadow)}:where(.vv-button--static-light.vv-button--focus-visible,.vv-button--static-light.vv-button.focus-visible,.vv-button--static-light.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-light-state-focus-visible-outline)}:where(.vv-button--static-light.vv-button--hover,.vv-button--static-light.vv-button.hover,.vv-button--static-light.vv-button:not([disabled]):hover){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-hover-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-hover-background)}:where(.vv-button--static-light.vv-button--active,.vv-button--static-light.vv-button.active,.vv-button--static-light.vv-button:not([disabled]):active){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-active-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-active-background)}:where(.vv-button--static-light.vv-button--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color:var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background:var(--vv-button-modifier-static-light-state-pressed-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background:var(--vv-button-modifier-static-dark-background);--vv-button-border-color:var(--vv-button-modifier-static-dark-border-color);--vv-button-color:var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow:var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color:var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background:var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-font-size);--vv-button-background:var(--vv-button-modifier-action-background);--vv-button-color:var(--vv-button-modifier-action-color);--vv-button-border-color:var(--vv-button-modifier-action-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-active-background);--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-active-color)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color:var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background:var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color:var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width:var(--border);--button-line-height:var(--leading-snug);font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background:var(--vv-button-modifier-action-quiet-background);--vv-button-color:var(--vv-button-modifier-action-quiet-color);--vv-button-border-color:var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight:var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline:var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block:var(--vv-button-modifier-action-quiet-padding-block);--vv-button-text-shadow:var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-active-border-color);--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-active-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color:var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background:var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color:var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius:var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}:where(.vv-button--reverse .vv-button__label){order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap:var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width:var(--vv-button-modifier-full-bleed-min-width)}
package/dist/components/vv-card.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-card-position:relative;--vv-card-display:flex;--vv-card-flex-direction:column;--vv-card-overflow:hidden;--vv-card-border-color:var(--color-surface-4);--vv-card-border-width:var(--border);--vv-card-border-style:solid;--vv-card-border-radius:var(--rounded-lg);--vv-card-margin:var(--spacing-0);--vv-card-background-color:var(--color-surface);--vv-card-box-shadow:var(--shadow-md);--vv-card-color:var(--color-word-2);--vv-card-backdrop-filter:none;--vv-card-element-header-overflow:hidden;--vv-card-element-header-padding:var(--spacing-md);--vv-card-element-header-background-color:var(--color-surface-1);--vv-card-element-header-border-bottom:var(--border) solid var(--color-surface-4);--vv-card-element-picture-display:block;--vv-card-element-picture-width:100%;--vv-card-element-picture-height:auto;--vv-card-element-picture-object-fit:cover;--vv-card-element-picture-object-position:center;--vv-card-element-content-padding:var(--spacing-md);--vv-card-element-content-line-height:var(--leading-normal);--vv-card-element-content-flex-grow:1;--vv-card-element-content-min-height:0;--vv-card-element-content-overflow:auto;--vv-card-element-footer-border-top:var(--border) solid var(--color-surface-4);--vv-card-element-footer-padding:var(--spacing-md);--vv-card-modifier-glass-background-color:color-mix(in srgb, var(--color-surface), transparent 40%);--vv-card-modifier-glass-backdrop-filter:var(--blur-md);--vv-card-modifier-glass-element-header-background-color:color-mix(in srgb, var(--color-surface), transparent 70%);--vv-card-modifier-glass-element-footer-background-color:color-mix(in srgb, var(--color-surface), transparent 70%)}:where(.vv-card){position:var(--vv-card-position);display:var(--vv-card-display);flex-direction:var(--vv-card-flex-direction);overflow:var(--vv-card-overflow);border-color:var(--vv-card-border-color);border-width:var(--vv-card-border-width);border-style:var(--vv-card-border-style);border-radius:var(--vv-card-border-radius);margin:var(--vv-card-margin);background-color:var(--vv-card-background-color);box-shadow:var(--vv-card-box-shadow);color:var(--vv-card-color);-webkit-backdrop-filter:var(--vv-card-backdrop-filter);backdrop-filter:var(--vv-card-backdrop-filter)}:where(.vv-card__header,.vv-card>header){overflow:var(--vv-card-element-header-overflow);padding:var(--vv-card-element-header-padding);background-color:var(--vv-card-element-header-background-color);border-bottom:var(--vv-card-element-header-border-bottom)}:where(.vv-card__picture,.vv-card>picture>img){display:var(--vv-card-element-picture-display);width:var(--vv-card-element-picture-width);height:var(--vv-card-element-picture-height);-o-object-fit:var(--vv-card-element-picture-object-fit);object-fit:var(--vv-card-element-picture-object-fit);-o-object-position:var(--vv-card-element-picture-object-position);object-position:var(--vv-card-element-picture-object-position)}:where(.vv-card__content){padding:var(--vv-card-element-content-padding);line-height:var(--vv-card-element-content-line-height);flex-grow:var(--vv-card-element-content-flex-grow);min-height:var(--vv-card-element-content-min-height);overflow:var(--vv-card-element-content-overflow)}:where(.vv-card__footer,.vv-card>footer){border-top:var(--vv-card-element-footer-border-top);padding:var(--vv-card-element-footer-padding)}:where(.vv-card--glass.vv-card){--vv-card-background-color:var(--vv-card-modifier-glass-background-color);--vv-card-backdrop-filter:var(--vv-card-modifier-glass-backdrop-filter)}:where(.vv-card--glass>.vv-card__header,.vv-card--glass>header){background-color:var(--vv-card-modifier-glass-element-header-background-color)}:where(.vv-card--glass>.vv-card__footer,.vv-card--glass>footer){background-color:var(--vv-card-modifier-glass-element-footer-background-color)}
1
+ :where(:host,:root,.theme){--vv-card-position:relative;--vv-card-display:flex;--vv-card-flex-direction:column;--vv-card-overflow:hidden;--vv-card-border-color:var(--color-surface-4);--vv-card-border-width:var(--border);--vv-card-border-style:solid;--vv-card-border-radius:var(--rounded-lg);--vv-card-margin:var(--spacing-0);--vv-card-background-color:var(--color-surface);--vv-card-box-shadow:var(--shadow-md);--vv-card-color:var(--color-word-2);--vv-card-backdrop-filter:none;--vv-card-element-header-overflow:hidden;--vv-card-element-header-padding:var(--spacing-md);--vv-card-element-header-background-color:var(--color-surface-1);--vv-card-element-header-border-bottom:var(--border) solid var(--color-surface-4);--vv-card-element-picture-display:block;--vv-card-element-picture-width:100%;--vv-card-element-picture-height:auto;--vv-card-element-picture-object-fit:cover;--vv-card-element-picture-object-position:center;--vv-card-element-content-padding:var(--spacing-md);--vv-card-element-content-line-height:var(--leading-normal);--vv-card-element-content-flex-grow:1;--vv-card-element-content-min-height:0;--vv-card-element-content-overflow:auto;--vv-card-element-footer-border-top:var(--border) solid var(--color-surface-4);--vv-card-element-footer-padding:var(--spacing-md);--vv-card-modifier-glass-background-color:color-mix(in srgb, var(--color-surface), transparent 40%);--vv-card-modifier-glass-backdrop-filter:var(--blur-md);--vv-card-modifier-glass-element-header-background-color:color-mix(in srgb, var(--color-surface), transparent 70%);--vv-card-modifier-glass-element-footer-background-color:color-mix(in srgb, var(--color-surface), transparent 70%)}:where(.vv-card){position:var(--vv-card-position);display:var(--vv-card-display);flex-direction:var(--vv-card-flex-direction);overflow:var(--vv-card-overflow);border-color:var(--vv-card-border-color);border-width:var(--vv-card-border-width);border-style:var(--vv-card-border-style);border-radius:var(--vv-card-border-radius);margin:var(--vv-card-margin);background-color:var(--vv-card-background-color);box-shadow:var(--vv-card-box-shadow);color:var(--vv-card-color);-webkit-backdrop-filter:var(--vv-card-backdrop-filter);backdrop-filter:var(--vv-card-backdrop-filter)}:where(.vv-card__header,.vv-card>header){overflow:var(--vv-card-element-header-overflow);padding:var(--vv-card-element-header-padding);background-color:var(--vv-card-element-header-background-color);border-bottom:var(--vv-card-element-header-border-bottom)}:where(.vv-card__picture,.vv-card>picture>img){display:var(--vv-card-element-picture-display);width:var(--vv-card-element-picture-width);height:var(--vv-card-element-picture-height);object-fit:var(--vv-card-element-picture-object-fit);object-position:var(--vv-card-element-picture-object-position)}:where(.vv-card__content){padding:var(--vv-card-element-content-padding);line-height:var(--vv-card-element-content-line-height);flex-grow:var(--vv-card-element-content-flex-grow);min-height:var(--vv-card-element-content-min-height);overflow:var(--vv-card-element-content-overflow)}:where(.vv-card__footer,.vv-card>footer){border-top:var(--vv-card-element-footer-border-top);padding:var(--vv-card-element-footer-padding)}:where(.vv-card--glass.vv-card){--vv-card-background-color:var(--vv-card-modifier-glass-background-color);--vv-card-backdrop-filter:var(--vv-card-modifier-glass-backdrop-filter)}:where(.vv-card--glass>.vv-card__header,.vv-card--glass>header){background-color:var(--vv-card-modifier-glass-element-header-background-color)}:where(.vv-card--glass>.vv-card__footer,.vv-card--glass>footer){background-color:var(--vv-card-modifier-glass-element-footer-background-color)}
package/dist/components/vv-checkbox.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-checkbox-display:inline-flex;--vv-checkbox-flex-wrap:wrap;--vv-checkbox-align-items:center;--vv-checkbox-cursor:pointer;--vv-checkbox-user-select:none;--vv-checkbox-margin:0 var(--input-gap) var(--input-gap) 0;--vv-checkbox-color:var(--input-color);--vv-checkbox-font-size:var(--input-font-size);--vv-checkbox-line-height:var(--input-line-height);--vv-checkbox-min-width:var(--input-min-width);--vv-checkbox-state-disabled-opacity:var(--opacity-30);--vv-checkbox-state-disabled-cursor:not-allowed;--vv-checkbox-state-disabled-element-input-cursor:not-allowed;--vv-checkbox-element-input-border:var(--spacing-2) solid var(--input-color);--vv-checkbox-element-input-min-width:var(--spacing-20);--vv-checkbox-element-input-height:var(--spacing-20);--vv-checkbox-element-input-margin:0 var(--input-label-gap) 0 0;--vv-checkbox-element-input-background-position:center;--vv-checkbox-element-input-background-size:var(--text-12) auto;--vv-checkbox-element-input-background-repeat:no-repeat;--vv-checkbox-element-input-cursor:pointer;--vv-checkbox-element-input-position:relative;--vv-checkbox-element-input-state-checked-background-image:var(--bg-check);--vv-checkbox-element-input-state-indeterminate-background-image:var(--bg-minus);--vv-checkbox-element-input-state-focus-visible-outline:var(--spacing-px) solid var(--color-brand);--vv-checkbox-element-input-state-focus-visible-outline-offset:var(--spacing-2);--vv-checkbox-element-hint-flex-basis:100%;--vv-checkbox-element-hint-display:var(--input-hint-display);--vv-checkbox-element-hint-font-size:var(--input-hint-font-size);--vv-checkbox-element-hint-color:var(--input-hint-color);--vv-checkbox-element-hint-padding-top:var(--input-hint-gap);--vv-checkbox-element-hint-white-space:var(--input-hint-white-space);--vv-checkbox-element-hint-text-overflow:var(--input-hint-text-overflow);--vv-checkbox-element-hint-overflow:var(--input-hint-overflow);--vv-checkbox-element-hint-max-width:var(--input-hint-max-width);--vv-checkbox-modifier-readonly-opacity:var(--opacity-100);--vv-checkbox-modifier-readonly-cursor:default;--vv-checkbox-modifier-readonly-pointer-events:none;--vv-checkbox-modifier-switch-element-input-border:0;--vv-checkbox-modifier-switch-element-input-min-width:var(--spacing-44);--vv-checkbox-modifier-switch-element-input-height:var(--spacing-24);--vv-checkbox-modifier-switch-element-input-border-radius:var(--spacing-12);--vv-checkbox-modifier-switch-element-input-background-color:var(--color-word-5);--vv-checkbox-modifier-switch-element-input-position:relative;--vv-checkbox-modifier-switch-element-input-will-change:background-color;--vv-checkbox-modifier-switch-element-input-transition:var(--transition-colors);--vv-checkbox-modifier-switch-element-input-pseudo-after-width:var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-height:var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius:50%;--vv-checkbox-modifier-switch-element-input-pseudo-after-position:absolute;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset-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-valid-element-hint-color:var(--input-valid-color);--vv-checkbox-modifier-invalid-element-hint-color:var(--input-invalid-color)}:where(.vv-checkbox){display:var(--vv-checkbox-display);flex-wrap:var(--vv-checkbox-flex-wrap);align-items:var(--vv-checkbox-align-items);cursor:var(--vv-checkbox-cursor);-webkit-user-select:var(--vv-checkbox-user-select);-moz-user-select:var(--vv-checkbox-user-select);user-select:var(--vv-checkbox-user-select);margin:var(--vv-checkbox-margin);color:var(--vv-checkbox-color);font-size:var(--vv-checkbox-font-size);line-height:var(--vv-checkbox-line-height);min-width:var(--vv-checkbox-min-width)}:where(.vv-checkbox__input,.vv-checkbox>input[type=checkbox]){border:var(--vv-checkbox-element-input-border);min-width:var(--vv-checkbox-element-input-min-width);height:var(--vv-checkbox-element-input-height);margin:var(--vv-checkbox-element-input-margin);background-position:var(--vv-checkbox-element-input-background-position);background-size:var(--vv-checkbox-element-input-background-size);background-repeat:var(--vv-checkbox-element-input-background-repeat);cursor:var(--vv-checkbox-element-input-cursor);position:var(--vv-checkbox-element-input-position)}:where(.vv-checkbox__input--checked,.vv-checkbox__input.checked,.vv-checkbox>input[type=checkbox].checked,.vv-checkbox__input:checked,.vv-checkbox>input[type=checkbox]:checked){background-image:var(--vv-checkbox-element-input-state-checked-background-image)}:where(.vv-checkbox__input--indeterminate,.vv-checkbox__input.indeterminate,.vv-checkbox>input[type=checkbox].indeterminate,.vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox>input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-element-input-state-indeterminate-background-image)}:where(.vv-checkbox__input--focus-visible,.vv-checkbox__input.focus-visible,.vv-checkbox>input[type=checkbox].focus-visible,.vv-checkbox__input:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-checkbox>input[type=checkbox]:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){outline:var(--vv-checkbox-element-input-state-focus-visible-outline);outline-offset:var(--vv-checkbox-element-input-state-focus-visible-outline-offset)}:where(.vv-checkbox__hint,.vv-checkbox>small){flex-basis:var(--vv-checkbox-element-hint-flex-basis);display:var(--vv-checkbox-element-hint-display);font-size:var(--vv-checkbox-element-hint-font-size);color:var(--vv-checkbox-element-hint-color);padding-top:var(--vv-checkbox-element-hint-padding-top);white-space:var(--vv-checkbox-element-hint-white-space);text-overflow:var(--vv-checkbox-element-hint-text-overflow);overflow:var(--vv-checkbox-element-hint-overflow);max-width:var(--vv-checkbox-element-hint-max-width)}:where(.vv-checkbox:has(>input[type=checkbox]:disabled)),:where(.vv-checkbox--disabled,.vv-checkbox.disabled,.vv-checkbox[disabled],.vv-checkbox[aria-disabled=true]){opacity:var(--vv-checkbox-state-disabled-opacity);--vv-checkbox-cursor:var(--vv-checkbox-state-disabled-cursor)}:where(.vv-checkbox--disabled .vv-checkbox__input,.vv-checkbox.disabled .vv-checkbox__input,.vv-checkbox[disabled] .vv-checkbox__input,.vv-checkbox[aria-disabled=true] .vv-checkbox__input,.vv-checkbox--disabled>input[type=checkbox],.vv-checkbox.disabled>input[type=checkbox],.vv-checkbox[disabled]>input[type=checkbox],.vv-checkbox[aria-disabled=true]>input[type=checkbox]){cursor:var(--vv-checkbox-state-disabled-element-input-cursor)}:where(.vv-checkbox--readonly.vv-checkbox){opacity:var(--vv-checkbox-modifier-readonly-opacity);--vv-checkbox-cursor:var(--vv-checkbox-modifier-readonly-cursor);pointer-events:var(--vv-checkbox-modifier-readonly-pointer-events)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]){border:var(--vv-checkbox-modifier-switch-element-input-border);min-width:var(--vv-checkbox-modifier-switch-element-input-min-width);height:var(--vv-checkbox-modifier-switch-element-input-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-border-radius);background-color:var(--vv-checkbox-modifier-switch-element-input-background-color);position:var(--vv-checkbox-modifier-switch-element-input-position);will-change:var(--vv-checkbox-modifier-switch-element-input-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-transition)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch>input[type=checkbox]):after{content:"";width:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-width);height:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius);position:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-position);inset-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))}: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);--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-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-valid-element-hint-color:var(--input-valid-color);--vv-checkbox-modifier-invalid-element-hint-color:var(--input-invalid-color)}:where(.vv-checkbox){display:var(--vv-checkbox-display);flex-wrap:var(--vv-checkbox-flex-wrap);align-items:var(--vv-checkbox-align-items);cursor:var(--vv-checkbox-cursor);-webkit-user-select:var(--vv-checkbox-user-select);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--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))}:where(.vv-checkbox--valid>.vv-checkbox__hint,.vv-checkbox--valid>small){color:var(--vv-checkbox-modifier-valid-element-hint-color)}:where(.vv-checkbox--invalid>.vv-checkbox__hint,.vv-checkbox--invalid>small){color:var(--vv-checkbox-modifier-invalid-element-hint-color)}
package/dist/components/vv-dialog.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dialog-display:flex;--vv-dialog-user-select:text;--vv-dialog-z-index:var(--z-modal-backdrop);--vv-dialog-position:fixed;--vv-dialog-inset:0;--vv-dialog-align-items:center;--vv-dialog-justify-content:center;--vv-dialog-width:inherit;--vv-dialog-min-width:100%;--vv-dialog-height:inherit;--vv-dialog-min-height:100%;--vv-dialog-padding:var(--spacing-md);--vv-dialog-border:0;--vv-dialog-background-color:var(--color-backdrop);--vv-dialog-backdrop-filter:var(--blur-sm);--vv-dialog-opacity:var(--opacity-100);--vv-dialog-state-close-display:none;--vv-dialog-state-open-overflow:hidden;--vv-dialog-element-wrapper-display:flex;--vv-dialog-element-wrapper-flex-direction:column;--vv-dialog-element-wrapper-position:relative;--vv-dialog-element-wrapper-box-shadow:var(--shadow-lg);--vv-dialog-element-wrapper-width:max(30dvw, min(40rem, 90dvw));--vv-dialog-element-wrapper-max-height:90dvh;--vv-dialog-element-wrapper-z-index:var(--z-modal);--vv-dialog-element-wrapper-background:var(--color-surface);--vv-dialog-element-wrapper-border-radius:var(--rounded-md);--vv-dialog-element-wrapper-overflow:hidden;--vv-dialog-element-header-display:flex;--vv-dialog-element-header-flex-wrap:nowrap;--vv-dialog-element-header-justify-content:space-between;--vv-dialog-element-header-align-items:center;--vv-dialog-element-header-font-size:var(--text-md);--vv-dialog-element-header-padding:var(--spacing-md);--vv-dialog-element-header-background:var(--color-surface-1);--vv-dialog-element-header-border-bottom:var(--border) solid var(--color-surface-4);--vv-dialog-element-close-inline-size:1em;--vv-dialog-element-close-block-size:1em;--vv-dialog-element-close-cursor:pointer;--vv-dialog-element-close-background-image:var(--bg-close);--vv-dialog-element-close-background-position:center;--vv-dialog-element-close-background-size:100% auto;--vv-dialog-element-close-background-repeat:no-repeat;--vv-dialog-element-content-padding:var(--spacing-md);--vv-dialog-element-content-line-height:var(--leading-normal);--vv-dialog-element-content-flex:1;--vv-dialog-element-content-min-height:0;--vv-dialog-element-content-overflow:auto;--vv-dialog-element-footer-display:flex;--vv-dialog-element-footer-justify-content:flex-end;--vv-dialog-element-footer-padding:var(--spacing-md);--vv-dialog-element-footer-background:var(--color-surface-1);--vv-dialog-element-footer-border-top:var(--border) solid var(--color-surface-4);--vv-dialog-transition-fade-block-active-transition:var(--transition-opacity);--vv-dialog-transition-fade-block-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-fade-block-enter-from-opacity:var(--opacity-0);--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate:0 100%;--vv-dialog-transition-fade-block-leave-to-opacity:var(--opacity-0);--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate:0 -100%;--vv-dialog-transition-fade-inline-active-transition:var(--transition-opacity);--vv-dialog-transition-fade-inline-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-fade-inline-enter-from-opacity:var(--opacity-0);--vv-dialog-transition-fade-inline-leave-to-opacity:var(--opacity-0);--vv-dialog-transition-scale-active-transition:var(--transition-opacity);--vv-dialog-transition-scale-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-scale-inert-opacity:var(--opacity-0);--vv-dialog-transition-scale-inert-element-wrapper-scale:0;--vv-dialog-transition-slide-inline-end-active-transition:var(--transition-opacity);--vv-dialog-transition-slide-inline-end-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-slide-inline-end-inert-opacity:var(--opacity-0);--vv-dialog-modifier-small-element-wrapper-width:max(10dvw, min(25rem, 90dvw));--vv-dialog-modifier-fullscreen-padding:0;--vv-dialog-modifier-fullscreen-element-wrapper-border-radius:var(--rounded-none);--vv-dialog-modifier-fullscreen-element-wrapper-max-width:auto;--vv-dialog-modifier-fullscreen-element-wrapper-max-height:auto;--vv-dialog-modifier-fullscreen-element-wrapper-width:100%;--vv-dialog-modifier-fullscreen-element-wrapper-height:100%;--vv-dialog-modifier-drawer-padding:0;--vv-dialog-modifier-drawer-align-items:stretch;--vv-dialog-modifier-drawer-justify-content:flex-end;--vv-dialog-modifier-drawer-element-wrapper-width:100%;--vv-dialog-modifier-drawer-element-wrapper-max-height:100dvh;--vv-dialog-modifier-drawer-element-wrapper-border-radius:var(--rounded-none);--vv-dialog-modifier-drawer-element-wrapper-breakpoint-up-sm-width:min(75dvw, 32rem);--vv-dialog-modifier-drawer-element-header-font-weight:var(--font-bold);--vv-dialog-modifier-drawer-element-header-background:var(--color-transparent);--vv-dialog-modifier-drawer-element-header-border-bottom:0;--vv-dialog-modifier-drawer-element-content-padding-top:0;--vv-dialog-modifier-drawer-element-footer-background:var(--color-transparent)}:where(.vv-dialog){display:var(--vv-dialog-display);-webkit-user-select:var(--vv-dialog-user-select);-moz-user-select:var(--vv-dialog-user-select);user-select:var(--vv-dialog-user-select);z-index:var(--vv-dialog-z-index);position:var(--vv-dialog-position);inset:var(--vv-dialog-inset);align-items:var(--vv-dialog-align-items);justify-content:var(--vv-dialog-justify-content);width:var(--vv-dialog-width);min-width:var(--vv-dialog-min-width);height:var(--vv-dialog-height);min-height:var(--vv-dialog-min-height);padding:var(--vv-dialog-padding);border:var(--vv-dialog-border);background-color:var(--vv-dialog-background-color);-webkit-backdrop-filter:var(--vv-dialog-backdrop-filter);backdrop-filter:var(--vv-dialog-backdrop-filter);opacity:var(--vv-dialog-opacity)}:where(.vv-dialog__wrapper,.vv-dialog>article){display:var(--vv-dialog-element-wrapper-display);flex-direction:var(--vv-dialog-element-wrapper-flex-direction);position:var(--vv-dialog-element-wrapper-position);box-shadow:var(--vv-dialog-element-wrapper-box-shadow);width:var(--vv-dialog-element-wrapper-width);max-height:var(--vv-dialog-element-wrapper-max-height);z-index:var(--vv-dialog-element-wrapper-z-index);background:var(--vv-dialog-element-wrapper-background);border-radius:var(--vv-dialog-element-wrapper-border-radius);overflow:var(--vv-dialog-element-wrapper-overflow)}:where(.vv-dialog__header,.vv-dialog>article>header){display:var(--vv-dialog-element-header-display);flex-wrap:var(--vv-dialog-element-header-flex-wrap);justify-content:var(--vv-dialog-element-header-justify-content);align-items:var(--vv-dialog-element-header-align-items);font-size:var(--vv-dialog-element-header-font-size);padding:var(--vv-dialog-element-header-padding);background:var(--vv-dialog-element-header-background);border-bottom:var(--vv-dialog-element-header-border-bottom)}:where(.vv-dialog__close){inline-size:var(--vv-dialog-element-close-inline-size);block-size:var(--vv-dialog-element-close-block-size);cursor:var(--vv-dialog-element-close-cursor);background-image:var(--vv-dialog-element-close-background-image);background-position:var(--vv-dialog-element-close-background-position);background-size:var(--vv-dialog-element-close-background-size);background-repeat:var(--vv-dialog-element-close-background-repeat)}:where(.vv-dialog__content){padding:var(--vv-dialog-element-content-padding);line-height:var(--vv-dialog-element-content-line-height);flex:var(--vv-dialog-element-content-flex);min-height:var(--vv-dialog-element-content-min-height);overflow:var(--vv-dialog-element-content-overflow)}:where(.vv-dialog__footer,.vv-dialog>article>footer){display:var(--vv-dialog-element-footer-display);justify-content:var(--vv-dialog-element-footer-justify-content);padding:var(--vv-dialog-element-footer-padding);background:var(--vv-dialog-element-footer-background);border-top:var(--vv-dialog-element-footer-border-top)}:where(.vv-dialog--close,.vv-dialog.close,.vv-dialog:not([open])){--vv-dialog-display:var(--vv-dialog-state-close-display)}:where(.vv-dialog--open,.vv-dialog.open,.vv-dialog[open]){overflow:var(--vv-dialog-state-open-overflow)}:where(.vv-dialog--small>.vv-dialog__wrapper,.vv-dialog--small>article){width:var(--vv-dialog-modifier-small-element-wrapper-width)}:where(.vv-dialog--fullscreen.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-fullscreen-padding)}:where(.vv-dialog--fullscreen>.vv-dialog__wrapper,.vv-dialog--fullscreen>article){border-radius:var(--vv-dialog-modifier-fullscreen-element-wrapper-border-radius);max-width:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-width);max-height:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-height);width:var(--vv-dialog-modifier-fullscreen-element-wrapper-width);height:var(--vv-dialog-modifier-fullscreen-element-wrapper-height)}:where(.vv-dialog--drawer.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-drawer-padding);--vv-dialog-align-items:var(--vv-dialog-modifier-drawer-align-items);--vv-dialog-justify-content:var(--vv-dialog-modifier-drawer-justify-content)}:where(.vv-dialog--drawer>.vv-dialog__wrapper,.vv-dialog--drawer>article){width:var(--vv-dialog-modifier-drawer-element-wrapper-width);max-height:var(--vv-dialog-modifier-drawer-element-wrapper-max-height);border-radius:var(--vv-dialog-modifier-drawer-element-wrapper-border-radius)}@media (width>=576px){:where(.vv-dialog--drawer>.vv-dialog__wrapper,.vv-dialog--drawer>article){--vv-dialog-modifier-drawer-element-wrapper-width:var(--vv-dialog-modifier-drawer-element-wrapper-breakpoint-up-sm-width)}}:where(.vv-dialog--drawer .vv-dialog__header,.vv-dialog--drawer>article>header){font-weight:var(--vv-dialog-modifier-drawer-element-header-font-weight);background:var(--vv-dialog-modifier-drawer-element-header-background);border-bottom:var(--vv-dialog-modifier-drawer-element-header-border-bottom)}:where(.vv-dialog--drawer .vv-dialog__content){padding-top:var(--vv-dialog-modifier-drawer-element-content-padding-top)}:where(.vv-dialog--drawer .vv-dialog__footer,.vv-dialog--drawer>article>footer){background:var(--vv-dialog-modifier-drawer-element-footer-background)}:where(.vv-dialog--fade-block-enter-active,.vv-dialog--fade-block-leave-active){transition:var(--vv-dialog-transition-fade-block-active-transition)}:where(.vv-dialog--fade-block-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-active>article,.vv-dialog--fade-block-leave-active>article){transition:var(--vv-dialog-transition-fade-block-active-element-wrapper-transition)}:where(.vv-dialog--fade-block-enter-from){opacity:var(--vv-dialog-transition-fade-block-enter-from-opacity)}:where(.vv-dialog--fade-block-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-from>article){translate:var(--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate)}:where(.vv-dialog--fade-block-leave-to){opacity:var(--vv-dialog-transition-fade-block-leave-to-opacity)}:where(.vv-dialog--fade-block-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-to>article){translate:var(--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate)}:where(.vv-dialog--fade-inline-enter-active,.vv-dialog--fade-inline-leave-active){transition:var(--vv-dialog-transition-fade-inline-active-transition)}:where(.vv-dialog--fade-inline-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-active>article,.vv-dialog--fade-inline-leave-active>article){transition:var(--vv-dialog-transition-fade-inline-active-element-wrapper-transition)}:where(.vv-dialog--fade-inline-enter-from){opacity:var(--vv-dialog-transition-fade-inline-enter-from-opacity)}:where(.vv-dialog--fade-inline-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-from>article){translate:calc(-100% * var(--direction,1))}:where(.vv-dialog--fade-inline-leave-to){opacity:var(--vv-dialog-transition-fade-inline-leave-to-opacity)}:where(.vv-dialog--fade-inline-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-to>article){translate:calc(100% * var(--direction,1))}:where(.vv-dialog--scale-enter-active,.vv-dialog--scale-leave-active){transition:var(--vv-dialog-transition-scale-active-transition)}:where(.vv-dialog--scale-enter-active>.vv-dialog__wrapper,.vv-dialog--scale-leave-active>.vv-dialog__wrapper,.vv-dialog--scale-enter-active>article,.vv-dialog--scale-leave-active>article){transition:var(--vv-dialog-transition-scale-active-element-wrapper-transition)}:where(.vv-dialog--scale-enter-from,.vv-dialog--scale-leave-to){opacity:var(--vv-dialog-transition-scale-inert-opacity)}:where(.vv-dialog--scale-enter-from>.vv-dialog__wrapper,.vv-dialog--scale-leave-to>.vv-dialog__wrapper,.vv-dialog--scale-enter-from>article,.vv-dialog--scale-leave-to>article){scale:var(--vv-dialog-transition-scale-inert-element-wrapper-scale)}:where(.vv-dialog--slide-inline-end-enter-active,.vv-dialog--slide-inline-end-leave-active){transition:var(--vv-dialog-transition-slide-inline-end-active-transition)}:where(.vv-dialog--slide-inline-end-enter-active>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-leave-active>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-enter-active>article,.vv-dialog--slide-inline-end-leave-active>article){transition:var(--vv-dialog-transition-slide-inline-end-active-element-wrapper-transition)}:where(.vv-dialog--slide-inline-end-enter-from,.vv-dialog--slide-inline-end-leave-to){opacity:var(--vv-dialog-transition-slide-inline-end-inert-opacity)}:where(.vv-dialog--slide-inline-end-enter-from>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-leave-to>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-enter-from>article,.vv-dialog--slide-inline-end-leave-to>article){translate:calc(100% * var(--direction,1))}
1
+ :where(:host,:root,.theme){--vv-dialog-display:flex;--vv-dialog-user-select:text;--vv-dialog-z-index:var(--z-modal-backdrop);--vv-dialog-position:fixed;--vv-dialog-inset:0;--vv-dialog-align-items:center;--vv-dialog-justify-content:center;--vv-dialog-width:inherit;--vv-dialog-min-width:100%;--vv-dialog-height:inherit;--vv-dialog-min-height:100%;--vv-dialog-padding:var(--spacing-md);--vv-dialog-border:0;--vv-dialog-background-color:var(--color-backdrop);--vv-dialog-backdrop-filter:var(--blur-sm);--vv-dialog-opacity:var(--opacity-100);--vv-dialog-state-close-display:none;--vv-dialog-state-open-overflow:hidden;--vv-dialog-element-wrapper-display:flex;--vv-dialog-element-wrapper-flex-direction:column;--vv-dialog-element-wrapper-position:relative;--vv-dialog-element-wrapper-box-shadow:var(--shadow-lg);--vv-dialog-element-wrapper-width:clamp(30dvw, 40rem, 90dvw);--vv-dialog-element-wrapper-max-height:90dvh;--vv-dialog-element-wrapper-z-index:var(--z-modal);--vv-dialog-element-wrapper-background:var(--color-surface);--vv-dialog-element-wrapper-border-radius:var(--rounded-md);--vv-dialog-element-wrapper-overflow:hidden;--vv-dialog-element-header-display:flex;--vv-dialog-element-header-flex-wrap:nowrap;--vv-dialog-element-header-justify-content:space-between;--vv-dialog-element-header-align-items:center;--vv-dialog-element-header-font-size:var(--text-md);--vv-dialog-element-header-padding:var(--spacing-md);--vv-dialog-element-header-background:var(--color-surface-1);--vv-dialog-element-header-border-bottom:var(--border) solid var(--color-surface-4);--vv-dialog-element-close-inline-size:1em;--vv-dialog-element-close-block-size:1em;--vv-dialog-element-close-cursor:pointer;--vv-dialog-element-close-background-image:var(--bg-close);--vv-dialog-element-close-background-position:center;--vv-dialog-element-close-background-size:100% auto;--vv-dialog-element-close-background-repeat:no-repeat;--vv-dialog-element-content-padding:var(--spacing-md);--vv-dialog-element-content-line-height:var(--leading-normal);--vv-dialog-element-content-flex:1;--vv-dialog-element-content-min-height:0;--vv-dialog-element-content-overflow:auto;--vv-dialog-element-footer-display:flex;--vv-dialog-element-footer-justify-content:flex-end;--vv-dialog-element-footer-padding:var(--spacing-md);--vv-dialog-element-footer-background:var(--color-surface-1);--vv-dialog-element-footer-border-top:var(--border) solid var(--color-surface-4);--vv-dialog-transition-fade-block-active-transition:var(--transition-opacity);--vv-dialog-transition-fade-block-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-fade-block-enter-from-opacity:var(--opacity-0);--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate:0 100%;--vv-dialog-transition-fade-block-leave-to-opacity:var(--opacity-0);--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate:0 -100%;--vv-dialog-transition-fade-inline-active-transition:var(--transition-opacity);--vv-dialog-transition-fade-inline-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-fade-inline-enter-from-opacity:var(--opacity-0);--vv-dialog-transition-fade-inline-leave-to-opacity:var(--opacity-0);--vv-dialog-transition-scale-active-transition:var(--transition-opacity);--vv-dialog-transition-scale-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-scale-inert-opacity:var(--opacity-0);--vv-dialog-transition-scale-inert-element-wrapper-scale:0;--vv-dialog-transition-slide-inline-end-active-transition:var(--transition-opacity);--vv-dialog-transition-slide-inline-end-active-element-wrapper-transition:var(--transition-transform);--vv-dialog-transition-slide-inline-end-inert-opacity:var(--opacity-0);--vv-dialog-modifier-small-element-wrapper-width:clamp(10dvw, 25rem, 90dvw);--vv-dialog-modifier-fullscreen-padding:0;--vv-dialog-modifier-fullscreen-element-wrapper-border-radius:var(--rounded-none);--vv-dialog-modifier-fullscreen-element-wrapper-max-width:auto;--vv-dialog-modifier-fullscreen-element-wrapper-max-height:auto;--vv-dialog-modifier-fullscreen-element-wrapper-width:100%;--vv-dialog-modifier-fullscreen-element-wrapper-height:100%;--vv-dialog-modifier-drawer-padding:0;--vv-dialog-modifier-drawer-align-items:stretch;--vv-dialog-modifier-drawer-justify-content:flex-end;--vv-dialog-modifier-drawer-element-wrapper-width:100%;--vv-dialog-modifier-drawer-element-wrapper-max-height:100dvh;--vv-dialog-modifier-drawer-element-wrapper-border-radius:var(--rounded-none);--vv-dialog-modifier-drawer-element-wrapper-breakpoint-up-sm-width:min(75dvw, 32rem);--vv-dialog-modifier-drawer-element-header-font-weight:var(--font-bold);--vv-dialog-modifier-drawer-element-header-background:var(--color-transparent);--vv-dialog-modifier-drawer-element-header-border-bottom:0;--vv-dialog-modifier-drawer-element-content-padding-top:0;--vv-dialog-modifier-drawer-element-footer-background:var(--color-transparent)}:where(.vv-dialog){display:var(--vv-dialog-display);-webkit-user-select:var(--vv-dialog-user-select);user-select:var(--vv-dialog-user-select);z-index:var(--vv-dialog-z-index);position:var(--vv-dialog-position);inset:var(--vv-dialog-inset);align-items:var(--vv-dialog-align-items);justify-content:var(--vv-dialog-justify-content);width:var(--vv-dialog-width);min-width:var(--vv-dialog-min-width);height:var(--vv-dialog-height);min-height:var(--vv-dialog-min-height);padding:var(--vv-dialog-padding);border:var(--vv-dialog-border);background-color:var(--vv-dialog-background-color);-webkit-backdrop-filter:var(--vv-dialog-backdrop-filter);backdrop-filter:var(--vv-dialog-backdrop-filter);opacity:var(--vv-dialog-opacity)}:where(.vv-dialog__wrapper,.vv-dialog>article){display:var(--vv-dialog-element-wrapper-display);flex-direction:var(--vv-dialog-element-wrapper-flex-direction);position:var(--vv-dialog-element-wrapper-position);box-shadow:var(--vv-dialog-element-wrapper-box-shadow);width:var(--vv-dialog-element-wrapper-width);max-height:var(--vv-dialog-element-wrapper-max-height);z-index:var(--vv-dialog-element-wrapper-z-index);background:var(--vv-dialog-element-wrapper-background);border-radius:var(--vv-dialog-element-wrapper-border-radius);overflow:var(--vv-dialog-element-wrapper-overflow)}:where(.vv-dialog__header,.vv-dialog>article>header){display:var(--vv-dialog-element-header-display);flex-wrap:var(--vv-dialog-element-header-flex-wrap);justify-content:var(--vv-dialog-element-header-justify-content);align-items:var(--vv-dialog-element-header-align-items);font-size:var(--vv-dialog-element-header-font-size);padding:var(--vv-dialog-element-header-padding);background:var(--vv-dialog-element-header-background);border-bottom:var(--vv-dialog-element-header-border-bottom)}:where(.vv-dialog__close){inline-size:var(--vv-dialog-element-close-inline-size);block-size:var(--vv-dialog-element-close-block-size);cursor:var(--vv-dialog-element-close-cursor);background-image:var(--vv-dialog-element-close-background-image);background-position:var(--vv-dialog-element-close-background-position);background-size:var(--vv-dialog-element-close-background-size);background-repeat:var(--vv-dialog-element-close-background-repeat)}:where(.vv-dialog__content){padding:var(--vv-dialog-element-content-padding);line-height:var(--vv-dialog-element-content-line-height);flex:var(--vv-dialog-element-content-flex);min-height:var(--vv-dialog-element-content-min-height);overflow:var(--vv-dialog-element-content-overflow)}:where(.vv-dialog__footer,.vv-dialog>article>footer){display:var(--vv-dialog-element-footer-display);justify-content:var(--vv-dialog-element-footer-justify-content);padding:var(--vv-dialog-element-footer-padding);background:var(--vv-dialog-element-footer-background);border-top:var(--vv-dialog-element-footer-border-top)}:where(.vv-dialog--close,.vv-dialog.close,.vv-dialog:not([open])){--vv-dialog-display:var(--vv-dialog-state-close-display)}:where(.vv-dialog--open,.vv-dialog.open,.vv-dialog[open]){overflow:var(--vv-dialog-state-open-overflow)}:where(.vv-dialog--small>.vv-dialog__wrapper,.vv-dialog--small>article){width:var(--vv-dialog-modifier-small-element-wrapper-width)}:where(.vv-dialog--fullscreen.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-fullscreen-padding)}:where(.vv-dialog--fullscreen>.vv-dialog__wrapper,.vv-dialog--fullscreen>article){border-radius:var(--vv-dialog-modifier-fullscreen-element-wrapper-border-radius);max-width:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-width);max-height:var(--vv-dialog-modifier-fullscreen-element-wrapper-max-height);width:var(--vv-dialog-modifier-fullscreen-element-wrapper-width);height:var(--vv-dialog-modifier-fullscreen-element-wrapper-height)}:where(.vv-dialog--drawer.vv-dialog){--vv-dialog-padding:var(--vv-dialog-modifier-drawer-padding);--vv-dialog-align-items:var(--vv-dialog-modifier-drawer-align-items);--vv-dialog-justify-content:var(--vv-dialog-modifier-drawer-justify-content)}:where(.vv-dialog--drawer>.vv-dialog__wrapper,.vv-dialog--drawer>article){width:var(--vv-dialog-modifier-drawer-element-wrapper-width);max-height:var(--vv-dialog-modifier-drawer-element-wrapper-max-height);border-radius:var(--vv-dialog-modifier-drawer-element-wrapper-border-radius)}@media (width>=576px){:where(.vv-dialog--drawer>.vv-dialog__wrapper,.vv-dialog--drawer>article){--vv-dialog-modifier-drawer-element-wrapper-width:var(--vv-dialog-modifier-drawer-element-wrapper-breakpoint-up-sm-width)}}:where(.vv-dialog--drawer .vv-dialog__header,.vv-dialog--drawer>article>header){font-weight:var(--vv-dialog-modifier-drawer-element-header-font-weight);background:var(--vv-dialog-modifier-drawer-element-header-background);border-bottom:var(--vv-dialog-modifier-drawer-element-header-border-bottom)}:where(.vv-dialog--drawer .vv-dialog__content){padding-top:var(--vv-dialog-modifier-drawer-element-content-padding-top)}:where(.vv-dialog--drawer .vv-dialog__footer,.vv-dialog--drawer>article>footer){background:var(--vv-dialog-modifier-drawer-element-footer-background)}:where(.vv-dialog--fade-block-enter-active,.vv-dialog--fade-block-leave-active){transition:var(--vv-dialog-transition-fade-block-active-transition)}:where(.vv-dialog--fade-block-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-active>article,.vv-dialog--fade-block-leave-active>article){transition:var(--vv-dialog-transition-fade-block-active-element-wrapper-transition)}:where(.vv-dialog--fade-block-enter-from){opacity:var(--vv-dialog-transition-fade-block-enter-from-opacity)}:where(.vv-dialog--fade-block-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-block-enter-from>article){translate:var(--vv-dialog-transition-fade-block-enter-from-element-wrapper-translate)}:where(.vv-dialog--fade-block-leave-to){opacity:var(--vv-dialog-transition-fade-block-leave-to-opacity)}:where(.vv-dialog--fade-block-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-block-leave-to>article){translate:var(--vv-dialog-transition-fade-block-leave-to-element-wrapper-translate)}:where(.vv-dialog--fade-inline-enter-active,.vv-dialog--fade-inline-leave-active){transition:var(--vv-dialog-transition-fade-inline-active-transition)}:where(.vv-dialog--fade-inline-enter-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-active>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-active>article,.vv-dialog--fade-inline-leave-active>article){transition:var(--vv-dialog-transition-fade-inline-active-element-wrapper-transition)}:where(.vv-dialog--fade-inline-enter-from){opacity:var(--vv-dialog-transition-fade-inline-enter-from-opacity)}:where(.vv-dialog--fade-inline-enter-from>.vv-dialog__wrapper,.vv-dialog--fade-inline-enter-from>article){translate:calc(-100% * var(--direction,1))}:where(.vv-dialog--fade-inline-leave-to){opacity:var(--vv-dialog-transition-fade-inline-leave-to-opacity)}:where(.vv-dialog--fade-inline-leave-to>.vv-dialog__wrapper,.vv-dialog--fade-inline-leave-to>article){translate:calc(100% * var(--direction,1))}:where(.vv-dialog--scale-enter-active,.vv-dialog--scale-leave-active){transition:var(--vv-dialog-transition-scale-active-transition)}:where(.vv-dialog--scale-enter-active>.vv-dialog__wrapper,.vv-dialog--scale-leave-active>.vv-dialog__wrapper,.vv-dialog--scale-enter-active>article,.vv-dialog--scale-leave-active>article){transition:var(--vv-dialog-transition-scale-active-element-wrapper-transition)}:where(.vv-dialog--scale-enter-from,.vv-dialog--scale-leave-to){opacity:var(--vv-dialog-transition-scale-inert-opacity)}:where(.vv-dialog--scale-enter-from>.vv-dialog__wrapper,.vv-dialog--scale-leave-to>.vv-dialog__wrapper,.vv-dialog--scale-enter-from>article,.vv-dialog--scale-leave-to>article){scale:var(--vv-dialog-transition-scale-inert-element-wrapper-scale)}:where(.vv-dialog--slide-inline-end-enter-active,.vv-dialog--slide-inline-end-leave-active){transition:var(--vv-dialog-transition-slide-inline-end-active-transition)}:where(.vv-dialog--slide-inline-end-enter-active>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-leave-active>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-enter-active>article,.vv-dialog--slide-inline-end-leave-active>article){transition:var(--vv-dialog-transition-slide-inline-end-active-element-wrapper-transition)}:where(.vv-dialog--slide-inline-end-enter-from,.vv-dialog--slide-inline-end-leave-to){opacity:var(--vv-dialog-transition-slide-inline-end-inert-opacity)}:where(.vv-dialog--slide-inline-end-enter-from>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-leave-to>.vv-dialog__wrapper,.vv-dialog--slide-inline-end-enter-from>article,.vv-dialog--slide-inline-end-leave-to>article){translate:calc(100% * var(--direction,1))}
package/dist/components/vv-dropdown-option.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dropdown-option-display:flex;--vv-dropdown-option-min-width:0;--vv-dropdown-option-overflow:hidden;--vv-dropdown-option-gap:var(--spacing-sm);--vv-dropdown-option-align-items:flex-end;--vv-dropdown-option-padding:var(--spacing-sm);--vv-dropdown-option-state-disabled-opacity:var(--opacity-50);--vv-dropdown-option-state-disabled-cursor:not-allowed;--vv-dropdown-option-state-disabled-pointer-events:none;--vv-dropdown-option-state-focus-visible-background-color:var(--color-surface-success);--vv-dropdown-option-state-focus-visible-color:var(--color-success-darken-1);--vv-dropdown-option-state-focus-visible-element-hint-opacity:var(--opacity-100);--vv-dropdown-option-state-selected-font-weight:var(--font-bold);--vv-dropdown-option-state-selected-background-color:var(--color-surface-brand);--vv-dropdown-option-state-selected-color:var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color:var(--color-surface-danger);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger);--vv-dropdown-option-modifier-inert-cursor:default;--vv-dropdown-option-modifier-inert-color:var(--color-word-3);--vv-dropdown-option-modifier-inert-font-size:.8em;--vv-dropdown-option-modifier-inert-state-focus-visible-background-color:transparent;--vv-dropdown-option-modifier-inert-state-focus-visible-color:var(--color-word-3);--vv-dropdown-option-element-hint-opacity:var(--opacity-0);--vv-dropdown-option-element-hint-transition:var(--transition-opacity);--vv-dropdown-option-element-hint-will-change:opacity;--vv-dropdown-option-element-hint-margin-left:auto;--vv-dropdown-option-element-hint-font-size:.8em;--vv-dropdown-option-element-hint-font-weight:var(--font-normal);--vv-dropdown-option-element-hint-text-overflow:ellipsis;--vv-dropdown-option-element-hint-white-space:nowrap;--vv-dropdown-option-element-hint-overflow:hidden;--vv-dropdown-option-element-label-text-overflow:ellipsis;--vv-dropdown-option-element-label-white-space:nowrap;--vv-dropdown-option-element-label-overflow:hidden}:where(.vv-dropdown-option){display:var(--vv-dropdown-option-display);min-width:var(--vv-dropdown-option-min-width);overflow:var(--vv-dropdown-option-overflow);gap:var(--vv-dropdown-option-gap);align-items:var(--vv-dropdown-option-align-items);padding:var(--vv-dropdown-option-padding)}:where(.vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-element-hint-opacity);transition:var(--vv-dropdown-option-element-hint-transition);will-change:var(--vv-dropdown-option-element-hint-will-change);margin-left:var(--vv-dropdown-option-element-hint-margin-left);font-size:var(--vv-dropdown-option-element-hint-font-size);font-weight:var(--vv-dropdown-option-element-hint-font-weight);text-overflow:var(--vv-dropdown-option-element-hint-text-overflow);white-space:var(--vv-dropdown-option-element-hint-white-space);overflow:var(--vv-dropdown-option-element-hint-overflow)}:where(.vv-dropdown-option__label){text-overflow:var(--vv-dropdown-option-element-label-text-overflow);white-space:var(--vv-dropdown-option-element-label-white-space);overflow:var(--vv-dropdown-option-element-label-overflow)}:where(.vv-dropdown-option--disabled,.vv-dropdown-option.disabled,.vv-dropdown-option[disabled],.vv-dropdown-option[aria-disabled=true]){opacity:var(--vv-dropdown-option-state-disabled-opacity);cursor:var(--vv-dropdown-option-state-disabled-cursor);pointer-events:var(--vv-dropdown-option-state-disabled-pointer-events)}:where(.vv-dropdown-option--focus-visible,.vv-dropdown-option.focus-visible,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-state-focus-visible-background-color);color:var(--vv-dropdown-option-state-focus-visible-color)}:where(.vv-dropdown-option--focus-visible .vv-dropdown-option__hint,.vv-dropdown-option.focus-visible .vv-dropdown-option__hint,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible .vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-state-focus-visible-element-hint-opacity)}:where(.vv-dropdown-option--selected,.vv-dropdown-option.selected,.vv-dropdown-option[aria-selected=true]){font-weight:var(--vv-dropdown-option-state-selected-font-weight);background-color:var(--vv-dropdown-option-state-selected-background-color);color:var(--vv-dropdown-option-state-selected-color)}:where(.vv-dropdown-option--unselectable.vv-dropdown-option--focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option.focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-color)}:where(.vv-dropdown-option--inert.vv-dropdown-option){cursor:var(--vv-dropdown-option-modifier-inert-cursor);color:var(--vv-dropdown-option-modifier-inert-color);font-size:var(--vv-dropdown-option-modifier-inert-font-size)}:where(.vv-dropdown-option--inert.vv-dropdown-option--focus-visible,.vv-dropdown-option--inert.vv-dropdown-option.focus-visible,.vv-dropdown-option--inert.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-color)}
1
+ :where(:host,:root,.theme){--vv-dropdown-option-display:flex;--vv-dropdown-option-min-width:0;--vv-dropdown-option-overflow:hidden;--vv-dropdown-option-gap:var(--spacing-sm);--vv-dropdown-option-align-items:baseline;--vv-dropdown-option-padding:var(--spacing-sm);--vv-dropdown-option-state-disabled-opacity:var(--opacity-50);--vv-dropdown-option-state-disabled-cursor:not-allowed;--vv-dropdown-option-state-disabled-pointer-events:none;--vv-dropdown-option-state-focus-visible-background-color:var(--color-surface-success);--vv-dropdown-option-state-focus-visible-color:var(--color-success-darken-1);--vv-dropdown-option-state-focus-visible-element-hint-opacity:var(--opacity-100);--vv-dropdown-option-state-selected-font-weight:var(--font-bold);--vv-dropdown-option-state-selected-background-color:var(--color-surface-brand);--vv-dropdown-option-state-selected-color:var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color:var(--color-surface-danger);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger);--vv-dropdown-option-modifier-inert-cursor:default;--vv-dropdown-option-modifier-inert-color:var(--color-word-3);--vv-dropdown-option-modifier-inert-font-size:.8em;--vv-dropdown-option-modifier-inert-state-focus-visible-background-color:transparent;--vv-dropdown-option-modifier-inert-state-focus-visible-color:var(--color-word-3);--vv-dropdown-option-element-hint-opacity:var(--opacity-0);--vv-dropdown-option-element-hint-transition:var(--transition-opacity);--vv-dropdown-option-element-hint-will-change:opacity;--vv-dropdown-option-element-hint-margin-left:auto;--vv-dropdown-option-element-hint-font-size:.8em;--vv-dropdown-option-element-hint-font-weight:var(--font-normal);--vv-dropdown-option-element-hint-text-overflow:ellipsis;--vv-dropdown-option-element-hint-white-space:nowrap;--vv-dropdown-option-element-hint-overflow:hidden;--vv-dropdown-option-element-label-text-overflow:ellipsis;--vv-dropdown-option-element-label-white-space:nowrap;--vv-dropdown-option-element-label-overflow:hidden}:where(.vv-dropdown-option){display:var(--vv-dropdown-option-display);min-width:var(--vv-dropdown-option-min-width);overflow:var(--vv-dropdown-option-overflow);gap:var(--vv-dropdown-option-gap);align-items:var(--vv-dropdown-option-align-items);padding:var(--vv-dropdown-option-padding)}:where(.vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-element-hint-opacity);transition:var(--vv-dropdown-option-element-hint-transition);will-change:var(--vv-dropdown-option-element-hint-will-change);margin-left:var(--vv-dropdown-option-element-hint-margin-left);font-size:var(--vv-dropdown-option-element-hint-font-size);font-weight:var(--vv-dropdown-option-element-hint-font-weight);text-overflow:var(--vv-dropdown-option-element-hint-text-overflow);white-space:var(--vv-dropdown-option-element-hint-white-space);overflow:var(--vv-dropdown-option-element-hint-overflow)}:where(.vv-dropdown-option__label){text-overflow:var(--vv-dropdown-option-element-label-text-overflow);white-space:var(--vv-dropdown-option-element-label-white-space);overflow:var(--vv-dropdown-option-element-label-overflow)}:where(.vv-dropdown-option--disabled,.vv-dropdown-option.disabled,.vv-dropdown-option[disabled],.vv-dropdown-option[aria-disabled=true]){opacity:var(--vv-dropdown-option-state-disabled-opacity);cursor:var(--vv-dropdown-option-state-disabled-cursor);pointer-events:var(--vv-dropdown-option-state-disabled-pointer-events)}:where(.vv-dropdown-option--focus-visible,.vv-dropdown-option.focus-visible,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-state-focus-visible-background-color);color:var(--vv-dropdown-option-state-focus-visible-color)}:where(.vv-dropdown-option--focus-visible .vv-dropdown-option__hint,.vv-dropdown-option.focus-visible .vv-dropdown-option__hint,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible .vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-state-focus-visible-element-hint-opacity)}:where(.vv-dropdown-option--selected,.vv-dropdown-option.selected,.vv-dropdown-option[aria-selected=true]){font-weight:var(--vv-dropdown-option-state-selected-font-weight);background-color:var(--vv-dropdown-option-state-selected-background-color);color:var(--vv-dropdown-option-state-selected-color)}:where(.vv-dropdown-option--unselectable.vv-dropdown-option--focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option.focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-color)}:where(.vv-dropdown-option--inert.vv-dropdown-option){cursor:var(--vv-dropdown-option-modifier-inert-cursor);color:var(--vv-dropdown-option-modifier-inert-color);font-size:var(--vv-dropdown-option-modifier-inert-font-size)}:where(.vv-dropdown-option--inert.vv-dropdown-option--focus-visible,.vv-dropdown-option--inert.vv-dropdown-option.focus-visible,.vv-dropdown-option--inert.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-color)}
package/dist/components/vv-dropdown.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-dropdown-position:relative;--vv-dropdown-z-index:var(--z-dropdown);--vv-dropdown-display:flex;--vv-dropdown-flex-direction:column;--vv-dropdown-box-shadow:var(--shadow-lg);--vv-dropdown-width:max-content;--vv-dropdown-state-popover-inset:auto;--vv-dropdown-state-popover-margin:0;--vv-dropdown-state-popover-padding:0;--vv-dropdown-state-popover-border:0;--vv-dropdown-state-popover-overflow:visible;--vv-dropdown-state-popover-background:transparent;--vv-dropdown-state-popover-color:inherit;--vv-dropdown-element-list-background-color:var(--color-surface-1);--vv-dropdown-element-list-overflow:auto;--vv-dropdown-element-list-pseudo--webkit-scrollbar-width:var(--spacing-2);--vv-dropdown-element-list-pseudo--webkit-scrollbar-height:var(--spacing-2);--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-color:var(--color-brand-lighten-4);--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-border:var(--spacing-0) solid transparent;--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-clip:content-box;--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-background-color:transparent;--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-padding:0;--vv-dropdown-element-item-not-last-border-width:0 0 var(--border) 0;--vv-dropdown-element-item-not-last-border-color:var(--color-surface-3);--vv-dropdown-element-item-not-last-border-style:solid;--vv-dropdown-element-search-display:block;--vv-dropdown-element-search-min-width:0;--vv-dropdown-element-search-align-items:center;--vv-dropdown-element-search-min-height:var(--input-min-height);--vv-dropdown-element-search-background-color:var(--color-surface-2);--vv-dropdown-element-search-padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-dropdown-element-search-font-size:var(--input-font-size);--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance:none;--vv-dropdown-element-search-pseudo-search-cancel-button-opacity:var(--opacity-0);--vv-dropdown-element-search-pseudo-placeholder-color:var(--color-word-4);--vv-dropdown-element-search-pseudo-placeholder-text-overflow:ellipsis;--vv-dropdown-element-arrow-position:absolute;--vv-dropdown-element-arrow-width:var(--spacing-20);--vv-dropdown-element-arrow-height:var(--spacing-20);--vv-dropdown-element-arrow-z-index:-1;--vv-dropdown-element-arrow-pointer-events:none;--vv-dropdown-element-arrow-border:none;--vv-dropdown-element-arrow-pseudo-before-position:absolute;--vv-dropdown-element-arrow-pseudo-before-top:0;--vv-dropdown-element-arrow-pseudo-before-left:0;--vv-dropdown-element-arrow-pseudo-before-width:0;--vv-dropdown-element-arrow-pseudo-before-height:0;--vv-dropdown-element-arrow-pseudo-before-border-left:var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-right:var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-bottom:var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-element-arrow-pseudo-after-position:absolute;--vv-dropdown-element-arrow-pseudo-after-bottom:0;--vv-dropdown-element-arrow-pseudo-after-left:0;--vv-dropdown-element-arrow-pseudo-after-width:0;--vv-dropdown-element-arrow-pseudo-after-height:0;--vv-dropdown-element-arrow-pseudo-after-border-left:var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-right:var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-top:var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-modifier-block-width:100%;--vv-dropdown-modifier-bottom-position:absolute;--vv-dropdown-modifier-bottom-top:100%;--vv-dropdown-modifier-bottom-right:0;--vv-dropdown-modifier-bottom-left:0;--vv-dropdown-modifier-top-position:absolute;--vv-dropdown-modifier-top-left:0;--vv-dropdown-modifier-top-right:0;--vv-dropdown-modifier-top-bottom:100%;--vv-dropdown-modifier-full-bleed-element-item-min-width:20ch;--vv-dropdown-modifier-dialog-position:fixed;--vv-dropdown-modifier-dialog-display:flex;--vv-dropdown-modifier-dialog-inset:0;--vv-dropdown-modifier-dialog-width:auto;--vv-dropdown-modifier-dialog-height:auto;--vv-dropdown-modifier-dialog-z-index:var(--z-modal-backdrop);--vv-dropdown-modifier-dialog-background-color:var(--color-backdrop);--vv-dropdown-modifier-dialog-backdrop-filter:var(--blur-sm);--vv-dropdown-modifier-dialog-justify-content:flex-end;--vv-dropdown-modifier-dialog-align-items:center;--vv-dropdown-modifier-dialog-padding:var(--spacing-lg);--vv-dropdown-modifier-dialog-gap:var(--spacing-md);--vv-dropdown-modifier-dialog-state-close-display:none;--vv-dropdown-modifier-dialog-element-list-max-width:max(30dvw, min(40rem, 90dvw));--vv-dropdown-modifier-dialog-element-list-z-index:var(--z-modal);--vv-dropdown-modifier-mobile-breakpoint-down-xs-position:fixed;--vv-dropdown-modifier-mobile-breakpoint-down-xs-inset:0;--vv-dropdown-modifier-mobile-breakpoint-down-xs-width:auto;--vv-dropdown-modifier-mobile-breakpoint-down-xs-height:auto;--vv-dropdown-modifier-mobile-breakpoint-down-xs-z-index:var(--z-modal-backdrop);--vv-dropdown-modifier-mobile-breakpoint-down-xs-background-color:var(--color-backdrop);--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter:var(--blur-sm);--vv-dropdown-modifier-mobile-breakpoint-down-xs-justify-content:flex-end;--vv-dropdown-modifier-mobile-breakpoint-down-xs-padding:var(--spacing-lg);--vv-dropdown-modifier-mobile-breakpoint-down-xs-gap:var(--spacing-md);--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-z-index:var(--z-modal);--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-margin-bottom:auto;--vv-dropdown-transition-fade-block-active-transition:var(--transition-opacity);--vv-dropdown-transition-fade-block-active-element-list-transition:var(--transition-transform);--vv-dropdown-transition-fade-block-active-element-search-transition:var(--transition-transform);--vv-dropdown-transition-fade-block-enter-from-opacity:var(--opacity-0);--vv-dropdown-transition-fade-block-enter-from-element-list-translate:0 100%;--vv-dropdown-transition-fade-block-enter-from-element-search-translate:0 -100%;--vv-dropdown-transition-fade-block-leave-to-opacity:var(--opacity-0);--vv-dropdown-transition-fade-block-leave-to-element-list-translate:0 100%;--vv-dropdown-transition-fade-block-leave-to-element-search-translate:0 -100%;--vv-dropdown-transition-mobile-fade-block-active-transition:var(--transition-opacity);--vv-dropdown-transition-mobile-fade-block-active-element-list-transition:var(--transition-transform);--vv-dropdown-transition-mobile-fade-block-active-element-search-transition:var(--transition-transform);--vv-dropdown-transition-mobile-fade-block-enter-from-opacity:var(--opacity-0);--vv-dropdown-transition-mobile-fade-block-enter-from-element-list-breakpoint-down-xs-translate:0 100%;--vv-dropdown-transition-mobile-fade-block-enter-from-element-search-breakpoint-down-xs-translate:0 -100%;--vv-dropdown-transition-mobile-fade-block-leave-to-opacity:var(--opacity-0);--vv-dropdown-transition-mobile-fade-block-leave-to-element-list-breakpoint-down-xs-translate:0 100%;--vv-dropdown-transition-mobile-fade-block-leave-to-element-search-breakpoint-down-xs-translate:0 -100%}:where(.vv-dropdown){--dropdown-border-radius:0px;--dropdown-custom-position:false;position:var(--vv-dropdown-position);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);box-shadow:var(--vv-dropdown-box-shadow);width:var(--vv-dropdown-width)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box])){border-radius:var(--dropdown-border-radius);background-color:var(--vv-dropdown-element-list-background-color);overflow:var(--vv-dropdown-element-list-overflow)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar{content:"";width:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-width);height:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-height)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar-thumb{content:"";background-color:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-color);border:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-border);background-clip:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-clip)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar-track{content:"";background-color:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-background-color);padding:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-padding)}:where(.vv-dropdown__item-first,.vv-dropdown :is([role=option],[role=presentation]):first-child){border-top-left-radius:var(--dropdown-border-radius);border-top-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-last,.vv-dropdown :is([role=option],[role=presentation]):last-child){border-bottom-left-radius:var(--dropdown-border-radius);border-bottom-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-not-last,.vv-dropdown :is([role=option],[role=presentation]):not(:last-child)){border-width:var(--vv-dropdown-element-item-not-last-border-width);border-color:var(--vv-dropdown-element-item-not-last-border-color);border-style:var(--vv-dropdown-element-item-not-last-border-style)}:where(.vv-dropdown__search){display:var(--vv-dropdown-element-search-display);min-width:var(--vv-dropdown-element-search-min-width);align-items:var(--vv-dropdown-element-search-align-items);min-height:var(--vv-dropdown-element-search-min-height);background-color:var(--vv-dropdown-element-search-background-color);padding:var(--vv-dropdown-element-search-padding);font-size:var(--vv-dropdown-element-search-font-size)}:where(.vv-dropdown__search)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-search-cancel-button{-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__search)::placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__arrow){position:var(--vv-dropdown-element-arrow-position);width:var(--vv-dropdown-element-arrow-width);height:var(--vv-dropdown-element-arrow-height);z-index:var(--vv-dropdown-element-arrow-z-index);pointer-events:var(--vv-dropdown-element-arrow-pointer-events);border:var(--vv-dropdown-element-arrow-border)}:where(.vv-dropdown__arrow):before{content:"";position:var(--vv-dropdown-element-arrow-pseudo-before-position);top:var(--vv-dropdown-element-arrow-pseudo-before-top);left:var(--vv-dropdown-element-arrow-pseudo-before-left);width:var(--vv-dropdown-element-arrow-pseudo-before-width);height:var(--vv-dropdown-element-arrow-pseudo-before-height);border-left:var(--vv-dropdown-element-arrow-pseudo-before-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-before-border-right);border-bottom:var(--vv-dropdown-element-arrow-pseudo-before-border-bottom)}:where(.vv-dropdown__arrow):after{content:"";position:var(--vv-dropdown-element-arrow-pseudo-after-position);bottom:var(--vv-dropdown-element-arrow-pseudo-after-bottom);left:var(--vv-dropdown-element-arrow-pseudo-after-left);width:var(--vv-dropdown-element-arrow-pseudo-after-width);height:var(--vv-dropdown-element-arrow-pseudo-after-height);border-left:var(--vv-dropdown-element-arrow-pseudo-after-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-after-border-right);border-top:var(--vv-dropdown-element-arrow-pseudo-after-border-top)}:where(.vv-dropdown--popover,.vv-dropdown.popover,.vv-dropdown[popover]){inset:var(--vv-dropdown-state-popover-inset);margin:var(--vv-dropdown-state-popover-margin);padding:var(--vv-dropdown-state-popover-padding);border:var(--vv-dropdown-state-popover-border);overflow:var(--vv-dropdown-state-popover-overflow);background:var(--vv-dropdown-state-popover-background);color:var(--vv-dropdown-state-popover-color)}:where(.vv-dropdown--rounded.vv-dropdown){--dropdown-border-radius:var(--rounded)}:where(.vv-dropdown--block.vv-dropdown){--vv-dropdown-width:var(--vv-dropdown-modifier-block-width)}:where(.vv-dropdown--bottom.vv-dropdown){--vv-dropdown-position:var(--vv-dropdown-modifier-bottom-position);top:var(--vv-dropdown-modifier-bottom-top);right:var(--vv-dropdown-modifier-bottom-right);left:var(--vv-dropdown-modifier-bottom-left)}:where(.vv-dropdown--top.vv-dropdown){--vv-dropdown-position:var(--vv-dropdown-modifier-top-position);left:var(--vv-dropdown-modifier-top-left);right:var(--vv-dropdown-modifier-top-right);bottom:var(--vv-dropdown-modifier-top-bottom)}:where(.vv-dropdown--full-bleed .vv-dropdown__item,.vv-dropdown--full-bleed :is([role=option],[role=presentation])){min-width:var(--vv-dropdown-modifier-full-bleed-element-item-min-width)}:where(.vv-dropdown--dialog.vv-dropdown){--dropdown-border-radius:var(--rounded-lg);--dropdown-custom-position:true;--vv-dropdown-position:var(--vv-dropdown-modifier-dialog-position);--vv-dropdown-display:var(--vv-dropdown-modifier-dialog-display);inset:var(--vv-dropdown-modifier-dialog-inset);--vv-dropdown-width:var(--vv-dropdown-modifier-dialog-width);height:var(--vv-dropdown-modifier-dialog-height);--vv-dropdown-z-index:var(--vv-dropdown-modifier-dialog-z-index);background-color:var(--vv-dropdown-modifier-dialog-background-color);-webkit-backdrop-filter:var(--vv-dropdown-modifier-dialog-backdrop-filter);backdrop-filter:var(--vv-dropdown-modifier-dialog-backdrop-filter);justify-content:var(--vv-dropdown-modifier-dialog-justify-content);align-items:var(--vv-dropdown-modifier-dialog-align-items);padding:var(--vv-dropdown-modifier-dialog-padding);gap:var(--vv-dropdown-modifier-dialog-gap)}:where(.vv-dropdown--dialog .vv-dropdown__list,.vv-dropdown--dialog div:is([role=menu],[role=list-box])){max-width:var(--vv-dropdown-modifier-dialog-element-list-max-width);z-index:var(--vv-dropdown-modifier-dialog-element-list-z-index)}:where(.vv-dropdown--dialog.vv-dropdown--close,.vv-dropdown--dialog.vv-dropdown.close,.vv-dropdown--dialog.vv-dropdown:not([open])){--vv-dropdown-modifier-dialog-display:var(--vv-dropdown-modifier-dialog-state-close-display)}@media (width<=575.98px){:where(.vv-dropdown--mobile .vv-dropdown__list,.vv-dropdown--mobile div:is([role=menu],[role=list-box])){z-index:var(--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-z-index);margin-bottom:var(--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-margin-bottom);border-radius:var(--dropdown-border-radius)}:where(.vv-dropdown--mobile .vv-dropdown__search){border-radius:var(--dropdown-border-radius)}:where(.vv-dropdown--mobile.vv-dropdown){--dropdown-border-radius:var(--rounded-lg);--dropdown-custom-position:true;position:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-position);inset:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-inset);width:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-width);height:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-height);z-index:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-z-index);background-color:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-background-color);-webkit-backdrop-filter:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter);backdrop-filter:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter);justify-content:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-justify-content);padding:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-padding);gap:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-gap)}}:where(.vv-dropdown--fade-block-enter-active,.vv-dropdown--fade-block-leave-active){transition:var(--vv-dropdown-transition-fade-block-active-transition)}:where(.vv-dropdown--fade-block-enter-active .vv-dropdown__list,.vv-dropdown--fade-block-leave-active .vv-dropdown__list,.vv-dropdown--fade-block-enter-active div:is([role=menu],[role=list-box]),.vv-dropdown--fade-block-leave-active div:is([role=menu],[role=list-box])){transition:var(--vv-dropdown-transition-fade-block-active-element-list-transition)}:where(.vv-dropdown--fade-block-enter-active .vv-dropdown__search,.vv-dropdown--fade-block-leave-active .vv-dropdown__search){transition:var(--vv-dropdown-transition-fade-block-active-element-search-transition)}:where(.vv-dropdown--fade-block-enter-from){opacity:var(--vv-dropdown-transition-fade-block-enter-from-opacity)}:where(.vv-dropdown--fade-block-enter-from .vv-dropdown__list,.vv-dropdown--fade-block-enter-from div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-fade-block-enter-from-element-list-translate)}:where(.vv-dropdown--fade-block-enter-from .vv-dropdown__search){translate:var(--vv-dropdown-transition-fade-block-enter-from-element-search-translate)}:where(.vv-dropdown--fade-block-leave-to){opacity:var(--vv-dropdown-transition-fade-block-leave-to-opacity)}:where(.vv-dropdown--fade-block-leave-to .vv-dropdown__list,.vv-dropdown--fade-block-leave-to div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-fade-block-leave-to-element-list-translate)}:where(.vv-dropdown--fade-block-leave-to .vv-dropdown__search){translate:var(--vv-dropdown-transition-fade-block-leave-to-element-search-translate)}:where(.vv-dropdown--mobile-fade-block-enter-active,.vv-dropdown--mobile-fade-block-leave-active){transition:var(--vv-dropdown-transition-mobile-fade-block-active-transition)}:where(.vv-dropdown--mobile-fade-block-enter-active .vv-dropdown__list,.vv-dropdown--mobile-fade-block-leave-active .vv-dropdown__list,.vv-dropdown--mobile-fade-block-enter-active div:is([role=menu],[role=list-box]),.vv-dropdown--mobile-fade-block-leave-active div:is([role=menu],[role=list-box])){transition:var(--vv-dropdown-transition-mobile-fade-block-active-element-list-transition)}:where(.vv-dropdown--mobile-fade-block-enter-active .vv-dropdown__search,.vv-dropdown--mobile-fade-block-leave-active .vv-dropdown__search){transition:var(--vv-dropdown-transition-mobile-fade-block-active-element-search-transition)}:where(.vv-dropdown--mobile-fade-block-enter-from){opacity:var(--vv-dropdown-transition-mobile-fade-block-enter-from-opacity)}@media (width<=575.98px){:where(.vv-dropdown--mobile-fade-block-enter-from .vv-dropdown__list,.vv-dropdown--mobile-fade-block-enter-from div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-mobile-fade-block-enter-from-element-list-breakpoint-down-xs-translate)}:where(.vv-dropdown--mobile-fade-block-enter-from .vv-dropdown__search){translate:var(--vv-dropdown-transition-mobile-fade-block-enter-from-element-search-breakpoint-down-xs-translate)}}:where(.vv-dropdown--mobile-fade-block-leave-to){opacity:var(--vv-dropdown-transition-mobile-fade-block-leave-to-opacity)}@media (width<=575.98px){:where(.vv-dropdown--mobile-fade-block-leave-to .vv-dropdown__list,.vv-dropdown--mobile-fade-block-leave-to div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-mobile-fade-block-leave-to-element-list-breakpoint-down-xs-translate)}:where(.vv-dropdown--mobile-fade-block-leave-to .vv-dropdown__search){translate:var(--vv-dropdown-transition-mobile-fade-block-leave-to-element-search-breakpoint-down-xs-translate)}}
1
+ :where(:host,:root,.theme){--vv-dropdown-position:relative;--vv-dropdown-z-index:var(--z-dropdown);--vv-dropdown-display:flex;--vv-dropdown-flex-direction:column;--vv-dropdown-box-shadow:var(--shadow-lg);--vv-dropdown-width:max-content;--vv-dropdown-state-popover-inset:auto;--vv-dropdown-state-popover-margin:0;--vv-dropdown-state-popover-padding:0;--vv-dropdown-state-popover-border:0;--vv-dropdown-state-popover-overflow:visible;--vv-dropdown-state-popover-background:transparent;--vv-dropdown-state-popover-color:inherit;--vv-dropdown-element-list-background-color:var(--color-surface-1);--vv-dropdown-element-list-overflow:auto;--vv-dropdown-element-list-pseudo--webkit-scrollbar-width:var(--spacing-2);--vv-dropdown-element-list-pseudo--webkit-scrollbar-height:var(--spacing-2);--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-color:var(--color-brand-lighten-4);--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-border:var(--spacing-0) solid transparent;--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-clip:content-box;--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-background-color:transparent;--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-padding:0;--vv-dropdown-element-item-not-last-border-width:0 0 var(--border) 0;--vv-dropdown-element-item-not-last-border-color:var(--color-surface-3);--vv-dropdown-element-item-not-last-border-style:solid;--vv-dropdown-element-search-display:block;--vv-dropdown-element-search-min-width:0;--vv-dropdown-element-search-align-items:center;--vv-dropdown-element-search-min-height:var(--input-min-height);--vv-dropdown-element-search-background-color:var(--color-surface-2);--vv-dropdown-element-search-padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-dropdown-element-search-font-size:var(--input-font-size);--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance:none;--vv-dropdown-element-search-pseudo-search-cancel-button-opacity:var(--opacity-0);--vv-dropdown-element-search-pseudo-placeholder-color:var(--color-word-4);--vv-dropdown-element-search-pseudo-placeholder-text-overflow:ellipsis;--vv-dropdown-element-arrow-position:absolute;--vv-dropdown-element-arrow-width:var(--spacing-20);--vv-dropdown-element-arrow-height:var(--spacing-20);--vv-dropdown-element-arrow-z-index:-1;--vv-dropdown-element-arrow-pointer-events:none;--vv-dropdown-element-arrow-border:none;--vv-dropdown-element-arrow-pseudo-before-position:absolute;--vv-dropdown-element-arrow-pseudo-before-top:0;--vv-dropdown-element-arrow-pseudo-before-left:0;--vv-dropdown-element-arrow-pseudo-before-width:0;--vv-dropdown-element-arrow-pseudo-before-height:0;--vv-dropdown-element-arrow-pseudo-before-border-left:var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-right:var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-bottom:var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-element-arrow-pseudo-after-position:absolute;--vv-dropdown-element-arrow-pseudo-after-bottom:0;--vv-dropdown-element-arrow-pseudo-after-left:0;--vv-dropdown-element-arrow-pseudo-after-width:0;--vv-dropdown-element-arrow-pseudo-after-height:0;--vv-dropdown-element-arrow-pseudo-after-border-left:var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-right:var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-top:var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-modifier-block-width:100%;--vv-dropdown-modifier-bottom-position:absolute;--vv-dropdown-modifier-bottom-top:100%;--vv-dropdown-modifier-bottom-right:0;--vv-dropdown-modifier-bottom-left:0;--vv-dropdown-modifier-top-position:absolute;--vv-dropdown-modifier-top-left:0;--vv-dropdown-modifier-top-right:0;--vv-dropdown-modifier-top-bottom:100%;--vv-dropdown-modifier-full-bleed-element-item-min-width:20ch;--vv-dropdown-modifier-dialog-position:fixed;--vv-dropdown-modifier-dialog-display:flex;--vv-dropdown-modifier-dialog-inset:0;--vv-dropdown-modifier-dialog-width:auto;--vv-dropdown-modifier-dialog-height:auto;--vv-dropdown-modifier-dialog-z-index:var(--z-modal-backdrop);--vv-dropdown-modifier-dialog-background-color:var(--color-backdrop);--vv-dropdown-modifier-dialog-backdrop-filter:var(--blur-sm);--vv-dropdown-modifier-dialog-justify-content:flex-end;--vv-dropdown-modifier-dialog-align-items:center;--vv-dropdown-modifier-dialog-padding:var(--spacing-lg);--vv-dropdown-modifier-dialog-gap:var(--spacing-md);--vv-dropdown-modifier-dialog-state-close-display:none;--vv-dropdown-modifier-dialog-element-list-max-width:clamp(30dvw, 40rem, 90dvw);--vv-dropdown-modifier-dialog-element-list-z-index:var(--z-modal);--vv-dropdown-modifier-mobile-breakpoint-down-xs-position:fixed;--vv-dropdown-modifier-mobile-breakpoint-down-xs-inset:0;--vv-dropdown-modifier-mobile-breakpoint-down-xs-width:auto;--vv-dropdown-modifier-mobile-breakpoint-down-xs-height:auto;--vv-dropdown-modifier-mobile-breakpoint-down-xs-z-index:var(--z-modal-backdrop);--vv-dropdown-modifier-mobile-breakpoint-down-xs-background-color:var(--color-backdrop);--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter:var(--blur-sm);--vv-dropdown-modifier-mobile-breakpoint-down-xs-justify-content:flex-end;--vv-dropdown-modifier-mobile-breakpoint-down-xs-padding:var(--spacing-lg);--vv-dropdown-modifier-mobile-breakpoint-down-xs-gap:var(--spacing-md);--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-z-index:var(--z-modal);--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-margin-bottom:auto;--vv-dropdown-transition-fade-block-active-transition:var(--transition-opacity);--vv-dropdown-transition-fade-block-active-element-list-transition:var(--transition-transform);--vv-dropdown-transition-fade-block-active-element-search-transition:var(--transition-transform);--vv-dropdown-transition-fade-block-enter-from-opacity:var(--opacity-0);--vv-dropdown-transition-fade-block-enter-from-element-list-translate:0 100%;--vv-dropdown-transition-fade-block-enter-from-element-search-translate:0 -100%;--vv-dropdown-transition-fade-block-leave-to-opacity:var(--opacity-0);--vv-dropdown-transition-fade-block-leave-to-element-list-translate:0 100%;--vv-dropdown-transition-fade-block-leave-to-element-search-translate:0 -100%;--vv-dropdown-transition-mobile-fade-block-active-transition:var(--transition-opacity);--vv-dropdown-transition-mobile-fade-block-active-element-list-transition:var(--transition-transform);--vv-dropdown-transition-mobile-fade-block-active-element-search-transition:var(--transition-transform);--vv-dropdown-transition-mobile-fade-block-enter-from-opacity:var(--opacity-0);--vv-dropdown-transition-mobile-fade-block-enter-from-element-list-breakpoint-down-xs-translate:0 100%;--vv-dropdown-transition-mobile-fade-block-enter-from-element-search-breakpoint-down-xs-translate:0 -100%;--vv-dropdown-transition-mobile-fade-block-leave-to-opacity:var(--opacity-0);--vv-dropdown-transition-mobile-fade-block-leave-to-element-list-breakpoint-down-xs-translate:0 100%;--vv-dropdown-transition-mobile-fade-block-leave-to-element-search-breakpoint-down-xs-translate:0 -100%}:where(.vv-dropdown){--dropdown-border-radius:0px;--dropdown-custom-position:false;position:var(--vv-dropdown-position);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);box-shadow:var(--vv-dropdown-box-shadow);width:var(--vv-dropdown-width)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box])){border-radius:var(--dropdown-border-radius);background-color:var(--vv-dropdown-element-list-background-color);overflow:var(--vv-dropdown-element-list-overflow)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar{content:"";width:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-width);height:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-height)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar-thumb{content:"";background-color:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-color);border:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-border);background-clip:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-thumb-background-clip)}:where(.vv-dropdown__list,.vv-dropdown div:is([role=menu],[role=list-box]))::-webkit-scrollbar-track{content:"";background-color:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-background-color);padding:var(--vv-dropdown-element-list-pseudo--webkit-scrollbar-track-padding)}:where(.vv-dropdown__item-first,.vv-dropdown :is([role=option],[role=presentation]):first-child){border-top-left-radius:var(--dropdown-border-radius);border-top-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-last,.vv-dropdown :is([role=option],[role=presentation]):last-child){border-bottom-left-radius:var(--dropdown-border-radius);border-bottom-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-not-last,.vv-dropdown :is([role=option],[role=presentation]):not(:last-child)){border-width:var(--vv-dropdown-element-item-not-last-border-width);border-color:var(--vv-dropdown-element-item-not-last-border-color);border-style:var(--vv-dropdown-element-item-not-last-border-style)}:where(.vv-dropdown__search){display:var(--vv-dropdown-element-search-display);min-width:var(--vv-dropdown-element-search-min-width);align-items:var(--vv-dropdown-element-search-align-items);min-height:var(--vv-dropdown-element-search-min-height);background-color:var(--vv-dropdown-element-search-background-color);padding:var(--vv-dropdown-element-search-padding);font-size:var(--vv-dropdown-element-search-font-size)}:where(.vv-dropdown__search)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-search-cancel-button{-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__arrow){position:var(--vv-dropdown-element-arrow-position);width:var(--vv-dropdown-element-arrow-width);height:var(--vv-dropdown-element-arrow-height);z-index:var(--vv-dropdown-element-arrow-z-index);pointer-events:var(--vv-dropdown-element-arrow-pointer-events);border:var(--vv-dropdown-element-arrow-border)}:where(.vv-dropdown__arrow):before{content:"";position:var(--vv-dropdown-element-arrow-pseudo-before-position);top:var(--vv-dropdown-element-arrow-pseudo-before-top);left:var(--vv-dropdown-element-arrow-pseudo-before-left);width:var(--vv-dropdown-element-arrow-pseudo-before-width);height:var(--vv-dropdown-element-arrow-pseudo-before-height);border-left:var(--vv-dropdown-element-arrow-pseudo-before-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-before-border-right);border-bottom:var(--vv-dropdown-element-arrow-pseudo-before-border-bottom)}:where(.vv-dropdown__arrow):after{content:"";position:var(--vv-dropdown-element-arrow-pseudo-after-position);bottom:var(--vv-dropdown-element-arrow-pseudo-after-bottom);left:var(--vv-dropdown-element-arrow-pseudo-after-left);width:var(--vv-dropdown-element-arrow-pseudo-after-width);height:var(--vv-dropdown-element-arrow-pseudo-after-height);border-left:var(--vv-dropdown-element-arrow-pseudo-after-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-after-border-right);border-top:var(--vv-dropdown-element-arrow-pseudo-after-border-top)}:where(.vv-dropdown--popover,.vv-dropdown.popover,.vv-dropdown[popover]){inset:var(--vv-dropdown-state-popover-inset);margin:var(--vv-dropdown-state-popover-margin);padding:var(--vv-dropdown-state-popover-padding);border:var(--vv-dropdown-state-popover-border);overflow:var(--vv-dropdown-state-popover-overflow);background:var(--vv-dropdown-state-popover-background);color:var(--vv-dropdown-state-popover-color)}:where(.vv-dropdown--rounded.vv-dropdown){--dropdown-border-radius:var(--rounded)}:where(.vv-dropdown--block.vv-dropdown){--vv-dropdown-width:var(--vv-dropdown-modifier-block-width)}:where(.vv-dropdown--bottom.vv-dropdown){--vv-dropdown-position:var(--vv-dropdown-modifier-bottom-position);top:var(--vv-dropdown-modifier-bottom-top);right:var(--vv-dropdown-modifier-bottom-right);left:var(--vv-dropdown-modifier-bottom-left)}:where(.vv-dropdown--top.vv-dropdown){--vv-dropdown-position:var(--vv-dropdown-modifier-top-position);left:var(--vv-dropdown-modifier-top-left);right:var(--vv-dropdown-modifier-top-right);bottom:var(--vv-dropdown-modifier-top-bottom)}:where(.vv-dropdown--full-bleed .vv-dropdown__item,.vv-dropdown--full-bleed :is([role=option],[role=presentation])){min-width:var(--vv-dropdown-modifier-full-bleed-element-item-min-width)}:where(.vv-dropdown--dialog.vv-dropdown){--dropdown-border-radius:var(--rounded-lg);--dropdown-custom-position:true;--vv-dropdown-position:var(--vv-dropdown-modifier-dialog-position);--vv-dropdown-display:var(--vv-dropdown-modifier-dialog-display);inset:var(--vv-dropdown-modifier-dialog-inset);--vv-dropdown-width:var(--vv-dropdown-modifier-dialog-width);height:var(--vv-dropdown-modifier-dialog-height);--vv-dropdown-z-index:var(--vv-dropdown-modifier-dialog-z-index);background-color:var(--vv-dropdown-modifier-dialog-background-color);-webkit-backdrop-filter:var(--vv-dropdown-modifier-dialog-backdrop-filter);backdrop-filter:var(--vv-dropdown-modifier-dialog-backdrop-filter);justify-content:var(--vv-dropdown-modifier-dialog-justify-content);align-items:var(--vv-dropdown-modifier-dialog-align-items);padding:var(--vv-dropdown-modifier-dialog-padding);gap:var(--vv-dropdown-modifier-dialog-gap)}:where(.vv-dropdown--dialog .vv-dropdown__list,.vv-dropdown--dialog div:is([role=menu],[role=list-box])){max-width:var(--vv-dropdown-modifier-dialog-element-list-max-width);z-index:var(--vv-dropdown-modifier-dialog-element-list-z-index)}:where(.vv-dropdown--dialog.vv-dropdown--close,.vv-dropdown--dialog.vv-dropdown.close,.vv-dropdown--dialog.vv-dropdown:not([open])){--vv-dropdown-modifier-dialog-display:var(--vv-dropdown-modifier-dialog-state-close-display)}@media (width<=575.98px){:where(.vv-dropdown--mobile .vv-dropdown__list,.vv-dropdown--mobile div:is([role=menu],[role=list-box])){z-index:var(--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-z-index);margin-bottom:var(--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-margin-bottom);border-radius:var(--dropdown-border-radius)}:where(.vv-dropdown--mobile .vv-dropdown__search){border-radius:var(--dropdown-border-radius)}:where(.vv-dropdown--mobile.vv-dropdown){--dropdown-border-radius:var(--rounded-lg);--dropdown-custom-position:true;position:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-position);inset:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-inset);width:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-width);height:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-height);z-index:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-z-index);background-color:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-background-color);-webkit-backdrop-filter:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter);backdrop-filter:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter);justify-content:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-justify-content);padding:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-padding);gap:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-gap)}}:where(.vv-dropdown--fade-block-enter-active,.vv-dropdown--fade-block-leave-active){transition:var(--vv-dropdown-transition-fade-block-active-transition)}:where(.vv-dropdown--fade-block-enter-active .vv-dropdown__list,.vv-dropdown--fade-block-leave-active .vv-dropdown__list,.vv-dropdown--fade-block-enter-active div:is([role=menu],[role=list-box]),.vv-dropdown--fade-block-leave-active div:is([role=menu],[role=list-box])){transition:var(--vv-dropdown-transition-fade-block-active-element-list-transition)}:where(.vv-dropdown--fade-block-enter-active .vv-dropdown__search,.vv-dropdown--fade-block-leave-active .vv-dropdown__search){transition:var(--vv-dropdown-transition-fade-block-active-element-search-transition)}:where(.vv-dropdown--fade-block-enter-from){opacity:var(--vv-dropdown-transition-fade-block-enter-from-opacity)}:where(.vv-dropdown--fade-block-enter-from .vv-dropdown__list,.vv-dropdown--fade-block-enter-from div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-fade-block-enter-from-element-list-translate)}:where(.vv-dropdown--fade-block-enter-from .vv-dropdown__search){translate:var(--vv-dropdown-transition-fade-block-enter-from-element-search-translate)}:where(.vv-dropdown--fade-block-leave-to){opacity:var(--vv-dropdown-transition-fade-block-leave-to-opacity)}:where(.vv-dropdown--fade-block-leave-to .vv-dropdown__list,.vv-dropdown--fade-block-leave-to div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-fade-block-leave-to-element-list-translate)}:where(.vv-dropdown--fade-block-leave-to .vv-dropdown__search){translate:var(--vv-dropdown-transition-fade-block-leave-to-element-search-translate)}:where(.vv-dropdown--mobile-fade-block-enter-active,.vv-dropdown--mobile-fade-block-leave-active){transition:var(--vv-dropdown-transition-mobile-fade-block-active-transition)}:where(.vv-dropdown--mobile-fade-block-enter-active .vv-dropdown__list,.vv-dropdown--mobile-fade-block-leave-active .vv-dropdown__list,.vv-dropdown--mobile-fade-block-enter-active div:is([role=menu],[role=list-box]),.vv-dropdown--mobile-fade-block-leave-active div:is([role=menu],[role=list-box])){transition:var(--vv-dropdown-transition-mobile-fade-block-active-element-list-transition)}:where(.vv-dropdown--mobile-fade-block-enter-active .vv-dropdown__search,.vv-dropdown--mobile-fade-block-leave-active .vv-dropdown__search){transition:var(--vv-dropdown-transition-mobile-fade-block-active-element-search-transition)}:where(.vv-dropdown--mobile-fade-block-enter-from){opacity:var(--vv-dropdown-transition-mobile-fade-block-enter-from-opacity)}@media (width<=575.98px){:where(.vv-dropdown--mobile-fade-block-enter-from .vv-dropdown__list,.vv-dropdown--mobile-fade-block-enter-from div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-mobile-fade-block-enter-from-element-list-breakpoint-down-xs-translate)}:where(.vv-dropdown--mobile-fade-block-enter-from .vv-dropdown__search){translate:var(--vv-dropdown-transition-mobile-fade-block-enter-from-element-search-breakpoint-down-xs-translate)}}:where(.vv-dropdown--mobile-fade-block-leave-to){opacity:var(--vv-dropdown-transition-mobile-fade-block-leave-to-opacity)}@media (width<=575.98px){:where(.vv-dropdown--mobile-fade-block-leave-to .vv-dropdown__list,.vv-dropdown--mobile-fade-block-leave-to div:is([role=menu],[role=list-box])){translate:var(--vv-dropdown-transition-mobile-fade-block-leave-to-element-list-breakpoint-down-xs-translate)}:where(.vv-dropdown--mobile-fade-block-leave-to .vv-dropdown__search){translate:var(--vv-dropdown-transition-mobile-fade-block-leave-to-element-search-breakpoint-down-xs-translate)}}