@volverjs/style 0.1.2-beta.23 → 0.1.2-beta.24

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 (22) hide show
  1. package/README.md +1 -1
  2. package/dist/components/vv-badge.css +1 -1
  3. package/dist/components/vv-button.css +1 -1
  4. package/dist/components/vv-input-text.css +1 -1
  5. package/dist/components/vv-nav.css +1 -1
  6. package/dist/components/vv-table.css +1 -1
  7. package/dist/components/vv-toast.css +1 -1
  8. package/dist/components.css +1 -1
  9. package/dist/utilities/effects.css +1 -1
  10. package/dist/utilities/layout.css +1 -1
  11. package/dist/utilities/transitions.css +1 -1
  12. package/dist/utilities/typography.css +1 -1
  13. package/dist/utilities.css +1 -1
  14. package/dist/volver.css +1 -1
  15. package/package.json +12 -12
  16. package/src/settings/components/_vv-badge.scss +10 -3
  17. package/src/settings/components/_vv-button.scss +8 -6
  18. package/src/settings/components/_vv-input-text.scss +12 -1
  19. package/src/settings/components/_vv-nav.scss +0 -1
  20. package/src/settings/components/_vv-table.scss +6 -0
  21. package/src/settings/components/_vv-toast.scss +0 -1
  22. package/src/tools/_mixins.scss +9 -1
