@volverjs/style 0.1.12-beta.10 → 0.1.12-beta.11

package/dist/components/vv-avatar.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-avatar-background-color: var(--color-brand);--vv-avatar-border-radius: var(--rounded);--vv-avatar-color: var(--color-white);--vv-avatar-display: inline-flex;--vv-avatar-position: relative;--vv-avatar-justify-content: center;--vv-avatar-align-items: center;--vv-avatar-font-size: var(--text-12);--vv-avatar-line-height: var(--leading-none);--vv-avatar-width: var(--spacing-28);--vv-avatar-height: var(--spacing-28);--vv-avatar-background-position: center;--vv-avatar-background-size: contain;--vv-avatar-background-repeat: no-repeat;--vv-avatar-object-fit: contain;--vv-avatar-state-focus-outline: var(--spacing-px) solid var(--color-brand);--vv-avatar-state-focus-outline-offset: var(--spacing-0);--vv-avatar-element-badge-position: absolute;--vv-avatar-element-badge-top: 0;--vv-avatar-element-badge-right: 0;--vv-avatar-element-badge-translate: 50% -33.3%;--vv-avatar-element-badge-box-shadow: var(--shadow-sm);--vv-avatar-element-badge-bottom-position: absolute;--vv-avatar-element-badge-bottom-bottom: 0;--vv-avatar-element-badge-bottom-right: 0;--vv-avatar-element-badge-bottom-translate: 50% 33.3%;--vv-avatar-element-badge-bottom-box-shadow: var(--shadow-sm);--vv-avatar-element-image-width: 100%;--vv-avatar-element-image-height: 100%;--vv-avatar-element-image-object-fit: inherit;--vv-avatar-element-image-border-radius: var(--rounded);--vv-avatar-element-image-overflow: hidden;--vv-avatar-modifier-rounded-border-radius: var(--rounded-full);--vv-avatar-modifier-rounded-element-image-border-radius: var(--rounded-full);--vv-avatar-modifier-square-border-radius: var(--rounded-none);--vv-avatar-modifier-square-element-image-border-radius: var(--rounded-none);--vv-avatar-modifier-bordered-border-color: var(--color-brand-darken-3);--vv-avatar-modifier-bordered-border-width: var(--border);--vv-avatar-modifier-bordered-border-style: solid;--vv-avatar-modifier-md-font-size: var(--text-14);--vv-avatar-modifier-md-width: var(--spacing-34);--vv-avatar-modifier-md-height: var(--spacing-34);--vv-avatar-modifier-lg-font-size: var(--text-16);--vv-avatar-modifier-lg-width: var(--spacing-40);--vv-avatar-modifier-lg-height: var(--spacing-40);--vv-avatar-modifier-transparent-background-color: var(--color-transparent);--vv-avatar-modifier-surface-background-color: var(--color-surface-1);--vv-avatar-modifier-surface-border-color: var(--color-surface-3);--vv-avatar-modifier-surface-color: var(--color-word-2);--vv-avatar-modifier-danger-background-color: var(--color-danger);--vv-avatar-modifier-danger-border-color: var(--color-danger-darken-3);--vv-avatar-modifier-success-background-color: var(--color-success);--vv-avatar-modifier-success-border-color: var(--color-success-darken-3);--vv-avatar-modifier-warning-background-color: var(--color-warning-darken-5);--vv-avatar-modifier-warning-border-color: var(--color-warning-darken-3);--vv-avatar-modifier-info-background-color: var(--color-info-darken-5);--vv-avatar-modifier-info-border-color: var(--color-info-darken-3);--vv-avatar-modifier-accent-background-color: var(--color-accent);--vv-avatar-modifier-accent-border-color: var(--color-accent-darken-3);--vv-avatar-modifier-gray-background-color: var(--color-gray-darken-1);--vv-avatar-modifier-gray-border-color: var(--color-gray-darken-3);--vv-avatar-modifier-ring-color: var(--color-brand-darken-3);--vv-avatar-modifier-ring-background-color: var(--color-surface-brand);--vv-avatar-modifier-ring-border-color: currentcolor;--vv-avatar-modifier-ring-border-width: var(--border);--vv-avatar-modifier-ring-border-style: solid;--vv-avatar-modifier-ring-modifier-surface-background-color: var(--color-surface);--vv-avatar-modifier-ring-modifier-surface-color: var(--color-word-2);--vv-avatar-modifier-ring-modifier-danger-background-color: var(--color-surface-danger);--vv-avatar-modifier-ring-modifier-danger-color: var(--color-danger);--vv-avatar-modifier-ring-modifier-success-background-color: var(--color-surface-success);--vv-avatar-modifier-ring-modifier-success-color: var(--color-success-darken-3);--vv-avatar-modifier-ring-modifier-warning-background-color: var(--color-surface-warning);--vv-avatar-modifier-ring-modifier-warning-color: var(--color-warning-darken-5);--vv-avatar-modifier-ring-modifier-info-background-color: var(--color-surface-info);--vv-avatar-modifier-ring-modifier-info-color: var(--color-info-darken-5);--vv-avatar-modifier-ring-modifier-accent-background-color: var(--color-surface-accent);--vv-avatar-modifier-ring-modifier-accent-color: var(--color-accent);--vv-avatar-modifier-ring-modifier-gray-background-color: var(--color-surface-4);--vv-avatar-modifier-ring-modifier-gray-color: var(--color-word-2)}:where(.vv-avatar){background-color:var(--vv-avatar-background-color);border-radius:var(--vv-avatar-border-radius);color:var(--vv-avatar-color);display:var(--vv-avatar-display);position:var(--vv-avatar-position);justify-content:var(--vv-avatar-justify-content);align-items:var(--vv-avatar-align-items);font-size:var(--vv-avatar-font-size);line-height:var(--vv-avatar-line-height);width:var(--vv-avatar-width);height:var(--vv-avatar-height);background-position:var(--vv-avatar-background-position);background-size:var(--vv-avatar-background-size);background-repeat:var(--vv-avatar-background-repeat);-o-object-fit:var(--vv-avatar-object-fit);object-fit:var(--vv-avatar-object-fit)}:where(.vv-avatar__badge,.vv-avatar>sup){position:var(--vv-avatar-element-badge-position);top:var(--vv-avatar-element-badge-top);right:var(--vv-avatar-element-badge-right);translate:var(--vv-avatar-element-badge-translate);box-shadow:var(--vv-avatar-element-badge-box-shadow)}:where(.vv-avatar__badge-bottom,.vv-avatar>sub){position:var(--vv-avatar-element-badge-bottom-position);bottom:var(--vv-avatar-element-badge-bottom-bottom);right:var(--vv-avatar-element-badge-bottom-right);translate:var(--vv-avatar-element-badge-bottom-translate);box-shadow:var(--vv-avatar-element-badge-bottom-box-shadow)}:where(.vv-avatar__image,.vv-avatar>img){width:var(--vv-avatar-element-image-width);height:var(--vv-avatar-element-image-height);-o-object-fit:var(--vv-avatar-element-image-object-fit);object-fit:var(--vv-avatar-element-image-object-fit);border-radius:var(--vv-avatar-element-image-border-radius);overflow:var(--vv-avatar-element-image-overflow)}:where(.vv-avatar--focus,.vv-avatar.focus,.vv-avatar:not([disabled]):focus){outline:var(--vv-avatar-state-focus-outline);outline-offset:var(--vv-avatar-state-focus-outline-offset)}:where(.vv-avatar--rounded.vv-avatar){--vv-avatar-border-radius: var(--vv-avatar-modifier-rounded-border-radius)}:where(.vv-avatar--rounded .vv-avatar__image,.vv-avatar--rounded>img){border-radius:var(--vv-avatar-modifier-rounded-element-image-border-radius)}:where(.vv-avatar--square.vv-avatar){--vv-avatar-border-radius: var(--vv-avatar-modifier-square-border-radius)}:where(.vv-avatar--square .vv-avatar__image,.vv-avatar--square>img){border-radius:var(--vv-avatar-modifier-square-element-image-border-radius)}:where(.vv-avatar--bordered.vv-avatar){border-color:var(--vv-avatar-modifier-bordered-border-color);border-width:var(--vv-avatar-modifier-bordered-border-width);border-style:var(--vv-avatar-modifier-bordered-border-style)}:where(.vv-avatar--md.vv-avatar){--vv-avatar-font-size: var(--vv-avatar-modifier-md-font-size);--vv-avatar-width: var(--vv-avatar-modifier-md-width);--vv-avatar-height: var(--vv-avatar-modifier-md-height)}:where(.vv-avatar--lg.vv-avatar){--vv-avatar-font-size: var(--vv-avatar-modifier-lg-font-size);--vv-avatar-width: var(--vv-avatar-modifier-lg-width);--vv-avatar-height: var(--vv-avatar-modifier-lg-height)}:where(.vv-avatar--transparent.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-transparent-background-color)}:where(.vv-avatar--surface.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-surface-background-color);border-color:var(--vv-avatar-modifier-surface-border-color);--vv-avatar-color: var(--vv-avatar-modifier-surface-color)}:where(.vv-avatar--danger.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-danger-background-color);border-color:var(--vv-avatar-modifier-danger-border-color)}:where(.vv-avatar--success.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-success-background-color);border-color:var(--vv-avatar-modifier-success-border-color)}:where(.vv-avatar--warning.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-warning-background-color);border-color:var(--vv-avatar-modifier-warning-border-color)}:where(.vv-avatar--info.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-info-background-color);border-color:var(--vv-avatar-modifier-info-border-color)}:where(.vv-avatar--accent.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-accent-background-color);border-color:var(--vv-avatar-modifier-accent-border-color)}:where(.vv-avatar--gray.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-gray-background-color);border-color:var(--vv-avatar-modifier-gray-border-color)}:where(.vv-avatar--ring.vv-avatar){--vv-avatar-color: var(--vv-avatar-modifier-ring-color);--vv-avatar-background-color: var(--vv-avatar-modifier-ring-background-color);border-color:var(--vv-avatar-modifier-ring-border-color);border-width:var(--vv-avatar-modifier-ring-border-width);border-style:var(--vv-avatar-modifier-ring-border-style)}:where(.vv-avatar--ring.vv-avatar--surface.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-surface-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-surface-color)}:where(.vv-avatar--ring.vv-avatar--danger.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-danger-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-danger-color)}:where(.vv-avatar--ring.vv-avatar--success.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-success-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-success-color)}:where(.vv-avatar--ring.vv-avatar--warning.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-warning-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-warning-color)}:where(.vv-avatar--ring.vv-avatar--info.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-info-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-info-color)}:where(.vv-avatar--ring.vv-avatar--accent.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-accent-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-accent-color)}:where(.vv-avatar--ring.vv-avatar--gray.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-gray-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-gray-color)}
+:where(:host,:root,.theme){--vv-avatar-background-color: var(--color-brand);--vv-avatar-border-radius: var(--rounded);--vv-avatar-color: var(--color-white);--vv-avatar-display: inline-flex;--vv-avatar-position: relative;--vv-avatar-justify-content: center;--vv-avatar-align-items: center;--vv-avatar-font-size: var(--text-12);--vv-avatar-line-height: var(--leading-none);--vv-avatar-width: var(--spacing-28);--vv-avatar-height: var(--spacing-28);--vv-avatar-background-position: center;--vv-avatar-background-size: contain;--vv-avatar-background-repeat: no-repeat;--vv-avatar-object-fit: contain;--vv-avatar-flex-shrink: 0;--vv-avatar-state-focus-outline: var(--spacing-px) solid var(--color-brand);--vv-avatar-state-focus-outline-offset: var(--spacing-0);--vv-avatar-element-badge-position: absolute;--vv-avatar-element-badge-top: 0;--vv-avatar-element-badge-right: 0;--vv-avatar-element-badge-translate: 50% -33.3%;--vv-avatar-element-badge-box-shadow: var(--shadow-sm);--vv-avatar-element-badge-bottom-position: absolute;--vv-avatar-element-badge-bottom-bottom: 0;--vv-avatar-element-badge-bottom-right: 0;--vv-avatar-element-badge-bottom-translate: 50% 33.3%;--vv-avatar-element-badge-bottom-box-shadow: var(--shadow-sm);--vv-avatar-element-image-width: 100%;--vv-avatar-element-image-height: 100%;--vv-avatar-element-image-object-fit: inherit;--vv-avatar-element-image-border-radius: var(--rounded);--vv-avatar-element-image-overflow: hidden;--vv-avatar-modifier-rounded-border-radius: var(--rounded-full);--vv-avatar-modifier-rounded-element-image-border-radius: var(--rounded-full);--vv-avatar-modifier-square-border-radius: var(--rounded-none);--vv-avatar-modifier-square-element-image-border-radius: var(--rounded-none);--vv-avatar-modifier-bordered-border-color: var(--color-brand-darken-3);--vv-avatar-modifier-bordered-border-width: var(--border);--vv-avatar-modifier-bordered-border-style: solid;--vv-avatar-modifier-md-font-size: var(--text-14);--vv-avatar-modifier-md-width: var(--spacing-34);--vv-avatar-modifier-md-height: var(--spacing-34);--vv-avatar-modifier-lg-font-size: var(--text-16);--vv-avatar-modifier-lg-width: var(--spacing-40);--vv-avatar-modifier-lg-height: var(--spacing-40);--vv-avatar-modifier-transparent-background-color: var(--color-transparent);--vv-avatar-modifier-surface-background-color: var(--color-surface-2);--vv-avatar-modifier-surface-border-color: var(--color-surface-3);--vv-avatar-modifier-surface-color: var(--color-word-2);--vv-avatar-modifier-danger-background-color: var(--color-danger);--vv-avatar-modifier-danger-border-color: var(--color-danger-darken-3);--vv-avatar-modifier-success-background-color: var(--color-success);--vv-avatar-modifier-success-border-color: var(--color-success-darken-3);--vv-avatar-modifier-warning-background-color: var(--color-warning-darken-5);--vv-avatar-modifier-warning-border-color: var(--color-warning-darken-3);--vv-avatar-modifier-info-background-color: var(--color-info-darken-5);--vv-avatar-modifier-info-border-color: var(--color-info-darken-3);--vv-avatar-modifier-accent-background-color: var(--color-accent);--vv-avatar-modifier-accent-border-color: var(--color-accent-darken-3);--vv-avatar-modifier-gray-background-color: var(--color-gray-darken-1);--vv-avatar-modifier-gray-border-color: var(--color-gray-darken-3);--vv-avatar-modifier-ring-color: var(--color-brand-darken-3);--vv-avatar-modifier-ring-background-color: var(--color-surface-brand);--vv-avatar-modifier-ring-border-color: currentcolor;--vv-avatar-modifier-ring-border-width: var(--border);--vv-avatar-modifier-ring-border-style: solid;--vv-avatar-modifier-ring-modifier-surface-background-color: var(--color-surface);--vv-avatar-modifier-ring-modifier-surface-color: var(--color-word-2);--vv-avatar-modifier-ring-modifier-danger-background-color: var(--color-surface-danger);--vv-avatar-modifier-ring-modifier-danger-color: var(--color-danger);--vv-avatar-modifier-ring-modifier-success-background-color: var(--color-surface-success);--vv-avatar-modifier-ring-modifier-success-color: var(--color-success-darken-3);--vv-avatar-modifier-ring-modifier-warning-background-color: var(--color-surface-warning);--vv-avatar-modifier-ring-modifier-warning-color: var(--color-warning-darken-5);--vv-avatar-modifier-ring-modifier-info-background-color: var(--color-surface-info);--vv-avatar-modifier-ring-modifier-info-color: var(--color-info-darken-5);--vv-avatar-modifier-ring-modifier-accent-background-color: var(--color-surface-accent);--vv-avatar-modifier-ring-modifier-accent-color: var(--color-accent);--vv-avatar-modifier-ring-modifier-gray-background-color: var(--color-surface-4);--vv-avatar-modifier-ring-modifier-gray-color: var(--color-word-2)}:where(.vv-avatar){background-color:var(--vv-avatar-background-color);border-radius:var(--vv-avatar-border-radius);color:var(--vv-avatar-color);display:var(--vv-avatar-display);position:var(--vv-avatar-position);justify-content:var(--vv-avatar-justify-content);align-items:var(--vv-avatar-align-items);font-size:var(--vv-avatar-font-size);line-height:var(--vv-avatar-line-height);width:var(--vv-avatar-width);height:var(--vv-avatar-height);background-position:var(--vv-avatar-background-position);background-size:var(--vv-avatar-background-size);background-repeat:var(--vv-avatar-background-repeat);-o-object-fit:var(--vv-avatar-object-fit);object-fit:var(--vv-avatar-object-fit);flex-shrink:var(--vv-avatar-flex-shrink)}:where(.vv-avatar__badge,.vv-avatar>sup){position:var(--vv-avatar-element-badge-position);top:var(--vv-avatar-element-badge-top);right:var(--vv-avatar-element-badge-right);translate:var(--vv-avatar-element-badge-translate);box-shadow:var(--vv-avatar-element-badge-box-shadow)}:where(.vv-avatar__badge-bottom,.vv-avatar>sub){position:var(--vv-avatar-element-badge-bottom-position);bottom:var(--vv-avatar-element-badge-bottom-bottom);right:var(--vv-avatar-element-badge-bottom-right);translate:var(--vv-avatar-element-badge-bottom-translate);box-shadow:var(--vv-avatar-element-badge-bottom-box-shadow)}:where(.vv-avatar__image,.vv-avatar>img){width:var(--vv-avatar-element-image-width);height:var(--vv-avatar-element-image-height);-o-object-fit:var(--vv-avatar-element-image-object-fit);object-fit:var(--vv-avatar-element-image-object-fit);border-radius:var(--vv-avatar-element-image-border-radius);overflow:var(--vv-avatar-element-image-overflow)}:where(.vv-avatar--focus,.vv-avatar.focus,.vv-avatar:not([disabled]):focus){outline:var(--vv-avatar-state-focus-outline);outline-offset:var(--vv-avatar-state-focus-outline-offset)}:where(.vv-avatar--rounded.vv-avatar){--vv-avatar-border-radius: var(--vv-avatar-modifier-rounded-border-radius)}:where(.vv-avatar--rounded .vv-avatar__image,.vv-avatar--rounded>img){border-radius:var(--vv-avatar-modifier-rounded-element-image-border-radius)}:where(.vv-avatar--square.vv-avatar){--vv-avatar-border-radius: var(--vv-avatar-modifier-square-border-radius)}:where(.vv-avatar--square .vv-avatar__image,.vv-avatar--square>img){border-radius:var(--vv-avatar-modifier-square-element-image-border-radius)}:where(.vv-avatar--bordered.vv-avatar){border-color:var(--vv-avatar-modifier-bordered-border-color);border-width:var(--vv-avatar-modifier-bordered-border-width);border-style:var(--vv-avatar-modifier-bordered-border-style)}:where(.vv-avatar--md.vv-avatar){--vv-avatar-font-size: var(--vv-avatar-modifier-md-font-size);--vv-avatar-width: var(--vv-avatar-modifier-md-width);--vv-avatar-height: var(--vv-avatar-modifier-md-height)}:where(.vv-avatar--lg.vv-avatar){--vv-avatar-font-size: var(--vv-avatar-modifier-lg-font-size);--vv-avatar-width: var(--vv-avatar-modifier-lg-width);--vv-avatar-height: var(--vv-avatar-modifier-lg-height)}:where(.vv-avatar--transparent.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-transparent-background-color)}:where(.vv-avatar--surface.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-surface-background-color);border-color:var(--vv-avatar-modifier-surface-border-color);--vv-avatar-color: var(--vv-avatar-modifier-surface-color)}:where(.vv-avatar--danger.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-danger-background-color);border-color:var(--vv-avatar-modifier-danger-border-color)}:where(.vv-avatar--success.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-success-background-color);border-color:var(--vv-avatar-modifier-success-border-color)}:where(.vv-avatar--warning.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-warning-background-color);border-color:var(--vv-avatar-modifier-warning-border-color)}:where(.vv-avatar--info.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-info-background-color);border-color:var(--vv-avatar-modifier-info-border-color)}:where(.vv-avatar--accent.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-accent-background-color);border-color:var(--vv-avatar-modifier-accent-border-color)}:where(.vv-avatar--gray.vv-avatar){--vv-avatar-background-color: var(--vv-avatar-modifier-gray-background-color);border-color:var(--vv-avatar-modifier-gray-border-color)}:where(.vv-avatar--ring.vv-avatar){--vv-avatar-color: var(--vv-avatar-modifier-ring-color);--vv-avatar-background-color: var(--vv-avatar-modifier-ring-background-color);border-color:var(--vv-avatar-modifier-ring-border-color);border-width:var(--vv-avatar-modifier-ring-border-width);border-style:var(--vv-avatar-modifier-ring-border-style)}:where(.vv-avatar--ring.vv-avatar--surface.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-surface-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-surface-color)}:where(.vv-avatar--ring.vv-avatar--danger.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-danger-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-danger-color)}:where(.vv-avatar--ring.vv-avatar--success.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-success-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-success-color)}:where(.vv-avatar--ring.vv-avatar--warning.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-warning-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-warning-color)}:where(.vv-avatar--ring.vv-avatar--info.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-info-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-info-color)}:where(.vv-avatar--ring.vv-avatar--accent.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-accent-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-accent-color)}:where(.vv-avatar--ring.vv-avatar--gray.vv-avatar){--vv-avatar-modifier-ring-background-color: var(--vv-avatar-modifier-ring-modifier-gray-background-color);--vv-avatar-modifier-ring-color: var(--vv-avatar-modifier-ring-modifier-gray-color)}

