.page-designer-reference .banner-content{font-family:var(--font-primary)}.page-designer-reference .banner-content::before{background-color:var(--background-secondary)}.page-designer-reference .banner-content-subtitle{font-family:var(--font-primary);font-size:var(--text-xs)}@media(min-width: 768px){.page-designer-reference .banner-content-subtitle{font-size:var(--text-lg);line-height:25px}}@media(min-width: 992px){.page-designer-reference .banner-content-subtitle{color:var(--text-primary);font-size:var(--text-xs);line-height:16px}}@media(min-width: 1920px){.page-designer-reference .banner-content-subtitle{font-size:var(--text-xs);line-height:24px}}.alt-colors .page-designer-reference .banner-content-subtitle{color:var(--text-secondary)}.page-designer-reference .banner-content-title{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-xl);font-weight:bold;line-height:32px;text-align:left}@media(min-width: 992px){.page-designer-reference .banner-content-title{color:var(--text-primary);font-size:var(--text-2xl);line-height:40px}}.alt-colors .page-designer-reference .banner-content-title{color:var(--text-secondary)}.page-designer-reference .banner-content-title.desktop{display:none}@media(min-width: 768px){.page-designer-reference .banner-content-title.desktop{display:block}}.page-designer-reference .banner-content-title.mobile{display:block}@media(min-width: 768px){.page-designer-reference .banner-content-title.mobile{display:none}}.page-designer-reference .banner-content-description{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-sm);line-height:20px}@media(min-width: 992px){.page-designer-reference .banner-content-description{color:var(--text-primary);font-size:var(--text-base);line-height:24px}}.alt-colors .page-designer-reference .banner-content-description{color:var(--text-secondary)}.page-designer-reference .banner-content-description.desktop{display:none}@media(min-width: 768px){.page-designer-reference .banner-content-description.desktop{display:block}}.page-designer-reference .banner-content-description.mobile{display:block}@media(min-width: 768px){.page-designer-reference .banner-content-description.mobile{display:none}}.page-designer-reference .banner-buttons .btn{background-color:var(--background-secondary);color:#fff;font-family:var(--font-primary);font-size:var(--text-sm);line-height:20px}.page-designer-reference .banner-buttons .btn:hover{background-color:var(--background-primary)}.page-designer-reference .banner-buttons .btn:focus{color:var(--text-primary)}.page-designer-reference .banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.page-designer-reference .banner-outer-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:11}.page-designer-reference .banner-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1}@media(min-width: 768px){.page-designer-reference .banner-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:40px;position:absolute}}@media(min-width: 992px){.page-designer-reference .banner-content{height:50%;width:50%}}.page-designer-reference .banner-content::before{content:"";display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;z-index:-1}@media(min-width: 992px){.page-designer-reference .banner-content::before{display:none}}.page-designer-reference .banner-content-container{margin-top:24px;padding:0 15px}@media(min-width: 768px){.page-designer-reference .banner-content-container{margin-top:0px;padding:0 30px}}@media(min-width: 992px){.page-designer-reference .banner-content-container{padding-left:0}}.page-designer-reference .banner-content-title{margin-bottom:16px;width:100%}.page-designer-reference .banner-content-description{margin:0;margin-bottom:24px;width:100%}@media(min-width: 768px){.page-designer-reference .banner-content-description{margin-bottom:32px}}.page-designer-reference .banner-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.page-designer-reference .banner-buttons .btn{border:0;border-radius:0;-webkit-box-shadow:inset 2px 2px 0 var(--border-secondary),inset -2px -2px 0 var(--border-secondary);box-shadow:inset 2px 2px 0 var(--border-secondary),inset -2px -2px 0 var(--border-secondary);overflow:hidden;padding:14px 24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s;white-space:nowrap}@media(min-width: 992px){.page-designer-reference .banner-buttons .btn{padding:18px 32px}}.page-designer-reference .banner-buttons .btn:hover{-webkit-box-shadow:inset 2px 2px 0 var(--border-primary),inset -2px -2px 0 var(--border-primary);box-shadow:inset 2px 2px 0 var(--border-primary),inset -2px -2px 0 var(--border-primary)}.page-designer-reference .banner-buttons .btn:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.page-designer-reference .banner-buttons .btn:focus{text-decoration:none}.page-designer-reference .banner-buttons .btn:first-of-type{margin-right:20px}.page-designer-reference .bnr-image{width:100%}