.classifai-content-resize {
	&__stat-header {
		width: 130px;
	}

	&__shrink-stat,
	&__grow-stat {
		strong {
			font-family: monospace;
		}
	}

	&__shrink-stat {
		color: #DC3232;
	}

	&__grow-stat {
		color: #46B450;
	}

	&__result-wrapper {
		max-width: 700px;
	}

	&__result-table {
		width: 100%;
		border: 1px solid #e4e4e4;
		border-collapse: collapse;

		th, td {
			border: 1px solid #e4e4e4;
			border-collapse: collapse;
			padding: 0.75rem 0.5rem;
		}

		tr {
			cursor: pointer;

			&:hover {
				background-color: #f3f3f3;
			}
		}
	}

	&__modal-close-btn {
		position: absolute;
		top: 1rem;
		right: 1rem;
		z-index: 10;
	}

	$offset: 0.8rem;

	&__overlay {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -$offset;
		left: -$offset;
		width: calc( 100% + 2 * $offset );
		height: calc( 100% + 2 * $offset );
		z-index: 10;
		backdrop-filter: blur(4px);
		background-color: rgba(0, 0, 0, 0.2);
		border-radius: 8px;
	}

	&__overlay-text {
		color: #fff;
		font-size: 1rem;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 0.5rem;
		border-radius: 5px;
	}

	&__blot {
		color: rgba(0, 0, 0, 0.5);
		background-color: rgba(0, 0, 0, 1);
		animation: blotIn 0.75s ease-in;
	}
}

@keyframes blotIn {
	95% {
		background-color: inherit;
	}
	100% {
		background-color: rgba(0, 0, 0, 0);
	}
}

#classifai-content-resize__mock-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9;
}
