.tmc-box--import-demos {

	.button {
		border-radius: 0;

		i,
		.svg-inline--fa {
			margin-left: 0;
			margin-right: 5px;
		}
	}
}

.tmc-import-demo {
	display: inline-block;

	&--half {
		padding: 0 15px;
		width: 50%;

		img {
			height: 300px;
			object-fit: cover;
			width: 100%;
		}
	}

	&__inner {
		border: 1px solid #dcdcdc;
	}

	&__preview {
		min-height: 300px;

		img {
			display: block;
			max-width: 100%;
		}
	}

	&__footer {
		align-content: space-between;
		background-color: #f1f1f1;
		display: flex;
		flex-direction: row;
		height: 42px;
	}

	&__name {
		display: inline-block;
		font-weight: 700;
		line-height: 42px;
		margin: 0;
		padding-left: 15px;
		text-align: left;
		vertical-align: middle;
		width: calc(100% - 50px);

		small {
			color: #888;
			font-size: 10px;
			font-style: italic;
			font-weight: 400;
		}
	}

	&__help {
		color: #888;
		cursor: help;
		font-size: 15px;
		margin-left: 5px;

		&::after {
			line-height: 1.5;
			white-space: normal;
			width: 280px;
			word-break: break-word;
			z-index: 99999;
		}
	}
}