:root{--ob-pri-color-mono-0:#fff;--ob-pri-color-regalpurple-400:#5e10b1;--ob-pri-color-regalpurple-200:#724890;--ob-pri-color-regalpurple-800:#5a287d;--ob-pri-color-regalpurple-50:#f2eaf9;--ob-pri-color-regalpurple-900:#3c1053;--aem-paragraph-text-color:#646068;--aem-banner-teaser-bg-color:#8b3fb2}
.app-promo-section{padding:48px 0}
.app-promo-section .banner-teaser{display:flex;flex-direction:column;align-items:center;border-radius:24px;background-color:var(--aem-banner-teaser-bg-color);padding:48px}
.app-promo-section .banner-teaser .auth--info{color:var(--ob-pri-color-mono-0)}
.app-promo-section .banner-teaser .app-promo-title{text-align:center}
.app-promo-section .banner-teaser .app-promo-title .cmp-title__text{color:var(--ob-pri-color-mono-0);font-weight:700}
.app-promo-section .banner-teaser .app-promo-text{padding:24px 0 0 0;text-align:center;color:var(--ob-pri-color-mono-0);font-family:"RNHouseSansRegular",sans-serif}
.app-promo-section .banner-teaser .app-promo-text p{margin-bottom:0}
.app-promo-section .banner-teaser .add-bottom-padding{padding-bottom:40px}
.app-promo-section .banner-teaser .app-promo-cta-section{padding:24px 0 40px 0;display:flex;align-items:center;column-gap:24px}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-button{margin-top:8px}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-button .cta-text{padding:12px 32px}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button{padding:0}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button .cta-text{background-color:var(--ob-pri-color-mono-0);color:var(--ob-pri-color-regalpurple-400)}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button:hover .cta-text{background-color:var(--ob-pri-color-regalpurple-50);color:var(--ob-pri-color-regalpurple-900)}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button:focus .cta-text,.app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button:focus-visible .cta-text{outline:2px solid var(--ob-pri-color-mono-0);background-color:var(--ob-pri-color-mono-0);outline-offset:2px}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button:focus:hover .cta-text{background-color:var(--ob-pri-color-regalpurple-50)}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button:active .cta-text{color:var(--ob-pri-color-regalpurple-900);background-color:var(--ob-pri-color-regalpurple-50);outline:2px solid var(--ob-pri-color-mono-0);outline-offset:2px}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button[target="_blank"] .new-tab-icon{background:url("clientlib_app_promo_base/resources/images/link_icon.svg")}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-secondary .cta-button{padding:0}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-secondary .cta-button .cta-text{background-color:transparent;color:var(--ob-pri-color-mono-0);border:2px solid var(--ob-pri-color-mono-0)}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-secondary .cta-button:hover .cta-text{border:2px solid var(--ob-pri-color-mono-0) !important;color:var(--ob-pri-color-mono-0);background-color:transparent}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-secondary .cta-button:focus .cta-text,.app-promo-section .banner-teaser .app-promo-cta-section .cta-secondary .cta-button:focus-visible .cta-text{outline:2px solid var(--ob-pri-color-mono-0);border:2px solid var(--ob-pri-color-mono-0);background-color:transparent;outline-offset:2px}
.app-promo-section .banner-teaser:has(.app-promo-ctaimages-section) .app-promo-cta-section{padding-bottom:0}
.app-promo-section .banner-teaser .app-promo-ctaimages-section{padding:24px 0 40px 0;display:flex;column-gap:32px}
.app-promo-section .banner-teaser .app-promo-ctaimages-section .app-store-image:hover,.app-promo-section .banner-teaser .app-promo-ctaimages-section .g-play-image:hover{opacity:.8}
.app-promo-section .banner-teaser .app-promo-ctaimages-section .app-store-image .cmp-image__link,.app-promo-section .banner-teaser .app-promo-ctaimages-section .g-play-image .cmp-image__link{display:inline-block}
.app-promo-section .banner-teaser .app-promo-ctaimages-section .app-store-image .cmp-image__link:focus,.app-promo-section .banner-teaser .app-promo-ctaimages-section .app-store-image .cmp-image__link:focus-visible,.app-promo-section .banner-teaser .app-promo-ctaimages-section .g-play-image .cmp-image__link:focus,.app-promo-section .banner-teaser .app-promo-ctaimages-section .g-play-image .cmp-image__link:focus-visible{outline:2px solid var(--ob-pri-color-mono-0);outline-offset:0;border-radius:10px;box-shadow:0 0 0 4px var(--ob-pri-color-regalpurple-900)}
.app-promo-section .banner-teaser .app-promo-ctaimages-section .app-store-image .cmp-image__link:active,.app-promo-section .banner-teaser .app-promo-ctaimages-section .g-play-image .cmp-image__link:active{outline:2px solid var(--ob-pri-color-regalpurple-900);border-radius:8px;box-shadow:none;border:0;opacity:.8}
.app-promo-section .banner-teaser .app-promo-div-override{padding-bottom:32px;width:100%}
.app-promo-section .banner-teaser .hide-section{display:none}
.app-promo-section .auth-info-image{color:var(--ob-pri-color-mono-0)}
.cq-wcm-edit .app-promo-section .app-promo-text,.app-promo-section .app-promo-text .aem-AuthorLayer-Edit{margin-bottom:24px}
.app-promo-section .app-promo-text:has(.cq-Editable-dom){width:100%}
.app-promo-section .desktop-section{display:flex;align-items:center;justify-content:center;width:100%;position:relative;margin-top:-80px}
.app-promo-section .desktop-section .qr-code-image-wrap{position:absolute;left:0;z-index:99;margin-left:8px;width:166px}
.app-promo-section .desktop-section .qr-code-image-wrap img{width:100%}
.app-promo-section .desktop-section .qr-code-image-wrap p{margin:0}
.app-promo-section .desktop-section .qr-code-image-wrap .app-qr-tooltip{color:var(--ob-pri-color-regalpurple-400);padding-top:8px;line-height:18px;letter-spacing:.2px}
.app-promo-section .desktop-section .qr-code-image-wrap .app-qr-tooltip .comp-rich-text{text-align:center;padding-left:10px;padding-right:10px;font-size:14px}
.app-promo-section .desktop-section .qr-code-image-wrap .app-qr-tooltip .comp-rich-text a{line-height:18px}
.app-promo-section .desktop-section .right-image-wrap-desktop{transform:scale(1);transition:all .8s ease-in-out;width:816px}
.app-promo-section .desktop-section .right-image-wrap-desktop img{width:100%;height:100%;aspect-ratio:3/2}
.app-promo-section .app-promo-footer-section{text-align:center}
.app-promo-section .app-promo-footer-section p{margin:0;font-size:16px;line-height:26px}
.cq-wcm-edit .app-promo-section .app-promo-footer-section,.app-promo-section .app-promo-footer-section .aem-AuthorLayer-Edit{margin-top:24px}
.app-promo-section .mobile-section{display:none}
.cq-wcm-edit .app-promo-section .mobile-section,.app-promo-section .mobile-section .aem-AuthorLayer-Edit{display:block;margin-top:36px}
.cq-wcm-edit .app-promo-section .mobile-section .cmp-image img.cmp-image__image,.app-promo-section .mobile-section .aem-AuthorLayer-Edit .cmp-image img.cmp-image__image{width:auto;height:auto}
.cq-wcm-edit .app-promo-section .app-promo-ctaimages-section .cmp-image img.cmp-image__image,.app-promo-section .app-promo-ctaimages-section .aem-AuthorLayer-Edit .cmp-image img.cmp-image__image{width:auto;height:auto}
.cq-wcm-edit .app-promo-section .right-image-wrap-desktop .cmp-image img.cmp-image__image,.app-promo-section .right-image-wrap-desktop .aem-AuthorLayer-Edit .cmp-image img.cmp-image__image{width:100%;height:100%}
.app-promo .page-tab-quick-links{background-color:unset}
.app-promo .theme-champion .app-promo-section .banner-teaser{background-color:var(--ob-pri-color-regalpurple-800)}
.app-promo .theme-champion .app-promo-section .banner-teaser .cta-secondary:hover .cta-text{background-color:var(--ob-pri-color-regalpurple-200)}
.app-promo .theme-champion .app-promo-section .banner-teaser .cta-secondary .cta-button:active .cta-text{color:var(--ob-pri-color-mono-0);background-color:var(--ob-pri-color-regalpurple-200);outline:2px solid var(--ob-pri-color-mono-0);outline-offset:2px}
.app-promo .theme-champion .app-promo-section .banner-teaser .cta-secondary .cta-button[target="_blank"] .new-tab-icon{background:url("clientlib_app_promo_base/resources/images/link_icon_white.svg")}
.app-promo .theme-champion .app-promo-section .banner-teaser .cta-tertiary .cta-button .cta-text{background-color:transparent;color:var(--ob-pri-color-mono-0);background-image:linear-gradient(transparent calc(100% - 1px),var(--ob-pri-color-mono-0) 10px,var(--ob-pri-color-mono-0));background-repeat:no-repeat;background-size:100% 100%}
.app-promo .theme-champion .app-promo-section .banner-teaser .cta-tertiary .cta-button:hover .cta-text{color:var(--ob-pri-color-mono-0);background-color:transparent;border:0;background-size:0 100%}
.app-promo .theme-champion .app-promo-section .banner-teaser .cta-tertiary .cta-button:focus .cta-text,.app-promo .theme-champion .app-promo-section .banner-teaser .cta-tertiary .cta-button:focus-visible .cta-text{outline:2px solid var(--ob-pri-color-mono-0);border:2px solid var(--ob-pri-color-mono-0);background-color:transparent;outline-offset:2px}
.app-promo .theme-champion .app-promo-section .banner-teaser .cta-tertiary .cta-button[target="_blank"] .new-tab-icon{background-image:url("clientlib_app_promo_base/resources/images/link_icon_white.svg")}
.app-promo .theme-purple{background-color:transparent}
.app-promo .theme-purple .app-promo-section .banner-teaser{background-color:var(--aem-banner-teaser-bg-color)}
.app-promo .theme-purple .app-promo-section .banner-teaser .cta-secondary:hover .cta-text{background-color:var(--ob-pri-color-regalpurple-200)}
.app-promo .theme-lilac .app-promo-section .banner-teaser{background-color:var(--ob-pri-color-regalpurple-50)}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-title .cmp-title__text{color:var(--ob-pri-color-regalpurple-800)}
.app-promo .theme-lilac .app-promo-section .banner-teaser .auth--info{color:var(--ob-pri-color-regalpurple-800)}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-text{color:var(--ob-pri-color-regalpurple-800)}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button .cta-text{background-color:var(--ob-pri-color-regalpurple-400);color:var(--ob-pri-color-mono-0)}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button:hover .cta-text{background-color:var(--ob-pri-color-regalpurple-900);color:var(--ob-pri-color-mono-0)}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button:focus .cta-text,.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button:focus-visible .cta-text{outline:2px solid var(--ob-pri-color-regalpurple-400);background-color:var(--ob-pri-color-regalpurple-400);outline-offset:2px}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button:focus:hover .cta-text{background-color:var(--ob-pri-color-regalpurple-900)}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button:active .cta-text{color:var(--ob-pri-color-mono-0);background-color:var(--ob-pri-color-regalpurple-900);outline:2px solid var(--ob-pri-color-regalpurple-400);outline-offset:2px}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-primary .cta-button[target="_blank"] .new-tab-icon{background:url("clientlib_app_promo_base/resources/images/link_icon_white.svg")}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-secondary .cta-button .cta-text{background-color:transparent;color:var(--ob-pri-color-regalpurple-400);border:2px solid var(--ob-pri-color-regalpurple-400) !important}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-secondary .cta-button:hover .cta-text{color:var(--ob-pri-color-regalpurple-900);background-color:transparent;border:2px solid var(--ob-pri-color-regalpurple-900) !important}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-secondary .cta-button:focus .cta-text,.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-secondary .cta-button:focus-visible .cta-text{outline:2px solid var(--ob-pri-color-regalpurple-400);border:2px solid var(--ob-pri-color-regalpurple-400);background-color:transparent;outline-offset:2px}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-cta-section .cta-secondary .cta-button:active .cta-text{color:var(--ob-pri-color-regalpurple-900);outline:2px solid var(--ob-pri-color-regalpurple-400);border:2px solid var(--ob-pri-color-regalpurple-900) !important;background-color:transparent;outline-offset:2px}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-ctaimages-section .app-store-image:hover,.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-ctaimages-section .g-play-image:hover{opacity:.8}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-ctaimages-section .app-store-image .cmp-image__link,.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-ctaimages-section .g-play-image .cmp-image__link{display:inline-block}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-ctaimages-section .app-store-image .cmp-image__link:focus,.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-ctaimages-section .app-store-image .cmp-image__link:focus-visible,.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-ctaimages-section .g-play-image .cmp-image__link:focus,.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-ctaimages-section .g-play-image .cmp-image__link:focus-visible{outline:2px solid var(--ob-pri-color-mono-0);outline-offset:0;border-radius:10px;box-shadow:0 0 0 4px var(--ob-pri-color-regalpurple-900)}
.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-ctaimages-section .app-store-image .cmp-image__link:active,.app-promo .theme-lilac .app-promo-section .banner-teaser .app-promo-ctaimages-section .g-play-image .cmp-image__link:active{border-radius:8px;border:2px solid var(--ob-pri-color-regalpurple-900);box-shadow:none}
.app-promo .theme-lilac .app-promo-section .auth-info-image{color:var(--ob-pri-color-regalpurple-800)}
.app-promo .desktop-section:not(:has(>.right-image-wrap-desktop)){margin-top:0}
.app-promo .desktop-section:not(:has(>.right-image-wrap-desktop))>.qr-code-image-wrap{position:relative;padding-bottom:8px}
.app-promo:not(:has(.right-image-wrap-desktop)) .banner-teaser .app-promo-cta-section,.app-promo:not(:has(.right-image-wrap-desktop)) .banner-teaser .app-promo-ctaimages-section,.app-promo:not(:has(.right-image-wrap-desktop)) .banner-teaser .add-bottom-padding{padding-bottom:0}
.app-promo:not(:has(.right-image-wrap-desktop)) .banner-teaser .app-promo-div-override{padding-bottom:0}
@media(min-width:1024px) and (max-width:1255px){.app-promo-section{padding:24px 0}
.app-promo-section .banner-teaser{padding:32px}
.app-promo-section .banner-teaser .app-promo-text{padding:24px 0 0 0}
.app-promo-section .banner-teaser .add-bottom-padding{padding-bottom:40px}
.app-promo-section .banner-teaser .app-promo-cta-section{padding:24px 0 40px 0;column-gap:16px}
.app-promo-section .banner-teaser .app-promo-ctaimages-section{padding:24px 0 40px 0;display:flex;column-gap:16px}
.app-promo-section .banner-teaser .app-promo-div-override{padding-bottom:24px}
.app-promo-section .desktop-section{margin-top:-56px}
.app-promo-section .desktop-section .right-image-wrap-desktop{width:578px}
.app-promo-section .desktop-section .qr-code-image-wrap{margin-left:0}
.app-promo-section .app-promo-footer-section p{margin:0;font-size:14px;line-height:18px}
.app-promo:not(:has(.right-image-wrap-desktop)) .banner-teaser .app-promo-div-override{padding-bottom:0}
}
@media(min-width:768px) and (max-width:1023px){.app-promo{padding-left:0 !important;padding-right:0 !important}
.app-promo-section{padding:32px 0}
.app-promo-section .banner-teaser{padding:40px}
.app-promo-section .banner-teaser .app-promo-text{padding:24px 0 0 0}
.app-promo-section .banner-teaser .add-bottom-padding{padding-bottom:32px}
.app-promo-section .banner-teaser .app-promo-cta-section{padding:24px 0 32px 0;column-gap:20px}
.app-promo-section .banner-teaser .app-promo-ctaimages-section{padding:24px 0 32px 0;display:flex;column-gap:24px}
.app-promo-section .banner-teaser .app-promo-div-override{padding-bottom:16px}
.app-promo-section .qr-code-image-wrap{display:none}
.app-promo-section .desktop-section{margin-top:-56px}
.app-promo-section .desktop-section .right-image-wrap-desktop{width:464px}
.app-promo-section .app-promo-footer-section p{margin:0;font-size:14px;line-height:18px}
.app-promo:not(:has(.right-image-wrap-desktop)) .banner-teaser .app-promo-div-override{padding-bottom:0}
}
@media(max-width:767px){.app-promo-section{margin:24px 0;padding:0;background-color:var(--aem-banner-teaser-bg-color);border-radius:24px}
.app-promo-section .banner-teaser{padding:32px 16px 0 16px}
.app-promo-section .banner-teaser .app-promo-text{padding:16px 0 0 0}
.app-promo-section .banner-teaser .add-bottom-padding{padding-bottom:0}
.app-promo-section .banner-teaser .app-promo-cta-section{padding:16px 0 0 0;display:flex;flex-direction:column;width:100%}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-1,.app-promo-section .banner-teaser .app-promo-cta-section .cta-2{width:100%}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-1 .cta-text,.app-promo-section .banner-teaser .app-promo-cta-section .cta-2 .cta-text{max-width:100% !important}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-button{width:100%}
.app-promo-section .banner-teaser .app-promo-cta-section .cta.button{width:100%}
.app-promo-section .banner-teaser .app-promo-cta-section .cta-2{padding-top:8px}
.app-promo-section .banner-teaser .app-promo-ctaimages-section{padding:16px 0 0 0;display:flex}
.app-promo-section .banner-teaser .app-promo-div-override{padding-bottom:0 !important}
.app-promo-section .desktop-section{margin-top:0;display:none}
.app-promo-section .qr-code-image-wrap{display:none}
.app-promo-section .mobile-section{display:block;padding:8px 16px 0 16px}
.app-promo-section .mobile-section img{width:100%;height:auto;aspect-ratio:4/5}
.app-promo-section .app-promo-footer-section{padding:0 16px 32px 16px}
.app-promo-section .app-promo-footer-section:has(.comp-rich-text){padding-top:16px}
.app-promo-section .app-promo-footer-section p{margin:0;font-size:14px;line-height:18px;color:var(--ob-pri-color-mono-0)}
.app-promo{padding:0 !important}
.app-promo .page-tab-quick-links{padding:0 16px}
.app-promo .theme-champion .app-promo-section{background-color:var(--ob-pri-color-regalpurple-800)}
.app-promo .theme-lilac .app-promo-section{background-color:var(--ob-pri-color-regalpurple-50)}
.app-promo .theme-lilac .app-promo-footer-section{padding:0 16px 32px 16px}
.app-promo .theme-lilac .app-promo-footer-section:has(.comp-rich-text){padding-top:16px}
.app-promo .theme-lilac .app-promo-footer-section p{margin:0;font-size:14px;line-height:18px;color:var(--aem-paragraph-text-color)}
.app-promo:not(:has(.mobile-section)) .banner-teaser .app-promo-div-override{padding-bottom:0 !important}
.app-promo:not(:has(.mobile-section)) .app-promo-footer-section:not(:has(.comp-rich-text)){padding-bottom:32px !important}
}