npm - @volverjs/style - Versions diffs - 0.1.4 → 0.1.6 - Mend

@volverjs/style 0.1.4 → 0.1.6

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 (19) hide show

package/README.md +6 -0
package/dist/components/vv-button.css +1 -1
package/dist/components/vv-input-text.css +1 -1
package/dist/components/vv-select.css +1 -1
package/dist/components/vv-textarea.css +1 -1
package/dist/components.css +1 -1
package/dist/props/input.css +1 -1
package/dist/props.css +1 -1
package/dist/volver.css +1 -1
package/package.json +71 -63
package/src/_preflight.scss +1 -0
package/src/components/vv-button.scss +7 -1
package/src/reset.scss +14 -2
package/src/settings/_input.scss +10 -1
package/src/settings/components/_vv-button.scss +3 -2
package/src/settings/components/_vv-input-text.scss +16 -11
package/src/settings/components/_vv-select.scss +57 -15
package/src/settings/components/_vv-textarea.scss +14 -7
package/src/tools/_mixins.scss +35 -14

package/README.md CHANGED Viewed

@@ -144,3 +144,9 @@ context.$vv-button: map.deep-merge(
 ```html
 <button type="button" class="vv-button vv-button--my-error">Error</button>
 ```
+## Documentation
+To learn more about `@volverjs/style`, check [its documentation](https://volverjs.github.io/style).
+## License
+[MIT](http://opensource.org/licenses/MIT)

package/dist/components/vv-button.css CHANGED Viewed

	@@ -1 +1 @@
1	- :where(:host,:root,.theme){--vv-button-position: relative;--vv-button-background: var(--color-brand);--vv-button-border-radius: var(--rounded);--vv-button-border-style: solid;--vv-button-border-color: var(--color-brand);--vv-button-color: var(--color-white);--vv-button-font-family: var(--font-sans);--vv-button-font-weight: var(--font-semibold);--vv-button-gap: 1ch;--vv-button-padding-block: var(--spacing-7);--vv-button-padding-inline: var(--spacing-16);--vv-button-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-transition: var(--transition-all);--vv-button-will-change: all;--vv-button-min-width: 0;--vv-button-state-focus-visible-outline-offset: var(--spacing-4);--vv-button-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-button-state-hover-background: var(--color-brand-darken-1);--vv-button-state-hover-border-color: var(--color-brand-darken-1);--vv-button-state-hover-text-decoration: none;--vv-button-state-active-background: var(--color-brand-darken-2);--vv-button-state-active-border-color: var(--color-brand-darken-2);--vv-button-state-pressed-background: var(--color-brand-darken-2);--vv-button-state-pressed-border-color: var(--color-brand-darken-2);--vv-button-state-disabled-opacity: var(--opacity-50);--vv-button-state-disabled-cursor: not-allowed;--vv-button-element-icon-block-size: 1.1em;--vv-button-element-icon-inline-size: 1.1em;--vv-button-element-icon-margin: 0;--vv-button-element-icon-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-icon-only-element-icon-margin-inline: calc(var(--spacing-9) * -1);--vv-button-modifier-primary-background: var(--color-gray-darken-3);--vv-button-modifier-primary-border-color: var(--color-gray-darken-3);--vv-button-modifier-primary-color: var(--color-white);--vv-button-modifier-primary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color: var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-border-color: var(--color-gray-darken-5);--vv-button-modifier-secondary-background: var(--color-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-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-danger-background: var(--color-danger);--vv-button-modifier-danger-border-color: var(--color-danger);--vv-button-modifier-danger-color: var(--color-white);--vv-button-modifier-danger-state-focus-visible-outline: var(--spacing-px) solid var(--color-danger);--vv-button-modifier-danger-state-hover-background: var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color: var(--color-danger-darken-1);--vv-button-modifier-danger-state-active-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color: var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-border-color: var(--color-danger-darken-2);--vv-button-modifier-ghost-background: transparent;--vv-button-modifier-ghost-border-color: transparent;--vv-button-modifier-ghost-color: var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset: var(--spacing-0);--vv-button-modifier-ghost-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-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-darken-1);--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-pressed-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background: var(--color-black);--vv-button-modifier-static-dark-border-color: var(--color-black);--vv-button-modifier-static-dark-color: var(--color-white);--vv-button-modifier-static-dark-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background: var(--color-gray-darken-3);--vv-button-modifier-action-font-size: var(--text-14);--vv-button-modifier-action-background: var(--color-surface-1);--vv-button-modifier-action-color: var(--color-word-1);--vv-button-modifier-action-border-color: var(--color-word-5);--vv-button-modifier-action-font-weight: var(--font-normal);--vv-button-modifier-action-padding-inline: var(--spacing-6);--vv-button-modifier-action-padding-block: var(--spacing-4);--vv-button-modifier-action-text-shadow: none;--vv-button-modifier-action-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-state-hover-background: var(--color-surface-2);--vv-button-modifier-action-state-active-background: var(--color-surface-5);--vv-button-modifier-action-state-pressed-color: var(--color-white);--vv-button-modifier-action-state-pressed-background: var(--color-gray);--vv-button-modifier-action-state-pressed-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: var(--spacing-6);--vv-button-modifier-action-quiet-padding-block: var(--spacing-4);--vv-button-modifier-action-quiet-text-shadow: none;--vv-button-modifier-action-quiet-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset: var(--spacing-0);--vv-button-modifier-action-quiet-state-hover-background: var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color: var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background: var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color: var(--color-surface-5);--vv-button-modifier-action-quiet-state-pressed-color: var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background: var(--color-gray);--vv-button-modifier-action-quiet-state-pressed-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-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)}: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--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background: var(--vv-button-state-pressed-background);--vv-button-border-color: var(--vv-button-state-pressed-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}:where(.vv-button--primary.vv-button){--vv-button-background: var(--vv-button-modifier-primary-background);--vv-button-border-color: var(--vv-button-modifier-primary-border-color);--vv-button-color: var(--vv-button-modifier-primary-color)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-pressed-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background: var(--vv-button-modifier-secondary-background);--vv-button-border-style: var(--vv-button-modifier-secondary-border-style);--vv-button-border-color: var(--vv-button-modifier-secondary-border-color);--vv-button-color: var(--vv-button-modifier-secondary-color);--vv-button-text-shadow: var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-pressed-background)}:where(.vv-button--danger.vv-button){--vv-button-background: var(--vv-button-modifier-danger-background);--vv-button-border-color: var(--vv-button-modifier-danger-border-color);--vv-button-color: var(--vv-button-modifier-danger-color)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-hover-border-color)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-active-border-color)}:where(.vv-button--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-pressed-border-color)}:where(.vv-button--ghost.vv-button){--vv-button-background: var(--vv-button-modifier-ghost-background);--vv-button-border-color: var(--vv-button-modifier-ghost-border-color);--vv-button-color: var(--vv-button-modifier-ghost-color);--vv-button-text-shadow: var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-hover-background)}: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--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-pressed-background)}: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--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-pressed-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background: var(--vv-button-modifier-static-dark-background);--vv-button-border-color: var(--vv-button-modifier-static-dark-border-color);--vv-button-color: var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow: var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);font-size:var(--vv-button-modifier-action-font-size);--vv-button-background: var(--vv-button-modifier-action-background);--vv-button-color: var(--vv-button-modifier-action-color);--vv-button-border-color: var(--vv-button-modifier-action-border-color);--vv-button-font-weight: var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline: var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block: var(--vv-button-modifier-action-padding-block);--vv-button-text-shadow: var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-active-background)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color: var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background: var(--vv-button-modifier-action-quiet-background);--vv-button-color: var(--vv-button-modifier-action-quiet-color);--vv-button-border-color: var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight: var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline: var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block: var(--vv-button-modifier-action-quiet-padding-block);--vv-button-text-shadow: var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-active-border-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius: var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){display:var(--vv-button-modifier-block-display);width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}.vv-button--reverse .vv-button__label{order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap: var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width: var(--vv-button-modifier-full-bleed-min-width)}
1	+ :where(:host,:root,.theme){--vv-button-position: relative;--vv-button-background: var(--color-brand);--vv-button-border-radius: var(--rounded);--vv-button-border-style: solid;--vv-button-border-color: var(--color-brand);--vv-button-color: var(--color-white);--vv-button-font-family: var(--font-sans);--vv-button-font-weight: var(--font-semibold);--vv-button-gap: 1ch;--vv-button-padding-block: var(--spacing-7);--vv-button-padding-inline: var(--spacing-16);--vv-button-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-transition: var(--transition-all);--vv-button-will-change: all;--vv-button-min-width: 0;--vv-button-state-focus-visible-outline-offset: var(--spacing-4);--vv-button-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-button-state-hover-background: var(--color-brand-darken-1);--vv-button-state-hover-border-color: var(--color-brand-darken-1);--vv-button-state-hover-text-decoration: none;--vv-button-state-active-background: var(--color-brand-darken-2);--vv-button-state-active-border-color: var(--color-brand-darken-2);--vv-button-state-pressed-background: var(--color-brand-darken-2);--vv-button-state-pressed-border-color: var(--color-brand-darken-2);--vv-button-state-disabled-opacity: var(--opacity-50);--vv-button-state-disabled-cursor: not-allowed;--vv-button-element-icon-block-size: 1.1em;--vv-button-element-icon-inline-size: 1.1em;--vv-button-element-icon-margin: 0;--vv-button-element-icon-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-icon-only-element-icon-margin-inline: calc(var(--spacing-6) * -1);--vv-button-modifier-primary-background: var(--color-gray-darken-3);--vv-button-modifier-primary-border-color: var(--color-gray-darken-3);--vv-button-modifier-primary-color: var(--color-white);--vv-button-modifier-primary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color: var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-border-color: var(--color-gray-darken-5);--vv-button-modifier-secondary-background: var(--color-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-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-danger-background: var(--color-danger);--vv-button-modifier-danger-border-color: var(--color-danger);--vv-button-modifier-danger-color: var(--color-white);--vv-button-modifier-danger-state-focus-visible-outline: var(--spacing-px) solid var(--color-danger);--vv-button-modifier-danger-state-hover-background: var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color: var(--color-danger-darken-1);--vv-button-modifier-danger-state-active-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color: var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-border-color: var(--color-danger-darken-2);--vv-button-modifier-ghost-background: transparent;--vv-button-modifier-ghost-border-color: transparent;--vv-button-modifier-ghost-color: var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset: var(--spacing-0);--vv-button-modifier-ghost-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-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-darken-1);--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-pressed-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background: var(--color-black);--vv-button-modifier-static-dark-border-color: var(--color-black);--vv-button-modifier-static-dark-color: var(--color-white);--vv-button-modifier-static-dark-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background: var(--color-gray-darken-3);--vv-button-modifier-action-font-size: var(--text-14);--vv-button-modifier-action-background: var(--color-surface-1);--vv-button-modifier-action-color: var(--color-word-1);--vv-button-modifier-action-border-color: var(--color-word-5);--vv-button-modifier-action-font-weight: var(--font-normal);--vv-button-modifier-action-padding-inline: var(--spacing-6);--vv-button-modifier-action-padding-block: var(--spacing-4);--vv-button-modifier-action-text-shadow: none;--vv-button-modifier-action-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-state-hover-background: var(--color-surface-2);--vv-button-modifier-action-state-active-background: var(--color-surface-5);--vv-button-modifier-action-state-pressed-color: var(--color-white);--vv-button-modifier-action-state-pressed-background: var(--color-gray);--vv-button-modifier-action-state-pressed-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: var(--spacing-6);--vv-button-modifier-action-quiet-padding-block: var(--spacing-4);--vv-button-modifier-action-quiet-text-shadow: none;--vv-button-modifier-action-quiet-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset: var(--spacing-0);--vv-button-modifier-action-quiet-state-hover-background: var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color: var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background: var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color: var(--color-surface-5);--vv-button-modifier-action-quiet-state-pressed-color: var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background: var(--color-gray);--vv-button-modifier-action-quiet-state-pressed-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-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: var(--spacing-2);--vv-button-modifier-full-bleed-min-width: 20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),: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)}: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(1em * var(--button-line-height))}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background: var(--vv-button-state-hover-background);--vv-button-border-color: var(--vv-button-state-hover-border-color);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background: var(--vv-button-state-active-background);--vv-button-border-color: var(--vv-button-state-active-border-color)}:where(.vv-button--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background: var(--vv-button-state-pressed-background);--vv-button-border-color: var(--vv-button-state-pressed-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}:where(.vv-button--primary.vv-button){--vv-button-background: var(--vv-button-modifier-primary-background);--vv-button-border-color: var(--vv-button-modifier-primary-border-color);--vv-button-color: var(--vv-button-modifier-primary-color)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-pressed-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background: var(--vv-button-modifier-secondary-background);--vv-button-border-style: var(--vv-button-modifier-secondary-border-style);--vv-button-border-color: var(--vv-button-modifier-secondary-border-color);--vv-button-color: var(--vv-button-modifier-secondary-color);--vv-button-text-shadow: var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-pressed-background)}:where(.vv-button--danger.vv-button){--vv-button-background: var(--vv-button-modifier-danger-background);--vv-button-border-color: var(--vv-button-modifier-danger-border-color);--vv-button-color: var(--vv-button-modifier-danger-color)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-hover-border-color)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-active-border-color)}:where(.vv-button--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-pressed-border-color)}:where(.vv-button--ghost.vv-button){--vv-button-background: var(--vv-button-modifier-ghost-background);--vv-button-border-color: var(--vv-button-modifier-ghost-border-color);--vv-button-color: var(--vv-button-modifier-ghost-color);--vv-button-text-shadow: var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-hover-background)}: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--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-pressed-background)}: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--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-pressed-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background: var(--vv-button-modifier-static-dark-background);--vv-button-border-color: var(--vv-button-modifier-static-dark-border-color);--vv-button-color: var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow: var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);font-size:var(--vv-button-modifier-action-font-size);--vv-button-background: var(--vv-button-modifier-action-background);--vv-button-color: var(--vv-button-modifier-action-color);--vv-button-border-color: var(--vv-button-modifier-action-border-color);--vv-button-font-weight: var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline: var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block: var(--vv-button-modifier-action-padding-block);--vv-button-text-shadow: var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-active-background)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color: var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background: var(--vv-button-modifier-action-quiet-background);--vv-button-color: var(--vv-button-modifier-action-quiet-color);--vv-button-border-color: var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight: var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline: var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block: var(--vv-button-modifier-action-quiet-padding-block);--vv-button-text-shadow: var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-active-border-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius: var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){display:var(--vv-button-modifier-block-display);width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}.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 Viewed

	@@ -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: var(--transition-colors);--vv-input-text-element-wrapper-min-height: var(--spacing-50);--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: var(--transition-transform);--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-width: 0;--vv-input-text-element-input-block-size: calc(var(--input-line-height) * var(--input-font-size));--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: var(--opacity-0);--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance: none;--vv-input-text-element-input-pseudo-search-cancel-button-opacity: var(--opacity-0);--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding: 1px;--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-color-swatch-padding: 0;--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-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--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-left-position: var(--input-icon-position);--vv-input-text-element-icon-left-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-position: var(--input-icon-position);--vv-input-text-element-icon-right-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-height: var(--input-min-height);--vv-input-text-element-action-cursor: pointer;--vv-input-text-element-action-state-focus-visible-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-input-text-element-action-chevron-flex: 1;--vv-input-text-element-action-chevron-width: calc(var(--input-icon-width) + var(--input-spacing-left) + var(--input-spacing-right));--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-focus-visible-background-color: var(--color-surface-3);--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(--animation-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-transition: var(--transition-all);--vv-input-text-modifier-floating-element-input-will-change: transform;--vv-input-text-modifier-floating-element-input-transition: var(--transition-all);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change: opacity;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition: var(--transition-opacity);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity: var(--opacity-0);--vv-input-text-modifier-floating-state-focus-within-element-label-transform: translateY(-.8em);--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(.55em);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-input-text-modifier-floating-state-dirty-element-label-transform: translateY(-.8em);--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(.55em);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-input-text-state-disabled-opacity: var(--opacity-50);--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: var(--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);min-height:var(--vv-input-text-element-wrapper-min-height)}: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);margin-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-text-element-input-min-width);block-size:var(--vv-input-text-element-input-block-size)}: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:"";-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);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{-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch-wrapper{padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}: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);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}: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);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}: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);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);padding:var(--vv-input-text-element-icon-padding)}:where(.vv-input-text__icon-left,.vv-input-text > div > :where(svg,[data-icon])){position:var(--vv-input-text-element-icon-left-position);pointer-events:var(--vv-input-text-element-icon-left-pointer-events)}:where(.vv-input-text__icon-right,.vv-input-text input + :where(svg,[data-icon])){position:var(--vv-input-text-element-icon-right-position);pointer-events:var(--vv-input-text-element-icon-right-pointer-events);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);height:var(--vv-input-text-element-actions-group-height)}:where(.vv-input-text__action){cursor:var(--vv-input-text-element-action-cursor)}:where(.vv-input-text__action--focus-visible,.vv-input-text__action.focus-visible,.vv-input-text__action:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){text-shadow:var(--vv-input-text-element-action-state-focus-visible-text-shadow)}: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--focus-visible,.vv-input-text__action-chevron.focus-visible,.vv-input-text__action-chevron:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-input-text-element-action-chevron-state-focus-visible-background-color)}: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-spacing-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) .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: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-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right.vv-input-text){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}.vv-input-text--icon-right .vv-input-text__limit{margin-left:var(--vv-input-text-modifier-icon-right-element-limit-margin-left)}.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)}.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)}.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)}.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)}.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)}.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-spacing-left);margin-right:var(--input-spacing-right)}.vv-input-text--floating .vv-input-text__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-input-text--floating .vv-input-text__hint,.vv-input-text--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-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-spacing-top);padding-bottom:var(--input-spacing-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);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input){will-change:var(--vv-input-text-modifier-floating-element-input-will-change);transition:var(--vv-input-text-modifier-floating-element-input-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::-moz-placeholder{content:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);-moz-transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);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:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);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__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)}
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-align-items: var(--input-label-align-items);--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: var(--transition-colors);--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: var(--transition-transform);--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-line-height: var(--leading-none);--vv-input-text-element-input-min-width: 0;--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-placeholder-text-overlow: ellipsis;--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: var(--opacity-0);--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance: none;--vv-input-text-element-input-pseudo-search-cancel-button-opacity: var(--opacity-0);--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding: 1px;--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-color-swatch-padding: 0;--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-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--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-left-position: var(--input-icon-position);--vv-input-text-element-icon-left-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-position: var(--input-icon-position);--vv-input-text-element-icon-right-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-height: var(--input-min-height);--vv-input-text-element-action-cursor: pointer;--vv-input-text-element-action-state-focus-visible-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-input-text-element-action-chevron-flex: 1;--vv-input-text-element-action-chevron-width: calc(var(--input-icon-width) + var(--input-spacing-left) + var(--input-spacing-right));--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-focus-visible-background-color: var(--color-surface-3);--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(--animation-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-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-transition: var(--transition-all);--vv-input-text-modifier-floating-element-input-will-change: transform;--vv-input-text-modifier-floating-element-input-transition: var(--transition-all);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change: opacity;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition: var(--transition-opacity);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity: var(--opacity-0);--vv-input-text-modifier-floating-state-focus-within-element-label-transform: var(--input-floating-label-transform);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-input-text-modifier-floating-state-dirty-element-label-transform: var(--input-floating-label-transform);--vv-input-text-modifier-floating-state-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-input-text-state-disabled-opacity: var(--opacity-50);--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: var(--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);align-items:var(--vv-input-text-element-label-align-items);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);line-height:var(--vv-input-text-element-input-line-height);padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-text-element-input-min-width);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);text-overlow:var(--vv-input-text-element-input-pseudo-placeholder-text-overlow)}:where(.vv-input-text__input,.vv-input-text input)::placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color);text-overlow:var(--vv-input-text-element-input-pseudo-placeholder-text-overlow)}: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:"";-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);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{-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch-wrapper{padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}: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);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}: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);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}: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);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);padding:var(--vv-input-text-element-icon-padding)}:where(.vv-input-text__icon-left,.vv-input-text > div > :where(svg,[data-icon])){position:var(--vv-input-text-element-icon-left-position);pointer-events:var(--vv-input-text-element-icon-left-pointer-events)}:where(.vv-input-text__icon-right,.vv-input-text input + :where(svg,[data-icon])){position:var(--vv-input-text-element-icon-right-position);pointer-events:var(--vv-input-text-element-icon-right-pointer-events);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);height:var(--vv-input-text-element-actions-group-height)}:where(.vv-input-text__action){cursor:var(--vv-input-text-element-action-cursor)}:where(.vv-input-text__action--focus-visible,.vv-input-text__action.focus-visible,.vv-input-text__action:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){text-shadow:var(--vv-input-text-element-action-state-focus-visible-text-shadow)}: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--focus-visible,.vv-input-text__action-chevron.focus-visible,.vv-input-text__action-chevron:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-input-text-element-action-chevron-state-focus-visible-background-color)}: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-spacing-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) .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: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-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right.vv-input-text){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}.vv-input-text--icon-right .vv-input-text__limit{margin-left:var(--vv-input-text-modifier-icon-right-element-limit-margin-left)}.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)}.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)}.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)}.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)}.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)}.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-spacing-left);margin-right:var(--input-spacing-right)}.vv-input-text--floating .vv-input-text__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-input-text--floating .vv-input-text__hint,.vv-input-text--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-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);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-spacing-top);padding-bottom:var(--input-spacing-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);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input){will-change:var(--vv-input-text-modifier-floating-element-input-will-change);transition:var(--vv-input-text-modifier-floating-element-input-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::-moz-placeholder{content:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);-moz-transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);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:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);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){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}: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__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){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}: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){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}: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-select.css CHANGED Viewed

	@@ -1 +1 @@
