/*
 * TEMPORARY ACCOUNT PROMOTION
 * Remove this file and its two tagged includes in php/common-header.php
 * when the launch announcement is no longer needed.
 */
.account-nav-control--promo-anchor {
	position: relative;
}

.temporary-account-promo {
	position: absolute;
	top: calc(100% + 3px);
	right: 0;
	z-index: 10020;
	box-sizing: border-box;
	width: 255px;
	padding: 11px 13px;
	border: 1px solid #b7dcf3;
	border-radius: 8px;
	background: #dff2ff;
	box-shadow: 0 8px 20px rgba(22, 69, 96, .18);
	color: #153a52;
	font-family: var(--default-font, Arial, sans-serif);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42;
	white-space: normal;
	pointer-events: none;
}

.temporary-account-promo strong {
	color: #0c537c;
	font-weight: 700;
}

.temporary-account-promo::before,
.temporary-account-promo::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
}

.temporary-account-promo::before {
	top: -10px;
	right: 7px;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #b7dcf3;
	border-left: 10px solid transparent;
}

.temporary-account-promo::after {
	top: -8px;
	right: 8px;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #dff2ff;
	border-left: 9px solid transparent;
}

.temporary-account-promo.is-dismissed {
	display: none;
}

@media (max-width: 1199px) {
	.temporary-account-promo {
		top: calc(100% + 8px);
		right: 0;
		width: min(255px, calc(100vw - 34px));
	}
}