.fotogenic-pricing-promotion-banner {
	align-items: center;
	background: #020817;
	border: 0;
	border-radius: 0;
	box-shadow: 0 14px 32px rgba(2, 8, 23, 0.2);
	color: #ffffff;
	display: flex;
	font: 700 14px/1.35 var(--fotogenic-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	gap: 10px;
	justify-content: center;
	left: 0;
	letter-spacing: 0;
	margin: 0;
	min-height: 42px;
	padding: 10px 18px;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 9991;
}

.admin-bar .fotogenic-pricing-promotion-banner {
	top: 32px;
}

.fotogenic-pricing-promotion-banner + .site-nav-wrap {
	top: var(--fotogenic-pricing-promotion-banner-height, 42px);
}

.admin-bar .fotogenic-pricing-promotion-banner + .site-nav-wrap {
	top: calc(32px + var(--fotogenic-pricing-promotion-banner-height, 42px));
}

.fotogenic-pricing-promotion-banner ~ .pricing-page-root main > section:first-child {
	padding-top: calc(7rem + var(--fotogenic-pricing-promotion-banner-height, 42px));
}

.fotogenic-pricing-promotion-banner::before {
	background: #ffffff;
	border-radius: 999px;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
	content: "";
	flex: 0 0 auto;
	height: 8px;
	width: 8px;
}

.fotogenic-pricing-promotion-banner__text,
.fotogenic-pricing-promotion-banner__lead,
.fotogenic-pricing-promotion-banner__suffix {
	display: inline;
}

@media (min-width: 640px) {
	.fotogenic-pricing-promotion-banner ~ .pricing-page-root main > section:first-child {
		padding-top: calc(8rem + var(--fotogenic-pricing-promotion-banner-height, 42px));
	}
}

@media (min-width: 1024px) {
	.fotogenic-pricing-promotion-banner ~ .pricing-page-root main > section:first-child {
		padding-top: calc(9rem + var(--fotogenic-pricing-promotion-banner-height, 42px));
	}
}

@media (max-width: 782px) {
	.admin-bar .fotogenic-pricing-promotion-banner {
		top: 46px;
	}

	.admin-bar .fotogenic-pricing-promotion-banner + .site-nav-wrap {
		top: calc(46px + var(--fotogenic-pricing-promotion-banner-height, 42px));
	}
}

@media (max-width: 640px) {
	.fotogenic-pricing-promotion-banner {
		align-items: center;
		font-size: 12.5px;
		line-height: 1.4;
		min-height: 44px;
		padding: 9px 12px;
	}

	.fotogenic-pricing-promotion-banner::before {
		display: none;
	}

	.fotogenic-pricing-promotion-banner__text {
		display: block;
		min-width: 0;
	}

	.fotogenic-pricing-promotion-banner__suffix {
		display: block;
	}
}