.spinner {
	@include flex-layout($jc: center, $ai: center);
	gap: var(--krds-spacer-2);
	position: relative;
	left:0;
	top: 0; 
	z-index: 10;
	font-size: var(--krds-fz-detail-md);
	width: 100%;
	height: 100%;
	text-align: right;
	&::before {
		display: inline-flex;
		content: '';
		height: 2rem;
		width: 2rem;
		border: .2rem solid var(--krds-gray-20);
		border: {
		right-color:  var(--krds-primary);
		top-color:  var(--krds-primary);
		radius: 100%;
		}
		animation: spin 900ms infinite linear;
	}
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}

.form-spinner {
	position: relative;
	.spinner {
		position: absolute;
		justify-content: flex-end;
		padding: 0 var(--krds-spacer-4);
	}
}