.c-user-aware-hero-banner{position:relative;width:100%;overflow:hidden}.c-user-aware-hero-banner__image-container{padding-bottom:128%}.c-user-aware-hero-banner__image.is-desktop{display:none}.c-user-aware-hero-banner__content{position:absolute;top:0;left:0;right:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;z-index:1}.c-user-aware-hero-banner__pretitle{margin:0 0 16px;color:var(--accent-color);font-size:14px;font-weight:500;line-height:24px;text-align:center}.c-user-aware-hero-banner__title{margin:0 0 32px;color:var(--var-process-white);text-align:center;font-size:24px;font-weight:600;line-height:32px}.c-user-aware-hero-banner__buttons{margin:0;display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;width:100%}.c-user-aware-hero-banner__button{color:var(--var-process-white);text-align:center;display:block;font-size:14px;font-weight:500;line-height:24px}.c-user-aware-hero-banner__button.is-primary{background-color:var(--accent-color)}.c-user-aware-hero-banner__button.is-secondary{color:var(--var-process-night);background-color:var(--var-process-white)}.c-user-aware-hero-banner__button.is-primary,.c-user-aware-hero-banner__button.is-secondary{width:100%;max-width:251px;padding:12px;border-radius:48px}.c-user-aware-hero-banner__button.is-primary:hover,.c-user-aware-hero-banner__button.is-secondary:hover{background-color:#111;color:var(--var-process-white)}.c-user-aware-hero-banner__button.is-tertiary{margin:32px 0 0;text-align:center;text-decoration:underline;text-underline-offset:9px;background-color:transparent!important;padding:0}@media screen and (min-width: 768px){.c-user-aware-hero-banner__image-container{padding-bottom:33.334%}.c-user-aware-hero-banner__image.is-desktop{display:block}.c-user-aware-hero-banner__image.is-mobile{display:none}.c-user-aware-hero-banner__content{max-width:calc(var(--wrapper-mw) - 30px);margin:0 auto}.c-user-aware-hero-banner__title{font-size:32px;font-weight:600;line-height:40px;margin-bottom:40px}.c-user-aware-hero-banner__buttons{flex-direction:row}.c-user-aware-hero-banner__button.is-primary,.c-user-aware-hero-banner__button.is-secondary{max-width:226px}.c-user-aware-hero-banner__button.is-tertiary{margin-top:40px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/sn-sections.user-aware-hero-banner.css.map */