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

@volverjs/style 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/LICENSE +1 -1
package/dist/base.css +1 -0
package/dist/components/vv-avatar-group.css +1 -0
package/dist/components/vv-avatar.css +1 -1
package/dist/components/vv-badge.css +1 -1
package/dist/components/vv-button.css +1 -1
package/dist/components/vv-dropdown-action.css +1 -0
package/dist/components/vv-dropdown-option.css +1 -0
package/dist/components/vv-dropdown.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/spacing.css +1 -1
package/dist/props/transitions.css +1 -1
package/dist/props.css +1 -1
package/dist/utilities/flexbox.css +1 -1
package/dist/utilities/layout.css +1 -1
package/dist/utilities/sizing.css +1 -1
package/dist/utilities/spacing.css +1 -1
package/dist/utilities/transforms.css +1 -1
package/dist/utilities/transitions.css +1 -1
package/dist/utilities.css +1 -1
package/dist/volver.css +1 -1
package/package.json +20 -12
package/src/_config.scss +3 -0
package/src/_preflight.scss +0 -10
package/src/base.scss +15 -0
package/src/components/index.scss +3 -0
package/src/components/vv-avatar-group.scss +13 -0
package/src/components/vv-dropdown-action.scss +13 -0
package/src/components/vv-dropdown-option.scss +13 -0
package/src/props/transitions.scss +11 -5
package/src/settings/_index.scss +3 -0
package/src/settings/_input.scss +2 -4
package/src/settings/_spacing.scss +1 -0
package/src/settings/_transitions.scss +0 -2
package/src/settings/components/_vv-avatar-group.scss +23 -0
package/src/settings/components/_vv-avatar.scss +118 -20
package/src/settings/components/_vv-badge.scss +27 -0
package/src/settings/components/_vv-button.scss +5 -5
package/src/settings/components/_vv-dropdown-action.scss +26 -0
package/src/settings/components/_vv-dropdown-option.scss +63 -0
package/src/settings/components/_vv-dropdown.scss +92 -17
package/src/settings/components/_vv-input-text.scss +28 -17
package/src/settings/components/_vv-select.scss +30 -13
package/src/settings/components/_vv-textarea.scss +26 -11
package/src/tools/_functions.scss +16 -0
package/src/tools/_mixins.scss +15 -0
package/src/utilities/layout.scss +2 -8
package/src/utilities/transforms.scss +2 -2
package/src/volver.scss +2 -5

package/LICENSE CHANGED Viewed

@@ -1,6 +1,6 @@
 MIT License
-Copyright (c) 2022 volverjs
+Copyright (c) 2022-2023 24/Consulting
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/base.css ADDED Viewed

@@ -0,0 +1 @@

