@volverjs/style 0.1.2-beta.21 → 0.1.2-beta.23
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/README.md +16 -15
- package/dist/components/vv-badge.css +1 -1
- package/dist/components/vv-input-checkbox-group.css +1 -1
- package/dist/components/vv-input-checkbox.css +1 -1
- package/dist/components/vv-input-radio-group.css +1 -1
- package/dist/components/vv-input-radio.css +1 -1
- package/dist/components/vv-input-text.css +1 -1
- package/dist/components/vv-select.css +1 -1
- package/dist/components/vv-textarea.css +1 -1
- package/dist/components.css +1 -1
- package/dist/export.css +1 -1
- package/dist/props/input.css +1 -1
- package/dist/props.css +1 -1
- package/dist/themes/dark/components.css +1 -1
- package/dist/themes/dark/volver.css +1 -1
- package/dist/utilities/effects.css +1 -1
- package/dist/utilities/sizing.css +1 -1
- package/dist/utilities/transitions.css +1 -0
- package/dist/utilities.css +1 -1
- package/dist/volver.css +1 -1
- package/package.json +9 -7
- package/src/_context.scss +3 -3
- package/src/_preflight.scss +1 -0
- package/src/components/index.scss +24 -24
- package/src/components/vv-accordion.scss +3 -2
- package/src/components/vv-alert.scss +3 -2
- package/src/components/vv-avatar.scss +3 -2
- package/src/components/vv-badge.scss +3 -2
- package/src/components/vv-breadcrumb.scss +3 -2
- package/src/components/vv-button-group.scss +3 -2
- package/src/components/vv-button.scss +3 -2
- package/src/components/vv-card.scss +3 -2
- package/src/components/vv-dialog.scss +3 -2
- package/src/components/vv-dropdown.scss +3 -2
- package/src/components/vv-input-checkbox-group.scss +3 -2
- package/src/components/vv-input-checkbox.scss +3 -2
- package/src/components/vv-input-radio-group.scss +3 -2
- package/src/components/vv-input-radio.scss +3 -2
- package/src/components/vv-input-text.scss +3 -2
- package/src/components/vv-nav.scss +3 -2
- package/src/components/vv-progress.scss +3 -2
- package/src/components/vv-select.scss +3 -2
- package/src/components/vv-tab.scss +3 -2
- package/src/components/vv-table.scss +3 -2
- package/src/components/vv-text.scss +3 -2
- package/src/components/vv-textarea.scss +3 -2
- package/src/components/vv-toast.scss +3 -2
- package/src/components/vv-tooltip.scss +3 -2
- package/src/export.scss +41 -4
- package/src/props/animation.scss +1 -1
- package/src/props/background.scss +1 -1
- package/src/props/borders.scss +1 -1
- package/src/props/colors.scss +1 -1
- package/src/props/effects.scss +1 -1
- package/src/props/filters.scss +1 -1
- package/src/props/index.scss +12 -12
- package/src/props/input.scss +1 -1
- package/src/props/layout.scss +1 -1
- package/src/props/media.scss +1 -1
- package/src/props/sizing.scss +1 -1
- package/src/props/spacing.scss +2 -2
- package/src/props/typography.scss +2 -2
- package/src/settings/_background.scss +3 -0
- package/src/settings/_breakpoints.scss +2 -0
- package/src/settings/_colors.scss +1 -0
- package/src/settings/_effects.scss +47 -2
- package/src/settings/_index.scss +39 -38
- package/src/settings/_input.scss +1 -0
- package/src/settings/_transitions.scss +41 -0
- package/src/settings/components/_vv-input-checkbox-group.scss +1 -0
- package/src/settings/components/_vv-input-checkbox.scss +1 -0
- package/src/settings/components/_vv-input-radio-group.scss +2 -0
- package/src/settings/components/_vv-input-radio.scss +1 -0
- package/src/settings/components/_vv-input-text.scss +1 -0
- package/src/settings/components/_vv-select.scss +1 -0
- package/src/settings/components/_vv-textarea.scss +1 -0
- package/src/themes/dark/_context.scss +4 -4
- package/src/themes/dark/components/_vv-button.scss +1 -1
- package/src/themes/dark/components/index.scss +1 -2
- package/src/themes/dark/props/_background.scss +1 -1
- package/src/themes/dark/props/_colors.scss +1 -1
- package/src/themes/dark/props/index.scss +2 -2
- package/src/themes/dark/settings/_background.scss +3 -0
- package/src/themes/dark/settings/_colors.scss +2 -0
- package/src/themes/dark/settings/_index.scss +3 -4
- package/src/themes/dark/volver.scss +2 -2
- package/src/tools/_breakpoints.scss +7 -7
- package/src/tools/_index.scss +3 -3
- package/src/tools/_mixins.scss +41 -18
- package/src/utilities/animation.scss +3 -2
- package/src/utilities/backgrounds.scss +15 -8
- package/src/utilities/borders.scss +17 -9
- package/src/utilities/colors.scss +9 -5
- package/src/utilities/effects.scss +23 -5
- package/src/utilities/filters.scss +7 -4
- package/src/utilities/flexbox.scss +15 -8
- package/src/utilities/grid.scss +17 -9
- package/src/utilities/index.scss +13 -12
- package/src/utilities/layout.scss +26 -14
- package/src/utilities/sizing.scss +15 -8
- package/src/utilities/spacing.scss +1 -1
- package/src/utilities/transitions.scss +30 -0
- package/src/utilities/typography.scss +33 -17
- package/src/volver.scss +4 -4
- package/src/themes/dark/components/_vv-input-checkbox.scss +0 -22
- package/src/themes/dark/settings/components/_vv-input-checkbox.scss +0 -26
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-textarea-display: var(--input-display);--vv-textarea-flex: var(--input-flex);--vv-textarea-flex-direction: var(--input-flex-direction);--vv-textarea-margin-bottom: var(--input-gap);--vv-textarea-font-size: var(--input-font-size);--vv-textarea-line-height: var(--input-line-height);--vv-textarea-element-label-display: var(--input-label-display);--vv-textarea-element-label-font-size: var(--input-label-font-size);--vv-textarea-element-label-color: var(--input-label-color);--vv-textarea-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-textarea-element-label-white-space: var(--input-label-white-space);--vv-textarea-element-label-text-overflow: var(--input-label-text-overflow);--vv-textarea-element-label-overflow: var(--input-label-overflow);--vv-textarea-element-label-max-width: var(--input-label-max-width);--vv-textarea-element-limit-position: absolute;--vv-textarea-element-limit-right: var(--input-gap);--vv-textarea-element-limit-bottom: var(--input-gap);--vv-textarea-element-limit-font-size: var(--input-hint-font-size);--vv-textarea-element-limit-color: var(--input-hint-color);--vv-textarea-element-wrapper-position: relative;--vv-textarea-element-wrapper-display: flex;--vv-textarea-element-wrapper-align-items: flex-start;--vv-textarea-element-wrapper-flex: 1;--vv-textarea-element-wrapper-overflow: hidden;--vv-textarea-element-wrapper-background-color: var(--input-background-color);--vv-textarea-element-wrapper-will-change: background-color;--vv-textarea-element-wrapper-transition: background-color .3s ease-in-out;--vv-textarea-element-wrapper-pseudo-before-position: absolute;--vv-textarea-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-textarea-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-textarea-element-wrapper-pseudo-after-position: absolute;--vv-textarea-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-textarea-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-after-background: var(--color-brand);--vv-textarea-element-wrapper-pseudo-after-transform: scaleX(0);--vv-textarea-element-wrapper-pseudo-after-transform-origin: left;--vv-textarea-element-wrapper-pseudo-after-will-change: transform;--vv-textarea-element-wrapper-pseudo-after-transition: transform .3s ease-in-out;--vv-textarea-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-textarea-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-textarea-element-input-display: block;--vv-textarea-element-input-flex: 1;--vv-textarea-element-input-color: var(--input-color);--vv-textarea-element-input-min-height: var(--spacing-50);--vv-textarea-element-input-overflow: auto;--vv-textarea-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-textarea-element-input-state-disabled-cursor: not-allowed;--vv-textarea-element-input-state-readonly-cursor: text;--vv-textarea-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-textarea-element-icon-position: var(--input-icon-position);--vv-textarea-element-icon-width: var(--input-icon-width);--vv-textarea-element-icon-height: var(--input-icon-height);--vv-textarea-element-icon-padding: var(--input-icon-padding);--vv-textarea-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-textarea-element-icon-right-right: 0;--vv-textarea-element-actions-group-display: flex;--vv-textarea-element-actions-group-flex-direction: column;--vv-textarea-element-actions-group-position: absolute;--vv-textarea-element-actions-group-right: 0;--vv-textarea-element-actions-group-top: 0;--vv-textarea-element-actions-group-bottom: var(--spacing-px);--vv-textarea-element-hint-display: var(--input-hint-display);--vv-textarea-element-hint-font-size: var(--input-hint-font-size);--vv-textarea-element-hint-color: var(--input-hint-color);--vv-textarea-element-hint-padding-top: var(--input-hint-gap);--vv-textarea-element-hint-padding-inline: var(--spacing-xs);--vv-textarea-element-hint-white-space: var(--input-hint-white-space);--vv-textarea-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-textarea-element-hint-overflow: var(--input-hint-overflow);--vv-textarea-element-hint-max-width: var(--input-hint-max-width);--vv-textarea-modifier-resizable-element-input-resize: vertical;--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-valid-element-hint-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-limit-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-textarea-modifier-floating-element-label-position: absolute;--vv-textarea-modifier-floating-element-label-z-index: 1;--vv-textarea-modifier-floating-element-label-pointer-events: none;--vv-textarea-modifier-floating-element-label-font-size: inherit;--vv-textarea-modifier-floating-element-label-padding-inline: 0;--vv-textarea-modifier-floating-element-label-margin: 0;--vv-textarea-modifier-floating-element-label-will-change: transform;--vv-textarea-modifier-floating-element-label-transform-origin: left;--vv-textarea-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-textarea-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-textarea-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-focus-within-element-input-transform: translateY(.85ch);--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-textarea-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-textarea-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-dirty-element-input-transform: translateY(.85ch);--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-textarea-state-disabled-opacity: .5;--vv-textarea-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-textarea-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-textarea){display:var(--vv-textarea-display);flex:var(--vv-textarea-flex);flex-direction:var(--vv-textarea-flex-direction);margin-bottom:var(--vv-textarea-margin-bottom);font-size:var(--vv-textarea-font-size);line-height:var(--vv-textarea-line-height)}:where(.vv-textarea__label,.vv-textarea > label){display:var(--vv-textarea-element-label-display);font-size:var(--vv-textarea-element-label-font-size);color:var(--vv-textarea-element-label-color);margin:var(--vv-textarea-element-label-margin);white-space:var(--vv-textarea-element-label-white-space);text-overflow:var(--vv-textarea-element-label-text-overflow);overflow:var(--vv-textarea-element-label-overflow);max-width:var(--vv-textarea-element-label-max-width)}:where(.vv-textarea__limit){position:var(--vv-textarea-element-limit-position);right:var(--vv-textarea-element-limit-right);bottom:var(--vv-textarea-element-limit-bottom);font-size:var(--vv-textarea-element-limit-font-size);color:var(--vv-textarea-element-limit-color)}:where(.vv-textarea__wrapper){position:var(--vv-textarea-element-wrapper-position);display:var(--vv-textarea-element-wrapper-display);align-items:var(--vv-textarea-element-wrapper-align-items);flex:var(--vv-textarea-element-wrapper-flex);overflow:var(--vv-textarea-element-wrapper-overflow);background-color:var(--vv-textarea-element-wrapper-background-color);will-change:var(--vv-textarea-element-wrapper-will-change);transition:var(--vv-textarea-element-wrapper-transition)}:where(.vv-textarea__wrapper):before{content:"";position:var(--vv-textarea-element-wrapper-pseudo-before-position);height:var(--vv-textarea-element-wrapper-pseudo-before-height);inset:var(--vv-textarea-element-wrapper-pseudo-before-inset);background:var(--vv-textarea-element-wrapper-pseudo-before-background)}:where(.vv-textarea__wrapper):after{content:"";position:var(--vv-textarea-element-wrapper-pseudo-after-position);height:var(--vv-textarea-element-wrapper-pseudo-after-height);inset:var(--vv-textarea-element-wrapper-pseudo-after-inset);background:var(--vv-textarea-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-textarea-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-textarea-element-wrapper-pseudo-after-will-change);transition:var(--vv-textarea-element-wrapper-pseudo-after-transition)}:where(.vv-textarea__wrapper--hover,.vv-textarea__wrapper.hover,.vv-textarea__wrapper:not([disabled]):hover){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-hover-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within):after{--vv-textarea-element-wrapper-pseudo-after-transform: var(--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-textarea__input,.vv-textarea textarea){display:var(--vv-textarea-element-input-display);flex:var(--vv-textarea-element-input-flex);color:var(--vv-textarea-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-textarea-element-input-min-height);overflow:var(--vv-textarea-element-input-overflow)}:where(.vv-textarea__input,.vv-textarea textarea)::-moz-placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input,.vv-textarea textarea)::placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input--disabled,.vv-textarea__input.disabled,.vv-textarea textarea.disabled,.vv-textarea__input[disabled],.vv-textarea textarea[disabled],.vv-textarea__input[aria-disabled=true],.vv-textarea textarea[aria-disabled=true]){cursor:var(--vv-textarea-element-input-state-disabled-cursor)}:where(.vv-textarea__input--readonly,.vv-textarea__input.readonly,.vv-textarea textarea.readonly,.vv-textarea__input[readonly],.vv-textarea textarea[readonly]){cursor:var(--vv-textarea-element-input-state-readonly-cursor)}:where(.vv-textarea__icon,.vv-textarea :where(svg,[data-icon])){margin:var(--vv-textarea-element-icon-margin);position:var(--vv-textarea-element-icon-position);width:var(--vv-textarea-element-icon-width);height:var(--vv-textarea-element-icon-height);padding:var(--vv-textarea-element-icon-padding);pointer-events:var(--vv-textarea-element-icon-pointer-events)}:where(.vv-textarea__icon-right,.vv-textarea textarea + :where(svg,[data-icon])){right:var(--vv-textarea-element-icon-right-right)}:where(.vv-textarea__actions-group){display:var(--vv-textarea-element-actions-group-display);flex-direction:var(--vv-textarea-element-actions-group-flex-direction);position:var(--vv-textarea-element-actions-group-position);right:var(--vv-textarea-element-actions-group-right);top:var(--vv-textarea-element-actions-group-top);bottom:var(--vv-textarea-element-actions-group-bottom)}:where(.vv-textarea__hint,.vv-textarea > small){display:var(--vv-textarea-element-hint-display);font-size:var(--vv-textarea-element-hint-font-size);color:var(--vv-textarea-element-hint-color);padding-top:var(--vv-textarea-element-hint-padding-top);padding-inline:var(--vv-textarea-element-hint-padding-inline);white-space:var(--vv-textarea-element-hint-white-space);text-overflow:var(--vv-textarea-element-hint-text-overflow);overflow:var(--vv-textarea-element-hint-overflow);max-width:var(--vv-textarea-element-hint-max-width)}:where(.vv-textarea[\:has\(textarea\:disabled\)]),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea:has(textarea:disabled)),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea[\:has\(textarea\:disabled\)] .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:disabled) .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea[\:has\(textarea\:readonly\)] .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea[\:has\(textarea\:readonly\)] .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea--icon-left.vv-textarea){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--icon-right.vv-textarea){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--resizable .vv-textarea__input,.vv-textarea--resizable textarea){resize:var(--vv-textarea-modifier-resizable-element-input-resize)}:where(.vv-textarea--valid .vv-textarea__wrapper):after{content:"";background:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--valid .vv-textarea__hint,.vv-textarea--valid > small){color:var(--vv-textarea-modifier-valid-element-hint-color)}:where(.vv-textarea--valid .vv-textarea__limit){color:var(--vv-textarea-modifier-valid-element-limit-color)}:where(.vv-textarea--valid .vv-textarea__icon-right,.vv-textarea--valid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-valid-element-icon-right-color)}:where(.vv-textarea--invalid .vv-textarea__wrapper):after{content:"";background:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--invalid .vv-textarea__hint,.vv-textarea--invalid > small){color:var(--vv-textarea-modifier-invalid-element-hint-color)}:where(.vv-textarea--invalid .vv-textarea__limit){color:var(--vv-textarea-modifier-invalid-element-limit-color)}:where(.vv-textarea--invalid .vv-textarea__icon-right,.vv-textarea--invalid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-invalid-element-icon-right-color)}:where(.vv-textarea--loading .vv-textarea__wrapper):before{content:"";height:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-textarea--loading .vv-textarea__wrapper):after{content:"";animation:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-textarea--floating.vv-textarea){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-textarea--floating .vv-textarea__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-textarea--floating .vv-textarea__hint,.vv-textarea--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-textarea--floating .vv-textarea__label,.vv-textarea--floating > label){position:var(--vv-textarea-modifier-floating-element-label-position);z-index:var(--vv-textarea-modifier-floating-element-label-z-index);pointer-events:var(--vv-textarea-modifier-floating-element-label-pointer-events);font-size:var(--vv-textarea-modifier-floating-element-label-font-size);padding-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);padding-inline:var(--vv-textarea-modifier-floating-element-label-padding-inline);margin:var(--vv-textarea-modifier-floating-element-label-margin);will-change:var(--vv-textarea-modifier-floating-element-label-will-change);transform-origin:var(--vv-textarea-modifier-floating-element-label-transform-origin);transition:var(--vv-textarea-modifier-floating-element-label-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea--focus-within > label,.vv-textarea--floating.vv-textarea.focus-within > label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within > label){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
|
|
1
|
+
:where(:host,:root,.theme){--vv-textarea-display: var(--input-display);--vv-textarea-flex: var(--input-flex);--vv-textarea-flex-direction: var(--input-flex-direction);--vv-textarea-margin-bottom: var(--input-gap);--vv-textarea-font-size: var(--input-font-size);--vv-textarea-line-height: var(--input-line-height);--vv-textarea-min-width: var(--input-min-width);--vv-textarea-element-label-display: var(--input-label-display);--vv-textarea-element-label-font-size: var(--input-label-font-size);--vv-textarea-element-label-color: var(--input-label-color);--vv-textarea-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-textarea-element-label-white-space: var(--input-label-white-space);--vv-textarea-element-label-text-overflow: var(--input-label-text-overflow);--vv-textarea-element-label-overflow: var(--input-label-overflow);--vv-textarea-element-label-max-width: var(--input-label-max-width);--vv-textarea-element-limit-position: absolute;--vv-textarea-element-limit-right: var(--input-gap);--vv-textarea-element-limit-bottom: var(--input-gap);--vv-textarea-element-limit-font-size: var(--input-hint-font-size);--vv-textarea-element-limit-color: var(--input-hint-color);--vv-textarea-element-wrapper-position: relative;--vv-textarea-element-wrapper-display: flex;--vv-textarea-element-wrapper-align-items: flex-start;--vv-textarea-element-wrapper-flex: 1;--vv-textarea-element-wrapper-overflow: hidden;--vv-textarea-element-wrapper-background-color: var(--input-background-color);--vv-textarea-element-wrapper-will-change: background-color;--vv-textarea-element-wrapper-transition: background-color .3s ease-in-out;--vv-textarea-element-wrapper-pseudo-before-position: absolute;--vv-textarea-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-textarea-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-textarea-element-wrapper-pseudo-after-position: absolute;--vv-textarea-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-textarea-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-after-background: var(--color-brand);--vv-textarea-element-wrapper-pseudo-after-transform: scaleX(0);--vv-textarea-element-wrapper-pseudo-after-transform-origin: left;--vv-textarea-element-wrapper-pseudo-after-will-change: transform;--vv-textarea-element-wrapper-pseudo-after-transition: transform .3s ease-in-out;--vv-textarea-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-textarea-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-textarea-element-input-display: block;--vv-textarea-element-input-flex: 1;--vv-textarea-element-input-color: var(--input-color);--vv-textarea-element-input-min-height: var(--spacing-50);--vv-textarea-element-input-overflow: auto;--vv-textarea-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-textarea-element-input-state-disabled-cursor: not-allowed;--vv-textarea-element-input-state-readonly-cursor: text;--vv-textarea-element-icon-margin: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--vv-textarea-element-icon-position: var(--input-icon-position);--vv-textarea-element-icon-width: var(--input-icon-width);--vv-textarea-element-icon-height: var(--input-icon-height);--vv-textarea-element-icon-padding: var(--input-icon-padding);--vv-textarea-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-textarea-element-icon-right-right: 0;--vv-textarea-element-actions-group-display: flex;--vv-textarea-element-actions-group-flex-direction: column;--vv-textarea-element-actions-group-position: absolute;--vv-textarea-element-actions-group-right: 0;--vv-textarea-element-actions-group-top: 0;--vv-textarea-element-actions-group-bottom: var(--spacing-px);--vv-textarea-element-hint-display: var(--input-hint-display);--vv-textarea-element-hint-font-size: var(--input-hint-font-size);--vv-textarea-element-hint-color: var(--input-hint-color);--vv-textarea-element-hint-padding-top: var(--input-hint-gap);--vv-textarea-element-hint-padding-inline: var(--spacing-xs);--vv-textarea-element-hint-white-space: var(--input-hint-white-space);--vv-textarea-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-textarea-element-hint-overflow: var(--input-hint-overflow);--vv-textarea-element-hint-max-width: var(--input-hint-max-width);--vv-textarea-modifier-resizable-element-input-resize: vertical;--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-valid-element-hint-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-limit-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation: var(--animate-indeterminate);--vv-textarea-modifier-floating-element-label-position: absolute;--vv-textarea-modifier-floating-element-label-z-index: 1;--vv-textarea-modifier-floating-element-label-pointer-events: none;--vv-textarea-modifier-floating-element-label-font-size: inherit;--vv-textarea-modifier-floating-element-label-padding-inline: 0;--vv-textarea-modifier-floating-element-label-margin: 0;--vv-textarea-modifier-floating-element-label-will-change: transform;--vv-textarea-modifier-floating-element-label-transform-origin: left;--vv-textarea-modifier-floating-element-label-transition: all .3s ease-in-out;--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-textarea-modifier-floating-state-focus-within-element-label-transform: translateY(-1.2ch);--vv-textarea-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-focus-within-element-input-transform: translateY(.85ch);--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-textarea-modifier-floating-state-dirty-element-label-transform: translateY(-1.2ch);--vv-textarea-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-dirty-element-input-transform: translateY(.85ch);--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-textarea-state-disabled-opacity: .5;--vv-textarea-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-textarea-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-textarea){display:var(--vv-textarea-display);flex:var(--vv-textarea-flex);flex-direction:var(--vv-textarea-flex-direction);margin-bottom:var(--vv-textarea-margin-bottom);font-size:var(--vv-textarea-font-size);line-height:var(--vv-textarea-line-height);min-width:var(--vv-textarea-min-width)}:where(.vv-textarea__label,.vv-textarea > label){display:var(--vv-textarea-element-label-display);font-size:var(--vv-textarea-element-label-font-size);color:var(--vv-textarea-element-label-color);margin:var(--vv-textarea-element-label-margin);white-space:var(--vv-textarea-element-label-white-space);text-overflow:var(--vv-textarea-element-label-text-overflow);overflow:var(--vv-textarea-element-label-overflow);max-width:var(--vv-textarea-element-label-max-width)}:where(.vv-textarea__limit){position:var(--vv-textarea-element-limit-position);right:var(--vv-textarea-element-limit-right);bottom:var(--vv-textarea-element-limit-bottom);font-size:var(--vv-textarea-element-limit-font-size);color:var(--vv-textarea-element-limit-color)}:where(.vv-textarea__wrapper){position:var(--vv-textarea-element-wrapper-position);display:var(--vv-textarea-element-wrapper-display);align-items:var(--vv-textarea-element-wrapper-align-items);flex:var(--vv-textarea-element-wrapper-flex);overflow:var(--vv-textarea-element-wrapper-overflow);background-color:var(--vv-textarea-element-wrapper-background-color);will-change:var(--vv-textarea-element-wrapper-will-change);transition:var(--vv-textarea-element-wrapper-transition)}:where(.vv-textarea__wrapper):before{content:"";position:var(--vv-textarea-element-wrapper-pseudo-before-position);height:var(--vv-textarea-element-wrapper-pseudo-before-height);inset:var(--vv-textarea-element-wrapper-pseudo-before-inset);background:var(--vv-textarea-element-wrapper-pseudo-before-background)}:where(.vv-textarea__wrapper):after{content:"";position:var(--vv-textarea-element-wrapper-pseudo-after-position);height:var(--vv-textarea-element-wrapper-pseudo-after-height);inset:var(--vv-textarea-element-wrapper-pseudo-after-inset);background:var(--vv-textarea-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-textarea-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-textarea-element-wrapper-pseudo-after-will-change);transition:var(--vv-textarea-element-wrapper-pseudo-after-transition)}:where(.vv-textarea__wrapper--hover,.vv-textarea__wrapper.hover,.vv-textarea__wrapper:not([disabled]):hover){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-hover-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within):after{--vv-textarea-element-wrapper-pseudo-after-transform: var(--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-textarea__input,.vv-textarea textarea){display:var(--vv-textarea-element-input-display);flex:var(--vv-textarea-element-input-flex);color:var(--vv-textarea-element-input-color);padding:var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);min-height:var(--vv-textarea-element-input-min-height);overflow:var(--vv-textarea-element-input-overflow)}:where(.vv-textarea__input,.vv-textarea textarea)::-moz-placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input,.vv-textarea textarea)::placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input--disabled,.vv-textarea__input.disabled,.vv-textarea textarea.disabled,.vv-textarea__input[disabled],.vv-textarea textarea[disabled],.vv-textarea__input[aria-disabled=true],.vv-textarea textarea[aria-disabled=true]){cursor:var(--vv-textarea-element-input-state-disabled-cursor)}:where(.vv-textarea__input--readonly,.vv-textarea__input.readonly,.vv-textarea textarea.readonly,.vv-textarea__input[readonly],.vv-textarea textarea[readonly]){cursor:var(--vv-textarea-element-input-state-readonly-cursor)}:where(.vv-textarea__icon,.vv-textarea :where(svg,[data-icon])){margin:var(--vv-textarea-element-icon-margin);position:var(--vv-textarea-element-icon-position);width:var(--vv-textarea-element-icon-width);height:var(--vv-textarea-element-icon-height);padding:var(--vv-textarea-element-icon-padding);pointer-events:var(--vv-textarea-element-icon-pointer-events)}:where(.vv-textarea__icon-right,.vv-textarea textarea + :where(svg,[data-icon])){right:var(--vv-textarea-element-icon-right-right)}:where(.vv-textarea__actions-group){display:var(--vv-textarea-element-actions-group-display);flex-direction:var(--vv-textarea-element-actions-group-flex-direction);position:var(--vv-textarea-element-actions-group-position);right:var(--vv-textarea-element-actions-group-right);top:var(--vv-textarea-element-actions-group-top);bottom:var(--vv-textarea-element-actions-group-bottom)}:where(.vv-textarea__hint,.vv-textarea > small){display:var(--vv-textarea-element-hint-display);font-size:var(--vv-textarea-element-hint-font-size);color:var(--vv-textarea-element-hint-color);padding-top:var(--vv-textarea-element-hint-padding-top);padding-inline:var(--vv-textarea-element-hint-padding-inline);white-space:var(--vv-textarea-element-hint-white-space);text-overflow:var(--vv-textarea-element-hint-text-overflow);overflow:var(--vv-textarea-element-hint-overflow);max-width:var(--vv-textarea-element-hint-max-width)}:where(.vv-textarea[\:has\(textarea\:disabled\)]),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea:has(textarea:disabled)),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea[\:has\(textarea\:disabled\)] .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:disabled) .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea[\:has\(textarea\:readonly\)] .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea[\:has\(textarea\:readonly\)] .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea--icon-left.vv-textarea){--input-padding-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--icon-right.vv-textarea){--input-padding-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--resizable .vv-textarea__input,.vv-textarea--resizable textarea){resize:var(--vv-textarea-modifier-resizable-element-input-resize)}:where(.vv-textarea--valid .vv-textarea__wrapper):after{content:"";background:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--valid .vv-textarea__hint,.vv-textarea--valid > small){color:var(--vv-textarea-modifier-valid-element-hint-color)}:where(.vv-textarea--valid .vv-textarea__limit){color:var(--vv-textarea-modifier-valid-element-limit-color)}:where(.vv-textarea--valid .vv-textarea__icon-right,.vv-textarea--valid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-valid-element-icon-right-color)}:where(.vv-textarea--invalid .vv-textarea__wrapper):after{content:"";background:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--invalid .vv-textarea__hint,.vv-textarea--invalid > small){color:var(--vv-textarea-modifier-invalid-element-hint-color)}:where(.vv-textarea--invalid .vv-textarea__limit){color:var(--vv-textarea-modifier-invalid-element-limit-color)}:where(.vv-textarea--invalid .vv-textarea__icon-right,.vv-textarea--invalid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-invalid-element-icon-right-color)}:where(.vv-textarea--loading .vv-textarea__wrapper):before{content:"";height:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background)}:where(.vv-textarea--loading .vv-textarea__wrapper):after{content:"";animation:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-textarea--floating.vv-textarea){margin-left:var(--input-padding-left);margin-right:var(--input-padding-right)}:where(.vv-textarea--floating .vv-textarea__wrapper){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-textarea--floating .vv-textarea__hint,.vv-textarea--floating > small){margin-left:calc(var(--input-padding-left) * -1);margin-right:calc(var(--input-padding-right) * -1)}:where(.vv-textarea--floating .vv-textarea__label,.vv-textarea--floating > label){position:var(--vv-textarea-modifier-floating-element-label-position);z-index:var(--vv-textarea-modifier-floating-element-label-z-index);pointer-events:var(--vv-textarea-modifier-floating-element-label-pointer-events);font-size:var(--vv-textarea-modifier-floating-element-label-font-size);padding-top:var(--input-padding-top);padding-bottom:var(--input-padding-bottom);padding-inline:var(--vv-textarea-modifier-floating-element-label-padding-inline);margin:var(--vv-textarea-modifier-floating-element-label-margin);will-change:var(--vv-textarea-modifier-floating-element-label-will-change);transform-origin:var(--vv-textarea-modifier-floating-element-label-transform-origin);transition:var(--vv-textarea-modifier-floating-element-label-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea--focus-within > label,.vv-textarea--floating.vv-textarea.focus-within > label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within > label){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:-moz-placeholder-shown\)] textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea[\:not-has\(*\:placeholder-shown\)] textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
|