$vv-card: (
	position: relative,
	display: flex,
	flex-direction: column,
	overflow: hidden,
	border-color: var(--color-surface-4),
	border-width: var(--border),
	border-style: solid,
	border-radius: var(--rounded-lg),
	margin: var(--spacing-0),
	background-color: var(--color-surface),
	box-shadow: var(--shadow-md),
	color: var(--color-word-2),
	backdrop-filter: none,
	element: (
		header: (
			_alias: '> header',
			_combinator: '>',
			overflow: hidden,
			padding: var(--spacing-md),
			background-color: var(--color-surface-1),
			border-bottom: var(--border) solid var(--color-surface-4),
		),
		picture: (
			_alias: '> picture > img',
			display: block,
			width: 100%,
			height: auto,
			object-fit: cover,
			object-position: center,
		),
		content: (
			padding: var(--spacing-md),
			line-height: var(--leading-normal),
			flex-grow: 1,
			min-height: 0,
			overflow: auto,
		),
		footer: (
			_alias: '> footer',
			_combinator: '>',
			border-top: var(--border) solid var(--color-surface-4),
			padding: var(--spacing-md),
		),
	),
	modifier: (
		glass: (
			background-color: color-mix(in srgb, var(--color-surface), transparent 40%),
			backdrop-filter: var(--blur-md),
			element: (
				header: (
					background-color: color-mix(in srgb, var(--color-surface), transparent 70%),
				),
				footer: (
					background-color: color-mix(in srgb, var(--color-surface), transparent 70%),
				),
			),
		),
	),
) !default;