+ *:where(:not(html):not(iframe):not(canvas):not(img):not(svg):not(video):not(details):not(summary):not(svg *):not(symbol *)){all:unset;display:revert}:where(*,*::before,*::after){box-sizing:border-box;border:0px solid transparent}:where(a,button){cursor:revert}:where(ol,ul,menu){list-style:none}:where(img){max-width:100%}:where(table){border-accordion:accordion}:where(input,textarea){-webkit-user-select:auto}:where(textarea){white-space:revert}:where(meter){-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}::-moz-placeholder{color:inherit}::placeholder{color:inherit}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;word-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(.revert *){all:revert;accent-color:initial;background-color:transparent;background-color:initial;caret-color:initial;color:#000;color:initial;scrollbar-color:initial;font-family:serif;font-family:initial}:where(:host,:root,.theme){--bg-none: none;--bg-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(22, 26, 29)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(22, 26, 29)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(22, 26, 29)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(22, 26, 29)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}:where(:host,:root,.theme){--rounded-none: 0px;--rounded-sm: .125rem;--rounded: .25rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--rounded-xxl: 1rem;--rounded-xxxl: 1.5rem;--rounded-full: 9999px;--border-0: 0px;--border: 1px;--border-2: 2px;--border-4: 4px;--border-8: 8px}:where(:host,:root,.theme){--breakpoint-xs: 360px;--breakpoint-sm: 576px;--breakpoint-md: 992px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-xxl: 1440px;--breakpoint-xxxl: 1536px}@media screen and (min-width: 0){:where(:host,:root,.theme){--breakpoint-key: xxs;--breakpoint-value: 0}}@media screen and (min-width: 360px){:where(:host,:root,.theme){--breakpoint-key: xs;--breakpoint-value: 360px}}@media screen and (min-width: 576px){:where(:host,:root,.theme){--breakpoint-key: sm;--breakpoint-value: 576px}}@media screen and (min-width: 992px){:where(:host,:root,.theme){--breakpoint-key: md;--breakpoint-value: 992px}}@media screen and (min-width: 1024px){:where(:host,:root,.theme){--breakpoint-key: lg;--breakpoint-value: 1024px}}@media screen and (min-width: 1280px){:where(:host,:root,.theme){--breakpoint-key: xl;--breakpoint-value: 1280px}}@media screen and (min-width: 1440px){:where(:host,:root,.theme){--breakpoint-key: xxl;--breakpoint-value: 1440px}}@media screen and (min-width: 1536px){:where(:host,:root,.theme){--breakpoint-key: xxxl;--breakpoint-value: 1536px}}:where(:host,:root,.theme){--color-scheme: light;--color-transparent: transparent;--color-black-hue: 0deg;--color-black-saturation: 0%;--color-black-lightness: 0%;--color-black: hsla(var(--color-black-hue) var(--color-black-saturation) var(--color-black-lightness)/1);--color-white-hue: 0deg;--color-white-saturation: 0%;--color-white-lightness: 100%;--color-white: hsla(var(--color-white-hue) var(--color-white-saturation) var(--color-white-lightness)/1);--color-brand: hsla(var(--color-brand-hue) var(--color-brand-saturation) var(--color-brand-lightness)/1);--color-brand-hue: 209.8378378378deg;--color-brand-saturation: 78.7234042553%;--color-brand-lightness: 46.0784313725%;--color-brand-lighten-1: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) + var(--color-brand-lightness) * .1 ));--color-brand-lighten-2: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) + var(--color-brand-lightness) * .2 ));--color-brand-lighten-3: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) + var(--color-brand-lightness) * .3 ));--color-brand-lighten-4: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) + var(--color-brand-lightness) * .4 ));--color-brand-lighten-5: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) + var(--color-brand-lightness) * .5 ));--color-brand-darken-1: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) - var(--color-brand-lightness) * .1 ));--color-brand-darken-2: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) - var(--color-brand-lightness) * .2 ));--color-brand-darken-3: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) - var(--color-brand-lightness) * .3 ));--color-brand-darken-4: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) - var(--color-brand-lightness) * .4 ));--color-brand-darken-5: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) - var(--color-brand-lightness) * .5 ));--color-accent: hsla(var(--color-accent-hue) var(--color-accent-saturation) var(--color-accent-lightness)/1);--color-accent-hue: 291.2408759124deg;--color-accent-saturation: 63.7209302326%;--color-accent-lightness: 42.1568627451%;--color-accent-lighten-1: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) + var(--color-accent-lightness) * .1 ));--color-accent-lighten-2: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) + var(--color-accent-lightness) * .2 ));--color-accent-lighten-3: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) + var(--color-accent-lightness) * .3 ));--color-accent-lighten-4: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) + var(--color-accent-lightness) * .4 ));--color-accent-lighten-5: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) + var(--color-accent-lightness) * .5 ));--color-accent-darken-1: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) - var(--color-accent-lightness) * .1 ));--color-accent-darken-2: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) - var(--color-accent-lightness) * .2 ));--color-accent-darken-3: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) - var(--color-accent-lightness) * .3 ));--color-accent-darken-4: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) - var(--color-accent-lightness) * .4 ));--color-accent-darken-5: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) - var(--color-accent-lightness) * .5 ));--color-success: hsla(var(--color-success-hue) var(--color-success-saturation) var(--color-success-lightness)/1);--color-success-hue: 134.0186915888deg;--color-success-saturation: 69.9346405229%;--color-success-lightness: 30%;--color-success-lighten-1: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) + var(--color-success-lightness) * .1 ));--color-success-lighten-2: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) + var(--color-success-lightness) * .2 ));--color-success-lighten-3: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) + var(--color-success-lightness) * .3 ));--color-success-lighten-4: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) + var(--color-success-lightness) * .4 ));--color-success-lighten-5: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) + var(--color-success-lightness) * .5 ));--color-success-darken-1: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) - var(--color-success-lightness) * .1 ));--color-success-darken-2: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) - var(--color-success-lightness) * .2 ));--color-success-darken-3: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) - var(--color-success-lightness) * .3 ));--color-success-darken-4: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) - var(--color-success-lightness) * .4 ));--color-success-darken-5: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) - var(--color-success-lightness) * .5 ));--color-danger: hsla(var(--color-danger-hue) var(--color-danger-saturation) var(--color-danger-lightness)/1);--color-danger-hue: 0deg;--color-danger-saturation: 66.6666666667%;--color-danger-lightness: 41.1764705882%;--color-danger-lighten-1: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) + var(--color-danger-lightness) * .1 ));--color-danger-lighten-2: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) + var(--color-danger-lightness) * .2 ));--color-danger-lighten-3: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) + var(--color-danger-lightness) * .3 ));--color-danger-lighten-4: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) + var(--color-danger-lightness) * .4 ));--color-danger-lighten-5: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) + var(--color-danger-lightness) * .5 ));--color-danger-darken-1: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) - var(--color-danger-lightness) * .1 ));--color-danger-darken-2: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) - var(--color-danger-lightness) * .2 ));--color-danger-darken-3: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) - var(--color-danger-lightness) * .3 ));--color-danger-darken-4: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) - var(--color-danger-lightness) * .4 ));--color-danger-darken-5: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) - var(--color-danger-lightness) * .5 ));--color-info: hsla(var(--color-info-hue) var(--color-info-saturation) var(--color-info-lightness)/1);--color-info-hue: 190.2673796791deg;--color-info-saturation: 83.1111111111%;--color-info-lightness: 55.8823529412%;--color-info-lighten-1: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) + var(--color-info-lightness) * .1 ));--color-info-lighten-2: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) + var(--color-info-lightness) * .2 ));--color-info-lighten-3: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) + var(--color-info-lightness) * .3 ));--color-info-lighten-4: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) + var(--color-info-lightness) * .4 ));--color-info-lighten-5: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) + var(--color-info-lightness) * .5 ));--color-info-darken-1: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) - var(--color-info-lightness) * .1 ));--color-info-darken-2: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) - var(--color-info-lightness) * .2 ));--color-info-darken-3: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) - var(--color-info-lightness) * .3 ));--color-info-darken-4: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) - var(--color-info-lightness) * .4 ));--color-info-darken-5: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) - var(--color-info-lightness) * .5 ));--color-warning: hsla(var(--color-warning-hue) var(--color-warning-saturation) var(--color-warning-lightness)/1);--color-warning-hue: 43.9572192513deg;--color-warning-saturation: 87.79342723%;--color-warning-lightness: 58.2352941176%;--color-warning-lighten-1: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) + var(--color-warning-lightness) * .1 ));--color-warning-lighten-2: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) + var(--color-warning-lightness) * .2 ));--color-warning-lighten-3: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) + var(--color-warning-lightness) * .3 ));--color-warning-lighten-4: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) + var(--color-warning-lightness) * .4 ));--color-warning-lighten-5: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) + var(--color-warning-lightness) * .5 ));--color-warning-darken-1: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) - var(--color-warning-lightness) * .1 ));--color-warning-darken-2: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) - var(--color-warning-lightness) * .2 ));--color-warning-darken-3: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) - var(--color-warning-lightness) * .3 ));--color-warning-darken-4: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) - var(--color-warning-lightness) * .4 ));--color-warning-darken-5: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) - var(--color-warning-lightness) * .5 ));--color-gray: hsla(var(--color-gray-hue) var(--color-gray-saturation) var(--color-gray-lightness)/1);--color-gray-hue: 209.8378378378deg;--color-gray-saturation: 15%;--color-gray-lightness: 50%;--color-gray-lighten-1: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) + var(--color-gray-lightness) * .15 ));--color-gray-lighten-2: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) + var(--color-gray-lightness) * .3 ));--color-gray-lighten-3: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) + var(--color-gray-lightness) * .45 ));--color-gray-lighten-4: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) + var(--color-gray-lightness) * .6 ));--color-gray-lighten-5: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) + var(--color-gray-lightness) * .75 ));--color-gray-darken-1: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) - var(--color-gray-lightness) * .15 ));--color-gray-darken-2: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) - var(--color-gray-lightness) * .3 ));--color-gray-darken-3: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) - var(--color-gray-lightness) * .45 ));--color-gray-darken-4: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) - var(--color-gray-lightness) * .6 ));--color-gray-darken-5: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) - var(--color-gray-lightness) * .75 ));--color-word-hue: 209.8378378378deg;--color-word-saturation: 15%;--color-word-lightness: 10%;--color-word: hsla(var(--color-word-hue) var(--color-word-saturation) var(--color-word-lightness)/1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) + 12% ));--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) + 24% ));--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) + 36% ));--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) + 48% ));--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) + 60% ));--color-surface-hue: 209.8378378378deg;--color-surface-saturation: 10%;--color-surface-lightness: 98%;--color-surface: hsla(var(--color-surface-hue) var(--color-surface-saturation) var(--color-surface-lightness)/1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) - 2% ));--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) - 4% ));--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) - 6% ));--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) - 8% ));--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) - 10% ));--color-surface-brand: hsl(var(--color-brand-hue), var(--color-brand-saturation), 90%);--color-surface-accent: hsl(var(--color-accent-hue), var(--color-accent-saturation), 90%);--color-surface-success: hsl(var(--color-success-hue), var(--color-success-saturation), 90%);--color-surface-danger: hsl(var(--color-danger-hue), var(--color-danger-saturation), 90%);--color-surface-info: hsl(var(--color-info-hue), var(--color-info-saturation), 90%);--color-surface-warning: hsl(var(--color-warning-hue), var(--color-warning-saturation), 90%);--color-shadow-hue: 209.8378378378deg;--color-shadow-saturation: 50%;--color-shadow-lightness: 20%;--color-shadow: hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness)/1);--color-backdrop-hue: 209.8378378378deg;--color-backdrop-saturation: 50%;--color-backdrop-lightness: 20%;--color-backdrop: hsla(var(--color-backdrop-hue) var(--color-backdrop-saturation) var(--color-backdrop-lightness)/.2);--color-alpha-hue: 0deg;--color-alpha-saturation: 0%;--color-alpha-lightness: 0%;--color-alpha: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/0);--color-alpha-1: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/5%);--color-alpha-2: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/10%);--color-alpha-3: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/15%);--color-alpha-4: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/20%);--color-alpha-5: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/25%)}:where(:host,:root,.theme){--shadow-sm: 0 1px 2px 0 hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 5%);--shadow: 0 1px 3px 0 hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%), 0 1px 2px -1px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%);--shadow-md: 0 4px 6px -1px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%), 0 2px 4px -2px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%);--shadow-lg: 0 10px 15px -3px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%), 0 4px 6px -4px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%);--shadow-xl: 0 20px 25px -5px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%), 0 8px 10px -6px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%);--shadow-2xl: 0 25px 50px -12px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 25%);--shadow-inner: inset 0 2px 4px 0 hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 5%);--shadow-none: 0 0 rgba(0,0,0,0);--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-15: .15;--opacity-20: .2;--opacity-25: .25;--opacity-30: .3;--opacity-35: .35;--opacity-40: .4;--opacity-45: .45;--opacity-50: .5;--opacity-55: .55;--opacity-60: .6;--opacity-65: .65;--opacity-70: .7;--opacity-75: .75;--opacity-80: .8;--opacity-85: .85;--opacity-90: .9;--opacity-95: .95;--opacity-100: 1}:where(:host,:root,.theme){--blur-none: blur(0);--blur-sm: blur(4px);--blur: blur(8px);--blur-md: blur(12px);--blur-lg: blur(16px);--blur-xl: blur(24px);--blur-xxl: blur(40px);--blur-xxxl: blur(64px);--brightness-0: brightness(0);--brightness-50: brightness(.5);--brightness-75: brightness(.75);--brightness-90: brightness(.9);--brightness-95: brightness(.95);--brightness-100: brightness(1);--brightness-105: brightness(1.05);--brightness-110: brightness(1.1);--brightness-125: brightness(1.25);--brightness-150: brightness(1.5);--brightness-200: brightness(2);--saturate-0: saturate(0);--saturate-50: saturate(.5);--saturate-100: saturate(1);--saturate-150: saturate(1.5);--saturate-200: saturate(2)}:where(:host,:root,.theme){--input-display: flex;--input-flex: 1;--input-flex-direction: column;--input-spacing-top: var(--spacing-sm);--input-spacing-right: var(--spacing-sm);--input-spacing-bottom: var(--spacing-sm);--input-spacing-left: var(--spacing-sm);--input-color: var(--color-word);--input-background-color: var(--color-surface-1);--input-gap: var(--spacing-md);--input-line-height: var(--leading-normal);--input-font-size: var(--text-16);--input-min-height: var(--spacing-52);--input-min-width: 0;--input-label-color: var(--color-word-2);--input-label-display: flex;--input-label-align-items: center;--input-label-font-size: var(--text-xs);--input-label-gap: var(--spacing-xs);--input-label-white-space: nowrap;--input-label-text-overflow: ellipsis;--input-label-overflow: hidden;--input-label-max-width: 100%;--input-icon-position: absolute;--input-icon-width: 1em;--input-icon-pointer-events: none;--input-icon-margin: 0 var(--spacing-sm);--input-hint-display: block;--input-hint-font-size: var(--text-12);--input-hint-color: var(--color-word-2);--input-hint-gap: var(--spacing-8);--input-hint-white-space: nowrap;--input-hint-text-overflow: ellipsis;--input-hint-overflow: hidden;--input-hint-max-width: 100%;--input-placeholder-color: var(--color-word-4);--input-valid-color: var(--color-success);--input-invalid-color: var(--color-danger);--input-floating-padding-top: calc(var(--input-spacing-top) + .55em);--input-floating-padding-bottom: calc(var(--input-spacing-bottom) - .55em);--input-floating-label-font-size: var(--text-12);--input-floating-label-transform: translateY(-.8em)}:where(:host,:root,.theme){--aspect-auto: auto;--aspect-square: 1/1;--aspect-photo: 3/2;--aspect-tv: 4/3;--aspect-wide: 16/9;--aspect-ultrawide: 21/9;--z-dropdown: 1000;--z-sticky: 1010;--z-fixed: 1020;--z-modal-backdrop: 1030;--z-modal: 1040;--z-confirm-backdrop: 1050;--z-confirm: 1060;--z-popover: 1070;--z-tooltip: 1080;--z-toast: 1090;--z-notification-alert: 1100;--z-auto: auto}:where(:host,:root,.theme){--w-auto: auto;--w-1-2: 50%;--w-1-3: 33.3333%;--w-2-3: 66.6667%;--w-1-4: 25%;--w-2-4: 50%;--w-3-4: 75%;--w-1-5: 20%;--w-2-5: 40%;--w-3-5: 60%;--w-4-5: 80%;--w-1-6: 16.6667%;--w-2-6: 33.3333%;--w-3-6: 50%;--w-4-6: 66.6667%;--w-5-6: 83.3333%;--w-1-12: 8.3333%;--w-2-12: 16.6667%;--w-3-12: 25%;--w-4-12: 33.3333%;--w-5-12: 41.6667%;--w-6-12: 50%;--w-7-12: 58.3333%;--w-8-12: 66.6667%;--w-9-12: 75%;--w-10-12: 83.3333%;--w-11-12: 91.6667%;--w-full: 100%;--w-screen: 100vw;--w-min: min-content;--w-max: max-content;--w-fit: fit-content;--h-auto: auto;--h-1-2: 50%;--h-1-3: 33.3333%;--h-2-3: 66.6667%;--h-1-4: 25%;--h-2-4: 50%;--h-3-4: 75%;--h-1-5: 20%;--h-2-5: 40%;--h-3-5: 60%;--h-4-5: 80%;--h-1-6: 16.6667%;--h-2-6: 33.3333%;--h-3-6: 50%;--h-4-6: 66.6667%;--h-5-6: 83.3333%;--h-full: 100%;--h-screen: 100vh;--h-min: min-content;--h-max: max-content;--h-fit: fit-content}:where(:host,:root,.theme){--spacing-0: 0;--spacing-px: 1px;--spacing-1: .0625rem;--spacing-2: .125rem;--spacing-3: .1875rem;--spacing-4: .25rem;--spacing-5: .3125rem;--spacing-6: .375rem;--spacing-7: .4375rem;--spacing-8: .5rem;--spacing-9: .5625rem;--spacing-10: .625rem;--spacing-12: .75rem;--spacing-14: .875rem;--spacing-16: 1rem;--spacing-18: 1.125rem;--spacing-20: 1.25rem;--spacing-22: 1.375rem;--spacing-24: 1.5rem;--spacing-26: 1.625rem;--spacing-28: 1.75rem;--spacing-32: 2rem;--spacing-34: 2.125rem;--spacing-36: 2.25rem;--spacing-38: 2.375rem;--spacing-40: 2.5rem;--spacing-44: 2.75rem;--spacing-48: 3rem;--spacing-50: 3.125rem;--spacing-52: 3.25rem;--spacing-56: 3.5rem;--spacing-64: 4rem;--spacing-80: 5rem;--spacing-96: 6rem;--spacing-100: 6.25rem;--spacing-112: 7rem;--spacing-128: 8rem;--spacing-144: 9rem;--spacing-150: 9.375rem;--spacing-160: 10rem;--spacing-176: 11rem;--spacing-192: 12rem;--spacing-208: 13rem;--spacing-224: 14rem;--spacing-240: 15rem;--spacing-256: 16rem;--spacing-288: 18rem;--spacing-300: 18.75rem;--spacing-320: 20rem;--spacing-384: 24rem;--spacing-xs: var(--spacing-6);--spacing-sm: var(--spacing-10);--spacing-md: var(--spacing-12);--spacing-lg: var(--spacing-16);--spacing-xl: var(--spacing-24)}@media (min-width: 576px){:where(:host,:root,.theme){--spacing-xs: var(--spacing-8)}}@media (min-width: 1024px){:where(:host,:root,.theme){--spacing-xs: var(--spacing-10)}}@media (min-width: 576px){:where(:host,:root,.theme){--spacing-sm: var(--spacing-12)}}@media (min-width: 1024px){:where(:host,:root,.theme){--spacing-sm: var(--spacing-14)}}@media (min-width: 576px){:where(:host,:root,.theme){--spacing-md: var(--spacing-14)}}@media (min-width: 1024px){:where(:host,:root,.theme){--spacing-md: var(--spacing-16)}}@media (min-width: 576px){:where(:host,:root,.theme){--spacing-lg: var(--spacing-22)}}@media (min-width: 1024px){:where(:host,:root,.theme){--spacing-lg: var(--spacing-36)}}@media (min-width: 576px){:where(:host,:root,.theme){--spacing-xl: var(--spacing-36)}}@media (min-width: 1024px){:where(:host,:root,.theme){--spacing-xl: var(--spacing-48)}}@media (prefers-reduced-motion: no-preference){:where(:host,:root,.theme){--transition-property-none: none;--transition-property-all: all;--transition-property-colors: color, background-color, border-color, text-decoration-color, fill, stroke;--transition-property-opacity: opacity;--transition-property-shadow: box-shadow;--transition-property-transform: transform;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animation-none: none;--animation-indeterminate: indeterminate 2s infinite;--animation-progress-indeterminate: progress-indeterminate 1.5s linear infinite;--animation-spin: spin 1s infinite;--animation-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animation-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-bounce: bounce 1s infinite;--animation-shine: shine 1.5s infinite;--transition-none: none;--transition-all: all var(--duration-300) var(--ease-in-out);--transition-colors: color var(--duration-300) var(--ease-in-out), background-color var(--duration-300) var(--ease-in-out), border-color var(--duration-300) var(--ease-in-out), text-decoration-color var(--duration-300) var(--ease-in-out), fill var(--duration-300) var(--ease-in-out), stroke var(--duration-300) var(--ease-in-out);--transition-opacity: opacity var(--duration-300) var(--ease-in-out);--transition-shadow: box-shadow var(--duration-300) var(--ease-in-out);--transition-transform: transform var(--duration-300) var(--ease-in-out)}}@keyframes indeterminate{0%{transform:scaleX(0)}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:center right}to{transform:scaleX(0);transform-origin:center right}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes progress-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pie-masks{0%{opacity:1}50%,to{opacity:0}}@keyframes shine{to{background-position-x:-200%}}:where(:host,:root,.theme){--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--text-smaller: smaller;--text-larger: larger;--text-6: .375rem;--text-8: .5rem;--text-10: .625rem;--text-12: .75rem;--text-14: .875rem;--text-16: 1rem;--text-18: 1.125rem;--text-20: 1.25rem;--text-22: 1.375rem;--text-24: 1.5rem;--text-26: 1.625rem;--text-28: 1.75rem;--text-30: 1.875rem;--text-32: 2rem;--text-34: 2.125rem;--text-36: 2.25rem;--text-48: 3rem;--text-60: 3.75rem;--text-72: 4.5rem;--text-96: 6rem;--text-128: 8rem;--text-xs: var(--text-10);--text-sm: var(--text-12);--text-md: var(--text-14);--text-lg: var(--text-16);--text-xl: var(--text-18)}@media (min-width: 576px){:where(:host,:root,.theme){--text-xs: var(--text-12)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-xs: var(--text-14)}}@media (min-width: 576px){:where(:host,:root,.theme){--text-sm: var(--text-14)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-sm: var(--text-16)}}@media (min-width: 576px){:where(:host,:root,.theme){--text-md: var(--text-16)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-md: var(--text-18)}}@media (min-width: 576px){:where(:host,:root,.theme){--text-lg: var(--text-18)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-lg: var(--text-20)}}@media (min-width: 576px){:where(:host,:root,.theme){--text-xl: var(--text-20)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-xl: var(--text-22)}}:where(:host,:root,.theme){accent-color:var(--color-brand);background:var(--color-surface);caret-color:var(--color-brand);color-scheme:var(--color-scheme);color:var(--color-word);scrollbar-color:var(--color-brand);font-family:var(--font-sans)}

package/dist/components/vv-avatar-group.css ADDED Viewed

@@ -0,0 +1 @@

+ :where(:host,:root,.theme){--vv-avatar-group-display: flex;--vv-avatar-group-align-items: flex-end;--vv-avatar-group-element-item-box-shadow: var(--shadow-md)}:where(.vv-avatar-group){--avatar-group-spacing: var(--spacing-9);display:var(--vv-avatar-group-display);align-items:var(--vv-avatar-group-align-items)}:where(.vv-avatar-group__item,.vv-avatar-group > *){box-shadow:var(--vv-avatar-group-element-item-box-shadow)}:where(.vv-avatar-group__item-not-first,.vv-avatar-group > *:not(:first-child)){margin-left:calc(-1 * var(--avatar-group-spacing))}:where(.vv-avatar-group--tight.vv-avatar-group){--avatar-group-spacing: var(--spacing-12)}:where(.vv-avatar-group--relaxed.vv-avatar-group){--avatar-group-spacing: var(--spacing-6)}

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

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

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

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

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

	@@ -1 +1 @@
1	- :where(:host,:root,.theme){--vv-button-position: relative;--vv-button-background: var(--color-brand);--vv-button-border-radius: var(--rounded);--vv-button-border-style: solid;--vv-button-border-color: var(--color-brand);--vv-button-color: var(--color-white);--vv-button-font-family: var(--font-sans);--vv-button-font-weight: var(--font-semibold);--vv-button-gap: 1ch;--vv-button-padding-block: var(--spacing-7);--vv-button-padding-inline: var(--spacing-16);--vv-button-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-transition: var(--transition-all);--vv-button-will-change: all;--vv-button-min-width: 0;--vv-button-state-focus-visible-outline-offset: var(--spacing-4);--vv-button-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-button-state-hover-background: var(--color-brand-darken-1);--vv-button-state-hover-border-color: var(--color-brand-darken-1);--vv-button-state-hover-text-decoration: none;--vv-button-state-active-background: var(--color-brand-darken-2);--vv-button-state-active-border-color: var(--color-brand-darken-2);--vv-button-state-pressed-background: var(--color-brand-darken-2);--vv-button-state-pressed-border-color: var(--color-brand-darken-2);--vv-button-state-disabled-opacity: var(--opacity-50);--vv-button-state-disabled-cursor: not-allowed;--vv-button-element-icon-block-size: 1.1em;--vv-button-element-icon-inline-size: 1.1em;--vv-button-element-icon-margin: 0;--vv-button-element-icon-stroke: currentcolor;--vv-button-element-icon-fill: none;--vv-button-element-icon-flex-shrink: 0;--vv-button-element-icon-stroke-linecap: round;--vv-button-element-icon-stroke-linejoin: round;--vv-button-element-label-white-space: nowrap;--vv-button-element-label-text-overflow: ellipsis;--vv-button-element-label-min-width: 0;--vv-button-element-label-overflow: hidden;--vv-button-modifier-icon-only-element-icon-margin-inline: calc(var(--spacing-6) * -1);--vv-button-modifier-primary-background: var(--color-gray-darken-3);--vv-button-modifier-primary-border-color: var(--color-gray-darken-3);--vv-button-modifier-primary-color: var(--color-white);--vv-button-modifier-primary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color: var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-border-color: var(--color-gray-darken-5);--vv-button-modifier-secondary-background: var(--color-white);--vv-button-modifier-secondary-border-style: solid;--vv-button-modifier-secondary-border-color: var(--color-gray-lighten-4);--vv-button-modifier-secondary-color: var(--color-word);--vv-button-modifier-secondary-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background: var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background: var(--color-gray-lighten-3);--vv-button-modifier-secondary-state-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-danger-background: var(--color-danger);--vv-button-modifier-danger-border-color: var(--color-danger);--vv-button-modifier-danger-color: var(--color-white);--vv-button-modifier-danger-state-focus-visible-outline: var(--spacing-px) solid var(--color-danger);--vv-button-modifier-danger-state-hover-background: var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color: var(--color-danger-darken-1);--vv-button-modifier-danger-state-active-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color: var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-border-color: var(--color-danger-darken-2);--vv-button-modifier-ghost-background: transparent;--vv-button-modifier-ghost-border-color: transparent;--vv-button-modifier-ghost-color: var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset: var(--spacing-0);--vv-button-modifier-ghost-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-link-background: transparent;--vv-button-modifier-link-border-width: var(--border-0);--vv-button-modifier-link-padding: 0;--vv-button-modifier-link-color: var(--color-brand-darken-1);--vv-button-modifier-link-font-weight: var(--font-normal);--vv-button-modifier-link-text-shadow: none;--vv-button-modifier-link-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand-lighten-4);--vv-button-modifier-link-state-focus-visible-outline-offset: var(--spacing-4);--vv-button-modifier-link-state-hover-text-decoration: underline;--vv-button-modifier-link-state-hover-text-underline-offset: var(--spacing-4);--vv-button-modifier-link-state-active-color: var(--color-brand-darken-3);--vv-button-modifier-static-light-background: var(--color-white);--vv-button-modifier-static-light-border-color: var(--color-white);--vv-button-modifier-static-light-color: var(--color-black);--vv-button-modifier-static-light-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-hover-border-color: var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-active-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background: var(--color-black);--vv-button-modifier-static-dark-border-color: var(--color-black);--vv-button-modifier-static-dark-color: var(--color-white);--vv-button-modifier-static-dark-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background: var(--color-gray-darken-3);--vv-button-modifier-action-font-size: var(--text-14);--vv-button-modifier-action-background: var(--color-surface-1);--vv-button-modifier-action-color: var(--color-word-1);--vv-button-modifier-action-border-color: var(--color-word-5);--vv-button-modifier-action-font-weight: var(--font-normal);--vv-button-modifier-action-padding-inline: var(--spacing-6);--vv-button-modifier-action-padding-block: var(--spacing-4);--vv-button-modifier-action-text-shadow: none;--vv-button-modifier-action-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-state-hover-background: var(--color-surface-2);--vv-button-modifier-action-state-active-background: var(--color-surface-5);--vv-button-modifier-action-state-pressed-color: var(--color-white);--vv-button-modifier-action-state-pressed-background: var(--color-gray);--vv-button-modifier-action-state-pressed-border-color: var(--color-gray);--vv-button-modifier-action-element-icon-margin-inline: -.125ch;--vv-button-modifier-action-element-icon-block-size: calc(1em * var(--leading-snug));--vv-button-modifier-action-element-icon-inline-size: calc(1em * var(--leading-snug));--vv-button-modifier-action-quiet-font-size: var(--text-14);--vv-button-modifier-action-quiet-background: transparent;--vv-button-modifier-action-quiet-color: var(--color-word-1);--vv-button-modifier-action-quiet-border-color: transparent;--vv-button-modifier-action-quiet-font-weight: var(--font-normal);--vv-button-modifier-action-quiet-padding-inline: var(--spacing-6);--vv-button-modifier-action-quiet-padding-block: var(--spacing-4);--vv-button-modifier-action-quiet-text-shadow: none;--vv-button-modifier-action-quiet-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset: var(--spacing-0);--vv-button-modifier-action-quiet-state-hover-background: var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color: var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background: var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color: var(--color-surface-5);--vv-button-modifier-action-quiet-state-pressed-color: var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background: var(--color-gray);--vv-button-modifier-action-quiet-state-pressed-border-color: var(--color-gray);--vv-button-modifier-action-quiet-element-icon-margin-inline: -.125ch;--vv-button-modifier-action-quiet-element-icon-block-size: calc(1em * var(--leading-snug));--vv-button-modifier-action-quiet-element-icon-inline-size: calc(1em * var(--leading-snug));--vv-button-modifier-rounded-border-radius: var(--rounded-full);--vv-button-modifier-block-display: block;--vv-button-modifier-block-width: 100%;--vv-button-modifier-block-max-width: auto;--vv-button-modifier-reverse-element-label-order: -1;--vv-button-modifier-column-flex-direction: column;--vv-button-modifier-column-gap: var(--spacing-2);--vv-button-modifier-full-bleed-min-width: 20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),:where(.vv-button)::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;--button-border-width: var(--border-2);--button-line-height: var(--leading-normal);border-width:var(--button-border-width);line-height:var(--button-line-height);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-style:var(--vv-button-border-style);border-color:var(--vv-button-border-color);color:var(--vv-button-color);font-family:var(--vv-button-font-family);font-weight:var(--vv-button-font-weight);gap:var(--vv-button-gap);padding-block:var(--vv-button-padding-block);padding-inline:var(--vv-button-padding-inline);text-shadow:var(--vv-button-text-shadow);transition:var(--vv-button-transition);will-change:var(--vv-button-will-change);min-width:var(--vv-button-min-width)}:where(.vv-button)::file-selector-button{-webkit-margin-end:var(--vv-button-gap, 1ch);margin-inline-end:var(--vv-button-gap, 1ch)}:where(.vv-button__icon,.vv-button > :where(svg,[data-icon])){block-size:var(--vv-button-element-icon-block-size);inline-size:var(--vv-button-element-icon-inline-size);margin:var(--vv-button-element-icon-margin);stroke:var(--vv-button-element-icon-stroke);fill:var(--vv-button-element-icon-fill);flex-shrink:var(--vv-button-element-icon-flex-shrink);stroke-linecap:var(--vv-button-element-icon-stroke-linecap);stroke-linejoin:var(--vv-button-element-icon-stroke-linejoin);min-height:calc(1em * var(--button-line-height))}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background: var(--vv-button-state-hover-background);--vv-button-border-color: var(--vv-button-state-hover-border-color);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background: var(--vv-button-state-active-background);--vv-button-border-color: var(--vv-button-state-active-border-color)}:where(.vv-button--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background: var(--vv-button-state-pressed-background);--vv-button-border-color: var(--vv-button-state-pressed-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}:where(.vv-button--primary.vv-button){--vv-button-background: var(--vv-button-modifier-primary-background);--vv-button-border-color: var(--vv-button-modifier-primary-border-color);--vv-button-color: var(--vv-button-modifier-primary-color)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-pressed-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background: var(--vv-button-modifier-secondary-background);--vv-button-border-style: var(--vv-button-modifier-secondary-border-style);--vv-button-border-color: var(--vv-button-modifier-secondary-border-color);--vv-button-color: var(--vv-button-modifier-secondary-color);--vv-button-text-shadow: var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-pressed-background)}:where(.vv-button--danger.vv-button){--vv-button-background: var(--vv-button-modifier-danger-background);--vv-button-border-color: var(--vv-button-modifier-danger-border-color);--vv-button-color: var(--vv-button-modifier-danger-color)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-hover-border-color)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-active-border-color)}:where(.vv-button--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-pressed-border-color)}:where(.vv-button--ghost.vv-button){--vv-button-background: var(--vv-button-modifier-ghost-background);--vv-button-border-color: var(--vv-button-modifier-ghost-border-color);--vv-button-color: var(--vv-button-modifier-ghost-color);--vv-button-text-shadow: var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-hover-background)}:where(.vv-button--ghost.vv-button--active,.vv-button--ghost.vv-button.active,.vv-button--ghost.vv-button:not([disabled]):active){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-active-background)}:where(.vv-button--ghost.vv-button--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-pressed-background)}:where(.vv-button--link.vv-button){--vv-button-background: var(--vv-button-modifier-link-background);border-width:var(--vv-button-modifier-link-border-width);padding:var(--vv-button-modifier-link-padding);--vv-button-color: var(--vv-button-modifier-link-color);--vv-button-font-weight: var(--vv-button-modifier-link-font-weight);--vv-button-text-shadow: var(--vv-button-modifier-link-text-shadow)}:where(.vv-button--link.vv-button--focus-visible,.vv-button--link.vv-button.focus-visible,.vv-button--link.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-link-state-focus-visible-outline-offset)}:where(.vv-button--link.vv-button--hover,.vv-button--link.vv-button.hover,.vv-button--link.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-link-state-hover-text-underline-offset)}:where(.vv-button--link.vv-button--active,.vv-button--link.vv-button.active,.vv-button--link.vv-button:not([disabled]):active){--vv-button-modifier-link-color: var(--vv-button-modifier-link-state-active-color)}:where(.vv-button--static-light.vv-button){--vv-button-background: var(--vv-button-modifier-static-light-background);--vv-button-border-color: var(--vv-button-modifier-static-light-border-color);--vv-button-color: var(--vv-button-modifier-static-light-color);--vv-button-text-shadow: var(--vv-button-modifier-static-light-text-shadow)}:where(.vv-button--static-light.vv-button--focus-visible,.vv-button--static-light.vv-button.focus-visible,.vv-button--static-light.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-static-light-state-focus-visible-outline)}:where(.vv-button--static-light.vv-button--hover,.vv-button--static-light.vv-button.hover,.vv-button--static-light.vv-button:not([disabled]):hover){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-hover-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-hover-background)}:where(.vv-button--static-light.vv-button--active,.vv-button--static-light.vv-button.active,.vv-button--static-light.vv-button:not([disabled]):active){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-active-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-active-background)}:where(.vv-button--static-light.vv-button--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-pressed-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background: var(--vv-button-modifier-static-dark-background);--vv-button-border-color: var(--vv-button-modifier-static-dark-border-color);--vv-button-color: var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow: var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);font-size:var(--vv-button-modifier-action-font-size);--vv-button-background: var(--vv-button-modifier-action-background);--vv-button-color: var(--vv-button-modifier-action-color);--vv-button-border-color: var(--vv-button-modifier-action-border-color);--vv-button-font-weight: var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline: var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block: var(--vv-button-modifier-action-padding-block);--vv-button-text-shadow: var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-active-background)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color: var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background: var(--vv-button-modifier-action-quiet-background);--vv-button-color: var(--vv-button-modifier-action-quiet-color);--vv-button-border-color: var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight: var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline: var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block: var(--vv-button-modifier-action-quiet-padding-block);--vv-button-text-shadow: var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-active-border-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius: var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){display:var(--vv-button-modifier-block-display);width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}.vv-button--reverse .vv-button__label{order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap: var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width: var(--vv-button-modifier-full-bleed-min-width)}
1	+ :where(:host,:root,.theme){--vv-button-position: relative;--vv-button-background: var(--color-brand);--vv-button-border-radius: var(--rounded);--vv-button-border-style: solid;--vv-button-border-color: var(--color-brand);--vv-button-color: var(--color-white);--vv-button-font-family: var(--font-sans);--vv-button-font-weight: var(--font-semibold);--vv-button-gap: 1ch;--vv-button-padding-block: var(--spacing-7);--vv-button-padding-inline: var(--spacing-16);--vv-button-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-transition: var(--transition-all);--vv-button-will-change: all;--vv-button-min-width: 0;--vv-button-state-focus-visible-outline-offset: var(--spacing-4);--vv-button-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-button-state-hover-background: var(--color-brand-darken-1);--vv-button-state-hover-border-color: var(--color-brand-darken-1);--vv-button-state-hover-text-decoration: none;--vv-button-state-active-background: var(--color-brand-darken-2);--vv-button-state-active-border-color: var(--color-brand-darken-2);--vv-button-state-pressed-background: var(--color-brand-darken-2);--vv-button-state-pressed-border-color: var(--color-brand-darken-2);--vv-button-state-disabled-opacity: var(--opacity-50);--vv-button-state-disabled-cursor: not-allowed;--vv-button-element-icon-block-size: 1.1em;--vv-button-element-icon-inline-size: 1.1em;--vv-button-element-icon-margin: 0;--vv-button-element-icon-flex-shrink: 0;--vv-button-element-label-white-space: nowrap;--vv-button-element-label-text-overflow: ellipsis;--vv-button-element-label-min-width: 0;--vv-button-element-label-overflow: hidden;--vv-button-modifier-icon-only-element-icon-margin-inline: calc(var(--spacing-6) * -1);--vv-button-modifier-primary-background: var(--color-gray-darken-3);--vv-button-modifier-primary-border-color: var(--color-gray-darken-3);--vv-button-modifier-primary-color: var(--color-white);--vv-button-modifier-primary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color: var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-border-color: var(--color-gray-darken-5);--vv-button-modifier-secondary-background: var(--color-white);--vv-button-modifier-secondary-border-style: solid;--vv-button-modifier-secondary-border-color: var(--color-gray-lighten-4);--vv-button-modifier-secondary-color: var(--color-word);--vv-button-modifier-secondary-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background: var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background: var(--color-gray-lighten-3);--vv-button-modifier-secondary-state-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-danger-background: var(--color-danger);--vv-button-modifier-danger-border-color: var(--color-danger);--vv-button-modifier-danger-color: var(--color-white);--vv-button-modifier-danger-state-focus-visible-outline: var(--spacing-px) solid var(--color-danger);--vv-button-modifier-danger-state-hover-background: var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color: var(--color-danger-darken-1);--vv-button-modifier-danger-state-active-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color: var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-border-color: var(--color-danger-darken-2);--vv-button-modifier-ghost-background: transparent;--vv-button-modifier-ghost-border-color: transparent;--vv-button-modifier-ghost-color: var(--color-gray-darken-1);--vv-button-modifier-ghost-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset: var(--spacing-0);--vv-button-modifier-ghost-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-link-background: transparent;--vv-button-modifier-link-border-width: var(--border-0);--vv-button-modifier-link-padding: 0;--vv-button-modifier-link-color: var(--color-brand-darken-1);--vv-button-modifier-link-font-weight: var(--font-normal);--vv-button-modifier-link-text-shadow: none;--vv-button-modifier-link-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand-lighten-4);--vv-button-modifier-link-state-focus-visible-outline-offset: var(--spacing-4);--vv-button-modifier-link-state-hover-text-decoration: underline;--vv-button-modifier-link-state-hover-text-underline-offset: var(--spacing-4);--vv-button-modifier-link-state-active-color: var(--color-brand-darken-3);--vv-button-modifier-link-element-icon-margin: var(--spacing-0);--vv-button-modifier-static-light-background: var(--color-white);--vv-button-modifier-static-light-border-color: var(--color-white);--vv-button-modifier-static-light-color: var(--color-black);--vv-button-modifier-static-light-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-hover-border-color: var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-active-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background: var(--color-black);--vv-button-modifier-static-dark-border-color: var(--color-black);--vv-button-modifier-static-dark-color: var(--color-white);--vv-button-modifier-static-dark-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background: var(--color-gray-darken-3);--vv-button-modifier-action-font-size: var(--text-14);--vv-button-modifier-action-background: var(--color-surface-1);--vv-button-modifier-action-color: var(--color-word-1);--vv-button-modifier-action-border-color: var(--color-word-5);--vv-button-modifier-action-font-weight: var(--font-normal);--vv-button-modifier-action-padding-inline: var(--spacing-6);--vv-button-modifier-action-padding-block: var(--spacing-4);--vv-button-modifier-action-text-shadow: none;--vv-button-modifier-action-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-state-hover-background: var(--color-surface-2);--vv-button-modifier-action-state-active-background: var(--color-surface-5);--vv-button-modifier-action-state-pressed-color: var(--color-white);--vv-button-modifier-action-state-pressed-background: var(--color-gray);--vv-button-modifier-action-state-pressed-border-color: var(--color-gray);--vv-button-modifier-action-element-icon-margin-inline: -.125ch;--vv-button-modifier-action-element-icon-block-size: calc(1em * var(--leading-snug));--vv-button-modifier-action-element-icon-inline-size: calc(1em * var(--leading-snug));--vv-button-modifier-action-quiet-font-size: var(--text-14);--vv-button-modifier-action-quiet-background: transparent;--vv-button-modifier-action-quiet-color: var(--color-word-1);--vv-button-modifier-action-quiet-border-color: transparent;--vv-button-modifier-action-quiet-font-weight: var(--font-normal);--vv-button-modifier-action-quiet-padding-inline: var(--spacing-6);--vv-button-modifier-action-quiet-padding-block: var(--spacing-4);--vv-button-modifier-action-quiet-text-shadow: none;--vv-button-modifier-action-quiet-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset: var(--spacing-0);--vv-button-modifier-action-quiet-state-hover-background: var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color: var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background: var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color: var(--color-surface-5);--vv-button-modifier-action-quiet-state-pressed-color: var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background: var(--color-gray);--vv-button-modifier-action-quiet-state-pressed-border-color: var(--color-gray);--vv-button-modifier-action-quiet-element-icon-margin-inline: -.125ch;--vv-button-modifier-action-quiet-element-icon-block-size: calc(1em * var(--leading-snug));--vv-button-modifier-action-quiet-element-icon-inline-size: calc(1em * var(--leading-snug));--vv-button-modifier-rounded-border-radius: var(--rounded-full);--vv-button-modifier-block-width: 100%;--vv-button-modifier-block-max-width: auto;--vv-button-modifier-reverse-element-label-order: -1;--vv-button-modifier-column-flex-direction: column;--vv-button-modifier-column-gap: var(--spacing-2);--vv-button-modifier-full-bleed-min-width: 20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),:where(.vv-button)::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;--button-border-width: var(--border-2);--button-line-height: var(--leading-normal);border-width:var(--button-border-width);line-height:var(--button-line-height);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-style:var(--vv-button-border-style);border-color:var(--vv-button-border-color);color:var(--vv-button-color);font-family:var(--vv-button-font-family);font-weight:var(--vv-button-font-weight);gap:var(--vv-button-gap);padding-block:var(--vv-button-padding-block);padding-inline:var(--vv-button-padding-inline);text-shadow:var(--vv-button-text-shadow);transition:var(--vv-button-transition);will-change:var(--vv-button-will-change);min-width:var(--vv-button-min-width)}:where(.vv-button)::file-selector-button{-webkit-margin-end:var(--vv-button-gap, 1ch);margin-inline-end:var(--vv-button-gap, 1ch)}:where(.vv-button__icon,.vv-button > :where(svg,[data-icon])){block-size:var(--vv-button-element-icon-block-size);inline-size:var(--vv-button-element-icon-inline-size);margin:var(--vv-button-element-icon-margin);flex-shrink:var(--vv-button-element-icon-flex-shrink);min-height:calc(1em * var(--button-line-height))}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background: var(--vv-button-state-hover-background);--vv-button-border-color: var(--vv-button-state-hover-border-color);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background: var(--vv-button-state-active-background);--vv-button-border-color: var(--vv-button-state-active-border-color)}:where(.vv-button--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background: var(--vv-button-state-pressed-background);--vv-button-border-color: var(--vv-button-state-pressed-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}:where(.vv-button--primary.vv-button){--vv-button-background: var(--vv-button-modifier-primary-background);--vv-button-border-color: var(--vv-button-modifier-primary-border-color);--vv-button-color: var(--vv-button-modifier-primary-color)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-pressed-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background: var(--vv-button-modifier-secondary-background);--vv-button-border-style: var(--vv-button-modifier-secondary-border-style);--vv-button-border-color: var(--vv-button-modifier-secondary-border-color);--vv-button-color: var(--vv-button-modifier-secondary-color);--vv-button-text-shadow: var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-pressed-background)}:where(.vv-button--danger.vv-button){--vv-button-background: var(--vv-button-modifier-danger-background);--vv-button-border-color: var(--vv-button-modifier-danger-border-color);--vv-button-color: var(--vv-button-modifier-danger-color)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-hover-border-color)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-active-border-color)}:where(.vv-button--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-pressed-border-color)}:where(.vv-button--ghost.vv-button){--vv-button-background: var(--vv-button-modifier-ghost-background);--vv-button-border-color: var(--vv-button-modifier-ghost-border-color);--vv-button-color: var(--vv-button-modifier-ghost-color);--vv-button-text-shadow: var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-hover-background)}:where(.vv-button--ghost.vv-button--active,.vv-button--ghost.vv-button.active,.vv-button--ghost.vv-button:not([disabled]):active){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-active-background)}:where(.vv-button--ghost.vv-button--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-pressed-background)}:where(.vv-button--link.vv-button){--vv-button-background: var(--vv-button-modifier-link-background);border-width:var(--vv-button-modifier-link-border-width);padding:var(--vv-button-modifier-link-padding);--vv-button-color: var(--vv-button-modifier-link-color);--vv-button-font-weight: var(--vv-button-modifier-link-font-weight);--vv-button-text-shadow: var(--vv-button-modifier-link-text-shadow)}:where(.vv-button--link .vv-button__icon,.vv-button--link > :where(svg,[data-icon])){margin:var(--vv-button-modifier-link-element-icon-margin)}:where(.vv-button--link.vv-button--focus-visible,.vv-button--link.vv-button.focus-visible,.vv-button--link.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-link-state-focus-visible-outline-offset)}:where(.vv-button--link.vv-button--hover,.vv-button--link.vv-button.hover,.vv-button--link.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-link-state-hover-text-underline-offset)}:where(.vv-button--link.vv-button--active,.vv-button--link.vv-button.active,.vv-button--link.vv-button:not([disabled]):active){--vv-button-modifier-link-color: var(--vv-button-modifier-link-state-active-color)}:where(.vv-button--static-light.vv-button){--vv-button-background: var(--vv-button-modifier-static-light-background);--vv-button-border-color: var(--vv-button-modifier-static-light-border-color);--vv-button-color: var(--vv-button-modifier-static-light-color);--vv-button-text-shadow: var(--vv-button-modifier-static-light-text-shadow)}:where(.vv-button--static-light.vv-button--focus-visible,.vv-button--static-light.vv-button.focus-visible,.vv-button--static-light.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-static-light-state-focus-visible-outline)}:where(.vv-button--static-light.vv-button--hover,.vv-button--static-light.vv-button.hover,.vv-button--static-light.vv-button:not([disabled]):hover){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-hover-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-hover-background)}:where(.vv-button--static-light.vv-button--active,.vv-button--static-light.vv-button.active,.vv-button--static-light.vv-button:not([disabled]):active){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-active-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-active-background)}:where(.vv-button--static-light.vv-button--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-pressed-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background: var(--vv-button-modifier-static-dark-background);--vv-button-border-color: var(--vv-button-modifier-static-dark-border-color);--vv-button-color: var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow: var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);font-size:var(--vv-button-modifier-action-font-size);--vv-button-background: var(--vv-button-modifier-action-background);--vv-button-color: var(--vv-button-modifier-action-color);--vv-button-border-color: var(--vv-button-modifier-action-border-color);--vv-button-font-weight: var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline: var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block: var(--vv-button-modifier-action-padding-block);--vv-button-text-shadow: var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-active-background)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color: var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background: var(--vv-button-modifier-action-quiet-background);--vv-button-color: var(--vv-button-modifier-action-quiet-color);--vv-button-border-color: var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight: var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline: var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block: var(--vv-button-modifier-action-quiet-padding-block);--vv-button-text-shadow: var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-active-border-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius: var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}.vv-button--reverse .vv-button__label{order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap: var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width: var(--vv-button-modifier-full-bleed-min-width)}

