/* Patterns - Content - Card */
////
/// @group Patterns-Card
/// Patterns - Content - Card Styles

///
.card {
	background-color: var(--color-neutral-0);
	border: var(--border-size-s) solid var(--color-neutral-4);
	border-radius: var(--border-radius-soft);
	padding: var(--space-m);
}

// Layout -------------------------------------------------------------------------
///
.layout-native {
	& .card {
		padding: var(--space-base);
	}
}