package/README.md CHANGED
@@ -92,7 +92,7 @@ You can style utility-first (with [tailwindcss](https://tailwindcss.com) syntax)
92
92
  // custom color brand
93
93
  $color-brand: #45cb85,
94
94
  //custom font sans
95
- $font-sans: 'Open Sans', sans-serif,
95
+ $font-family-sans: 'Open Sans', sans-serif,
96
96
  );
97
97
  @use '@volverjs/style/scss';
98
98
 
package/dist/components/vv-badge.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-badge-border-style: solid;--vv-badge-border-radius: .5em;--vv-badge-line-height: 2em;--vv-badge-min-height: 2em;--vv-badge-min-width: 2em;--vv-badge-padding: 0 .5em;--vv-badge-display: inline-flex;--vv-badge-justify-content: center;--vv-badge-align-items: center;--vv-badge-gap: .5ch;--vv-badge-white-space: nowrap;--vv-badge-font-family: var(--font-sans);--vv-badge-font-weight: var(--font-normal);--vv-badge-text-shadow: none;--vv-badge-state-empty-font-size: inherit;--vv-badge-state-empty-min-width: 0;--vv-badge-state-empty-min-height: 0;--vv-badge-state-empty-padding: 0;--vv-badge-modifier-rounded-border-radius: 1em}:where(.vv-badge){--badge-font-size: .7rem;--badge-color: var(--color-white);--badge-background-color: var(--color-brand);--badge-border-width: 0;font-size:var(--badge-font-size);background-color:var(--badge-background-color);color:var(--badge-color);border-width:var(--badge-border-width);border-color:var(--badge-background-color);border-style:var(--vv-badge-border-style);border-radius:var(--vv-badge-border-radius);line-height:var(--vv-badge-line-height);min-height:var(--vv-badge-min-height);min-width:var(--vv-badge-min-width);padding:var(--vv-badge-padding);display:var(--vv-badge-display);justify-content:var(--vv-badge-justify-content);align-items:var(--vv-badge-align-items);gap:var(--vv-badge-gap);white-space:var(--vv-badge-white-space);font-family:var(--vv-badge-font-family);font-weight:var(--vv-badge-font-weight);text-shadow:var(--vv-badge-text-shadow)}:where(.vv-badge--empty,.vv-badge.empty,.vv-badge:not([disabled]):empty){font-size:var(--vv-badge-state-empty-font-size);--vv-badge-min-width: var(--vv-badge-state-empty-min-width);--vv-badge-min-height: var(--vv-badge-state-empty-min-height);width:var(--badge-font-size);height:var(--badge-font-size);border-radius:calc(var(--badge-font-size) * .5);--vv-badge-padding: var(--vv-badge-state-empty-padding)}:where(.vv-badge--sm.vv-badge){--badge-font-size: .6rem}:where(.vv-badge--rounded.vv-badge){--vv-badge-border-radius: var(--vv-badge-modifier-rounded-border-radius)}:where(.vv-badge--outline.vv-badge){--badge-border-width: var(--border);background-color:transparent;color:var(--badge-background-color)}:where(.vv-badge--ghost.vv-badge){background-color:transparent;color:var(--badge-background-color)}:where(.vv-badge--white.vv-badge){--badge-background-color: alpha-color("white", 80%);--badge-color: var(--color-black)}:where(.vv-badge--black.vv-badge){--badge-background-color: alpha-color("black", 80%);--badge-color: var(--color-white)}:where(.vv-badge--danger.vv-badge){--badge-background-color: var(--color-danger)}:where(.vv-badge--success.vv-badge){--badge-background-color: var(--color-success)}:where(.vv-badge--warning.vv-badge){--badge-background-color: var(--color-warning)}:where(.vv-badge--info.vv-badge){--badge-background-color: var(--color-info)}:where(.vv-badge--accent.vv-badge){--badge-background-color: var(--color-accent)}
1
+ :where(:host,:root,.theme){--vv-badge-border-style: solid;--vv-badge-border-radius: .5em;--vv-badge-min-height: 2em;--vv-badge-min-width: 2em;--vv-badge-padding: 0 .5em;--vv-badge-display: inline-flex;--vv-badge-justify-content: center;--vv-badge-align-items: center;--vv-badge-gap: .5ch;--vv-badge-white-space: nowrap;--vv-badge-font-family: var(--font-sans);--vv-badge-font-weight: var(--font-normal);--vv-badge-text-shadow: none;--vv-badge-state-empty-font-size: inherit;--vv-badge-state-empty-min-width: 0;--vv-badge-state-empty-min-height: 0;--vv-badge-state-empty-padding: 0;--vv-badge-modifier-rounded-border-radius: 1em}:where(.vv-badge){--badge-font-size: .7rem;--badge-color: var(--color-white);--badge-background-color: var(--color-brand);--badge-border-width: 0;font-size:var(--badge-font-size);background-color:var(--badge-background-color);color:var(--badge-color);border-width:var(--badge-border-width);border-color:var(--badge-background-color);border-style:var(--vv-badge-border-style);border-radius:var(--vv-badge-border-radius);min-height:var(--vv-badge-min-height);min-width:var(--vv-badge-min-width);padding:var(--vv-badge-padding);display:var(--vv-badge-display);justify-content:var(--vv-badge-justify-content);align-items:var(--vv-badge-align-items);gap:var(--vv-badge-gap);white-space:var(--vv-badge-white-space);font-family:var(--vv-badge-font-family);font-weight:var(--vv-badge-font-weight);text-shadow:var(--vv-badge-text-shadow)}:where(.vv-badge--empty,.vv-badge.empty,.vv-badge:not([disabled]):empty){font-size:var(--vv-badge-state-empty-font-size);--vv-badge-min-width: var(--vv-badge-state-empty-min-width);--vv-badge-min-height: var(--vv-badge-state-empty-min-height);width:var(--badge-font-size);height:var(--badge-font-size);border-radius:calc(var(--badge-font-size) * .5);--vv-badge-padding: var(--vv-badge-state-empty-padding)}:where(.vv-badge--sm.vv-badge){--badge-font-size: .6rem}:where(.vv-badge--rounded.vv-badge){--vv-badge-border-radius: var(--vv-badge-modifier-rounded-border-radius)}:where(.vv-badge--outline.vv-badge){--badge-border-width: var(--border);background-color:transparent;color:var(--badge-background-color)}:where(.vv-badge--ghost.vv-badge){background-color:transparent;color:var(--badge-background-color)}:where(.vv-badge--white.vv-badge){--badge-background-color: hsla(var(--color-white-hue) var(--color-white-saturation) var(--color-white-lightness)/80%);--badge-color: var(--color-black)}:where(.vv-badge--black.vv-badge){--badge-background-color: hsla(var(--color-black-hue) var(--color-black-saturation) var(--color-black-lightness)/80%);--badge-color: var(--color-white)}:where(.vv-badge--danger.vv-badge){--badge-background-color: var(--color-danger)}:where(.vv-badge--success.vv-badge){--badge-background-color: var(--color-success)}:where(.vv-badge--warning.vv-badge){--badge-background-color: var(--color-warning)}:where(.vv-badge--info.vv-badge){--badge-background-color: var(--color-info)}:where(.vv-badge--accent.vv-badge){--badge-background-color: var(--color-accent)}
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: .5ch;--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-line-height: var(--leading-normal);--vv-button-padding-block: .75ch;--vv-button-padding-inline: 1.75ch;--vv-button-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-transition: all .3s ease-in-out;--vv-button-will-change: all;--vv-button-min-width: 0;--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-selected-background: var(--color-brand-darken-2);--vv-button-state-selected-border-color: var(--color-brand-darken-2);--vv-button-state-disabled-opacity: .5;--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-stroke: currentcolor;--vv-button-element-icon-fill: none;--vv-button-element-icon-flex-shrink: 0;--vv-button-element-icon-stroke-linecap: round;--vv-button-element-icon-stroke-linejoin: round;--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-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-selected-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-selected-border-color: var(--color-gray-darken-5);--vv-button-modifier-secondary-background: var(--color-white);--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-selected-background: var(--color-gray-lighten-3);--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-selected-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-selected-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);--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-active-background: var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-selected-background: var(--color-gray-lighten-4);--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);--vv-button-modifier-link-font-weight: var(--font-normal);--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-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-selected-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-selected-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-selected-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-selected-background: var(--color-gray-darken-3);--vv-button-modifier-action-font-size: .875em;--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: .75ch;--vv-button-modifier-action-padding-block: .5ch;--vv-button-modifier-action-line-height: var(--leading-snug);--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-selected-color: var(--color-white);--vv-button-modifier-action-state-selected-background: var(--color-gray);--vv-button-modifier-action-state-selected-border-color: var(--color-gray);--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: .75ch;--vv-button-modifier-action-quiet-padding-block: .5ch;--vv-button-modifier-action-quiet-line-height: var(--leading-snug);--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-selected-color: var(--color-white);--vv-button-modifier-action-quiet-state-selected-background: var(--color-gray);--vv-button-modifier-action-quiet-state-selected-border-color: var(--color-gray);--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-rounded-element-icon-margin: 0 -1ch;--vv-button-modifier-block-display: block;--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: .2em;--vv-button-modifier-full-bleed-min-width: 20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),:where(.vv-button)::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;--button-border-width: var(--border-2);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-width:var(--button-border-width);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);gap:var(--vv-button-gap);line-height:var(--vv-button-line-height);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)}@media (prefers-reduced-motion: reduce){:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),:where(.vv-button)::file-selector-button{transition:none}}:where(.vv-button)::file-selector-button{-webkit-margin-end:var(--vv-button-gap, 1ch);margin-inline-end:var(--vv-button-gap, 1ch)}: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);stroke:var(--vv-button-element-icon-stroke);fill:var(--vv-button-element-icon-fill);flex-shrink:var(--vv-button-element-icon-flex-shrink);stroke-linecap:var(--vv-button-element-icon-stroke-linecap);stroke-linejoin:var(--vv-button-element-icon-stroke-linejoin)}: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);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--selected,.vv-button.selected,.vv-button[aria-selected=true]){--vv-button-background: var(--vv-button-state-selected-background);--vv-button-border-color: var(--vv-button-state-selected-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--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--selected,.vv-button--primary.vv-button.selected,.vv-button--primary.vv-button[aria-selected=true]){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-selected-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-selected-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--selected,.vv-button--secondary.vv-button.selected,.vv-button--secondary.vv-button[aria-selected=true]){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-selected-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--selected,.vv-button--danger.vv-button.selected,.vv-button--danger.vv-button[aria-selected=true]){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-selected-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-selected-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)}: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)}:where(.vv-button--ghost.vv-button--selected,.vv-button--ghost.vv-button.selected,.vv-button--ghost.vv-button[aria-selected=true]){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-selected-background)}: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--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);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--selected,.vv-button--static-light.vv-button.selected,.vv-button--static-light.vv-button[aria-selected=true]){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-selected-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-selected-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--selected,.vv-button--static-dark.vv-button.selected,.vv-button--static-dark.vv-button[aria-selected=true]){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-selected-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-selected-background)}:where(.vv-button--action.vv-button){--button-border-width: var(--border);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-line-height: var(--vv-button-modifier-action-line-height);--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)}:where(.vv-button--action.vv-button--selected,.vv-button--action.vv-button.selected,.vv-button--action.vv-button[aria-selected=true]){--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-selected-color);--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-selected-background);--vv-button-modifier-action-border-color: var(--vv-button-modifier-action-state-selected-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width: var(--border);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-line-height: var(--vv-button-modifier-action-quiet-line-height);--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)}:where(.vv-button--action-quiet.vv-button--selected,.vv-button--action-quiet.vv-button.selected,.vv-button--action-quiet.vv-button[aria-selected=true]){--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-selected-color);--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-selected-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-selected-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius: var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--rounded .vv-button__icon,.vv-button--rounded > :where(svg,[data-icon])){margin:var(--vv-button-modifier-rounded-element-icon-margin)}:where(.vv-button--block.vv-button){display:var(--vv-button-modifier-block-display);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: .5ch;--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: .75ch;--vv-button-padding-inline: 1.75ch;--vv-button-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-transition: all .3s ease-in-out;--vv-button-will-change: all;--vv-button-min-width: 0;--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-selected-background: var(--color-brand-darken-2);--vv-button-state-selected-border-color: var(--color-brand-darken-2);--vv-button-state-disabled-opacity: .5;--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-stroke: currentcolor;--vv-button-element-icon-fill: none;--vv-button-element-icon-flex-shrink: 0;--vv-button-element-icon-stroke-linecap: round;--vv-button-element-icon-stroke-linejoin: round;--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-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-selected-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-selected-border-color: var(--color-gray-darken-5);--vv-button-modifier-secondary-background: var(--color-white);--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-selected-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-selected-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-selected-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);--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-active-background: var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-selected-background: var(--color-gray-lighten-4);--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);--vv-button-modifier-link-font-weight: var(--font-normal);--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-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-selected-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-selected-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-selected-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-selected-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: .75ch;--vv-button-modifier-action-padding-block: .5ch;--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-selected-color: var(--color-white);--vv-button-modifier-action-state-selected-background: var(--color-gray);--vv-button-modifier-action-state-selected-border-color: var(--color-gray);--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: .75ch;--vv-button-modifier-action-quiet-padding-block: .5ch;--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-selected-color: var(--color-white);--vv-button-modifier-action-quiet-state-selected-background: var(--color-gray);--vv-button-modifier-action-quiet-state-selected-border-color: var(--color-gray);--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-rounded-element-icon-margin: 0 -1ch;--vv-button-modifier-block-display: block;--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: .2em;--vv-button-modifier-full-bleed-min-width: 20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),:where(.vv-button)::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-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);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)}@media (prefers-reduced-motion: reduce){:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),:where(.vv-button)::file-selector-button{transition:none}}:where(.vv-button)::file-selector-button{-webkit-margin-end:var(--vv-button-gap, 1ch);margin-inline-end:var(--vv-button-gap, 1ch)}: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);stroke:var(--vv-button-element-icon-stroke);fill:var(--vv-button-element-icon-fill);flex-shrink:var(--vv-button-element-icon-flex-shrink);stroke-linecap:var(--vv-button-element-icon-stroke-linecap);stroke-linejoin:var(--vv-button-element-icon-stroke-linejoin);min-height:calc(var(--button-line-height) * 1em)}: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);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--selected,.vv-button.selected,.vv-button[aria-selected=true]){--vv-button-background: var(--vv-button-state-selected-background);--vv-button-border-color: var(--vv-button-state-selected-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--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--selected,.vv-button--primary.vv-button.selected,.vv-button--primary.vv-button[aria-selected=true]){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-selected-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-selected-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--selected,.vv-button--secondary.vv-button.selected,.vv-button--secondary.vv-button[aria-selected=true]){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-selected-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--selected,.vv-button--danger.vv-button.selected,.vv-button--danger.vv-button[aria-selected=true]){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-selected-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-selected-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)}: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)}:where(.vv-button--ghost.vv-button--selected,.vv-button--ghost.vv-button.selected,.vv-button--ghost.vv-button[aria-selected=true]){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-selected-background)}: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--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);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--selected,.vv-button--static-light.vv-button.selected,.vv-button--static-light.vv-button[aria-selected=true]){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-selected-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-selected-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--selected,.vv-button--static-dark.vv-button.selected,.vv-button--static-dark.vv-button[aria-selected=true]){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-selected-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-selected-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)}:where(.vv-button--action.vv-button--selected,.vv-button--action.vv-button.selected,.vv-button--action.vv-button[aria-selected=true]){--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-selected-color);--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-selected-background);--vv-button-modifier-action-border-color: var(--vv-button-modifier-action-state-selected-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)}:where(.vv-button--action-quiet.vv-button--selected,.vv-button--action-quiet.vv-button.selected,.vv-button--action-quiet.vv-button[aria-selected=true]){--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-selected-color);--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-selected-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-selected-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius: var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--rounded .vv-button__icon,.vv-button--rounded > :where(svg,[data-icon])){margin:var(--vv-button-modifier-rounded-element-icon-margin)}:where(.vv-button--block.vv-button){display:var(--vv-button-modifier-block-display);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-input-text.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-input-text-display: var(--input-display);--vv-input-text-flex: var(--input-flex);--vv-input-text-flex-direction: var(--input-flex-direction);--vv-input-text-margin-bottom: var(--input-gap);--vv-input-text-font-size: var(--input-font-size);--vv-input-text-line-height: var(--input-line-height);--vv-input-text-min-width: var(--input-min-width);--vv-input-text-element-label-display: var(--input-label-display);--vv-input-text-element-label-font-size: var(--input-label-font-size);--vv-input-text-element-label-color: var(--input-label-color);--vv-input-text-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-input-text-element-label-white-space: var(--input-label-white-space);--vv-input-text-element-label-text-overflow: var(--input-label-text-overflow);--vv-input-text-element-label-overflow: var(--input-label-overflow);--vv-input-text-element-label-max-width: var(--input-label-max-width);--vv-input-text-element-wrapper-position: relative;--vv-input-text-element-wrapper-display: flex;--vv-input-text-element-wrapper-align-items: center;--vv-input-text-element-wrapper-flex: 1;--vv-input-text-element-wrapper-overflow: hidden;--vv-input-text-element-wrapper-background-color: var(--input-background-color);--vv-input-text-element-wrapper-will-change: background-color;--vv-input-text-element-wrapper-transition: background-color .3s ease-in-out;--vv-input-text-element-wrapper-pseudo-before-position: absolute;--vv-input-text-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-input-text-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-input-text-element-wrapper-pseudo-after-position: absolute;--vv-input-text-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-input-text-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-after-background: var(--color-brand);--vv-input-text-element-wrapper-pseudo-after-transform: scaleX(0);--vv-input-text-element-wrapper-pseudo-after-transform-origin: left;--vv-input-text-element-wrapper-pseudo-after-will-change: transform;--vv-input-text-element-wrapper-pseudo-after-transition: transform .3s ease-in-out;--vv-input-text-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-input-text-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-input-text-element-input-display: block;--vv-input-text-element-input-flex: 1;--vv-input-text-element-input-color: var(--input-color);--vv-input-text-element-input-min-height: var(--input-min-height);--vv-input-text-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-input-text-element-input-pseudo-calendar-picker-indicator-position: absolute;--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding: var(--spacing-sm);--vv-input-text-element-input-pseudo-calendar-picker-indicator-top: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-right: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity: 0;--vv-input-text-element-input-pseudo-search-cancel-button-display: none;--vv-input-text-element-input-pseudo-color-swatch-height: var(--spacing-20);--vv-input-text-element-input-pseudo-color-swatch-border-radius: var(--spacing-4);--vv-input-text-element-input-pseudo-outer-spin-button-display: none;--vv-input-text-element-input-pseudo-inner-spin-button-display: none;--vv-input-text-element-input-state-disabled-cursor: not-allowed;--vv-input-text-element-input-state-readonly-cursor: text;--vv-input-text-element-number--moz-appearance: textfield;--vv-input-text-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-input-text-element-icon-position: var(--input-icon-position);--vv-input-text-element-icon-width: var(--input-icon-width);--vv-input-text-element-icon-height: var(--input-icon-height);--vv-input-text-element-icon-padding: var(--input-icon-padding);--vv-input-text-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-right: 0;--vv-input-text-element-actions-group-display: flex;--vv-input-text-element-actions-group-flex-direction: column;--vv-input-text-element-actions-group-position: absolute;--vv-input-text-element-actions-group-right: 0;--vv-input-text-element-actions-group-top: 0;--vv-input-text-element-actions-group-bottom: var(--spacing-px);--vv-input-text-element-action-chevron-flex: 1;--vv-input-text-element-action-chevron-width: calc(1em + var(--spacing-sm) * 2);--vv-input-text-element-action-chevron-background-position: center var(--spacing-2);--vv-input-text-element-action-chevron-background-size: var(--text-14) auto;--vv-input-text-element-action-chevron-background-repeat: no-repeat;--vv-input-text-element-action-chevron-background-image: var(--bg-chevron);--vv-input-text-element-action-chevron-cursor: pointer;--vv-input-text-element-action-chevron-state-hover-background-color: var(--color-surface-4);--vv-input-text-element-action-chevron-state-active-background-color: var(--color-surface-5);--vv-input-text-element-action-chevron-up-transform: rotate(180deg);--vv-input-text-element-hint-display: var(--input-hint-display);--vv-input-text-element-hint-font-size: var(--input-hint-font-size);--vv-input-text-element-hint-color: var(--input-hint-color);--vv-input-text-element-hint-padding-top: var(--input-hint-gap);--vv-input-text-element-hint-padding-inline: var(--spacing-xs);--vv-input-text-element-hint-white-space: var(--input-hint-white-space);--vv-input-text-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-text-element-hint-overflow: var(--input-hint-overflow);--vv-input-text-element-hint-max-width: var(--input-hint-max-width);--vv-input-text-element-limit-font-size: var(--input-hint-font-size);--vv-input-text-element-limit-color: var(--input-hint-color);--vv-input-text-modifier-icon-right-element-limit-margin-left: calc((var(--spacing-sm) + 1em) * -1);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-limit-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-input-text-modifier-floating-element-label-position: absolute;--vv-input-text-modifier-floating-element-label-z-index: 1;--vv-input-text-modifier-floating-element-label-display: flex;--vv-input-text-modifier-floating-element-label-align-items: center;--vv-input-text-modifier-floating-element-label-min-height: var(--input-min-height);--vv-input-text-modifier-floating-element-label-pointer-events: none;--vv-input-text-modifier-floating-element-label-font-size: inherit;--vv-input-text-modifier-floating-element-label-padding-inline: 0;--vv-input-text-modifier-floating-element-label-margin: 0;--vv-input-text-modifier-floating-element-label-will-change: transform;--vv-input-text-modifier-floating-element-label-transform-origin: left;--vv-input-text-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-input-text-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-focus-within-element-input-transform: translateY(.85ch);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-input-text-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-dirty-element-input-transform: translateY(.85ch);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-state-disabled-opacity: .5;--vv-input-text-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-input-text-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-input-text){display:var(--vv-input-text-display);flex:var(--vv-input-text-flex);flex-direction:var(--vv-input-text-flex-direction);margin-bottom:var(--vv-input-text-margin-bottom);font-size:var(--vv-input-text-font-size);line-height:var(--vv-input-text-line-height);min-width:var(--vv-input-text-min-width)}:where(.vv-input-text__label,.vv-input-text > label){display:var(--vv-input-text-element-label-display);font-size:var(--vv-input-text-element-label-font-size);color:var(--vv-input-text-element-label-color);margin:var(--vv-input-text-element-label-margin);white-space:var(--vv-input-text-element-label-white-space);text-overflow:var(--vv-input-text-element-label-text-overflow);overflow:var(--vv-input-text-element-label-overflow);max-width:var(--vv-input-text-element-label-max-width)}:where(.vv-input-text__wrapper){position:var(--vv-input-text-element-wrapper-position);display:var(--vv-input-text-element-wrapper-display);align-items:var(--vv-input-text-element-wrapper-align-items);flex:var(--vv-input-text-element-wrapper-flex);overflow:var(--vv-input-text-element-wrapper-overflow);background-color:var(--vv-input-text-element-wrapper-background-color);will-change:var(--vv-input-text-element-wrapper-will-change);transition:var(--vv-input-text-element-wrapper-transition)}:where(.vv-input-text__wrapper):before{content:"";position:var(--vv-input-text-element-wrapper-pseudo-before-position);height:var(--vv-input-text-element-wrapper-pseudo-before-height);inset:var(--vv-input-text-element-wrapper-pseudo-before-inset);background:var(--vv-input-text-element-wrapper-pseudo-before-background)}:where(.vv-input-text__wrapper):after{content:"";position:var(--vv-input-text-element-wrapper-pseudo-after-position);height:var(--vv-input-text-element-wrapper-pseudo-after-height);inset:var(--vv-input-text-element-wrapper-pseudo-after-inset);background:var(--vv-input-text-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-input-text-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-text-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-text-element-wrapper-pseudo-after-transition)}:where(.vv-input-text__wrapper--hover,.vv-input-text__wrapper.hover,.vv-input-text__wrapper:not([disabled]):hover){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-hover-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within):after{--vv-input-text-element-wrapper-pseudo-after-transform: var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-input-text__input,.vv-input-text input){display:var(--vv-input-text-element-input-display);flex:var(--vv-input-text-element-input-flex);color:var(--vv-input-text-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-input-text-element-input-min-height)}:where(.vv-input-text__input,.vv-input-text input)::-moz-placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}:where(.vv-input-text__input,.vv-input-text input)::placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-calendar-picker-indicator{content:"";position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-calendar-picker-indicator{position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-search-cancel-button{content:"";display:var(--vv-input-text-element-input-pseudo-search-cancel-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-search-cancel-button{display:var(--vv-input-text-element-input-pseudo-search-cancel-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch{content:"";height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch{height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-outer-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-outer-spin-button{display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-inner-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-inner-spin-button{display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input--disabled,.vv-input-text__input.disabled,.vv-input-text input.disabled,.vv-input-text__input[disabled],.vv-input-text input[disabled],.vv-input-text__input[aria-disabled=true],.vv-input-text input[aria-disabled=true]){cursor:var(--vv-input-text-element-input-state-disabled-cursor)}:where(.vv-input-text__input--readonly,.vv-input-text__input.readonly,.vv-input-text input.readonly,.vv-input-text__input[readonly],.vv-input-text input[readonly]){cursor:var(--vv-input-text-element-input-state-readonly-cursor)}:where(.vv-input-text__number,.vv-input-text input[type=number]){-moz-appearance:var(--vv-input-text-element-number--moz-appearance)}:where(.vv-input-text__icon,.vv-input-text :where(svg,[data-icon])){margin:var(--vv-input-text-element-icon-margin);position:var(--vv-input-text-element-icon-position);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);padding:var(--vv-input-text-element-icon-padding);pointer-events:var(--vv-input-text-element-icon-pointer-events)}:where(.vv-input-text__icon-right,.vv-input-text input + :where(svg,[data-icon])){right:var(--vv-input-text-element-icon-right-right)}:where(.vv-input-text__actions-group){display:var(--vv-input-text-element-actions-group-display);flex-direction:var(--vv-input-text-element-actions-group-flex-direction);position:var(--vv-input-text-element-actions-group-position);right:var(--vv-input-text-element-actions-group-right);top:var(--vv-input-text-element-actions-group-top);bottom:var(--vv-input-text-element-actions-group-bottom)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);width:var(--vv-input-text-element-action-chevron-width);background-position:var(--vv-input-text-element-action-chevron-background-position);background-size:var(--vv-input-text-element-action-chevron-background-size);background-repeat:var(--vv-input-text-element-action-chevron-background-repeat);background-image:var(--vv-input-text-element-action-chevron-background-image);cursor:var(--vv-input-text-element-action-chevron-cursor)}:where(.vv-input-text__action-chevron--hover,.vv-input-text__action-chevron.hover,.vv-input-text__action-chevron:not([disabled]):hover){background-color:var(--vv-input-text-element-action-chevron-state-hover-background-color)}:where(.vv-input-text__action-chevron--active,.vv-input-text__action-chevron.active,.vv-input-text__action-chevron:not([disabled]):active){background-color:var(--vv-input-text-element-action-chevron-state-active-background-color)}:where(.vv-input-text__action-chevron-up){transform:var(--vv-input-text-element-action-chevron-up-transform)}:where(.vv-input-text__hint,.vv-input-text > small){display:var(--vv-input-text-element-hint-display);font-size:var(--vv-input-text-element-hint-font-size);color:var(--vv-input-text-element-hint-color);padding-top:var(--vv-input-text-element-hint-padding-top);padding-inline:var(--vv-input-text-element-hint-padding-inline);white-space:var(--vv-input-text-element-hint-white-space);text-overflow:var(--vv-input-text-element-hint-text-overflow);overflow:var(--vv-input-text-element-hint-overflow);max-width:var(--vv-input-text-element-hint-max-width)}:where(.vv-input-text__limit){padding-right:var(--input-padding-right);font-size:var(--vv-input-text-element-limit-font-size);color:var(--vv-input-text-element-limit-color)}:where(.vv-input-text[\:has\(input\:disabled\)]),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text:has(input:disabled)),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text[\:has\(input\:disabled\)] .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input:disabled) .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text[\:has\(input\:readonly\)] .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text[\:has\(input\:readonly\)] .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text--icon-left.vv-input-text){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right.vv-input-text){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right .vv-input-text__limit){margin-left:var(--vv-input-text-modifier-icon-right-element-limit-margin-left)}:where(.vv-input-text--valid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--valid .vv-input-text__hint,.vv-input-text--valid > small){color:var(--vv-input-text-modifier-valid-element-hint-color)}:where(.vv-input-text--valid .vv-input-text__limit){color:var(--vv-input-text-modifier-valid-element-limit-color)}:where(.vv-input-text--valid .vv-input-text__icon-right,.vv-input-text--valid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-right-color)}:where(.vv-input-text--invalid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--invalid .vv-input-text__hint,.vv-input-text--invalid > small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}:where(.vv-input-text--invalid .vv-input-text__limit){color:var(--vv-input-text-modifier-invalid-element-limit-color)}:where(.vv-input-text--invalid .vv-input-text__icon-right,.vv-input-text--invalid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-right-color)}:where(.vv-input-text--loading .vv-input-text__wrapper):before{content:"";height:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-input-text--loading .vv-input-text__wrapper):after{content:"";animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-input-text--floating .vv-input-text__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-input-text--floating .vv-input-text__hint,.vv-input-text--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-input-text--floating .vv-input-text__label,.vv-input-text--floating > label){position:var(--vv-input-text-modifier-floating-element-label-position);z-index:var(--vv-input-text-modifier-floating-element-label-z-index);display:var(--vv-input-text-modifier-floating-element-label-display);align-items:var(--vv-input-text-modifier-floating-element-label-align-items);min-height:var(--vv-input-text-modifier-floating-element-label-min-height);pointer-events:var(--vv-input-text-modifier-floating-element-label-pointer-events);font-size:var(--vv-input-text-modifier-floating-element-label-font-size);padding-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);padding-inline:var(--vv-input-text-modifier-floating-element-label-padding-inline);margin:var(--vv-input-text-modifier-floating-element-label-margin);will-change:var(--vv-input-text-modifier-floating-element-label-will-change);transform-origin:var(--vv-input-text-modifier-floating-element-label-transform-origin);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text--focus-within > label,.vv-input-text--floating.vv-input-text.focus-within > label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within > label){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
1
+ :where(:host,:root,.theme){--vv-input-text-display: var(--input-display);--vv-input-text-flex: var(--input-flex);--vv-input-text-flex-direction: var(--input-flex-direction);--vv-input-text-margin-bottom: var(--input-gap);--vv-input-text-font-size: var(--input-font-size);--vv-input-text-line-height: var(--input-line-height);--vv-input-text-min-width: var(--input-min-width);--vv-input-text-element-label-display: var(--input-label-display);--vv-input-text-element-label-font-size: var(--input-label-font-size);--vv-input-text-element-label-color: var(--input-label-color);--vv-input-text-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-input-text-element-label-white-space: var(--input-label-white-space);--vv-input-text-element-label-text-overflow: var(--input-label-text-overflow);--vv-input-text-element-label-overflow: var(--input-label-overflow);--vv-input-text-element-label-max-width: var(--input-label-max-width);--vv-input-text-element-wrapper-position: relative;--vv-input-text-element-wrapper-display: flex;--vv-input-text-element-wrapper-align-items: center;--vv-input-text-element-wrapper-flex: 1;--vv-input-text-element-wrapper-overflow: hidden;--vv-input-text-element-wrapper-background-color: var(--input-background-color);--vv-input-text-element-wrapper-will-change: background-color;--vv-input-text-element-wrapper-transition: background-color .3s ease-in-out;--vv-input-text-element-wrapper-pseudo-before-position: absolute;--vv-input-text-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-input-text-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-input-text-element-wrapper-pseudo-after-position: absolute;--vv-input-text-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-input-text-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-after-background: var(--color-brand);--vv-input-text-element-wrapper-pseudo-after-transform: scaleX(0);--vv-input-text-element-wrapper-pseudo-after-transform-origin: left;--vv-input-text-element-wrapper-pseudo-after-will-change: transform;--vv-input-text-element-wrapper-pseudo-after-transition: transform .3s ease-in-out;--vv-input-text-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-input-text-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-input-text-element-input-display: block;--vv-input-text-element-input-flex: 1;--vv-input-text-element-input-color: var(--input-color);--vv-input-text-element-input-min-height: var(--input-min-height);--vv-input-text-element-input-min-width: 0;--vv-input-text-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-input-text-element-input-pseudo-calendar-picker-indicator-position: absolute;--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding: var(--spacing-sm);--vv-input-text-element-input-pseudo-calendar-picker-indicator-top: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-right: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity: 0;--vv-input-text-element-input-pseudo-search-cancel-button-position: absolute;--vv-input-text-element-input-pseudo-search-cancel-button-padding: var(--spacing-sm);--vv-input-text-element-input-pseudo-search-cancel-button-top: 0;--vv-input-text-element-input-pseudo-search-cancel-button-right: 0;--vv-input-text-element-input-pseudo-search-cancel-button-opacity: 0;--vv-input-text-element-input-pseudo-color-swatch-height: var(--spacing-20);--vv-input-text-element-input-pseudo-color-swatch-border-radius: var(--spacing-4);--vv-input-text-element-input-pseudo-outer-spin-button-display: none;--vv-input-text-element-input-pseudo-inner-spin-button-display: none;--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding: 0;--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding: 0;--vv-input-text-element-input-state-disabled-cursor: not-allowed;--vv-input-text-element-input-state-readonly-cursor: text;--vv-input-text-element-number--moz-appearance: textfield;--vv-input-text-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-input-text-element-icon-position: var(--input-icon-position);--vv-input-text-element-icon-width: var(--input-icon-width);--vv-input-text-element-icon-height: var(--input-icon-height);--vv-input-text-element-icon-padding: var(--input-icon-padding);--vv-input-text-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-right: 0;--vv-input-text-element-actions-group-display: flex;--vv-input-text-element-actions-group-flex-direction: column;--vv-input-text-element-actions-group-position: absolute;--vv-input-text-element-actions-group-right: 0;--vv-input-text-element-actions-group-top: 0;--vv-input-text-element-actions-group-bottom: var(--spacing-px);--vv-input-text-element-action-chevron-flex: 1;--vv-input-text-element-action-chevron-width: calc(1em + var(--spacing-sm) * 2);--vv-input-text-element-action-chevron-background-position: center var(--spacing-2);--vv-input-text-element-action-chevron-background-size: var(--text-14) auto;--vv-input-text-element-action-chevron-background-repeat: no-repeat;--vv-input-text-element-action-chevron-background-image: var(--bg-chevron);--vv-input-text-element-action-chevron-cursor: pointer;--vv-input-text-element-action-chevron-state-hover-background-color: var(--color-surface-4);--vv-input-text-element-action-chevron-state-active-background-color: var(--color-surface-5);--vv-input-text-element-action-chevron-up-transform: rotate(180deg);--vv-input-text-element-hint-display: var(--input-hint-display);--vv-input-text-element-hint-font-size: var(--input-hint-font-size);--vv-input-text-element-hint-color: var(--input-hint-color);--vv-input-text-element-hint-padding-top: var(--input-hint-gap);--vv-input-text-element-hint-padding-inline: var(--spacing-xs);--vv-input-text-element-hint-white-space: var(--input-hint-white-space);--vv-input-text-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-text-element-hint-overflow: var(--input-hint-overflow);--vv-input-text-element-hint-max-width: var(--input-hint-max-width);--vv-input-text-element-limit-font-size: var(--input-hint-font-size);--vv-input-text-element-limit-color: var(--input-hint-color);--vv-input-text-modifier-icon-right-element-limit-margin-left: calc((var(--spacing-sm) + 1em) * -1);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-limit-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-input-text-modifier-floating-element-label-position: absolute;--vv-input-text-modifier-floating-element-label-z-index: 1;--vv-input-text-modifier-floating-element-label-display: flex;--vv-input-text-modifier-floating-element-label-align-items: center;--vv-input-text-modifier-floating-element-label-min-height: var(--input-min-height);--vv-input-text-modifier-floating-element-label-pointer-events: none;--vv-input-text-modifier-floating-element-label-font-size: inherit;--vv-input-text-modifier-floating-element-label-padding-inline: 0;--vv-input-text-modifier-floating-element-label-margin: 0;--vv-input-text-modifier-floating-element-label-will-change: transform;--vv-input-text-modifier-floating-element-label-transform-origin: left;--vv-input-text-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-input-text-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-focus-within-element-input-transform: translateY(.85ch);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-input-text-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-dirty-element-input-transform: translateY(.85ch);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-state-disabled-opacity: .5;--vv-input-text-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-input-text-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-input-text){display:var(--vv-input-text-display);flex:var(--vv-input-text-flex);flex-direction:var(--vv-input-text-flex-direction);margin-bottom:var(--vv-input-text-margin-bottom);font-size:var(--vv-input-text-font-size);line-height:var(--vv-input-text-line-height);min-width:var(--vv-input-text-min-width)}:where(.vv-input-text__label,.vv-input-text > label){display:var(--vv-input-text-element-label-display);font-size:var(--vv-input-text-element-label-font-size);color:var(--vv-input-text-element-label-color);margin:var(--vv-input-text-element-label-margin);white-space:var(--vv-input-text-element-label-white-space);text-overflow:var(--vv-input-text-element-label-text-overflow);overflow:var(--vv-input-text-element-label-overflow);max-width:var(--vv-input-text-element-label-max-width)}:where(.vv-input-text__wrapper){position:var(--vv-input-text-element-wrapper-position);display:var(--vv-input-text-element-wrapper-display);align-items:var(--vv-input-text-element-wrapper-align-items);flex:var(--vv-input-text-element-wrapper-flex);overflow:var(--vv-input-text-element-wrapper-overflow);background-color:var(--vv-input-text-element-wrapper-background-color);will-change:var(--vv-input-text-element-wrapper-will-change);transition:var(--vv-input-text-element-wrapper-transition)}:where(.vv-input-text__wrapper):before{content:"";position:var(--vv-input-text-element-wrapper-pseudo-before-position);height:var(--vv-input-text-element-wrapper-pseudo-before-height);inset:var(--vv-input-text-element-wrapper-pseudo-before-inset);background:var(--vv-input-text-element-wrapper-pseudo-before-background)}:where(.vv-input-text__wrapper):after{content:"";position:var(--vv-input-text-element-wrapper-pseudo-after-position);height:var(--vv-input-text-element-wrapper-pseudo-after-height);inset:var(--vv-input-text-element-wrapper-pseudo-after-inset);background:var(--vv-input-text-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-input-text-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-text-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-text-element-wrapper-pseudo-after-transition)}:where(.vv-input-text__wrapper--hover,.vv-input-text__wrapper.hover,.vv-input-text__wrapper:not([disabled]):hover){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-hover-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within):after{--vv-input-text-element-wrapper-pseudo-after-transform: var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-input-text__input,.vv-input-text input){display:var(--vv-input-text-element-input-display);flex:var(--vv-input-text-element-input-flex);color:var(--vv-input-text-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-input-text-element-input-min-height);min-width:var(--vv-input-text-element-input-min-width)}:where(.vv-input-text__input,.vv-input-text input)::-moz-placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}:where(.vv-input-text__input,.vv-input-text input)::placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-calendar-picker-indicator{content:"";position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-calendar-picker-indicator{position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-search-cancel-button{content:"";position:var(--vv-input-text-element-input-pseudo-search-cancel-button-position);padding:var(--vv-input-text-element-input-pseudo-search-cancel-button-padding);top:var(--vv-input-text-element-input-pseudo-search-cancel-button-top);right:var(--vv-input-text-element-input-pseudo-search-cancel-button-right);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-search-cancel-button{position:var(--vv-input-text-element-input-pseudo-search-cancel-button-position);padding:var(--vv-input-text-element-input-pseudo-search-cancel-button-padding);top:var(--vv-input-text-element-input-pseudo-search-cancel-button-top);right:var(--vv-input-text-element-input-pseudo-search-cancel-button-right);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch{content:"";height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch{height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-outer-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-outer-spin-button{display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-inner-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-inner-spin-button{display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit-fields-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit-fields-wrapper{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit-day-field{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit-day-field{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding)}:where(.vv-input-text__input--disabled,.vv-input-text__input.disabled,.vv-input-text input.disabled,.vv-input-text__input[disabled],.vv-input-text input[disabled],.vv-input-text__input[aria-disabled=true],.vv-input-text input[aria-disabled=true]){cursor:var(--vv-input-text-element-input-state-disabled-cursor)}:where(.vv-input-text__input--readonly,.vv-input-text__input.readonly,.vv-input-text input.readonly,.vv-input-text__input[readonly],.vv-input-text input[readonly]){cursor:var(--vv-input-text-element-input-state-readonly-cursor)}:where(.vv-input-text__number,.vv-input-text input[type=number]){-moz-appearance:var(--vv-input-text-element-number--moz-appearance)}:where(.vv-input-text__icon,.vv-input-text :where(svg,[data-icon])){margin:var(--vv-input-text-element-icon-margin);position:var(--vv-input-text-element-icon-position);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);padding:var(--vv-input-text-element-icon-padding);pointer-events:var(--vv-input-text-element-icon-pointer-events)}:where(.vv-input-text__icon-right,.vv-input-text input + :where(svg,[data-icon])){right:var(--vv-input-text-element-icon-right-right)}:where(.vv-input-text__actions-group){display:var(--vv-input-text-element-actions-group-display);flex-direction:var(--vv-input-text-element-actions-group-flex-direction);position:var(--vv-input-text-element-actions-group-position);right:var(--vv-input-text-element-actions-group-right);top:var(--vv-input-text-element-actions-group-top);bottom:var(--vv-input-text-element-actions-group-bottom)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);width:var(--vv-input-text-element-action-chevron-width);background-position:var(--vv-input-text-element-action-chevron-background-position);background-size:var(--vv-input-text-element-action-chevron-background-size);background-repeat:var(--vv-input-text-element-action-chevron-background-repeat);background-image:var(--vv-input-text-element-action-chevron-background-image);cursor:var(--vv-input-text-element-action-chevron-cursor)}:where(.vv-input-text__action-chevron--hover,.vv-input-text__action-chevron.hover,.vv-input-text__action-chevron:not([disabled]):hover){background-color:var(--vv-input-text-element-action-chevron-state-hover-background-color)}:where(.vv-input-text__action-chevron--active,.vv-input-text__action-chevron.active,.vv-input-text__action-chevron:not([disabled]):active){background-color:var(--vv-input-text-element-action-chevron-state-active-background-color)}:where(.vv-input-text__action-chevron-up){transform:var(--vv-input-text-element-action-chevron-up-transform)}:where(.vv-input-text__hint,.vv-input-text > small){display:var(--vv-input-text-element-hint-display);font-size:var(--vv-input-text-element-hint-font-size);color:var(--vv-input-text-element-hint-color);padding-top:var(--vv-input-text-element-hint-padding-top);padding-inline:var(--vv-input-text-element-hint-padding-inline);white-space:var(--vv-input-text-element-hint-white-space);text-overflow:var(--vv-input-text-element-hint-text-overflow);overflow:var(--vv-input-text-element-hint-overflow);max-width:var(--vv-input-text-element-hint-max-width)}:where(.vv-input-text__limit){padding-right:var(--input-padding-right);font-size:var(--vv-input-text-element-limit-font-size);color:var(--vv-input-text-element-limit-color)}:where(.vv-input-text[\:has\(input\:disabled\)]),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text:has(input:disabled)),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text[\:has\(input\:disabled\)] .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input:disabled) .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text[\:has\(input\:readonly\)] .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text[\:has\(input\:readonly\)] .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text--icon-left.vv-input-text){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right.vv-input-text){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right .vv-input-text__limit){margin-left:var(--vv-input-text-modifier-icon-right-element-limit-margin-left)}:where(.vv-input-text--valid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--valid .vv-input-text__hint,.vv-input-text--valid > small){color:var(--vv-input-text-modifier-valid-element-hint-color)}:where(.vv-input-text--valid .vv-input-text__limit){color:var(--vv-input-text-modifier-valid-element-limit-color)}:where(.vv-input-text--valid .vv-input-text__icon-right,.vv-input-text--valid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-right-color)}:where(.vv-input-text--invalid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--invalid .vv-input-text__hint,.vv-input-text--invalid > small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}:where(.vv-input-text--invalid .vv-input-text__limit){color:var(--vv-input-text-modifier-invalid-element-limit-color)}:where(.vv-input-text--invalid .vv-input-text__icon-right,.vv-input-text--invalid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-right-color)}:where(.vv-input-text--loading .vv-input-text__wrapper):before{content:"";height:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-input-text--loading .vv-input-text__wrapper):after{content:"";animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-input-text--floating .vv-input-text__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-input-text--floating .vv-input-text__hint,.vv-input-text--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-input-text--floating .vv-input-text__label,.vv-input-text--floating > label){position:var(--vv-input-text-modifier-floating-element-label-position);z-index:var(--vv-input-text-modifier-floating-element-label-z-index);display:var(--vv-input-text-modifier-floating-element-label-display);align-items:var(--vv-input-text-modifier-floating-element-label-align-items);min-height:var(--vv-input-text-modifier-floating-element-label-min-height);pointer-events:var(--vv-input-text-modifier-floating-element-label-pointer-events);font-size:var(--vv-input-text-modifier-floating-element-label-font-size);padding-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);padding-inline:var(--vv-input-text-modifier-floating-element-label-padding-inline);margin:var(--vv-input-text-modifier-floating-element-label-margin);will-change:var(--vv-input-text-modifier-floating-element-label-will-change);transform-origin:var(--vv-input-text-modifier-floating-element-label-transform-origin);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text--focus-within > label,.vv-input-text--floating.vv-input-text.focus-within > label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within > label){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
package/dist/components/vv-nav.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-nav-display: flex;--vv-nav-element-menu-flex: 1;--vv-nav-element-menu-display: flex;--vv-nav-element-menu-flex-direction: column;--vv-nav-element-menu-gap: var(--spacing-2);--vv-nav-element-heading-label-display: block;--vv-nav-element-heading-label-font-weight: var(--font-semibold);--vv-nav-element-item-label-display: flex;--vv-nav-element-item-label-align-items: center;--vv-nav-element-item-label-will-change: background-color color;--vv-nav-element-item-label-transition: all .3s ease-in-out;--vv-nav-element-item-label-color: var(--color-word-3);--vv-nav-element-item-label-state-hover-color: var(--color-word-1);--vv-nav-element-item-label-state-current-color: var(--color-word-1);--vv-nav-element-divider-display: block;--vv-nav-element-divider-margin-block: var(--spacing-16);--vv-nav-element-divider-height: var(--spacing-px);--vv-nav-element-divider-background-color: var(--color-surface-3);--vv-nav-modifier-sidebar-font-size: var(--text-14);--vv-nav-modifier-sidebar-element-item-label-border-radius: var(--rounded-md);--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color: var(--color-surface-2);--vv-nav-modifier-sidebar-element-item-label-state-active-background-color: var(--color-surface-3);--vv-nav-modifier-sidebar-element-item-label-state-current-background-color: var(--color-surface-2);--vv-nav-modifier-aside-font-size: var(--text-12);--vv-nav-modifier-aside-border-left: var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-heading-label-text-transform: uppercase;--vv-nav-modifier-aside-element-item-label-margin-left: calc(-1 * var(--border));--vv-nav-modifier-aside-element-item-label-border-left: var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-item-label-border-radius: 0;--vv-nav-modifier-aside-element-item-label-state-hover-border-color: var(--color-brand);--vv-nav-modifier-aside-element-item-label-state-current-border-color: var(--color-brand);--vv-nav-modifier-aside-element-divider-margin-block: var(--spacing-8);--vv-nav-modifier-tabs-element-menu-overflow: auto hidden;--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x: contain;--vv-nav-modifier-tabs-element-menu-scroll-behavior: smooth;--vv-nav-modifier-tabs-element-menu-scroll-snap-type: x mandatory;--vv-nav-modifier-tabs-element-menu-flex-direction: row;--vv-nav-modifier-tabs-element-menu-border-bottom: 1px solid var(--color-surface-4);--vv-nav-modifier-tabs-element-menu-scrollbar-width: none;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width: 0;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height: 0;--vv-nav-modifier-tabs-element-item-label-border-bottom: 2px solid transparent;--vv-nav-modifier-tabs-element-item-label-margin-bottom: -1px;--vv-nav-modifier-tabs-element-item-label-white-space: nowrap;--vv-nav-modifier-tabs-element-item-label-state-hover-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-border-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-background-color: hsla(var(--color-brand-hue) var(--color-brand-saturation) var(--color-brand-lightness)/5%);--vv-nav-modifier-full-element-item-flex: 1 1 0%;--vv-nav-modifier-full-element-item-label-display: block;--vv-nav-modifier-full-element-item-label-text-align: center}:where(.vv-nav){--nav-item-padding: var(--spacing-xs) var(--spacing-sm);display:var(--vv-nav-display)}:where(.vv-nav__menu,.vv-nav ul){flex:var(--vv-nav-element-menu-flex);display:var(--vv-nav-element-menu-display);flex-direction:var(--vv-nav-element-menu-flex-direction);gap:var(--vv-nav-element-menu-gap)}:where(.vv-nav__heading-label,.vv-nav [aria-hidden=true]){display:var(--vv-nav-element-heading-label-display);font-weight:var(--vv-nav-element-heading-label-font-weight);padding:var(--nav-item-padding)}:where(.vv-nav__item-label,.vv-nav li > a){display:var(--vv-nav-element-item-label-display);align-items:var(--vv-nav-element-item-label-align-items);will-change:var(--vv-nav-element-item-label-will-change);transition:var(--vv-nav-element-item-label-transition);color:var(--vv-nav-element-item-label-color);padding:var(--nav-item-padding)}:where(.vv-nav__item-label--hover,.vv-nav__item-label.hover,.vv-nav li > a.hover,.vv-nav__item-label:not([disabled]):hover,.vv-nav li > a:not([disabled]):hover){--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-hover-color)}:where(.vv-nav__item-label--current,.vv-nav__item-label.current,.vv-nav li > a.current){--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-current-color)}:where(.vv-nav__divider,.vv-nav li[role=separator]){display:var(--vv-nav-element-divider-display);margin-block:var(--vv-nav-element-divider-margin-block);height:var(--vv-nav-element-divider-height);background-color:var(--vv-nav-element-divider-background-color)}:where(.vv-nav--sidebar.vv-nav){font-size:var(--vv-nav-modifier-sidebar-font-size)}:where(.vv-nav--sidebar .vv-nav__item-label,.vv-nav--sidebar li > a){border-radius:var(--vv-nav-modifier-sidebar-element-item-label-border-radius)}:where(.vv-nav--sidebar .vv-nav__item-label--hover,.vv-nav--sidebar .vv-nav__item-label.hover,.vv-nav--sidebar li > a.hover,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):hover,.vv-nav--sidebar li > a:not([disabled]):hover){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--active,.vv-nav--sidebar .vv-nav__item-label.active,.vv-nav--sidebar li > a.active,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):active,.vv-nav--sidebar li > a:not([disabled]):active){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-active-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--current,.vv-nav--sidebar .vv-nav__item-label.current,.vv-nav--sidebar li > a.current){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-current-background-color)}:where(.vv-nav--aside.vv-nav){--nav-item-padding: var(--spacing-8) var(--spacing-12);font-size:var(--vv-nav-modifier-aside-font-size);border-left:var(--vv-nav-modifier-aside-border-left)}:where(.vv-nav--aside .vv-nav__heading-label,.vv-nav--aside [aria-hidden=true]){text-transform:var(--vv-nav-modifier-aside-element-heading-label-text-transform)}:where(.vv-nav--aside .vv-nav__item-label,.vv-nav--aside li > a){margin-left:var(--vv-nav-modifier-aside-element-item-label-margin-left);border-left:var(--vv-nav-modifier-aside-element-item-label-border-left);border-radius:var(--vv-nav-modifier-aside-element-item-label-border-radius)}:where(.vv-nav--aside .vv-nav__item-label--hover,.vv-nav--aside .vv-nav__item-label.hover,.vv-nav--aside li > a.hover,.vv-nav--aside .vv-nav__item-label:not([disabled]):hover,.vv-nav--aside li > a:not([disabled]):hover){border-color:var(--vv-nav-modifier-aside-element-item-label-state-hover-border-color)}:where(.vv-nav--aside .vv-nav__item-label--current,.vv-nav--aside .vv-nav__item-label.current,.vv-nav--aside li > a.current){border-color:var(--vv-nav-modifier-aside-element-item-label-state-current-border-color)}:where(.vv-nav--aside .vv-nav__divider,.vv-nav--aside li[role=separator]){margin-block:var(--vv-nav-modifier-aside-element-divider-margin-block)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul){overflow:var(--vv-nav-modifier-tabs-element-menu-overflow);overscroll-behavior-x:var(--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x);scroll-behavior:var(--vv-nav-modifier-tabs-element-menu-scroll-behavior);scroll-snap-type:var(--vv-nav-modifier-tabs-element-menu-scroll-snap-type);flex-direction:var(--vv-nav-modifier-tabs-element-menu-flex-direction);border-bottom:var(--vv-nav-modifier-tabs-element-menu-border-bottom);scrollbar-width:var(--vv-nav-modifier-tabs-element-menu-scrollbar-width)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul)::-webkit-scrollbar{content:"";width:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width);height:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height)}:where(.vv-nav--tabs .vv-nav__item-label,.vv-nav--tabs li > a){border-bottom:var(--vv-nav-modifier-tabs-element-item-label-border-bottom);margin-bottom:var(--vv-nav-modifier-tabs-element-item-label-margin-bottom);white-space:var(--vv-nav-modifier-tabs-element-item-label-white-space)}:where(.vv-nav--tabs .vv-nav__item-label--hover,.vv-nav--tabs .vv-nav__item-label.hover,.vv-nav--tabs li > a.hover,.vv-nav--tabs .vv-nav__item-label:not([disabled]):hover,.vv-nav--tabs li > a:not([disabled]):hover){color:var(--vv-nav-modifier-tabs-element-item-label-state-hover-color)}:where(.vv-nav--tabs .vv-nav__item-label--current,.vv-nav--tabs .vv-nav__item-label.current,.vv-nav--tabs li > a.current){color:var(--vv-nav-modifier-tabs-element-item-label-state-current-color);border-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-border-color);background-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-background-color)}:where(.vv-nav--full .vv-nav__item,.vv-nav--full li){flex:var(--vv-nav-modifier-full-element-item-flex)}:where(.vv-nav--full .vv-nav__item-label,.vv-nav--full li > a){display:var(--vv-nav-modifier-full-element-item-label-display);text-align:var(--vv-nav-modifier-full-element-item-label-text-align)}
1
+ :where(:host,:root,.theme){--vv-nav-display: flex;--vv-nav-element-menu-flex: 1;--vv-nav-element-menu-display: flex;--vv-nav-element-menu-flex-direction: column;--vv-nav-element-menu-gap: var(--spacing-2);--vv-nav-element-heading-label-display: block;--vv-nav-element-heading-label-font-weight: var(--font-semibold);--vv-nav-element-item-label-display: flex;--vv-nav-element-item-label-align-items: center;--vv-nav-element-item-label-will-change: background-color color;--vv-nav-element-item-label-transition: all .3s ease-in-out;--vv-nav-element-item-label-color: var(--color-word-3);--vv-nav-element-item-label-state-hover-color: var(--color-word-1);--vv-nav-element-item-label-state-current-color: var(--color-word-1);--vv-nav-element-divider-display: block;--vv-nav-element-divider-margin-block: var(--spacing-16);--vv-nav-element-divider-height: var(--spacing-px);--vv-nav-element-divider-background-color: var(--color-surface-3);--vv-nav-modifier-sidebar-font-size: var(--text-14);--vv-nav-modifier-sidebar-element-item-label-border-radius: var(--rounded-md);--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color: var(--color-surface-2);--vv-nav-modifier-sidebar-element-item-label-state-active-background-color: var(--color-surface-3);--vv-nav-modifier-sidebar-element-item-label-state-current-background-color: var(--color-surface-2);--vv-nav-modifier-aside-font-size: var(--text-12);--vv-nav-modifier-aside-border-left: var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-heading-label-text-transform: uppercase;--vv-nav-modifier-aside-element-item-label-margin-left: calc(-1 * var(--border));--vv-nav-modifier-aside-element-item-label-border-left: var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-item-label-border-radius: 0;--vv-nav-modifier-aside-element-item-label-state-hover-border-color: var(--color-brand);--vv-nav-modifier-aside-element-item-label-state-current-border-color: var(--color-brand);--vv-nav-modifier-aside-element-divider-margin-block: var(--spacing-8);--vv-nav-modifier-tabs-element-menu-overflow: auto hidden;--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x: contain;--vv-nav-modifier-tabs-element-menu-scroll-behavior: smooth;--vv-nav-modifier-tabs-element-menu-scroll-snap-type: x mandatory;--vv-nav-modifier-tabs-element-menu-flex-direction: row;--vv-nav-modifier-tabs-element-menu-border-bottom: 1px solid var(--color-surface-4);--vv-nav-modifier-tabs-element-menu-scrollbar-width: none;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width: 0;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height: 0;--vv-nav-modifier-tabs-element-item-label-border-bottom: 2px solid transparent;--vv-nav-modifier-tabs-element-item-label-margin-bottom: -1px;--vv-nav-modifier-tabs-element-item-label-white-space: nowrap;--vv-nav-modifier-tabs-element-item-label-state-hover-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-border-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-background-color: hsla(var(--color-brand-hue) var(--color-brand-saturation) var(--color-brand-lightness)/5%);--vv-nav-modifier-full-element-item-flex: 1 1 0%;--vv-nav-modifier-full-element-item-label-display: block;--vv-nav-modifier-full-element-item-label-text-align: center}:where(.vv-nav){--nav-item-padding: var(--spacing-xs) var(--spacing-sm);display:var(--vv-nav-display)}:where(.vv-nav__menu,.vv-nav ul){flex:var(--vv-nav-element-menu-flex);display:var(--vv-nav-element-menu-display);flex-direction:var(--vv-nav-element-menu-flex-direction);gap:var(--vv-nav-element-menu-gap)}:where(.vv-nav__heading-label){display:var(--vv-nav-element-heading-label-display);font-weight:var(--vv-nav-element-heading-label-font-weight);padding:var(--nav-item-padding)}:where(.vv-nav__item-label,.vv-nav li > a){display:var(--vv-nav-element-item-label-display);align-items:var(--vv-nav-element-item-label-align-items);will-change:var(--vv-nav-element-item-label-will-change);transition:var(--vv-nav-element-item-label-transition);color:var(--vv-nav-element-item-label-color);padding:var(--nav-item-padding)}:where(.vv-nav__item-label--hover,.vv-nav__item-label.hover,.vv-nav li > a.hover,.vv-nav__item-label:not([disabled]):hover,.vv-nav li > a:not([disabled]):hover){--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-hover-color)}:where(.vv-nav__item-label--current,.vv-nav__item-label.current,.vv-nav li > a.current){--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-current-color)}:where(.vv-nav__divider,.vv-nav li[role=separator]){display:var(--vv-nav-element-divider-display);margin-block:var(--vv-nav-element-divider-margin-block);height:var(--vv-nav-element-divider-height);background-color:var(--vv-nav-element-divider-background-color)}:where(.vv-nav--sidebar.vv-nav){font-size:var(--vv-nav-modifier-sidebar-font-size)}:where(.vv-nav--sidebar .vv-nav__item-label,.vv-nav--sidebar li > a){border-radius:var(--vv-nav-modifier-sidebar-element-item-label-border-radius)}:where(.vv-nav--sidebar .vv-nav__item-label--hover,.vv-nav--sidebar .vv-nav__item-label.hover,.vv-nav--sidebar li > a.hover,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):hover,.vv-nav--sidebar li > a:not([disabled]):hover){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--active,.vv-nav--sidebar .vv-nav__item-label.active,.vv-nav--sidebar li > a.active,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):active,.vv-nav--sidebar li > a:not([disabled]):active){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-active-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--current,.vv-nav--sidebar .vv-nav__item-label.current,.vv-nav--sidebar li > a.current){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-current-background-color)}:where(.vv-nav--aside.vv-nav){--nav-item-padding: var(--spacing-8) var(--spacing-12);font-size:var(--vv-nav-modifier-aside-font-size);border-left:var(--vv-nav-modifier-aside-border-left)}:where(.vv-nav--aside .vv-nav__heading-label){text-transform:var(--vv-nav-modifier-aside-element-heading-label-text-transform)}:where(.vv-nav--aside .vv-nav__item-label,.vv-nav--aside li > a){margin-left:var(--vv-nav-modifier-aside-element-item-label-margin-left);border-left:var(--vv-nav-modifier-aside-element-item-label-border-left);border-radius:var(--vv-nav-modifier-aside-element-item-label-border-radius)}:where(.vv-nav--aside .vv-nav__item-label--hover,.vv-nav--aside .vv-nav__item-label.hover,.vv-nav--aside li > a.hover,.vv-nav--aside .vv-nav__item-label:not([disabled]):hover,.vv-nav--aside li > a:not([disabled]):hover){border-color:var(--vv-nav-modifier-aside-element-item-label-state-hover-border-color)}:where(.vv-nav--aside .vv-nav__item-label--current,.vv-nav--aside .vv-nav__item-label.current,.vv-nav--aside li > a.current){border-color:var(--vv-nav-modifier-aside-element-item-label-state-current-border-color)}:where(.vv-nav--aside .vv-nav__divider,.vv-nav--aside li[role=separator]){margin-block:var(--vv-nav-modifier-aside-element-divider-margin-block)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul){overflow:var(--vv-nav-modifier-tabs-element-menu-overflow);overscroll-behavior-x:var(--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x);scroll-behavior:var(--vv-nav-modifier-tabs-element-menu-scroll-behavior);scroll-snap-type:var(--vv-nav-modifier-tabs-element-menu-scroll-snap-type);flex-direction:var(--vv-nav-modifier-tabs-element-menu-flex-direction);border-bottom:var(--vv-nav-modifier-tabs-element-menu-border-bottom);scrollbar-width:var(--vv-nav-modifier-tabs-element-menu-scrollbar-width)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul)::-webkit-scrollbar{content:"";width:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width);height:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height)}:where(.vv-nav--tabs .vv-nav__item-label,.vv-nav--tabs li > a){border-bottom:var(--vv-nav-modifier-tabs-element-item-label-border-bottom);margin-bottom:var(--vv-nav-modifier-tabs-element-item-label-margin-bottom);white-space:var(--vv-nav-modifier-tabs-element-item-label-white-space)}:where(.vv-nav--tabs .vv-nav__item-label--hover,.vv-nav--tabs .vv-nav__item-label.hover,.vv-nav--tabs li > a.hover,.vv-nav--tabs .vv-nav__item-label:not([disabled]):hover,.vv-nav--tabs li > a:not([disabled]):hover){color:var(--vv-nav-modifier-tabs-element-item-label-state-hover-color)}:where(.vv-nav--tabs .vv-nav__item-label--current,.vv-nav--tabs .vv-nav__item-label.current,.vv-nav--tabs li > a.current){color:var(--vv-nav-modifier-tabs-element-item-label-state-current-color);border-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-border-color);background-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-background-color)}:where(.vv-nav--full .vv-nav__item,.vv-nav--full li){flex:var(--vv-nav-modifier-full-element-item-flex)}:where(.vv-nav--full .vv-nav__item-label,.vv-nav--full li > a){display:var(--vv-nav-modifier-full-element-item-label-display);text-align:var(--vv-nav-modifier-full-element-item-label-text-align)}
package/dist/components/vv-table.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-table-width: 100%;--vv-table-border-collapse: collapse;--vv-table-border-color: var(--color-surface-5);--vv-table-element-tr-border-width: 0 0 1px 0;--vv-table-element-tr-border-style: solid;--vv-table-element-tr-border-color: var(--color-surface-5);--vv-table-element-tbody-tr-border-color: var(--color-surface-3);--vv-table-element-tbody-tr-state-last-child-border-width: 0;--vv-table-element-th-font-weight: semibold;--vv-table-element-th-font-size: var(--text-sm);--vv-table-element-th-color: var(--color-word-2);--vv-table-element-td-border-style: solid;--vv-table-element-td-font-size: var(--text-xs);--vv-table-modifier-inline-spacing-border-width: 0}:where(.vv-table){--table-cell-padding: var(--spacing-md) 0;width:var(--vv-table-width);border-collapse:var(--vv-table-border-collapse);border-color:var(--vv-table-border-color)}:where(.vv-table__tr,.vv-table tr){border-width:var(--vv-table-element-tr-border-width);border-style:var(--vv-table-element-tr-border-style);border-color:var(--vv-table-element-tr-border-color)}:where(.vv-table__tbody-tr,.vv-table tbody > tr){border-color:var(--vv-table-element-tbody-tr-border-color)}:where(.vv-table__tbody-tr--last-child,.vv-table__tbody-tr.last-child,.vv-table tbody > tr.last-child,.vv-table__tbody-tr:not([disabled]):last-child,.vv-table tbody > tr:not([disabled]):last-child){border-width:var(--vv-table-element-tbody-tr-state-last-child-border-width)}:where(.vv-table__th,.vv-table th){font-weight:var(--vv-table-element-th-font-weight);font-size:var(--vv-table-element-th-font-size);color:var(--vv-table-element-th-color);padding:var(--table-cell-padding)}:where(.vv-table__td,.vv-table td){border-style:var(--vv-table-element-td-border-style);font-size:var(--vv-table-element-td-font-size);padding:var(--table-cell-padding)}:where(.vv-table--inline-spacing.vv-table){--table-cell-padding: var(--spacing-md);border-width:var(--vv-table-modifier-inline-spacing-border-width)}
1
+ :where(:host,:root,.theme){--vv-table-width: 100%;--vv-table-border-collapse: collapse;--vv-table-border-color: var(--color-surface-5);--vv-table-element-caption-caption-side: bottom;--vv-table-element-tr-border-width: 0 0 1px 0;--vv-table-element-tr-border-style: solid;--vv-table-element-tr-border-color: var(--color-surface-5);--vv-table-element-tbody-tr-border-color: var(--color-surface-3);--vv-table-element-tbody-tr-state-last-child-border-width: 0;--vv-table-element-th-font-weight: semibold;--vv-table-element-th-font-size: var(--text-sm);--vv-table-element-th-color: var(--color-word-2);--vv-table-element-th-vertical-align: middle;--vv-table-element-td-border-style: solid;--vv-table-element-td-font-size: var(--text-xs);--vv-table-element-td-vertical-align: middle;--vv-table-modifier-inline-spacing-border-width: 0}:where(.vv-table){--table-cell-padding: var(--spacing-md) 0;width:var(--vv-table-width);border-collapse:var(--vv-table-border-collapse);border-color:var(--vv-table-border-color)}:where(.vv-table__caption,.vv-table caption){caption-side:var(--vv-table-element-caption-caption-side)}:where(.vv-table__tr,.vv-table tr){border-width:var(--vv-table-element-tr-border-width);border-style:var(--vv-table-element-tr-border-style);border-color:var(--vv-table-element-tr-border-color)}:where(.vv-table__tbody-tr,.vv-table tbody > tr){border-color:var(--vv-table-element-tbody-tr-border-color)}:where(.vv-table__tbody-tr--last-child,.vv-table__tbody-tr.last-child,.vv-table tbody > tr.last-child,.vv-table__tbody-tr:not([disabled]):last-child,.vv-table tbody > tr:not([disabled]):last-child){border-width:var(--vv-table-element-tbody-tr-state-last-child-border-width)}:where(.vv-table__th,.vv-table th){font-weight:var(--vv-table-element-th-font-weight);font-size:var(--vv-table-element-th-font-size);color:var(--vv-table-element-th-color);vertical-align:var(--vv-table-element-th-vertical-align);padding:var(--table-cell-padding)}:where(.vv-table__td,.vv-table td){border-style:var(--vv-table-element-td-border-style);font-size:var(--vv-table-element-td-font-size);vertical-align:var(--vv-table-element-td-vertical-align);padding:var(--table-cell-padding)}:where(.vv-table--inline-spacing.vv-table){--table-cell-padding: var(--spacing-md);border-width:var(--vv-table-modifier-inline-spacing-border-width)}
package/dist/components/vv-toast.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-toast-position: relative;--vv-toast-display: flex;--vv-toast-flex-direction: column;--vv-toast-overflow: hidden;--vv-toast-border-radius: var(--rounded);--vv-toast-background-color: var(--color-surface);--vv-toast-box-shadow: var(--shadow-lg);--vv-toast-color: var(--color-word-2);--vv-toast-backdrop-filter: none;--vv-toast-border-width: var(--border);--vv-toast-border-style: solid;--vv-toast-border-color: var(--color-gray);--vv-toast-width: max(15vw, min(20rem, 80vw));--vv-toast-element-header-display: flex;--vv-toast-element-header-overflow: hidden;--vv-toast-element-header-align-items: center;--vv-toast-element-header-padding: var(--spacing-10);--vv-toast-element-header-color: var(--color-white);--vv-toast-element-header-background-color: var(--color-gray);--vv-toast-element-header-font-size: var(--text-16);--vv-toast-element-content-padding: var(--spacing-10);--vv-toast-element-content-background-color: var(--color-surface-2);--vv-toast-element-content-flex-grow: 1;--vv-toast-element-content-min-height: 0;--vv-toast-element-content-overflow: auto;--vv-toast-element-content-font-size: var(--text-14);--vv-toast-element-close-position: absolute;--vv-toast-element-close-right: var(--spacing-10);--vv-toast-element-close-inline-size: 1.1em;--vv-toast-element-close-block-size: 1.1em;--vv-toast-element-close-cursor: pointer;--vv-toast-element-close-border-radius: var(--rounded);--vv-toast-element-close-background-image: var(--bg-close);--vv-toast-element-close-background-color: var(--color-surface-2);--vv-toast-element-close-background-position: center;--vv-toast-element-close-background-size: 70% auto;--vv-toast-element-close-background-repeat: no-repeat;--vv-toast-element-pie-position: absolute;--vv-toast-element-pie-display: block;--vv-toast-element-pie-right: var(--spacing-10);--vv-toast-element-pie-width: 1.1em;--vv-toast-element-pie-height: 1.1em;--vv-toast-element-pie-background-color: var(--color-white);--vv-toast-element-pie-border: 1px solid var(--color-white);--vv-toast-element-pie-border-radius: 50%;--vv-toast-element-pie-overflow: hidden;--vv-toast-element-pie-opacity: .8;--vv-toast-element-pie-cursor: pointer;--vv-toast-element-pie-pseudo-before-position: absolute;--vv-toast-element-pie-pseudo-before-top: 0;--vv-toast-element-pie-pseudo-before-width: 50%;--vv-toast-element-pie-pseudo-before-height: 100%;--vv-toast-element-pie-pseudo-before-transform-origin: 100% 50%;--vv-toast-element-pie-pseudo-before-background-color: var(--color-gray);--vv-toast-element-pie-pseudo-before-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-toast-element-pie-pseudo-before-will-change: transform;--vv-toast-element-pie-pseudo-after-position: absolute;--vv-toast-element-pie-pseudo-after-top: 0;--vv-toast-element-pie-pseudo-after-width: 50%;--vv-toast-element-pie-pseudo-after-height: 100%;--vv-toast-element-pie-pseudo-after-background-color: var(--color-white);--vv-toast-element-pie-pseudo-after-will-change: opacity;--vv-toast-element-pie-pseudo-after-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-toast-element-pie-pseudo-after-opacity: 0;--vv-toast-element-pie-mask-position: absolute;--vv-toast-element-pie-mask-top: 0;--vv-toast-element-pie-mask-width: 50%;--vv-toast-element-pie-mask-height: 100%;--vv-toast-element-pie-mask-left: 50%;--vv-toast-element-pie-mask-background-color: var(--color-gray);--vv-toast-element-pie-mask-will-change: opacity;--vv-toast-element-pie-mask-z-index: 1;--vv-toast-element-pie-mask-opactiy: 1;--vv-toast-modifier-fixed-position: fixed;--vv-toast-modifier-fixed-z-index: var(--z-toast);--vv-toast-modifier-top-inset-block: var(--spacing-lg) auto;--vv-toast-modifier-right-inset-inline: auto var(--spacing-lg);--vv-toast-modifier-bottom-inset-block: auto var(--spacing-lg);--vv-toast-modifier-left-inset-inline: var(--spacing-lg) auto;--vv-toast-modifier-center-inset-inline: 50% auto;--vv-toast-modifier-center-transform: translateX(-50%);--vv-toast-modifier-dismissable-element-header-padding-right: calc(var(--spacing-10) * 2 + 1.1em);--vv-toast-modifier-success-border-color: var(--color-success);--vv-toast-modifier-success-element-header-background-color: var(--color-success);--vv-toast-modifier-success-element-content-border-color: var(--color-success);--vv-toast-modifier-success-element-content-background-color: var(--color-surface-success);--vv-toast-modifier-success-element-pie-pseudo-before-background-color: var(--color-success);--vv-toast-modifier-success-element-pie-mask-background-color: var(--color-success);--vv-toast-modifier-danger-border-color: var(--color-danger);--vv-toast-modifier-danger-element-header-background-color: var(--color-danger);--vv-toast-modifier-danger-element-content-border-color: var(--color-danger);--vv-toast-modifier-danger-element-content-background-color: var(--color-surface-danger);--vv-toast-modifier-danger-element-pie-pseudo-before-background-color: var(--color-danger);--vv-toast-modifier-danger-element-pie-mask-background-color: var(--color-danger);--vv-toast-modifier-warning-border-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-header-background-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-content-border-color: var(--color-warning);--vv-toast-modifier-warning-element-content-background-color: var(--color-surface-warning);--vv-toast-modifier-warning-element-pie-pseudo-before-background-color: var(--color-warning);--vv-toast-modifier-warning-element-pie-mask-background-color: var(--color-warning);--vv-toast-modifier-info-border-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-header-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-content-border-color: var(--color-info);--vv-toast-modifier-info-element-content-background-color: var(--color-surface-info);--vv-toast-modifier-info-element-pie-pseudo-before-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-pie-mask-background-color: var(--color-info-darken-1);--vv-toast-modifier-accent-border-color: var(--color-accent);--vv-toast-modifier-accent-element-header-background-color: var(--color-accent);--vv-toast-modifier-accent-element-content-border-color: var(--color-accent);--vv-toast-modifier-accent-element-content-background-color: var(--color-surface-accent);--vv-toast-modifier-accent-element-pie-pseudo-before-background-color: var(--color-accent);--vv-toast-modifier-accent-element-pie-mask-background-color: var(--color-accent);--vv-toast-modifier-brand-border-color: var(--color-brand);--vv-toast-modifier-brand-element-header-background-color: var(--color-brand);--vv-toast-modifier-brand-element-content-border-color: var(--color-brand);--vv-toast-modifier-brand-element-content-background-color: var(--color-surface-brand);--vv-toast-modifier-brand-element-pie-pseudo-before-background-color: var(--color-brand);--vv-toast-modifier-brand-element-pie-mask-background-color: var(--color-brand)}:where(.vv-toast){--toast-pie-animation-duration: 3s;position:var(--vv-toast-position);display:var(--vv-toast-display);flex-direction:var(--vv-toast-flex-direction);overflow:var(--vv-toast-overflow);border-radius:var(--vv-toast-border-radius);background-color:var(--vv-toast-background-color);box-shadow:var(--vv-toast-box-shadow);color:var(--vv-toast-color);-webkit-backdrop-filter:var(--vv-toast-backdrop-filter);backdrop-filter:var(--vv-toast-backdrop-filter);border-width:var(--vv-toast-border-width);border-style:var(--vv-toast-border-style);border-color:var(--vv-toast-border-color);width:var(--vv-toast-width)}:where(.vv-toast__header){display:var(--vv-toast-element-header-display);overflow:var(--vv-toast-element-header-overflow);align-items:var(--vv-toast-element-header-align-items);padding:var(--vv-toast-element-header-padding);color:var(--vv-toast-element-header-color);background-color:var(--vv-toast-element-header-background-color);font-size:var(--vv-toast-element-header-font-size)}:where(.vv-toast__content){padding:var(--vv-toast-element-content-padding);background-color:var(--vv-toast-element-content-background-color);flex-grow:var(--vv-toast-element-content-flex-grow);min-height:var(--vv-toast-element-content-min-height);overflow:var(--vv-toast-element-content-overflow);font-size:var(--vv-toast-element-content-font-size)}:where(.vv-toast__close){position:var(--vv-toast-element-close-position);right:var(--vv-toast-element-close-right);inline-size:var(--vv-toast-element-close-inline-size);block-size:var(--vv-toast-element-close-block-size);cursor:var(--vv-toast-element-close-cursor);border-radius:var(--vv-toast-element-close-border-radius);background-image:var(--vv-toast-element-close-background-image);background-color:var(--vv-toast-element-close-background-color);background-position:var(--vv-toast-element-close-background-position);background-size:var(--vv-toast-element-close-background-size);background-repeat:var(--vv-toast-element-close-background-repeat)}:where(.vv-toast__pie){position:var(--vv-toast-element-pie-position);display:var(--vv-toast-element-pie-display);right:var(--vv-toast-element-pie-right);width:var(--vv-toast-element-pie-width);height:var(--vv-toast-element-pie-height);background-color:var(--vv-toast-element-pie-background-color);border:var(--vv-toast-element-pie-border);border-radius:var(--vv-toast-element-pie-border-radius);overflow:var(--vv-toast-element-pie-overflow);opacity:var(--vv-toast-element-pie-opacity);cursor:var(--vv-toast-element-pie-cursor)}:where(.vv-toast__pie):before{content:"";position:var(--vv-toast-element-pie-pseudo-before-position);top:var(--vv-toast-element-pie-pseudo-before-top);width:var(--vv-toast-element-pie-pseudo-before-width);height:var(--vv-toast-element-pie-pseudo-before-height);transform-origin:var(--vv-toast-element-pie-pseudo-before-transform-origin);background-color:var(--vv-toast-element-pie-pseudo-before-background-color);border-radius:var(--vv-toast-element-pie-pseudo-before-border-radius);will-change:var(--vv-toast-element-pie-pseudo-before-will-change);animation:spin var(--toast-pie-animation-duration) linear}:where(.vv-toast__pie):after{content:"";position:var(--vv-toast-element-pie-pseudo-after-position);top:var(--vv-toast-element-pie-pseudo-after-top);width:var(--vv-toast-element-pie-pseudo-after-width);height:var(--vv-toast-element-pie-pseudo-after-height);background-color:var(--vv-toast-element-pie-pseudo-after-background-color);will-change:var(--vv-toast-element-pie-pseudo-after-will-change);border-radius:var(--vv-toast-element-pie-pseudo-after-border-radius);animation:pie-masks var(--toast-pie-animation-duration) steps(1,end);opacity:var(--vv-toast-element-pie-pseudo-after-opacity)}:where(.vv-toast__pie-mask){position:var(--vv-toast-element-pie-mask-position);top:var(--vv-toast-element-pie-mask-top);width:var(--vv-toast-element-pie-mask-width);height:var(--vv-toast-element-pie-mask-height);left:var(--vv-toast-element-pie-mask-left);background-color:var(--vv-toast-element-pie-mask-background-color);will-change:var(--vv-toast-element-pie-mask-will-change);animation:pie-masks var(--toast-pie-animation-duration) steps(1,end) reverse;z-index:var(--vv-toast-element-pie-mask-z-index);opactiy:var(--vv-toast-element-pie-mask-opactiy)}:where(.vv-toast--fixed.vv-toast){--vv-toast-position: var(--vv-toast-modifier-fixed-position);z-index:var(--vv-toast-modifier-fixed-z-index)}:where(.vv-toast--top.vv-toast){inset-block:var(--vv-toast-modifier-top-inset-block)}:where(.vv-toast--right.vv-toast){inset-inline:var(--vv-toast-modifier-right-inset-inline)}:where(.vv-toast--bottom.vv-toast){inset-block:var(--vv-toast-modifier-bottom-inset-block)}:where(.vv-toast--left.vv-toast){inset-inline:var(--vv-toast-modifier-left-inset-inline)}:where(.vv-toast--center.vv-toast){inset-inline:var(--vv-toast-modifier-center-inset-inline);transform:var(--vv-toast-modifier-center-transform)}:where(.vv-toast--dismissable .vv-toast__header){padding-right:var(--vv-toast-modifier-dismissable-element-header-padding-right)}:where(.vv-toast--success.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-success-border-color)}:where(.vv-toast--success .vv-toast__header){background-color:var(--vv-toast-modifier-success-element-header-background-color)}:where(.vv-toast--success .vv-toast__content){border-color:var(--vv-toast-modifier-success-element-content-border-color);background-color:var(--vv-toast-modifier-success-element-content-background-color)}:where(.vv-toast--success .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-success-element-pie-pseudo-before-background-color)}:where(.vv-toast--success .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-success-element-pie-mask-background-color)}:where(.vv-toast--danger.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-danger-border-color)}:where(.vv-toast--danger .vv-toast__header){background-color:var(--vv-toast-modifier-danger-element-header-background-color)}:where(.vv-toast--danger .vv-toast__content){border-color:var(--vv-toast-modifier-danger-element-content-border-color);background-color:var(--vv-toast-modifier-danger-element-content-background-color)}:where(.vv-toast--danger .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-danger-element-pie-pseudo-before-background-color)}:where(.vv-toast--danger .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-danger-element-pie-mask-background-color)}:where(.vv-toast--warning.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-warning-border-color)}:where(.vv-toast--warning .vv-toast__header){background-color:var(--vv-toast-modifier-warning-element-header-background-color)}:where(.vv-toast--warning .vv-toast__content){border-color:var(--vv-toast-modifier-warning-element-content-border-color);background-color:var(--vv-toast-modifier-warning-element-content-background-color)}:where(.vv-toast--warning .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-warning-element-pie-pseudo-before-background-color)}:where(.vv-toast--warning .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-warning-element-pie-mask-background-color)}:where(.vv-toast--info.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-info-border-color)}:where(.vv-toast--info .vv-toast__header){background-color:var(--vv-toast-modifier-info-element-header-background-color)}:where(.vv-toast--info .vv-toast__content){border-color:var(--vv-toast-modifier-info-element-content-border-color);background-color:var(--vv-toast-modifier-info-element-content-background-color)}:where(.vv-toast--info .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-info-element-pie-pseudo-before-background-color)}:where(.vv-toast--info .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-info-element-pie-mask-background-color)}:where(.vv-toast--accent.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-accent-border-color)}:where(.vv-toast--accent .vv-toast__header){background-color:var(--vv-toast-modifier-accent-element-header-background-color)}:where(.vv-toast--accent .vv-toast__content){border-color:var(--vv-toast-modifier-accent-element-content-border-color);background-color:var(--vv-toast-modifier-accent-element-content-background-color)}:where(.vv-toast--accent .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-accent-element-pie-pseudo-before-background-color)}:where(.vv-toast--accent .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-accent-element-pie-mask-background-color)}:where(.vv-toast--brand.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-brand-border-color)}:where(.vv-toast--brand .vv-toast__header){background-color:var(--vv-toast-modifier-brand-element-header-background-color)}:where(.vv-toast--brand .vv-toast__content){border-color:var(--vv-toast-modifier-brand-element-content-border-color);background-color:var(--vv-toast-modifier-brand-element-content-background-color)}:where(.vv-toast--brand .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-brand-element-pie-pseudo-before-background-color)}:where(.vv-toast--brand .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-brand-element-pie-mask-background-color)}
1
+ :where(:host,:root,.theme){--vv-toast-position: relative;--vv-toast-display: flex;--vv-toast-flex-direction: column;--vv-toast-overflow: hidden;--vv-toast-border-radius: var(--rounded);--vv-toast-background-color: var(--color-surface);--vv-toast-box-shadow: var(--shadow-lg);--vv-toast-color: var(--color-word-2);--vv-toast-backdrop-filter: none;--vv-toast-border-width: var(--border);--vv-toast-border-style: solid;--vv-toast-border-color: var(--color-gray);--vv-toast-width: max(15vw, min(20rem, 80vw));--vv-toast-element-header-display: flex;--vv-toast-element-header-overflow: hidden;--vv-toast-element-header-align-items: center;--vv-toast-element-header-padding: var(--spacing-10);--vv-toast-element-header-color: var(--color-white);--vv-toast-element-header-background-color: var(--color-gray);--vv-toast-element-header-font-size: var(--text-16);--vv-toast-element-content-padding: var(--spacing-10);--vv-toast-element-content-background-color: var(--color-surface-2);--vv-toast-element-content-flex-grow: 1;--vv-toast-element-content-min-height: 0;--vv-toast-element-content-overflow: auto;--vv-toast-element-content-font-size: var(--text-14);--vv-toast-element-close-position: absolute;--vv-toast-element-close-right: var(--spacing-10);--vv-toast-element-close-inline-size: 1.1em;--vv-toast-element-close-block-size: 1.1em;--vv-toast-element-close-cursor: pointer;--vv-toast-element-close-border-radius: var(--rounded);--vv-toast-element-close-background-image: var(--bg-close);--vv-toast-element-close-background-color: var(--color-surface-2);--vv-toast-element-close-background-position: center;--vv-toast-element-close-background-size: 70% auto;--vv-toast-element-close-background-repeat: no-repeat;--vv-toast-element-pie-position: absolute;--vv-toast-element-pie-display: block;--vv-toast-element-pie-right: var(--spacing-10);--vv-toast-element-pie-width: 1.1em;--vv-toast-element-pie-height: 1.1em;--vv-toast-element-pie-background-color: var(--color-white);--vv-toast-element-pie-border: 1px solid var(--color-white);--vv-toast-element-pie-border-radius: 50%;--vv-toast-element-pie-overflow: hidden;--vv-toast-element-pie-opacity: .8;--vv-toast-element-pie-cursor: pointer;--vv-toast-element-pie-pseudo-before-position: absolute;--vv-toast-element-pie-pseudo-before-top: 0;--vv-toast-element-pie-pseudo-before-width: 50%;--vv-toast-element-pie-pseudo-before-height: 100%;--vv-toast-element-pie-pseudo-before-transform-origin: 100% 50%;--vv-toast-element-pie-pseudo-before-background-color: var(--color-gray);--vv-toast-element-pie-pseudo-before-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-toast-element-pie-pseudo-before-will-change: transform;--vv-toast-element-pie-pseudo-after-position: absolute;--vv-toast-element-pie-pseudo-after-top: 0;--vv-toast-element-pie-pseudo-after-width: 50%;--vv-toast-element-pie-pseudo-after-height: 100%;--vv-toast-element-pie-pseudo-after-background-color: var(--color-white);--vv-toast-element-pie-pseudo-after-will-change: opacity;--vv-toast-element-pie-pseudo-after-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-toast-element-pie-pseudo-after-opacity: 0;--vv-toast-element-pie-mask-position: absolute;--vv-toast-element-pie-mask-top: 0;--vv-toast-element-pie-mask-width: 50%;--vv-toast-element-pie-mask-height: 100%;--vv-toast-element-pie-mask-left: 50%;--vv-toast-element-pie-mask-background-color: var(--color-gray);--vv-toast-element-pie-mask-will-change: opacity;--vv-toast-element-pie-mask-z-index: 1;--vv-toast-modifier-fixed-position: fixed;--vv-toast-modifier-fixed-z-index: var(--z-toast);--vv-toast-modifier-top-inset-block: var(--spacing-lg) auto;--vv-toast-modifier-right-inset-inline: auto var(--spacing-lg);--vv-toast-modifier-bottom-inset-block: auto var(--spacing-lg);--vv-toast-modifier-left-inset-inline: var(--spacing-lg) auto;--vv-toast-modifier-center-inset-inline: 50% auto;--vv-toast-modifier-center-transform: translateX(-50%);--vv-toast-modifier-dismissable-element-header-padding-right: calc(var(--spacing-10) * 2 + 1.1em);--vv-toast-modifier-success-border-color: var(--color-success);--vv-toast-modifier-success-element-header-background-color: var(--color-success);--vv-toast-modifier-success-element-content-border-color: var(--color-success);--vv-toast-modifier-success-element-content-background-color: var(--color-surface-success);--vv-toast-modifier-success-element-pie-pseudo-before-background-color: var(--color-success);--vv-toast-modifier-success-element-pie-mask-background-color: var(--color-success);--vv-toast-modifier-danger-border-color: var(--color-danger);--vv-toast-modifier-danger-element-header-background-color: var(--color-danger);--vv-toast-modifier-danger-element-content-border-color: var(--color-danger);--vv-toast-modifier-danger-element-content-background-color: var(--color-surface-danger);--vv-toast-modifier-danger-element-pie-pseudo-before-background-color: var(--color-danger);--vv-toast-modifier-danger-element-pie-mask-background-color: var(--color-danger);--vv-toast-modifier-warning-border-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-header-background-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-content-border-color: var(--color-warning);--vv-toast-modifier-warning-element-content-background-color: var(--color-surface-warning);--vv-toast-modifier-warning-element-pie-pseudo-before-background-color: var(--color-warning);--vv-toast-modifier-warning-element-pie-mask-background-color: var(--color-warning);--vv-toast-modifier-info-border-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-header-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-content-border-color: var(--color-info);--vv-toast-modifier-info-element-content-background-color: var(--color-surface-info);--vv-toast-modifier-info-element-pie-pseudo-before-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-pie-mask-background-color: var(--color-info-darken-1);--vv-toast-modifier-accent-border-color: var(--color-accent);--vv-toast-modifier-accent-element-header-background-color: var(--color-accent);--vv-toast-modifier-accent-element-content-border-color: var(--color-accent);--vv-toast-modifier-accent-element-content-background-color: var(--color-surface-accent);--vv-toast-modifier-accent-element-pie-pseudo-before-background-color: var(--color-accent);--vv-toast-modifier-accent-element-pie-mask-background-color: var(--color-accent);--vv-toast-modifier-brand-border-color: var(--color-brand);--vv-toast-modifier-brand-element-header-background-color: var(--color-brand);--vv-toast-modifier-brand-element-content-border-color: var(--color-brand);--vv-toast-modifier-brand-element-content-background-color: var(--color-surface-brand);--vv-toast-modifier-brand-element-pie-pseudo-before-background-color: var(--color-brand);--vv-toast-modifier-brand-element-pie-mask-background-color: var(--color-brand)}:where(.vv-toast){--toast-pie-animation-duration: 3s;position:var(--vv-toast-position);display:var(--vv-toast-display);flex-direction:var(--vv-toast-flex-direction);overflow:var(--vv-toast-overflow);border-radius:var(--vv-toast-border-radius);background-color:var(--vv-toast-background-color);box-shadow:var(--vv-toast-box-shadow);color:var(--vv-toast-color);-webkit-backdrop-filter:var(--vv-toast-backdrop-filter);backdrop-filter:var(--vv-toast-backdrop-filter);border-width:var(--vv-toast-border-width);border-style:var(--vv-toast-border-style);border-color:var(--vv-toast-border-color);width:var(--vv-toast-width)}:where(.vv-toast__header){display:var(--vv-toast-element-header-display);overflow:var(--vv-toast-element-header-overflow);align-items:var(--vv-toast-element-header-align-items);padding:var(--vv-toast-element-header-padding);color:var(--vv-toast-element-header-color);background-color:var(--vv-toast-element-header-background-color);font-size:var(--vv-toast-element-header-font-size)}:where(.vv-toast__content){padding:var(--vv-toast-element-content-padding);background-color:var(--vv-toast-element-content-background-color);flex-grow:var(--vv-toast-element-content-flex-grow);min-height:var(--vv-toast-element-content-min-height);overflow:var(--vv-toast-element-content-overflow);font-size:var(--vv-toast-element-content-font-size)}:where(.vv-toast__close){position:var(--vv-toast-element-close-position);right:var(--vv-toast-element-close-right);inline-size:var(--vv-toast-element-close-inline-size);block-size:var(--vv-toast-element-close-block-size);cursor:var(--vv-toast-element-close-cursor);border-radius:var(--vv-toast-element-close-border-radius);background-image:var(--vv-toast-element-close-background-image);background-color:var(--vv-toast-element-close-background-color);background-position:var(--vv-toast-element-close-background-position);background-size:var(--vv-toast-element-close-background-size);background-repeat:var(--vv-toast-element-close-background-repeat)}:where(.vv-toast__pie){position:var(--vv-toast-element-pie-position);display:var(--vv-toast-element-pie-display);right:var(--vv-toast-element-pie-right);width:var(--vv-toast-element-pie-width);height:var(--vv-toast-element-pie-height);background-color:var(--vv-toast-element-pie-background-color);border:var(--vv-toast-element-pie-border);border-radius:var(--vv-toast-element-pie-border-radius);overflow:var(--vv-toast-element-pie-overflow);opacity:var(--vv-toast-element-pie-opacity);cursor:var(--vv-toast-element-pie-cursor)}:where(.vv-toast__pie):before{content:"";position:var(--vv-toast-element-pie-pseudo-before-position);top:var(--vv-toast-element-pie-pseudo-before-top);width:var(--vv-toast-element-pie-pseudo-before-width);height:var(--vv-toast-element-pie-pseudo-before-height);transform-origin:var(--vv-toast-element-pie-pseudo-before-transform-origin);background-color:var(--vv-toast-element-pie-pseudo-before-background-color);border-radius:var(--vv-toast-element-pie-pseudo-before-border-radius);will-change:var(--vv-toast-element-pie-pseudo-before-will-change);animation:spin var(--toast-pie-animation-duration) linear}:where(.vv-toast__pie):after{content:"";position:var(--vv-toast-element-pie-pseudo-after-position);top:var(--vv-toast-element-pie-pseudo-after-top);width:var(--vv-toast-element-pie-pseudo-after-width);height:var(--vv-toast-element-pie-pseudo-after-height);background-color:var(--vv-toast-element-pie-pseudo-after-background-color);will-change:var(--vv-toast-element-pie-pseudo-after-will-change);border-radius:var(--vv-toast-element-pie-pseudo-after-border-radius);animation:pie-masks var(--toast-pie-animation-duration) steps(1,end);opacity:var(--vv-toast-element-pie-pseudo-after-opacity)}:where(.vv-toast__pie-mask){position:var(--vv-toast-element-pie-mask-position);top:var(--vv-toast-element-pie-mask-top);width:var(--vv-toast-element-pie-mask-width);height:var(--vv-toast-element-pie-mask-height);left:var(--vv-toast-element-pie-mask-left);background-color:var(--vv-toast-element-pie-mask-background-color);will-change:var(--vv-toast-element-pie-mask-will-change);animation:pie-masks var(--toast-pie-animation-duration) steps(1,end) reverse;z-index:var(--vv-toast-element-pie-mask-z-index)}:where(.vv-toast--fixed.vv-toast){--vv-toast-position: var(--vv-toast-modifier-fixed-position);z-index:var(--vv-toast-modifier-fixed-z-index)}:where(.vv-toast--top.vv-toast){inset-block:var(--vv-toast-modifier-top-inset-block)}:where(.vv-toast--right.vv-toast){inset-inline:var(--vv-toast-modifier-right-inset-inline)}:where(.vv-toast--bottom.vv-toast){inset-block:var(--vv-toast-modifier-bottom-inset-block)}:where(.vv-toast--left.vv-toast){inset-inline:var(--vv-toast-modifier-left-inset-inline)}:where(.vv-toast--center.vv-toast){inset-inline:var(--vv-toast-modifier-center-inset-inline);transform:var(--vv-toast-modifier-center-transform)}:where(.vv-toast--dismissable .vv-toast__header){padding-right:var(--vv-toast-modifier-dismissable-element-header-padding-right)}:where(.vv-toast--success.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-success-border-color)}:where(.vv-toast--success .vv-toast__header){background-color:var(--vv-toast-modifier-success-element-header-background-color)}:where(.vv-toast--success .vv-toast__content){border-color:var(--vv-toast-modifier-success-element-content-border-color);background-color:var(--vv-toast-modifier-success-element-content-background-color)}:where(.vv-toast--success .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-success-element-pie-pseudo-before-background-color)}:where(.vv-toast--success .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-success-element-pie-mask-background-color)}:where(.vv-toast--danger.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-danger-border-color)}:where(.vv-toast--danger .vv-toast__header){background-color:var(--vv-toast-modifier-danger-element-header-background-color)}:where(.vv-toast--danger .vv-toast__content){border-color:var(--vv-toast-modifier-danger-element-content-border-color);background-color:var(--vv-toast-modifier-danger-element-content-background-color)}:where(.vv-toast--danger .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-danger-element-pie-pseudo-before-background-color)}:where(.vv-toast--danger .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-danger-element-pie-mask-background-color)}:where(.vv-toast--warning.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-warning-border-color)}:where(.vv-toast--warning .vv-toast__header){background-color:var(--vv-toast-modifier-warning-element-header-background-color)}:where(.vv-toast--warning .vv-toast__content){border-color:var(--vv-toast-modifier-warning-element-content-border-color);background-color:var(--vv-toast-modifier-warning-element-content-background-color)}:where(.vv-toast--warning .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-warning-element-pie-pseudo-before-background-color)}:where(.vv-toast--warning .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-warning-element-pie-mask-background-color)}:where(.vv-toast--info.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-info-border-color)}:where(.vv-toast--info .vv-toast__header){background-color:var(--vv-toast-modifier-info-element-header-background-color)}:where(.vv-toast--info .vv-toast__content){border-color:var(--vv-toast-modifier-info-element-content-border-color);background-color:var(--vv-toast-modifier-info-element-content-background-color)}:where(.vv-toast--info .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-info-element-pie-pseudo-before-background-color)}:where(.vv-toast--info .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-info-element-pie-mask-background-color)}:where(.vv-toast--accent.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-accent-border-color)}:where(.vv-toast--accent .vv-toast__header){background-color:var(--vv-toast-modifier-accent-element-header-background-color)}:where(.vv-toast--accent .vv-toast__content){border-color:var(--vv-toast-modifier-accent-element-content-border-color);background-color:var(--vv-toast-modifier-accent-element-content-background-color)}:where(.vv-toast--accent .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-accent-element-pie-pseudo-before-background-color)}:where(.vv-toast--accent .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-accent-element-pie-mask-background-color)}:where(.vv-toast--brand.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-brand-border-color)}:where(.vv-toast--brand .vv-toast__header){background-color:var(--vv-toast-modifier-brand-element-header-background-color)}:where(.vv-toast--brand .vv-toast__content){border-color:var(--vv-toast-modifier-brand-element-content-border-color);background-color:var(--vv-toast-modifier-brand-element-content-background-color)}:where(.vv-toast--brand .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-brand-element-pie-pseudo-before-background-color)}:where(.vv-toast--brand .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-brand-element-pie-mask-background-color)}