.quizpress-progress-modal {
	position: fixed;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	border: none;
	padding: 0;
	background: rgba(3, 3, 3, .44);
	width: 100%;
	height: 100%;

	&--open {
		overflow: hidden !important;
	}

	&__wrapper {
		padding: 40px 60px;
		background: white;
		border-radius: 4px;
		width: 480px;
		min-height: 160px;
		text-align: center;
		box-shadow: 0 12px 72px -8px rgba(16, 24, 40, 0.25);
	}

	&__completed-subtitle {
		color: #74777C;
		text-align: center;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
	}

	&__completed-title {
		color: #13191B;
		text-align: center;
		font-size: 24px;
		font-weight: 500;
		line-height: 36px;
		margin: 16px 0 8px 0;
	}

	&__footer {
		display: flex;
		justify-content: center;
		margin-top: 24px;
	}

	&__progress {
		&--wrapper {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		&--bar {
			height: 12px;
			background: #F2F0FD;
			border-radius: 999px;
			overflow: hidden;
			width: 100%;
		}

		&--progress {
			width: 0;
			height: 100%;
			background: var(--quizpress-primary-color);
			transition: width 600ms cubic-bezier(0.6, 0, 0.38, 1);
			border-radius: 999px;
		}
	}

	.quizpress-btn {
		&--close {
			width: 50%;
		}
	}
}