1	- :where(:host,:root,.theme){--vv-select-display: var(--input-display);--vv-select-flex: var(--input-flex);--vv-select-flex-direction: var(--input-flex-direction);--vv-select-margin-bottom: var(--input-gap);--vv-select-font-size: var(--input-font-size);--vv-select-line-height: var(--input-line-height);--vv-select-user-select: none;--vv-select-min-width: var(--input-min-width);--vv-select-element-label-display: var(--input-label-display);--vv-select-element-label-font-size: var(--input-label-font-size);--vv-select-element-label-color: var(--input-label-color);--vv-select-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-select-element-label-white-space: var(--input-label-white-space);--vv-select-element-label-text-overflow: var(--input-label-text-overflow);--vv-select-element-label-overflow: var(--input-label-overflow);--vv-select-element-label-max-width: var(--input-label-max-width);--vv-select-element-wrapper-position: relative;--vv-select-element-wrapper-display: flex;--vv-select-element-wrapper-align-items: center;--vv-select-element-wrapper-flex: 1;--vv-select-element-wrapper-background-color: var(--input-background-color);--vv-select-element-wrapper-will-change: background-color;--vv-select-element-wrapper-transition: var(--transition-colors);--vv-select-element-wrapper-pseudo-before-position: absolute;--vv-select-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-select-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-select-element-wrapper-pseudo-after-position: absolute;--vv-select-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-select-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-after-background: var(--color-brand);--vv-select-element-wrapper-pseudo-after-transform: scaleX(0);--vv-select-element-wrapper-pseudo-after-transform-origin: left;--vv-select-element-wrapper-pseudo-after-will-change: transform;--vv-select-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-select-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-select-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-select-element-wrapper-state-open-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-open-pseudo-after-transform: scaleX(1);--vv-select-element-input-display: flex;--vv-select-element-input-align-items: center;--vv-select-element-input-flex: 1;--vv-select-element-input-color: var(--input-placeholder-color);--vv-select-element-input-background-image: var(--bg-chevron);--vv-select-element-input-background-repeat: no-repeat;--vv-select-element-input-background-size: 1em;--vv-select-element-input-min-height: var(--spacing-50);--vv-select-element-input-state-disabled-cursor: not-allowed;--vv-select-element-input-pseudo-marker-display: none;--vv-select-element-input-pseudo--webkit-details-marker-display: none;--vv-select-element-icon-margin: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-select-element-icon-position: var(--input-icon-position);--vv-select-element-icon-width: var(--input-icon-width);--vv-select-element-icon-height: var(--input-icon-height);--vv-select-element-icon-padding: var(--input-icon-padding);--vv-select-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-select-element-icon-right-right: 0;--vv-select-element-hint-display: var(--input-hint-display);--vv-select-element-hint-font-size: var(--input-hint-font-size);--vv-select-element-hint-color: var(--input-hint-color);--vv-select-element-hint-padding-top: var(--input-hint-gap);--vv-select-element-hint-padding-inline: var(--spacing-xs);--vv-select-element-hint-white-space: var(--input-hint-white-space);--vv-select-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-select-element-hint-overflow: var(--input-hint-overflow);--vv-select-element-hint-max-width: var(--input-hint-max-width);--vv-select-modifier-dirty-element-input-color: var(--input-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-valid-element-hint-color: var(--input-valid-color);--vv-select-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-select-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-select-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-select-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-select-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-select-modifier-floating-element-label-position: absolute;--vv-select-modifier-floating-element-label-z-index: 1;--vv-select-modifier-floating-element-label-pointer-events: none;--vv-select-modifier-floating-element-label-font-size: inherit;--vv-select-modifier-floating-element-label-padding-inline: 0;--vv-select-modifier-floating-element-label-margin: 0;--vv-select-modifier-floating-element-label-will-change: transform;--vv-select-modifier-floating-element-label-transform-origin: left;--vv-select-modifier-floating-element-label-transition: var(--transition-all);--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity: var(--opacity-0);--vv-select-modifier-floating-state-dirty-element-label-transform: translateY(-.8em);--vv-select-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-select-modifier-readonly-opacity: var(--opacity-100);--vv-select-modifier-readonly-user-select: text;--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-select-modifier-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-select-modifier-readonly-element-input-background-image: none;--vv-select-modifier-readonly-element-input-cursor: text;--vv-select-state-disabled-opacity: var(--opacity-50);--vv-select-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-select){display:var(--vv-select-display);flex:var(--vv-select-flex);flex-direction:var(--vv-select-flex-direction);margin-bottom:var(--vv-select-margin-bottom);font-size:var(--vv-select-font-size);line-height:var(--vv-select-line-height);-webkit-user-select:var(--vv-select-user-select);-moz-user-select:var(--vv-select-user-select);user-select:var(--vv-select-user-select);min-width:var(--vv-select-min-width)}:where(.vv-select__label,.vv-select > label){display:var(--vv-select-element-label-display);font-size:var(--vv-select-element-label-font-size);color:var(--vv-select-element-label-color);margin:var(--vv-select-element-label-margin);white-space:var(--vv-select-element-label-white-space);text-overflow:var(--vv-select-element-label-text-overflow);overflow:var(--vv-select-element-label-overflow);max-width:var(--vv-select-element-label-max-width)}:where(.vv-select__wrapper){position:var(--vv-select-element-wrapper-position);display:var(--vv-select-element-wrapper-display);align-items:var(--vv-select-element-wrapper-align-items);flex:var(--vv-select-element-wrapper-flex);background-color:var(--vv-select-element-wrapper-background-color);will-change:var(--vv-select-element-wrapper-will-change);transition:var(--vv-select-element-wrapper-transition)}:where(.vv-select__wrapper):before{content:"";position:var(--vv-select-element-wrapper-pseudo-before-position);height:var(--vv-select-element-wrapper-pseudo-before-height);inset:var(--vv-select-element-wrapper-pseudo-before-inset);background:var(--vv-select-element-wrapper-pseudo-before-background)}:where(.vv-select__wrapper):after{content:"";position:var(--vv-select-element-wrapper-pseudo-after-position);height:var(--vv-select-element-wrapper-pseudo-after-height);inset:var(--vv-select-element-wrapper-pseudo-after-inset);background:var(--vv-select-element-wrapper-pseudo-after-background);transform:var(--vv-select-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-select-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-select-element-wrapper-pseudo-after-will-change);transition:var(--vv-select-element-wrapper-pseudo-after-transition)}:where(.vv-select__wrapper--hover,.vv-select__wrapper.hover,.vv-select__wrapper:not([disabled]):hover){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-hover-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-focus-within-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-open-background-color)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-open-pseudo-after-transform)}:where(.vv-select__input,.vv-select select){display:var(--vv-select-element-input-display);align-items:var(--vv-select-element-input-align-items);flex:var(--vv-select-element-input-flex);color:var(--vv-select-element-input-color);padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);background-image:var(--vv-select-element-input-background-image);background-repeat:var(--vv-select-element-input-background-repeat);background-position:right var(--input-spacing-right) center;background-size:var(--vv-select-element-input-background-size);min-height:var(--vv-select-element-input-min-height)}:where(.vv-select__input,.vv-select select)::marker{content:"";display:var(--vv-select-element-input-pseudo-marker-display)}:where(.vv-select__input,.vv-select select)::-webkit-details-marker{content:"";display:var(--vv-select-element-input-pseudo--webkit-details-marker-display)}:where(.vv-select__input--disabled,.vv-select__input.disabled,.vv-select select.disabled,.vv-select__input[disabled],.vv-select select[disabled],.vv-select__input[aria-disabled=true],.vv-select select[aria-disabled=true]){cursor:var(--vv-select-element-input-state-disabled-cursor)}:where(.vv-select__icon,.vv-select :where(svg,[data-icon])){margin:var(--vv-select-element-icon-margin);position:var(--vv-select-element-icon-position);width:var(--vv-select-element-icon-width);height:var(--vv-select-element-icon-height);padding:var(--vv-select-element-icon-padding);pointer-events:var(--vv-select-element-icon-pointer-events)}:where(.vv-select__icon-right,.vv-select select + :where(svg,[data-icon])){right:var(--vv-select-element-icon-right-right)}:where(.vv-select__hint,.vv-select > small){display:var(--vv-select-element-hint-display);font-size:var(--vv-select-element-hint-font-size);color:var(--vv-select-element-hint-color);padding-top:var(--vv-select-element-hint-padding-top);padding-inline:var(--vv-select-element-hint-padding-inline);white-space:var(--vv-select-element-hint-white-space);text-overflow:var(--vv-select-element-hint-text-overflow);overflow:var(--vv-select-element-hint-overflow);max-width:var(--vv-select-element-hint-max-width)}:where(.vv-select:has(select:disabled)),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select:has(select:disabled) .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select--dirty .vv-select__input,.vv-select--dirty select){color:var(--vv-select-modifier-dirty-element-input-color)}:where(.vv-select--icon-left.vv-select){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--icon-right.vv-select){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}.vv-select--valid .vv-select__wrapper:after{content:"";background:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-select--valid .vv-select__hint,.vv-select--valid > small){color:var(--vv-select-modifier-valid-element-hint-color)}:where(.vv-select--valid .vv-select__icon-right,.vv-select--valid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-valid-element-icon-right-color)}.vv-select--invalid .vv-select__wrapper:after{content:"";background:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-select--invalid .vv-select__hint,.vv-select--invalid > small){color:var(--vv-select-modifier-invalid-element-hint-color)}:where(.vv-select--invalid .vv-select__icon-right,.vv-select--invalid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-invalid-element-icon-right-color)}.vv-select--loading .vv-select__wrapper:before{content:"";height:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-background)}.vv-select--loading .vv-select__wrapper:after{content:"";animation:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-select--floating.vv-select){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-select--floating .vv-select__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-select--floating .vv-select__hint,.vv-select--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-select--floating .vv-select__label,.vv-select--floating > label){position:var(--vv-select-modifier-floating-element-label-position);z-index:var(--vv-select-modifier-floating-element-label-z-index);pointer-events:var(--vv-select-modifier-floating-element-label-pointer-events);font-size:var(--vv-select-modifier-floating-element-label-font-size);padding-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);padding-inline:var(--vv-select-modifier-floating-element-label-padding-inline);margin:var(--vv-select-modifier-floating-element-label-margin);will-change:var(--vv-select-modifier-floating-element-label-will-change);transform-origin:var(--vv-select-modifier-floating-element-label-transform-origin);transition:var(--vv-select-modifier-floating-element-label-transition)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select:not(:has(:-moz-placeholder-shown)) .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select:not(:has(:-moz-placeholder-shown)) > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select:not(:has(:placeholder-shown)) .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select:not(:has(:placeholder-shown)) > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(:-moz-placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(:-moz-placeholder-shown)) select){padding-top:calc(var(--input-spacing-top) + .55em);padding-bottom:calc(var(--input-spacing-bottom) - .55em)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(:placeholder-shown)) select){padding-top:calc(var(--input-spacing-top) + .55em);padding-bottom:calc(var(--input-spacing-bottom) - .55em)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(:placeholder-shown)) select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(:-moz-placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(:-moz-placeholder-shown)) select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(:placeholder-shown)) select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--readonly.vv-select){opacity:var(--vv-select-modifier-readonly-opacity);--vv-select-user-select: var(--vv-select-modifier-readonly-user-select)}.vv-select--readonly .vv-select__wrapper:after{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-select--readonly .vv-select__wrapper--hover,.vv-select--readonly .vv-select__wrapper.hover,.vv-select--readonly .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-hover-background-color)}:where(.vv-select--readonly .vv-select__input,.vv-select--readonly select){background-image:var(--vv-select-modifier-readonly-element-input-background-image);cursor:var(--vv-select-modifier-readonly-element-input-cursor)}
1	+ :where(:host,:root,.theme){--vv-select-display: var(--input-display);--vv-select-flex: var(--input-flex);--vv-select-flex-direction: var(--input-flex-direction);--vv-select-margin-bottom: var(--input-gap);--vv-select-font-size: var(--input-font-size);--vv-select-line-height: var(--input-line-height);--vv-select-user-select: none;--vv-select-min-width: var(--input-min-width);--vv-select-element-label-display: var(--input-label-display);--vv-select-element-label-align-items: var(--input-label-align-items);--vv-select-element-label-font-size: var(--input-label-font-size);--vv-select-element-label-color: var(--input-label-color);--vv-select-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-select-element-label-white-space: var(--input-label-white-space);--vv-select-element-label-text-overflow: var(--input-label-text-overflow);--vv-select-element-label-overflow: var(--input-label-overflow);--vv-select-element-label-max-width: var(--input-label-max-width);--vv-select-element-wrapper-position: relative;--vv-select-element-wrapper-display: flex;--vv-select-element-wrapper-align-items: center;--vv-select-element-wrapper-flex: 1;--vv-select-element-wrapper-background-color: var(--input-background-color);--vv-select-element-wrapper-will-change: background-color;--vv-select-element-wrapper-transition: var(--transition-colors);--vv-select-element-wrapper-pseudo-before-position: absolute;--vv-select-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-select-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-select-element-wrapper-pseudo-after-position: absolute;--vv-select-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-select-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-after-background: var(--color-brand);--vv-select-element-wrapper-pseudo-after-transform: scaleX(0);--vv-select-element-wrapper-pseudo-after-transform-origin: left;--vv-select-element-wrapper-pseudo-after-will-change: transform;--vv-select-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-select-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-select-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-select-element-wrapper-state-open-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-open-pseudo-after-transform: scaleX(1);--vv-select-element-input-display: flex;--vv-select-element-input-align-items: center;--vv-select-element-input-flex: 1;--vv-select-element-input-color: var(--input-placeholder-color);--vv-select-element-input-background-image: var(--bg-chevron);--vv-select-element-input-background-repeat: no-repeat;--vv-select-element-input-background-size: 1em;--vv-select-element-input-min-height: var(--input-min-height);--vv-select-element-input-state-disabled-cursor: not-allowed;--vv-select-element-input-pseudo-marker-display: none;--vv-select-element-input-pseudo--webkit-details-marker-display: none;--vv-select-element-icon-margin: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-select-element-icon-position: var(--input-icon-position);--vv-select-element-icon-width: var(--input-icon-width);--vv-select-element-icon-height: var(--input-icon-height);--vv-select-element-icon-padding: var(--input-icon-padding);--vv-select-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-select-element-icon-right-right: 0;--vv-select-element-hint-display: var(--input-hint-display);--vv-select-element-hint-font-size: var(--input-hint-font-size);--vv-select-element-hint-color: var(--input-hint-color);--vv-select-element-hint-padding-top: var(--input-hint-gap);--vv-select-element-hint-padding-inline: var(--spacing-xs);--vv-select-element-hint-white-space: var(--input-hint-white-space);--vv-select-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-select-element-hint-overflow: var(--input-hint-overflow);--vv-select-element-hint-max-width: var(--input-hint-max-width);--vv-select-modifier-dirty-element-input-color: var(--input-color);--vv-select-modifier-multiple-element-wrapper-align-items: flex-start;--vv-select-modifier-multiple-element-input-overflow: auto;--vv-select-modifier-multiple-element-input-background-image: none;--vv-select-modifier-multiple-element-input-padding: 0;--vv-select-modifier-multiple-element-option-min-height: var(--input-min-height);--vv-select-modifier-multiple-element-option-display: flex;--vv-select-modifier-multiple-element-option-align-items: center;--vv-select-modifier-multiple-element-option-color: var(--input-color);--vv-select-modifier-multiple-element-option-state-checked-color: var(--color-brand);--vv-select-modifier-multiple-element-option-state-checked-background-color: var(--color-surface-brand);--vv-select-modifier-multiple-element-option-state-disabled-color: var(--input-placeholder-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-valid-element-hint-color: var(--input-valid-color);--vv-select-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-select-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-select-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-select-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-select-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-select-modifier-floating-element-label-position: absolute;--vv-select-modifier-floating-element-label-z-index: 1;--vv-select-modifier-floating-element-label-min-height: var(--input-min-height);--vv-select-modifier-floating-element-label-pointer-events: none;--vv-select-modifier-floating-element-label-font-size: inherit;--vv-select-modifier-floating-element-label-padding-inline: 0;--vv-select-modifier-floating-element-label-margin: 0;--vv-select-modifier-floating-element-label-will-change: transform;--vv-select-modifier-floating-element-label-transform-origin: left;--vv-select-modifier-floating-element-label-transition: var(--transition-all);--vv-select-modifier-floating-element-input-opacity: var(--opacity-0);--vv-select-modifier-floating-state-focus-within-element-label-transform: var(--input-floating-label-transform);--vv-select-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-select-modifier-floating-state-focus-within-element-input-opacity: var(--opacity-100);--vv-select-modifier-floating-modifier-dirty-element-label-transform: var(--input-floating-label-transform);--vv-select-modifier-floating-modifier-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-select-modifier-floating-modifier-dirty-element-input-opacity: var(--opacity-100);--vv-select-modifier-readonly-opacity: var(--opacity-100);--vv-select-modifier-readonly-user-select: text;--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-select-modifier-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-select-modifier-readonly-element-input-background-image: none;--vv-select-modifier-readonly-element-input-cursor: text;--vv-select-state-disabled-opacity: var(--opacity-50);--vv-select-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-select){display:var(--vv-select-display);flex:var(--vv-select-flex);flex-direction:var(--vv-select-flex-direction);margin-bottom:var(--vv-select-margin-bottom);font-size:var(--vv-select-font-size);line-height:var(--vv-select-line-height);-webkit-user-select:var(--vv-select-user-select);-moz-user-select:var(--vv-select-user-select);user-select:var(--vv-select-user-select);min-width:var(--vv-select-min-width)}:where(.vv-select__label,.vv-select > label){display:var(--vv-select-element-label-display);align-items:var(--vv-select-element-label-align-items);font-size:var(--vv-select-element-label-font-size);color:var(--vv-select-element-label-color);margin:var(--vv-select-element-label-margin);white-space:var(--vv-select-element-label-white-space);text-overflow:var(--vv-select-element-label-text-overflow);overflow:var(--vv-select-element-label-overflow);max-width:var(--vv-select-element-label-max-width)}:where(.vv-select__wrapper){position:var(--vv-select-element-wrapper-position);display:var(--vv-select-element-wrapper-display);align-items:var(--vv-select-element-wrapper-align-items);flex:var(--vv-select-element-wrapper-flex);background-color:var(--vv-select-element-wrapper-background-color);will-change:var(--vv-select-element-wrapper-will-change);transition:var(--vv-select-element-wrapper-transition)}:where(.vv-select__wrapper):before{content:"";position:var(--vv-select-element-wrapper-pseudo-before-position);height:var(--vv-select-element-wrapper-pseudo-before-height);inset:var(--vv-select-element-wrapper-pseudo-before-inset);background:var(--vv-select-element-wrapper-pseudo-before-background)}:where(.vv-select__wrapper):after{content:"";position:var(--vv-select-element-wrapper-pseudo-after-position);height:var(--vv-select-element-wrapper-pseudo-after-height);inset:var(--vv-select-element-wrapper-pseudo-after-inset);background:var(--vv-select-element-wrapper-pseudo-after-background);transform:var(--vv-select-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-select-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-select-element-wrapper-pseudo-after-will-change);transition:var(--vv-select-element-wrapper-pseudo-after-transition)}:where(.vv-select__wrapper--hover,.vv-select__wrapper.hover,.vv-select__wrapper:not([disabled]):hover){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-hover-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-focus-within-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-open-background-color)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-open-pseudo-after-transform)}:where(.vv-select__input,.vv-select select){display:var(--vv-select-element-input-display);align-items:var(--vv-select-element-input-align-items);flex:var(--vv-select-element-input-flex);color:var(--vv-select-element-input-color);padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);background-image:var(--vv-select-element-input-background-image);background-repeat:var(--vv-select-element-input-background-repeat);background-position:right var(--input-spacing-right) center;background-size:var(--vv-select-element-input-background-size);min-height:var(--vv-select-element-input-min-height)}:where(.vv-select__input,.vv-select select)::marker{content:"";display:var(--vv-select-element-input-pseudo-marker-display)}:where(.vv-select__input,.vv-select select)::-webkit-details-marker{content:"";display:var(--vv-select-element-input-pseudo--webkit-details-marker-display)}:where(.vv-select__input--disabled,.vv-select__input.disabled,.vv-select select.disabled,.vv-select__input[disabled],.vv-select select[disabled],.vv-select__input[aria-disabled=true],.vv-select select[aria-disabled=true]){cursor:var(--vv-select-element-input-state-disabled-cursor)}:where(.vv-select__icon,.vv-select :where(svg,[data-icon])){margin:var(--vv-select-element-icon-margin);position:var(--vv-select-element-icon-position);width:var(--vv-select-element-icon-width);height:var(--vv-select-element-icon-height);padding:var(--vv-select-element-icon-padding);pointer-events:var(--vv-select-element-icon-pointer-events)}:where(.vv-select__icon-right,.vv-select select + :where(svg,[data-icon])){right:var(--vv-select-element-icon-right-right)}:where(.vv-select__hint,.vv-select > small){display:var(--vv-select-element-hint-display);font-size:var(--vv-select-element-hint-font-size);color:var(--vv-select-element-hint-color);padding-top:var(--vv-select-element-hint-padding-top);padding-inline:var(--vv-select-element-hint-padding-inline);white-space:var(--vv-select-element-hint-white-space);text-overflow:var(--vv-select-element-hint-text-overflow);overflow:var(--vv-select-element-hint-overflow);max-width:var(--vv-select-element-hint-max-width)}:where(.vv-select:has(select:disabled)),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select:has(select:disabled) .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select--dirty .vv-select__input,.vv-select--dirty select){color:var(--vv-select-modifier-dirty-element-input-color)}.vv-select--multiple .vv-select__wrapper{align-items:var(--vv-select-modifier-multiple-element-wrapper-align-items)}:where(.vv-select--multiple .vv-select__input,.vv-select--multiple select){overflow:var(--vv-select-modifier-multiple-element-input-overflow);background-image:var(--vv-select-modifier-multiple-element-input-background-image);padding:var(--vv-select-modifier-multiple-element-input-padding)}:where(.vv-select--multiple .vv-select__option,.vv-select--multiple select > option){padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);min-height:var(--vv-select-modifier-multiple-element-option-min-height);display:var(--vv-select-modifier-multiple-element-option-display);align-items:var(--vv-select-modifier-multiple-element-option-align-items);color:var(--vv-select-modifier-multiple-element-option-color)}:where(.vv-select--multiple .vv-select__option--checked,.vv-select--multiple .vv-select__option.checked,.vv-select--multiple select > option.checked,.vv-select--multiple .vv-select__option:checked,.vv-select--multiple select > option:checked){--vv-select-modifier-multiple-element-option-color: var(--vv-select-modifier-multiple-element-option-state-checked-color);background-color:var(--vv-select-modifier-multiple-element-option-state-checked-background-color)}:where(.vv-select--multiple .vv-select__option--disabled,.vv-select--multiple .vv-select__option.disabled,.vv-select--multiple select > option.disabled,.vv-select--multiple .vv-select__option[disabled],.vv-select--multiple select > option[disabled],.vv-select--multiple .vv-select__option[aria-disabled=true],.vv-select--multiple select > option[aria-disabled=true]){--vv-select-modifier-multiple-element-option-color: var(--vv-select-modifier-multiple-element-option-state-disabled-color)}:where(.vv-select--icon-left.vv-select){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--icon-right.vv-select){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}.vv-select--valid .vv-select__wrapper:after{content:"";background:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-select--valid .vv-select__hint,.vv-select--valid > small){color:var(--vv-select-modifier-valid-element-hint-color)}:where(.vv-select--valid .vv-select__icon-right,.vv-select--valid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-valid-element-icon-right-color)}.vv-select--invalid .vv-select__wrapper:after{content:"";background:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-select--invalid .vv-select__hint,.vv-select--invalid > small){color:var(--vv-select-modifier-invalid-element-hint-color)}:where(.vv-select--invalid .vv-select__icon-right,.vv-select--invalid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-invalid-element-icon-right-color)}.vv-select--loading .vv-select__wrapper:before{content:"";height:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-background)}.vv-select--loading .vv-select__wrapper:after{content:"";animation:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-select--floating.vv-select){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-select--floating .vv-select__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-select--floating .vv-select__hint,.vv-select--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-select--floating .vv-select__label,.vv-select--floating > label){position:var(--vv-select-modifier-floating-element-label-position);z-index:var(--vv-select-modifier-floating-element-label-z-index);min-height:var(--vv-select-modifier-floating-element-label-min-height);pointer-events:var(--vv-select-modifier-floating-element-label-pointer-events);font-size:var(--vv-select-modifier-floating-element-label-font-size);padding-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);padding-inline:var(--vv-select-modifier-floating-element-label-padding-inline);margin:var(--vv-select-modifier-floating-element-label-margin);will-change:var(--vv-select-modifier-floating-element-label-will-change);transform-origin:var(--vv-select-modifier-floating-element-label-transform-origin);transition:var(--vv-select-modifier-floating-element-label-transition)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select){opacity:var(--vv-select-modifier-floating-element-input-opacity)}:where(.vv-select--floating.vv-select--focus-within .vv-select__label,.vv-select--floating.vv-select.focus-within .vv-select__label,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__label,.vv-select--floating.vv-select--focus-within > label,.vv-select--floating.vv-select.focus-within > label,.vv-select--floating.vv-select:not([disabled]):focus-within > label){transform:var(--vv-select-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-select-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom);opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select--dirty > label){transform:var(--vv-select-modifier-floating-modifier-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-modifier-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select--dirty select){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom);opacity:var(--vv-select-modifier-floating-modifier-dirty-element-input-opacity)}:where(.vv-select--readonly.vv-select){opacity:var(--vv-select-modifier-readonly-opacity);--vv-select-user-select: var(--vv-select-modifier-readonly-user-select)}.vv-select--readonly .vv-select__wrapper:after{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-select--readonly .vv-select__wrapper--hover,.vv-select--readonly .vv-select__wrapper.hover,.vv-select--readonly .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-hover-background-color)}:where(.vv-select--readonly .vv-select__input,.vv-select--readonly select){background-image:var(--vv-select-modifier-readonly-element-input-background-image);cursor:var(--vv-select-modifier-readonly-element-input-cursor)}

