// =============================================================================
// :: Input
// =============================================================================
/**
 * Scope defined specifically for creating the visual representation of the
 * formfield component.
 */

// =============================================================================
// :: root
// =============================================================================
.s-bp-input {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;

	.c-input {
		margin-bottom: 3rem;

		&:last-child {
			margin-bottom: 0;
		}
	}
}

.s-bp-input--inverted {
	padding: 5rem;

	background-color: #E5006D;
}