package/dist/components/vv-dropdown-action.css ADDED Viewed

@@ -0,0 +1 @@

+ :where(:host,:root,.theme){--vv-dropdown-action-display: flex;--vv-dropdown-action-width: 100%;--vv-dropdown-action-overflow: hidden;--vv-dropdown-action-gap: var(--spacing-sm);--vv-dropdown-action-align-items: center;--vv-dropdown-action-padding: var(--spacing-sm);--vv-dropdown-action-color: var(--color-brand);--vv-dropdown-action-cursor: pointer;--vv-dropdown-action-state-disabled-opacity: var(--opacity-50);--vv-dropdown-action-state-disabled-cursor: not-allowed;--vv-dropdown-action-state-hover-background-color: var(--color-surface-brand);--vv-dropdown-action-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-dropdown-action-state-focus-visible-outline-offset: calc(var(--spacing-px) * -1);--vv-dropdown-action-state-pressed-background-color: var(--color-surface-2)}:where(.vv-dropdown-action){display:var(--vv-dropdown-action-display);width:var(--vv-dropdown-action-width);overflow:var(--vv-dropdown-action-overflow);gap:var(--vv-dropdown-action-gap);align-items:var(--vv-dropdown-action-align-items);padding:var(--vv-dropdown-action-padding);color:var(--vv-dropdown-action-color);cursor:var(--vv-dropdown-action-cursor)}:where(.vv-dropdown-action--disabled,.vv-dropdown-action.disabled,.vv-dropdown-action[disabled],.vv-dropdown-action[aria-disabled=true]){opacity:var(--vv-dropdown-action-state-disabled-opacity);--vv-dropdown-action-cursor: var(--vv-dropdown-action-state-disabled-cursor)}:where(.vv-dropdown-action--hover,.vv-dropdown-action.hover,.vv-dropdown-action:not([disabled]):hover){background-color:var(--vv-dropdown-action-state-hover-background-color)}:where(.vv-dropdown-action--focus-visible,.vv-dropdown-action.focus-visible,.vv-dropdown-action:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-dropdown-action-state-focus-visible-outline);outline-offset:var(--vv-dropdown-action-state-focus-visible-outline-offset)}:where(.vv-dropdown-action--pressed,.vv-dropdown-action.pressed,.vv-dropdown-action[aria-pressed=true]){background-color:var(--vv-dropdown-action-state-pressed-background-color)}

