.generic-popup+.section{display:block}
.generic-popup .modal{justify-content:center;align-items:center;padding:var(--f-base-space-0) !important}
.generic-popup .modal.show{display:flex !important;padding:var(--f-base-space-0) var(--f-base-space-4) !important}
.generic-success-popup.modal.show,.generic-error-popup.modal.show,.generic-multiple-popup.modal.show{display:block !important;margin:120px var(--f-base-space-0)}
.generic-popup .modal.fade.show{opacity:1}
.generic-popup .modal-dialog{margin:var(--f-base-space-0) !important}
.generic-popup .modal-body{padding:var(--f-base-space-0)}
.generic-popup .modal-content{border:var(--f-brand-border-size-none);border-radius:var(--f-brand-border-radius-outer)}
.generic-multiple-popup .onboardpopup-container{width:100% !important}
.onboardpopup-container{border-radius:var(--f-brand-border-radius-outer);display:flex !important;flex-direction:column;height:690px;overflow:hidden;width:auto}
.single-generic-popup .onboardpopup-container{height:620px}
.generic-multiple-popup .onboardpopup-container .image-container{height:320px;overflow:visible}
.onboardpopup-container .image-container{height:260px}
.onboardpopup-container .content-container{height:420px}
.onboardpopup-container .image-container{overflow:hidden}
.onboardpopup-container .image-container img{height:100%;object-fit:cover;width:100%}
.onboardpopup-container .content-container{display:flex !important;flex-direction:column;height:100%;padding:var(--f-base-space-8) var(--f-base-space-4);position:relative}
.content-container .steps{border-bottom:var(--f-brand-border-size-default) solid var(--f-base-color-solid-grey-10);left:0;padding:var(--f-base-space-6) var(--f-base-space-8);position:absolute;top:0;width:100%}
.content-container .steps .steps-block{color:var(--f-brand-color-text-disabled);margin-bottom:var(--f-base-space-2);font:var(--f-brand-type-subheading)}
.content-container .steps .steps-block span.total-steps{color:var(--f-brand-color-text-loyalty-silver)}
.content-container .steps .progress-bar{background:var(--f-brand-color-background-default);border-radius:var(--f-brand-border-radius-rounded);height:8px;overflow:hidden;position:relative;width:100px}
.content-container .steps .close-icon{align-items:center;border-radius:var(--f-brand-border-radius-rounded);border:var(--f-brand-border-size-default) solid var(--f-base-color-solid-grey-10);display:flex;height:32px;justify-content:center;position:absolute;right:32px;top:24px;width:32px}
.content-container .steps .close-icon:hover{cursor:pointer}
.content-container .steps .progress-bar-fill{background-color:var(--f-brand-color-background-accent);border-radius:var(--f-brand-border-radius-rounded);height:100%;left:0;position:absolute;top:0}
.onboardpopup-container .content-container .content{margin:var(--f-base-space-2);width:auto;height:auto}
.onboardpopup-container .content-container .content .top-image{width:48px;height:48px;margin-bottom:var(--f-base-space-4)}
.content-container .content .title{color:var(--f-brand-color-text-default);font:var(--f-brand-type-title-3);margin:var(--f-base-space-0);margin-bottom:var(--f-base-space-4)}
.content-container .content .description{color:var(--f-brand-color-text-default);margin:var(--f-base-space-0)}
.content-container .content .description.success-popup-desc{margin-bottom:var(--f-base-space-8)}
.multiple-generic-popup .slick-dotted.slick-slider{margin-bottom:var(--f-base-space-0)}
.multiple-generic-popup .slick-dots{bottom:105px}
.onboardpopup-container .button-dark:focus{outline-color:unset !important}
.multiple-generic-popup .slick-dots li button{background:var(--f-brand-color-background-disabled);border-radius:var(--f-brand-border-radius-rounded)}
.multiple-generic-popup .slick-dots li.slick-active button{background:var(--f-base-color-solid-grey-75)}
.generic-error-popup .modal-dialog .button-wrapper,.generic-success-popup .modal-dialog .button-wrapper,.onboardpopup-container .content-container .button-wrapper{display:flex;flex-direction:column-reverse;margin:var(--f-base-space-0);margin-left:var(--f-base-space-0);margin-top:auto;position:unset;padding:unset;box-shadow:unset}
.onboardpopup-container .content-container .button-wrapper.slider-button-wrapper{display:flex;flex-direction:row;justify-content:space-between}
.generic-error-popup .modal-dialog .button-wrapper .button,.generic-success-popup .modal-dialog .button-wrapper .button,.onboardpopup-container .content-container .button-wrapper .button{border-radius:var(--f-brand-border-radius-rounded);border:var(--f-brand-border-size-default) solid var(--f-brand-color-primary);color:var(--f-brand-color-text-primary);height:56px;margin-left:var(--f-base-space-0);padding:var(--f-base-space-4) var(--f-base-space-6);text-align:center;width:100%;display:inline-block}
.generic-error-popup .modal-dialog .button-wrapper .button:hover,.generic-success-popup .modal-dialog .button-wrapper .button:hover,.onboardpopup-container .content-container .button-wrapper .button:hover{cursor:pointer}
.onboardpopup-container .content-container .button-wrapper.slider-button-wrapper .button{width:auto}
.generic-error-popup .modal-dialog .button-wrapper .button-dark,.generic-success-popup .modal-dialog .button-wrapper .button-dark,.onboardpopup-container .content-container .button-wrapper .button-dark{background:var(--f-brand-color-primary);color:var(--f-brand-color-text-light);margin-bottom:var(--f-base-space-4)}
.onboardpopup-container .content-container .button-wrapper .button-dark{margin-bottom:var(--f-base-space-0) !important}
.onboardpopup-container .content-container .button-wrapper.slider-button-wrapper .button-dark{margin:var(--f-base-space-0)}
.generic-error-popup .modal-dialog .button-wrapper .button-transparent,.generic-success-popup .modal-dialog .button-wrapper .button-transparent,.onboardpopup-container .content-container .button-wrapper .button-transparent{background:transparent}
.generic-popup .button-wrapper .skip-button{background:0;border:var(--f-brand-border-size-none);color:var(--f-brand-color-text-loyalty-silver);width:80px}
.generic-popup .button-wrapper .skip-button:focus{outline:0}
.generic-popup .button-wrapper .skip-button:hover{cursor:pointer}
.icon-nw-close,.icon-nav-alert{cursor:pointer}
.icon-nw-close:before{content:"\e90f";color:var(--f-brand-color-text-default)}
.icon-nav-alert{font-size:48px;margin-top:var(--f-base-space-14);display:inline-block}
.icon-nav-alert:before{content:"\e9ed";color:var(--f-brand-color-status-error)}
.icon-ic_badge_idea-light{font-size:48px}
.icon-ic_badge_idea-light:before{content:"\e9ae";color:var(--f-brand-color-text-default)}
.generic-error-popup .modal-dialog,.generic-success-popup .modal-dialog{height:auto;width:auto;padding:var(--f-base-space-0) var(--f-base-space-4)}
.generic-error-popup .modal-dialog .modal-body,.generic-success-popup .modal-dialog .modal-body{position:unset}
.generic-error-popup .modal-dialog .modal-content,.generic-success-popup .modal-dialog .modal-content{justify-content:center;padding:var(--f-base-space-8)}
.generic-error-popup .modal-dialog .modal-content .modal-otp-overlay,.generic-success-popup .modal-dialog .modal-content .modal-otp-overlay{height:100%;display:flex;flex-direction:column}
.generic-error-popup .modal-dialog .modal-content .modal-otp-overlay .modal-image,.generic-success-popup .modal-dialog .modal-content .modal-otp-overlay .modal-image{margin-top:var(--f-base-space-14)}
.generic-error-popup .modal-dialog .modal-body .error-content,.generic-success-popup .modal-dialog .modal-body .success-content{height:300px}
.generic-error-popup .modal-dialog .modal-body .icon-nw-close,.generic-success-popup .modal-dialog .modal-body .icon-nw-close{position:absolute;top:32px;right:32px}
.generic-error-popup .modal-dialog .modal-body .error-content h2,.generic-success-popup .modal-dialog .modal-body .success-content h2{font:var(--f-brand-type-title-3);color:var(--f-brand-color-text-default);margin:var(--f-base-space-0);margin-bottom:var(--f-base-space-4)}
.generic-error-popup .modal-dialog .modal-body .error-content h2{color:var(--f-brand-color-text-error)}
.generic-error-popup .modal-dialog .modal-body .error-content .description p,.generic-success-popup .modal-dialog .modal-body .success-content .description p{font:var(--f-brand-type-body);color:var(--f-brand-color-text-muted)}
.onboardpopup-container b,.onboardpopup-container b a{color:var(--f-brand-color-text-link);text-decoration:underline}
.success-confetti-block{position:absolute}
.generic-popup #loyalty-onboard-popup .modal-dialog{margin:var(--f-base-space-10) auto var(--f-base-space-0) !important}
#loyalty-onboard-popup .onboardpopup-container .content-container .button-wrapper{position:relative;z-index:1;padding:var(--f-base-space-0);box-shadow:none}
#loyalty-onboard-popup.single-generic-popup .onboardpopup-container{height:auto}
.generic-popup #loyalty-onboard-popup .modal-otp-overlay{border-radius:var(--f-brand-border-radius-outer)}
.generic-popup #loyalty-onboard-popup .modal-content{padding-left:var(--f-base-space-0)}
.qrh-sso-disclaimer-popup.generic-success-popup .modal-dialog .button-wrapper .button{font:var(--f-brand-type-body-medium);line-height:14px;padding:20px var(--f-base-space-8) !important}
.qrh-sso-disclaimer-popup.generic-success-popup .modal-dialog .button-wrapper{position:relative;z-index:0;background:transparent;border:0;box-shadow:none;clip-path:none;padding:var(--f-base-space-0)}
.sc-reverification-popup .modal.in .modal-dialog{transform:translate(50%,30%);padding:var(--f-base-space-0)}
.sc-reverification-popup .modal-dialog .modal-content{padding:var(--f-base-space-0)}
.sc-reverification-popup .modal-dialog .modal-content .modal-otp-overlay{padding:var(--f-base-space-8);border-radius:var(--f-brand-border-radius-outer);position:relative}
.sc-reverification-popup .modal-dialog .modal-content .modal-otp-overlay .success-content{padding-top:60px}
.sc-reverification-popup .modal-otp-overlay img{width:48px;height:48px;display:flex;margin-bottom:var(--f-base-space-4)}
.sc-reverification-popup .modal-otp-overlay .button-wrapper{display:flex;width:auto}
@media(min-width:768px){.generic-popup .modal.show{padding:var(--f-base-space-0) !important}
.generic-success-popup.modal.show,.generic-error-popup.modal.show,.generic-multiple-popup.modal.show{display:flex !important;margin:var(--f-base-space-0) !important}
.generic-multiple-popup .onboardpopup-container,.single-generic-popup .onboardpopup-container,.generic-popup .modal-dialog,.onboardpopup-container{display:flex !important;flex-direction:row;height:472px;max-width:840px;width:100% !important}
.onboardpopup-container .content-container{display:flex !important;flex-direction:column;justify-content:center;padding:var(--f-base-space-8)}
.generic-multiple-popup .onboardpopup-container .image-container,.onboardpopup-container .image-container{height:100%}
.onboardpopup-container .image-container,.onboardpopup-container .content-container{width:50%}
.onboardpopup-container .content-container .content{margin:var(--f-base-space-0);margin-top:70px;text-align:left}
.content-container .content .title{color:var(--f-brand-color-text-default);font:var(--f-brand-type-title-1)}
.generic-error-popup .modal-dialog .button-wrapper,.generic-success-popup .modal-dialog .button-wrapper,.onboardpopup-container .content-container .button-wrapper{display:block;margin-left:auto;margin-top:auto}
.generic-error-popup .modal-dialog .button-wrapper .button,.generic-success-popup .modal-dialog .button-wrapper .button,.onboardpopup-container .content-container .button-wrapper .button{width:auto;margin-left:var(--f-base-space-2)}
.generic-error-popup .modal-dialog .button-wrapper .button-dark,.generic-success-popup .modal-dialog .button-wrapper .button-dark,.onboardpopup-container .content-container .button-wrapper .button-dark{margin-bottom:var(--f-base-space-0)}
.generic-error-popup .modal-dialog,.generic-success-popup .modal-dialog{height:430px;width:840px}
.generic-error-popup .modal-dialog .modal-body .error-content,.generic-success-popup .modal-dialog .modal-body .success-content{height:120px}
.qrh-sso-disclaimer-popup.generic-success-popup .modal-dialog .modal-body .success-content{height:auto;padding-top:var(--f-base-space-16);margin-bottom:var(--f-base-space-10)}
.generic-error-popup .modal-dialog .modal-body .error-content h2,.generic-success-popup .modal-dialog .modal-body .success-content h2{font:var(--f-brand-type-title-1)}
#loyalty-onboard-popup.single-generic-popup .onboardpopup-container{height:472px}
.generic-popup #loyalty-onboard-popup .modal-dialog{margin:var(--f-base-space-20) auto var(--f-base-space-0) !important}
.qrh-sso-disclaimer-popup.generic-success-popup.modal.in{display:flex !important}
.qrh-sso-disclaimer-popup.generic-success-popup .modal-dialog{height:auto;margin:0 auto !important;transform:none}
.qrh-sso-disclaimer-popup.generic-success-popup .modal-dialog .button-wrapper{text-align:right}
.content-container .steps{position:absolute;left:var(--f-base-space-0);top:var(--f-base-space-0);width:100%}
.generic-multiple-popup .slick-slide:last-child .button-wrapper{display:flex;justify-content:flex-end;width:auto}
}
@media screen and (max-width:767px){.generic-success-popup.modal.show,.generic-error-popup.modal.show,.generic-multiple-popup.modal.show{margin:auto;height:100%}
.generic-popup .modal-dialog{height:100%}
.generic-popup .modal-dialog .modal-content{position:absolute;top:50%;transform:translateY(-50%)}
}