.ob-import-modal .stepper {
	li {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
		font-size: 14px;

		.icon {
			margin-right: 20px;
			background-color: $blue;
			color: #fff;
			padding: 5px;
			border-radius: 100%;
			line-height: 14px;

			.dashicon {
				font-size: 14px;
				width: 14px;
				height: 14px;
			}

			&.success {
				background-color: $success;

				svg {
					right: 1px;
					position: relative;
				}
			}

			&.warning {
				background-color: $warning;
			}

			&.error {
				background-color: $error;
			}

			&.skip {
				background-color: $grey;
			}

			&.loading .dashicon, &.loading svg {
				animation-name: spin;
				animation-duration: 2000ms;
				animation-iteration-count: infinite;
				animation-timing-function: linear;
			}
		}

		svg {
			width: 15px;
			height: 15px;
			display: block;
		}
	}
}
