@volverjs/style 0.1.2-beta.20 → 0.1.2-beta.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/vv-accordion.css +1 -1
- package/dist/components/vv-alert.css +1 -1
- package/dist/components/vv-avatar.css +1 -1
- package/dist/components/vv-breadcrumb.css +1 -1
- package/dist/components/vv-button-group.css +1 -1
- package/dist/components/vv-input-checkbox-group.css +1 -1
- package/dist/components/vv-input-radio-group.css +1 -1
- package/dist/components/vv-input-text.css +1 -1
- package/dist/components/vv-select.css +1 -1
- package/dist/components.css +1 -1
- package/dist/props/input.css +1 -1
- package/dist/props.css +1 -1
- package/dist/utilities/sizing.css +1 -1
- package/dist/utilities.css +1 -1
- package/dist/volver.css +1 -1
- package/package.json +6 -6
- package/src/settings/_input.scss +1 -0
- package/src/settings/components/_vv-accordion.scss +1 -0
- package/src/settings/components/_vv-alert.scss +3 -3
- package/src/settings/components/_vv-avatar.scss +7 -0
- package/src/settings/components/_vv-breadcrumb.scss +23 -15
- package/src/settings/components/_vv-button-group.scss +4 -0
- package/src/settings/components/_vv-input-checkbox-group.scss +0 -1
- package/src/settings/components/_vv-input-text.scss +4 -9
- package/src/settings/components/_vv-select.scss +8 -0
- package/src/utilities/sizing.scss +9 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-accordion-overflow: hidden;--vv-accordion-state-open-element-summary-background-color: var(--color-surface-2);--vv-accordion-state-open-element-summary-pseudo-before-transform: rotate(0);--vv-accordion-element-summary-position: relative;--vv-accordion-element-summary-cursor: pointer;--vv-accordion-element-summary-line-height: var(--leading-normal);--vv-accordion-element-summary-color: var(--color-word-2);--vv-accordion-element-summary-will-change: background-color;--vv-accordion-element-summary-transition: background-color .3s ease-in-out;--vv-accordion-element-summary-font-size: var(--text-sm);--vv-accordion-element-summary-border-radius: var(--rounded-lg);--vv-accordion-element-summary-pseudo-before-display: block;--vv-accordion-element-summary-pseudo-before-position: absolute;--vv-accordion-element-summary-pseudo-before-width: calc(var(--leading-normal) * 1em);--vv-accordion-element-summary-pseudo-before-height: calc(var(--leading-normal) * 1em);--vv-accordion-element-summary-pseudo-before-background-image: var(--bg-chevron);--vv-accordion-element-summary-pseudo-before-background-position: center;--vv-accordion-element-summary-pseudo-before-background-size: 1em;--vv-accordion-element-summary-pseudo-before-background-repeat: no-repeat;--vv-accordion-element-summary-pseudo-before-will-change: transform;--vv-accordion-element-summary-pseudo-before-transition: transform .3s ease-in-out;--vv-accordion-element-summary-pseudo-before-transform: rotate(-90deg);--vv-accordion-element-summary-pseudo-marker-display: none;--vv-accordion-element-summary-pseudo--webkit-details-marker-display: none;--vv-accordion-element-summary-state-hover-background-color: var(--color-surface-1);--vv-accordion-element-content-padding-block: var(--spacing-sm);--vv-accordion-modifier-marker-right-element-summary-pseudo-before-left: auto;--vv-accordion-modifier-marker-right-element-summary-pseudo-before-transform: rotate(0def);--vv-accordion-modifier-marker-right-state-open-element-summary-pseudo-before-transform: rotate(-180deg);--vv-accordion-modifier-bordered-border: var(--border) solid var(--color-surface-4);--vv-accordion-modifier-bordered-border-radius: var(--rounded-lg);--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-right-radius: 0;--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-left-radius: 0}:where(.vv-accordion){--accordion-marker-size: calc(var(--spacing-sm) + var(--leading-normal) * 1em);--accordion-padding-top: var(--spacing-xs);--accordion-padding-right: var(--spacing-xs);--accordion-padding-bottom: var(--spacing-xs);--accordion-padding-left: var(--spacing-xs);overflow:var(--vv-accordion-overflow)}:where(.vv-accordion__summary,.vv-accordion > summary){position:var(--vv-accordion-element-summary-position);cursor:var(--vv-accordion-element-summary-cursor);padding-top:var(--accordion-padding-top);padding-right:var(--accordion-padding-right);padding-bottom:var(--accordion-padding-bottom);padding-left:calc(var(--accordion-padding-left) + var(--accordion-marker-size));line-height:var(--vv-accordion-element-summary-line-height);color:var(--vv-accordion-element-summary-color);will-change:var(--vv-accordion-element-summary-will-change);transition:var(--vv-accordion-element-summary-transition);font-size:var(--vv-accordion-element-summary-font-size);border-radius:var(--vv-accordion-element-summary-border-radius)}:where(.vv-accordion__summary,.vv-accordion > summary):before{content:"";display:var(--vv-accordion-element-summary-pseudo-before-display);position:var(--vv-accordion-element-summary-pseudo-before-position);top:var(--accordion-padding-top);left:var(--accordion-padding-left);width:var(--vv-accordion-element-summary-pseudo-before-width);height:var(--vv-accordion-element-summary-pseudo-before-height);background-image:var(--vv-accordion-element-summary-pseudo-before-background-image);background-position:var(--vv-accordion-element-summary-pseudo-before-background-position);background-size:var(--vv-accordion-element-summary-pseudo-before-background-size);background-repeat:var(--vv-accordion-element-summary-pseudo-before-background-repeat);will-change:var(--vv-accordion-element-summary-pseudo-before-will-change);transition:var(--vv-accordion-element-summary-pseudo-before-transition);transform:var(--vv-accordion-element-summary-pseudo-before-transform)}:where(.vv-accordion__summary,.vv-accordion > summary)::marker{content:"";display:var(--vv-accordion-element-summary-pseudo-marker-display)}:where(.vv-accordion__summary,.vv-accordion > summary)::-webkit-details-marker{content:"";display:var(--vv-accordion-element-summary-pseudo--webkit-details-marker-display)}:where(.vv-accordion__summary--hover,.vv-accordion__summary.hover,.vv-accordion > summary.hover,.vv-accordion__summary:not([disabled]):hover,.vv-accordion > summary:not([disabled]):hover){background-color:var(--vv-accordion-element-summary-state-hover-background-color)}:where(.vv-accordion__content,.vv-accordion > summary + *){padding-block:var(--vv-accordion-element-content-padding-block);padding-inline:var(--accordion-padding-left) var(--accordion-padding-right)}:where(.vv-accordion--open .vv-accordion__summary,.vv-accordion.open .vv-accordion__summary,.vv-accordion[open] .vv-accordion__summary,.vv-accordion--open > summary,.vv-accordion.open > summary,.vv-accordion[open] > summary){background-color:var(--vv-accordion-state-open-element-summary-background-color)}:where(.vv-accordion--open .vv-accordion__summary,.vv-accordion.open .vv-accordion__summary,.vv-accordion[open] .vv-accordion__summary,.vv-accordion--open > summary,.vv-accordion.open > summary,.vv-accordion[open] > summary):before{content:"";transform:var(--vv-accordion-state-open-element-summary-pseudo-before-transform)}:where(.vv-accordion--marker-right .vv-accordion__summary,.vv-accordion--marker-right > summary){padding-right:calc(var(--accordion-padding-right) + var(--accordion-marker-size));padding-left:var(--accordion-padding-left)}:where(.vv-accordion--marker-right .vv-accordion__summary,.vv-accordion--marker-right > summary):before{content:"";left:var(--vv-accordion-modifier-marker-right-element-summary-pseudo-before-left);right:var(--accordion-padding-right);transform:var(--vv-accordion-modifier-marker-right-element-summary-pseudo-before-transform)}:where(.vv-accordion--marker-right.vv-accordion--open .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion.open .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion[open] .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion--open > summary,.vv-accordion--marker-right.vv-accordion.open > summary,.vv-accordion--marker-right.vv-accordion[open] > summary):before{content:"";transform:var(--vv-accordion-modifier-marker-right-state-open-element-summary-pseudo-before-transform)}:where(.vv-accordion--bordered.vv-accordion){--accordion-padding-top: var(--spacing-xs);--accordion-padding-right: var(--spacing-xs);--accordion-padding-bottom: var(--spacing-xs);--accordion-padding-left: var(--spacing-xs);border:var(--vv-accordion-modifier-bordered-border);border-radius:var(--vv-accordion-modifier-bordered-border-radius)}:where(.vv-accordion--bordered.vv-accordion--open .vv-accordion__summary,.vv-accordion--bordered.vv-accordion.open .vv-accordion__summary,.vv-accordion--bordered.vv-accordion[open] .vv-accordion__summary,.vv-accordion--bordered.vv-accordion--open > summary,.vv-accordion--bordered.vv-accordion.open > summary,.vv-accordion--bordered.vv-accordion[open] > summary){border-bottom-right-radius:var(--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-right-radius);border-bottom-left-radius:var(--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-left-radius)}
|
|
1
|
+
:where(:host,:root,.theme){--vv-accordion-overflow: hidden;--vv-accordion-state-open-element-summary-background-color: var(--color-surface-2);--vv-accordion-state-open-element-summary-pseudo-before-transform: rotate(0);--vv-accordion-element-summary-position: relative;--vv-accordion-element-summary-cursor: pointer;--vv-accordion-element-summary-line-height: var(--leading-normal);--vv-accordion-element-summary-color: var(--color-word-2);--vv-accordion-element-summary-will-change: background-color;--vv-accordion-element-summary-transition: background-color .3s ease-in-out;--vv-accordion-element-summary-font-size: var(--text-sm);--vv-accordion-element-summary-border-radius: var(--rounded-lg);--vv-accordion-element-summary--webkit-tap-highlight-color: transparent;--vv-accordion-element-summary-pseudo-before-display: block;--vv-accordion-element-summary-pseudo-before-position: absolute;--vv-accordion-element-summary-pseudo-before-width: calc(var(--leading-normal) * 1em);--vv-accordion-element-summary-pseudo-before-height: calc(var(--leading-normal) * 1em);--vv-accordion-element-summary-pseudo-before-background-image: var(--bg-chevron);--vv-accordion-element-summary-pseudo-before-background-position: center;--vv-accordion-element-summary-pseudo-before-background-size: 1em;--vv-accordion-element-summary-pseudo-before-background-repeat: no-repeat;--vv-accordion-element-summary-pseudo-before-will-change: transform;--vv-accordion-element-summary-pseudo-before-transition: transform .3s ease-in-out;--vv-accordion-element-summary-pseudo-before-transform: rotate(-90deg);--vv-accordion-element-summary-pseudo-marker-display: none;--vv-accordion-element-summary-pseudo--webkit-details-marker-display: none;--vv-accordion-element-summary-state-hover-background-color: var(--color-surface-1);--vv-accordion-element-content-padding-block: var(--spacing-sm);--vv-accordion-modifier-marker-right-element-summary-pseudo-before-left: auto;--vv-accordion-modifier-marker-right-element-summary-pseudo-before-transform: rotate(0def);--vv-accordion-modifier-marker-right-state-open-element-summary-pseudo-before-transform: rotate(-180deg);--vv-accordion-modifier-bordered-border: var(--border) solid var(--color-surface-4);--vv-accordion-modifier-bordered-border-radius: var(--rounded-lg);--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-right-radius: 0;--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-left-radius: 0}:where(.vv-accordion){--accordion-marker-size: calc(var(--spacing-sm) + var(--leading-normal) * 1em);--accordion-padding-top: var(--spacing-xs);--accordion-padding-right: var(--spacing-xs);--accordion-padding-bottom: var(--spacing-xs);--accordion-padding-left: var(--spacing-xs);overflow:var(--vv-accordion-overflow)}:where(.vv-accordion__summary,.vv-accordion > summary){position:var(--vv-accordion-element-summary-position);cursor:var(--vv-accordion-element-summary-cursor);padding-top:var(--accordion-padding-top);padding-right:var(--accordion-padding-right);padding-bottom:var(--accordion-padding-bottom);padding-left:calc(var(--accordion-padding-left) + var(--accordion-marker-size));line-height:var(--vv-accordion-element-summary-line-height);color:var(--vv-accordion-element-summary-color);will-change:var(--vv-accordion-element-summary-will-change);transition:var(--vv-accordion-element-summary-transition);font-size:var(--vv-accordion-element-summary-font-size);border-radius:var(--vv-accordion-element-summary-border-radius);-webkit-tap-highlight-color:var(--vv-accordion-element-summary--webkit-tap-highlight-color)}:where(.vv-accordion__summary,.vv-accordion > summary):before{content:"";display:var(--vv-accordion-element-summary-pseudo-before-display);position:var(--vv-accordion-element-summary-pseudo-before-position);top:var(--accordion-padding-top);left:var(--accordion-padding-left);width:var(--vv-accordion-element-summary-pseudo-before-width);height:var(--vv-accordion-element-summary-pseudo-before-height);background-image:var(--vv-accordion-element-summary-pseudo-before-background-image);background-position:var(--vv-accordion-element-summary-pseudo-before-background-position);background-size:var(--vv-accordion-element-summary-pseudo-before-background-size);background-repeat:var(--vv-accordion-element-summary-pseudo-before-background-repeat);will-change:var(--vv-accordion-element-summary-pseudo-before-will-change);transition:var(--vv-accordion-element-summary-pseudo-before-transition);transform:var(--vv-accordion-element-summary-pseudo-before-transform)}:where(.vv-accordion__summary,.vv-accordion > summary)::marker{content:"";display:var(--vv-accordion-element-summary-pseudo-marker-display)}:where(.vv-accordion__summary,.vv-accordion > summary)::-webkit-details-marker{content:"";display:var(--vv-accordion-element-summary-pseudo--webkit-details-marker-display)}:where(.vv-accordion__summary--hover,.vv-accordion__summary.hover,.vv-accordion > summary.hover,.vv-accordion__summary:not([disabled]):hover,.vv-accordion > summary:not([disabled]):hover){background-color:var(--vv-accordion-element-summary-state-hover-background-color)}:where(.vv-accordion__content,.vv-accordion > summary + *){padding-block:var(--vv-accordion-element-content-padding-block);padding-inline:var(--accordion-padding-left) var(--accordion-padding-right)}:where(.vv-accordion--open .vv-accordion__summary,.vv-accordion.open .vv-accordion__summary,.vv-accordion[open] .vv-accordion__summary,.vv-accordion--open > summary,.vv-accordion.open > summary,.vv-accordion[open] > summary){background-color:var(--vv-accordion-state-open-element-summary-background-color)}:where(.vv-accordion--open .vv-accordion__summary,.vv-accordion.open .vv-accordion__summary,.vv-accordion[open] .vv-accordion__summary,.vv-accordion--open > summary,.vv-accordion.open > summary,.vv-accordion[open] > summary):before{content:"";transform:var(--vv-accordion-state-open-element-summary-pseudo-before-transform)}:where(.vv-accordion--marker-right .vv-accordion__summary,.vv-accordion--marker-right > summary){padding-right:calc(var(--accordion-padding-right) + var(--accordion-marker-size));padding-left:var(--accordion-padding-left)}:where(.vv-accordion--marker-right .vv-accordion__summary,.vv-accordion--marker-right > summary):before{content:"";left:var(--vv-accordion-modifier-marker-right-element-summary-pseudo-before-left);right:var(--accordion-padding-right);transform:var(--vv-accordion-modifier-marker-right-element-summary-pseudo-before-transform)}:where(.vv-accordion--marker-right.vv-accordion--open .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion.open .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion[open] .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion--open > summary,.vv-accordion--marker-right.vv-accordion.open > summary,.vv-accordion--marker-right.vv-accordion[open] > summary):before{content:"";transform:var(--vv-accordion-modifier-marker-right-state-open-element-summary-pseudo-before-transform)}:where(.vv-accordion--bordered.vv-accordion){--accordion-padding-top: var(--spacing-xs);--accordion-padding-right: var(--spacing-xs);--accordion-padding-bottom: var(--spacing-xs);--accordion-padding-left: var(--spacing-xs);border:var(--vv-accordion-modifier-bordered-border);border-radius:var(--vv-accordion-modifier-bordered-border-radius)}:where(.vv-accordion--bordered.vv-accordion--open .vv-accordion__summary,.vv-accordion--bordered.vv-accordion.open .vv-accordion__summary,.vv-accordion--bordered.vv-accordion[open] .vv-accordion__summary,.vv-accordion--bordered.vv-accordion--open > summary,.vv-accordion--bordered.vv-accordion.open > summary,.vv-accordion--bordered.vv-accordion[open] > summary){border-bottom-right-radius:var(--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-right-radius);border-bottom-left-radius:var(--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-left-radius)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-alert-display: flex;--vv-alert-min-width: 0;--vv-alert-overflow: hidden;--vv-alert-align-items: center;--vv-alert-padding: var(--spacing-md);--vv-alert-background-color: var(--color-surface-2);--vv-alert-border-color: var(--color-gray-lighten-4);--vv-alert-border-width: var(--border);--vv-alert-border-style: solid;--vv-alert-border-radius: var(--rounded);--vv-alert-position: relative;--vv-alert-element-icon-position: absolute;--vv-alert-element-icon-left: var(--spacing-md);--vv-alert-element-icon-inline-size: 1.2em;--vv-alert-element-icon-block-size: 1.2em;--vv-alert-element-close-position: absolute;--vv-alert-element-close-right: var(--spacing-md);--vv-alert-element-close-inline-size: 1em;--vv-alert-element-close-block-size: 1em;--vv-alert-element-close-cursor: pointer;--vv-alert-element-close-background-image: var(--bg-close);--vv-alert-element-close-background-position: center;--vv-alert-element-close-background-size: 100% auto;--vv-alert-element-close-background-repeat: no-repeat;--vv-alert-element-title-display: flex;--vv-alert-element-title-margin-right: 1ch;--vv-alert-element-title-line-height: var(--leading-none);--vv-alert-element-title-font-weight: var(--font-bold);--vv-alert-element-title-color: var(--color-word);--vv-alert-element-content-line-height: var(--leading-none);--vv-alert-element-content-color: var(--color-word-1);--vv-alert-element-content-text-overflow: ellipsis;--vv-alert-element-content-white-space: nowrap;--vv-alert-element-content-overflow: hidden;--vv-alert-element-separator-height: var(--border);--vv-alert-element-separator-background-color: var(--color-alpha-2);--vv-alert-element-separator-margin-block: var(--spacing-sm);--vv-alert-modifier-fixed-position: fixed;--vv-alert-modifier-fixed-z-index: var(--z-notification-alert);--vv-alert-modifier-top-inset-inline: var(--spacing-lg);--vv-alert-modifier-top-inset-block: var(--spacing-lg) auto;--vv-alert-modifier-bottom-inset-inline: var(--spacing-lg);--vv-alert-modifier-bottom-inset-block: auto var(--spacing-lg);--vv-alert-modifier-success-border-color: var(--color-success-lighten-5);--vv-alert-modifier-success-background-color: var(--color-surface-success);--vv-alert-modifier-success-element-icon-color: var(--color-success);--vv-alert-modifier-success-element-title-color: var(--color-success);--vv-alert-modifier-danger-border-color: var(--color-danger-lighten-5);--vv-alert-modifier-danger-background-color: var(--color-surface-danger);--vv-alert-modifier-danger-element-icon-color: var(--color-danger);--vv-alert-modifier-danger-element-title-color: var(--color-danger);--vv-alert-modifier-warning-border-color: var(--color-warning-lighten-5);--vv-alert-modifier-warning-background-color: var(--color-surface-warning);--vv-alert-modifier-warning-element-icon-color: var(--color-warning-darken-2);--vv-alert-modifier-warning-element-title-color: var(--color-warning-darken-2);--vv-alert-modifier-info-border-color: var(--color-info-lighten-5);--vv-alert-modifier-info-background-color: var(--color-surface-info);--vv-alert-modifier-info-element-icon-color: var(--color-info-darken-2);--vv-alert-modifier-info-element-title-color: var(--color-info-darken-2);--vv-alert-modifier-accent-border-color: var(--color-accent-lighten-5);--vv-alert-modifier-accent-background-color: var(--color-surface-accent);--vv-alert-modifier-accent-element-icon-color: var(--color-accent);--vv-alert-modifier-accent-element-title-color: var(--color-accent);--vv-alert-modifier-brand-border-color: var(--color-brand-lighten-5);--vv-alert-modifier-brand-background-color: var(--color-surface-brand);--vv-alert-modifier-brand-element-icon-color: var(--color-brand);--vv-alert-modifier-brand-element-title-color: var(--color-brand);--vv-alert-modifier-callout-display: block;--vv-alert-modifier-callout-border-radius: var(--rounded-none);--vv-alert-modifier-callout-border-width: 0 0 0 var(--spacing-4);--vv-alert-modifier-callout-element-title-margin-bottom: var(--spacing-sm);--vv-alert-modifier-callout-element-title-margin-right: 0;--vv-alert-modifier-callout-element-title-text-transform: uppercase;--vv-alert-modifier-callout-element-content-line-height: var(--leading-normal);--vv-alert-modifier-callout-element-content-white-space: wrap;--vv-alert-modifier-icon-padding-left: calc(var(--spacing-md) * 2 + 1em);--vv-alert-modifier-close-padding-right: calc(var(--spacing-md) * 2 + 1em)}:where(.vv-alert){display:var(--vv-alert-display);min-width:var(--vv-alert-min-width);overflow:var(--vv-alert-overflow);align-items:var(--vv-alert-align-items);padding:var(--vv-alert-padding);background-color:var(--vv-alert-background-color);border-color:var(--vv-alert-border-color);border-width:var(--vv-alert-border-width);border-style:var(--vv-alert-border-style);border-radius:var(--vv-alert-border-radius);position:var(--vv-alert-position)}:where(.vv-alert__icon,.vv-alert > :where(svg,[data-icon])){position:var(--vv-alert-element-icon-position);left:var(--vv-alert-element-icon-left);inline-size:var(--vv-alert-element-icon-inline-size);block-size:var(--vv-alert-element-icon-block-size)}:where(.vv-alert__close){position:var(--vv-alert-element-close-position);right:var(--vv-alert-element-close-right);inline-size:var(--vv-alert-element-close-inline-size);block-size:var(--vv-alert-element-close-block-size);cursor:var(--vv-alert-element-close-cursor);background-image:var(--vv-alert-element-close-background-image);background-position:var(--vv-alert-element-close-background-position);background-size:var(--vv-alert-element-close-background-size);background-repeat:var(--vv-alert-element-close-background-repeat)}:where(.vv-alert__title){display:var(--vv-alert-element-title-display);margin-right:var(--vv-alert-element-title-margin-right);line-height:var(--vv-alert-element-title-line-height);font-weight:var(--vv-alert-element-title-font-weight);color:var(--vv-alert-element-title-color)}:where(.vv-alert__content){line-height:var(--vv-alert-element-content-line-height);color:var(--vv-alert-element-content-color);text-overflow:var(--vv-alert-element-content-text-overflow);white-space:var(--vv-alert-element-content-white-space);overflow:var(--vv-alert-element-content-overflow)}:where(.vv-alert__separator,.vv-alert > hr){height:var(--vv-alert-element-separator-height);background-color:var(--vv-alert-element-separator-background-color);margin-block:var(--vv-alert-element-separator-margin-block)}:where(.vv-alert--fixed.vv-alert){--vv-alert-position: var(--vv-alert-modifier-fixed-position);z-index:var(--vv-alert-modifier-fixed-z-index)}:where(.vv-alert--top.vv-alert){inset-inline:var(--vv-alert-modifier-top-inset-inline);inset-block:var(--vv-alert-modifier-top-inset-block)}:where(.vv-alert--bottom.vv-alert){inset-inline:var(--vv-alert-modifier-bottom-inset-inline);inset-block:var(--vv-alert-modifier-bottom-inset-block)}:where(.vv-alert--success.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-success-border-color);--vv-alert-background-color: var(--vv-alert-modifier-success-background-color)}:where(.vv-alert--success .vv-alert__icon,.vv-alert--success > :where(svg,[data-icon])){color:var(--vv-alert-modifier-success-element-icon-color)}:where(.vv-alert--success .vv-alert__title){color:var(--vv-alert-modifier-success-element-title-color)}:where(.vv-alert--danger.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-danger-border-color);--vv-alert-background-color: var(--vv-alert-modifier-danger-background-color)}:where(.vv-alert--danger .vv-alert__icon,.vv-alert--danger > :where(svg,[data-icon])){color:var(--vv-alert-modifier-danger-element-icon-color)}:where(.vv-alert--danger .vv-alert__title){color:var(--vv-alert-modifier-danger-element-title-color)}:where(.vv-alert--warning.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-warning-border-color);--vv-alert-background-color: var(--vv-alert-modifier-warning-background-color)}:where(.vv-alert--warning .vv-alert__icon,.vv-alert--warning > :where(svg,[data-icon])){color:var(--vv-alert-modifier-warning-element-icon-color)}:where(.vv-alert--warning .vv-alert__title){color:var(--vv-alert-modifier-warning-element-title-color)}:where(.vv-alert--info.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-info-border-color);--vv-alert-background-color: var(--vv-alert-modifier-info-background-color)}:where(.vv-alert--info .vv-alert__icon,.vv-alert--info > :where(svg,[data-icon])){color:var(--vv-alert-modifier-info-element-icon-color)}:where(.vv-alert--info .vv-alert__title){color:var(--vv-alert-modifier-info-element-title-color)}:where(.vv-alert--accent.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-accent-border-color);--vv-alert-background-color: var(--vv-alert-modifier-accent-background-color)}:where(.vv-alert--accent .vv-alert__icon,.vv-alert--accent > :where(svg,[data-icon])){color:var(--vv-alert-modifier-accent-element-icon-color)}:where(.vv-alert--accent .vv-alert__title){color:var(--vv-alert-modifier-accent-element-title-color)}:where(.vv-alert--brand.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-brand-border-color);--vv-alert-background-color: var(--vv-alert-modifier-brand-background-color)}:where(.vv-alert--brand .vv-alert__icon,.vv-alert--brand > :where(svg,[data-icon])){color:var(--vv-alert-modifier-brand-element-icon-color)}:where(.vv-alert--brand .vv-alert__title){color:var(--vv-alert-modifier-brand-element-title-color)}:where(.vv-alert--callout.vv-alert){--vv-alert-display: var(--vv-alert-modifier-callout-display);--vv-alert-border-radius: var(--vv-alert-modifier-callout-border-radius);--vv-alert-border-width: var(--vv-alert-modifier-callout-border-width)}:where(.vv-alert--callout .vv-alert__title){margin-bottom:var(--vv-alert-modifier-callout-element-title-margin-bottom);margin-right:var(--vv-alert-modifier-callout-element-title-margin-right);text-transform:var(--vv-alert-modifier-callout-element-title-text-transform)}:where(.vv-alert--callout .vv-alert__content){line-height:var(--vv-alert-modifier-callout-element-content-line-height);white-space:var(--vv-alert-modifier-callout-element-content-white-space)}:where(.vv-alert--icon.vv-alert){padding-left:var(--vv-alert-modifier-icon-padding-left)}:where(.vv-alert--close.vv-alert){padding-right:var(--vv-alert-modifier-close-padding-right)}
|
|
1
|
+
:where(:host,:root,.theme){--vv-alert-display: flex;--vv-alert-min-width: 0;--vv-alert-overflow: hidden;--vv-alert-align-items: center;--vv-alert-padding: var(--spacing-sm) var(--spacing-md);--vv-alert-background-color: var(--color-surface-2);--vv-alert-border-color: var(--color-gray-lighten-4);--vv-alert-border-width: var(--border);--vv-alert-border-style: solid;--vv-alert-border-radius: var(--rounded);--vv-alert-position: relative;--vv-alert-element-icon-position: absolute;--vv-alert-element-icon-left: var(--spacing-md);--vv-alert-element-icon-inline-size: 1.2em;--vv-alert-element-icon-block-size: 1.2em;--vv-alert-element-close-position: absolute;--vv-alert-element-close-right: var(--spacing-md);--vv-alert-element-close-inline-size: 1em;--vv-alert-element-close-block-size: 1em;--vv-alert-element-close-cursor: pointer;--vv-alert-element-close-background-image: var(--bg-close);--vv-alert-element-close-background-position: center;--vv-alert-element-close-background-size: 100% auto;--vv-alert-element-close-background-repeat: no-repeat;--vv-alert-element-title-display: flex;--vv-alert-element-title-margin-right: 1ch;--vv-alert-element-title-line-height: var(--leading-normal);--vv-alert-element-title-font-weight: var(--font-bold);--vv-alert-element-title-color: var(--color-word);--vv-alert-element-content-line-height: var(--leading-normal);--vv-alert-element-content-color: var(--color-word-1);--vv-alert-element-content-text-overflow: ellipsis;--vv-alert-element-content-white-space: nowrap;--vv-alert-element-content-overflow: hidden;--vv-alert-element-separator-height: var(--border);--vv-alert-element-separator-background-color: var(--color-alpha-2);--vv-alert-element-separator-margin-block: var(--spacing-sm);--vv-alert-modifier-fixed-position: fixed;--vv-alert-modifier-fixed-z-index: var(--z-notification-alert);--vv-alert-modifier-top-inset-inline: var(--spacing-lg);--vv-alert-modifier-top-inset-block: var(--spacing-lg) auto;--vv-alert-modifier-bottom-inset-inline: var(--spacing-lg);--vv-alert-modifier-bottom-inset-block: auto var(--spacing-lg);--vv-alert-modifier-success-border-color: var(--color-success-lighten-5);--vv-alert-modifier-success-background-color: var(--color-surface-success);--vv-alert-modifier-success-element-icon-color: var(--color-success);--vv-alert-modifier-success-element-title-color: var(--color-success);--vv-alert-modifier-danger-border-color: var(--color-danger-lighten-5);--vv-alert-modifier-danger-background-color: var(--color-surface-danger);--vv-alert-modifier-danger-element-icon-color: var(--color-danger);--vv-alert-modifier-danger-element-title-color: var(--color-danger);--vv-alert-modifier-warning-border-color: var(--color-warning-lighten-5);--vv-alert-modifier-warning-background-color: var(--color-surface-warning);--vv-alert-modifier-warning-element-icon-color: var(--color-warning-darken-2);--vv-alert-modifier-warning-element-title-color: var(--color-warning-darken-2);--vv-alert-modifier-info-border-color: var(--color-info-lighten-5);--vv-alert-modifier-info-background-color: var(--color-surface-info);--vv-alert-modifier-info-element-icon-color: var(--color-info-darken-2);--vv-alert-modifier-info-element-title-color: var(--color-info-darken-2);--vv-alert-modifier-accent-border-color: var(--color-accent-lighten-5);--vv-alert-modifier-accent-background-color: var(--color-surface-accent);--vv-alert-modifier-accent-element-icon-color: var(--color-accent);--vv-alert-modifier-accent-element-title-color: var(--color-accent);--vv-alert-modifier-brand-border-color: var(--color-brand-lighten-5);--vv-alert-modifier-brand-background-color: var(--color-surface-brand);--vv-alert-modifier-brand-element-icon-color: var(--color-brand);--vv-alert-modifier-brand-element-title-color: var(--color-brand);--vv-alert-modifier-callout-display: block;--vv-alert-modifier-callout-border-radius: var(--rounded-none);--vv-alert-modifier-callout-border-width: 0 0 0 var(--spacing-4);--vv-alert-modifier-callout-element-title-margin-bottom: var(--spacing-sm);--vv-alert-modifier-callout-element-title-margin-right: 0;--vv-alert-modifier-callout-element-title-text-transform: uppercase;--vv-alert-modifier-callout-element-content-line-height: var(--leading-normal);--vv-alert-modifier-callout-element-content-white-space: wrap;--vv-alert-modifier-icon-padding-left: calc(var(--spacing-md) * 2 + 1em);--vv-alert-modifier-close-padding-right: calc(var(--spacing-md) * 2 + 1em)}:where(.vv-alert){display:var(--vv-alert-display);min-width:var(--vv-alert-min-width);overflow:var(--vv-alert-overflow);align-items:var(--vv-alert-align-items);padding:var(--vv-alert-padding);background-color:var(--vv-alert-background-color);border-color:var(--vv-alert-border-color);border-width:var(--vv-alert-border-width);border-style:var(--vv-alert-border-style);border-radius:var(--vv-alert-border-radius);position:var(--vv-alert-position)}:where(.vv-alert__icon,.vv-alert > :where(svg,[data-icon])){position:var(--vv-alert-element-icon-position);left:var(--vv-alert-element-icon-left);inline-size:var(--vv-alert-element-icon-inline-size);block-size:var(--vv-alert-element-icon-block-size)}:where(.vv-alert__close){position:var(--vv-alert-element-close-position);right:var(--vv-alert-element-close-right);inline-size:var(--vv-alert-element-close-inline-size);block-size:var(--vv-alert-element-close-block-size);cursor:var(--vv-alert-element-close-cursor);background-image:var(--vv-alert-element-close-background-image);background-position:var(--vv-alert-element-close-background-position);background-size:var(--vv-alert-element-close-background-size);background-repeat:var(--vv-alert-element-close-background-repeat)}:where(.vv-alert__title){display:var(--vv-alert-element-title-display);margin-right:var(--vv-alert-element-title-margin-right);line-height:var(--vv-alert-element-title-line-height);font-weight:var(--vv-alert-element-title-font-weight);color:var(--vv-alert-element-title-color)}:where(.vv-alert__content){line-height:var(--vv-alert-element-content-line-height);color:var(--vv-alert-element-content-color);text-overflow:var(--vv-alert-element-content-text-overflow);white-space:var(--vv-alert-element-content-white-space);overflow:var(--vv-alert-element-content-overflow)}:where(.vv-alert__separator,.vv-alert > hr){height:var(--vv-alert-element-separator-height);background-color:var(--vv-alert-element-separator-background-color);margin-block:var(--vv-alert-element-separator-margin-block)}:where(.vv-alert--fixed.vv-alert){--vv-alert-position: var(--vv-alert-modifier-fixed-position);z-index:var(--vv-alert-modifier-fixed-z-index)}:where(.vv-alert--top.vv-alert){inset-inline:var(--vv-alert-modifier-top-inset-inline);inset-block:var(--vv-alert-modifier-top-inset-block)}:where(.vv-alert--bottom.vv-alert){inset-inline:var(--vv-alert-modifier-bottom-inset-inline);inset-block:var(--vv-alert-modifier-bottom-inset-block)}:where(.vv-alert--success.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-success-border-color);--vv-alert-background-color: var(--vv-alert-modifier-success-background-color)}:where(.vv-alert--success .vv-alert__icon,.vv-alert--success > :where(svg,[data-icon])){color:var(--vv-alert-modifier-success-element-icon-color)}:where(.vv-alert--success .vv-alert__title){color:var(--vv-alert-modifier-success-element-title-color)}:where(.vv-alert--danger.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-danger-border-color);--vv-alert-background-color: var(--vv-alert-modifier-danger-background-color)}:where(.vv-alert--danger .vv-alert__icon,.vv-alert--danger > :where(svg,[data-icon])){color:var(--vv-alert-modifier-danger-element-icon-color)}:where(.vv-alert--danger .vv-alert__title){color:var(--vv-alert-modifier-danger-element-title-color)}:where(.vv-alert--warning.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-warning-border-color);--vv-alert-background-color: var(--vv-alert-modifier-warning-background-color)}:where(.vv-alert--warning .vv-alert__icon,.vv-alert--warning > :where(svg,[data-icon])){color:var(--vv-alert-modifier-warning-element-icon-color)}:where(.vv-alert--warning .vv-alert__title){color:var(--vv-alert-modifier-warning-element-title-color)}:where(.vv-alert--info.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-info-border-color);--vv-alert-background-color: var(--vv-alert-modifier-info-background-color)}:where(.vv-alert--info .vv-alert__icon,.vv-alert--info > :where(svg,[data-icon])){color:var(--vv-alert-modifier-info-element-icon-color)}:where(.vv-alert--info .vv-alert__title){color:var(--vv-alert-modifier-info-element-title-color)}:where(.vv-alert--accent.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-accent-border-color);--vv-alert-background-color: var(--vv-alert-modifier-accent-background-color)}:where(.vv-alert--accent .vv-alert__icon,.vv-alert--accent > :where(svg,[data-icon])){color:var(--vv-alert-modifier-accent-element-icon-color)}:where(.vv-alert--accent .vv-alert__title){color:var(--vv-alert-modifier-accent-element-title-color)}:where(.vv-alert--brand.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-brand-border-color);--vv-alert-background-color: var(--vv-alert-modifier-brand-background-color)}:where(.vv-alert--brand .vv-alert__icon,.vv-alert--brand > :where(svg,[data-icon])){color:var(--vv-alert-modifier-brand-element-icon-color)}:where(.vv-alert--brand .vv-alert__title){color:var(--vv-alert-modifier-brand-element-title-color)}:where(.vv-alert--callout.vv-alert){--vv-alert-display: var(--vv-alert-modifier-callout-display);--vv-alert-border-radius: var(--vv-alert-modifier-callout-border-radius);--vv-alert-border-width: var(--vv-alert-modifier-callout-border-width)}:where(.vv-alert--callout .vv-alert__title){margin-bottom:var(--vv-alert-modifier-callout-element-title-margin-bottom);margin-right:var(--vv-alert-modifier-callout-element-title-margin-right);text-transform:var(--vv-alert-modifier-callout-element-title-text-transform)}:where(.vv-alert--callout .vv-alert__content){line-height:var(--vv-alert-modifier-callout-element-content-line-height);white-space:var(--vv-alert-modifier-callout-element-content-white-space)}:where(.vv-alert--icon.vv-alert){padding-left:var(--vv-alert-modifier-icon-padding-left)}:where(.vv-alert--close.vv-alert){padding-right:var(--vv-alert-modifier-close-padding-right)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--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-border-radius: var(--rounded);--vv-avatar-background-position: center;--vv-avatar-background-size: contain;--vv-avatar-background-repeat: no-repeat;--vv-avatar-color: var(--color-white);--vv-avatar-object-fit: contain;--vv-avatar-modifier-rounded-border-radius: var(--rounded-full);--vv-avatar-modifier-rounded-overflow: hidden;--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-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-transform: translate(50%, -50%);--vv-avatar-element-badge-box-shadow: var(--shadow-sm)}:where(.vv-avatar){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);border-radius:var(--vv-avatar-border-radius);background-position:var(--vv-avatar-background-position);background-size:var(--vv-avatar-background-size);background-repeat:var(--vv-avatar-background-repeat);color:var(--vv-avatar-color);-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);transform:var(--vv-avatar-element-badge-transform);box-shadow:var(--vv-avatar-element-badge-box-shadow)}: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);overflow:var(--vv-avatar-modifier-rounded-overflow)}: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)}
|
|
1
|
+
:where(:host,:root,.theme){--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-border-radius: var(--rounded);--vv-avatar-background-position: center;--vv-avatar-background-size: contain;--vv-avatar-background-repeat: no-repeat;--vv-avatar-color: var(--color-white);--vv-avatar-object-fit: contain;--vv-avatar-modifier-rounded-border-radius: var(--rounded-full);--vv-avatar-modifier-rounded-overflow: hidden;--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-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-transform: translate(50%, -50%);--vv-avatar-element-badge-box-shadow: var(--shadow-sm);--vv-avatar-element-image-width: 100%;--vv-avatar-element-image-height: 100%;--vv-avatar-element-image-border-radius: inherit;--vv-avatar-element-image-object-fit: inherit}:where(.vv-avatar){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);border-radius:var(--vv-avatar-border-radius);background-position:var(--vv-avatar-background-position);background-size:var(--vv-avatar-background-size);background-repeat:var(--vv-avatar-background-repeat);color:var(--vv-avatar-color);-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);transform:var(--vv-avatar-element-badge-transform);box-shadow:var(--vv-avatar-element-badge-box-shadow)}:where(.vv-avatar__image,.vv-avatar > img){width:var(--vv-avatar-element-image-width);height:var(--vv-avatar-element-image-height);border-radius:var(--vv-avatar-element-image-border-radius);-o-object-fit:var(--vv-avatar-element-image-object-fit);object-fit:var(--vv-avatar-element-image-object-fit)}: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);overflow:var(--vv-avatar-modifier-rounded-overflow)}: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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-breadcrumb-
|
|
1
|
+
:where(:host,:root,.theme){--vv-breadcrumb-position: relative;--vv-breadcrumb-pseudo-after-position: absolute;--vv-breadcrumb-pseudo-after-top: 0;--vv-breadcrumb-pseudo-after-bottom: 0;--vv-breadcrumb-pseudo-after-right: 0;--vv-breadcrumb-pseudo-after-display: block;--vv-breadcrumb-pseudo-after-width: var(--spacing-sm);--vv-breadcrumb-pseudo-after-background: linear-gradient(45deg, transparent, var(--color-surface));--vv-breadcrumb-element-list-position: relative;--vv-breadcrumb-element-list-overflow: auto hidden;--vv-breadcrumb-element-list-overscroll-behavior-x: contain;--vv-breadcrumb-element-list-scroll-behavior: smooth;--vv-breadcrumb-element-list-scroll-snap-type: x mandatory;--vv-breadcrumb-element-list-scrollbar-width: none;--vv-breadcrumb-element-list-display: flex;--vv-breadcrumb-element-list-flex-wrap: no-wrap;--vv-breadcrumb-element-list-list-style: none;--vv-breadcrumb-element-list-padding: 0;--vv-breadcrumb-element-list-background: var(--color-surface);--vv-breadcrumb-element-list-white-space: nowrap;--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-width: 0;--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-height: 0;--vv-breadcrumb-element-item-display: inline-flex;--vv-breadcrumb-element-item-align-items: center;--vv-breadcrumb-element-item-color: var(--color-word-2);--vv-breadcrumb-element-item-pseudo-after-display: block;--vv-breadcrumb-element-item-pseudo-after-margin-inline: 1ch;--vv-breadcrumb-element-item-pseudo-after-width: calc(var(--leading-normal) * 1em);--vv-breadcrumb-element-item-pseudo-after-height: calc(var(--leading-normal) * 1em);--vv-breadcrumb-element-item-pseudo-after-background-image: var(--bg-chevron);--vv-breadcrumb-element-item-pseudo-after-background-position: center;--vv-breadcrumb-element-item-pseudo-after-background-size: 1em;--vv-breadcrumb-element-item-pseudo-after-background-repeat: no-repeat;--vv-breadcrumb-element-item-pseudo-after-transform: rotate(-90deg);--vv-breadcrumb-element-item-active-display: inline-flex;--vv-breadcrumb-element-item-active-align-items: center;--vv-breadcrumb-element-item-active-font-weight: var(--font-bold);--vv-breadcrumb-element-item-active-padding-right: var(--spacing-16);--vv-breadcrumb-element-link-state-hover-text-decoration: underline;--vv-breadcrumb-element-link-state-focus-within-text-decoration: underline;--vv-breadcrumb-element-link-state-active-color: var(--color-brand-darken-2);--vv-breadcrumb-modifier-multiline-element-list-flex-wrap: wrap;--vv-breadcrumb-modifier-multiline-element-item-font-size: var(--text-12);--vv-breadcrumb-modifier-multiline-element-item-active-width: 100%;--vv-breadcrumb-modifier-multiline-element-item-active-font-size: var(--text-18);--vv-breadcrumb-modifier-multiline-element-item-active-line-height: var(--leading-relaxed)}:where(.vv-breadcrumb){position:var(--vv-breadcrumb-position)}:where(.vv-breadcrumb):after{content:"";position:var(--vv-breadcrumb-pseudo-after-position);top:var(--vv-breadcrumb-pseudo-after-top);bottom:var(--vv-breadcrumb-pseudo-after-bottom);right:var(--vv-breadcrumb-pseudo-after-right);display:var(--vv-breadcrumb-pseudo-after-display);width:var(--vv-breadcrumb-pseudo-after-width);background:var(--vv-breadcrumb-pseudo-after-background)}:where(.vv-breadcrumb__list,.vv-breadcrumb > ol){position:var(--vv-breadcrumb-element-list-position);overflow:var(--vv-breadcrumb-element-list-overflow);overscroll-behavior-x:var(--vv-breadcrumb-element-list-overscroll-behavior-x);scroll-behavior:var(--vv-breadcrumb-element-list-scroll-behavior);scroll-snap-type:var(--vv-breadcrumb-element-list-scroll-snap-type);scrollbar-width:var(--vv-breadcrumb-element-list-scrollbar-width);display:var(--vv-breadcrumb-element-list-display);flex-wrap:var(--vv-breadcrumb-element-list-flex-wrap);list-style:var(--vv-breadcrumb-element-list-list-style);padding:var(--vv-breadcrumb-element-list-padding);background:var(--vv-breadcrumb-element-list-background);white-space:var(--vv-breadcrumb-element-list-white-space)}:where(.vv-breadcrumb__list,.vv-breadcrumb > ol)::-webkit-scrollbar{content:"";width:var(--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-width);height:var(--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-height)}:where(.vv-breadcrumb__item,.vv-breadcrumb > ol > li[\:has\(a\)]){display:var(--vv-breadcrumb-element-item-display);align-items:var(--vv-breadcrumb-element-item-align-items);color:var(--vv-breadcrumb-element-item-color)}:where(.vv-breadcrumb__item,.vv-breadcrumb > ol > li:has(a)){display:var(--vv-breadcrumb-element-item-display);align-items:var(--vv-breadcrumb-element-item-align-items);color:var(--vv-breadcrumb-element-item-color)}:where(.vv-breadcrumb__item,.vv-breadcrumb > ol > li[\:has\(a\)]):after{content:"";display:var(--vv-breadcrumb-element-item-pseudo-after-display);margin-inline:var(--vv-breadcrumb-element-item-pseudo-after-margin-inline);width:var(--vv-breadcrumb-element-item-pseudo-after-width);height:var(--vv-breadcrumb-element-item-pseudo-after-height);background-image:var(--vv-breadcrumb-element-item-pseudo-after-background-image);background-position:var(--vv-breadcrumb-element-item-pseudo-after-background-position);background-size:var(--vv-breadcrumb-element-item-pseudo-after-background-size);background-repeat:var(--vv-breadcrumb-element-item-pseudo-after-background-repeat);transform:var(--vv-breadcrumb-element-item-pseudo-after-transform)}:where(.vv-breadcrumb__item,.vv-breadcrumb > ol > li:has(a)):after{content:"";display:var(--vv-breadcrumb-element-item-pseudo-after-display);margin-inline:var(--vv-breadcrumb-element-item-pseudo-after-margin-inline);width:var(--vv-breadcrumb-element-item-pseudo-after-width);height:var(--vv-breadcrumb-element-item-pseudo-after-height);background-image:var(--vv-breadcrumb-element-item-pseudo-after-background-image);background-position:var(--vv-breadcrumb-element-item-pseudo-after-background-position);background-size:var(--vv-breadcrumb-element-item-pseudo-after-background-size);background-repeat:var(--vv-breadcrumb-element-item-pseudo-after-background-repeat);transform:var(--vv-breadcrumb-element-item-pseudo-after-transform)}:where(.vv-breadcrumb__item-active,.vv-breadcrumb > ol > li[\:not-has\(a\)]){display:var(--vv-breadcrumb-element-item-active-display);align-items:var(--vv-breadcrumb-element-item-active-align-items);font-weight:var(--vv-breadcrumb-element-item-active-font-weight);padding-right:var(--vv-breadcrumb-element-item-active-padding-right)}:where(.vv-breadcrumb__item-active,.vv-breadcrumb > ol > li:not(:has(a))){display:var(--vv-breadcrumb-element-item-active-display);align-items:var(--vv-breadcrumb-element-item-active-align-items);font-weight:var(--vv-breadcrumb-element-item-active-font-weight);padding-right:var(--vv-breadcrumb-element-item-active-padding-right)}:where(.vv-breadcrumb__link--hover,.vv-breadcrumb__link.hover,.vv-breadcrumb > ol > li > a.hover,.vv-breadcrumb__link:not([disabled]):hover,.vv-breadcrumb > ol > li > a:not([disabled]):hover){-webkit-text-decoration:var(--vv-breadcrumb-element-link-state-hover-text-decoration);text-decoration:var(--vv-breadcrumb-element-link-state-hover-text-decoration)}:where(.vv-breadcrumb__link--focus-within,.vv-breadcrumb__link.focus-within,.vv-breadcrumb > ol > li > a.focus-within,.vv-breadcrumb__link:not([disabled]):focus-within,.vv-breadcrumb > ol > li > a:not([disabled]):focus-within){-webkit-text-decoration:var(--vv-breadcrumb-element-link-state-focus-within-text-decoration);text-decoration:var(--vv-breadcrumb-element-link-state-focus-within-text-decoration)}:where(.vv-breadcrumb__link--active,.vv-breadcrumb__link.active,.vv-breadcrumb > ol > li > a.active,.vv-breadcrumb__link:not([disabled]):active,.vv-breadcrumb > ol > li > a:not([disabled]):active){color:var(--vv-breadcrumb-element-link-state-active-color)}:where(.vv-breadcrumb--multiline .vv-breadcrumb__list,.vv-breadcrumb--multiline > ol){flex-wrap:var(--vv-breadcrumb-modifier-multiline-element-list-flex-wrap)}:where(.vv-breadcrumb--multiline .vv-breadcrumb__item,.vv-breadcrumb--multiline > ol > li[\:has\(a\)]){font-size:var(--vv-breadcrumb-modifier-multiline-element-item-font-size)}:where(.vv-breadcrumb--multiline .vv-breadcrumb__item,.vv-breadcrumb--multiline > ol > li:has(a)){font-size:var(--vv-breadcrumb-modifier-multiline-element-item-font-size)}:where(.vv-breadcrumb--multiline .vv-breadcrumb__item-active,.vv-breadcrumb--multiline > ol > li[\:not-has\(a\)]){width:var(--vv-breadcrumb-modifier-multiline-element-item-active-width);font-size:var(--vv-breadcrumb-modifier-multiline-element-item-active-font-size);line-height:var(--vv-breadcrumb-modifier-multiline-element-item-active-line-height)}:where(.vv-breadcrumb--multiline .vv-breadcrumb__item-active,.vv-breadcrumb--multiline > ol > li:not(:has(a))){width:var(--vv-breadcrumb-modifier-multiline-element-item-active-width);font-size:var(--vv-breadcrumb-modifier-multiline-element-item-active-font-size);line-height:var(--vv-breadcrumb-modifier-multiline-element-item-active-line-height)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-button-group-display: inline-flex;--vv-button-group-align-items: center;--vv-button-group-gap: var(--spacing-4);--vv-button-group-modifier-block-display: flex;--vv-button-group-modifier-block-width: 100%;--vv-button-group-modifier-vertical-display: inline-flex;--vv-button-group-modifier-vertical-flex-direction: column;--vv-button-group-modifier-vertical-align-items: normal;--vv-button-group-modifier-compact-gap: 0;--vv-button-group-modifier-compact-align-items: normal}:where(.vv-button-group){display:var(--vv-button-group-display);align-items:var(--vv-button-group-align-items);gap:var(--vv-button-group-gap)}:where(.vv-button-group--block.vv-button-group){--vv-button-group-display: var(--vv-button-group-modifier-block-display);width:var(--vv-button-group-modifier-block-width)}:where(.vv-button-group--vertical.vv-button-group){--vv-button-group-display: var(--vv-button-group-modifier-vertical-display);flex-direction:var(--vv-button-group-modifier-vertical-flex-direction);--vv-button-group-align-items: var(--vv-button-group-modifier-vertical-align-items)}:where(.vv-button-group--compact.vv-button-group){--vv-button-group-gap: var(--vv-button-group-modifier-compact-gap);--vv-button-group-align-items: var(--vv-button-group-modifier-compact-align-items)}:where(.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]).active,.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]).vv-button--active,.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]):active){z-index:1}.vv-button-group--block :where(.vv-button){flex:1}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:first-child)){border-top-right-radius:0;border-top-left-radius:0}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:last-child)){border-bottom-right-radius:0;border-bottom-left-radius:0}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:last-child):not(:last-child)){margin-block:calc(var(--button-border-width) * -1)}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:first-child)){border-top-left-radius:0;border-bottom-left-radius:0}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:last-child)){border-top-right-radius:0;border-bottom-right-radius:0}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:last-child):not(:last-child)){margin-inline:calc(var(--button-border-width) * -1)}
|
|
1
|
+
:where(:host,:root,.theme){--vv-button-group-display: inline-flex;--vv-button-group-flex-wrap: wrap;--vv-button-group-min-width: 0;--vv-button-group-max-width: 100%;--vv-button-group-align-items: center;--vv-button-group-justify-content: center;--vv-button-group-gap: var(--spacing-4);--vv-button-group-modifier-block-display: flex;--vv-button-group-modifier-block-width: 100%;--vv-button-group-modifier-vertical-display: inline-flex;--vv-button-group-modifier-vertical-flex-direction: column;--vv-button-group-modifier-vertical-align-items: normal;--vv-button-group-modifier-compact-gap: 0;--vv-button-group-modifier-compact-align-items: normal}:where(.vv-button-group){display:var(--vv-button-group-display);flex-wrap:var(--vv-button-group-flex-wrap);min-width:var(--vv-button-group-min-width);max-width:var(--vv-button-group-max-width);align-items:var(--vv-button-group-align-items);justify-content:var(--vv-button-group-justify-content);gap:var(--vv-button-group-gap)}:where(.vv-button-group--block.vv-button-group){--vv-button-group-display: var(--vv-button-group-modifier-block-display);width:var(--vv-button-group-modifier-block-width)}:where(.vv-button-group--vertical.vv-button-group){--vv-button-group-display: var(--vv-button-group-modifier-vertical-display);flex-direction:var(--vv-button-group-modifier-vertical-flex-direction);--vv-button-group-align-items: var(--vv-button-group-modifier-vertical-align-items)}:where(.vv-button-group--compact.vv-button-group){--vv-button-group-gap: var(--vv-button-group-modifier-compact-gap);--vv-button-group-align-items: var(--vv-button-group-modifier-compact-align-items)}:where(.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]).active,.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]).vv-button--active,.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]):active){z-index:1}.vv-button-group--block :where(.vv-button){flex:1}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:first-child)){border-top-right-radius:0;border-top-left-radius:0}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:last-child)){border-bottom-right-radius:0;border-bottom-left-radius:0}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:last-child):not(:last-child)){margin-block:calc(var(--button-border-width) * -1)}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:first-child)){border-top-left-radius:0;border-bottom-left-radius:0}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:last-child)){border-top-right-radius:0;border-bottom-right-radius:0}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:last-child):not(:last-child)){margin-inline:calc(var(--button-border-width) * -1)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-input-checkbox-group-display: var(--input-display);--vv-input-checkbox-group-flex: var(--input-flex);--vv-input-checkbox-group-flex-direction: var(--input-flex-direction);--vv-input-checkbox-group-
|
|
1
|
+
:where(:host,:root,.theme){--vv-input-checkbox-group-display: var(--input-display);--vv-input-checkbox-group-flex: var(--input-flex);--vv-input-checkbox-group-flex-direction: var(--input-flex-direction);--vv-input-checkbox-group-element-legend-display: var(--input-label-display);--vv-input-checkbox-group-element-legend-font-size: var(--input-label-font-size);--vv-input-checkbox-group-element-legend-color: var(--input-label-color);--vv-input-checkbox-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-input-checkbox-group-element-legend-white-space: var(--input-label-white-space);--vv-input-checkbox-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-input-checkbox-group-element-legend-overflow: var(--input-label-overflow);--vv-input-checkbox-group-element-legend-max-width: var(--input-label-max-width);--vv-input-checkbox-group-element-wrapper-position: relative;--vv-input-checkbox-group-element-wrapper-display: flex;--vv-input-checkbox-group-element-wrapper-flex-direction: column;--vv-input-checkbox-group-element-wrapper-flex-wrap: wrap;--vv-input-checkbox-group-element-hint-display: var(--input-hint-display);--vv-input-checkbox-group-element-hint-font-size: var(--input-hint-font-size);--vv-input-checkbox-group-element-hint-color: var(--input-hint-color);--vv-input-checkbox-group-element-hint-padding-top: var(--input-hint-gap);--vv-input-checkbox-group-element-hint-white-space: var(--input-hint-white-space);--vv-input-checkbox-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-checkbox-group-element-hint-overflow: var(--input-hint-overflow);--vv-input-checkbox-group-element-hint-max-width: var(--input-hint-max-width);--vv-input-checkbox-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-input-checkbox-group-element-hint-margin-bottom: var(--input-gap);--vv-input-checkbox-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-input-checkbox-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-checkbox-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-input-checkbox-group){display:var(--vv-input-checkbox-group-display);flex:var(--vv-input-checkbox-group-flex);flex-direction:var(--vv-input-checkbox-group-flex-direction)}:where(.vv-input-checkbox-group__legend,.vv-input-checkbox-group > legend){display:var(--vv-input-checkbox-group-element-legend-display);font-size:var(--vv-input-checkbox-group-element-legend-font-size);color:var(--vv-input-checkbox-group-element-legend-color);margin:var(--vv-input-checkbox-group-element-legend-margin);white-space:var(--vv-input-checkbox-group-element-legend-white-space);text-overflow:var(--vv-input-checkbox-group-element-legend-text-overflow);overflow:var(--vv-input-checkbox-group-element-legend-overflow);max-width:var(--vv-input-checkbox-group-element-legend-max-width)}:where(.vv-input-checkbox-group__wrapper){position:var(--vv-input-checkbox-group-element-wrapper-position);display:var(--vv-input-checkbox-group-element-wrapper-display);flex-direction:var(--vv-input-checkbox-group-element-wrapper-flex-direction);flex-wrap:var(--vv-input-checkbox-group-element-wrapper-flex-wrap)}:where(.vv-input-checkbox-group__hint,.vv-input-checkbox-group > small){display:var(--vv-input-checkbox-group-element-hint-display);font-size:var(--vv-input-checkbox-group-element-hint-font-size);color:var(--vv-input-checkbox-group-element-hint-color);padding-top:var(--vv-input-checkbox-group-element-hint-padding-top);white-space:var(--vv-input-checkbox-group-element-hint-white-space);text-overflow:var(--vv-input-checkbox-group-element-hint-text-overflow);overflow:var(--vv-input-checkbox-group-element-hint-overflow);max-width:var(--vv-input-checkbox-group-element-hint-max-width);margin-top:var(--vv-input-checkbox-group-element-hint-margin-top);margin-bottom:var(--vv-input-checkbox-group-element-hint-margin-bottom)}:where(.vv-input-checkbox-group--horizontal .vv-input-checkbox-group__wrapper){flex-direction:var(--vv-input-checkbox-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-input-checkbox-group--valid .vv-input-checkbox-group__hint,.vv-input-checkbox-group--valid > small){color:var(--vv-input-checkbox-group-modifier-valid-element-hint-color)}:where(.vv-input-checkbox-group--invalid .vv-input-checkbox-group__hint,.vv-input-checkbox-group--invalid > small){color:var(--vv-input-checkbox-group-modifier-invalid-element-hint-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-input-radio-group-display: var(--input-display);--vv-input-radio-group-flex: var(--input-flex);--vv-input-radio-group-flex-direction: var(--input-flex-direction);--vv-input-radio-group-
|
|
1
|
+
:where(:host,:root,.theme){--vv-input-radio-group-display: var(--input-display);--vv-input-radio-group-flex: var(--input-flex);--vv-input-radio-group-flex-direction: var(--input-flex-direction);--vv-input-radio-group-element-legend-display: var(--input-label-display);--vv-input-radio-group-element-legend-font-size: var(--input-label-font-size);--vv-input-radio-group-element-legend-color: var(--input-label-color);--vv-input-radio-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-input-radio-group-element-legend-white-space: var(--input-label-white-space);--vv-input-radio-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-input-radio-group-element-legend-overflow: var(--input-label-overflow);--vv-input-radio-group-element-legend-max-width: var(--input-label-max-width);--vv-input-radio-group-element-wrapper-position: relative;--vv-input-radio-group-element-wrapper-display: flex;--vv-input-radio-group-element-wrapper-flex-direction: column;--vv-input-radio-group-element-wrapper-flex-wrap: wrap;--vv-input-radio-group-element-hint-display: var(--input-hint-display);--vv-input-radio-group-element-hint-font-size: var(--input-hint-font-size);--vv-input-radio-group-element-hint-color: var(--input-hint-color);--vv-input-radio-group-element-hint-padding-top: var(--input-hint-gap);--vv-input-radio-group-element-hint-white-space: var(--input-hint-white-space);--vv-input-radio-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-radio-group-element-hint-overflow: var(--input-hint-overflow);--vv-input-radio-group-element-hint-max-width: var(--input-hint-max-width);--vv-input-radio-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-input-radio-group-element-hint-margin-bottom: var(--input-gap);--vv-input-radio-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-input-radio-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-radio-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-input-radio-group){display:var(--vv-input-radio-group-display);flex:var(--vv-input-radio-group-flex);flex-direction:var(--vv-input-radio-group-flex-direction)}:where(.vv-input-radio-group__legend,.vv-input-radio-group > legend){display:var(--vv-input-radio-group-element-legend-display);font-size:var(--vv-input-radio-group-element-legend-font-size);color:var(--vv-input-radio-group-element-legend-color);margin:var(--vv-input-radio-group-element-legend-margin);white-space:var(--vv-input-radio-group-element-legend-white-space);text-overflow:var(--vv-input-radio-group-element-legend-text-overflow);overflow:var(--vv-input-radio-group-element-legend-overflow);max-width:var(--vv-input-radio-group-element-legend-max-width)}:where(.vv-input-radio-group__wrapper){position:var(--vv-input-radio-group-element-wrapper-position);display:var(--vv-input-radio-group-element-wrapper-display);flex-direction:var(--vv-input-radio-group-element-wrapper-flex-direction);flex-wrap:var(--vv-input-radio-group-element-wrapper-flex-wrap)}:where(.vv-input-radio-group__hint,.vv-input-radio-group > small){display:var(--vv-input-radio-group-element-hint-display);font-size:var(--vv-input-radio-group-element-hint-font-size);color:var(--vv-input-radio-group-element-hint-color);padding-top:var(--vv-input-radio-group-element-hint-padding-top);white-space:var(--vv-input-radio-group-element-hint-white-space);text-overflow:var(--vv-input-radio-group-element-hint-text-overflow);overflow:var(--vv-input-radio-group-element-hint-overflow);max-width:var(--vv-input-radio-group-element-hint-max-width);margin-top:var(--vv-input-radio-group-element-hint-margin-top);margin-bottom:var(--vv-input-radio-group-element-hint-margin-bottom)}:where(.vv-input-radio-group--horizontal .vv-input-radio-group__wrapper){flex-direction:var(--vv-input-radio-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-input-radio-group--valid .vv-input-radio-group__hint,.vv-input-radio-group--valid > small){color:var(--vv-input-radio-group-modifier-valid-element-hint-color)}:where(.vv-input-radio-group--invalid .vv-input-radio-group__hint,.vv-input-radio-group--invalid > small){color:var(--vv-input-radio-group-modifier-invalid-element-hint-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-input-text-display: var(--input-display);--vv-input-text-flex: var(--input-flex);--vv-input-text-flex-direction: var(--input-flex-direction);--vv-input-text-margin-bottom: var(--input-gap);--vv-input-text-font-size: var(--input-font-size);--vv-input-text-line-height: var(--input-line-height);--vv-input-text-element-label-display: var(--input-label-display);--vv-input-text-element-label-font-size: var(--input-label-font-size);--vv-input-text-element-label-color: var(--input-label-color);--vv-input-text-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-input-text-element-label-white-space: var(--input-label-white-space);--vv-input-text-element-label-text-overflow: var(--input-label-text-overflow);--vv-input-text-element-label-overflow: var(--input-label-overflow);--vv-input-text-element-label-max-width: var(--input-label-max-width);--vv-input-text-element-wrapper-position: relative;--vv-input-text-element-wrapper-display: flex;--vv-input-text-element-wrapper-align-items: center;--vv-input-text-element-wrapper-flex: 1;--vv-input-text-element-wrapper-overflow: hidden;--vv-input-text-element-wrapper-background-color: var(--input-background-color);--vv-input-text-element-wrapper-will-change: background-color;--vv-input-text-element-wrapper-transition: background-color .3s ease-in-out;--vv-input-text-element-wrapper-pseudo-before-position: absolute;--vv-input-text-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-input-text-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-input-text-element-wrapper-pseudo-after-position: absolute;--vv-input-text-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-input-text-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-after-background: var(--color-brand);--vv-input-text-element-wrapper-pseudo-after-transform: scaleX(0);--vv-input-text-element-wrapper-pseudo-after-transform-origin: left;--vv-input-text-element-wrapper-pseudo-after-will-change: transform;--vv-input-text-element-wrapper-pseudo-after-transition: transform .3s ease-in-out;--vv-input-text-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-input-text-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-input-text-element-input-display: block;--vv-input-text-element-input-flex: 1;--vv-input-text-element-input-color: var(--input-color);--vv-input-text-element-input-min-height: var(--spacing-50);--vv-input-text-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-input-text-element-input-pseudo-calendar-picker-indicator-position: absolute;--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding: var(--spacing-sm);--vv-input-text-element-input-pseudo-calendar-picker-indicator-top: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-right: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity: 0;--vv-input-text-element-input-pseudo-search-cancel-button-display: none;--vv-input-text-element-input-pseudo-color-swatch-wrapper-display: block;--vv-input-text-element-input-pseudo-color-swatch-wrapper-border: none;--vv-input-text-element-input-pseudo-color-swatch-wrapper-height: 100%;--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding: 0;--vv-input-text-element-input-pseudo-color-swatch-display: block;--vv-input-text-element-input-pseudo-color-swatch-border: none;--vv-input-text-element-input-pseudo-color-swatch-height: var(--spacing-20);--vv-input-text-element-input-pseudo-color-swatch-border-radius: var(--spacing-4);--vv-input-text-element-input-pseudo-outer-spin-button-display: none;--vv-input-text-element-input-pseudo-inner-spin-button-display: none;--vv-input-text-element-input-state-disabled-cursor: not-allowed;--vv-input-text-element-input-state-readonly-cursor: text;--vv-input-text-element-number--moz-appearance: textfield;--vv-input-text-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-input-text-element-icon-position: var(--input-icon-position);--vv-input-text-element-icon-width: var(--input-icon-width);--vv-input-text-element-icon-height: var(--input-icon-height);--vv-input-text-element-icon-padding: var(--input-icon-padding);--vv-input-text-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-right: 0;--vv-input-text-element-actions-group-display: flex;--vv-input-text-element-actions-group-flex-direction: column;--vv-input-text-element-actions-group-position: absolute;--vv-input-text-element-actions-group-right: 0;--vv-input-text-element-actions-group-top: 0;--vv-input-text-element-actions-group-bottom: var(--spacing-px);--vv-input-text-element-action-chevron-flex: 1;--vv-input-text-element-action-chevron-width: calc(1em + var(--spacing-sm) * 2);--vv-input-text-element-action-chevron-background-position: center var(--spacing-2);--vv-input-text-element-action-chevron-background-size: var(--text-14) auto;--vv-input-text-element-action-chevron-background-repeat: no-repeat;--vv-input-text-element-action-chevron-background-image: var(--bg-chevron);--vv-input-text-element-action-chevron-cursor: pointer;--vv-input-text-element-action-chevron-state-hover-background-color: var(--color-surface-4);--vv-input-text-element-action-chevron-state-active-background-color: var(--color-surface-5);--vv-input-text-element-action-chevron-up-transform: rotate(180deg);--vv-input-text-element-hint-display: var(--input-hint-display);--vv-input-text-element-hint-font-size: var(--input-hint-font-size);--vv-input-text-element-hint-color: var(--input-hint-color);--vv-input-text-element-hint-padding-top: var(--input-hint-gap);--vv-input-text-element-hint-padding-inline: var(--spacing-xs);--vv-input-text-element-hint-white-space: var(--input-hint-white-space);--vv-input-text-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-text-element-hint-overflow: var(--input-hint-overflow);--vv-input-text-element-hint-max-width: var(--input-hint-max-width);--vv-input-text-element-limit-font-size: var(--input-hint-font-size);--vv-input-text-element-limit-color: var(--input-hint-color);--vv-input-text-modifier-icon-right-element-limit-margin-left: calc((var(--spacing-sm) + 1em) * -1);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-limit-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-input-text-modifier-floating-element-label-position: absolute;--vv-input-text-modifier-floating-element-label-z-index: 1;--vv-input-text-modifier-floating-element-label-pointer-events: none;--vv-input-text-modifier-floating-element-label-font-size: inherit;--vv-input-text-modifier-floating-element-label-padding-inline: 0;--vv-input-text-modifier-floating-element-label-margin: 0;--vv-input-text-modifier-floating-element-label-will-change: transform;--vv-input-text-modifier-floating-element-label-transform-origin: left;--vv-input-text-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-input-text-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-focus-within-element-input-transform: translateY(.85ch);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-input-text-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-dirty-element-input-transform: translateY(.85ch);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-state-disabled-opacity: .5;--vv-input-text-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-input-text-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-input-text){display:var(--vv-input-text-display);flex:var(--vv-input-text-flex);flex-direction:var(--vv-input-text-flex-direction);margin-bottom:var(--vv-input-text-margin-bottom);font-size:var(--vv-input-text-font-size);line-height:var(--vv-input-text-line-height)}:where(.vv-input-text__label,.vv-input-text > label){display:var(--vv-input-text-element-label-display);font-size:var(--vv-input-text-element-label-font-size);color:var(--vv-input-text-element-label-color);margin:var(--vv-input-text-element-label-margin);white-space:var(--vv-input-text-element-label-white-space);text-overflow:var(--vv-input-text-element-label-text-overflow);overflow:var(--vv-input-text-element-label-overflow);max-width:var(--vv-input-text-element-label-max-width)}:where(.vv-input-text__wrapper){position:var(--vv-input-text-element-wrapper-position);display:var(--vv-input-text-element-wrapper-display);align-items:var(--vv-input-text-element-wrapper-align-items);flex:var(--vv-input-text-element-wrapper-flex);overflow:var(--vv-input-text-element-wrapper-overflow);background-color:var(--vv-input-text-element-wrapper-background-color);will-change:var(--vv-input-text-element-wrapper-will-change);transition:var(--vv-input-text-element-wrapper-transition)}:where(.vv-input-text__wrapper):before{content:"";position:var(--vv-input-text-element-wrapper-pseudo-before-position);height:var(--vv-input-text-element-wrapper-pseudo-before-height);inset:var(--vv-input-text-element-wrapper-pseudo-before-inset);background:var(--vv-input-text-element-wrapper-pseudo-before-background)}:where(.vv-input-text__wrapper):after{content:"";position:var(--vv-input-text-element-wrapper-pseudo-after-position);height:var(--vv-input-text-element-wrapper-pseudo-after-height);inset:var(--vv-input-text-element-wrapper-pseudo-after-inset);background:var(--vv-input-text-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-input-text-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-text-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-text-element-wrapper-pseudo-after-transition)}:where(.vv-input-text__wrapper--hover,.vv-input-text__wrapper.hover,.vv-input-text__wrapper:not([disabled]):hover){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-hover-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within):after{--vv-input-text-element-wrapper-pseudo-after-transform: var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-input-text__input,.vv-input-text input){display:var(--vv-input-text-element-input-display);flex:var(--vv-input-text-element-input-flex);color:var(--vv-input-text-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-input-text-element-input-min-height)}:where(.vv-input-text__input,.vv-input-text input)::-moz-placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}:where(.vv-input-text__input,.vv-input-text input)::placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-calendar-picker-indicator{content:"";position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-calendar-picker-indicator{position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-search-cancel-button{content:"";display:var(--vv-input-text-element-input-pseudo-search-cancel-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-search-cancel-button{display:var(--vv-input-text-element-input-pseudo-search-cancel-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch-wrapper{content:"";display:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-display);border:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-border);height:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-height);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{display:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-display);border:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-border);height:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-height);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:"";display:var(--vv-input-text-element-input-pseudo-color-swatch-display);border:var(--vv-input-text-element-input-pseudo-color-swatch-border);height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch{display:var(--vv-input-text-element-input-pseudo-color-swatch-display);border:var(--vv-input-text-element-input-pseudo-color-swatch-border);height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-outer-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-outer-spin-button{display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-inner-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-inner-spin-button{display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input--disabled,.vv-input-text__input.disabled,.vv-input-text input.disabled,.vv-input-text__input[disabled],.vv-input-text input[disabled],.vv-input-text__input[aria-disabled=true],.vv-input-text input[aria-disabled=true]){cursor:var(--vv-input-text-element-input-state-disabled-cursor)}:where(.vv-input-text__input--readonly,.vv-input-text__input.readonly,.vv-input-text input.readonly,.vv-input-text__input[readonly],.vv-input-text input[readonly]){cursor:var(--vv-input-text-element-input-state-readonly-cursor)}:where(.vv-input-text__number,.vv-input-text input[type=number]){-moz-appearance:var(--vv-input-text-element-number--moz-appearance)}:where(.vv-input-text__icon,.vv-input-text :where(svg,[data-icon])){margin:var(--vv-input-text-element-icon-margin);position:var(--vv-input-text-element-icon-position);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);padding:var(--vv-input-text-element-icon-padding);pointer-events:var(--vv-input-text-element-icon-pointer-events)}:where(.vv-input-text__icon-right,.vv-input-text input + :where(svg,[data-icon])){right:var(--vv-input-text-element-icon-right-right)}:where(.vv-input-text__actions-group){display:var(--vv-input-text-element-actions-group-display);flex-direction:var(--vv-input-text-element-actions-group-flex-direction);position:var(--vv-input-text-element-actions-group-position);right:var(--vv-input-text-element-actions-group-right);top:var(--vv-input-text-element-actions-group-top);bottom:var(--vv-input-text-element-actions-group-bottom)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);width:var(--vv-input-text-element-action-chevron-width);background-position:var(--vv-input-text-element-action-chevron-background-position);background-size:var(--vv-input-text-element-action-chevron-background-size);background-repeat:var(--vv-input-text-element-action-chevron-background-repeat);background-image:var(--vv-input-text-element-action-chevron-background-image);cursor:var(--vv-input-text-element-action-chevron-cursor)}:where(.vv-input-text__action-chevron--hover,.vv-input-text__action-chevron.hover,.vv-input-text__action-chevron:not([disabled]):hover){background-color:var(--vv-input-text-element-action-chevron-state-hover-background-color)}:where(.vv-input-text__action-chevron--active,.vv-input-text__action-chevron.active,.vv-input-text__action-chevron:not([disabled]):active){background-color:var(--vv-input-text-element-action-chevron-state-active-background-color)}:where(.vv-input-text__action-chevron-up){transform:var(--vv-input-text-element-action-chevron-up-transform)}:where(.vv-input-text__hint,.vv-input-text > small){display:var(--vv-input-text-element-hint-display);font-size:var(--vv-input-text-element-hint-font-size);color:var(--vv-input-text-element-hint-color);padding-top:var(--vv-input-text-element-hint-padding-top);padding-inline:var(--vv-input-text-element-hint-padding-inline);white-space:var(--vv-input-text-element-hint-white-space);text-overflow:var(--vv-input-text-element-hint-text-overflow);overflow:var(--vv-input-text-element-hint-overflow);max-width:var(--vv-input-text-element-hint-max-width)}:where(.vv-input-text__limit){padding-right:var(--input-padding-right);font-size:var(--vv-input-text-element-limit-font-size);color:var(--vv-input-text-element-limit-color)}:where(.vv-input-text[\:has\(input\:disabled\)]),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text:has(input:disabled)),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text[\:has\(input\:disabled\)] .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input:disabled) .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text[\:has\(input\:readonly\)] .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text[\:has\(input\:readonly\)] .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text--icon-left.vv-input-text){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right.vv-input-text){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right .vv-input-text__limit){margin-left:var(--vv-input-text-modifier-icon-right-element-limit-margin-left)}:where(.vv-input-text--valid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--valid .vv-input-text__hint,.vv-input-text--valid > small){color:var(--vv-input-text-modifier-valid-element-hint-color)}:where(.vv-input-text--valid .vv-input-text__limit){color:var(--vv-input-text-modifier-valid-element-limit-color)}:where(.vv-input-text--valid .vv-input-text__icon-right,.vv-input-text--valid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-right-color)}:where(.vv-input-text--invalid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--invalid .vv-input-text__hint,.vv-input-text--invalid > small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}:where(.vv-input-text--invalid .vv-input-text__limit){color:var(--vv-input-text-modifier-invalid-element-limit-color)}:where(.vv-input-text--invalid .vv-input-text__icon-right,.vv-input-text--invalid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-right-color)}:where(.vv-input-text--loading .vv-input-text__wrapper):before{content:"";height:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-input-text--loading .vv-input-text__wrapper):after{content:"";animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-input-text--floating .vv-input-text__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-input-text--floating .vv-input-text__hint,.vv-input-text--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-input-text--floating .vv-input-text__label,.vv-input-text--floating > label){position:var(--vv-input-text-modifier-floating-element-label-position);z-index:var(--vv-input-text-modifier-floating-element-label-z-index);pointer-events:var(--vv-input-text-modifier-floating-element-label-pointer-events);font-size:var(--vv-input-text-modifier-floating-element-label-font-size);padding-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);padding-inline:var(--vv-input-text-modifier-floating-element-label-padding-inline);margin:var(--vv-input-text-modifier-floating-element-label-margin);will-change:var(--vv-input-text-modifier-floating-element-label-will-change);transform-origin:var(--vv-input-text-modifier-floating-element-label-transform-origin);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text--focus-within > label,.vv-input-text--floating.vv-input-text.focus-within > label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within > label){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
|
|
1
|
+
:where(:host,:root,.theme){--vv-input-text-display: var(--input-display);--vv-input-text-flex: var(--input-flex);--vv-input-text-flex-direction: var(--input-flex-direction);--vv-input-text-margin-bottom: var(--input-gap);--vv-input-text-font-size: var(--input-font-size);--vv-input-text-line-height: var(--input-line-height);--vv-input-text-element-label-display: var(--input-label-display);--vv-input-text-element-label-font-size: var(--input-label-font-size);--vv-input-text-element-label-color: var(--input-label-color);--vv-input-text-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-input-text-element-label-white-space: var(--input-label-white-space);--vv-input-text-element-label-text-overflow: var(--input-label-text-overflow);--vv-input-text-element-label-overflow: var(--input-label-overflow);--vv-input-text-element-label-max-width: var(--input-label-max-width);--vv-input-text-element-wrapper-position: relative;--vv-input-text-element-wrapper-display: flex;--vv-input-text-element-wrapper-align-items: center;--vv-input-text-element-wrapper-flex: 1;--vv-input-text-element-wrapper-overflow: hidden;--vv-input-text-element-wrapper-background-color: var(--input-background-color);--vv-input-text-element-wrapper-will-change: background-color;--vv-input-text-element-wrapper-transition: background-color .3s ease-in-out;--vv-input-text-element-wrapper-pseudo-before-position: absolute;--vv-input-text-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-input-text-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-input-text-element-wrapper-pseudo-after-position: absolute;--vv-input-text-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-input-text-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-after-background: var(--color-brand);--vv-input-text-element-wrapper-pseudo-after-transform: scaleX(0);--vv-input-text-element-wrapper-pseudo-after-transform-origin: left;--vv-input-text-element-wrapper-pseudo-after-will-change: transform;--vv-input-text-element-wrapper-pseudo-after-transition: transform .3s ease-in-out;--vv-input-text-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-input-text-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-input-text-element-input-display: block;--vv-input-text-element-input-flex: 1;--vv-input-text-element-input-color: var(--input-color);--vv-input-text-element-input-min-height: var(--input-min-height);--vv-input-text-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-input-text-element-input-pseudo-calendar-picker-indicator-position: absolute;--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding: var(--spacing-sm);--vv-input-text-element-input-pseudo-calendar-picker-indicator-top: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-right: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity: 0;--vv-input-text-element-input-pseudo-search-cancel-button-display: none;--vv-input-text-element-input-pseudo-color-swatch-height: var(--spacing-20);--vv-input-text-element-input-pseudo-color-swatch-border-radius: var(--spacing-4);--vv-input-text-element-input-pseudo-outer-spin-button-display: none;--vv-input-text-element-input-pseudo-inner-spin-button-display: none;--vv-input-text-element-input-state-disabled-cursor: not-allowed;--vv-input-text-element-input-state-readonly-cursor: text;--vv-input-text-element-number--moz-appearance: textfield;--vv-input-text-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-input-text-element-icon-position: var(--input-icon-position);--vv-input-text-element-icon-width: var(--input-icon-width);--vv-input-text-element-icon-height: var(--input-icon-height);--vv-input-text-element-icon-padding: var(--input-icon-padding);--vv-input-text-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-right: 0;--vv-input-text-element-actions-group-display: flex;--vv-input-text-element-actions-group-flex-direction: column;--vv-input-text-element-actions-group-position: absolute;--vv-input-text-element-actions-group-right: 0;--vv-input-text-element-actions-group-top: 0;--vv-input-text-element-actions-group-bottom: var(--spacing-px);--vv-input-text-element-action-chevron-flex: 1;--vv-input-text-element-action-chevron-width: calc(1em + var(--spacing-sm) * 2);--vv-input-text-element-action-chevron-background-position: center var(--spacing-2);--vv-input-text-element-action-chevron-background-size: var(--text-14) auto;--vv-input-text-element-action-chevron-background-repeat: no-repeat;--vv-input-text-element-action-chevron-background-image: var(--bg-chevron);--vv-input-text-element-action-chevron-cursor: pointer;--vv-input-text-element-action-chevron-state-hover-background-color: var(--color-surface-4);--vv-input-text-element-action-chevron-state-active-background-color: var(--color-surface-5);--vv-input-text-element-action-chevron-up-transform: rotate(180deg);--vv-input-text-element-hint-display: var(--input-hint-display);--vv-input-text-element-hint-font-size: var(--input-hint-font-size);--vv-input-text-element-hint-color: var(--input-hint-color);--vv-input-text-element-hint-padding-top: var(--input-hint-gap);--vv-input-text-element-hint-padding-inline: var(--spacing-xs);--vv-input-text-element-hint-white-space: var(--input-hint-white-space);--vv-input-text-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-text-element-hint-overflow: var(--input-hint-overflow);--vv-input-text-element-hint-max-width: var(--input-hint-max-width);--vv-input-text-element-limit-font-size: var(--input-hint-font-size);--vv-input-text-element-limit-color: var(--input-hint-color);--vv-input-text-modifier-icon-right-element-limit-margin-left: calc((var(--spacing-sm) + 1em) * -1);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-limit-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-input-text-modifier-floating-element-label-position: absolute;--vv-input-text-modifier-floating-element-label-z-index: 1;--vv-input-text-modifier-floating-element-label-display: flex;--vv-input-text-modifier-floating-element-label-align-items: center;--vv-input-text-modifier-floating-element-label-min-height: var(--input-min-height);--vv-input-text-modifier-floating-element-label-pointer-events: none;--vv-input-text-modifier-floating-element-label-font-size: inherit;--vv-input-text-modifier-floating-element-label-padding-inline: 0;--vv-input-text-modifier-floating-element-label-margin: 0;--vv-input-text-modifier-floating-element-label-will-change: transform;--vv-input-text-modifier-floating-element-label-transform-origin: left;--vv-input-text-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-input-text-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-focus-within-element-input-transform: translateY(.85ch);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-input-text-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-input-text-modifier-floating-state-dirty-element-input-transform: translateY(.85ch);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-input-text-state-disabled-opacity: .5;--vv-input-text-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-input-text-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-input-text){display:var(--vv-input-text-display);flex:var(--vv-input-text-flex);flex-direction:var(--vv-input-text-flex-direction);margin-bottom:var(--vv-input-text-margin-bottom);font-size:var(--vv-input-text-font-size);line-height:var(--vv-input-text-line-height)}:where(.vv-input-text__label,.vv-input-text > label){display:var(--vv-input-text-element-label-display);font-size:var(--vv-input-text-element-label-font-size);color:var(--vv-input-text-element-label-color);margin:var(--vv-input-text-element-label-margin);white-space:var(--vv-input-text-element-label-white-space);text-overflow:var(--vv-input-text-element-label-text-overflow);overflow:var(--vv-input-text-element-label-overflow);max-width:var(--vv-input-text-element-label-max-width)}:where(.vv-input-text__wrapper){position:var(--vv-input-text-element-wrapper-position);display:var(--vv-input-text-element-wrapper-display);align-items:var(--vv-input-text-element-wrapper-align-items);flex:var(--vv-input-text-element-wrapper-flex);overflow:var(--vv-input-text-element-wrapper-overflow);background-color:var(--vv-input-text-element-wrapper-background-color);will-change:var(--vv-input-text-element-wrapper-will-change);transition:var(--vv-input-text-element-wrapper-transition)}:where(.vv-input-text__wrapper):before{content:"";position:var(--vv-input-text-element-wrapper-pseudo-before-position);height:var(--vv-input-text-element-wrapper-pseudo-before-height);inset:var(--vv-input-text-element-wrapper-pseudo-before-inset);background:var(--vv-input-text-element-wrapper-pseudo-before-background)}:where(.vv-input-text__wrapper):after{content:"";position:var(--vv-input-text-element-wrapper-pseudo-after-position);height:var(--vv-input-text-element-wrapper-pseudo-after-height);inset:var(--vv-input-text-element-wrapper-pseudo-after-inset);background:var(--vv-input-text-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-input-text-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-text-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-text-element-wrapper-pseudo-after-transition)}:where(.vv-input-text__wrapper--hover,.vv-input-text__wrapper.hover,.vv-input-text__wrapper:not([disabled]):hover){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-hover-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within):after{--vv-input-text-element-wrapper-pseudo-after-transform: var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-input-text__input,.vv-input-text input){display:var(--vv-input-text-element-input-display);flex:var(--vv-input-text-element-input-flex);color:var(--vv-input-text-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-input-text-element-input-min-height)}:where(.vv-input-text__input,.vv-input-text input)::-moz-placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}:where(.vv-input-text__input,.vv-input-text input)::placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-calendar-picker-indicator{content:"";position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-calendar-picker-indicator{position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-search-cancel-button{content:"";display:var(--vv-input-text-element-input-pseudo-search-cancel-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-search-cancel-button{display:var(--vv-input-text-element-input-pseudo-search-cancel-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch{content:"";height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch{height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-outer-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-outer-spin-button{display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-inner-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-inner-spin-button{display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input--disabled,.vv-input-text__input.disabled,.vv-input-text input.disabled,.vv-input-text__input[disabled],.vv-input-text input[disabled],.vv-input-text__input[aria-disabled=true],.vv-input-text input[aria-disabled=true]){cursor:var(--vv-input-text-element-input-state-disabled-cursor)}:where(.vv-input-text__input--readonly,.vv-input-text__input.readonly,.vv-input-text input.readonly,.vv-input-text__input[readonly],.vv-input-text input[readonly]){cursor:var(--vv-input-text-element-input-state-readonly-cursor)}:where(.vv-input-text__number,.vv-input-text input[type=number]){-moz-appearance:var(--vv-input-text-element-number--moz-appearance)}:where(.vv-input-text__icon,.vv-input-text :where(svg,[data-icon])){margin:var(--vv-input-text-element-icon-margin);position:var(--vv-input-text-element-icon-position);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);padding:var(--vv-input-text-element-icon-padding);pointer-events:var(--vv-input-text-element-icon-pointer-events)}:where(.vv-input-text__icon-right,.vv-input-text input + :where(svg,[data-icon])){right:var(--vv-input-text-element-icon-right-right)}:where(.vv-input-text__actions-group){display:var(--vv-input-text-element-actions-group-display);flex-direction:var(--vv-input-text-element-actions-group-flex-direction);position:var(--vv-input-text-element-actions-group-position);right:var(--vv-input-text-element-actions-group-right);top:var(--vv-input-text-element-actions-group-top);bottom:var(--vv-input-text-element-actions-group-bottom)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);width:var(--vv-input-text-element-action-chevron-width);background-position:var(--vv-input-text-element-action-chevron-background-position);background-size:var(--vv-input-text-element-action-chevron-background-size);background-repeat:var(--vv-input-text-element-action-chevron-background-repeat);background-image:var(--vv-input-text-element-action-chevron-background-image);cursor:var(--vv-input-text-element-action-chevron-cursor)}:where(.vv-input-text__action-chevron--hover,.vv-input-text__action-chevron.hover,.vv-input-text__action-chevron:not([disabled]):hover){background-color:var(--vv-input-text-element-action-chevron-state-hover-background-color)}:where(.vv-input-text__action-chevron--active,.vv-input-text__action-chevron.active,.vv-input-text__action-chevron:not([disabled]):active){background-color:var(--vv-input-text-element-action-chevron-state-active-background-color)}:where(.vv-input-text__action-chevron-up){transform:var(--vv-input-text-element-action-chevron-up-transform)}:where(.vv-input-text__hint,.vv-input-text > small){display:var(--vv-input-text-element-hint-display);font-size:var(--vv-input-text-element-hint-font-size);color:var(--vv-input-text-element-hint-color);padding-top:var(--vv-input-text-element-hint-padding-top);padding-inline:var(--vv-input-text-element-hint-padding-inline);white-space:var(--vv-input-text-element-hint-white-space);text-overflow:var(--vv-input-text-element-hint-text-overflow);overflow:var(--vv-input-text-element-hint-overflow);max-width:var(--vv-input-text-element-hint-max-width)}:where(.vv-input-text__limit){padding-right:var(--input-padding-right);font-size:var(--vv-input-text-element-limit-font-size);color:var(--vv-input-text-element-limit-color)}:where(.vv-input-text[\:has\(input\:disabled\)]),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text:has(input:disabled)),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text[\:has\(input\:disabled\)] .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input:disabled) .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text[\:has\(input\:readonly\)] .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text[\:has\(input\:readonly\)] .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text--icon-left.vv-input-text){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right.vv-input-text){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right .vv-input-text__limit){margin-left:var(--vv-input-text-modifier-icon-right-element-limit-margin-left)}:where(.vv-input-text--valid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--valid .vv-input-text__hint,.vv-input-text--valid > small){color:var(--vv-input-text-modifier-valid-element-hint-color)}:where(.vv-input-text--valid .vv-input-text__limit){color:var(--vv-input-text-modifier-valid-element-limit-color)}:where(.vv-input-text--valid .vv-input-text__icon-right,.vv-input-text--valid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-right-color)}:where(.vv-input-text--invalid .vv-input-text__wrapper):after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--invalid .vv-input-text__hint,.vv-input-text--invalid > small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}:where(.vv-input-text--invalid .vv-input-text__limit){color:var(--vv-input-text-modifier-invalid-element-limit-color)}:where(.vv-input-text--invalid .vv-input-text__icon-right,.vv-input-text--invalid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-right-color)}:where(.vv-input-text--loading .vv-input-text__wrapper):before{content:"";height:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-input-text--loading .vv-input-text__wrapper):after{content:"";animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-input-text--floating .vv-input-text__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-input-text--floating .vv-input-text__hint,.vv-input-text--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-input-text--floating .vv-input-text__label,.vv-input-text--floating > label){position:var(--vv-input-text-modifier-floating-element-label-position);z-index:var(--vv-input-text-modifier-floating-element-label-z-index);display:var(--vv-input-text-modifier-floating-element-label-display);align-items:var(--vv-input-text-modifier-floating-element-label-align-items);min-height:var(--vv-input-text-modifier-floating-element-label-min-height);pointer-events:var(--vv-input-text-modifier-floating-element-label-pointer-events);font-size:var(--vv-input-text-modifier-floating-element-label-font-size);padding-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);padding-inline:var(--vv-input-text-modifier-floating-element-label-padding-inline);margin:var(--vv-input-text-modifier-floating-element-label-margin);will-change:var(--vv-input-text-modifier-floating-element-label-will-change);transform-origin:var(--vv-input-text-modifier-floating-element-label-transform-origin);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text--focus-within > label,.vv-input-text--floating.vv-input-text.focus-within > label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within > label){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input){transform:var(--vv-input-text-modifier-floating-state-dirty-element-input-transform)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:-moz-placeholder-shown\)] input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text[\:not-has\(*\:placeholder-shown\)] input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:-moz-placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(*:placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-select-display: var(--input-display);--vv-select-flex: var(--input-flex);--vv-select-flex-direction: var(--input-flex-direction);--vv-select-margin-bottom: var(--input-gap);--vv-select-font-size: var(--input-font-size);--vv-select-line-height: var(--input-line-height);--vv-select-user-select: none;--vv-select-element-label-display: var(--input-label-display);--vv-select-element-label-font-size: var(--input-label-font-size);--vv-select-element-label-color: var(--input-label-color);--vv-select-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-select-element-label-white-space: var(--input-label-white-space);--vv-select-element-label-text-overflow: var(--input-label-text-overflow);--vv-select-element-label-overflow: var(--input-label-overflow);--vv-select-element-label-max-width: var(--input-label-max-width);--vv-select-element-wrapper-position: relative;--vv-select-element-wrapper-display: flex;--vv-select-element-wrapper-align-items: center;--vv-select-element-wrapper-flex: 1;--vv-select-element-wrapper-background-color: var(--input-background-color);--vv-select-element-wrapper-will-change: background-color;--vv-select-element-wrapper-transition: background-color .3s ease-in-out;--vv-select-element-wrapper-pseudo-before-position: absolute;--vv-select-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-select-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-select-element-wrapper-pseudo-after-position: absolute;--vv-select-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-select-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-after-background: var(--color-brand);--vv-select-element-wrapper-pseudo-after-transform: scaleX(0);--vv-select-element-wrapper-pseudo-after-transform-origin: left;--vv-select-element-wrapper-pseudo-after-will-change: transform;--vv-select-element-wrapper-pseudo-after-transition: transform .3s ease-in-out;--vv-select-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-select-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-select-element-wrapper-state-open-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-open-pseudo-after-transform: scaleX(1);--vv-select-element-input-display: flex;--vv-select-element-input-align-items: center;--vv-select-element-input-flex: 1;--vv-select-element-input-color: var(--input-placeholder-color);--vv-select-element-input-min-height: var(--spacing-50);--vv-select-element-input-background-image: var(--bg-chevron);--vv-select-element-input-background-repeat: no-repeat;--vv-select-element-input-background-size: 1em;--vv-select-element-input-state-disabled-cursor: not-allowed;--vv-select-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-select-element-icon-position: var(--input-icon-position);--vv-select-element-icon-width: var(--input-icon-width);--vv-select-element-icon-height: var(--input-icon-height);--vv-select-element-icon-padding: var(--input-icon-padding);--vv-select-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-select-element-icon-right-right: 0;--vv-select-element-hint-display: var(--input-hint-display);--vv-select-element-hint-font-size: var(--input-hint-font-size);--vv-select-element-hint-color: var(--input-hint-color);--vv-select-element-hint-padding-top: var(--input-hint-gap);--vv-select-element-hint-padding-inline: var(--spacing-xs);--vv-select-element-hint-white-space: var(--input-hint-white-space);--vv-select-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-select-element-hint-overflow: var(--input-hint-overflow);--vv-select-element-hint-max-width: var(--input-hint-max-width);--vv-select-modifier-dirty-element-input-color: var(--input-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-valid-element-hint-color: var(--input-valid-color);--vv-select-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-select-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-select-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-select-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-select-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-select-modifier-floating-element-label-position: absolute;--vv-select-modifier-floating-element-label-z-index: 1;--vv-select-modifier-floating-element-label-pointer-events: none;--vv-select-modifier-floating-element-label-font-size: inherit;--vv-select-modifier-floating-element-label-padding-inline: 0;--vv-select-modifier-floating-element-label-margin: 0;--vv-select-modifier-floating-element-label-will-change: transform;--vv-select-modifier-floating-element-label-transform-origin: left;--vv-select-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-select-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-select-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-select-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-select-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-select-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-select-modifier-readonly-opacity: 1;--vv-select-modifier-readonly-user-select: text;--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-select-modifier-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-select-modifier-readonly-element-input-background-image: none;--vv-select-modifier-readonly-element-input-cursor: text;--vv-select-state-disabled-opacity: .5;--vv-select-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-select){display:var(--vv-select-display);flex:var(--vv-select-flex);flex-direction:var(--vv-select-flex-direction);margin-bottom:var(--vv-select-margin-bottom);font-size:var(--vv-select-font-size);line-height:var(--vv-select-line-height);-webkit-user-select:var(--vv-select-user-select);-moz-user-select:var(--vv-select-user-select);user-select:var(--vv-select-user-select)}:where(.vv-select__label,.vv-select > label){display:var(--vv-select-element-label-display);font-size:var(--vv-select-element-label-font-size);color:var(--vv-select-element-label-color);margin:var(--vv-select-element-label-margin);white-space:var(--vv-select-element-label-white-space);text-overflow:var(--vv-select-element-label-text-overflow);overflow:var(--vv-select-element-label-overflow);max-width:var(--vv-select-element-label-max-width)}:where(.vv-select__wrapper){position:var(--vv-select-element-wrapper-position);display:var(--vv-select-element-wrapper-display);align-items:var(--vv-select-element-wrapper-align-items);flex:var(--vv-select-element-wrapper-flex);background-color:var(--vv-select-element-wrapper-background-color);will-change:var(--vv-select-element-wrapper-will-change);transition:var(--vv-select-element-wrapper-transition)}:where(.vv-select__wrapper):before{content:"";position:var(--vv-select-element-wrapper-pseudo-before-position);height:var(--vv-select-element-wrapper-pseudo-before-height);inset:var(--vv-select-element-wrapper-pseudo-before-inset);background:var(--vv-select-element-wrapper-pseudo-before-background)}:where(.vv-select__wrapper):after{content:"";position:var(--vv-select-element-wrapper-pseudo-after-position);height:var(--vv-select-element-wrapper-pseudo-after-height);inset:var(--vv-select-element-wrapper-pseudo-after-inset);background:var(--vv-select-element-wrapper-pseudo-after-background);transform:var(--vv-select-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-select-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-select-element-wrapper-pseudo-after-will-change);transition:var(--vv-select-element-wrapper-pseudo-after-transition)}:where(.vv-select__wrapper--hover,.vv-select__wrapper.hover,.vv-select__wrapper:not([disabled]):hover){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-hover-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-focus-within-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-open-background-color)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-open-pseudo-after-transform)}:where(.vv-select__input,.vv-select select){display:var(--vv-select-element-input-display);align-items:var(--vv-select-element-input-align-items);flex:var(--vv-select-element-input-flex);color:var(--vv-select-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-select-element-input-min-height);background-image:var(--vv-select-element-input-background-image);background-repeat:var(--vv-select-element-input-background-repeat);background-position:right var(--input-padding-right) center;background-size:var(--vv-select-element-input-background-size)}:where(.vv-select__input--disabled,.vv-select__input.disabled,.vv-select select.disabled,.vv-select__input[disabled],.vv-select select[disabled],.vv-select__input[aria-disabled=true],.vv-select select[aria-disabled=true]){cursor:var(--vv-select-element-input-state-disabled-cursor)}:where(.vv-select__icon,.vv-select :where(svg,[data-icon])){margin:var(--vv-select-element-icon-margin);position:var(--vv-select-element-icon-position);width:var(--vv-select-element-icon-width);height:var(--vv-select-element-icon-height);padding:var(--vv-select-element-icon-padding);pointer-events:var(--vv-select-element-icon-pointer-events)}:where(.vv-select__icon-right,.vv-select select + :where(svg,[data-icon])){right:var(--vv-select-element-icon-right-right)}:where(.vv-select__hint,.vv-select > small){display:var(--vv-select-element-hint-display);font-size:var(--vv-select-element-hint-font-size);color:var(--vv-select-element-hint-color);padding-top:var(--vv-select-element-hint-padding-top);padding-inline:var(--vv-select-element-hint-padding-inline);white-space:var(--vv-select-element-hint-white-space);text-overflow:var(--vv-select-element-hint-text-overflow);overflow:var(--vv-select-element-hint-overflow);max-width:var(--vv-select-element-hint-max-width)}:where(.vv-select[\:has\(select\:disabled\)]),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select:has(select:disabled)),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select[\:has\(select\:disabled\)] .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select:has(select:disabled) .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select--dirty .vv-select__input,.vv-select--dirty select){color:var(--vv-select-modifier-dirty-element-input-color)}:where(.vv-select--icon-left.vv-select){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--icon-right.vv-select){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--valid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-select--valid .vv-select__hint,.vv-select--valid > small){color:var(--vv-select-modifier-valid-element-hint-color)}:where(.vv-select--valid .vv-select__icon-right,.vv-select--valid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-valid-element-icon-right-color)}:where(.vv-select--invalid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-select--invalid .vv-select__hint,.vv-select--invalid > small){color:var(--vv-select-modifier-invalid-element-hint-color)}:where(.vv-select--invalid .vv-select__icon-right,.vv-select--invalid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-invalid-element-icon-right-color)}:where(.vv-select--loading .vv-select__wrapper):before{content:"";height:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-select--loading .vv-select__wrapper):after{content:"";animation:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-select--floating.vv-select){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-select--floating .vv-select__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-select--floating .vv-select__hint,.vv-select--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-select--floating .vv-select__label,.vv-select--floating > label){position:var(--vv-select-modifier-floating-element-label-position);z-index:var(--vv-select-modifier-floating-element-label-z-index);pointer-events:var(--vv-select-modifier-floating-element-label-pointer-events);font-size:var(--vv-select-modifier-floating-element-label-font-size);padding-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);padding-inline:var(--vv-select-modifier-floating-element-label-padding-inline);margin:var(--vv-select-modifier-floating-element-label-margin);will-change:var(--vv-select-modifier-floating-element-label-will-change);transform-origin:var(--vv-select-modifier-floating-element-label-transform-origin);transition:var(--vv-select-modifier-floating-element-label-transition)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--focus-within .vv-select__label,.vv-select--floating.vv-select.focus-within .vv-select__label,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__label,.vv-select--floating.vv-select--focus-within > label,.vv-select--floating.vv-select.focus-within > label,.vv-select--floating.vv-select:not([disabled]):focus-within > label){transform:var(--vv-select-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-select-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--readonly.vv-select){opacity:var(--vv-select-modifier-readonly-opacity);--vv-select-user-select: var(--vv-select-modifier-readonly-user-select)}:where(.vv-select--readonly .vv-select__wrapper):after{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-select--readonly .vv-select__wrapper--hover,.vv-select--readonly .vv-select__wrapper.hover,.vv-select--readonly .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-hover-background-color)}:where(.vv-select--readonly .vv-select__input,.vv-select--readonly select){background-image:var(--vv-select-modifier-readonly-element-input-background-image);cursor:var(--vv-select-modifier-readonly-element-input-cursor)}
|
|
1
|
+
:where(:host,:root,.theme){--vv-select-display: var(--input-display);--vv-select-flex: var(--input-flex);--vv-select-flex-direction: var(--input-flex-direction);--vv-select-margin-bottom: var(--input-gap);--vv-select-font-size: var(--input-font-size);--vv-select-line-height: var(--input-line-height);--vv-select-user-select: none;--vv-select-element-label-display: var(--input-label-display);--vv-select-element-label-font-size: var(--input-label-font-size);--vv-select-element-label-color: var(--input-label-color);--vv-select-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-select-element-label-white-space: var(--input-label-white-space);--vv-select-element-label-text-overflow: var(--input-label-text-overflow);--vv-select-element-label-overflow: var(--input-label-overflow);--vv-select-element-label-max-width: var(--input-label-max-width);--vv-select-element-wrapper-position: relative;--vv-select-element-wrapper-display: flex;--vv-select-element-wrapper-align-items: center;--vv-select-element-wrapper-flex: 1;--vv-select-element-wrapper-background-color: var(--input-background-color);--vv-select-element-wrapper-will-change: background-color;--vv-select-element-wrapper-transition: background-color .3s ease-in-out;--vv-select-element-wrapper-pseudo-before-position: absolute;--vv-select-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-select-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-select-element-wrapper-pseudo-after-position: absolute;--vv-select-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-select-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-after-background: var(--color-brand);--vv-select-element-wrapper-pseudo-after-transform: scaleX(0);--vv-select-element-wrapper-pseudo-after-transform-origin: left;--vv-select-element-wrapper-pseudo-after-will-change: transform;--vv-select-element-wrapper-pseudo-after-transition: transform .3s ease-in-out;--vv-select-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-select-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-select-element-wrapper-state-open-background-color: var(--color-surface-2);--vv-select-element-wrapper-state-open-pseudo-after-transform: scaleX(1);--vv-select-element-input-display: flex;--vv-select-element-input-align-items: center;--vv-select-element-input-flex: 1;--vv-select-element-input-color: var(--input-placeholder-color);--vv-select-element-input-min-height: var(--spacing-50);--vv-select-element-input-background-image: var(--bg-chevron);--vv-select-element-input-background-repeat: no-repeat;--vv-select-element-input-background-size: 1em;--vv-select-element-input-state-disabled-cursor: not-allowed;--vv-select-element-input-pseudo-marker-display: none;--vv-select-element-input-pseudo--webkit-details-marker-display: none;--vv-select-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-select-element-icon-position: var(--input-icon-position);--vv-select-element-icon-width: var(--input-icon-width);--vv-select-element-icon-height: var(--input-icon-height);--vv-select-element-icon-padding: var(--input-icon-padding);--vv-select-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-select-element-icon-right-right: 0;--vv-select-element-hint-display: var(--input-hint-display);--vv-select-element-hint-font-size: var(--input-hint-font-size);--vv-select-element-hint-color: var(--input-hint-color);--vv-select-element-hint-padding-top: var(--input-hint-gap);--vv-select-element-hint-padding-inline: var(--spacing-xs);--vv-select-element-hint-white-space: var(--input-hint-white-space);--vv-select-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-select-element-hint-overflow: var(--input-hint-overflow);--vv-select-element-hint-max-width: var(--input-hint-max-width);--vv-select-modifier-dirty-element-input-color: var(--input-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-valid-element-hint-color: var(--input-valid-color);--vv-select-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-select-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-select-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-select-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-select-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-select-modifier-floating-element-label-position: absolute;--vv-select-modifier-floating-element-label-z-index: 1;--vv-select-modifier-floating-element-label-pointer-events: none;--vv-select-modifier-floating-element-label-font-size: inherit;--vv-select-modifier-floating-element-label-padding-inline: 0;--vv-select-modifier-floating-element-label-margin: 0;--vv-select-modifier-floating-element-label-will-change: transform;--vv-select-modifier-floating-element-label-transform-origin: left;--vv-select-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-select-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-select-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-select-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-select-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-select-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-select-modifier-readonly-opacity: 1;--vv-select-modifier-readonly-user-select: text;--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-select-modifier-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-select-modifier-readonly-element-input-background-image: none;--vv-select-modifier-readonly-element-input-cursor: text;--vv-select-state-disabled-opacity: .5;--vv-select-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-select){display:var(--vv-select-display);flex:var(--vv-select-flex);flex-direction:var(--vv-select-flex-direction);margin-bottom:var(--vv-select-margin-bottom);font-size:var(--vv-select-font-size);line-height:var(--vv-select-line-height);-webkit-user-select:var(--vv-select-user-select);-moz-user-select:var(--vv-select-user-select);user-select:var(--vv-select-user-select)}:where(.vv-select__label,.vv-select > label){display:var(--vv-select-element-label-display);font-size:var(--vv-select-element-label-font-size);color:var(--vv-select-element-label-color);margin:var(--vv-select-element-label-margin);white-space:var(--vv-select-element-label-white-space);text-overflow:var(--vv-select-element-label-text-overflow);overflow:var(--vv-select-element-label-overflow);max-width:var(--vv-select-element-label-max-width)}:where(.vv-select__wrapper){position:var(--vv-select-element-wrapper-position);display:var(--vv-select-element-wrapper-display);align-items:var(--vv-select-element-wrapper-align-items);flex:var(--vv-select-element-wrapper-flex);background-color:var(--vv-select-element-wrapper-background-color);will-change:var(--vv-select-element-wrapper-will-change);transition:var(--vv-select-element-wrapper-transition)}:where(.vv-select__wrapper):before{content:"";position:var(--vv-select-element-wrapper-pseudo-before-position);height:var(--vv-select-element-wrapper-pseudo-before-height);inset:var(--vv-select-element-wrapper-pseudo-before-inset);background:var(--vv-select-element-wrapper-pseudo-before-background)}:where(.vv-select__wrapper):after{content:"";position:var(--vv-select-element-wrapper-pseudo-after-position);height:var(--vv-select-element-wrapper-pseudo-after-height);inset:var(--vv-select-element-wrapper-pseudo-after-inset);background:var(--vv-select-element-wrapper-pseudo-after-background);transform:var(--vv-select-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-select-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-select-element-wrapper-pseudo-after-will-change);transition:var(--vv-select-element-wrapper-pseudo-after-transition)}:where(.vv-select__wrapper--hover,.vv-select__wrapper.hover,.vv-select__wrapper:not([disabled]):hover){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-hover-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-focus-within-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-open-background-color)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-open-pseudo-after-transform)}:where(.vv-select__input,.vv-select select){display:var(--vv-select-element-input-display);align-items:var(--vv-select-element-input-align-items);flex:var(--vv-select-element-input-flex);color:var(--vv-select-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-select-element-input-min-height);background-image:var(--vv-select-element-input-background-image);background-repeat:var(--vv-select-element-input-background-repeat);background-position:right var(--input-padding-right) center;background-size:var(--vv-select-element-input-background-size)}:where(.vv-select__input,.vv-select select)::marker{content:"";display:var(--vv-select-element-input-pseudo-marker-display)}:where(.vv-select__input,.vv-select select)::-webkit-details-marker{content:"";display:var(--vv-select-element-input-pseudo--webkit-details-marker-display)}:where(.vv-select__input--disabled,.vv-select__input.disabled,.vv-select select.disabled,.vv-select__input[disabled],.vv-select select[disabled],.vv-select__input[aria-disabled=true],.vv-select select[aria-disabled=true]){cursor:var(--vv-select-element-input-state-disabled-cursor)}:where(.vv-select__icon,.vv-select :where(svg,[data-icon])){margin:var(--vv-select-element-icon-margin);position:var(--vv-select-element-icon-position);width:var(--vv-select-element-icon-width);height:var(--vv-select-element-icon-height);padding:var(--vv-select-element-icon-padding);pointer-events:var(--vv-select-element-icon-pointer-events)}:where(.vv-select__icon-right,.vv-select select + :where(svg,[data-icon])){right:var(--vv-select-element-icon-right-right)}:where(.vv-select__hint,.vv-select > small){display:var(--vv-select-element-hint-display);font-size:var(--vv-select-element-hint-font-size);color:var(--vv-select-element-hint-color);padding-top:var(--vv-select-element-hint-padding-top);padding-inline:var(--vv-select-element-hint-padding-inline);white-space:var(--vv-select-element-hint-white-space);text-overflow:var(--vv-select-element-hint-text-overflow);overflow:var(--vv-select-element-hint-overflow);max-width:var(--vv-select-element-hint-max-width)}:where(.vv-select[\:has\(select\:disabled\)]),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select:has(select:disabled)),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select[\:has\(select\:disabled\)] .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select:has(select:disabled) .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select--dirty .vv-select__input,.vv-select--dirty select){color:var(--vv-select-modifier-dirty-element-input-color)}:where(.vv-select--icon-left.vv-select){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--icon-right.vv-select){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--valid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-select--valid .vv-select__hint,.vv-select--valid > small){color:var(--vv-select-modifier-valid-element-hint-color)}:where(.vv-select--valid .vv-select__icon-right,.vv-select--valid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-valid-element-icon-right-color)}:where(.vv-select--invalid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-select--invalid .vv-select__hint,.vv-select--invalid > small){color:var(--vv-select-modifier-invalid-element-hint-color)}:where(.vv-select--invalid .vv-select__icon-right,.vv-select--invalid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-invalid-element-icon-right-color)}:where(.vv-select--loading .vv-select__wrapper):before{content:"";height:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-select-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-select--loading .vv-select__wrapper):after{content:"";animation:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-select--floating.vv-select){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-select--floating .vv-select__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-select--floating .vv-select__hint,.vv-select--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-select--floating .vv-select__label,.vv-select--floating > label){position:var(--vv-select-modifier-floating-element-label-position);z-index:var(--vv-select-modifier-floating-element-label-z-index);pointer-events:var(--vv-select-modifier-floating-element-label-pointer-events);font-size:var(--vv-select-modifier-floating-element-label-font-size);padding-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);padding-inline:var(--vv-select-modifier-floating-element-label-padding-inline);margin:var(--vv-select-modifier-floating-element-label-margin);will-change:var(--vv-select-modifier-floating-element-label-will-change);transform-origin:var(--vv-select-modifier-floating-element-label-transform-origin);transition:var(--vv-select-modifier-floating-element-label-transition)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--focus-within .vv-select__label,.vv-select--floating.vv-select.focus-within .vv-select__label,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__label,.vv-select--floating.vv-select--focus-within > label,.vv-select--floating.vv-select.focus-within > label,.vv-select--floating.vv-select:not([disabled]):focus-within > label){transform:var(--vv-select-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-select-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select.dirty .vv-select__label,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__label,.vv-select--floating.vv-select--dirty > label,.vv-select--floating.vv-select.dirty > label,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) > label){transform:var(--vv-select-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select){padding-top:calc(var(--input-padding-top) + .85ch);padding-bottom:calc(var(--input-padding-bottom) - .85ch)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:-moz-placeholder-shown\)] select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select[\:not-has\(*\:placeholder-shown\)] select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select)::-moz-placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:-moz-placeholder-shown)) select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select.dirty .vv-select__input,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) .vv-select__input,.vv-select--floating.vv-select--dirty select,.vv-select--floating.vv-select.dirty select,.vv-select--floating.vv-select:not(:has(*:placeholder-shown)) select)::placeholder{content:"";opacity:var(--vv-select-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-select--readonly.vv-select){opacity:var(--vv-select-modifier-readonly-opacity);--vv-select-user-select: var(--vv-select-modifier-readonly-user-select)}:where(.vv-select--readonly .vv-select__wrapper):after{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-select--readonly .vv-select__wrapper--hover,.vv-select--readonly .vv-select__wrapper.hover,.vv-select--readonly .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-hover-background-color)}:where(.vv-select--readonly .vv-select__input,.vv-select--readonly select){background-image:var(--vv-select-modifier-readonly-element-input-background-image);cursor:var(--vv-select-modifier-readonly-element-input-cursor)}
|