.si-input {
	&__loading {
		position: absolute;
		top: 7px;
		right: 20px;
		box-sizing: border-box;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		background: inherit;
		cursor: default;
		pointer-events: none;
		&:after {
			position: absolute;
			top: 0;
			box-sizing: border-box;
			width: 100%;
			height: 100%;
			border: 2px solid hsl(var(--si-primary));
			border-top: 2px solid transparent;
			border-right: 2px solid transparent;
			border-left: 2px solid transparent;
			border-radius: inherit;
			content: '';
			animation: siRotateLoading 0.8s ease infinite;
		}
		&:before {
			position: absolute;
			top: 0;
			box-sizing: border-box;
			width: 100%;
			height: 100%;
			opacity: 0.2;
			border: 2px dashed hsl(var(--si-primary));
			border-top: 2px solid transparent;
			border-right: 2px solid transparent;
			border-left: 2px solid transparent;
			border-radius: inherit;
			content: '';
			animation: siRotateLoading 0.8s linear infinite;
		}
	}
}