@volverjs/style 0.1.8 → 0.1.9-beta.1

package/package.json

@@ -24,7 +24,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/style/issues"
   },
-  "version": "0.1.8",
+  "version": "0.1.9-beta.1",
   "engines": {
     "node": ">= 12.x"
   },
@@ -39,14 +39,14 @@
   "devDependencies": {
     "@iconify/vue": "^4.1.0",
     "@vitejs/plugin-vue": "^4.0.0",
-    "@vueuse/core": "^9.12.0",
-    "@vueuse/head": "^1.0.24",
-    "eslint": "^8.33.0",
+    "@vueuse/core": "^9.13.0",
+    "@vueuse/head": "^1.1.15",
+    "eslint": "^8.35.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-vue": "^9.9.0",
-    "glob": "^8.1.0",
+    "glob": "^9.2.1",
     "icss-utils": "^5.1.0",
-    "markdown-it-anchor": "^8.6.6",
+    "markdown-it-anchor": "^8.6.7",
     "markdown-it-prism": "^2.3.0",
     "postcss": "^8.4.21",
     "postcss-html": "^1.5.0",
@@ -57,22 +57,22 @@
     "remark-frontmatter": "^4.0.1",
     "remark-gfm": "^3.0.1",
     "remark-lint": "^9.1.1",
-    "sass": "^1.58.0",
-    "stylelint": "^14.16.1",
-    "stylelint-config-prettier": "^9.0.4",
-    "stylelint-config-recommended-scss": "^8.0.0",
+    "sass": "^1.58.3",
+    "stylelint": "^15.2.0",
+    "stylelint-config-prettier": "^9.0.5",
+    "stylelint-config-recommended-scss": "^9.0.1",
     "stylelint-config-recommended-vue": "^1.4.0",
-    "stylelint-config-standard-scss": "^6.1.0",
-    "unplugin-auto-import": "^0.13.0",
-    "unplugin-vue-components": "^0.23.0",
-    "vite": "^4.1.1",
-    "vite-plugin-css-export": "^1.2.1",
+    "stylelint-config-standard-scss": "^7.0.1",
+    "unplugin-auto-import": "^0.15.0",
+    "unplugin-vue-components": "^0.24.0",
+    "vite": "^4.1.4",
+    "vite-plugin-css-export": "^2.0.0",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-handlebars": "^1.6.0",
     "vite-plugin-markdown": "^2.1.0",
     "vite-plugin-pages": "^0.28.0",
-    "vite-plugin-stylelint": "^4.1.8",
-    "vite-plugin-vue-layouts": "^0.7.0",
+    "vite-plugin-stylelint": "^4.2.0",
+    "vite-plugin-vue-layouts": "^0.8.0",
     "vite-ssg": "^0.22.1",
     "vite-ssg-sitemap": "^0.4.3",
     "vue": "^3.2.47",

package/src/components/index.scss

@@ -1,5 +1,5 @@
-@use 'vv-accordion-group';
 @use 'vv-accordion';
+@use 'vv-accordion-group';
 @use 'vv-alert';
 @use 'vv-badge';
 @use 'vv-breadcrumb';
@@ -10,10 +10,10 @@
 @use 'vv-dropdown';
 @use 'vv-dropdown-action';
 @use 'vv-dropdown-option';
-@use 'vv-checkbox-group';
 @use 'vv-checkbox';
-@use 'vv-radio-group';
+@use 'vv-checkbox-group';
 @use 'vv-radio';
+@use 'vv-radio-group';
 @use 'vv-avatar';
 @use 'vv-avatar-group';
 @use 'vv-input-text';

package/src/settings/_index.scss

@@ -18,8 +18,8 @@
 @forward 'typography';
 
 // components
-@forward 'components/vv-accordion-group';
 @forward 'components/vv-accordion';
+@forward 'components/vv-accordion-group';
 @forward 'components/vv-alert';
 @forward 'components/vv-badge';
 @forward 'components/vv-breadcrumb';
@@ -30,10 +30,10 @@
 @forward 'components/vv-dropdown';
 @forward 'components/vv-dropdown-action';
 @forward 'components/vv-dropdown-option';
-@forward 'components/vv-checkbox-group';
 @forward 'components/vv-checkbox';
-@forward 'components/vv-radio-group';
+@forward 'components/vv-checkbox-group';
 @forward 'components/vv-radio';
+@forward 'components/vv-radio-group';
 @forward 'components/vv-avatar';
 @forward 'components/vv-avatar-group';
 @forward 'components/vv-input-text';

package/src/settings/_input.scss

@@ -8,6 +8,8 @@ $input: (
 	spacing-left: var(--spacing-sm),
 	color: var(--color-word),
 	background-color: var(--color-surface-1),
+	background-color-hover: var(--color-surface-3),
+	background-color-focus: var(--color-surface-2),
 	gap: var(--spacing-md),
 	line-height: var(--leading-normal),
 	font-size: var(--text-16),
@@ -15,8 +17,7 @@ $input: (
 	min-width: 0,
 	label: (
 		color: var(--color-word-2),
-		display: flex,
-		align-items: center,
+		display: inline,
 		font-size: var(--text-xs),
 		gap: var(--spacing-xs),
 		white-space: nowrap,

package/src/settings/components/_vv-accordion-group.scss

@@ -2,4 +2,19 @@ $vv-accordion-group: (
 	display: flex,
 	flex-direction: column,
 	gap: var(--spacing-sm),
+	element: (
+		not-last-child: (
+			_alias: '> details:not(:last-child)',
+		),
+	),
+	modifier: (
+		condensed: (
+			gap: 0,
+			element: (
+				not-last-child: (
+					border-bottom-width: 0,
+				),
+			),
+		),
+	),
 ) !default;

package/src/settings/components/_vv-accordion.scss

@@ -139,5 +139,13 @@ $vv-accordion: (
 				),
 			),
 		),
+		square: (
+			border-radius: 0,
+			element: (
+				summary: (
+					border-radius: 0,
+				),
+			),
+		),
 	),
 ) !default;