package/dist/components/vv-dropdown-option.css ADDED Viewed

@@ -0,0 +1 @@

+ :where(:host,:root,.theme){--vv-dropdown-option-display: flex;--vv-dropdown-option-min-width: 0;--vv-dropdown-option-overflow: hidden;--vv-dropdown-option-gap: var(--spacing-sm);--vv-dropdown-option-align-items: center;--vv-dropdown-option-padding: var(--spacing-sm);--vv-dropdown-option-state-disabled-opacity: var(--opacity-50);--vv-dropdown-option-state-disabled-cursor: not-allowed;--vv-dropdown-option-state-disabled-pointer-events: none;--vv-dropdown-option-state-focus-visible-background-color: var(--color-surface-success);--vv-dropdown-option-state-focus-visible-color: var(--color-success);--vv-dropdown-option-state-focus-visible-element-hint-opacity: var(--opacity-100);--vv-dropdown-option-state-selected-font-weight: var(--font-bold);--vv-dropdown-option-state-selected-background-color: var(--color-surface-brand);--vv-dropdown-option-state-selected-color: var(--color-brand);--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color: var(--color-surface-danger);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color: var(--color-danger);--vv-dropdown-option-modifier-inert-cursor: default;--vv-dropdown-option-modifier-inert-color: var(--color-word-3);--vv-dropdown-option-modifier-inert-font-size: .8em;--vv-dropdown-option-modifier-inert-state-focus-visible-background-color: transparent;--vv-dropdown-option-modifier-inert-state-focus-visible-color: var(--color-word-3);--vv-dropdown-option-element-hint-opacity: var(--opacity-0);--vv-dropdown-option-element-hint-transition: var(--transition-opacity);--vv-dropdown-option-element-hint-will-change: opacity;--vv-dropdown-option-element-hint-margin-left: auto;--vv-dropdown-option-element-hint-font-size: .8em;--vv-dropdown-option-element-hint-font-weight: var(--font-normal);--vv-dropdown-option-element-hint-text-overflow: ellipsis;--vv-dropdown-option-element-hint-white-space: nowrap;--vv-dropdown-option-element-hint-overflow: hidden}:where(.vv-dropdown-option){display:var(--vv-dropdown-option-display);min-width:var(--vv-dropdown-option-min-width);overflow:var(--vv-dropdown-option-overflow);gap:var(--vv-dropdown-option-gap);align-items:var(--vv-dropdown-option-align-items);padding:var(--vv-dropdown-option-padding)}:where(.vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-element-hint-opacity);transition:var(--vv-dropdown-option-element-hint-transition);will-change:var(--vv-dropdown-option-element-hint-will-change);margin-left:var(--vv-dropdown-option-element-hint-margin-left);font-size:var(--vv-dropdown-option-element-hint-font-size);font-weight:var(--vv-dropdown-option-element-hint-font-weight);text-overflow:var(--vv-dropdown-option-element-hint-text-overflow);white-space:var(--vv-dropdown-option-element-hint-white-space);overflow:var(--vv-dropdown-option-element-hint-overflow)}:where(.vv-dropdown-option--disabled,.vv-dropdown-option.disabled,.vv-dropdown-option[disabled],.vv-dropdown-option[aria-disabled=true]){opacity:var(--vv-dropdown-option-state-disabled-opacity);cursor:var(--vv-dropdown-option-state-disabled-cursor);pointer-events:var(--vv-dropdown-option-state-disabled-pointer-events)}:where(.vv-dropdown-option--focus-visible,.vv-dropdown-option.focus-visible,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-state-focus-visible-background-color);color:var(--vv-dropdown-option-state-focus-visible-color)}:where(.vv-dropdown-option--focus-visible .vv-dropdown-option__hint,.vv-dropdown-option.focus-visible .vv-dropdown-option__hint,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible .vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-state-focus-visible-element-hint-opacity)}:where(.vv-dropdown-option--selected,.vv-dropdown-option.selected,.vv-dropdown-option[aria-selected=true]){font-weight:var(--vv-dropdown-option-state-selected-font-weight);background-color:var(--vv-dropdown-option-state-selected-background-color);color:var(--vv-dropdown-option-state-selected-color)}:where(.vv-dropdown-option--unselectable.vv-dropdown-option--focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option.focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-color)}:where(.vv-dropdown-option--inert.vv-dropdown-option){cursor:var(--vv-dropdown-option-modifier-inert-cursor);color:var(--vv-dropdown-option-modifier-inert-color);font-size:var(--vv-dropdown-option-modifier-inert-font-size)}:where(.vv-dropdown-option--inert.vv-dropdown-option--focus-visible,.vv-dropdown-option--inert.vv-dropdown-option.focus-visible,.vv-dropdown-option--inert.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-color)}

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

	@@ -1 +1 @@
