.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%;
		}
	}
}

.quizpress-fonts-download-content-content {
	max-width: 1210px;
    width: 100%;
    margin: 0 auto 24px auto;
   	padding: 16px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
	background-color: #ffffff;

	&__warning {
		display: flex;
		align-items: center;
		gap: 16px;
		justify-content: flex-start;

		.quizpress-icon {
			&--info {
				&::before {
					color: #ED9700;
					font-size: 24px;
				}
			}
		}
		&--info {
			padding-left: 10px;
			font-weight: 400;
			font-size: 16px;
			line-height: 26px;
		}
		&-title {
			color: #1E1E1E;
			font-size: 20px;
			font-style: normal;
			font-weight: 600;
			line-height: 140%;
			margin: 0;
			padding: 0;
		}
		&-subtitle {
			color: #515A62;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 140%;
			max-width: 80%;
			width: 100%;
			display: block;
			margin-top: 4px;
		}
	}
}

@media(max-width: 1024px) {
	.quizpress-fonts-download-content-content {
		flex-direction: column;
    	gap: 24px;
	}
}

.quizpress-success{
    color: #24A148;
    background: rgba(36, 161, 72, 0.1);
	padding: 8px 20px;
	border-radius: 45px;
}