package/dist/components/vv-badge.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-badge-border-width: 0;--vv-badge-background-color: var(--color-brand);--vv-badge-border-color: var(--color-brand);--vv-badge-color: var(--color-white);--vv-badge-border-style: solid;--vv-badge-border-radius: .5em;--vv-badge-min-height: 2em;--vv-badge-min-width: 2em;--vv-badge-padding: 0 .5em;--vv-badge-display: inline-flex;--vv-badge-justify-content: center;--vv-badge-align-items: center;--vv-badge-gap: .5ch;--vv-badge-white-space: nowrap;--vv-badge-font-family: var(--font-sans);--vv-badge-font-weight: var(--font-normal);--vv-badge-text-shadow: none;--vv-badge-line-height: var(--leading-none);--vv-badge-overflow: hidden;--vv-badge-flex-shrink: 0;--vv-badge-state-empty-font-size: inherit;--vv-badge-state-empty-min-width: 0;--vv-badge-state-empty-min-height: 0;--vv-badge-state-empty-padding: 0;--vv-badge-state-focus-within-outline-offset: var(--spacing-4);--vv-badge-state-focus-within-outline: var(--spacing-px) solid currentcolor;--vv-badge-element-button-cursor: pointer;--vv-badge-element-button-padding: 0 .5em;--vv-badge-element-button-margin: 0 -.5em;--vv-badge-element-button-min-height: 2em;--vv-badge-element-button-transition: var(--transition-colors);--vv-badge-element-button-state-hover-background-color: var(--color-alpha-3);--vv-badge-element-button-state-active-background-color: var(--color-alpha-5);--vv-badge-modifier-action-gap:calc(.5ch + .5em);--vv-badge-modifier-rounded-border-radius: 1em;--vv-badge-modifier-white-background-color: hsla(var(--color-white-hue) var(--color-white-saturation) var(--color-white-lightness)/80%);--vv-badge-modifier-white-color: var(--color-black);--vv-badge-modifier-black-background-color: hsla(var(--color-black-hue) var(--color-black-saturation) var(--color-black-lightness)/80%);--vv-badge-modifier-black-color: var(--color-white);--vv-badge-modifier-danger-background-color: var(--color-danger);--vv-badge-modifier-success-background-color: var(--color-success);--vv-badge-modifier-warning-background-color: var(--color-warning-darken-5);--vv-badge-modifier-info-background-color: var(--color-info-darken-5);--vv-badge-modifier-accent-background-color: var(--color-accent);--vv-badge-modifier-gray-background-color: var(--color-gray-darken-1);--vv-badge-modifier-outline-border-width: var(--border);--vv-badge-modifier-outline-color: var(--color-brand);--vv-badge-modifier-outline-border-color: currentcolor;--vv-badge-modifier-outline-background-color: transparent;--vv-badge-modifier-outline-modifier-danger-color: var(--color-danger);--vv-badge-modifier-outline-modifier-success-color: var(--color-success);--vv-badge-modifier-outline-modifier-warning-color: var(--color-warning-darken-5);--vv-badge-modifier-outline-modifier-info-color: var(--color-info-darken-5);--vv-badge-modifier-outline-modifier-accent-color: var(--color-accent);--vv-badge-modifier-outline-modifier-gray-color: var(--color-gray-darken-1);--vv-badge-modifier-ghost-background-color: transparent;--vv-badge-modifier-ghost-color: var(--color-brand);--vv-badge-modifier-ghost-modifier-danger-color: var(--color-danger);--vv-badge-modifier-ghost-modifier-success-color: var(--color-success);--vv-badge-modifier-ghost-modifier-warning-color: var(--color-warning-darken-5);--vv-badge-modifier-ghost-modifier-info-color: var(--color-info-darken-5);--vv-badge-modifier-ghost-modifier-accent-color: var(--color-accent);--vv-badge-modifier-ghost-modifier-gray-color: var(--color-gray-darken-1)}:where(.vv-badge){--badge-font-size: .7rem;font-size:var(--badge-font-size);border-width:var(--vv-badge-border-width);background-color:var(--vv-badge-background-color);border-color:var(--vv-badge-border-color);color:var(--vv-badge-color);border-style:var(--vv-badge-border-style);border-radius:var(--vv-badge-border-radius);min-height:var(--vv-badge-min-height);min-width:var(--vv-badge-min-width);padding:var(--vv-badge-padding);display:var(--vv-badge-display);justify-content:var(--vv-badge-justify-content);align-items:var(--vv-badge-align-items);gap:var(--vv-badge-gap);white-space:var(--vv-badge-white-space);font-family:var(--vv-badge-font-family);font-weight:var(--vv-badge-font-weight);text-shadow:var(--vv-badge-text-shadow);line-height:var(--vv-badge-line-height);overflow:var(--vv-badge-overflow);flex-shrink:var(--vv-badge-flex-shrink)}:where(.vv-badge__button,.vv-badge>button){cursor:var(--vv-badge-element-button-cursor);padding:var(--vv-badge-element-button-padding);margin:var(--vv-badge-element-button-margin);min-height:var(--vv-badge-element-button-min-height);transition:var(--vv-badge-element-button-transition)}:where(.vv-badge__button--hover,.vv-badge__button.hover,.vv-badge>button.hover,.vv-badge__button:not([disabled]):hover,.vv-badge>button:not([disabled]):hover){background-color:var(--vv-badge-element-button-state-hover-background-color)}:where(.vv-badge__button--active,.vv-badge__button.active,.vv-badge>button.active,.vv-badge__button:not([disabled]):active,.vv-badge>button:not([disabled]):active){background-color:var(--vv-badge-element-button-state-active-background-color)}:where(.vv-badge--empty,.vv-badge.empty,.vv-badge:not([disabled]):empty){font-size:var(--vv-badge-state-empty-font-size);--vv-badge-min-width: var(--vv-badge-state-empty-min-width);--vv-badge-min-height: var(--vv-badge-state-empty-min-height);width:var(--badge-font-size);height:var(--badge-font-size);border-radius:calc(var(--badge-font-size) * .5);--vv-badge-padding: var(--vv-badge-state-empty-padding)}:where(.vv-badge--focus-within,.vv-badge.focus-within,.vv-badge:not([disabled]):focus-within){outline-offset:var(--vv-badge-state-focus-within-outline-offset);outline:var(--vv-badge-state-focus-within-outline)}:where(.vv-badge--action.vv-badge){--vv-badge-gap: var(--vv-badge-modifier-action-gap)}:where(.vv-badge--sm.vv-badge){--badge-font-size: .6rem}:where(.vv-badge--rounded.vv-badge){--vv-badge-border-radius: var(--vv-badge-modifier-rounded-border-radius)}:where(.vv-badge--white.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-white-background-color);--vv-badge-color: var(--vv-badge-modifier-white-color)}:where(.vv-badge--black.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-black-background-color);--vv-badge-color: var(--vv-badge-modifier-black-color)}:where(.vv-badge--danger.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-danger-background-color)}:where(.vv-badge--success.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-success-background-color)}:where(.vv-badge--warning.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-warning-background-color)}:where(.vv-badge--info.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-info-background-color)}:where(.vv-badge--accent.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-accent-background-color)}:where(.vv-badge--gray.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-gray-background-color)}:where(.vv-badge--outline.vv-badge){--vv-badge-border-width: var(--vv-badge-modifier-outline-border-width);--vv-badge-color: var(--vv-badge-modifier-outline-color);--vv-badge-border-color: var(--vv-badge-modifier-outline-border-color);--vv-badge-background-color: var(--vv-badge-modifier-outline-background-color)}:where(.vv-badge--outline.vv-badge--danger.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-danger-color)}:where(.vv-badge--outline.vv-badge--success.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-success-color)}:where(.vv-badge--outline.vv-badge--warning.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-warning-color)}:where(.vv-badge--outline.vv-badge--info.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-info-color)}:where(.vv-badge--outline.vv-badge--accent.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-accent-color)}:where(.vv-badge--outline.vv-badge--gray.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-gray-color)}:where(.vv-badge--ghost.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-ghost-background-color);--vv-badge-color: var(--vv-badge-modifier-ghost-color)}:where(.vv-badge--ghost.vv-badge--danger.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-danger-color)}:where(.vv-badge--ghost.vv-badge--success.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-success-color)}:where(.vv-badge--ghost.vv-badge--warning.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-warning-color)}:where(.vv-badge--ghost.vv-badge--info.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-info-color)}:where(.vv-badge--ghost.vv-badge--accent.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-accent-color)}:where(.vv-badge--ghost.vv-badge--gray.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-gray-color)}
+:where(:host,:root,.theme){--vv-badge-border-width: 0;--vv-badge-background-color: var(--color-brand);--vv-badge-border-color: var(--color-brand);--vv-badge-color: var(--color-white);--vv-badge-border-style: solid;--vv-badge-border-radius: .5em;--vv-badge-min-height: 2em;--vv-badge-min-width: 2em;--vv-badge-padding: 0 .5em;--vv-badge-display: inline-flex;--vv-badge-justify-content: center;--vv-badge-align-items: center;--vv-badge-gap: .5ch;--vv-badge-white-space: nowrap;--vv-badge-font-family: var(--font-sans);--vv-badge-font-weight: var(--font-normal);--vv-badge-text-shadow: none;--vv-badge-line-height: var(--leading-none);--vv-badge-overflow: hidden;--vv-badge-flex-shrink: 0;--vv-badge-vertical-align: middle;--vv-badge-state-empty-font-size: inherit;--vv-badge-state-empty-min-width: 0;--vv-badge-state-empty-min-height: 0;--vv-badge-state-empty-padding: 0;--vv-badge-state-focus-within-outline-offset: var(--spacing-4);--vv-badge-state-focus-within-outline: var(--spacing-px) solid currentcolor;--vv-badge-element-button-cursor: pointer;--vv-badge-element-button-padding: 0 .5em;--vv-badge-element-button-margin: 0 -.5em;--vv-badge-element-button-min-height: 2em;--vv-badge-element-button-transition: var(--transition-colors);--vv-badge-element-button-state-hover-background-color: var(--color-alpha-3);--vv-badge-element-button-state-active-background-color: var(--color-alpha-5);--vv-badge-modifier-action-gap:calc(.5ch + .5em);--vv-badge-modifier-rounded-border-radius: 1em;--vv-badge-modifier-white-background-color: hsla(var(--color-white-hue) var(--color-white-saturation) var(--color-white-lightness)/80%);--vv-badge-modifier-white-color: var(--color-black);--vv-badge-modifier-black-background-color: hsla(var(--color-black-hue) var(--color-black-saturation) var(--color-black-lightness)/80%);--vv-badge-modifier-black-color: var(--color-white);--vv-badge-modifier-danger-background-color: var(--color-danger);--vv-badge-modifier-success-background-color: var(--color-success);--vv-badge-modifier-warning-background-color: var(--color-warning-darken-5);--vv-badge-modifier-info-background-color: var(--color-info-darken-5);--vv-badge-modifier-accent-background-color: var(--color-accent);--vv-badge-modifier-gray-background-color: var(--color-gray-darken-1);--vv-badge-modifier-outline-border-width: var(--border);--vv-badge-modifier-outline-color: var(--color-brand);--vv-badge-modifier-outline-border-color: currentcolor;--vv-badge-modifier-outline-background-color: transparent;--vv-badge-modifier-outline-modifier-danger-color: var(--color-danger);--vv-badge-modifier-outline-modifier-success-color: var(--color-success);--vv-badge-modifier-outline-modifier-warning-color: var(--color-warning-darken-5);--vv-badge-modifier-outline-modifier-info-color: var(--color-info-darken-5);--vv-badge-modifier-outline-modifier-accent-color: var(--color-accent);--vv-badge-modifier-outline-modifier-gray-color: var(--color-gray-darken-1);--vv-badge-modifier-ghost-background-color: transparent;--vv-badge-modifier-ghost-color: var(--color-brand);--vv-badge-modifier-ghost-modifier-danger-color: var(--color-danger);--vv-badge-modifier-ghost-modifier-success-color: var(--color-success);--vv-badge-modifier-ghost-modifier-warning-color: var(--color-warning-darken-5);--vv-badge-modifier-ghost-modifier-info-color: var(--color-info-darken-5);--vv-badge-modifier-ghost-modifier-accent-color: var(--color-accent);--vv-badge-modifier-ghost-modifier-gray-color: var(--color-gray-darken-1)}:where(.vv-badge){--badge-font-size: .7rem;font-size:var(--badge-font-size);border-width:var(--vv-badge-border-width);background-color:var(--vv-badge-background-color);border-color:var(--vv-badge-border-color);color:var(--vv-badge-color);border-style:var(--vv-badge-border-style);border-radius:var(--vv-badge-border-radius);min-height:var(--vv-badge-min-height);min-width:var(--vv-badge-min-width);padding:var(--vv-badge-padding);display:var(--vv-badge-display);justify-content:var(--vv-badge-justify-content);align-items:var(--vv-badge-align-items);gap:var(--vv-badge-gap);white-space:var(--vv-badge-white-space);font-family:var(--vv-badge-font-family);font-weight:var(--vv-badge-font-weight);text-shadow:var(--vv-badge-text-shadow);line-height:var(--vv-badge-line-height);overflow:var(--vv-badge-overflow);flex-shrink:var(--vv-badge-flex-shrink);vertical-align:var(--vv-badge-vertical-align)}:where(.vv-badge__button,.vv-badge>button){cursor:var(--vv-badge-element-button-cursor);padding:var(--vv-badge-element-button-padding);margin:var(--vv-badge-element-button-margin);min-height:var(--vv-badge-element-button-min-height);transition:var(--vv-badge-element-button-transition)}:where(.vv-badge__button--hover,.vv-badge__button.hover,.vv-badge>button.hover,.vv-badge__button:not([disabled]):hover,.vv-badge>button:not([disabled]):hover){background-color:var(--vv-badge-element-button-state-hover-background-color)}:where(.vv-badge__button--active,.vv-badge__button.active,.vv-badge>button.active,.vv-badge__button:not([disabled]):active,.vv-badge>button:not([disabled]):active){background-color:var(--vv-badge-element-button-state-active-background-color)}:where(.vv-badge--empty,.vv-badge.empty,.vv-badge:not([disabled]):empty){font-size:var(--vv-badge-state-empty-font-size);--vv-badge-min-width: var(--vv-badge-state-empty-min-width);--vv-badge-min-height: var(--vv-badge-state-empty-min-height);width:var(--badge-font-size);height:var(--badge-font-size);border-radius:calc(var(--badge-font-size) * .5);--vv-badge-padding: var(--vv-badge-state-empty-padding)}:where(.vv-badge--focus-within,.vv-badge.focus-within,.vv-badge:not([disabled]):focus-within){outline-offset:var(--vv-badge-state-focus-within-outline-offset);outline:var(--vv-badge-state-focus-within-outline)}:where(.vv-badge--action.vv-badge){--vv-badge-gap: var(--vv-badge-modifier-action-gap)}:where(.vv-badge--sm.vv-badge){--badge-font-size: .6rem}:where(.vv-badge--rounded.vv-badge){--vv-badge-border-radius: var(--vv-badge-modifier-rounded-border-radius)}:where(.vv-badge--white.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-white-background-color);--vv-badge-color: var(--vv-badge-modifier-white-color)}:where(.vv-badge--black.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-black-background-color);--vv-badge-color: var(--vv-badge-modifier-black-color)}:where(.vv-badge--danger.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-danger-background-color)}:where(.vv-badge--success.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-success-background-color)}:where(.vv-badge--warning.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-warning-background-color)}:where(.vv-badge--info.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-info-background-color)}:where(.vv-badge--accent.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-accent-background-color)}:where(.vv-badge--gray.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-gray-background-color)}:where(.vv-badge--outline.vv-badge){--vv-badge-border-width: var(--vv-badge-modifier-outline-border-width);--vv-badge-color: var(--vv-badge-modifier-outline-color);--vv-badge-border-color: var(--vv-badge-modifier-outline-border-color);--vv-badge-background-color: var(--vv-badge-modifier-outline-background-color)}:where(.vv-badge--outline.vv-badge--danger.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-danger-color)}:where(.vv-badge--outline.vv-badge--success.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-success-color)}:where(.vv-badge--outline.vv-badge--warning.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-warning-color)}:where(.vv-badge--outline.vv-badge--info.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-info-color)}:where(.vv-badge--outline.vv-badge--accent.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-accent-color)}:where(.vv-badge--outline.vv-badge--gray.vv-badge){--vv-badge-modifier-outline-color: var(--vv-badge-modifier-outline-modifier-gray-color)}:where(.vv-badge--ghost.vv-badge){--vv-badge-background-color: var(--vv-badge-modifier-ghost-background-color);--vv-badge-color: var(--vv-badge-modifier-ghost-color)}:where(.vv-badge--ghost.vv-badge--danger.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-danger-color)}:where(.vv-badge--ghost.vv-badge--success.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-success-color)}:where(.vv-badge--ghost.vv-badge--warning.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-warning-color)}:where(.vv-badge--ghost.vv-badge--info.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-info-color)}:where(.vv-badge--ghost.vv-badge--accent.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-accent-color)}:where(.vv-badge--ghost.vv-badge--gray.vv-badge){--vv-badge-modifier-ghost-color: var(--vv-badge-modifier-ghost-modifier-gray-color)}

