.mega-banner-container{
	align-items:center;
	display:flex;
	justify-content:center;
	width:100%
}
.mega-banner-template{
	--mask-color:var(--text-color-high);
	background:var(--surface-main);
	bottom:0;
	box-shadow:0 4px 16px 0 rgb(0 0 0 / .1);
	box-sizing:border-box;
	color:var(--text-color-medium);
	display:flex;
	flex-direction:column;
	font:var(--text-body1);
	position:fixed;
	width:100%;
	z-index:1090
}
.mega-banner-template.hidden{
	display:none
}
.mega-banner-template button.close{
	align-items:center;
	background:transparent;
	border:none;
	cursor:pointer;
	display:flex;
	justify-content:center;
	outline:none;
	padding:0;
	position:absolute;
	right:16px;
	top:16px;
	z-index:2010
}
.rtl .mega-banner-template button.close{
	left:16px;
	right:auto
}
.mega-banner-template button.close i{
	--icon-size:24px;
	margin:0;
	opacity:.6;
	transition:opacity .2s ease-in-out
}
@media (hover:hover){
.mega-banner-template button.close i:hover{
	opacity:.8
}
}
.mega-banner-template>.content{
	align-items:center;
	display:flex;
	padding:24px 80px
}
.mega-banner-template .graphic{
	--width:74px;
	flex:0 0 auto;
	height:74px;
	margin:0 2px;
	margin-inline-end:20px;
	width:74px
}
.mega-banner-template header{
	align-items:center;
	display:flex;
	flex:1 1 auto
}
.mega-banner-template header h3{
	color:var(--text-color-high);
	font:var(--text-body1-bold);
	margin:0 0 8px;
	padding:0
}
.mega-banner-template header p{
	color:var(--text-color-medium);
	font:var(--text-body1);
	margin:0;
	padding:0
}
.mega-banner-template header p a,.mega-banner-template header p a:visited{
	color:var(--text-color-medium);
	text-decoration:underline
}
@media (hover:hover){
.mega-banner-template header p a:hover{
	text-decoration:none
}
}
.mega-banner-template header .info{
	flex:1 1 auto
}
.mega-banner-template .buttons{
	display:flex;
	flex:0 0  auto;
	margin-inline-start:60px
}
.mega-banner-template .buttons button~button{
	margin-inline-start:16px
}
.mega-dialog-container.common-container{
	z-index:1300
}
.mega-dialog-container.common-container.arrange-to-back{
	z-index:1000
}
.mobile .mega-dialog-container.common-container.arrange-to-back{
	z-index:inherit
}
.dialog-sprite,.ui-datepicker-next,.ui-datepicker-prev,i.dialog-sprite{
	background-image:url(../images/mega/dialog-sprite.png?v=57a6bd1346996955);
	background-repeat:no-repeat
}
.fm-dialog-title{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#666;
	font-size:20px;
	line-height:30px;
	min-height:38px;
	overflow:hidden;
	padding:20px 48px 0;
	text-align:center;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap
}
.fm-dialog-title.small{
	color:#666;
	font-family:var(--text-font-family);
	font-size:16px;
	letter-spacing:-.18px;
	line-height:25px
}
.fm-dialog-title.medium{
	color:#333;
	font-family:var(--text-font-family);
	font-size:18px;
	padding-top:23px
}
.fm-dialog-title.top-pad{
	padding-top:30px
}
.contrast .fm-dialog-title,.fm-dialog-title.dark{
	color:#333
}
.mobile .fm-dialog-title{
	padding-left:25px;
	padding-right:25px;
	white-space:normal
}
.mobile .fm-dialog-title.medium{
	font-size:16px
}
@media only screen and (max-width:860px){
.mega-banner-template>.content{
	padding:24px 48px
}
.mega-banner-template .buttons{
	margin-inline-start:24px
}
}
@media only screen and (max-width:720px){
.mega-banner-template>.content{
	display:block;
	padding:24px
}
.mega-banner-template .buttons{
	justify-content:space-between;
	margin:15px 0 0
}
.mega-banner-template .buttons button{
	width:calc(50% - 6px)
}
}
.mobile .mega-banner-template{
	border-radius:4px;
	bottom:10px;
	box-shadow:1px 1px 5px 0 rgb(147 147 147 / .5);
	left:10px;
	width:calc(100% - 20px);
	z-index:190
}
.mobile .mega-banner-template button.close i{
	--icon-size:20px
}
.mobile .mega-banner-template header h3{
	font-size:13px
}
.mobile .mega-banner-template header p{
	font:var(--text-body2)
}
.mobile .mega-dialog-container .mega-dialog{
	-webkit-overflow-scrolling:touch;
	overflow:scroll
}
.mobile .mega-dialog-container .mega-dialog:not(.fullsize-on-mobile){
	max-height:calc(100% - 30px);
	max-width:768px;
	width:calc(100% - 30px)
}
.mobile .mega-dialog-container .mega-dialog.fullsize-on-mobile{
	height:100%;
	width:100%
}
.mega-dialog.verify-email .content-block{
	text-align:center
}
.mega-dialog.verify-email .content-block .text{
	margin-bottom:16px
}
.mega-dialog.verify-email .content-block .text strong{
	font-family:var(--text-font-family);
	font-weight:600
}
.mega-dialog.dialog-template-action.verify-email>header .graphic{
	height:79px;
	margin-bottom:0
}
.mobile .mega-dialog.verify-email *{
	font-family:var(--mobile-font-family-main)
}
.mobile .mega-dialog.verify-email .content-block .text strong{
	font:var(--mobile-font-copy-semibold)
}
.mobile .mega-dialog.verify-email>header .graphic{
	background-image:url(../images/mobile/warning-3d.png?v=28bbe1680b712de7);
	background-size:contain;
	height:96px;
	width:96px
}
.mobile .mega-dialog.verify-email>header h2{
	font:var(--mobile-font-heading-h1);
	text-align:left
}
.mobile .mega-dialog.verify-email .content-block{
	color:var(--mobile-text-primary);
	font:var(--mobile-font-copy-regular);
	text-align:left
}
.mobile .mega-dialog.verify-email .mega-button{
	border-radius:var(--mobile-border-radius-medium);
	font:var(--mobile-font-link-large-regular);
	max-width:var(--mobile-elem-max-width);
	width:100%
}
.mobile .mega-dialog.verify-email footer button.positive{
	background:var(--mobile-button-primary);
	color:var(--mobile-text-inverse)
}
.mobile .mega-dialog.verify-email footer button.positive span{
	font-weight:var(--mobile-font-weight-semibold)
}
.mobile .mega-dialog.dialog-template-action.verify-email>header{
	padding:24px 24px 16px
}
.mobile .mega-dialog.dialog-template-action.verify-email>header .graphic{
	margin:0 0 24px
}
.mobile .mega-dialog.dialog-template-action.verify-email .content-block{
	padding:0 24px
}
.mobile .mega-dialog.dialog-template-action.verify-email>footer .footer-container{
	justify-content:flex-start;
	padding:8px 24px 24px
}
.mobile .mega-dialog.dialog-template-action.verify-email>footer button.large{
	margin:0
}
.mega-dialog.type-480px227{
	max-width:480px
}
.login-set-pass.content-block{
	color:var(--text-color-high);
	font:var(--text-body1);
	padding:22px 35px 35px;
	text-align:center
}
.login-set-pass .text{
	padding:2px 0 18px
}
.login-set-pass .dialog-login-form{
	margin-top:9px
}
.mobile .mega-dialog.type-480px227{
	max-width:100%
}
.mobile .login-set-pass .text{
	padding-bottom:5px
}
.mobile .login-set-pass .dialog-login-form.low-pad{
	margin-top:-10px
}
.mobile .login-set-pass .text{
	padding:2px 0 10px
}
.mobile .account.dialog-login-form-low-pad{
	margin-top:-5px
}
.mobile .login-set-pass .dialog-login-form{
	margin-top:0
}
.mobile .login-set-pass .dialog-top-icon.locked-account{
	margin-bottom:5px
}
.mobile .type-480px227 .mega-input.title-ontop{
	margin-bottom:10px
}
.mobile .login-set-pass button{
	margin-top:0
}
@media only screen and (orientation:landscape){
.mobile .verify-email.header{
	padding-top:14px
}
}
.mobile .mega-dialog-container{
	align-items:center;
	display:flex;
	height:100%;
	justify-content:center;
	left:0;
	pointer-events:none;
	position:fixed;
	top:0;
	width:100%;
	z-index:100
}
.mobile .mega-dialog-container>*{
	pointer-events:auto
}
.mobile .mega-dialog{
	background:var(--mobile-page-background);
	position:absolute;
	z-index:99
}
.mobile .mega-dialog:not(.fullsize-on-mobile){
	border-radius:24px
}
.mobile .mega-dialog.fullsize-on-mobile{
	border-radius:0
}
.mobile .mega-dialog .content-block{
	background:var(--mobile-page-background)
}
.mobile .mega-dialog footer{
	text-align:center
}
.mobile .mega-dialog aside{
	min-height:24px
}
.mobile .mega-dialog .mega-button{
	appearance:none;
	border:none;
	border-radius:4px;
	box-sizing:border-box;
	cursor:pointer;
	display:inline-block;
	font-size:14px;
	height:48px;
	line-height:48px;
	min-width:128px;
	outline:none;
	padding:0 25px;
	position:relative;
	white-space:nowrap
}
.mobile .mega-dialog .mega-button.disabled{
	opacity:.4
}
.mobile .mega-dialog .mega-button:before{
	border-radius:inherit;
	box-shadow:0 1px 2px 0 rgb(0 0 0 / .15);
	content:"";
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.mobile .mega-dialog .mega-button.positive,.mobile .mega-dialog footer button.positive{
	background:linear-gradient(180deg, #00bfa5 0, #00a690);
	color:#fff
}
.mobile .verify-email-login-to-account button.close,.mobile .verify-email button.close{
	display:none
}
.mobile .verify-email-login-to-account header h2{
	font-family:var(--text-font-family);
	font-size:16px;
	line-height:24px;
	margin-bottom:0;
	text-align:center
}
.mobile .verify-email-login-to-account .content-block{
	padding:10px 25px 25px
}
.mobile .verify-email-login-to-account .dialog-top-icon.locked-account{
	margin:16px auto
}
.mobile .verify-email-set-new-pass button.close{
	display:none
}
.mobile .verify-email-set-new-pass header h2{
	font-family:var(--text-font-family);
	font-size:16px;
	line-height:24px;
	margin-bottom:0;
	margin-top:18px;
	text-align:center
}
.mobile .verify-email-set-new-pass .content-block{
	padding:10px 25px 25px
}
@media only screen and (max-height:600px){
.mega-dialog>section{
	flex-shrink:0
}
.fm-modal-dialog .mega-dialog>section{
	flex-shrink:unset
}
}
