#afyt_generator,
#afyt_generator .inside,
.afyt-editor-box {
	max-width: 100%;
	min-width: 0;
	overflow-x: visible;
	box-sizing: border-box;
}

.afyt-editor-box {
	padding-right: 2px;
}

#afyt_generator .inside > p,
.afyt-editor-box > p,
.afyt-url-row {
	max-width: 100%;
	min-width: 0;
}

#afyt_generator input,
#afyt_generator select,
#afyt_generator textarea,
#afyt_generator .button,
.afyt-editor-box input,
.afyt-editor-box select,
.afyt-editor-box textarea,
.afyt-editor-box .button {
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

#afyt_generator input[type="url"],
#afyt_generator input[type="text"],
#afyt_generator select,
#afyt_generator textarea,
.afyt-editor-box input[type="url"],
.afyt-editor-box input[type="text"],
.afyt-editor-box select,
.afyt-editor-box textarea,
.afyt-url-row input[type="url"],
.afyt-url-row .button {
	width: 100%;
}

.afyt-url-row .button {
	margin-top: 8px;
}

.afyt-media,
.wp-block-embed-youtube,
.wp-block-embed.is-provider-youtube .wp-block-embed__wrapper {
	aspect-ratio: 16 / 9;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.afyt-media img,
.afyt-media iframe,
.wp-block-embed-youtube iframe,
.wp-block-embed.is-provider-youtube iframe {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
}

.afyt-takeaways,
.afyt-faq {
	margin: 1.5em 0;
}

.afyt-progress {
	margin: 8px 0 0;
}

.afyt-progress-track {
	height: 6px;
	overflow: hidden;
	background: #e4e4e7;
	border-radius: 999px;
}

.afyt-progress-bar {
	display: block;
	width: 0;
	height: 100%;
	background: #18181b;
	border-radius: 999px;
	transition: width 0.35s ease;
}

.afyt-progress-label,
#afyt_status.afyt-progress-label {
	margin: 6px 0 0;
	color: #646970;
	font-size: 12px;
	line-height: 1.45;
}

.afyt-screen .afyt-progress-track {
	background: var(--afyt-border);
}

.afyt-screen .afyt-progress-bar {
	background: var(--afyt-primary);
}

.afyt-screen .afyt-progress-label {
	color: var(--afyt-muted);
}