package/dist/components/vv-input-file.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-input-file-display: var(--input-display);--vv-input-file-flex: var(--input-flex);--vv-input-file-flex-direction: var(--input-flex-direction);--vv-input-file-margin-bottom: var(--input-gap);--vv-input-file-font-size: var(--input-font-size);--vv-input-file-line-height: var(--input-line-height);--vv-input-file-min-width: var(--input-min-width);--vv-input-file-element-label-display: var(--input-label-display);--vv-input-file-element-label-font-size: var(--input-label-font-size);--vv-input-file-element-label-font-weight: var(--input-label-font-weight);--vv-input-file-element-label-color: var(--input-label-color);--vv-input-file-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-input-file-element-label-white-space: var(--input-label-white-space);--vv-input-file-element-label-text-overflow: var(--input-label-text-overflow);--vv-input-file-element-label-overflow: var(--input-label-overflow);--vv-input-file-element-label-max-width: var(--input-label-max-width);--vv-input-file-element-wrapper-position: relative;--vv-input-file-element-wrapper-display: flex;--vv-input-file-element-wrapper-align-items: center;--vv-input-file-element-wrapper-flex: 1;--vv-input-file-element-wrapper-overflow: hidden;--vv-input-file-element-wrapper-background-color: var(--input-background-color);--vv-input-file-element-wrapper-will-change: background-color;--vv-input-file-element-wrapper-transition: var(--transition-colors);--vv-input-file-element-wrapper-pseudo-before-position: absolute;--vv-input-file-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-input-file-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-input-file-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-input-file-element-wrapper-pseudo-after-position: absolute;--vv-input-file-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-input-file-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-input-file-element-wrapper-pseudo-after-background: var(--color-brand);--vv-input-file-element-wrapper-pseudo-after-scale: 0 1;--vv-input-file-element-wrapper-pseudo-after-transform-origin: left;--vv-input-file-element-wrapper-pseudo-after-will-change: transform;--vv-input-file-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-input-file-element-wrapper-state-hover-background-color: var(--input-background-color-hover);--vv-input-file-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale: 1;--vv-input-file-element-inner-position: relative;--vv-input-file-element-inner-display: flex;--vv-input-file-element-inner-flex: 1;--vv-input-file-element-inner-min-width: 0;--vv-input-file-element-input-flex: 1;--vv-input-file-element-input-white-space: nowrap;--vv-input-file-element-input-cursor: pointer;--vv-input-file-element-input-color: var(--input-color);--vv-input-file-element-input-min-width: 0;--vv-input-file-element-input-min-height: var(--input-min-height);--vv-input-file-element-input-text-overflow: var(--input-text-overflow);--vv-input-file-element-input-pseudo-file-selector-button-appearance: none;--vv-input-file-element-input-pseudo-file-selector-button-border: none;--vv-input-file-element-input-pseudo-file-selector-button-background: transparent;--vv-input-file-element-input-pseudo-file-selector-button-cursor: pointer;--vv-input-file-element-input-pseudo-file-selector-button-text-decoration: underline;--vv-input-file-element-input-pseudo-file-selector-button-color: var(--input-color);--vv-input-file-element-input-state-disabled-cursor: not-allowed;--vv-input-file-element-input-state-readonly-cursor: text;--vv-input-file-element-input-state-readonly-user-select: text;--vv-input-file-element-input-state-readonly-pointer-events: none;--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity: var(--opacity-50);--vv-input-file-element-input-before-display: flex;--vv-input-file-element-input-before-padding-left: var(--input-spacing-left);--vv-input-file-element-input-after-display: flex;--vv-input-file-element-input-after-padding-right: var(--input-spacing-right);--vv-input-file-element-icon-position: var(--input-icon-position);--vv-input-file-element-icon-top: 0;--vv-input-file-element-icon-left: 0;--vv-input-file-element-icon-width: var(--input-icon-width);--vv-input-file-element-icon-height: var(--input-min-height);--vv-input-file-element-icon-margin: var(--input-icon-margin);--vv-input-file-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-file-element-icon-after-position: var(--input-icon-position);--vv-input-file-element-icon-after-right: 0;--vv-input-file-element-icon-after-left: auto;--vv-input-file-element-hint-display: var(--input-hint-display);--vv-input-file-element-hint-font-size: var(--input-hint-font-size);--vv-input-file-element-hint-color: var(--input-hint-color);--vv-input-file-element-hint-padding-top: var(--input-hint-gap);--vv-input-file-element-hint-padding-inline: var(--spacing-xs);--vv-input-file-element-hint-white-space: var(--input-hint-white-space);--vv-input-file-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-file-element-hint-overflow: var(--input-hint-overflow);--vv-input-file-element-drop-area-position: relative;--vv-input-file-element-drop-area-background-color: var(--input-background-color);--vv-input-file-element-drop-area-color: var(--input-hint-color);--vv-input-file-element-drop-area-min-height: var(--spacing-100);--vv-input-file-element-drop-area-padding: var(--spacing-16);--vv-input-file-element-drop-area-display: flex;--vv-input-file-element-drop-area-text-align: center;--vv-input-file-element-drop-area-align-items: center;--vv-input-file-element-drop-area-justify-content: center;--vv-input-file-element-drop-area-margin-bottom: var(--input-label-gap);--vv-input-file-element-drop-area-cursor: pointer;--vv-input-file-element-drop-area-transition: var(--transition-all);--vv-input-file-element-drop-area-overflow: hidden;--vv-input-file-element-drop-area-text-overflow: ellipsis;--vv-input-file-element-drop-area-pseudo-after-position: absolute;--vv-input-file-element-drop-area-pseudo-after-inset: 0;--vv-input-file-element-drop-area-pseudo-after-opacity: var(--opacity-100);--vv-input-file-element-drop-area-pseudo-after-border-width: var(--border-2);--vv-input-file-element-drop-area-pseudo-after-border-style: dashed;--vv-input-file-element-drop-area-pseudo-after-border-color: var(--color-word-5);--vv-input-file-element-drop-area-pseudo-after-transition: var(--transition-all);--vv-input-file-element-drop-area-state-hover-background-color: var(--color-surface-2);--vv-input-file-element-drop-area-state-hover-color: var(--input-color);--vv-input-file-element-preview-position: absolute;--vv-input-file-element-preview-display: flex;--vv-input-file-element-preview-inset: var(--spacing-4);--vv-input-file-element-preview-font-size: var(--text-xl);--vv-input-file-element-preview-align-items: center;--vv-input-file-element-preview-justify-content: center;--vv-input-file-element-preview-object-fit: contain;--vv-input-file-element-preview-object-position: center;--vv-input-file-element-preview-background: var(--bg-chessboard);--vv-input-file-element-preview-overflow: hidden;--vv-input-file-element-progress-position: absolute;--vv-input-file-element-progress-width: 100%;--vv-input-file-element-progress-height: var(--border-2);--vv-input-file-element-progress-bottom: 0;--vv-input-file-element-progress-left: 0;--vv-input-file-element-progress-z-index: 1;--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color: transparent;--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color: var(--color-brand);--vv-input-file-element-progress-pseudo--moz-progress-bar-transition: var(--transition-all);--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color: var(--color-brand);--vv-input-file-element-progress-pseudo--webkit-progress-value-transition: var(--transition-all);--vv-input-file-element-list-display: flex;--vv-input-file-element-list-flex-direction: column;--vv-input-file-element-list-gap: var(--input-label-gap);--vv-input-file-element-list-margin-top: var(--input-label-gap);--vv-input-file-element-list-state-empty-display: none;--vv-input-file-element-item-display: flex;--vv-input-file-element-item-font-size: var(--input-label-font-size);--vv-input-file-element-item-align-items: center;--vv-input-file-element-item-gap: var(--spacing-8);--vv-input-file-element-item-background-color: var(--input-background-color);--vv-input-file-element-item-padding: var(--spacing-8);--vv-input-file-element-item-name-white-space: nowrap;--vv-input-file-element-item-name-text-overflow: ellipsis;--vv-input-file-element-item-name-overflow: hidden;--vv-input-file-element-item-info-font-size: smaller;--vv-input-file-element-item-info-white-space: nowrap;--vv-input-file-element-item-info-color: var(--color-word-5);--vv-input-file-element-item-info-align-self: flex-end;--vv-input-file-element-item-link-cursor: pointer;--vv-input-file-element-item-link-text-decoration: underline;--vv-input-file-element-item-icon-flex-shrink: 0;--vv-input-file-element-item-remove-flex-shrink: 0;--vv-input-file-element-item-remove-background-image: var(--bg-close);--vv-input-file-element-item-remove-width: 1.4em;--vv-input-file-element-item-remove-height: 1.4em;--vv-input-file-element-item-remove-background-size: .8em;--vv-input-file-element-item-remove-background-repeat: no-repeat;--vv-input-file-element-item-remove-background-position: center;--vv-input-file-element-item-remove-border-radius: var(--rounded-full);--vv-input-file-element-item-remove-background-color: var(--color-surface-3);--vv-input-file-element-item-remove-margin-inline-start: auto;--vv-input-file-element-item-remove-cursor: pointer;--vv-input-file-element-item-remove-transition: var(--transition-colors);--vv-input-file-element-item-remove-state-hover-background-color: var(--color-surface-4);--vv-input-file-element-item-remove-state-active-background-color: var(--color-surface-5);--vv-input-file-element-item-remove-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-input-file-element-item-remove-state-disabled-cursor: not-allowed;--vv-input-file-element-item-remove-state-disabled-opacity: var(--opacity-50);--vv-input-file-modifier-icon-after-element-limit-margin-left: calc((var(--spacing-sm) + 1em) * -1);--vv-input-file-modifier-with-progress-element-drop-area-cursor: not-allowed;--vv-input-file-modifier-with-progress-element-drop-area-height: var(--spacing-2);--vv-input-file-modifier-with-progress-element-drop-area-min-height: 0;--vv-input-file-modifier-with-progress-element-drop-area-padding-block: 0;--vv-input-file-modifier-with-progress-element-drop-area-color: var(--color-transparent);--vv-input-file-modifier-with-progress-element-drop-area-background-color: var(--color-surface-3);--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity: var(--opacity-0);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale: 1;--vv-input-file-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-limit-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-icon-after-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color: var(--input-valid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale: 1;--vv-input-file-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-icon-after-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color: var(--input-invalid-color);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color: var(--color-brand);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation: var(--animation-clippath);--vv-input-file-modifier-hidden-element-wrapper-display: none;--vv-input-file-modifier-hidden-element-drop-area-margin-bottom: var(--spacing-0);--vv-input-file-modifier-dragging-element-drop-area-background-color: var(--color-surface-2);--vv-input-file-modifier-dragging-element-drop-area-color: var(--input-color);--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color: var(--color-brand);--vv-input-file-modifier-square-element-drop-area-aspect-ratio: var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-aspect-ratio: var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-border-radius: var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius: var(--rounded-full);--vv-input-file-modifier-circle-element-preview-border-radius: var(--rounded-full);--vv-input-file-state-disabled-opacity: var(--opacity-50);--vv-input-file-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-cursor: not-allowed;--vv-input-file-state-disabled-element-drop-area-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-color: var(--input-hint-color);--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-input-file-state-readonly-element-drop-area-display: none}:where(.vv-input-file){display:var(--vv-input-file-display);flex:var(--vv-input-file-flex);flex-direction:var(--vv-input-file-flex-direction);margin-bottom:var(--vv-input-file-margin-bottom);font-size:var(--vv-input-file-font-size);line-height:var(--vv-input-file-line-height);min-width:var(--vv-input-file-min-width)}:where(.vv-input-file__label,.vv-input-file>label){display:var(--vv-input-file-element-label-display);font-size:var(--vv-input-file-element-label-font-size);font-weight:var(--vv-input-file-element-label-font-weight);color:var(--vv-input-file-element-label-color);margin:var(--vv-input-file-element-label-margin);white-space:var(--vv-input-file-element-label-white-space);text-overflow:var(--vv-input-file-element-label-text-overflow);overflow:var(--vv-input-file-element-label-overflow);max-width:var(--vv-input-file-element-label-max-width)}:where(.vv-input-file__wrapper){position:var(--vv-input-file-element-wrapper-position);display:var(--vv-input-file-element-wrapper-display);align-items:var(--vv-input-file-element-wrapper-align-items);flex:var(--vv-input-file-element-wrapper-flex);overflow:var(--vv-input-file-element-wrapper-overflow);background-color:var(--vv-input-file-element-wrapper-background-color);will-change:var(--vv-input-file-element-wrapper-will-change);transition:var(--vv-input-file-element-wrapper-transition)}:where(.vv-input-file__wrapper):before{content:"";position:var(--vv-input-file-element-wrapper-pseudo-before-position);height:var(--vv-input-file-element-wrapper-pseudo-before-height);inset:var(--vv-input-file-element-wrapper-pseudo-before-inset);background:var(--vv-input-file-element-wrapper-pseudo-before-background)}:where(.vv-input-file__wrapper):after{content:"";position:var(--vv-input-file-element-wrapper-pseudo-after-position);height:var(--vv-input-file-element-wrapper-pseudo-after-height);inset:var(--vv-input-file-element-wrapper-pseudo-after-inset);background:var(--vv-input-file-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-input-file-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-file-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-file-element-wrapper-pseudo-after-transition)}:where(.vv-input-file__wrapper--hover,.vv-input-file__wrapper.hover,.vv-input-file__wrapper:not([disabled]):hover){--vv-input-file-element-wrapper-background-color: var(--vv-input-file-element-wrapper-state-hover-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within){--vv-input-file-element-wrapper-background-color: var(--vv-input-file-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within):after{--vv-input-file-element-wrapper-pseudo-after-scale: var(--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-file__inner){position:var(--vv-input-file-element-inner-position);display:var(--vv-input-file-element-inner-display);flex:var(--vv-input-file-element-inner-flex);min-width:var(--vv-input-file-element-inner-min-width)}:where(.vv-input-file__input,.vv-input-file input[type=file]){flex:var(--vv-input-file-element-input-flex);white-space:var(--vv-input-file-element-input-white-space);cursor:var(--vv-input-file-element-input-cursor);color:var(--vv-input-file-element-input-color);padding-block:var(--input-spacing-top) 0;padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-file-element-input-min-width);min-height:var(--vv-input-file-element-input-min-height);text-overflow:var(--vv-input-file-element-input-text-overflow)}:where(.vv-input-file__input,.vv-input-file input[type=file])::file-selector-button{content:"";-webkit-appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);-moz-appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);border:var(--vv-input-file-element-input-pseudo-file-selector-button-border);background:var(--vv-input-file-element-input-pseudo-file-selector-button-background);cursor:var(--vv-input-file-element-input-pseudo-file-selector-button-cursor);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);color:var(--vv-input-file-element-input-pseudo-file-selector-button-color)}:where(.vv-input-file__input--disabled,.vv-input-file__input.disabled,.vv-input-file input[type=file].disabled,.vv-input-file__input[disabled],.vv-input-file input[type=file][disabled],.vv-input-file__input[aria-disabled=true],.vv-input-file input[type=file][aria-disabled=true]){--vv-input-file-element-input-cursor: var(--vv-input-file-element-input-state-disabled-cursor)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly]){--vv-input-file-element-input-cursor: var(--vv-input-file-element-input-state-readonly-cursor);-webkit-user-select:var(--vv-input-file-element-input-state-readonly-user-select);-moz-user-select:var(--vv-input-file-element-input-state-readonly-user-select);user-select:var(--vv-input-file-element-input-state-readonly-user-select);pointer-events:var(--vv-input-file-element-input-state-readonly-pointer-events)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly])::file-selector-button{opacity:var(--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity)}:where(.vv-input-file__input-before){display:var(--vv-input-file-element-input-before-display);padding-left:var(--vv-input-file-element-input-before-padding-left)}:where(.vv-input-file__input-after){display:var(--vv-input-file-element-input-after-display);padding-right:var(--vv-input-file-element-input-after-padding-right)}:where(.vv-input-file__icon,.vv-input-file>div>:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-position);top:var(--vv-input-file-element-icon-top);left:var(--vv-input-file-element-icon-left);width:var(--vv-input-file-element-icon-width);height:var(--vv-input-file-element-icon-height);margin:var(--vv-input-file-element-icon-margin);pointer-events:var(--vv-input-file-element-icon-pointer-events)}:where(.vv-input-file__icon-after,.vv-input-file input+:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-after-position);right:var(--vv-input-file-element-icon-after-right);left:var(--vv-input-file-element-icon-after-left)}:where(.vv-input-file__hint,.vv-input-file>small){display:var(--vv-input-file-element-hint-display);font-size:var(--vv-input-file-element-hint-font-size);color:var(--vv-input-file-element-hint-color);padding-top:var(--vv-input-file-element-hint-padding-top);padding-inline:var(--vv-input-file-element-hint-padding-inline);white-space:var(--vv-input-file-element-hint-white-space);text-overflow:var(--vv-input-file-element-hint-text-overflow);overflow:var(--vv-input-file-element-hint-overflow)}:where(.vv-input-file__drop-area){position:var(--vv-input-file-element-drop-area-position);background-color:var(--vv-input-file-element-drop-area-background-color);color:var(--vv-input-file-element-drop-area-color);min-height:var(--vv-input-file-element-drop-area-min-height);padding:var(--vv-input-file-element-drop-area-padding);display:var(--vv-input-file-element-drop-area-display);text-align:var(--vv-input-file-element-drop-area-text-align);align-items:var(--vv-input-file-element-drop-area-align-items);justify-content:var(--vv-input-file-element-drop-area-justify-content);margin-bottom:var(--vv-input-file-element-drop-area-margin-bottom);cursor:var(--vv-input-file-element-drop-area-cursor);transition:var(--vv-input-file-element-drop-area-transition);overflow:var(--vv-input-file-element-drop-area-overflow);text-overflow:var(--vv-input-file-element-drop-area-text-overflow)}:where(.vv-input-file__drop-area):after{content:"";position:var(--vv-input-file-element-drop-area-pseudo-after-position);inset:var(--vv-input-file-element-drop-area-pseudo-after-inset);opacity:var(--vv-input-file-element-drop-area-pseudo-after-opacity);border-width:var(--vv-input-file-element-drop-area-pseudo-after-border-width);border-style:var(--vv-input-file-element-drop-area-pseudo-after-border-style);border-color:var(--vv-input-file-element-drop-area-pseudo-after-border-color);transition:var(--vv-input-file-element-drop-area-pseudo-after-transition)}:where(.vv-input-file__drop-area--hover,.vv-input-file__drop-area.hover,.vv-input-file__drop-area:not([disabled]):hover){--vv-input-file-element-drop-area-background-color: var(--vv-input-file-element-drop-area-state-hover-background-color);--vv-input-file-element-drop-area-color: var(--vv-input-file-element-drop-area-state-hover-color)}:where(.vv-input-file__preview){position:var(--vv-input-file-element-preview-position);display:var(--vv-input-file-element-preview-display);inset:var(--vv-input-file-element-preview-inset);font-size:var(--vv-input-file-element-preview-font-size);align-items:var(--vv-input-file-element-preview-align-items);justify-content:var(--vv-input-file-element-preview-justify-content);-o-object-fit:var(--vv-input-file-element-preview-object-fit);object-fit:var(--vv-input-file-element-preview-object-fit);-o-object-position:var(--vv-input-file-element-preview-object-position);object-position:var(--vv-input-file-element-preview-object-position);background:var(--vv-input-file-element-preview-background);overflow:var(--vv-input-file-element-preview-overflow)}:where(.vv-input-file__progress){position:var(--vv-input-file-element-progress-position);width:var(--vv-input-file-element-progress-width);height:var(--vv-input-file-element-progress-height);bottom:var(--vv-input-file-element-progress-bottom);left:var(--vv-input-file-element-progress-left);z-index:var(--vv-input-file-element-progress-z-index)}:where(.vv-input-file__progress)::-webkit-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-input-file__progress)::-moz-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color);-moz-transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition);transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition)}:where(.vv-input-file__progress)::-webkit-progress-value{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color);-webkit-transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition);transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition)}:where(.vv-input-file__list){display:var(--vv-input-file-element-list-display);flex-direction:var(--vv-input-file-element-list-flex-direction);gap:var(--vv-input-file-element-list-gap);margin-top:var(--vv-input-file-element-list-margin-top)}:where(.vv-input-file__list--empty,.vv-input-file__list.empty,.vv-input-file__list:not([disabled]):empty){--vv-input-file-element-list-display: var(--vv-input-file-element-list-state-empty-display)}:where(.vv-input-file__item){display:var(--vv-input-file-element-item-display);font-size:var(--vv-input-file-element-item-font-size);align-items:var(--vv-input-file-element-item-align-items);gap:var(--vv-input-file-element-item-gap);background-color:var(--vv-input-file-element-item-background-color);padding:var(--vv-input-file-element-item-padding)}:where(.vv-input-file__item-name){white-space:var(--vv-input-file-element-item-name-white-space);text-overflow:var(--vv-input-file-element-item-name-text-overflow);overflow:var(--vv-input-file-element-item-name-overflow)}:where(.vv-input-file__item-info){font-size:var(--vv-input-file-element-item-info-font-size);white-space:var(--vv-input-file-element-item-info-white-space);color:var(--vv-input-file-element-item-info-color);align-self:var(--vv-input-file-element-item-info-align-self)}:where(.vv-input-file__item-link){cursor:var(--vv-input-file-element-item-link-cursor);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);text-decoration:var(--vv-input-file-element-item-link-text-decoration)}:where(.vv-input-file__item-icon){flex-shrink:var(--vv-input-file-element-item-icon-flex-shrink)}:where(.vv-input-file__item-remove){flex-shrink:var(--vv-input-file-element-item-remove-flex-shrink);background-image:var(--vv-input-file-element-item-remove-background-image);width:var(--vv-input-file-element-item-remove-width);height:var(--vv-input-file-element-item-remove-height);background-size:var(--vv-input-file-element-item-remove-background-size);background-repeat:var(--vv-input-file-element-item-remove-background-repeat);background-position:var(--vv-input-file-element-item-remove-background-position);border-radius:var(--vv-input-file-element-item-remove-border-radius);background-color:var(--vv-input-file-element-item-remove-background-color);margin-inline-start:var(--vv-input-file-element-item-remove-margin-inline-start);cursor:var(--vv-input-file-element-item-remove-cursor);transition:var(--vv-input-file-element-item-remove-transition)}:where(.vv-input-file__item-remove--hover,.vv-input-file__item-remove.hover,.vv-input-file__item-remove:not([disabled]):hover){--vv-input-file-element-item-remove-background-color: var(--vv-input-file-element-item-remove-state-hover-background-color)}:where(.vv-input-file__item-remove--active,.vv-input-file__item-remove.active,.vv-input-file__item-remove:not([disabled]):active){--vv-input-file-element-item-remove-background-color: var(--vv-input-file-element-item-remove-state-active-background-color)}:where(.vv-input-file__item-remove--focus-visible,.vv-input-file__item-remove.focus-visible,.vv-input-file__item-remove:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-input-file-element-item-remove-state-focus-visible-outline)}:where(.vv-input-file__item-remove--disabled,.vv-input-file__item-remove.disabled,.vv-input-file__item-remove[disabled],.vv-input-file__item-remove[aria-disabled=true]){--vv-input-file-element-item-remove-cursor: var(--vv-input-file-element-item-remove-state-disabled-cursor);opacity:var(--vv-input-file-element-item-remove-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled])),:where(.vv-input-file--disabled,.vv-input-file.disabled,.vv-input-file[disabled],.vv-input-file[aria-disabled=true]){opacity:var(--vv-input-file-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:hover),:where(.vv-input-file--disabled .vv-input-file__wrapper--hover,.vv-input-file--disabled .vv-input-file__wrapper.hover,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.disabled .vv-input-file__wrapper--hover,.vv-input-file.disabled .vv-input-file__wrapper.hover,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[disabled] .vv-input-file__wrapper--hover,.vv-input-file[disabled] .vv-input-file__wrapper.hover,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--disabled .vv-input-file__wrapper--focus-within,.vv-input-file--disabled .vv-input-file__wrapper.focus-within,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.disabled .vv-input-file__wrapper--focus-within,.vv-input-file.disabled .vv-input-file__wrapper.focus-within,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[disabled] .vv-input-file__wrapper--focus-within,.vv-input-file[disabled] .vv-input-file__wrapper.focus-within,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__drop-area),:where(.vv-input-file--disabled .vv-input-file__drop-area,.vv-input-file.disabled .vv-input-file__drop-area,.vv-input-file[disabled] .vv-input-file__drop-area,.vv-input-file[aria-disabled=true] .vv-input-file__drop-area){cursor:var(--vv-input-file-state-disabled-element-drop-area-cursor);background-color:var(--vv-input-file-state-disabled-element-drop-area-background-color);color:var(--vv-input-file-state-disabled-element-drop-area-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):before,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):before{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):after,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:hover),:where(.vv-input-file--readonly .vv-input-file__wrapper--hover,.vv-input-file--readonly .vv-input-file__wrapper.hover,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.readonly .vv-input-file__wrapper--hover,.vv-input-file.readonly .vv-input-file__wrapper.hover,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[readonly] .vv-input-file__wrapper--hover,.vv-input-file[readonly] .vv-input-file__wrapper.hover,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--readonly .vv-input-file__wrapper--focus-within,.vv-input-file--readonly .vv-input-file__wrapper.focus-within,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.readonly .vv-input-file__wrapper--focus-within,.vv-input-file.readonly .vv-input-file__wrapper.focus-within,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[readonly] .vv-input-file__wrapper--focus-within,.vv-input-file[readonly] .vv-input-file__wrapper.focus-within,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__drop-area),:where(.vv-input-file--readonly .vv-input-file__drop-area,.vv-input-file.readonly .vv-input-file__drop-area,.vv-input-file[readonly] .vv-input-file__drop-area){display:var(--vv-input-file-state-readonly-element-drop-area-display)}:where(.vv-input-file--icon-before.vv-input-file){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after.vv-input-file){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after .vv-input-file__limit){margin-left:var(--vv-input-file-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-file--with-progress .vv-input-file__drop-area){cursor:var(--vv-input-file-modifier-with-progress-element-drop-area-cursor);height:var(--vv-input-file-modifier-with-progress-element-drop-area-height);min-height:var(--vv-input-file-modifier-with-progress-element-drop-area-min-height);padding-block:var(--vv-input-file-modifier-with-progress-element-drop-area-padding-block);color:var(--vv-input-file-modifier-with-progress-element-drop-area-color);background-color:var(--vv-input-file-modifier-with-progress-element-drop-area-background-color)}:where(.vv-input-file--with-progress .vv-input-file__drop-area):after{content:"";opacity:var(--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity)}:where(.vv-input-file--valid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--valid .vv-input-file__hint,.vv-input-file--valid>small){color:var(--vv-input-file-modifier-valid-element-hint-color)}:where(.vv-input-file--valid .vv-input-file__limit){color:var(--vv-input-file-modifier-valid-element-limit-color)}:where(.vv-input-file--valid .vv-input-file__icon-after,.vv-input-file--valid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-valid-element-icon-after-color)}:where(.vv-input-file--valid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--invalid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--invalid .vv-input-file__hint,.vv-input-file--invalid>small){color:var(--vv-input-file-modifier-invalid-element-hint-color)}:where(.vv-input-file--invalid .vv-input-file__limit){color:var(--vv-input-file-modifier-invalid-element-limit-color)}:where(.vv-input-file--invalid .vv-input-file__icon-after,.vv-input-file--invalid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-invalid-element-icon-after-color)}:where(.vv-input-file--invalid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--loading .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-file--loading .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color);animation:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation)}:where(.vv-input-file--hidden .vv-input-file__wrapper){display:var(--vv-input-file-modifier-hidden-element-wrapper-display)}:where(.vv-input-file--hidden .vv-input-file__drop-area){margin-bottom:var(--vv-input-file-modifier-hidden-element-drop-area-margin-bottom)}:where(.vv-input-file--dragging .vv-input-file__drop-area){background-color:var(--vv-input-file-modifier-dragging-element-drop-area-background-color);color:var(--vv-input-file-modifier-dragging-element-drop-area-color)}:where(.vv-input-file--dragging .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--square .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-square-element-drop-area-aspect-ratio)}:where(.vv-input-file--circle .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-circle-element-drop-area-aspect-ratio);border-radius:var(--vv-input-file-modifier-circle-element-drop-area-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area):after{content:"";border-radius:var(--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius)}:where(.vv-input-file--circle .vv-input-file__preview){border-radius:var(--vv-input-file-modifier-circle-element-preview-border-radius)}
+:where(:host,:root,.theme){--vv-input-file-display: var(--input-display);--vv-input-file-flex: var(--input-flex);--vv-input-file-flex-direction: var(--input-flex-direction);--vv-input-file-margin-bottom: var(--input-gap);--vv-input-file-font-size: var(--input-font-size);--vv-input-file-line-height: var(--input-line-height);--vv-input-file-min-width: var(--input-min-width);--vv-input-file-element-label-display: var(--input-label-display);--vv-input-file-element-label-font-size: var(--input-label-font-size);--vv-input-file-element-label-font-weight: var(--input-label-font-weight);--vv-input-file-element-label-color: var(--input-label-color);--vv-input-file-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-input-file-element-label-white-space: var(--input-label-white-space);--vv-input-file-element-label-text-overflow: var(--input-label-text-overflow);--vv-input-file-element-label-overflow: var(--input-label-overflow);--vv-input-file-element-label-max-width: var(--input-label-max-width);--vv-input-file-element-wrapper-position: relative;--vv-input-file-element-wrapper-display: flex;--vv-input-file-element-wrapper-align-items: center;--vv-input-file-element-wrapper-flex: 1;--vv-input-file-element-wrapper-overflow: hidden;--vv-input-file-element-wrapper-background-color: var(--input-background-color);--vv-input-file-element-wrapper-will-change: background-color;--vv-input-file-element-wrapper-transition: var(--transition-colors);--vv-input-file-element-wrapper-pseudo-before-position: absolute;--vv-input-file-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-input-file-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-input-file-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-input-file-element-wrapper-pseudo-after-position: absolute;--vv-input-file-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-input-file-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-input-file-element-wrapper-pseudo-after-background: var(--color-brand);--vv-input-file-element-wrapper-pseudo-after-scale: 0 1;--vv-input-file-element-wrapper-pseudo-after-transform-origin: left;--vv-input-file-element-wrapper-pseudo-after-will-change: transform;--vv-input-file-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-input-file-element-wrapper-state-hover-background-color: var(--input-background-color-hover);--vv-input-file-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale: 1;--vv-input-file-element-inner-position: relative;--vv-input-file-element-inner-display: flex;--vv-input-file-element-inner-flex: 1;--vv-input-file-element-inner-min-width: 0;--vv-input-file-element-input-flex: 1;--vv-input-file-element-input-white-space: nowrap;--vv-input-file-element-input-cursor: pointer;--vv-input-file-element-input-color: var(--input-color);--vv-input-file-element-input-min-width: 0;--vv-input-file-element-input-min-height: var(--input-min-height);--vv-input-file-element-input-display: flex;--vv-input-file-element-input-align-items: center;--vv-input-file-element-input-text-overflow: var(--input-text-overflow);--vv-input-file-element-input-pseudo-file-selector-button-appearance: none;--vv-input-file-element-input-pseudo-file-selector-button-border: none;--vv-input-file-element-input-pseudo-file-selector-button-background: transparent;--vv-input-file-element-input-pseudo-file-selector-button-cursor: pointer;--vv-input-file-element-input-pseudo-file-selector-button-text-decoration: underline;--vv-input-file-element-input-pseudo-file-selector-button-color: var(--input-color);--vv-input-file-element-input-pseudo-file-selector-button-min-height: var(--input-min-height);--vv-input-file-element-input-state-disabled-cursor: not-allowed;--vv-input-file-element-input-state-readonly-cursor: text;--vv-input-file-element-input-state-readonly-user-select: text;--vv-input-file-element-input-state-readonly-pointer-events: none;--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity: var(--opacity-50);--vv-input-file-element-input-before-display: flex;--vv-input-file-element-input-before-padding-left: var(--input-spacing-left);--vv-input-file-element-input-after-display: flex;--vv-input-file-element-input-after-padding-right: var(--input-spacing-right);--vv-input-file-element-icon-position: var(--input-icon-position);--vv-input-file-element-icon-top: 0;--vv-input-file-element-icon-left: 0;--vv-input-file-element-icon-width: var(--input-icon-width);--vv-input-file-element-icon-height: var(--input-min-height);--vv-input-file-element-icon-margin: var(--input-icon-margin);--vv-input-file-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-file-element-icon-flex-shrink: 0;--vv-input-file-element-icon-after-position: var(--input-icon-position);--vv-input-file-element-icon-after-right: 0;--vv-input-file-element-icon-after-left: auto;--vv-input-file-element-hint-display: var(--input-hint-display);--vv-input-file-element-hint-font-size: var(--input-hint-font-size);--vv-input-file-element-hint-color: var(--input-hint-color);--vv-input-file-element-hint-padding-top: var(--input-hint-gap);--vv-input-file-element-hint-padding-inline: var(--spacing-xs);--vv-input-file-element-hint-white-space: var(--input-hint-white-space);--vv-input-file-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-file-element-hint-overflow: var(--input-hint-overflow);--vv-input-file-element-drop-area-position: relative;--vv-input-file-element-drop-area-background-color: var(--input-background-color);--vv-input-file-element-drop-area-color: var(--input-hint-color);--vv-input-file-element-drop-area-min-height: var(--spacing-100);--vv-input-file-element-drop-area-padding: var(--spacing-16);--vv-input-file-element-drop-area-display: flex;--vv-input-file-element-drop-area-text-align: center;--vv-input-file-element-drop-area-align-items: center;--vv-input-file-element-drop-area-justify-content: center;--vv-input-file-element-drop-area-margin-bottom: var(--input-label-gap);--vv-input-file-element-drop-area-cursor: pointer;--vv-input-file-element-drop-area-transition: var(--transition-all);--vv-input-file-element-drop-area-overflow: hidden;--vv-input-file-element-drop-area-text-overflow: ellipsis;--vv-input-file-element-drop-area-pseudo-after-position: absolute;--vv-input-file-element-drop-area-pseudo-after-inset: 0;--vv-input-file-element-drop-area-pseudo-after-opacity: var(--opacity-100);--vv-input-file-element-drop-area-pseudo-after-border-width: var(--border-2);--vv-input-file-element-drop-area-pseudo-after-border-style: dashed;--vv-input-file-element-drop-area-pseudo-after-border-color: var(--color-word-5);--vv-input-file-element-drop-area-pseudo-after-transition: var(--transition-all);--vv-input-file-element-drop-area-state-hover-background-color: var(--color-surface-2);--vv-input-file-element-drop-area-state-hover-color: var(--input-color);--vv-input-file-element-preview-position: absolute;--vv-input-file-element-preview-display: flex;--vv-input-file-element-preview-inset: var(--spacing-4);--vv-input-file-element-preview-font-size: var(--text-xl);--vv-input-file-element-preview-align-items: center;--vv-input-file-element-preview-justify-content: center;--vv-input-file-element-preview-object-fit: contain;--vv-input-file-element-preview-object-position: center;--vv-input-file-element-preview-background: var(--bg-chessboard);--vv-input-file-element-preview-overflow: hidden;--vv-input-file-element-progress-position: absolute;--vv-input-file-element-progress-width: 100%;--vv-input-file-element-progress-height: var(--border-2);--vv-input-file-element-progress-bottom: 0;--vv-input-file-element-progress-left: 0;--vv-input-file-element-progress-z-index: 1;--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color: transparent;--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color: var(--color-brand);--vv-input-file-element-progress-pseudo--moz-progress-bar-transition: var(--transition-all);--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color: var(--color-brand);--vv-input-file-element-progress-pseudo--webkit-progress-value-transition: var(--transition-all);--vv-input-file-element-list-display: flex;--vv-input-file-element-list-flex-direction: column;--vv-input-file-element-list-gap: var(--input-label-gap);--vv-input-file-element-list-margin-top: var(--input-label-gap);--vv-input-file-element-list-state-empty-display: none;--vv-input-file-element-item-position: relative;--vv-input-file-element-item-overflow: hidden;--vv-input-file-element-item-display: flex;--vv-input-file-element-item-font-size: var(--input-label-font-size);--vv-input-file-element-item-align-items: center;--vv-input-file-element-item-gap: var(--spacing-8);--vv-input-file-element-item-background-color: var(--input-background-color);--vv-input-file-element-item-padding: var(--spacing-8);--vv-input-file-element-item-name-white-space: nowrap;--vv-input-file-element-item-name-text-overflow: ellipsis;--vv-input-file-element-item-name-overflow: hidden;--vv-input-file-element-item-info-font-size: smaller;--vv-input-file-element-item-info-white-space: nowrap;--vv-input-file-element-item-info-color: var(--color-word-5);--vv-input-file-element-item-info-align-self: flex-end;--vv-input-file-element-item-link-cursor: pointer;--vv-input-file-element-item-link-text-decoration: underline;--vv-input-file-element-item-icon-flex-shrink: 0;--vv-input-file-element-item-remove-flex-shrink: 0;--vv-input-file-element-item-remove-background-image: var(--bg-close);--vv-input-file-element-item-remove-width: 1.4em;--vv-input-file-element-item-remove-height: 1.4em;--vv-input-file-element-item-remove-background-size: .8em;--vv-input-file-element-item-remove-background-repeat: no-repeat;--vv-input-file-element-item-remove-background-position: center;--vv-input-file-element-item-remove-border-radius: var(--rounded-full);--vv-input-file-element-item-remove-background-color: var(--color-surface-3);--vv-input-file-element-item-remove-margin-inline-start: auto;--vv-input-file-element-item-remove-cursor: pointer;--vv-input-file-element-item-remove-transition: var(--transition-colors);--vv-input-file-element-item-remove-state-hover-background-color: var(--color-surface-4);--vv-input-file-element-item-remove-state-active-background-color: var(--color-surface-5);--vv-input-file-element-item-remove-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-input-file-element-item-remove-state-disabled-cursor: not-allowed;--vv-input-file-element-item-remove-state-disabled-opacity: var(--opacity-50);--vv-input-file-modifier-icon-after-element-limit-margin-left: calc((var(--spacing-sm) + 1em) * -1);--vv-input-file-modifier-with-progress-element-drop-area-cursor: not-allowed;--vv-input-file-modifier-with-progress-element-drop-area-height: var(--spacing-2);--vv-input-file-modifier-with-progress-element-drop-area-min-height: 0;--vv-input-file-modifier-with-progress-element-drop-area-padding-block: 0;--vv-input-file-modifier-with-progress-element-drop-area-color: var(--color-transparent);--vv-input-file-modifier-with-progress-element-drop-area-background-color: var(--color-surface-3);--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity: var(--opacity-0);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale: 1;--vv-input-file-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-limit-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-icon-after-color: var(--input-valid-color);--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color: var(--input-valid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale: 1;--vv-input-file-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-icon-after-color: var(--input-invalid-color);--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color: var(--input-invalid-color);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color: var(--color-brand);--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation: var(--animation-clippath);--vv-input-file-modifier-hidden-element-wrapper-display: none;--vv-input-file-modifier-hidden-element-drop-area-margin-bottom: var(--spacing-0);--vv-input-file-modifier-dragging-element-drop-area-background-color: var(--color-surface-2);--vv-input-file-modifier-dragging-element-drop-area-color: var(--input-color);--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color: var(--color-brand);--vv-input-file-modifier-square-element-drop-area-aspect-ratio: var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-aspect-ratio: var(--aspect-square);--vv-input-file-modifier-circle-element-drop-area-border-radius: var(--rounded-full);--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius: var(--rounded-full);--vv-input-file-modifier-circle-element-preview-border-radius: var(--rounded-full);--vv-input-file-state-disabled-opacity: var(--opacity-50);--vv-input-file-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-cursor: not-allowed;--vv-input-file-state-disabled-element-drop-area-background-color: var(--input-background-color);--vv-input-file-state-disabled-element-drop-area-color: var(--input-hint-color);--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-input-file-state-readonly-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-input-file-state-readonly-element-drop-area-display: none}:where(.vv-input-file){display:var(--vv-input-file-display);flex:var(--vv-input-file-flex);flex-direction:var(--vv-input-file-flex-direction);margin-bottom:var(--vv-input-file-margin-bottom);font-size:var(--vv-input-file-font-size);line-height:var(--vv-input-file-line-height);min-width:var(--vv-input-file-min-width)}:where(.vv-input-file__label,.vv-input-file>label){display:var(--vv-input-file-element-label-display);font-size:var(--vv-input-file-element-label-font-size);font-weight:var(--vv-input-file-element-label-font-weight);color:var(--vv-input-file-element-label-color);margin:var(--vv-input-file-element-label-margin);white-space:var(--vv-input-file-element-label-white-space);text-overflow:var(--vv-input-file-element-label-text-overflow);overflow:var(--vv-input-file-element-label-overflow);max-width:var(--vv-input-file-element-label-max-width)}:where(.vv-input-file__wrapper){position:var(--vv-input-file-element-wrapper-position);display:var(--vv-input-file-element-wrapper-display);align-items:var(--vv-input-file-element-wrapper-align-items);flex:var(--vv-input-file-element-wrapper-flex);overflow:var(--vv-input-file-element-wrapper-overflow);background-color:var(--vv-input-file-element-wrapper-background-color);will-change:var(--vv-input-file-element-wrapper-will-change);transition:var(--vv-input-file-element-wrapper-transition)}:where(.vv-input-file__wrapper):before{content:"";position:var(--vv-input-file-element-wrapper-pseudo-before-position);height:var(--vv-input-file-element-wrapper-pseudo-before-height);inset:var(--vv-input-file-element-wrapper-pseudo-before-inset);background:var(--vv-input-file-element-wrapper-pseudo-before-background)}:where(.vv-input-file__wrapper):after{content:"";position:var(--vv-input-file-element-wrapper-pseudo-after-position);height:var(--vv-input-file-element-wrapper-pseudo-after-height);inset:var(--vv-input-file-element-wrapper-pseudo-after-inset);background:var(--vv-input-file-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-element-wrapper-pseudo-after-scale);transform-origin:var(--vv-input-file-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-file-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-file-element-wrapper-pseudo-after-transition)}:where(.vv-input-file__wrapper--hover,.vv-input-file__wrapper.hover,.vv-input-file__wrapper:not([disabled]):hover){--vv-input-file-element-wrapper-background-color: var(--vv-input-file-element-wrapper-state-hover-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within){--vv-input-file-element-wrapper-background-color: var(--vv-input-file-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file__wrapper--focus-within,.vv-input-file__wrapper.focus-within,.vv-input-file__wrapper:not([disabled]):focus-within):after{--vv-input-file-element-wrapper-pseudo-after-scale: var(--vv-input-file-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-file__inner){position:var(--vv-input-file-element-inner-position);display:var(--vv-input-file-element-inner-display);flex:var(--vv-input-file-element-inner-flex);min-width:var(--vv-input-file-element-inner-min-width)}:where(.vv-input-file__input,.vv-input-file input[type=file]){flex:var(--vv-input-file-element-input-flex);white-space:var(--vv-input-file-element-input-white-space);cursor:var(--vv-input-file-element-input-cursor);color:var(--vv-input-file-element-input-color);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-file-element-input-min-width);min-height:var(--vv-input-file-element-input-min-height);display:var(--vv-input-file-element-input-display);align-items:var(--vv-input-file-element-input-align-items);text-overflow:var(--vv-input-file-element-input-text-overflow)}:where(.vv-input-file__input,.vv-input-file input[type=file])::file-selector-button{content:"";-webkit-appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);-moz-appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);appearance:var(--vv-input-file-element-input-pseudo-file-selector-button-appearance);border:var(--vv-input-file-element-input-pseudo-file-selector-button-border);background:var(--vv-input-file-element-input-pseudo-file-selector-button-background);cursor:var(--vv-input-file-element-input-pseudo-file-selector-button-cursor);-webkit-text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);text-decoration:var(--vv-input-file-element-input-pseudo-file-selector-button-text-decoration);color:var(--vv-input-file-element-input-pseudo-file-selector-button-color);min-height:var(--vv-input-file-element-input-pseudo-file-selector-button-min-height)}:where(.vv-input-file__input--disabled,.vv-input-file__input.disabled,.vv-input-file input[type=file].disabled,.vv-input-file__input[disabled],.vv-input-file input[type=file][disabled],.vv-input-file__input[aria-disabled=true],.vv-input-file input[type=file][aria-disabled=true]){--vv-input-file-element-input-cursor: var(--vv-input-file-element-input-state-disabled-cursor)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly]){--vv-input-file-element-input-cursor: var(--vv-input-file-element-input-state-readonly-cursor);-webkit-user-select:var(--vv-input-file-element-input-state-readonly-user-select);-moz-user-select:var(--vv-input-file-element-input-state-readonly-user-select);user-select:var(--vv-input-file-element-input-state-readonly-user-select);pointer-events:var(--vv-input-file-element-input-state-readonly-pointer-events)}:where(.vv-input-file__input--readonly,.vv-input-file__input.readonly,.vv-input-file input[type=file].readonly,.vv-input-file__input[readonly],.vv-input-file input[type=file][readonly])::file-selector-button{opacity:var(--vv-input-file-element-input-state-readonly-pseudo-file-selector-button-opacity)}:where(.vv-input-file__input-before){display:var(--vv-input-file-element-input-before-display);padding-left:var(--vv-input-file-element-input-before-padding-left)}:where(.vv-input-file__input-after){display:var(--vv-input-file-element-input-after-display);padding-right:var(--vv-input-file-element-input-after-padding-right)}:where(.vv-input-file__icon,.vv-input-file>div>:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-position);top:var(--vv-input-file-element-icon-top);left:var(--vv-input-file-element-icon-left);width:var(--vv-input-file-element-icon-width);height:var(--vv-input-file-element-icon-height);margin:var(--vv-input-file-element-icon-margin);pointer-events:var(--vv-input-file-element-icon-pointer-events);flex-shrink:var(--vv-input-file-element-icon-flex-shrink)}:where(.vv-input-file__icon-after,.vv-input-file input+:where(svg,[data-icon])){position:var(--vv-input-file-element-icon-after-position);right:var(--vv-input-file-element-icon-after-right);left:var(--vv-input-file-element-icon-after-left)}:where(.vv-input-file__hint,.vv-input-file>small){display:var(--vv-input-file-element-hint-display);font-size:var(--vv-input-file-element-hint-font-size);color:var(--vv-input-file-element-hint-color);padding-top:var(--vv-input-file-element-hint-padding-top);padding-inline:var(--vv-input-file-element-hint-padding-inline);white-space:var(--vv-input-file-element-hint-white-space);text-overflow:var(--vv-input-file-element-hint-text-overflow);overflow:var(--vv-input-file-element-hint-overflow)}:where(.vv-input-file__drop-area){position:var(--vv-input-file-element-drop-area-position);background-color:var(--vv-input-file-element-drop-area-background-color);color:var(--vv-input-file-element-drop-area-color);min-height:var(--vv-input-file-element-drop-area-min-height);padding:var(--vv-input-file-element-drop-area-padding);display:var(--vv-input-file-element-drop-area-display);text-align:var(--vv-input-file-element-drop-area-text-align);align-items:var(--vv-input-file-element-drop-area-align-items);justify-content:var(--vv-input-file-element-drop-area-justify-content);margin-bottom:var(--vv-input-file-element-drop-area-margin-bottom);cursor:var(--vv-input-file-element-drop-area-cursor);transition:var(--vv-input-file-element-drop-area-transition);overflow:var(--vv-input-file-element-drop-area-overflow);text-overflow:var(--vv-input-file-element-drop-area-text-overflow)}:where(.vv-input-file__drop-area):after{content:"";position:var(--vv-input-file-element-drop-area-pseudo-after-position);inset:var(--vv-input-file-element-drop-area-pseudo-after-inset);opacity:var(--vv-input-file-element-drop-area-pseudo-after-opacity);border-width:var(--vv-input-file-element-drop-area-pseudo-after-border-width);border-style:var(--vv-input-file-element-drop-area-pseudo-after-border-style);border-color:var(--vv-input-file-element-drop-area-pseudo-after-border-color);transition:var(--vv-input-file-element-drop-area-pseudo-after-transition)}:where(.vv-input-file__drop-area--hover,.vv-input-file__drop-area.hover,.vv-input-file__drop-area:not([disabled]):hover){--vv-input-file-element-drop-area-background-color: var(--vv-input-file-element-drop-area-state-hover-background-color);--vv-input-file-element-drop-area-color: var(--vv-input-file-element-drop-area-state-hover-color)}:where(.vv-input-file__preview){position:var(--vv-input-file-element-preview-position);display:var(--vv-input-file-element-preview-display);inset:var(--vv-input-file-element-preview-inset);font-size:var(--vv-input-file-element-preview-font-size);align-items:var(--vv-input-file-element-preview-align-items);justify-content:var(--vv-input-file-element-preview-justify-content);-o-object-fit:var(--vv-input-file-element-preview-object-fit);object-fit:var(--vv-input-file-element-preview-object-fit);-o-object-position:var(--vv-input-file-element-preview-object-position);object-position:var(--vv-input-file-element-preview-object-position);background:var(--vv-input-file-element-preview-background);overflow:var(--vv-input-file-element-preview-overflow)}:where(.vv-input-file__progress){position:var(--vv-input-file-element-progress-position);width:var(--vv-input-file-element-progress-width);height:var(--vv-input-file-element-progress-height);bottom:var(--vv-input-file-element-progress-bottom);left:var(--vv-input-file-element-progress-left);z-index:var(--vv-input-file-element-progress-z-index)}:where(.vv-input-file__progress)::-webkit-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-input-file__progress)::-moz-progress-bar{content:"";background-color:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-background-color);-moz-transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition);transition:var(--vv-input-file-element-progress-pseudo--moz-progress-bar-transition)}:where(.vv-input-file__progress)::-webkit-progress-value{content:"";background-color:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-background-color);-webkit-transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition);transition:var(--vv-input-file-element-progress-pseudo--webkit-progress-value-transition)}:where(.vv-input-file__list){display:var(--vv-input-file-element-list-display);flex-direction:var(--vv-input-file-element-list-flex-direction);gap:var(--vv-input-file-element-list-gap);margin-top:var(--vv-input-file-element-list-margin-top)}:where(.vv-input-file__list--empty,.vv-input-file__list.empty,.vv-input-file__list:not([disabled]):empty){--vv-input-file-element-list-display: var(--vv-input-file-element-list-state-empty-display)}:where(.vv-input-file__item){position:var(--vv-input-file-element-item-position);overflow:var(--vv-input-file-element-item-overflow);display:var(--vv-input-file-element-item-display);font-size:var(--vv-input-file-element-item-font-size);align-items:var(--vv-input-file-element-item-align-items);gap:var(--vv-input-file-element-item-gap);background-color:var(--vv-input-file-element-item-background-color);padding:var(--vv-input-file-element-item-padding)}:where(.vv-input-file__item-name){white-space:var(--vv-input-file-element-item-name-white-space);text-overflow:var(--vv-input-file-element-item-name-text-overflow);overflow:var(--vv-input-file-element-item-name-overflow)}:where(.vv-input-file__item-info){font-size:var(--vv-input-file-element-item-info-font-size);white-space:var(--vv-input-file-element-item-info-white-space);color:var(--vv-input-file-element-item-info-color);align-self:var(--vv-input-file-element-item-info-align-self)}:where(.vv-input-file__item-link){cursor:var(--vv-input-file-element-item-link-cursor);-webkit-text-decoration:var(--vv-input-file-element-item-link-text-decoration);text-decoration:var(--vv-input-file-element-item-link-text-decoration)}:where(.vv-input-file__item-icon){flex-shrink:var(--vv-input-file-element-item-icon-flex-shrink)}:where(.vv-input-file__item-remove){flex-shrink:var(--vv-input-file-element-item-remove-flex-shrink);background-image:var(--vv-input-file-element-item-remove-background-image);width:var(--vv-input-file-element-item-remove-width);height:var(--vv-input-file-element-item-remove-height);background-size:var(--vv-input-file-element-item-remove-background-size);background-repeat:var(--vv-input-file-element-item-remove-background-repeat);background-position:var(--vv-input-file-element-item-remove-background-position);border-radius:var(--vv-input-file-element-item-remove-border-radius);background-color:var(--vv-input-file-element-item-remove-background-color);margin-inline-start:var(--vv-input-file-element-item-remove-margin-inline-start);cursor:var(--vv-input-file-element-item-remove-cursor);transition:var(--vv-input-file-element-item-remove-transition)}:where(.vv-input-file__item-remove--hover,.vv-input-file__item-remove.hover,.vv-input-file__item-remove:not([disabled]):hover){--vv-input-file-element-item-remove-background-color: var(--vv-input-file-element-item-remove-state-hover-background-color)}:where(.vv-input-file__item-remove--active,.vv-input-file__item-remove.active,.vv-input-file__item-remove:not([disabled]):active){--vv-input-file-element-item-remove-background-color: var(--vv-input-file-element-item-remove-state-active-background-color)}:where(.vv-input-file__item-remove--focus-visible,.vv-input-file__item-remove.focus-visible,.vv-input-file__item-remove:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-input-file-element-item-remove-state-focus-visible-outline)}:where(.vv-input-file__item-remove--disabled,.vv-input-file__item-remove.disabled,.vv-input-file__item-remove[disabled],.vv-input-file__item-remove[aria-disabled=true]){--vv-input-file-element-item-remove-cursor: var(--vv-input-file-element-item-remove-state-disabled-cursor);opacity:var(--vv-input-file-element-item-remove-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled])),:where(.vv-input-file--disabled,.vv-input-file.disabled,.vv-input-file[disabled],.vv-input-file[aria-disabled=true]){opacity:var(--vv-input-file-state-disabled-opacity)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:hover),:where(.vv-input-file--disabled .vv-input-file__wrapper--hover,.vv-input-file--disabled .vv-input-file__wrapper.hover,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.disabled .vv-input-file__wrapper--hover,.vv-input-file.disabled .vv-input-file__wrapper.hover,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[disabled] .vv-input-file__wrapper--hover,.vv-input-file[disabled] .vv-input-file__wrapper.hover,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.hover,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--disabled .vv-input-file__wrapper--focus-within,.vv-input-file--disabled .vv-input-file__wrapper.focus-within,.vv-input-file--disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.disabled .vv-input-file__wrapper--focus-within,.vv-input-file.disabled .vv-input-file__wrapper.focus-within,.vv-input-file.disabled .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[disabled] .vv-input-file__wrapper--focus-within,.vv-input-file[disabled] .vv-input-file__wrapper.focus-within,.vv-input-file[disabled] .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper--focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper.focus-within,.vv-input-file[aria-disabled=true] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[disabled]) .vv-input-file__drop-area),:where(.vv-input-file--disabled .vv-input-file__drop-area,.vv-input-file.disabled .vv-input-file__drop-area,.vv-input-file[disabled] .vv-input-file__drop-area,.vv-input-file[aria-disabled=true] .vv-input-file__drop-area){cursor:var(--vv-input-file-state-disabled-element-drop-area-cursor);background-color:var(--vv-input-file-state-disabled-element-drop-area-background-color);color:var(--vv-input-file-state-disabled-element-drop-area-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):before,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):before{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper):after,:where(.vv-input-file--readonly .vv-input-file__wrapper,.vv-input-file.readonly .vv-input-file__wrapper,.vv-input-file[readonly] .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:hover),:where(.vv-input-file--readonly .vv-input-file__wrapper--hover,.vv-input-file--readonly .vv-input-file__wrapper.hover,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file.readonly .vv-input-file__wrapper--hover,.vv-input-file.readonly .vv-input-file__wrapper.hover,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):hover,.vv-input-file[readonly] .vv-input-file__wrapper--hover,.vv-input-file[readonly] .vv-input-file__wrapper.hover,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):hover){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__wrapper:focus-within),:where(.vv-input-file--readonly .vv-input-file__wrapper--focus-within,.vv-input-file--readonly .vv-input-file__wrapper.focus-within,.vv-input-file--readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file.readonly .vv-input-file__wrapper--focus-within,.vv-input-file.readonly .vv-input-file__wrapper.focus-within,.vv-input-file.readonly .vv-input-file__wrapper:not([disabled]):focus-within,.vv-input-file[readonly] .vv-input-file__wrapper--focus-within,.vv-input-file[readonly] .vv-input-file__wrapper.focus-within,.vv-input-file[readonly] .vv-input-file__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-file-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-file:has(input[readonly]) .vv-input-file__drop-area),:where(.vv-input-file--readonly .vv-input-file__drop-area,.vv-input-file.readonly .vv-input-file__drop-area,.vv-input-file[readonly] .vv-input-file__drop-area){display:var(--vv-input-file-state-readonly-element-drop-area-display)}:where(.vv-input-file--icon-before.vv-input-file){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after.vv-input-file){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-file--icon-after .vv-input-file__limit){margin-left:var(--vv-input-file-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-file--with-progress .vv-input-file__drop-area){cursor:var(--vv-input-file-modifier-with-progress-element-drop-area-cursor);height:var(--vv-input-file-modifier-with-progress-element-drop-area-height);min-height:var(--vv-input-file-modifier-with-progress-element-drop-area-min-height);padding-block:var(--vv-input-file-modifier-with-progress-element-drop-area-padding-block);color:var(--vv-input-file-modifier-with-progress-element-drop-area-color);background-color:var(--vv-input-file-modifier-with-progress-element-drop-area-background-color)}:where(.vv-input-file--with-progress .vv-input-file__drop-area):after{content:"";opacity:var(--vv-input-file-modifier-with-progress-element-drop-area-pseudo-after-opacity)}:where(.vv-input-file--valid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--valid .vv-input-file__hint,.vv-input-file--valid>small){color:var(--vv-input-file-modifier-valid-element-hint-color)}:where(.vv-input-file--valid .vv-input-file__limit){color:var(--vv-input-file-modifier-valid-element-limit-color)}:where(.vv-input-file--valid .vv-input-file__icon-after,.vv-input-file--valid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-valid-element-icon-after-color)}:where(.vv-input-file--valid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-valid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--invalid .vv-input-file__wrapper):after{content:"";background:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-file-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-file--invalid .vv-input-file__hint,.vv-input-file--invalid>small){color:var(--vv-input-file-modifier-invalid-element-hint-color)}:where(.vv-input-file--invalid .vv-input-file__limit){color:var(--vv-input-file-modifier-invalid-element-limit-color)}:where(.vv-input-file--invalid .vv-input-file__icon-after,.vv-input-file--invalid input+:where(svg,[data-icon])){color:var(--vv-input-file-modifier-invalid-element-icon-after-color)}:where(.vv-input-file--invalid .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-invalid-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--loading .vv-input-file__wrapper):after{content:"";opacity:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-file-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-file--loading .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-border-color);animation:var(--vv-input-file-modifier-loading-element-drop-area-pseudo-after-animation)}:where(.vv-input-file--hidden .vv-input-file__wrapper){display:var(--vv-input-file-modifier-hidden-element-wrapper-display)}:where(.vv-input-file--hidden .vv-input-file__drop-area){margin-bottom:var(--vv-input-file-modifier-hidden-element-drop-area-margin-bottom)}:where(.vv-input-file--dragging .vv-input-file__drop-area){background-color:var(--vv-input-file-modifier-dragging-element-drop-area-background-color);color:var(--vv-input-file-modifier-dragging-element-drop-area-color)}:where(.vv-input-file--dragging .vv-input-file__drop-area):after{content:"";border-color:var(--vv-input-file-modifier-dragging-element-drop-area-pseudo-after-border-color)}:where(.vv-input-file--square .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-square-element-drop-area-aspect-ratio)}:where(.vv-input-file--circle .vv-input-file__drop-area){aspect-ratio:var(--vv-input-file-modifier-circle-element-drop-area-aspect-ratio);border-radius:var(--vv-input-file-modifier-circle-element-drop-area-border-radius)}:where(.vv-input-file--circle .vv-input-file__drop-area):after{content:"";border-radius:var(--vv-input-file-modifier-circle-element-drop-area-pseudo-after-border-radius)}:where(.vv-input-file--circle .vv-input-file__preview){border-radius:var(--vv-input-file-modifier-circle-element-preview-border-radius)}

