
.mega-dialog.ob-promo-dialog{
	border-radius:8px;
	width:720px
}
.mega-dialog.dialog-template-graphic.ob-promo-dialog header .graphic.img-ob-promo-dialog{
	background-color:var(--mobile-surface-1);
	background-image:url(../imagery/mega-promo-new_nav_promo_image_light-2x.e787ee02c49f4555.png);
	background-position:50% bottom;
	background-repeat:no-repeat;
	background-size:720px 320px;
	height:320px !important;
	margin-bottom:24px !important;
	padding-top:24px;
	width:100%
}
body.theme-dark .mega-dialog.dialog-template-graphic.ob-promo-dialog header .graphic.img-ob-promo-dialog{
	background-image:url(../imagery/mega-promo-new_nav_promo_image_dark-2x.6a27b8c91745f9e8.png)
}
.mega-dialog.ob-promo-dialog.dialog-template-graphic>header{
	border-radius:8px;
	overflow:hidden;
	padding:0 0 4px
}
.mega-dialog.ob-promo-dialog.dialog-template-graphic>header h2{
	font:var(--text-h2-bold);
	padding:0 40px;
	text-align:start
}
.mega-dialog.ob-promo-dialog.dialog-template-graphic>header .graphic{
	margin:0 auto 12px
}
.mega-dialog.ob-promo-dialog>section{
	margin-bottom:8px
}
.mega-dialog.ob-promo-dialog>section a{
	text-decoration:underline
}
.mega-dialog.ob-promo-dialog>section .content-block{
	padding:0 40px;
	text-align:start
}
.mega-dialog.ob-promo-dialog>footer aside{
	background:unset;
	padding:16px 40px 24px;
	text-align:end
}
.mega-dialog.ob-promo-dialog>footer>aside>button{
	padding:8px 12px
}
.mega-dialog.ob-promo-dialog>footer aside button span{
	font:var(--text-body1)
}