package/dist/components/vv-textarea.css CHANGED Viewed

	@@ -1 +1 @@
1	- :where(:host,:root,.theme){--vv-textarea-display: var(--input-display);--vv-textarea-flex: var(--input-flex);--vv-textarea-flex-direction: var(--input-flex-direction);--vv-textarea-margin-bottom: var(--input-gap);--vv-textarea-font-size: var(--input-font-size);--vv-textarea-line-height: var(--input-line-height);--vv-textarea-min-width: var(--input-min-width);--vv-textarea-element-label-display: var(--input-label-display);--vv-textarea-element-label-font-size: var(--input-label-font-size);--vv-textarea-element-label-color: var(--input-label-color);--vv-textarea-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-textarea-element-label-white-space: var(--input-label-white-space);--vv-textarea-element-label-text-overflow: var(--input-label-text-overflow);--vv-textarea-element-label-overflow: var(--input-label-overflow);--vv-textarea-element-label-max-width: var(--input-label-max-width);--vv-textarea-element-limit-position: absolute;--vv-textarea-element-limit-right: var(--input-gap);--vv-textarea-element-limit-bottom: var(--input-gap);--vv-textarea-element-limit-font-size: var(--input-hint-font-size);--vv-textarea-element-limit-color: var(--input-hint-color);--vv-textarea-element-wrapper-position: relative;--vv-textarea-element-wrapper-display: flex;--vv-textarea-element-wrapper-align-items: flex-start;--vv-textarea-element-wrapper-flex: 1;--vv-textarea-element-wrapper-overflow: hidden;--vv-textarea-element-wrapper-background-color: var(--input-background-color);--vv-textarea-element-wrapper-will-change: background-color;--vv-textarea-element-wrapper-transition: var(--transition-colors);--vv-textarea-element-wrapper-min-height: var(--spacing-50);--vv-textarea-element-wrapper-pseudo-before-position: absolute;--vv-textarea-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-textarea-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-textarea-element-wrapper-pseudo-after-position: absolute;--vv-textarea-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-textarea-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-after-background: var(--color-brand);--vv-textarea-element-wrapper-pseudo-after-transform: scaleX(0);--vv-textarea-element-wrapper-pseudo-after-transform-origin: left;--vv-textarea-element-wrapper-pseudo-after-will-change: transform;--vv-textarea-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-textarea-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-textarea-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-textarea-element-input-display: block;--vv-textarea-element-input-flex: 1;--vv-textarea-element-input-color: var(--input-color);--vv-textarea-element-input-overflow: auto;--vv-textarea-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-textarea-element-input-state-disabled-cursor: not-allowed;--vv-textarea-element-input-state-readonly-cursor: text;--vv-textarea-element-icon-margin: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-textarea-element-icon-position: var(--input-icon-position);--vv-textarea-element-icon-width: var(--input-icon-width);--vv-textarea-element-icon-height: var(--input-icon-height);--vv-textarea-element-icon-padding: var(--input-icon-padding);--vv-textarea-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-textarea-element-icon-right-right: 0;--vv-textarea-element-actions-group-display: flex;--vv-textarea-element-actions-group-flex-direction: column;--vv-textarea-element-actions-group-position: absolute;--vv-textarea-element-actions-group-right: 0;--vv-textarea-element-actions-group-top: 0;--vv-textarea-element-actions-group-bottom: var(--spacing-px);--vv-textarea-element-hint-display: var(--input-hint-display);--vv-textarea-element-hint-font-size: var(--input-hint-font-size);--vv-textarea-element-hint-color: var(--input-hint-color);--vv-textarea-element-hint-padding-top: var(--input-hint-gap);--vv-textarea-element-hint-padding-inline: var(--spacing-xs);--vv-textarea-element-hint-white-space: var(--input-hint-white-space);--vv-textarea-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-textarea-element-hint-overflow: var(--input-hint-overflow);--vv-textarea-element-hint-max-width: var(--input-hint-max-width);--vv-textarea-modifier-resizable-element-input-resize: vertical;--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-valid-element-hint-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-limit-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-textarea-modifier-floating-element-label-position: absolute;--vv-textarea-modifier-floating-element-label-z-index: 1;--vv-textarea-modifier-floating-element-label-pointer-events: none;--vv-textarea-modifier-floating-element-label-font-size: inherit;--vv-textarea-modifier-floating-element-label-padding-inline: 0;--vv-textarea-modifier-floating-element-label-margin: 0;--vv-textarea-modifier-floating-element-label-will-change: transform;--vv-textarea-modifier-floating-element-label-transition: var(--transition-all);--vv-textarea-modifier-floating-element-input-will-change: transform;--vv-textarea-modifier-floating-element-input-transition: var(--transition-all);--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change: opacity;--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition: var(--transition-opacity);--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity: var(--opacity-0);--vv-textarea-modifier-floating-state-focus-within-element-label-transform: translateY(-.8em);--vv-textarea-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-focus-within-element-input-transform: translateY(.55em);--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-textarea-modifier-floating-state-dirty-element-label-transform: translateY(-.8em);--vv-textarea-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-dirty-element-input-transform: translateY(.55em);--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-textarea-state-disabled-opacity: var(--opacity-50);--vv-textarea-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-textarea-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-textarea){display:var(--vv-textarea-display);flex:var(--vv-textarea-flex);flex-direction:var(--vv-textarea-flex-direction);margin-bottom:var(--vv-textarea-margin-bottom);font-size:var(--vv-textarea-font-size);line-height:var(--vv-textarea-line-height);min-width:var(--vv-textarea-min-width)}:where(.vv-textarea__label,.vv-textarea > label){display:var(--vv-textarea-element-label-display);font-size:var(--vv-textarea-element-label-font-size);color:var(--vv-textarea-element-label-color);margin:var(--vv-textarea-element-label-margin);white-space:var(--vv-textarea-element-label-white-space);text-overflow:var(--vv-textarea-element-label-text-overflow);overflow:var(--vv-textarea-element-label-overflow);max-width:var(--vv-textarea-element-label-max-width)}:where(.vv-textarea__limit){position:var(--vv-textarea-element-limit-position);right:var(--vv-textarea-element-limit-right);bottom:var(--vv-textarea-element-limit-bottom);font-size:var(--vv-textarea-element-limit-font-size);color:var(--vv-textarea-element-limit-color)}:where(.vv-textarea__wrapper){position:var(--vv-textarea-element-wrapper-position);display:var(--vv-textarea-element-wrapper-display);align-items:var(--vv-textarea-element-wrapper-align-items);flex:var(--vv-textarea-element-wrapper-flex);overflow:var(--vv-textarea-element-wrapper-overflow);background-color:var(--vv-textarea-element-wrapper-background-color);will-change:var(--vv-textarea-element-wrapper-will-change);transition:var(--vv-textarea-element-wrapper-transition);min-height:var(--vv-textarea-element-wrapper-min-height)}:where(.vv-textarea__wrapper):before{content:"";position:var(--vv-textarea-element-wrapper-pseudo-before-position);height:var(--vv-textarea-element-wrapper-pseudo-before-height);inset:var(--vv-textarea-element-wrapper-pseudo-before-inset);background:var(--vv-textarea-element-wrapper-pseudo-before-background)}:where(.vv-textarea__wrapper):after{content:"";position:var(--vv-textarea-element-wrapper-pseudo-after-position);height:var(--vv-textarea-element-wrapper-pseudo-after-height);inset:var(--vv-textarea-element-wrapper-pseudo-after-inset);background:var(--vv-textarea-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-textarea-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-textarea-element-wrapper-pseudo-after-will-change);transition:var(--vv-textarea-element-wrapper-pseudo-after-transition)}:where(.vv-textarea__wrapper--hover,.vv-textarea__wrapper.hover,.vv-textarea__wrapper:not([disabled]):hover){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-hover-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within):after{--vv-textarea-element-wrapper-pseudo-after-transform: var(--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-textarea__input,.vv-textarea textarea){display:var(--vv-textarea-element-input-display);flex:var(--vv-textarea-element-input-flex);color:var(--vv-textarea-element-input-color);padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);overflow:var(--vv-textarea-element-input-overflow)}:where(.vv-textarea__input,.vv-textarea textarea)::-moz-placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input,.vv-textarea textarea)::placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input--disabled,.vv-textarea__input.disabled,.vv-textarea textarea.disabled,.vv-textarea__input[disabled],.vv-textarea textarea[disabled],.vv-textarea__input[aria-disabled=true],.vv-textarea textarea[aria-disabled=true]){cursor:var(--vv-textarea-element-input-state-disabled-cursor)}:where(.vv-textarea__input--readonly,.vv-textarea__input.readonly,.vv-textarea textarea.readonly,.vv-textarea__input[readonly],.vv-textarea textarea[readonly]){cursor:var(--vv-textarea-element-input-state-readonly-cursor)}:where(.vv-textarea__icon,.vv-textarea :where(svg,[data-icon])){margin:var(--vv-textarea-element-icon-margin);position:var(--vv-textarea-element-icon-position);width:var(--vv-textarea-element-icon-width);height:var(--vv-textarea-element-icon-height);padding:var(--vv-textarea-element-icon-padding);pointer-events:var(--vv-textarea-element-icon-pointer-events)}:where(.vv-textarea__icon-right,.vv-textarea textarea + :where(svg,[data-icon])){right:var(--vv-textarea-element-icon-right-right)}:where(.vv-textarea__actions-group){display:var(--vv-textarea-element-actions-group-display);flex-direction:var(--vv-textarea-element-actions-group-flex-direction);position:var(--vv-textarea-element-actions-group-position);right:var(--vv-textarea-element-actions-group-right);top:var(--vv-textarea-element-actions-group-top);bottom:var(--vv-textarea-element-actions-group-bottom)}:where(.vv-textarea__hint,.vv-textarea > small){display:var(--vv-textarea-element-hint-display);font-size:var(--vv-textarea-element-hint-font-size);color:var(--vv-textarea-element-hint-color);padding-top:var(--vv-textarea-element-hint-padding-top);padding-inline:var(--vv-textarea-element-hint-padding-inline);white-space:var(--vv-textarea-element-hint-white-space);text-overflow:var(--vv-textarea-element-hint-text-overflow);overflow:var(--vv-textarea-element-hint-overflow);max-width:var(--vv-textarea-element-hint-max-width)}:where(.vv-textarea:has(textarea:disabled)),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea:has(textarea:disabled) .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea--icon-left.vv-textarea){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--icon-right.vv-textarea){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--resizable .vv-textarea__input,.vv-textarea--resizable textarea){resize:var(--vv-textarea-modifier-resizable-element-input-resize)}.vv-textarea--valid .vv-textarea__wrapper:after{content:"";background:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--valid .vv-textarea__hint,.vv-textarea--valid > small){color:var(--vv-textarea-modifier-valid-element-hint-color)}.vv-textarea--valid .vv-textarea__limit{color:var(--vv-textarea-modifier-valid-element-limit-color)}:where(.vv-textarea--valid .vv-textarea__icon-right,.vv-textarea--valid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-valid-element-icon-right-color)}.vv-textarea--invalid .vv-textarea__wrapper:after{content:"";background:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--invalid .vv-textarea__hint,.vv-textarea--invalid > small){color:var(--vv-textarea-modifier-invalid-element-hint-color)}.vv-textarea--invalid .vv-textarea__limit{color:var(--vv-textarea-modifier-invalid-element-limit-color)}:where(.vv-textarea--invalid .vv-textarea__icon-right,.vv-textarea--invalid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-invalid-element-icon-right-color)}.vv-textarea--loading .vv-textarea__wrapper:before{content:"";height:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background)}.vv-textarea--loading .vv-textarea__wrapper:after{content:"";animation:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-textarea--floating.vv-textarea){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-textarea--floating .vv-textarea__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-textarea--floating .vv-textarea__hint,.vv-textarea--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-textarea--floating .vv-textarea__label,.vv-textarea--floating > label){position:var(--vv-textarea-modifier-floating-element-label-position);z-index:var(--vv-textarea-modifier-floating-element-label-z-index);pointer-events:var(--vv-textarea-modifier-floating-element-label-pointer-events);font-size:var(--vv-textarea-modifier-floating-element-label-font-size);padding-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);padding-inline:var(--vv-textarea-modifier-floating-element-label-padding-inline);margin:var(--vv-textarea-modifier-floating-element-label-margin);will-change:var(--vv-textarea-modifier-floating-element-label-will-change);transition:var(--vv-textarea-modifier-floating-element-label-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea){will-change:var(--vv-textarea-modifier-floating-element-input-will-change);transition:var(--vv-textarea-modifier-floating-element-input-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{content:"";will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change);-moz-transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{content:"";will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea--focus-within > label,.vv-textarea--floating.vv-textarea.focus-within > label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within > label){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
1	+ :where(:host,:root,.theme){--vv-textarea-display: var(--input-display);--vv-textarea-flex: var(--input-flex);--vv-textarea-flex-direction: var(--input-flex-direction);--vv-textarea-margin-bottom: var(--input-gap);--vv-textarea-font-size: var(--input-font-size);--vv-textarea-line-height: var(--input-line-height);--vv-textarea-min-width: var(--input-min-width);--vv-textarea-element-label-display: var(--input-label-display);--vv-textarea-element-label-align-items: var(--input-label-align-items);--vv-textarea-element-label-font-size: var(--input-label-font-size);--vv-textarea-element-label-color: var(--input-label-color);--vv-textarea-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-textarea-element-label-white-space: var(--input-label-white-space);--vv-textarea-element-label-text-overflow: var(--input-label-text-overflow);--vv-textarea-element-label-overflow: var(--input-label-overflow);--vv-textarea-element-label-max-width: var(--input-label-max-width);--vv-textarea-element-limit-position: absolute;--vv-textarea-element-limit-right: var(--input-gap);--vv-textarea-element-limit-bottom: var(--input-gap);--vv-textarea-element-limit-font-size: var(--input-hint-font-size);--vv-textarea-element-limit-color: var(--input-hint-color);--vv-textarea-element-wrapper-position: relative;--vv-textarea-element-wrapper-display: flex;--vv-textarea-element-wrapper-align-items: flex-start;--vv-textarea-element-wrapper-flex: 1;--vv-textarea-element-wrapper-overflow: hidden;--vv-textarea-element-wrapper-background-color: var(--input-background-color);--vv-textarea-element-wrapper-will-change: background-color;--vv-textarea-element-wrapper-transition: var(--transition-colors);--vv-textarea-element-wrapper-min-height: var(--input-min-height);--vv-textarea-element-wrapper-pseudo-before-position: absolute;--vv-textarea-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-textarea-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-textarea-element-wrapper-pseudo-after-position: absolute;--vv-textarea-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-textarea-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-after-background: var(--color-brand);--vv-textarea-element-wrapper-pseudo-after-transform: scaleX(0);--vv-textarea-element-wrapper-pseudo-after-transform-origin: left;--vv-textarea-element-wrapper-pseudo-after-will-change: transform;--vv-textarea-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-textarea-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-textarea-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-textarea-element-input-display: block;--vv-textarea-element-input-flex: 1;--vv-textarea-element-input-color: var(--input-color);--vv-textarea-element-input-overflow: auto;--vv-textarea-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-textarea-element-input-pseudo-placeholder-text-overlow: ellipsis;--vv-textarea-element-input-state-disabled-cursor: not-allowed;--vv-textarea-element-input-state-readonly-cursor: text;--vv-textarea-element-icon-margin: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-textarea-element-icon-position: var(--input-icon-position);--vv-textarea-element-icon-width: var(--input-icon-width);--vv-textarea-element-icon-height: var(--input-icon-height);--vv-textarea-element-icon-padding: var(--input-icon-padding);--vv-textarea-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-textarea-element-icon-right-right: 0;--vv-textarea-element-actions-group-display: flex;--vv-textarea-element-actions-group-flex-direction: column;--vv-textarea-element-actions-group-position: absolute;--vv-textarea-element-actions-group-right: 0;--vv-textarea-element-actions-group-top: 0;--vv-textarea-element-actions-group-bottom: var(--spacing-px);--vv-textarea-element-hint-display: var(--input-hint-display);--vv-textarea-element-hint-font-size: var(--input-hint-font-size);--vv-textarea-element-hint-color: var(--input-hint-color);--vv-textarea-element-hint-padding-top: var(--input-hint-gap);--vv-textarea-element-hint-padding-inline: var(--spacing-xs);--vv-textarea-element-hint-white-space: var(--input-hint-white-space);--vv-textarea-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-textarea-element-hint-overflow: var(--input-hint-overflow);--vv-textarea-element-hint-max-width: var(--input-hint-max-width);--vv-textarea-modifier-resizable-element-input-resize: vertical;--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-valid-element-hint-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-limit-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-textarea-modifier-floating-element-label-position: absolute;--vv-textarea-modifier-floating-element-label-z-index: 1;--vv-textarea-modifier-floating-element-label-min-height: var(--input-min-height);--vv-textarea-modifier-floating-element-label-pointer-events: none;--vv-textarea-modifier-floating-element-label-font-size: inherit;--vv-textarea-modifier-floating-element-label-padding-inline: 0;--vv-textarea-modifier-floating-element-label-margin: 0;--vv-textarea-modifier-floating-element-label-will-change: transform;--vv-textarea-modifier-floating-element-label-transition: var(--transition-all);--vv-textarea-modifier-floating-element-input-will-change: transform;--vv-textarea-modifier-floating-element-input-transition: var(--transition-all);--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change: opacity;--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition: var(--transition-opacity);--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity: var(--opacity-0);--vv-textarea-modifier-floating-state-focus-within-element-label-transform: var(--input-floating-label-transform);--vv-textarea-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-textarea-modifier-floating-state-dirty-element-label-transform: var(--input-floating-label-transform);--vv-textarea-modifier-floating-state-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-textarea-state-disabled-opacity: var(--opacity-50);--vv-textarea-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-textarea-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-textarea){display:var(--vv-textarea-display);flex:var(--vv-textarea-flex);flex-direction:var(--vv-textarea-flex-direction);margin-bottom:var(--vv-textarea-margin-bottom);font-size:var(--vv-textarea-font-size);line-height:var(--vv-textarea-line-height);min-width:var(--vv-textarea-min-width)}:where(.vv-textarea__label,.vv-textarea > label){display:var(--vv-textarea-element-label-display);align-items:var(--vv-textarea-element-label-align-items);font-size:var(--vv-textarea-element-label-font-size);color:var(--vv-textarea-element-label-color);margin:var(--vv-textarea-element-label-margin);white-space:var(--vv-textarea-element-label-white-space);text-overflow:var(--vv-textarea-element-label-text-overflow);overflow:var(--vv-textarea-element-label-overflow);max-width:var(--vv-textarea-element-label-max-width)}:where(.vv-textarea__limit){position:var(--vv-textarea-element-limit-position);right:var(--vv-textarea-element-limit-right);bottom:var(--vv-textarea-element-limit-bottom);font-size:var(--vv-textarea-element-limit-font-size);color:var(--vv-textarea-element-limit-color)}:where(.vv-textarea__wrapper){position:var(--vv-textarea-element-wrapper-position);display:var(--vv-textarea-element-wrapper-display);align-items:var(--vv-textarea-element-wrapper-align-items);flex:var(--vv-textarea-element-wrapper-flex);overflow:var(--vv-textarea-element-wrapper-overflow);background-color:var(--vv-textarea-element-wrapper-background-color);will-change:var(--vv-textarea-element-wrapper-will-change);transition:var(--vv-textarea-element-wrapper-transition);min-height:var(--vv-textarea-element-wrapper-min-height)}:where(.vv-textarea__wrapper):before{content:"";position:var(--vv-textarea-element-wrapper-pseudo-before-position);height:var(--vv-textarea-element-wrapper-pseudo-before-height);inset:var(--vv-textarea-element-wrapper-pseudo-before-inset);background:var(--vv-textarea-element-wrapper-pseudo-before-background)}:where(.vv-textarea__wrapper):after{content:"";position:var(--vv-textarea-element-wrapper-pseudo-after-position);height:var(--vv-textarea-element-wrapper-pseudo-after-height);inset:var(--vv-textarea-element-wrapper-pseudo-after-inset);background:var(--vv-textarea-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-textarea-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-textarea-element-wrapper-pseudo-after-will-change);transition:var(--vv-textarea-element-wrapper-pseudo-after-transition)}:where(.vv-textarea__wrapper--hover,.vv-textarea__wrapper.hover,.vv-textarea__wrapper:not([disabled]):hover){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-hover-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within):after{--vv-textarea-element-wrapper-pseudo-after-transform: var(--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-textarea__input,.vv-textarea textarea){display:var(--vv-textarea-element-input-display);flex:var(--vv-textarea-element-input-flex);color:var(--vv-textarea-element-input-color);padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);overflow:var(--vv-textarea-element-input-overflow)}:where(.vv-textarea__input,.vv-textarea textarea)::-moz-placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color);text-overlow:var(--vv-textarea-element-input-pseudo-placeholder-text-overlow)}:where(.vv-textarea__input,.vv-textarea textarea)::placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color);text-overlow:var(--vv-textarea-element-input-pseudo-placeholder-text-overlow)}:where(.vv-textarea__input--disabled,.vv-textarea__input.disabled,.vv-textarea textarea.disabled,.vv-textarea__input[disabled],.vv-textarea textarea[disabled],.vv-textarea__input[aria-disabled=true],.vv-textarea textarea[aria-disabled=true]){cursor:var(--vv-textarea-element-input-state-disabled-cursor)}:where(.vv-textarea__input--readonly,.vv-textarea__input.readonly,.vv-textarea textarea.readonly,.vv-textarea__input[readonly],.vv-textarea textarea[readonly]){cursor:var(--vv-textarea-element-input-state-readonly-cursor)}:where(.vv-textarea__icon,.vv-textarea :where(svg,[data-icon])){margin:var(--vv-textarea-element-icon-margin);position:var(--vv-textarea-element-icon-position);width:var(--vv-textarea-element-icon-width);height:var(--vv-textarea-element-icon-height);padding:var(--vv-textarea-element-icon-padding);pointer-events:var(--vv-textarea-element-icon-pointer-events)}:where(.vv-textarea__icon-right,.vv-textarea textarea + :where(svg,[data-icon])){right:var(--vv-textarea-element-icon-right-right)}:where(.vv-textarea__actions-group){display:var(--vv-textarea-element-actions-group-display);flex-direction:var(--vv-textarea-element-actions-group-flex-direction);position:var(--vv-textarea-element-actions-group-position);right:var(--vv-textarea-element-actions-group-right);top:var(--vv-textarea-element-actions-group-top);bottom:var(--vv-textarea-element-actions-group-bottom)}:where(.vv-textarea__hint,.vv-textarea > small){display:var(--vv-textarea-element-hint-display);font-size:var(--vv-textarea-element-hint-font-size);color:var(--vv-textarea-element-hint-color);padding-top:var(--vv-textarea-element-hint-padding-top);padding-inline:var(--vv-textarea-element-hint-padding-inline);white-space:var(--vv-textarea-element-hint-white-space);text-overflow:var(--vv-textarea-element-hint-text-overflow);overflow:var(--vv-textarea-element-hint-overflow);max-width:var(--vv-textarea-element-hint-max-width)}:where(.vv-textarea:has(textarea:disabled)),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea:has(textarea:disabled) .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea--icon-left.vv-textarea){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--icon-right.vv-textarea){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--resizable .vv-textarea__input,.vv-textarea--resizable textarea){resize:var(--vv-textarea-modifier-resizable-element-input-resize)}.vv-textarea--valid .vv-textarea__wrapper:after{content:"";background:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--valid .vv-textarea__hint,.vv-textarea--valid > small){color:var(--vv-textarea-modifier-valid-element-hint-color)}.vv-textarea--valid .vv-textarea__limit{color:var(--vv-textarea-modifier-valid-element-limit-color)}:where(.vv-textarea--valid .vv-textarea__icon-right,.vv-textarea--valid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-valid-element-icon-right-color)}.vv-textarea--invalid .vv-textarea__wrapper:after{content:"";background:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--invalid .vv-textarea__hint,.vv-textarea--invalid > small){color:var(--vv-textarea-modifier-invalid-element-hint-color)}.vv-textarea--invalid .vv-textarea__limit{color:var(--vv-textarea-modifier-invalid-element-limit-color)}:where(.vv-textarea--invalid .vv-textarea__icon-right,.vv-textarea--invalid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-invalid-element-icon-right-color)}.vv-textarea--loading .vv-textarea__wrapper:before{content:"";height:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background)}.vv-textarea--loading .vv-textarea__wrapper:after{content:"";animation:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-textarea--floating.vv-textarea){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-textarea--floating .vv-textarea__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-textarea--floating .vv-textarea__hint,.vv-textarea--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-textarea--floating .vv-textarea__label,.vv-textarea--floating > label){position:var(--vv-textarea-modifier-floating-element-label-position);z-index:var(--vv-textarea-modifier-floating-element-label-z-index);min-height:var(--vv-textarea-modifier-floating-element-label-min-height);pointer-events:var(--vv-textarea-modifier-floating-element-label-pointer-events);font-size:var(--vv-textarea-modifier-floating-element-label-font-size);padding-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);padding-inline:var(--vv-textarea-modifier-floating-element-label-padding-inline);margin:var(--vv-textarea-modifier-floating-element-label-margin);will-change:var(--vv-textarea-modifier-floating-element-label-will-change);transition:var(--vv-textarea-modifier-floating-element-label-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea){will-change:var(--vv-textarea-modifier-floating-element-input-will-change);transition:var(--vv-textarea-modifier-floating-element-input-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{content:"";will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change);-moz-transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{content:"";will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea--focus-within > label,.vv-textarea--floating.vv-textarea.focus-within > label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within > label){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) textarea){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) textarea){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(:-moz-placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(:placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}