1	- :where(:host,:root,.theme){--vv-dropdown-position: ~~absolute~~;--vv-dropdown-~~inset: auto 0;--vv-dropdown-~~z-index: var(--z-dropdown);--vv-dropdown-display: flex;--vv-dropdown-flex-direction: column;--vv-dropdown-background-color: var(--color-surface-1);--vv-dropdown-~~box~~-~~shadow~~: var(--~~shadow~~-lg);--vv-dropdown-element-item-display: block;--vv-dropdown-element-~~item~~-~~padding~~: var(--spacing-sm);--vv-dropdown-element-~~item~~-~~state-hover-~~background-color: var(--color-surface-2);--vv-dropdown-element-~~item~~-~~state~~-~~active~~-~~background~~-color: var(--color-~~surface~~-3);--vv-dropdown-element-~~item~~-~~state~~-~~checked~~-~~within~~-~~color~~: var(--~~color~~-~~brand~~);--vv-dropdown-element-~~item~~-~~state~~-~~checked~~-~~within~~-~~background~~-~~color~~: var(--color-surface-3);--vv-dropdown-element-~~input~~-~~display~~: ~~none~~;--vv-dropdown-modifier-~~place~~-top-bottom: 100%}:where(.vv-dropdown){~~position:var(~~--~~vv-~~dropdown-position~~);inset~~:var(--vv-dropdown-~~inset~~);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);background-color:var(--vv-dropdown-background-color);~~box-shadow~~:var(--vv-dropdown-~~box~~-~~shadow~~)}:where(.vv-dropdown__item,.vv-dropdown > li > :where(~~a,label,button~~)){~~display~~:var(--vv-dropdown-element-item-~~display~~);~~padding~~:var(--vv-dropdown-element-item-~~padding~~)}:where(.vv-~~dropdown__item~~--~~hover,.~~vv-~~dropdown__item.hover,.~~vv-dropdown ~~> li >~~ :~~where~~(~~a,label,button~~)~~.hover,.~~vv-~~dropdown__item~~:~~not~~(~~[disabled]~~):~~hover,.~~vv-dropdown ~~> li >~~ :where(~~a,label,~~button):~~not~~(~~[disabled]~~):~~hover~~){~~background~~-~~color~~:var(--vv-dropdown-element-~~item~~-~~state~~-~~hover~~-~~background~~-~~color~~)}:where(.vv-~~dropdown__item~~--~~active,.~~vv-~~dropdown__item.active,.~~vv-dropdown ~~> li >~~ :where(~~a,label,button)~~.~~active,.~~vv-~~dropdown__item~~:~~not~~(~~[disabled]~~):~~active,.~~vv-dropdown ~~> li >~~ :where(~~a,label,button~~):~~not~~(~~[disabled]~~):~~active~~)~~{background~~-~~color~~:var(--vv-dropdown-element-~~item~~-~~state~~-~~active~~-~~background~~-~~color~~)}:where(.vv-~~dropdown__item~~--~~checked~~-~~within,.~~vv-~~dropdown__item.checked~~-~~within,.~~vv-dropdown ~~> li >~~ :~~where~~(~~a,label,button~~)~~.checked~~-~~within,.~~vv-~~dropdown__item~~:~~has~~(~~input~~:~~checked),.~~vv-dropdown ~~> li >~~ :where(~~a,label,button~~):~~has~~(~~input~~:~~checked~~))~~{color~~:var(--vv-dropdown-element-~~item~~-~~state~~-~~checked~~-~~within~~-~~color~~);~~background~~-~~color~~:var(--vv-dropdown-element-~~item~~-~~state~~-~~checked~~-~~within~~-~~background~~-~~color~~)}:where(.vv-~~dropdown__input,.~~vv-dropdown ~~> li > input~~){~~display~~:var(--vv-dropdown-~~element~~-~~input~~-~~display~~)}:where(.vv-dropdown--~~place~~-top.vv-dropdown){~~bottom~~:var(--vv-dropdown-modifier-~~place~~-top-bottom)}
1	+ :where(:host,:root,.theme){--vv-dropdown-position: relative;--vv-dropdown-z-index: var(--z-dropdown);--vv-dropdown-display: flex;--vv-dropdown-flex-direction: column;--vv-dropdown-box-shadow: var(--shadow-lg);--vv-dropdown-width: max-content;--vv-dropdown-element-list-background-color: var(--color-surface-1);--vv-dropdown-element-list-overflow: auto;--vv-dropdown-element-item-not-last-border-width: 0 0 var(--border) 0;--vv-dropdown-element-item-not-last-border-color: var(--color-surface-3);--vv-dropdown-element-item-not-last-border-style: solid;--vv-dropdown-element-search-display: block;--vv-dropdown-element-search-min-width: 0;--vv-dropdown-element-search-align-items: center;--vv-dropdown-element-search-min-height: var(--spacing-50);--vv-dropdown-element-search-background-color: var(--color-surface-2);--vv-dropdown-element-search-padding: var(--spacing-sm);--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance: none;--vv-dropdown-element-search-pseudo-search-cancel-button-opacity: var(--opacity-0);--vv-dropdown-element-search-pseudo-placeholder-color: var(--color-word-4);--vv-dropdown-element-search-pseudo-placeholder-text-overflow: ellipsis;--vv-dropdown-element-arrow-position: absolute;--vv-dropdown-element-arrow-width: var(--spacing-20);--vv-dropdown-element-arrow-height: var(--spacing-20);--vv-dropdown-element-arrow-z-index: -1;--vv-dropdown-element-arrow-pointer-events: none;--vv-dropdown-element-arrow-border: none;--vv-dropdown-element-arrow-pseudo-before-position: absolute;--vv-dropdown-element-arrow-pseudo-before-top: 0;--vv-dropdown-element-arrow-pseudo-before-left: 0;--vv-dropdown-element-arrow-pseudo-before-width: 0;--vv-dropdown-element-arrow-pseudo-before-height: 0;--vv-dropdown-element-arrow-pseudo-before-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-bottom: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-element-arrow-pseudo-after-position: absolute;--vv-dropdown-element-arrow-pseudo-after-bottom: 0;--vv-dropdown-element-arrow-pseudo-after-left: 0;--vv-dropdown-element-arrow-pseudo-after-width: 0;--vv-dropdown-element-arrow-pseudo-after-height: 0;--vv-dropdown-element-arrow-pseudo-after-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-top: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-modifier-block-width: 100%;--vv-dropdown-modifier-bottom-position: absolute;--vv-dropdown-modifier-bottom-top: 100%;--vv-dropdown-modifier-bottom-right: 0;--vv-dropdown-modifier-bottom-left: 0;--vv-dropdown-modifier-top-position: absolute;--vv-dropdown-modifier-top-left: 0;--vv-dropdown-modifier-top-right: 0;--vv-dropdown-modifier-top-bottom: 100%;--vv-dropdown-modifier-full-bleed-element-item-min-width: 20ch}:where(.vv-dropdown){--dropdown-border-radius: 0px;position:var(--vv-dropdown-position);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);box-shadow:var(--vv-dropdown-box-shadow);width:var(--vv-dropdown-width)}:where(.vv-dropdown__list,.vv-dropdown ul){border-radius:var(--dropdown-border-radius);background-color:var(--vv-dropdown-element-list-background-color);overflow:var(--vv-dropdown-element-list-overflow)}:where(.vv-dropdown__item-first,.vv-dropdown li:first-child){border-top-left-radius:var(--dropdown-border-radius);border-top-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-last,.vv-dropdown li:last-child){border-bottom-left-radius:var(--dropdown-border-radius);border-bottom-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-not-last,.vv-dropdown li:not(:last-child)){border-width:var(--vv-dropdown-element-item-not-last-border-width);border-color:var(--vv-dropdown-element-item-not-last-border-color);border-style:var(--vv-dropdown-element-item-not-last-border-style)}:where(.vv-dropdown__search){display:var(--vv-dropdown-element-search-display);min-width:var(--vv-dropdown-element-search-min-width);align-items:var(--vv-dropdown-element-search-align-items);min-height:var(--vv-dropdown-element-search-min-height);background-color:var(--vv-dropdown-element-search-background-color);padding:var(--vv-dropdown-element-search-padding)}:where(.vv-dropdown__search)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-search-cancel-button{-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__search)::placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__arrow){position:var(--vv-dropdown-element-arrow-position);width:var(--vv-dropdown-element-arrow-width);height:var(--vv-dropdown-element-arrow-height);z-index:var(--vv-dropdown-element-arrow-z-index);pointer-events:var(--vv-dropdown-element-arrow-pointer-events);border:var(--vv-dropdown-element-arrow-border)}:where(.vv-dropdown__arrow):before{content:"";position:var(--vv-dropdown-element-arrow-pseudo-before-position);top:var(--vv-dropdown-element-arrow-pseudo-before-top);left:var(--vv-dropdown-element-arrow-pseudo-before-left);width:var(--vv-dropdown-element-arrow-pseudo-before-width);height:var(--vv-dropdown-element-arrow-pseudo-before-height);border-left:var(--vv-dropdown-element-arrow-pseudo-before-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-before-border-right);border-bottom:var(--vv-dropdown-element-arrow-pseudo-before-border-bottom)}:where(.vv-dropdown__arrow):after{content:"";position:var(--vv-dropdown-element-arrow-pseudo-after-position);bottom:var(--vv-dropdown-element-arrow-pseudo-after-bottom);left:var(--vv-dropdown-element-arrow-pseudo-after-left);width:var(--vv-dropdown-element-arrow-pseudo-after-width);height:var(--vv-dropdown-element-arrow-pseudo-after-height);border-left:var(--vv-dropdown-element-arrow-pseudo-after-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-after-border-right);border-top:var(--vv-dropdown-element-arrow-pseudo-after-border-top)}:where(.vv-dropdown--rounded.vv-dropdown){--dropdown-border-radius: var(--rounded)}:where(.vv-dropdown--block.vv-dropdown){--vv-dropdown-width: var(--vv-dropdown-modifier-block-width)}:where(.vv-dropdown--bottom.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-bottom-position);top:var(--vv-dropdown-modifier-bottom-top);right:var(--vv-dropdown-modifier-bottom-right);left:var(--vv-dropdown-modifier-bottom-left)}:where(.vv-dropdown--top.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-top-position);left:var(--vv-dropdown-modifier-top-left);right:var(--vv-dropdown-modifier-top-right);bottom:var(--vv-dropdown-modifier-top-bottom)}:where(.vv-dropdown--full-bleed .vv-dropdown__item,.vv-dropdown--full-bleed li){min-width:var(--vv-dropdown-modifier-full-bleed-element-item-min-width)}

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

	@@ -1 +1 @@
