.newsletter-banner{--scrim-strength: min(calc(var(--overlay-opacity-mobile, var(--overlay-opacity, .3)) * 240%), 80%);--scrim-color: var(--overlay-color-mobile, var(--overlay-color, #000));--scrim-stops: color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * 1), transparent) 0%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .738), transparent) 19%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .541), transparent) 34%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .382), transparent) 47%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .278), transparent) 56.5%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .194), transparent) 65%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .126), transparent) 73%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .075), transparent) 80.2%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .042), transparent) 86.1%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .021), transparent) 91%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .008), transparent) 95.2%, color-mix(in srgb, var(--scrim-color) calc(var(--scrim-strength) * .002), transparent) 98.2%, transparent 100%;position:relative;display:flex;width:100%;height:var(--mobile-height, 500px);overflow:hidden}.newsletter-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.newsletter-banner__image.is-desktop{display:none}.newsletter-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.newsletter-banner[data-mobile-pos=bottom] .newsletter-banner__overlay{background:linear-gradient(to top,var(--scrim-stops)) bottom / 100% 90% no-repeat}.newsletter-banner[data-mobile-pos=top] .newsletter-banner__overlay{background:linear-gradient(to bottom,var(--scrim-stops)) top / 100% 90% no-repeat}.newsletter-banner[data-mobile-pos=center] .newsletter-banner__overlay{background:radial-gradient(ellipse 100% 55% at 50% 50%,var(--scrim-stops))}.newsletter-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:480px;padding:20px;margin-block:auto 0}.newsletter-banner[data-mobile-pos=top] .newsletter-banner__content{margin-block:0 auto}.newsletter-banner[data-mobile-pos=center] .newsletter-banner__content{margin-block:auto}.newsletter-banner__heading{margin:0 0 8px;font-size:var(--heading-size-mobile, 28px);line-height:1.15;color:var(--heading-color, #fff)}.newsletter-banner__subheading{margin:0 0 14px;font-size:var(--subheading-size-mobile, 15px);line-height:1.4;color:var(--subheading-color, #fff)}.newsletter-banner__fineprint{max-width:440px;margin:10px 0 0;font-size:11px;line-height:1.4;color:var(--subheading-color, #fff);opacity:.9}.newsletter-banner__heading,.newsletter-banner__subheading,.newsletter-banner__fineprint{text-shadow:0 1px 12px rgba(0,0,0,.25)}.newsletter-banner a.newsletter-banner__button{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;font-family:inherit;font-size:11px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:#fff;background:#00000038;border:1px solid rgba(255,255,255,.9);cursor:pointer;transition:background-color .2s ease,color .2s ease}.newsletter-banner a.newsletter-banner__button:hover,.newsletter-banner a.newsletter-banner__button:focus-visible{background:#fff;color:#000;text-decoration:none}.newsletter-banner a.newsletter-banner__button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media screen and (min-width:750px){.newsletter-banner{--scrim-strength: min(calc(var(--overlay-opacity, .3) * 240%), 80%);--scrim-color: var(--overlay-color, #000)}.newsletter-banner{height:var(--desktop-height, 550px)}.newsletter-banner__image.is-desktop{display:block}.newsletter-banner__image.is-mobile{display:none}.newsletter-banner__content{padding:48px 64px}.newsletter-banner__heading{margin-bottom:12px;font-size:var(--heading-size-desktop, 40px);line-height:1.2}.newsletter-banner__subheading{margin-bottom:20px;font-size:var(--subheading-size-desktop, 15px)}.newsletter-banner a.newsletter-banner__button{height:auto;padding:12px 24px;font-size:13px}.newsletter-banner[data-desktop-pos=left] .newsletter-banner__content{text-align:left;align-items:flex-start}.newsletter-banner[data-desktop-pos=center] .newsletter-banner__content{margin-inline:auto;text-align:center;align-items:center}.newsletter-banner[data-desktop-pos=right] .newsletter-banner__content{margin-left:auto;text-align:right;align-items:flex-end}.newsletter-banner[data-desktop-pos=left] .newsletter-banner__overlay{background:linear-gradient(to right,var(--scrim-stops)) left / 75% 100% no-repeat}.newsletter-banner[data-desktop-pos=right] .newsletter-banner__overlay{background:linear-gradient(to left,var(--scrim-stops)) right / 75% 100% no-repeat}.newsletter-banner[data-desktop-pos=center] .newsletter-banner__overlay{background:radial-gradient(ellipse 60% 85% at 50% 50%,var(--scrim-stops))}}
/*# sourceMappingURL=/cdn/shop/t/172/assets/newsletter-banner.css.map */