.section-hero-banner{position:relative}.hero-banner-text{--color-link: #fff}.section-header:not(.scrolled-past-header){left:0;right:0;top:var(--framed-spacing);background:0 0;position:fixed}.header-wrapper{background:none}.shopify-section-header-sticky .header-wrapper{background:#fff}.header__heading a,.header__heading a:hover{color:#fff}.header__icon{background:#fff;color:#2a2a2a}.shopify-section-header-sticky .header__heading a{color:rgba(var(--color-foreground),1)}.shopify-section-header-sticky .header__icon{background:rgba(var(--color-foreground),1);color:#fff}.hero-banner__container{min-height:calc(100vh - 40px);position:relative;left:0;right:0;color:#fff;display:flex;align-items:center}.hero-banner-text h2{margin:0;color:inherit}.hero-banner__media img,.hero-banner__media video{vertical-align:middle;object-fit:cover;width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0}.hero-reviews__stars{gap:2px}.hero-reviews__stars svg{width:12px;height:12px}.ux-banner-rate{margin-top:2px}.hero-banner-top{gap:16px}.hero-banner__intro p{margin:0}.link-extra{margin:8px 0 0}.link-extra a{color:inherit;display:inline-flex;align-items:center;border-bottom:1px solid #fff;text-decoration:none;gap:4px}@media screen and (min-width:750px){.hero-banner__container{min-height:calc(100vh - 53px)}}@media screen and (min-width:1024px){.hero-banner-text{gap:60px;border-radius:32px;background:#18150c4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:32px;max-width:664px;margin:calc(88px + var(--framed-spacing) - 16px) 0 calc(var(--framed-spacing) + 16px)}.hero-banner__container{display:flex;align-items:center}.ux-banner-rate{margin-top:0}.hero-review{display:flex;align-items:center;gap:8px}}@media screen and (max-width:1023px){.header-wrapper{padding:0 8px}.hero-banner-text{margin-top:calc(var(--header-height) + var(--framed-spacing));margin-bottom:calc(var(--framed-spacing) * 2);border-radius:24px;background:#18150c4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px;gap:16px}.header__icons{margin:0}.hero-banner__container{align-items:end}}@media screen and (max-width:749px){.header-wrapper{padding:0 8px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ux-hero-banner.css.map */