1	- :where(:host,:root,.theme){--vv-input-text-display: var(--input-display);--vv-input-text-flex: var(--input-flex);--vv-input-text-flex-direction: var(--input-flex-direction);--vv-input-text-margin-bottom: var(--input-gap);--vv-input-text-font-size: var(--input-font-size);--vv-input-text-line-height: var(--input-line-height);--vv-input-text-min-width: var(--input-min-width);--vv-input-text-element-label-display: var(--input-label-display);--vv-input-text-element-label-align-items: var(--input-label-align-items);--vv-input-text-element-label-font-size: var(--input-label-font-size);--vv-input-text-element-label-color: var(--input-label-color);--vv-input-text-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-input-text-element-label-white-space: var(--input-label-white-space);--vv-input-text-element-label-text-overflow: var(--input-label-text-overflow);--vv-input-text-element-label-overflow: var(--input-label-overflow);--vv-input-text-element-label-max-width: var(--input-label-max-width);--vv-input-text-element-wrapper-position: relative;--vv-input-text-element-wrapper-display: flex;--vv-input-text-element-wrapper-align-items: center;--vv-input-text-element-wrapper-flex: 1;--vv-input-text-element-wrapper-overflow: hidden;--vv-input-text-element-wrapper-background-color: var(--input-background-color);--vv-input-text-element-wrapper-will-change: background-color;--vv-input-text-element-wrapper-transition: var(--transition-colors);--vv-input-text-element-wrapper-pseudo-before-position: absolute;--vv-input-text-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-input-text-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-input-text-element-wrapper-pseudo-after-position: absolute;--vv-input-text-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-input-text-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-after-background: var(--color-brand);--vv-input-text-element-wrapper-pseudo-after-transform: scaleX(0);--vv-input-text-element-wrapper-pseudo-after-transform-origin: left;--vv-input-text-element-wrapper-pseudo-after-will-change: transform;--vv-input-text-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-input-text-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-input-text-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-input-text-element-input-display: block;--vv-input-text-element-input-flex: 1;--vv-input-text-element-input-color: var(--input-color);--vv-input-text-element-input-line-height: var(--leading-none);--vv-input-text-element-input-min-width: 0;--vv-input-text-element-input-min-height: var(--input-min-height);--vv-input-text-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-input-text-element-input-pseudo-placeholder-text-overlow: ellipsis;--vv-input-text-element-input-pseudo-calendar-picker-indicator-position: absolute;--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding: var(--spacing-sm);--vv-input-text-element-input-pseudo-calendar-picker-indicator-top: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-right: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity: var(--opacity-0);--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance: none;--vv-input-text-element-input-pseudo-search-cancel-button-opacity: var(--opacity-0);--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding: 1px;--vv-input-text-element-input-pseudo-color-swatch-height: var(--spacing-20);--vv-input-text-element-input-pseudo-color-swatch-border-radius: var(--spacing-4);--vv-input-text-element-input-pseudo-color-swatch-padding: 0;--vv-input-text-element-input-pseudo-outer-spin-button-display: none;--vv-input-text-element-input-pseudo-inner-spin-button-display: none;--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding: 0;--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding: 0;--vv-input-text-element-input-state-disabled-cursor: not-allowed;--vv-input-text-element-input-state-readonly-cursor: text;--vv-input-text-element-number--moz-appearance: textfield;--vv-input-text-element-icon-margin: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-input-text-element-icon-width: var(--input-icon-width);--vv-input-text-element-icon-height: var(--input-icon-height);--vv-input-text-element-icon-padding: var(--input-icon-padding);--vv-input-text-element-icon-left-position: var(--input-icon-position);--vv-input-text-element-icon-left-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-position: var(--input-icon-position);--vv-input-text-element-icon-right-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-right-right: 0;--vv-input-text-element-actions-group-display: flex;--vv-input-text-element-actions-group-flex-direction: column;--vv-input-text-element-actions-group-height: var(--input-min-height);--vv-input-text-element-action-cursor: pointer;--vv-input-text-element-action-state-focus-visible-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-input-text-element-action-chevron-flex: 1;--vv-input-text-element-action-chevron-width: calc(var(--input-icon-width) + var(--input-spacing-left) + var(--input-spacing-right));--vv-input-text-element-action-chevron-background-position: center var(--spacing-2);--vv-input-text-element-action-chevron-background-size: var(--text-14) auto;--vv-input-text-element-action-chevron-background-repeat: no-repeat;--vv-input-text-element-action-chevron-background-image: var(--bg-chevron);--vv-input-text-element-action-chevron-cursor: pointer;--vv-input-text-element-action-chevron-state-focus-visible-background-color: var(--color-surface-3);--vv-input-text-element-action-chevron-state-hover-background-color: var(--color-surface-4);--vv-input-text-element-action-chevron-state-active-background-color: var(--color-surface-5);--vv-input-text-element-action-chevron-up-transform: rotate(180deg);--vv-input-text-element-hint-display: var(--input-hint-display);--vv-input-text-element-hint-font-size: var(--input-hint-font-size);--vv-input-text-element-hint-color: var(--input-hint-color);--vv-input-text-element-hint-padding-top: var(--input-hint-gap);--vv-input-text-element-hint-padding-inline: var(--spacing-xs);--vv-input-text-element-hint-white-space: var(--input-hint-white-space);--vv-input-text-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-text-element-hint-overflow: var(--input-hint-overflow);--vv-input-text-element-hint-max-width: var(--input-hint-max-width);--vv-input-text-element-limit-font-size: var(--input-hint-font-size);--vv-input-text-element-limit-color: var(--input-hint-color);--vv-input-text-modifier-icon-right-element-limit-margin-left: calc((var(--spacing-sm) + 1em) * -1);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-limit-color: var(--input-valid-color);--vv-input-text-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-input-text-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-input-text-modifier-floating-element-label-position: absolute;--vv-input-text-modifier-floating-element-label-z-index: 1;--vv-input-text-modifier-floating-element-label-min-height: var(--input-min-height);--vv-input-text-modifier-floating-element-label-pointer-events: none;--vv-input-text-modifier-floating-element-label-font-size: inherit;--vv-input-text-modifier-floating-element-label-padding-inline: 0;--vv-input-text-modifier-floating-element-label-margin: 0;--vv-input-text-modifier-floating-element-label-will-change: transform;--vv-input-text-modifier-floating-element-label-transition: var(--transition-all);--vv-input-text-modifier-floating-element-input-will-change: transform;--vv-input-text-modifier-floating-element-input-transition: var(--transition-all);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change: opacity;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition: var(--transition-opacity);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity: var(--opacity-0);--vv-input-text-modifier-floating-state-focus-within-element-label-transform: var(--input-floating-label-transform);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-input-text-modifier-floating-state-dirty-element-label-transform: var(--input-floating-label-transform);--vv-input-text-modifier-floating-state-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-input-text-state-disabled-opacity: var(--opacity-50);--vv-input-text-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-input-text-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-input-text){display:var(--vv-input-text-display);flex:var(--vv-input-text-flex);flex-direction:var(--vv-input-text-flex-direction);margin-bottom:var(--vv-input-text-margin-bottom);font-size:var(--vv-input-text-font-size);line-height:var(--vv-input-text-line-height);min-width:var(--vv-input-text-min-width)}:where(.vv-input-text__label,.vv-input-text > label){display:var(--vv-input-text-element-label-display);align-items:var(--vv-input-text-element-label-align-items);font-size:var(--vv-input-text-element-label-font-size);color:var(--vv-input-text-element-label-color);margin:var(--vv-input-text-element-label-margin);white-space:var(--vv-input-text-element-label-white-space);text-overflow:var(--vv-input-text-element-label-text-overflow);overflow:var(--vv-input-text-element-label-overflow);max-width:var(--vv-input-text-element-label-max-width)}:where(.vv-input-text__wrapper){position:var(--vv-input-text-element-wrapper-position);display:var(--vv-input-text-element-wrapper-display);align-items:var(--vv-input-text-element-wrapper-align-items);flex:var(--vv-input-text-element-wrapper-flex);overflow:var(--vv-input-text-element-wrapper-overflow);background-color:var(--vv-input-text-element-wrapper-background-color);will-change:var(--vv-input-text-element-wrapper-will-change);transition:var(--vv-input-text-element-wrapper-transition)}:where(.vv-input-text__wrapper):before{content:"";position:var(--vv-input-text-element-wrapper-pseudo-before-position);height:var(--vv-input-text-element-wrapper-pseudo-before-height);inset:var(--vv-input-text-element-wrapper-pseudo-before-inset);background:var(--vv-input-text-element-wrapper-pseudo-before-background)}:where(.vv-input-text__wrapper):after{content:"";position:var(--vv-input-text-element-wrapper-pseudo-after-position);height:var(--vv-input-text-element-wrapper-pseudo-after-height);inset:var(--vv-input-text-element-wrapper-pseudo-after-inset);background:var(--vv-input-text-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-input-text-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-text-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-text-element-wrapper-pseudo-after-transition)}:where(.vv-input-text__wrapper--hover,.vv-input-text__wrapper.hover,.vv-input-text__wrapper:not([disabled]):hover){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-hover-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within):after{--vv-input-text-element-wrapper-pseudo-after-transform: var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-input-text__input,.vv-input-text input){display:var(--vv-input-text-element-input-display);flex:var(--vv-input-text-element-input-flex);color:var(--vv-input-text-element-input-color);line-height:var(--vv-input-text-element-input-line-height);padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-text-element-input-min-width);min-height:var(--vv-input-text-element-input-min-height)}:where(.vv-input-text__input,.vv-input-text input)::-moz-placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color);text-overlow:var(--vv-input-text-element-input-pseudo-placeholder-text-overlow)}:where(.vv-input-text__input,.vv-input-text input)::placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color);text-overlow:var(--vv-input-text-element-input-pseudo-placeholder-text-overlow)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-calendar-picker-indicator{content:"";position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-calendar-picker-indicator{position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-search-cancel-button{-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch-wrapper{padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch{content:"";height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch{height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-outer-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-outer-spin-button{display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-inner-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-inner-spin-button{display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit-fields-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit-fields-wrapper{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit-day-field{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit-day-field{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding)}:where(.vv-input-text__input--disabled,.vv-input-text__input.disabled,.vv-input-text input.disabled,.vv-input-text__input[disabled],.vv-input-text input[disabled],.vv-input-text__input[aria-disabled=true],.vv-input-text input[aria-disabled=true]){cursor:var(--vv-input-text-element-input-state-disabled-cursor)}:where(.vv-input-text__input--readonly,.vv-input-text__input.readonly,.vv-input-text input.readonly,.vv-input-text__input[readonly],.vv-input-text input[readonly]){cursor:var(--vv-input-text-element-input-state-readonly-cursor)}:where(.vv-input-text__number,.vv-input-text input[type=number]){-moz-appearance:var(--vv-input-text-element-number--moz-appearance)}:where(.vv-input-text__icon,.vv-input-text :where(svg,[data-icon])){margin:var(--vv-input-text-element-icon-margin);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);padding:var(--vv-input-text-element-icon-padding)}:where(.vv-input-text__icon-left,.vv-input-text > div > :where(svg,[data-icon])){position:var(--vv-input-text-element-icon-left-position);pointer-events:var(--vv-input-text-element-icon-left-pointer-events)}:where(.vv-input-text__icon-right,.vv-input-text input + :where(svg,[data-icon])){position:var(--vv-input-text-element-icon-right-position);pointer-events:var(--vv-input-text-element-icon-right-pointer-events);right:var(--vv-input-text-element-icon-right-right)}:where(.vv-input-text__actions-group){display:var(--vv-input-text-element-actions-group-display);flex-direction:var(--vv-input-text-element-actions-group-flex-direction);height:var(--vv-input-text-element-actions-group-height)}:where(.vv-input-text__action){cursor:var(--vv-input-text-element-action-cursor)}:where(.vv-input-text__action--focus-visible,.vv-input-text__action.focus-visible,.vv-input-text__action:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){text-shadow:var(--vv-input-text-element-action-state-focus-visible-text-shadow)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);width:var(--vv-input-text-element-action-chevron-width);background-position:var(--vv-input-text-element-action-chevron-background-position);background-size:var(--vv-input-text-element-action-chevron-background-size);background-repeat:var(--vv-input-text-element-action-chevron-background-repeat);background-image:var(--vv-input-text-element-action-chevron-background-image);cursor:var(--vv-input-text-element-action-chevron-cursor)}:where(.vv-input-text__action-chevron--focus-visible,.vv-input-text__action-chevron.focus-visible,.vv-input-text__action-chevron:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-input-text-element-action-chevron-state-focus-visible-background-color)}:where(.vv-input-text__action-chevron--hover,.vv-input-text__action-chevron.hover,.vv-input-text__action-chevron:not([disabled]):hover){background-color:var(--vv-input-text-element-action-chevron-state-hover-background-color)}:where(.vv-input-text__action-chevron--active,.vv-input-text__action-chevron.active,.vv-input-text__action-chevron:not([disabled]):active){background-color:var(--vv-input-text-element-action-chevron-state-active-background-color)}:where(.vv-input-text__action-chevron-up){transform:var(--vv-input-text-element-action-chevron-up-transform)}:where(.vv-input-text__hint,.vv-input-text > small){display:var(--vv-input-text-element-hint-display);font-size:var(--vv-input-text-element-hint-font-size);color:var(--vv-input-text-element-hint-color);padding-top:var(--vv-input-text-element-hint-padding-top);padding-inline:var(--vv-input-text-element-hint-padding-inline);white-space:var(--vv-input-text-element-hint-white-space);text-overflow:var(--vv-input-text-element-hint-text-overflow);overflow:var(--vv-input-text-element-hint-overflow);max-width:var(--vv-input-text-element-hint-max-width)}:where(.vv-input-text__limit){padding-right:var(--input-spacing-right);font-size:var(--vv-input-text-element-limit-font-size);color:var(--vv-input-text-element-limit-color)}:where(.vv-input-text:has(input:disabled)),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text:has(input:disabled) .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text--icon-left.vv-input-text){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-right.vv-input-text){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}.vv-input-text--icon-right .vv-input-text__limit{margin-left:var(--vv-input-text-modifier-icon-right-element-limit-margin-left)}.vv-input-text--valid .vv-input-text__wrapper:after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--valid .vv-input-text__hint,.vv-input-text--valid > small){color:var(--vv-input-text-modifier-valid-element-hint-color)}.vv-input-text--valid .vv-input-text__limit{color:var(--vv-input-text-modifier-valid-element-limit-color)}:where(.vv-input-text--valid .vv-input-text__icon-right,.vv-input-text--valid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-right-color)}.vv-input-text--invalid .vv-input-text__wrapper:after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--invalid .vv-input-text__hint,.vv-input-text--invalid > small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}.vv-input-text--invalid .vv-input-text__limit{color:var(--vv-input-text-modifier-invalid-element-limit-color)}:where(.vv-input-text--invalid .vv-input-text__icon-right,.vv-input-text--invalid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-right-color)}.vv-input-text--loading .vv-input-text__wrapper:before{content:"";height:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background)}.vv-input-text--loading .vv-input-text__wrapper:after{content:"";animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-input-text--floating .vv-input-text__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-input-text--floating .vv-input-text__hint,.vv-input-text--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-input-text--floating .vv-input-text__label,.vv-input-text--floating > label){position:var(--vv-input-text-modifier-floating-element-label-position);z-index:var(--vv-input-text-modifier-floating-element-label-z-index);min-height:var(--vv-input-text-modifier-floating-element-label-min-height);pointer-events:var(--vv-input-text-modifier-floating-element-label-pointer-events);font-size:var(--vv-input-text-modifier-floating-element-label-font-size);padding-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);padding-inline:var(--vv-input-text-modifier-floating-element-label-padding-inline);margin:var(--vv-input-text-modifier-floating-element-label-margin);will-change:var(--vv-input-text-modifier-floating-element-label-will-change);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input){will-change:var(--vv-input-text-modifier-floating-element-input-will-change);transition:var(--vv-input-text-modifier-floating-element-input-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::-moz-placeholder{content:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);-moz-transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::placeholder{content:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text--focus-within > label,.vv-input-text--floating.vv-input-text.focus-within > label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within > label){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) input){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) input){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
1	+ :where(:host,:root,.theme){--vv-input-text-display: var(--input-display);--vv-input-text-flex: var(--input-flex);--vv-input-text-flex-direction: var(--input-flex-direction);--vv-input-text-margin-bottom: var(--input-gap);--vv-input-text-font-size: var(--input-font-size);--vv-input-text-line-height: var(--input-line-height);--vv-input-text-min-width: var(--input-min-width);--vv-input-text-element-label-display: var(--input-label-display);--vv-input-text-element-label-align-items: var(--input-label-align-items);--vv-input-text-element-label-font-size: var(--input-label-font-size);--vv-input-text-element-label-color: var(--input-label-color);--vv-input-text-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-input-text-element-label-white-space: var(--input-label-white-space);--vv-input-text-element-label-text-overflow: var(--input-label-text-overflow);--vv-input-text-element-label-overflow: var(--input-label-overflow);--vv-input-text-element-label-max-width: var(--input-label-max-width);--vv-input-text-element-wrapper-position: relative;--vv-input-text-element-wrapper-display: flex;--vv-input-text-element-wrapper-align-items: center;--vv-input-text-element-wrapper-flex: 1;--vv-input-text-element-wrapper-overflow: hidden;--vv-input-text-element-wrapper-background-color: var(--input-background-color);--vv-input-text-element-wrapper-will-change: background-color;--vv-input-text-element-wrapper-transition: var(--transition-colors);--vv-input-text-element-wrapper-pseudo-before-position: absolute;--vv-input-text-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-input-text-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-input-text-element-wrapper-pseudo-after-position: absolute;--vv-input-text-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-input-text-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-input-text-element-wrapper-pseudo-after-background: var(--color-brand);--vv-input-text-element-wrapper-pseudo-after-transform: scaleX(0);--vv-input-text-element-wrapper-pseudo-after-transform-origin: left;--vv-input-text-element-wrapper-pseudo-after-will-change: transform;--vv-input-text-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-input-text-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-input-text-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-input-text-element-inner-position: relative;--vv-input-text-element-inner-display: flex;--vv-input-text-element-inner-flex: 1;--vv-input-text-element-input-display: flex;--vv-input-text-element-input-flex: 1;--vv-input-text-element-input-align-items: center;--vv-input-text-element-input-color: var(--input-color);--vv-input-text-element-input-line-height: var(--leading-normal);--vv-input-text-element-input-min-width: 0;--vv-input-text-element-input-min-height: var(--input-min-height);--vv-input-text-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-input-text-element-input-pseudo-placeholder-text-overflow: ellipsis;--vv-input-text-element-input-pseudo-calendar-picker-indicator-position: absolute;--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding: var(--spacing-sm);--vv-input-text-element-input-pseudo-calendar-picker-indicator-top: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-right: 0;--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity: var(--opacity-0);--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance: none;--vv-input-text-element-input-pseudo-search-cancel-button-opacity: var(--opacity-0);--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding: 1px;--vv-input-text-element-input-pseudo-color-swatch-height: var(--spacing-20);--vv-input-text-element-input-pseudo-color-swatch-border-radius: var(--spacing-4);--vv-input-text-element-input-pseudo-color-swatch-padding: 0;--vv-input-text-element-input-pseudo-outer-spin-button-display: none;--vv-input-text-element-input-pseudo-inner-spin-button-display: none;--vv-input-text-element-input-pseudo-datetime-edit-padding: 0;--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding: 0;--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding: 0;--vv-input-text-element-input-state-disabled-cursor: not-allowed;--vv-input-text-element-input-state-readonly-cursor: text;--vv-input-text-element-input-before-display: flex;--vv-input-text-element-input-before-padding-left: var(--input-spacing-left);--vv-input-text-element-input-after-display: flex;--vv-input-text-element-input-after-padding-right: var(--input-spacing-right);--vv-input-text-element-number--moz-appearance: textfield;--vv-input-text-element-icon-position: var(--input-icon-position);--vv-input-text-element-icon-width: var(--input-icon-width);--vv-input-text-element-icon-height: var(--input-min-height);--vv-input-text-element-icon-margin: var(--input-icon-margin);--vv-input-text-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-input-text-element-icon-after-position: var(--input-icon-position);--vv-input-text-element-icon-after-right: 0;--vv-input-text-element-actions-group-display: flex;--vv-input-text-element-actions-group-flex-direction: column;--vv-input-text-element-actions-group-height: var(--input-min-height);--vv-input-text-element-action-cursor: pointer;--vv-input-text-element-action-state-focus-visible-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-input-text-element-action-chevron-flex: 1;--vv-input-text-element-action-chevron-width: calc(var(--input-icon-width) + var(--input-spacing-left) + var(--input-spacing-right));--vv-input-text-element-action-chevron-background-position: center var(--spacing-2);--vv-input-text-element-action-chevron-background-size: var(--text-14) auto;--vv-input-text-element-action-chevron-background-repeat: no-repeat;--vv-input-text-element-action-chevron-background-image: var(--bg-chevron);--vv-input-text-element-action-chevron-cursor: pointer;--vv-input-text-element-action-chevron-state-focus-visible-background-color: var(--color-surface-3);--vv-input-text-element-action-chevron-state-hover-background-color: var(--color-surface-4);--vv-input-text-element-action-chevron-state-active-background-color: var(--color-surface-5);--vv-input-text-element-action-chevron-up-transform: rotate(180deg);--vv-input-text-element-hint-display: var(--input-hint-display);--vv-input-text-element-hint-font-size: var(--input-hint-font-size);--vv-input-text-element-hint-color: var(--input-hint-color);--vv-input-text-element-hint-padding-top: var(--input-hint-gap);--vv-input-text-element-hint-padding-inline: var(--spacing-xs);--vv-input-text-element-hint-white-space: var(--input-hint-white-space);--vv-input-text-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-text-element-hint-overflow: var(--input-hint-overflow);--vv-input-text-element-hint-max-width: var(--input-hint-max-width);--vv-input-text-element-limit-font-size: var(--input-hint-font-size);--vv-input-text-element-limit-color: var(--input-hint-color);--vv-input-text-modifier-icon-after-element-limit-margin-left: calc((var(--spacing-sm) + 1em) * -1);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-input-text-modifier-valid-element-wrapper-pseudo-after-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-after-color: var(--input-valid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-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-after-color: var(--input-invalid-color);--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-input-text-modifier-floating-element-label-position: absolute;--vv-input-text-modifier-floating-element-label-z-index: 1;--vv-input-text-modifier-floating-element-label-min-height: var(--input-min-height);--vv-input-text-modifier-floating-element-label-pointer-events: none;--vv-input-text-modifier-floating-element-label-font-size: inherit;--vv-input-text-modifier-floating-element-label-padding-inline: 0;--vv-input-text-modifier-floating-element-label-margin: 0;--vv-input-text-modifier-floating-element-label-will-change: transform;--vv-input-text-modifier-floating-element-label-transition: var(--transition-all);--vv-input-text-modifier-floating-element-input-will-change: transform;--vv-input-text-modifier-floating-element-input-transition: var(--transition-all);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change: opacity;--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition: var(--transition-opacity);--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity: var(--opacity-0);--vv-input-text-modifier-floating-state-focus-within-element-label-transform: var(--input-floating-label-transform);--vv-input-text-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-input-text-modifier-floating-state-dirty-element-label-transform: var(--input-floating-label-transform);--vv-input-text-modifier-floating-state-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-input-text-state-disabled-opacity: var(--opacity-50);--vv-input-text-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-input-text-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-input-text){display:var(--vv-input-text-display);flex:var(--vv-input-text-flex);flex-direction:var(--vv-input-text-flex-direction);margin-bottom:var(--vv-input-text-margin-bottom);font-size:var(--vv-input-text-font-size);line-height:var(--vv-input-text-line-height);min-width:var(--vv-input-text-min-width)}:where(.vv-input-text__label,.vv-input-text > label){display:var(--vv-input-text-element-label-display);align-items:var(--vv-input-text-element-label-align-items);font-size:var(--vv-input-text-element-label-font-size);color:var(--vv-input-text-element-label-color);margin:var(--vv-input-text-element-label-margin);white-space:var(--vv-input-text-element-label-white-space);text-overflow:var(--vv-input-text-element-label-text-overflow);overflow:var(--vv-input-text-element-label-overflow);max-width:var(--vv-input-text-element-label-max-width)}:where(.vv-input-text__wrapper){position:var(--vv-input-text-element-wrapper-position);display:var(--vv-input-text-element-wrapper-display);align-items:var(--vv-input-text-element-wrapper-align-items);flex:var(--vv-input-text-element-wrapper-flex);overflow:var(--vv-input-text-element-wrapper-overflow);background-color:var(--vv-input-text-element-wrapper-background-color);will-change:var(--vv-input-text-element-wrapper-will-change);transition:var(--vv-input-text-element-wrapper-transition)}:where(.vv-input-text__wrapper):before{content:"";position:var(--vv-input-text-element-wrapper-pseudo-before-position);height:var(--vv-input-text-element-wrapper-pseudo-before-height);inset:var(--vv-input-text-element-wrapper-pseudo-before-inset);background:var(--vv-input-text-element-wrapper-pseudo-before-background)}:where(.vv-input-text__wrapper):after{content:"";position:var(--vv-input-text-element-wrapper-pseudo-after-position);height:var(--vv-input-text-element-wrapper-pseudo-after-height);inset:var(--vv-input-text-element-wrapper-pseudo-after-inset);background:var(--vv-input-text-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-input-text-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-input-text-element-wrapper-pseudo-after-will-change);transition:var(--vv-input-text-element-wrapper-pseudo-after-transition)}:where(.vv-input-text__wrapper--hover,.vv-input-text__wrapper.hover,.vv-input-text__wrapper:not([disabled]):hover){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-hover-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within){--vv-input-text-element-wrapper-background-color: var(--vv-input-text-element-wrapper-state-focus-within-background-color)}:where(.vv-input-text__wrapper--focus-within,.vv-input-text__wrapper.focus-within,.vv-input-text__wrapper:not([disabled]):focus-within):after{--vv-input-text-element-wrapper-pseudo-after-transform: var(--vv-input-text-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-input-text__inner){position:var(--vv-input-text-element-inner-position);display:var(--vv-input-text-element-inner-display);flex:var(--vv-input-text-element-inner-flex)}:where(.vv-input-text__input,.vv-input-text input){display:var(--vv-input-text-element-input-display);flex:var(--vv-input-text-element-input-flex);align-items:var(--vv-input-text-element-input-align-items);color:var(--vv-input-text-element-input-color);line-height:var(--vv-input-text-element-input-line-height);padding-block:var(--input-spacing-top) var(--input-spacing-bottom);padding-inline:var(--input-spacing-left) var(--input-spacing-right);min-width:var(--vv-input-text-element-input-min-width);min-height:var(--vv-input-text-element-input-min-height)}:where(.vv-input-text__input,.vv-input-text input)::-moz-placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color);text-overflow:var(--vv-input-text-element-input-pseudo-placeholder-text-overflow)}:where(.vv-input-text__input,.vv-input-text input)::placeholder{content:"";color:var(--vv-input-text-element-input-pseudo-placeholder-color);text-overflow:var(--vv-input-text-element-input-pseudo-placeholder-text-overflow)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-calendar-picker-indicator{content:"";position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-calendar-picker-indicator{position:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-position);padding:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-padding);top:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-top);right:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-right);opacity:var(--vv-input-text-element-input-pseudo-calendar-picker-indicator-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-moz-search-cancel-button{-webkit-appearance:var(--vv-input-text-element-input-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-input-text-element-input-pseudo-search-cancel-button-opacity)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch-wrapper{padding:var(--vv-input-text-element-input-pseudo-color-swatch-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-color-swatch{content:"";height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-color-swatch{height:var(--vv-input-text-element-input-pseudo-color-swatch-height);border-radius:var(--vv-input-text-element-input-pseudo-color-swatch-border-radius);padding:var(--vv-input-text-element-input-pseudo-color-swatch-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-outer-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-outer-spin-button{display:var(--vv-input-text-element-input-pseudo-outer-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-inner-spin-button{content:"";display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-moz-inner-spin-button{display:var(--vv-input-text-element-input-pseudo-inner-spin-button-display)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit-fields-wrapper{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit-fields-wrapper{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-fields-wrapper-padding)}:where(.vv-input-text__input,.vv-input-text input)::-webkit-datetime-edit-day-field{content:"";padding:var(--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding)}:where(.vv-input-text__input,.vv-input-text input)::-moz-datetime-edit-day-field{padding:var(--vv-input-text-element-input-pseudo-datetime-edit-day-field-padding)}:where(.vv-input-text__input--disabled,.vv-input-text__input.disabled,.vv-input-text input.disabled,.vv-input-text__input[disabled],.vv-input-text input[disabled],.vv-input-text__input[aria-disabled=true],.vv-input-text input[aria-disabled=true]){cursor:var(--vv-input-text-element-input-state-disabled-cursor)}:where(.vv-input-text__input--readonly,.vv-input-text__input.readonly,.vv-input-text input.readonly,.vv-input-text__input[readonly],.vv-input-text input[readonly]){cursor:var(--vv-input-text-element-input-state-readonly-cursor)}:where(.vv-input-text__input-before){display:var(--vv-input-text-element-input-before-display);padding-left:var(--vv-input-text-element-input-before-padding-left)}:where(.vv-input-text__input-after){display:var(--vv-input-text-element-input-after-display);padding-right:var(--vv-input-text-element-input-after-padding-right)}:where(.vv-input-text__number,.vv-input-text input[type=number]){-moz-appearance:var(--vv-input-text-element-number--moz-appearance)}:where(.vv-input-text__icon,.vv-input-text > div > :where(svg,[data-icon])){position:var(--vv-input-text-element-icon-position);width:var(--vv-input-text-element-icon-width);height:var(--vv-input-text-element-icon-height);margin:var(--vv-input-text-element-icon-margin);pointer-events:var(--vv-input-text-element-icon-pointer-events)}:where(.vv-input-text__icon-after,.vv-input-text input + :where(svg,[data-icon])){position:var(--vv-input-text-element-icon-after-position);right:var(--vv-input-text-element-icon-after-right)}:where(.vv-input-text__actions-group){display:var(--vv-input-text-element-actions-group-display);flex-direction:var(--vv-input-text-element-actions-group-flex-direction);height:var(--vv-input-text-element-actions-group-height)}:where(.vv-input-text__action){cursor:var(--vv-input-text-element-action-cursor)}:where(.vv-input-text__action--focus-visible,.vv-input-text__action.focus-visible,.vv-input-text__action:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){text-shadow:var(--vv-input-text-element-action-state-focus-visible-text-shadow)}:where(.vv-input-text__action-chevron){flex:var(--vv-input-text-element-action-chevron-flex);width:var(--vv-input-text-element-action-chevron-width);background-position:var(--vv-input-text-element-action-chevron-background-position);background-size:var(--vv-input-text-element-action-chevron-background-size);background-repeat:var(--vv-input-text-element-action-chevron-background-repeat);background-image:var(--vv-input-text-element-action-chevron-background-image);cursor:var(--vv-input-text-element-action-chevron-cursor)}:where(.vv-input-text__action-chevron--focus-visible,.vv-input-text__action-chevron.focus-visible,.vv-input-text__action-chevron:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-input-text-element-action-chevron-state-focus-visible-background-color)}:where(.vv-input-text__action-chevron--hover,.vv-input-text__action-chevron.hover,.vv-input-text__action-chevron:not([disabled]):hover){background-color:var(--vv-input-text-element-action-chevron-state-hover-background-color)}:where(.vv-input-text__action-chevron--active,.vv-input-text__action-chevron.active,.vv-input-text__action-chevron:not([disabled]):active){background-color:var(--vv-input-text-element-action-chevron-state-active-background-color)}:where(.vv-input-text__action-chevron-up){transform:var(--vv-input-text-element-action-chevron-up-transform)}:where(.vv-input-text__hint,.vv-input-text > small){display:var(--vv-input-text-element-hint-display);font-size:var(--vv-input-text-element-hint-font-size);color:var(--vv-input-text-element-hint-color);padding-top:var(--vv-input-text-element-hint-padding-top);padding-inline:var(--vv-input-text-element-hint-padding-inline);white-space:var(--vv-input-text-element-hint-white-space);text-overflow:var(--vv-input-text-element-hint-text-overflow);overflow:var(--vv-input-text-element-hint-overflow);max-width:var(--vv-input-text-element-hint-max-width)}:where(.vv-input-text__limit){padding-right:var(--input-spacing-right);font-size:var(--vv-input-text-element-limit-font-size);color:var(--vv-input-text-element-limit-color)}:where(.vv-input-text:has(input:disabled)),:where(.vv-input-text--disabled,.vv-input-text.disabled,.vv-input-text[disabled],.vv-input-text[aria-disabled=true]){opacity:var(--vv-input-text-state-disabled-opacity)}:where(.vv-input-text:has(input:disabled) .vv-input-text__wrapper:hover),:where(.vv-input-text--disabled .vv-input-text__wrapper--hover,.vv-input-text--disabled .vv-input-text__wrapper.hover,.vv-input-text--disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.disabled .vv-input-text__wrapper--hover,.vv-input-text.disabled .vv-input-text__wrapper.hover,.vv-input-text.disabled .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[disabled] .vv-input-text__wrapper--hover,.vv-input-text[disabled] .vv-input-text__wrapper.hover,.vv-input-text[disabled] .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper--hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper.hover,.vv-input-text[aria-disabled=true] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper):after,:where(.vv-input-text--readonly .vv-input-text__wrapper,.vv-input-text.readonly .vv-input-text__wrapper,.vv-input-text[readonly] .vv-input-text__wrapper):after{content:"";opacity:var(--vv-input-text-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-input-text:has(input:readonly) .vv-input-text__wrapper:hover),:where(.vv-input-text--readonly .vv-input-text__wrapper--hover,.vv-input-text--readonly .vv-input-text__wrapper.hover,.vv-input-text--readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text.readonly .vv-input-text__wrapper--hover,.vv-input-text.readonly .vv-input-text__wrapper.hover,.vv-input-text.readonly .vv-input-text__wrapper:not([disabled]):hover,.vv-input-text[readonly] .vv-input-text__wrapper--hover,.vv-input-text[readonly] .vv-input-text__wrapper.hover,.vv-input-text[readonly] .vv-input-text__wrapper:not([disabled]):hover){background-color:var(--vv-input-text-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-input-text--icon-before.vv-input-text){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-input-text--icon-after.vv-input-text){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}.vv-input-text--icon-after .vv-input-text__limit{margin-left:var(--vv-input-text-modifier-icon-after-element-limit-margin-left)}.vv-input-text--valid .vv-input-text__wrapper:after{content:"";background:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--valid .vv-input-text__hint,.vv-input-text--valid > small){color:var(--vv-input-text-modifier-valid-element-hint-color)}.vv-input-text--valid .vv-input-text__limit{color:var(--vv-input-text-modifier-valid-element-limit-color)}:where(.vv-input-text--valid .vv-input-text__icon-after,.vv-input-text--valid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-valid-element-icon-after-color)}.vv-input-text--invalid .vv-input-text__wrapper:after{content:"";background:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-input-text-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-input-text--invalid .vv-input-text__hint,.vv-input-text--invalid > small){color:var(--vv-input-text-modifier-invalid-element-hint-color)}.vv-input-text--invalid .vv-input-text__limit{color:var(--vv-input-text-modifier-invalid-element-limit-color)}:where(.vv-input-text--invalid .vv-input-text__icon-after,.vv-input-text--invalid input + :where(svg,[data-icon])){color:var(--vv-input-text-modifier-invalid-element-icon-after-color)}.vv-input-text--loading .vv-input-text__wrapper:before{content:"";height:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-before-background)}.vv-input-text--loading .vv-input-text__wrapper:after{content:"";animation:var(--vv-input-text-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-input-text--floating.vv-input-text){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-input-text--floating .vv-input-text__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-input-text--floating .vv-input-text__hint,.vv-input-text--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-input-text--floating .vv-input-text__label,.vv-input-text--floating > label){position:var(--vv-input-text-modifier-floating-element-label-position);z-index:var(--vv-input-text-modifier-floating-element-label-z-index);min-height:var(--vv-input-text-modifier-floating-element-label-min-height);pointer-events:var(--vv-input-text-modifier-floating-element-label-pointer-events);font-size:var(--vv-input-text-modifier-floating-element-label-font-size);padding-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);padding-inline:var(--vv-input-text-modifier-floating-element-label-padding-inline);margin:var(--vv-input-text-modifier-floating-element-label-margin);will-change:var(--vv-input-text-modifier-floating-element-label-will-change);transition:var(--vv-input-text-modifier-floating-element-label-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input){will-change:var(--vv-input-text-modifier-floating-element-input-will-change);transition:var(--vv-input-text-modifier-floating-element-input-transition)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::-moz-placeholder{content:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);-moz-transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating .vv-input-text__input,.vv-input-text--floating input)::placeholder{content:"";will-change:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-input-text-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__label,.vv-input-text--floating.vv-input-text--focus-within > label,.vv-input-text--floating.vv-input-text.focus-within > label,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within > label){transform:var(--vv-input-text-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text.focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within .vv-input-text__input,.vv-input-text--floating.vv-input-text--focus-within input,.vv-input-text--floating.vv-input-text.focus-within input,.vv-input-text--floating.vv-input-text:not([disabled]):focus-within input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__label,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__label,.vv-input-text--floating.vv-input-text--dirty > label,.vv-input-text--floating.vv-input-text.dirty > label,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) > label){transform:var(--vv-input-text-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-input-text-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) input){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) input){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) input)::-moz-placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:-moz-placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-input-text--floating.vv-input-text--dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text.dirty .vv-input-text__input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) .vv-input-text__input,.vv-input-text--floating.vv-input-text--dirty input,.vv-input-text--floating.vv-input-text.dirty input,.vv-input-text--floating.vv-input-text:not(:has(:placeholder-shown)) input)::placeholder{content:"";opacity:var(--vv-input-text-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}