@gridPadding: 32px;
@fontColor: #456;
@themeColor: #6495ed;
@borderRadius: 4px;
@backgroundGreyOne: rgba(248,250,252,1);
@backgroundGreyTwo: rgba(243,245,247,1);
@borderColor: #e7e8e9;
@borderColorDarkOne: #e1e2e3;
@boxShadow: 0 0 0 0.5px rgba(0,20,40,.11), 0 2px 8px 0 rgba(50,55,90,.2);
@boxShadowDarkOne: 0 0 0 0.5px rgba(0,10,20,.12), 0 2px 12px 0 rgba(0,10,20,.25);
@red: #e86464;
@green: #47b181;

.formcraft-icon-mixin {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 110%;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	vertical-align: text-bottom;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
.smoothing {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;	
}
.noSmoothing {
	-webkit-font-smoothing: initial;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: initial;	
}