package/dist/components/vv-input-text.css

@@ -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-font-weight: var(--input-label-font-weight);--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-scale: 0 1;--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(--input-background-color-hover);--vv-input-text-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-scale: 1;--vv-input-text-element-inner-position: relative;--vv-input-text-element-inner-display: flex;--vv-input-text-element-inner-flex: 1;--vv-input-text-element-inner-min-width: 0;--vv-input-text-element-input-display: flex;--vv-input-text-element-input-flex: 1;--vv-input-text-element-input-align-items: center;--vv-input-text-element-input-color: var(--input-color);--vv-input-text-element-input-line-height: var(--leading-normal);--vv-input-text-element-input-min-width: 0;--vv-input-text-element-input-min-height: var(--input-min-height);--vv-input-text-element-input-text-overflow: var(--input-text-overflow);--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: var(--spacing-px);--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-padding: 0;--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-input-state-readonly-user-select: text;--vv-input-text-element-input-before-display: flex;--vv-input-text-element-input-before-padding-left: var(--input-spacing-left);--vv-input-text-element-input-after-display: flex;--vv-input-text-element-input-after-padding-right: var(--input-spacing-right);--vv-input-text-element-number--moz-appearance: textfield;--vv-input-text-element-icon-position: var(--input-icon-position);--vv-input-text-element-icon-top: 0;--vv-input-text-element-icon-left: 0;--vv-input-text-element-icon-width: var(--input-icon-width);--vv-input-text-element-icon-height: var(--input-min-height);--vv-input-text-element-icon-margin: var(--input-icon-margin);--vv-input-text-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-after-position: var(--input-icon-position);--vv-input-text-element-icon-after-right: 0;--vv-input-text-element-icon-after-left: auto;--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-position: relative;--vv-input-text-element-action-width: calc(var(--input-icon-width) + var(--input-spacing-left) + var(--input-spacing-right));--vv-input-text-element-action-height: var(--input-min-height);--vv-input-text-element-action-cursor: pointer;--vv-input-text-element-action-state-disabled-cursor: not-allowed;--vv-input-text-element-action-state-disabled-opacity: var(--opacity-50);--vv-input-text-element-action-state-focus-visible-background-color: var(--color-surface-3);--vv-input-text-element-action-state-hover-background-color: var(--color-surface-4);--vv-input-text-element-action-state-active-background-color: var(--color-surface-5);--vv-input-text-element-action-chevron-flex: 1;--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-up-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-limit-font-size: var(--input-hint-font-size);--vv-input-text-element-limit-color: var(--input-hint-color);--vv-input-text-element-unit-color: var(--input-placeholder-color);--vv-input-text-element-unit-display: flex;--vv-input-text-element-unit-align-items: center;--vv-input-text-element-unit-flex: 0 1 auto;--vv-input-text-modifier-icon-after-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-scale: 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-after-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-scale: 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-after-color: var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-input-text-modifier-floating-position: relative;--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-line-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-translate: var(--input-floating-label-translate);--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-translate: var(--input-floating-label-translate);--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-modifier-auto-width-element-inner-min-height: var(--input-min-height);--vv-input-text-modifier-auto-width-element-inner-cursor: text;--vv-input-text-modifier-auto-width-element-input-padding-block: 0;--vv-input-text-modifier-auto-width-element-input-padding-inline: 0;--vv-input-text-modifier-auto-width-element-input-min-width: 1ch;--vv-input-text-modifier-auto-width-element-input-min-height: 1em;--vv-input-text-modifier-auto-width-element-input-text-align: left;--vv-input-text-modifier-auto-width-element-unit-padding-right: 0;--vv-input-text-modifier-auto-width-element-unit-padding-block: 0;--vv-input-text-modifier-auto-width-state-dirty-element-input-flex: 0 1 auto;--vv-input-text-modifier-auto-width-state-disabled-element-inner-cursor: not-allowed;--vv-input-text-state-disabled-opacity: var(--opacity-50);--vv-input-text-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-input-text-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-input-text-state-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--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(--input-background-color);--vv-input-text-state-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color)}: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);font-weight:var(--vv-input-text-element-label-font-weight);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);scale:var(--vv-input-text-element-wrapper-pseudo-after-scale);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-scale: var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-text__inner){position:var(--vv-input-text-element-inner-position);display:var(--vv-input-text-element-inner-display);flex:var(--vv-input-text-element-inner-flex);min-width:var(--vv-input-text-element-inner-min-width)}: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);align-items:var(--vv-input-text-element-input-align-items);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);text-overflow:var(--vv-input-text-element-input-text-overflow)}: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{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-padding)}: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);-webkit-user-select:var(--vv-input-text-element-input-state-readonly-user-select);-moz-user-select:var(--vv-input-text-element-input-state-readonly-user-select);user-select:var(--vv-input-text-element-input-state-readonly-user-select)}:where(.vv-input-text__input-before){display:var(--vv-input-text-element-input-before-display);padding-left:var(--vv-input-text-element-input-before-padding-left)}:where(.vv-input-text__input-after){display:var(--vv-input-text-element-input-after-display);padding-right:var(--vv-input-text-element-input-after-padding-right)}: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>div>:where(svg,[data-icon])){position:var(--vv-input-text-element-icon-position);top:var(--vv-input-text-element-icon-top);left:var(--vv-input-text-element-icon-left);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);margin:var(--vv-input-text-element-icon-margin);pointer-events:var(--vv-input-text-element-icon-pointer-events)}:where(.vv-input-text__icon-after,.vv-input-text input+:where(svg,[data-icon])){position:var(--vv-input-text-element-icon-after-position);right:var(--vv-input-text-element-icon-after-right);left:var(--vv-input-text-element-icon-after-left)}: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){position:var(--vv-input-text-element-action-position);width:var(--vv-input-text-element-action-width);height:var(--vv-input-text-element-action-height);cursor:var(--vv-input-text-element-action-cursor)}:where(.vv-input-text__action--disabled,.vv-input-text__action.disabled,.vv-input-text__action[disabled],.vv-input-text__action[aria-disabled=true]){--vv-input-text-element-action-cursor: var(--vv-input-text-element-action-state-disabled-cursor);opacity:var(--vv-input-text-element-action-state-disabled-opacity)}: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){background-color:var(--vv-input-text-element-action-state-focus-visible-background-color)}:where(.vv-input-text__action--hover,.vv-input-text__action.hover,.vv-input-text__action:not([disabled]):hover){background-color:var(--vv-input-text-element-action-state-hover-background-color)}:where(.vv-input-text__action--active,.vv-input-text__action.active,.vv-input-text__action:not([disabled]):active){background-color:var(--vv-input-text-element-action-state-active-background-color)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);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)}:where(.vv-input-text__action-chevron-up){rotate:var(--vv-input-text-element-action-chevron-up-rotate)}: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)}: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__unit){color:var(--vv-input-text-element-unit-color);display:var(--vv-input-text-element-unit-display);align-items:var(--vv-input-text-element-unit-align-items);flex:var(--vv-input-text-element-unit-flex);padding-right:var(--input-spacing-right);padding-block:var(--input-spacing-top) var(--input-spacing-bottom)}:where(.vv-input-text:has(input[disabled])),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text:has(input[disabled]) .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input[disabled]) .vv-input-text__wrapper:focus-within),:where(.vv-input-text--disabled .vv-input-text__wrapper--focus-within,.vv-input-text--disabled .vv-input-text__wrapper.focus-within,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text.disabled .vv-input-text__wrapper--focus-within,.vv-input-text.disabled .vv-input-text__wrapper.focus-within,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[disabled] .vv-input-text__wrapper--focus-within,.vv-input-text[disabled] .vv-input-text__wrapper.focus-within,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper):before,: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):before{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper:focus-within),:where(.vv-input-text--readonly .vv-input-text__wrapper--focus-within,.vv-input-text--readonly .vv-input-text__wrapper.focus-within,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text.readonly .vv-input-text__wrapper--focus-within,.vv-input-text.readonly .vv-input-text__wrapper.focus-within,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[readonly] .vv-input-text__wrapper--focus-within,.vv-input-text[readonly] .vv-input-text__wrapper.focus-within,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text--icon-before.vv-input-text){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-after.vv-input-text){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-after .vv-input-text__limit){margin-left:var(--vv-input-text-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-text--valid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-text--valid .vv-input-text__hint,.vv-input-text--valid>small){color:var(--vv-input-text-modifier-valid-element-hint-color)}:where(.vv-input-text--valid .vv-input-text__limit){color:var(--vv-input-text-modifier-valid-element-limit-color)}:where(.vv-input-text--valid .vv-input-text__icon-after,.vv-input-text--valid input+:where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-after-color)}:where(.vv-input-text--invalid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-text--invalid .vv-input-text__hint,.vv-input-text--invalid>small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}:where(.vv-input-text--invalid .vv-input-text__limit){color:var(--vv-input-text-modifier-invalid-element-limit-color)}:where(.vv-input-text--invalid .vv-input-text__icon-after,.vv-input-text--invalid input+:where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-after-color)}:where(.vv-input-text--loading .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){position:var(--vv-input-text-modifier-floating-position);margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}:where(.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);line-height:var(--vv-input-text-modifier-floating-element-label-line-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-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){translate:var(--vv-input-text-modifier-floating-state-focus-within-element-label-translate);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){translate:var(--vv-input-text-modifier-floating-state-dirty-element-label-translate);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){translate:var(--vv-input-text-modifier-floating-state-dirty-element-label-translate);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)}:where(.vv-input-text--auto-width .vv-input-text__inner){padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-height:var(--vv-input-text-modifier-auto-width-element-inner-min-height);cursor:var(--vv-input-text-modifier-auto-width-element-inner-cursor)}:where(.vv-input-text--auto-width .vv-input-text__input,.vv-input-text--auto-width input){padding-block:var(--vv-input-text-modifier-auto-width-element-input-padding-block);padding-inline:var(--vv-input-text-modifier-auto-width-element-input-padding-inline);min-width:var(--vv-input-text-modifier-auto-width-element-input-min-width);min-height:var(--vv-input-text-modifier-auto-width-element-input-min-height);text-align:var(--vv-input-text-modifier-auto-width-element-input-text-align)}:where(.vv-input-text--auto-width .vv-input-text__unit){padding-right:var(--vv-input-text-modifier-auto-width-element-unit-padding-right);padding-block:var(--vv-input-text-modifier-auto-width-element-unit-padding-block)}:where(.vv-input-text--auto-width.vv-input-text--dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text.dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--auto-width.vv-input-text--dirty input,.vv-input-text--auto-width.vv-input-text.dirty input,.vv-input-text--auto-width.vv-input-text:not(:has(*:-moz-placeholder-shown)) input){flex:var(--vv-input-text-modifier-auto-width-state-dirty-element-input-flex)}:where(.vv-input-text--auto-width.vv-input-text--dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text.dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--auto-width.vv-input-text--dirty input,.vv-input-text--auto-width.vv-input-text.dirty input,.vv-input-text--auto-width.vv-input-text:not(:has(*:placeholder-shown)) input){flex:var(--vv-input-text-modifier-auto-width-state-dirty-element-input-flex)}:where(.vv-input-text--auto-width.vv-input-text--disabled .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text.disabled .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text[disabled] .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text[aria-disabled=true] .vv-input-text__inner){cursor:var(--vv-input-text-modifier-auto-width-state-disabled-element-inner-cursor)}
+: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-font-weight: var(--input-label-font-weight);--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-scale: 0 1;--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(--input-background-color-hover);--vv-input-text-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-scale: 1;--vv-input-text-element-inner-position: relative;--vv-input-text-element-inner-display: flex;--vv-input-text-element-inner-flex: 1;--vv-input-text-element-inner-min-width: 0;--vv-input-text-element-input-display: flex;--vv-input-text-element-input-flex: 1;--vv-input-text-element-input-align-items: center;--vv-input-text-element-input-color: var(--input-color);--vv-input-text-element-input-line-height: var(--leading-normal);--vv-input-text-element-input-min-width: 0;--vv-input-text-element-input-min-height: var(--input-min-height);--vv-input-text-element-input-text-overflow: var(--input-text-overflow);--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: var(--spacing-px);--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-padding: 0;--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-input-state-readonly-user-select: text;--vv-input-text-element-input-before-display: flex;--vv-input-text-element-input-before-padding-left: var(--input-spacing-left);--vv-input-text-element-input-after-display: flex;--vv-input-text-element-input-after-padding-right: var(--input-spacing-right);--vv-input-text-element-number--moz-appearance: textfield;--vv-input-text-element-icon-position: var(--input-icon-position);--vv-input-text-element-icon-top: 0;--vv-input-text-element-icon-left: 0;--vv-input-text-element-icon-width: var(--input-icon-width);--vv-input-text-element-icon-height: var(--input-min-height);--vv-input-text-element-icon-margin: var(--input-icon-margin);--vv-input-text-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-flex-shrink: 0;--vv-input-text-element-icon-after-position: var(--input-icon-position);--vv-input-text-element-icon-after-right: 0;--vv-input-text-element-icon-after-left: auto;--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-position: relative;--vv-input-text-element-action-width: calc(var(--input-icon-width) + var(--input-spacing-left) + var(--input-spacing-right));--vv-input-text-element-action-height: var(--input-min-height);--vv-input-text-element-action-cursor: pointer;--vv-input-text-element-action-state-disabled-cursor: not-allowed;--vv-input-text-element-action-state-disabled-opacity: var(--opacity-50);--vv-input-text-element-action-state-focus-visible-background-color: var(--color-surface-3);--vv-input-text-element-action-state-hover-background-color: var(--color-surface-4);--vv-input-text-element-action-state-active-background-color: var(--color-surface-5);--vv-input-text-element-action-chevron-flex: 1;--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-up-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-limit-font-size: var(--input-hint-font-size);--vv-input-text-element-limit-color: var(--input-hint-color);--vv-input-text-element-unit-color: var(--input-placeholder-color);--vv-input-text-element-unit-display: flex;--vv-input-text-element-unit-align-items: center;--vv-input-text-element-unit-flex: 0 1 auto;--vv-input-text-modifier-icon-after-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-scale: 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-after-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-scale: 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-after-color: var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-input-text-modifier-floating-position: relative;--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-line-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-translate: var(--input-floating-label-translate);--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-translate: var(--input-floating-label-translate);--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-modifier-auto-width-element-inner-min-height: var(--input-min-height);--vv-input-text-modifier-auto-width-element-inner-cursor: text;--vv-input-text-modifier-auto-width-element-input-padding-block: 0;--vv-input-text-modifier-auto-width-element-input-padding-inline: 0;--vv-input-text-modifier-auto-width-element-input-min-width: 1ch;--vv-input-text-modifier-auto-width-element-input-min-height: 1em;--vv-input-text-modifier-auto-width-element-input-text-align: left;--vv-input-text-modifier-auto-width-element-unit-padding-right: 0;--vv-input-text-modifier-auto-width-element-unit-padding-block: 0;--vv-input-text-modifier-auto-width-state-dirty-element-input-flex: 0 1 auto;--vv-input-text-modifier-auto-width-state-disabled-element-inner-cursor: not-allowed;--vv-input-text-state-disabled-opacity: var(--opacity-50);--vv-input-text-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-input-text-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-input-text-state-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--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(--input-background-color);--vv-input-text-state-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color)}: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);font-weight:var(--vv-input-text-element-label-font-weight);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);scale:var(--vv-input-text-element-wrapper-pseudo-after-scale);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-scale: var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-scale)}:where(.vv-input-text__inner){position:var(--vv-input-text-element-inner-position);display:var(--vv-input-text-element-inner-display);flex:var(--vv-input-text-element-inner-flex);min-width:var(--vv-input-text-element-inner-min-width)}: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);align-items:var(--vv-input-text-element-input-align-items);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);text-overflow:var(--vv-input-text-element-input-text-overflow)}: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{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-padding)}: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);-webkit-user-select:var(--vv-input-text-element-input-state-readonly-user-select);-moz-user-select:var(--vv-input-text-element-input-state-readonly-user-select);user-select:var(--vv-input-text-element-input-state-readonly-user-select)}:where(.vv-input-text__input-before){display:var(--vv-input-text-element-input-before-display);padding-left:var(--vv-input-text-element-input-before-padding-left)}:where(.vv-input-text__input-after){display:var(--vv-input-text-element-input-after-display);padding-right:var(--vv-input-text-element-input-after-padding-right)}: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>div>:where(svg,[data-icon])){position:var(--vv-input-text-element-icon-position);top:var(--vv-input-text-element-icon-top);left:var(--vv-input-text-element-icon-left);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);margin:var(--vv-input-text-element-icon-margin);pointer-events:var(--vv-input-text-element-icon-pointer-events);flex-shrink:var(--vv-input-text-element-icon-flex-shrink)}:where(.vv-input-text__icon-after,.vv-input-text input+:where(svg,[data-icon])){position:var(--vv-input-text-element-icon-after-position);right:var(--vv-input-text-element-icon-after-right);left:var(--vv-input-text-element-icon-after-left)}: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){position:var(--vv-input-text-element-action-position);width:var(--vv-input-text-element-action-width);height:var(--vv-input-text-element-action-height);cursor:var(--vv-input-text-element-action-cursor)}:where(.vv-input-text__action--disabled,.vv-input-text__action.disabled,.vv-input-text__action[disabled],.vv-input-text__action[aria-disabled=true]){--vv-input-text-element-action-cursor: var(--vv-input-text-element-action-state-disabled-cursor);opacity:var(--vv-input-text-element-action-state-disabled-opacity)}: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){background-color:var(--vv-input-text-element-action-state-focus-visible-background-color)}:where(.vv-input-text__action--hover,.vv-input-text__action.hover,.vv-input-text__action:not([disabled]):hover){background-color:var(--vv-input-text-element-action-state-hover-background-color)}:where(.vv-input-text__action--active,.vv-input-text__action.active,.vv-input-text__action:not([disabled]):active){background-color:var(--vv-input-text-element-action-state-active-background-color)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);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)}:where(.vv-input-text__action-chevron-up){rotate:var(--vv-input-text-element-action-chevron-up-rotate)}: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)}: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__unit){color:var(--vv-input-text-element-unit-color);display:var(--vv-input-text-element-unit-display);align-items:var(--vv-input-text-element-unit-align-items);flex:var(--vv-input-text-element-unit-flex);padding-right:var(--input-spacing-right);padding-block:var(--input-spacing-top) var(--input-spacing-bottom)}:where(.vv-input-text:has(input[disabled])),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text:has(input[disabled]) .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input[disabled]) .vv-input-text__wrapper:focus-within),:where(.vv-input-text--disabled .vv-input-text__wrapper--focus-within,.vv-input-text--disabled .vv-input-text__wrapper.focus-within,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text.disabled .vv-input-text__wrapper--focus-within,.vv-input-text.disabled .vv-input-text__wrapper.focus-within,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[disabled] .vv-input-text__wrapper--focus-within,.vv-input-text[disabled] .vv-input-text__wrapper.focus-within,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.focus-within,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper):before,: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):before{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input[readonly]) .vv-input-text__wrapper:focus-within),:where(.vv-input-text--readonly .vv-input-text__wrapper--focus-within,.vv-input-text--readonly .vv-input-text__wrapper.focus-within,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text.readonly .vv-input-text__wrapper--focus-within,.vv-input-text.readonly .vv-input-text__wrapper.focus-within,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):focus-within,.vv-input-text[readonly] .vv-input-text__wrapper--focus-within,.vv-input-text[readonly] .vv-input-text__wrapper.focus-within,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):focus-within){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text--icon-before.vv-input-text){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-after.vv-input-text){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-after .vv-input-text__limit){margin-left:var(--vv-input-text-modifier-icon-after-element-limit-margin-left)}:where(.vv-input-text--valid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);scale:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-scale)}:where(.vv-input-text--valid .vv-input-text__hint,.vv-input-text--valid>small){color:var(--vv-input-text-modifier-valid-element-hint-color)}:where(.vv-input-text--valid .vv-input-text__limit){color:var(--vv-input-text-modifier-valid-element-limit-color)}:where(.vv-input-text--valid .vv-input-text__icon-after,.vv-input-text--valid input+:where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-after-color)}:where(.vv-input-text--invalid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);scale:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-scale)}:where(.vv-input-text--invalid .vv-input-text__hint,.vv-input-text--invalid>small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}:where(.vv-input-text--invalid .vv-input-text__limit){color:var(--vv-input-text-modifier-invalid-element-limit-color)}:where(.vv-input-text--invalid .vv-input-text__icon-after,.vv-input-text--invalid input+:where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-after-color)}:where(.vv-input-text--loading .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){position:var(--vv-input-text-modifier-floating-position);margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}:where(.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);line-height:var(--vv-input-text-modifier-floating-element-label-line-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-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){translate:var(--vv-input-text-modifier-floating-state-focus-within-element-label-translate);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){translate:var(--vv-input-text-modifier-floating-state-dirty-element-label-translate);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){translate:var(--vv-input-text-modifier-floating-state-dirty-element-label-translate);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)}:where(.vv-input-text--auto-width .vv-input-text__inner){padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-height:var(--vv-input-text-modifier-auto-width-element-inner-min-height);cursor:var(--vv-input-text-modifier-auto-width-element-inner-cursor)}:where(.vv-input-text--auto-width .vv-input-text__input,.vv-input-text--auto-width input){padding-block:var(--vv-input-text-modifier-auto-width-element-input-padding-block);padding-inline:var(--vv-input-text-modifier-auto-width-element-input-padding-inline);min-width:var(--vv-input-text-modifier-auto-width-element-input-min-width);min-height:var(--vv-input-text-modifier-auto-width-element-input-min-height);text-align:var(--vv-input-text-modifier-auto-width-element-input-text-align)}:where(.vv-input-text--auto-width .vv-input-text__unit){padding-right:var(--vv-input-text-modifier-auto-width-element-unit-padding-right);padding-block:var(--vv-input-text-modifier-auto-width-element-unit-padding-block)}:where(.vv-input-text--auto-width.vv-input-text--dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text.dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--auto-width.vv-input-text--dirty input,.vv-input-text--auto-width.vv-input-text.dirty input,.vv-input-text--auto-width.vv-input-text:not(:has(*:-moz-placeholder-shown)) input){flex:var(--vv-input-text-modifier-auto-width-state-dirty-element-input-flex)}:where(.vv-input-text--auto-width.vv-input-text--dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text.dirty .vv-input-text__input,.vv-input-text--auto-width.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--auto-width.vv-input-text--dirty input,.vv-input-text--auto-width.vv-input-text.dirty input,.vv-input-text--auto-width.vv-input-text:not(:has(*:placeholder-shown)) input){flex:var(--vv-input-text-modifier-auto-width-state-dirty-element-input-flex)}:where(.vv-input-text--auto-width.vv-input-text--disabled .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text.disabled .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text[disabled] .vv-input-text__inner,.vv-input-text--auto-width.vv-input-text[aria-disabled=true] .vv-input-text__inner){cursor:var(--vv-input-text-modifier-auto-width-state-disabled-element-inner-cursor)}