package/src/settings/components/_vv-dropdown-option.scss

@@ -5,6 +5,7 @@ $vv-dropdown-option: (
 	gap: var(--spacing-sm),
 	align-items: center,
 	padding: var(--spacing-sm),
+	white-space: nowrap,
 	state: (
 		disabled: (
 			opacity: var(--opacity-50),

package/src/settings/components/_vv-input-text.scss

@@ -10,7 +10,6 @@ $vv-input-text: (
 		label: (
 			_alias: '> label',
 			display: var(--input-label-display),
-			align-items: var(--input-label-align-items),
 			font-size: var(--input-label-font-size),
 			color: var(--input-label-color),
 			margin: 0 0 var(--input-label-gap) 0,
@@ -48,10 +47,10 @@ $vv-input-text: (
 			),
 			state: (
 				hover: (
-					background-color: var(--color-surface-3),
+					background-color: var(--input-background-color-hover),
 				),
 				focus-within: (
-					background-color: var(--color-surface-2),
+					background-color: var(--input-background-color-focus),
 					pseudo: (
 						after: (
 							transform: scaleX(1),
@@ -64,6 +63,7 @@ $vv-input-text: (
 			position: relative,
 			display: flex,
 			flex: 1,
+			min-width: 0,
 		),
 		input: (
 			_alias: 'input',
@@ -95,7 +95,7 @@ $vv-input-text: (
 					opacity: var(--opacity-0),
 				),
 				color-swatch-wrapper: (
-					padding: 1px,
+					padding: var(--spacing-px),
 				),
 				color-swatch: (
 					height: var(--spacing-20),
@@ -124,6 +124,7 @@ $vv-input-text: (
 				),
 				readonly: (
 					cursor: text,
+					user-select: text,
 				),
 			),
 		),
@@ -142,6 +143,8 @@ $vv-input-text: (
 		icon: (
 			_alias: '> div > :where(svg, [data-icon])',
 			position: var(--input-icon-position),
+			top: 0,
+			left: 0,
 			width: var(--input-icon-width),
 			height: var(--input-min-height),
 			margin: var(--input-icon-margin),
@@ -151,6 +154,7 @@ $vv-input-text: (
 			_alias: 'input + :where(svg, [data-icon])',
 			position: var(--input-icon-position),
 			right: 0,
+			left: auto,
 		),
 		actions-group: (
 			display: flex,
@@ -158,26 +162,19 @@ $vv-input-text: (
 			height: var(--input-min-height),
 		),
 		action: (
-			cursor: pointer,
-			state: (
-				focus-visible: (
-					text-shadow: 0 1px 0 var(--color-gray-darken-5),
-				),
-			),
-		),
-		action-chevron: (
-			flex: 1,
+			position: relative,
 			width:
 				calc(
 					var(--input-icon-width) + var(--input-spacing-left) +
 						var(--input-spacing-right)
 				),
-			background-position: center var(--spacing-2),
-			background-size: var(--text-14) auto,
-			background-repeat: no-repeat,
-			background-image: var(--bg-chevron),
+			height: var(--input-min-height),
 			cursor: pointer,
 			state: (
+				disabled: (
+					cursor: not-allowed,
+					opacity: var(--opacity-50),
+				),
 				focus-visible: (
 					background-color: var(--color-surface-3),
 				),
@@ -189,6 +186,13 @@ $vv-input-text: (
 				),
 			),
 		),
+		action-chevron: (
+			flex: 1,
+			background-position: center var(--spacing-2),
+			background-size: var(--text-14) auto,
+			background-repeat: no-repeat,
+			background-image: var(--bg-chevron),
+		),
 		action-chevron-up: (
 			transform: rotate(180deg),
 		),
@@ -209,6 +213,15 @@ $vv-input-text: (
 			font-size: var(--input-hint-font-size),
 			color: var(--input-hint-color),
 		),
+		unit: (
+			color: var(--input-placeholder-color),
+			display: flex,
+			align-items: center,
+			flex: 0 1 auto,
+			[padding-right]: var(--input-spacing-right),
+			[padding-block]: var(--input-spacing-top)
+				var(--input-spacing-bottom),
+		),
 	),
 	modifier: (
 		icon-before: (
@@ -355,6 +368,45 @@ $vv-input-text: (
 				),
 			),
 		),
+		auto-width: (
+			element: (
+				inner: (
+					[padding-block]: var(--input-spacing-top)
+						var(--input-spacing-bottom),
+					[padding-inline]: var(--input-spacing-left)
+						var(--input-spacing-right),
+					min-height: var(--input-min-height),
+					cursor: text,
+				),
+				input: (
+					padding-block: 0,
+					padding-inline: 0,
+					min-width: 1ch,
+					min-height: 1em,
+					text-align: left,
+				),
+				unit: (
+					padding-right: 0,
+					padding-block: 0,
+				),
+			),
+			state: (
+				dirty: (
+					element: (
+						input: (
+							flex: 0 1 auto,
+						),
+					),
+				),
+				disabled: (
+					element: (
+						inner: (
+							cursor: not-allowed,
+						),
+					),
+				),
+			),
+		),
 	),
 	state: (
 		disabled: (
@@ -363,7 +415,10 @@ $vv-input-text: (
 				wrapper: (
 					state: (
 						hover: (
-							background-color: var(--color-surface-1),
+							background-color: var(--input-background-color),
+						),
+						focus-within: (
+							background-color: var(--input-background-color),
 						),
 					),
 				),
@@ -373,13 +428,19 @@ $vv-input-text: (
 			element: (
 				wrapper: (
 					pseudo: (
+						before: (
+							opacity: var(--opacity-0),
+						),
 						after: (
 							opacity: var(--opacity-0),
 						),
 					),
 					state: (
 						hover: (
-							background-color: var(--color-surface-1),
+							background-color: var(--input-background-color),
+						),
+						focus-within: (
+							background-color: var(--input-background-color),
 						),
 					),
 				),

package/src/settings/components/_vv-select.scss

@@ -11,7 +11,6 @@ $vv-select: (
 		label: (
 			_alias: '> label',
 			display: var(--input-label-display),
-			align-items: var(--input-label-align-items),
 			font-size: var(--input-label-font-size),
 			color: var(--input-label-color),
 			margin: 0 0 var(--input-label-gap) 0,
@@ -48,10 +47,10 @@ $vv-select: (
 			),
 			state: (
 				hover: (
-					background-color: var(--color-surface-3),
+					background-color: var(--input-background-color-hover),
 				),
 				focus-within: (
-					background-color: var(--color-surface-2),
+					background-color: var(--input-background-color-focus),
 					pseudo: (
 						after: (
 							transform: scaleX(1),
@@ -59,7 +58,7 @@ $vv-select: (
 					),
 				),
 				open: (
-					background-color: var(--color-surface-2),
+					background-color: var(--input-background-color-focus),
 					pseudo: (
 						after: (
 							transform: scaleX(1),
@@ -302,17 +301,24 @@ $vv-select: (
 		),
 		readonly: (
 			opacity: var(--opacity-100),
+			cursor: text,
 			user-select: text,
 			element: (
 				wrapper: (
 					pseudo: (
+						before: (
+							opacity: var(--opacity-0),
+						),
 						after: (
 							opacity: var(--opacity-0),
 						),
 					),
 					state: (
 						hover: (
-							background-color: var(--color-surface-1),
+							background-color: var(--input-background-color),
+						),
+						focus-within: (
+							background-color: var(--input-background-color),
 						),
 					),
 				),
@@ -330,7 +336,10 @@ $vv-select: (
 				wrapper: (
 					state: (
 						hover: (
-							background-color: var(--color-surface-1),
+							background-color: var(--input-background-color),
+						),
+						focus-within: (
+							background-color: var(--input-background-color),
 						),
 					),
 				),

package/src/settings/components/_vv-textarea.scss

@@ -10,7 +10,6 @@ $vv-textarea: (
 		label: (
 			_alias: '> label',
 			display: var(--input-label-display),
-			align-items: var(--input-label-align-items),
 			font-size: var(--input-label-font-size),
 			color: var(--input-label-color),
 			margin: 0 0 var(--input-label-gap) 0,
@@ -61,10 +60,10 @@ $vv-textarea: (
 			),
 			state: (
 				hover: (
-					background-color: var(--color-surface-3),
+					background-color: var(--input-background-color-hover),
 				),
 				focus-within: (
-					background-color: var(--color-surface-2),
+					background-color: var(--input-background-color-focus),
 					pseudo: (
 						after: (
 							transform: scaleX(1),
@@ -93,6 +92,7 @@ $vv-textarea: (
 				),
 				readonly: (
 					cursor: text,
+					user-select: text,
 				),
 			),
 		),
@@ -296,7 +296,10 @@ $vv-textarea: (
 				wrapper: (
 					state: (
 						hover: (
-							background-color: var(--color-surface-1),
+							background-color: var(--input-background-color),
+						),
+						focus-within: (
+							background-color: var(--input-background-color),
 						),
 					),
 				),
@@ -306,13 +309,19 @@ $vv-textarea: (
 			element: (
 				wrapper: (
 					pseudo: (
+						before: (
+							opacity: var(--opacity-0),
+						),
 						after: (
-							opacity: 0,
+							opacity: var(--opacity-0),
 						),
 					),
 					state: (
 						hover: (
-							background-color: var(--color-surface-1),
+							background-color: var(--input-background-color),
+						),
+						focus-within: (
+							background-color: var(--input-background-color),
 						),
 					),
 				),

package/src/tools/_mixins.scss

@@ -869,15 +869,9 @@
 // Wrap selector with :where()
 @mixin wrap-with-where($selector, $enabled: true) {
 	@if type-of($selector) == 'map' or type-of($selector) == 'list' {
-		$merged: '';
-		@each $element in $selector {
-			@if $enabled {
-				$merged: '#{$merged}, :where(#{unquote($element)})';
-			} @else {
-				$merged: '#{$merged}, #{unquote($element)}';
-			}
-		}
-	} @else if $enabled {
+		$selector: #{$selector};
+	}
+	@if $enabled {
 		$selector: ':where(#{unquote($selector)})';
 	}
 

package/src/utilities/typography.scss

@@ -120,7 +120,8 @@
 	$map: $text-align,
 	$class: text,
 	$attribute: text-align,
-	$zero-specificity: $zero-specificity-for-utilities
+	$zero-specificity: $zero-specificity-for-utilities,
+	$bps: $breakpoints
 );
 
 // text-decorator-line

package/dist/base.css

@@ -1 +0,0 @@
-*: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-accordion-group.css

@@ -1 +0,0 @@
-:where(:host,:root,.theme){--vv-accordion-group-display: flex;--vv-accordion-group-flex-direction: column;--vv-accordion-group-gap: var(--spacing-sm)}:where(.vv-accordion-group){display:var(--vv-accordion-group-display);flex-direction:var(--vv-accordion-group-flex-direction);gap:var(--vv-accordion-group-gap)}

package/dist/components/vv-accordion.css

@@ -1 +0,0 @@
-:where(:host,:root,.theme){--vv-accordion-overflow: hidden;--vv-accordion-state-open-element-summary-background-color: var(--color-surface-2);--vv-accordion-state-open-element-summary-pseudo-before-transform: rotate(0);--vv-accordion-state-disabled-element-summary-cursor: not-allowed;--vv-accordion-state-disabled-element-summary-pointer-events: none;--vv-accordion-state-disabled-element-summary-opacity: var(--opacity-50);--vv-accordion-element-summary-position: relative;--vv-accordion-element-summary-cursor: pointer;--vv-accordion-element-summary-line-height: var(--leading-normal);--vv-accordion-element-summary-color: var(--color-word-2);--vv-accordion-element-summary-will-change: background-color;--vv-accordion-element-summary-transition: var(--transition-colors);--vv-accordion-element-summary-font-size: var(--text-sm);--vv-accordion-element-summary-border-radius: var(--rounded-lg);--vv-accordion-element-summary--webkit-tap-highlight-color: transparent;--vv-accordion-element-summary-outline: none;--vv-accordion-element-summary-pseudo-before-display: block;--vv-accordion-element-summary-pseudo-before-position: absolute;--vv-accordion-element-summary-pseudo-before-width: calc(var(--leading-normal) * 1em);--vv-accordion-element-summary-pseudo-before-height: calc(var(--leading-normal) * 1em);--vv-accordion-element-summary-pseudo-before-background-image: var(--bg-chevron);--vv-accordion-element-summary-pseudo-before-background-position: center;--vv-accordion-element-summary-pseudo-before-background-size: 1em;--vv-accordion-element-summary-pseudo-before-background-repeat: no-repeat;--vv-accordion-element-summary-pseudo-before-will-change: transform;--vv-accordion-element-summary-pseudo-before-transition: var(--transition-transform);--vv-accordion-element-summary-pseudo-before-transform: rotate(-90deg);--vv-accordion-element-summary-pseudo-marker-display: none;--vv-accordion-element-summary-pseudo--webkit-details-marker-display: none;--vv-accordion-element-summary-state-hover-background-color: var(--color-surface-1);--vv-accordion-element-summary-state-focus-visible-background-color: var(--color-surface-1);--vv-accordion-element-content-padding-block: var(--spacing-sm);--vv-accordion-modifier-marker-right-element-summary-pseudo-before-left: auto;--vv-accordion-modifier-marker-right-element-summary-pseudo-before-transform: rotate(0def);--vv-accordion-modifier-marker-right-state-open-element-summary-pseudo-before-transform: rotate(-180deg);--vv-accordion-modifier-bordered-border: var(--border) solid var(--color-surface-4);--vv-accordion-modifier-bordered-border-radius: var(--rounded-lg);--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-right-radius: 0;--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-left-radius: 0}:where(.vv-accordion){--accordion-marker-size: calc(var(--spacing-sm) + var(--leading-normal) * 1em);--accordion-padding-top: var(--spacing-xs);--accordion-padding-right: var(--spacing-xs);--accordion-padding-bottom: var(--spacing-xs);--accordion-padding-left: var(--spacing-xs);overflow:var(--vv-accordion-overflow)}:where(.vv-accordion__summary,.vv-accordion > summary){position:var(--vv-accordion-element-summary-position);cursor:var(--vv-accordion-element-summary-cursor);padding-top:var(--accordion-padding-top);padding-right:var(--accordion-padding-right);padding-bottom:var(--accordion-padding-bottom);padding-left:calc(var(--accordion-padding-left) + var(--accordion-marker-size));line-height:var(--vv-accordion-element-summary-line-height);color:var(--vv-accordion-element-summary-color);will-change:var(--vv-accordion-element-summary-will-change);transition:var(--vv-accordion-element-summary-transition);font-size:var(--vv-accordion-element-summary-font-size);border-radius:var(--vv-accordion-element-summary-border-radius);-webkit-tap-highlight-color:var(--vv-accordion-element-summary--webkit-tap-highlight-color);outline:var(--vv-accordion-element-summary-outline)}:where(.vv-accordion__summary,.vv-accordion > summary):before{content:"";display:var(--vv-accordion-element-summary-pseudo-before-display);position:var(--vv-accordion-element-summary-pseudo-before-position);top:var(--accordion-padding-top);left:var(--accordion-padding-left);width:var(--vv-accordion-element-summary-pseudo-before-width);height:var(--vv-accordion-element-summary-pseudo-before-height);background-image:var(--vv-accordion-element-summary-pseudo-before-background-image);background-position:var(--vv-accordion-element-summary-pseudo-before-background-position);background-size:var(--vv-accordion-element-summary-pseudo-before-background-size);background-repeat:var(--vv-accordion-element-summary-pseudo-before-background-repeat);will-change:var(--vv-accordion-element-summary-pseudo-before-will-change);transition:var(--vv-accordion-element-summary-pseudo-before-transition);transform:var(--vv-accordion-element-summary-pseudo-before-transform)}:where(.vv-accordion__summary,.vv-accordion > summary)::marker{content:"";display:var(--vv-accordion-element-summary-pseudo-marker-display)}:where(.vv-accordion__summary,.vv-accordion > summary)::-webkit-details-marker{content:"";display:var(--vv-accordion-element-summary-pseudo--webkit-details-marker-display)}:where(.vv-accordion__summary--hover,.vv-accordion__summary.hover,.vv-accordion > summary.hover,.vv-accordion__summary:not([disabled]):hover,.vv-accordion > summary:not([disabled]):hover){background-color:var(--vv-accordion-element-summary-state-hover-background-color)}:where(.vv-accordion__summary--focus-visible,.vv-accordion__summary.focus-visible,.vv-accordion > summary.focus-visible,.vv-accordion__summary:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible,.vv-accordion > summary:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-accordion-element-summary-state-focus-visible-background-color)}:where(.vv-accordion__content,.vv-accordion > summary + *){padding-block:var(--vv-accordion-element-content-padding-block);padding-inline:var(--accordion-padding-left) var(--accordion-padding-right)}:where(.vv-accordion--open .vv-accordion__summary,.vv-accordion.open .vv-accordion__summary,.vv-accordion[open] .vv-accordion__summary,.vv-accordion--open > summary,.vv-accordion.open > summary,.vv-accordion[open] > summary){background-color:var(--vv-accordion-state-open-element-summary-background-color)}:where(.vv-accordion--open .vv-accordion__summary,.vv-accordion.open .vv-accordion__summary,.vv-accordion[open] .vv-accordion__summary,.vv-accordion--open > summary,.vv-accordion.open > summary,.vv-accordion[open] > summary):before{content:"";transform:var(--vv-accordion-state-open-element-summary-pseudo-before-transform)}:where(.vv-accordion--disabled .vv-accordion__summary,.vv-accordion.disabled .vv-accordion__summary,.vv-accordion[disabled] .vv-accordion__summary,.vv-accordion[aria-disabled=true] .vv-accordion__summary,.vv-accordion--disabled > summary,.vv-accordion.disabled > summary,.vv-accordion[disabled] > summary,.vv-accordion[aria-disabled=true] > summary){cursor:var(--vv-accordion-state-disabled-element-summary-cursor);pointer-events:var(--vv-accordion-state-disabled-element-summary-pointer-events);opacity:var(--vv-accordion-state-disabled-element-summary-opacity)}:where(.vv-accordion--marker-right .vv-accordion__summary,.vv-accordion--marker-right > summary){padding-right:calc(var(--accordion-padding-right) + var(--accordion-marker-size));padding-left:var(--accordion-padding-left)}:where(.vv-accordion--marker-right .vv-accordion__summary,.vv-accordion--marker-right > summary):before{content:"";left:var(--vv-accordion-modifier-marker-right-element-summary-pseudo-before-left);right:var(--accordion-padding-right);transform:var(--vv-accordion-modifier-marker-right-element-summary-pseudo-before-transform)}:where(.vv-accordion--marker-right.vv-accordion--open .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion.open .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion[open] .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion--open > summary,.vv-accordion--marker-right.vv-accordion.open > summary,.vv-accordion--marker-right.vv-accordion[open] > summary):before{content:"";transform:var(--vv-accordion-modifier-marker-right-state-open-element-summary-pseudo-before-transform)}:where(.vv-accordion--bordered.vv-accordion){--accordion-padding-top: var(--spacing-xs);--accordion-padding-right: var(--spacing-xs);--accordion-padding-bottom: var(--spacing-xs);--accordion-padding-left: var(--spacing-xs);border:var(--vv-accordion-modifier-bordered-border);border-radius:var(--vv-accordion-modifier-bordered-border-radius)}:where(.vv-accordion--bordered.vv-accordion--open .vv-accordion__summary,.vv-accordion--bordered.vv-accordion.open .vv-accordion__summary,.vv-accordion--bordered.vv-accordion[open] .vv-accordion__summary,.vv-accordion--bordered.vv-accordion--open > summary,.vv-accordion--bordered.vv-accordion.open > summary,.vv-accordion--bordered.vv-accordion[open] > summary){border-bottom-right-radius:var(--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-right-radius);border-bottom-left-radius:var(--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-left-radius)}

package/dist/components/vv-alert.css

@@ -1 +0,0 @@
-:where(:host,:root,.theme){--vv-alert-display: flex;--vv-alert-min-width: 0;--vv-alert-overflow: hidden;--vv-alert-align-items: center;--vv-alert-padding: var(--spacing-sm) var(--spacing-md);--vv-alert-background-color: var(--color-surface-2);--vv-alert-border-color: var(--color-gray-lighten-4);--vv-alert-border-width: var(--border);--vv-alert-border-style: solid;--vv-alert-border-radius: var(--rounded);--vv-alert-position: relative;--vv-alert-element-icon-position: absolute;--vv-alert-element-icon-left: var(--spacing-md);--vv-alert-element-icon-inline-size: 1.2em;--vv-alert-element-icon-block-size: 1.2em;--vv-alert-element-close-position: absolute;--vv-alert-element-close-right: var(--spacing-md);--vv-alert-element-close-inline-size: 1em;--vv-alert-element-close-block-size: 1em;--vv-alert-element-close-cursor: pointer;--vv-alert-element-close-background-image: var(--bg-close);--vv-alert-element-close-background-position: center;--vv-alert-element-close-background-size: 100% auto;--vv-alert-element-close-background-repeat: no-repeat;--vv-alert-element-title-display: flex;--vv-alert-element-title-margin-right: 1ch;--vv-alert-element-title-line-height: var(--leading-normal);--vv-alert-element-title-font-weight: var(--font-bold);--vv-alert-element-title-color: var(--color-word);--vv-alert-element-content-line-height: var(--leading-normal);--vv-alert-element-content-color: var(--color-word-1);--vv-alert-element-content-text-overflow: ellipsis;--vv-alert-element-content-white-space: nowrap;--vv-alert-element-content-overflow: hidden;--vv-alert-element-separator-height: var(--border);--vv-alert-element-separator-background-color: var(--color-alpha-2);--vv-alert-element-separator-margin-block: var(--spacing-sm);--vv-alert-modifier-fixed-position: fixed;--vv-alert-modifier-fixed-z-index: var(--z-notification-alert);--vv-alert-modifier-top-inset-inline: var(--spacing-lg);--vv-alert-modifier-top-inset-block: var(--spacing-lg) auto;--vv-alert-modifier-bottom-inset-inline: var(--spacing-lg);--vv-alert-modifier-bottom-inset-block: auto var(--spacing-lg);--vv-alert-modifier-success-border-color: var(--color-success-lighten-5);--vv-alert-modifier-success-background-color: var(--color-surface-success);--vv-alert-modifier-success-element-icon-color: var(--color-success);--vv-alert-modifier-success-element-title-color: var(--color-success);--vv-alert-modifier-danger-border-color: var(--color-danger-lighten-5);--vv-alert-modifier-danger-background-color: var(--color-surface-danger);--vv-alert-modifier-danger-element-icon-color: var(--color-danger);--vv-alert-modifier-danger-element-title-color: var(--color-danger);--vv-alert-modifier-warning-border-color: var(--color-warning-lighten-5);--vv-alert-modifier-warning-background-color: var(--color-surface-warning);--vv-alert-modifier-warning-element-icon-color: var(--color-warning-darken-2);--vv-alert-modifier-warning-element-title-color: var(--color-warning-darken-2);--vv-alert-modifier-info-border-color: var(--color-info-lighten-5);--vv-alert-modifier-info-background-color: var(--color-surface-info);--vv-alert-modifier-info-element-icon-color: var(--color-info-darken-2);--vv-alert-modifier-info-element-title-color: var(--color-info-darken-2);--vv-alert-modifier-accent-border-color: var(--color-accent-lighten-5);--vv-alert-modifier-accent-background-color: var(--color-surface-accent);--vv-alert-modifier-accent-element-icon-color: var(--color-accent);--vv-alert-modifier-accent-element-title-color: var(--color-accent);--vv-alert-modifier-brand-border-color: var(--color-brand-lighten-5);--vv-alert-modifier-brand-background-color: var(--color-surface-brand);--vv-alert-modifier-brand-element-icon-color: var(--color-brand);--vv-alert-modifier-brand-element-title-color: var(--color-brand);--vv-alert-modifier-callout-display: block;--vv-alert-modifier-callout-border-radius: var(--rounded-none);--vv-alert-modifier-callout-border-width: 0 0 0 var(--spacing-4);--vv-alert-modifier-callout-element-title-margin-bottom: var(--spacing-sm);--vv-alert-modifier-callout-element-title-margin-right: 0;--vv-alert-modifier-callout-element-title-text-transform: uppercase;--vv-alert-modifier-callout-element-content-line-height: var(--leading-normal);--vv-alert-modifier-callout-element-content-white-space: wrap;--vv-alert-modifier-icon-padding-left: calc(var(--spacing-md) * 2 + 1em);--vv-alert-modifier-close-padding-right: calc(var(--spacing-md) * 2 + 1em)}:where(.vv-alert){display:var(--vv-alert-display);min-width:var(--vv-alert-min-width);overflow:var(--vv-alert-overflow);align-items:var(--vv-alert-align-items);padding:var(--vv-alert-padding);background-color:var(--vv-alert-background-color);border-color:var(--vv-alert-border-color);border-width:var(--vv-alert-border-width);border-style:var(--vv-alert-border-style);border-radius:var(--vv-alert-border-radius);position:var(--vv-alert-position)}:where(.vv-alert__icon,.vv-alert > :where(svg,[data-icon])){position:var(--vv-alert-element-icon-position);left:var(--vv-alert-element-icon-left);inline-size:var(--vv-alert-element-icon-inline-size);block-size:var(--vv-alert-element-icon-block-size)}:where(.vv-alert__close){position:var(--vv-alert-element-close-position);right:var(--vv-alert-element-close-right);inline-size:var(--vv-alert-element-close-inline-size);block-size:var(--vv-alert-element-close-block-size);cursor:var(--vv-alert-element-close-cursor);background-image:var(--vv-alert-element-close-background-image);background-position:var(--vv-alert-element-close-background-position);background-size:var(--vv-alert-element-close-background-size);background-repeat:var(--vv-alert-element-close-background-repeat)}:where(.vv-alert__title){display:var(--vv-alert-element-title-display);margin-right:var(--vv-alert-element-title-margin-right);line-height:var(--vv-alert-element-title-line-height);font-weight:var(--vv-alert-element-title-font-weight);color:var(--vv-alert-element-title-color)}:where(.vv-alert__content){line-height:var(--vv-alert-element-content-line-height);color:var(--vv-alert-element-content-color);text-overflow:var(--vv-alert-element-content-text-overflow);white-space:var(--vv-alert-element-content-white-space);overflow:var(--vv-alert-element-content-overflow)}:where(.vv-alert__separator,.vv-alert > hr){height:var(--vv-alert-element-separator-height);background-color:var(--vv-alert-element-separator-background-color);margin-block:var(--vv-alert-element-separator-margin-block)}:where(.vv-alert--fixed.vv-alert){--vv-alert-position: var(--vv-alert-modifier-fixed-position);z-index:var(--vv-alert-modifier-fixed-z-index)}:where(.vv-alert--top.vv-alert){inset-inline:var(--vv-alert-modifier-top-inset-inline);inset-block:var(--vv-alert-modifier-top-inset-block)}:where(.vv-alert--bottom.vv-alert){inset-inline:var(--vv-alert-modifier-bottom-inset-inline);inset-block:var(--vv-alert-modifier-bottom-inset-block)}:where(.vv-alert--success.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-success-border-color);--vv-alert-background-color: var(--vv-alert-modifier-success-background-color)}:where(.vv-alert--success .vv-alert__icon,.vv-alert--success > :where(svg,[data-icon])){color:var(--vv-alert-modifier-success-element-icon-color)}.vv-alert--success .vv-alert__title{color:var(--vv-alert-modifier-success-element-title-color)}:where(.vv-alert--danger.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-danger-border-color);--vv-alert-background-color: var(--vv-alert-modifier-danger-background-color)}:where(.vv-alert--danger .vv-alert__icon,.vv-alert--danger > :where(svg,[data-icon])){color:var(--vv-alert-modifier-danger-element-icon-color)}.vv-alert--danger .vv-alert__title{color:var(--vv-alert-modifier-danger-element-title-color)}:where(.vv-alert--warning.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-warning-border-color);--vv-alert-background-color: var(--vv-alert-modifier-warning-background-color)}:where(.vv-alert--warning .vv-alert__icon,.vv-alert--warning > :where(svg,[data-icon])){color:var(--vv-alert-modifier-warning-element-icon-color)}.vv-alert--warning .vv-alert__title{color:var(--vv-alert-modifier-warning-element-title-color)}:where(.vv-alert--info.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-info-border-color);--vv-alert-background-color: var(--vv-alert-modifier-info-background-color)}:where(.vv-alert--info .vv-alert__icon,.vv-alert--info > :where(svg,[data-icon])){color:var(--vv-alert-modifier-info-element-icon-color)}.vv-alert--info .vv-alert__title{color:var(--vv-alert-modifier-info-element-title-color)}:where(.vv-alert--accent.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-accent-border-color);--vv-alert-background-color: var(--vv-alert-modifier-accent-background-color)}:where(.vv-alert--accent .vv-alert__icon,.vv-alert--accent > :where(svg,[data-icon])){color:var(--vv-alert-modifier-accent-element-icon-color)}.vv-alert--accent .vv-alert__title{color:var(--vv-alert-modifier-accent-element-title-color)}:where(.vv-alert--brand.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-brand-border-color);--vv-alert-background-color: var(--vv-alert-modifier-brand-background-color)}:where(.vv-alert--brand .vv-alert__icon,.vv-alert--brand > :where(svg,[data-icon])){color:var(--vv-alert-modifier-brand-element-icon-color)}.vv-alert--brand .vv-alert__title{color:var(--vv-alert-modifier-brand-element-title-color)}:where(.vv-alert--callout.vv-alert){--vv-alert-display: var(--vv-alert-modifier-callout-display);--vv-alert-border-radius: var(--vv-alert-modifier-callout-border-radius);--vv-alert-border-width: var(--vv-alert-modifier-callout-border-width)}.vv-alert--callout .vv-alert__title{margin-bottom:var(--vv-alert-modifier-callout-element-title-margin-bottom);margin-right:var(--vv-alert-modifier-callout-element-title-margin-right);text-transform:var(--vv-alert-modifier-callout-element-title-text-transform)}.vv-alert--callout .vv-alert__content{line-height:var(--vv-alert-modifier-callout-element-content-line-height);white-space:var(--vv-alert-modifier-callout-element-content-white-space)}:where(.vv-alert--icon.vv-alert){padding-left:var(--vv-alert-modifier-icon-padding-left)}:where(.vv-alert--close.vv-alert){padding-right:var(--vv-alert-modifier-close-padding-right)}

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

@@ -1 +0,0 @@
-: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)}