.image-overlay-band{--image-overlay-band-panel-shadow: 0 1px 20px rgb(54 54 54 / 30%);--image-overlay-band-text-shadow: 0 1px rgb(0 0 0 / 50%);--image-overlay-band-fade: opacity .3s ease;--image-overlay-band-heading-size-now: var(--image-overlay-band-heading-size-mobile);--image-overlay-band-heading-line-height-now: var(--image-overlay-band-heading-line-height-mobile);--image-overlay-band-heading-weight-now: var(--image-overlay-band-heading-weight-mobile);--image-overlay-band-heading-tracking-now: var(--image-overlay-band-heading-tracking-mobile);--image-overlay-band-accent-size-now: var(--image-overlay-band-accent-size-mobile);--image-overlay-band-accent-line-height-now: var(--image-overlay-band-accent-line-height-mobile);--image-overlay-band-heading-spacing-now: var(--image-overlay-band-heading-spacing-mobile);--image-overlay-band-text-size-now: var(--image-overlay-band-text-size-mobile);--image-overlay-band-text-line-height-now: var(--image-overlay-band-text-line-height-mobile);--image-overlay-band-paragraph-spacing-now: var(--image-overlay-band-paragraph-spacing-mobile);--image-overlay-band-height-now: var(--image-overlay-band-height-mobile);--image-overlay-band-content-width-now: var(--image-overlay-band-content-width);--image-overlay-band-text-gap-now: 0px;--landing-button-width: var(--image-overlay-band-button-width-mobile);position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:100%;min-block-size:var(--image-overlay-band-height-now);padding-block:var(--image-overlay-band-padding-top) var(--image-overlay-band-padding-bottom);overflow:hidden;font-family:var(--font-brand-family);font-size:16px;font-weight:var(--font-weight-regular);line-height:28px;text-align:center;color:var(--image-overlay-band-color);background:var(--image-overlay-band-placeholder, none) center / cover}@media screen and (min-width:641px){.image-overlay-band{--image-overlay-band-heading-size-now: var(--image-overlay-band-heading-size-tablet);--image-overlay-band-heading-line-height-now: var(--image-overlay-band-heading-line-height-tablet);--image-overlay-band-heading-weight-now: var(--image-overlay-band-heading-weight-tablet);--image-overlay-band-heading-tracking-now: -1px;--image-overlay-band-accent-size-now: var(--image-overlay-band-accent-size-tablet);--image-overlay-band-accent-line-height-now: var(--image-overlay-band-accent-line-height-tablet);--image-overlay-band-heading-spacing-now: var(--image-overlay-band-heading-spacing);--image-overlay-band-text-size-now: var(--image-overlay-band-text-size);--image-overlay-band-text-line-height-now: var(--image-overlay-band-text-line-height);--image-overlay-band-height-now: var(--image-overlay-band-height-tablet);--landing-button-width: var(--image-overlay-band-button-width-tablet);padding-block:var(--image-overlay-band-padding-top-desktop) var(--image-overlay-band-padding-bottom-desktop)}}@media screen and (min-width:1008px){.image-overlay-band{--image-overlay-band-height-now: var(--image-overlay-band-height-laptop);--image-overlay-band-content-width-now: var(--image-overlay-band-content-width-wide);--image-overlay-band-paragraph-spacing-now: var(--image-overlay-band-paragraph-spacing);--image-overlay-band-accent-size-now: var( --image-overlay-band-accent-size-laptop, var(--image-overlay-band-accent-size-tablet) )}}@media screen and (min-width:1140px){.image-overlay-band{--image-overlay-band-heading-size-now: var(--image-overlay-band-heading-size);--image-overlay-band-heading-line-height-now: var(--image-overlay-band-heading-line-height);--image-overlay-band-heading-weight-now: var(--image-overlay-band-heading-weight);--image-overlay-band-accent-size-now: var(--image-overlay-band-accent-size);--image-overlay-band-accent-line-height-now: var(--image-overlay-band-accent-line-height);--image-overlay-band-height-now: var(--image-overlay-band-height-desktop);--landing-button-width: var(--image-overlay-band-button-width)}}@media screen and (min-width:640px){.image-overlay-band--wide-640{--image-overlay-band-content-width-now: var(--image-overlay-band-content-width-wide);--image-overlay-band-paragraph-spacing-now: var(--image-overlay-band-paragraph-spacing)}}.image-overlay-band--overlay.image-overlay-band--text-gap{--image-overlay-band-text-gap-now: 16px}@media screen and (min-width:1008px){.image-overlay-band--overlay.image-overlay-band--text-gap{--image-overlay-band-text-gap-now: 24px}}@media screen and (min-width:641px){.image-overlay-band--mobile{display:none}}.image-overlay-band--desktop{display:none}@media screen and (min-width:641px){.image-overlay-band--desktop{display:flex}}.image-overlay-band--natural{display:block;min-block-size:0;background:none}@media screen and (min-width:641px){.image-overlay-band--natural.image-overlay-band--mobile{display:none}}.image-overlay-band--natural.image-overlay-band--desktop{display:none}@media screen and (min-width:641px){.image-overlay-band--natural.image-overlay-band--desktop{display:block}}.image-overlay-band__link,.image-overlay-band__media{display:block}.image-overlay-band__image{display:block;inline-size:100%;block-size:auto}.image-overlay-band--fixed .image-overlay-band__media{position:absolute;top:0;right:0;bottom:0;left:0}.image-overlay-band--fixed .image-overlay-band__image{block-size:100%;object-fit:cover;object-position:center}image-overlay-band.image-overlay-band--fixed:defined .image-overlay-band__image{opacity:0;transition:var(--image-overlay-band-fade)}@media(prefers-reduced-motion:reduce){image-overlay-band.image-overlay-band--fixed:defined .image-overlay-band__image{transition:none}}image-overlay-band.image-overlay-band--fixed.is-revealed .image-overlay-band__image{opacity:1}image-overlay-band.image-overlay-band--reveal-slideshow:defined .image-overlay-band__image{transition-duration:1.2s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}@media(prefers-reduced-motion:reduce){image-overlay-band.image-overlay-band--reveal-slideshow:defined .image-overlay-band__image{transition:none}}.image-overlay-band__content{position:relative;z-index:1}.image-overlay-band--overlay .image-overlay-band__content{flex:0 1 var(--image-overlay-band-content-width-now);box-sizing:border-box;padding-inline:15px}.image-overlay-band--shadow .image-overlay-band__content{text-shadow:var(--image-overlay-band-text-shadow)}.image-overlay-band--offset .image-overlay-band__content{position:absolute;inset-block-start:var(--image-overlay-band-content-top-mobile, var(--image-overlay-band-content-top));inset-inline:0}.image-overlay-band--panel .image-overlay-band__copy{box-sizing:border-box;max-inline-size:var(--image-overlay-band-panel-width-mobile);margin:40px auto;padding:var(--image-overlay-band-panel-padding-top-mobile, 38px) var(--image-overlay-band-panel-padding-inline-mobile) var(--image-overlay-band-panel-padding-bottom-mobile, 38px);border-radius:var(--image-overlay-band-panel-radius);background-color:var(--image-overlay-band-panel-color);box-shadow:var(--image-overlay-band-panel-shadow);opacity:.92}@media screen and (min-width:641px){.image-overlay-band--panel .image-overlay-band__copy{max-inline-size:var(--image-overlay-band-panel-width);padding:var(--image-overlay-band-panel-padding-top, 60px) var(--image-overlay-band-panel-padding-inline) var(--image-overlay-band-panel-padding-bottom, 60px)}}.image-overlay-band--panel-border .image-overlay-band__copy{border:1px solid currentcolor}.image-overlay-band .image-overlay-band__subheading{margin:-.325em 0 0;font-size:12px;font-weight:var(--font-weight-semibold);line-height:21px;letter-spacing:1.12px;text-transform:uppercase}@media screen and (min-width:641px){.image-overlay-band .image-overlay-band__subheading{margin-block-end:12px}}.image-overlay-band .image-overlay-band__heading{margin:-.325em 0 var(--image-overlay-band-heading-spacing-now);font-family:var(--font-brand-family);font-size:var(--image-overlay-band-heading-size-now);font-weight:var(--image-overlay-band-heading-weight-now);line-height:var(--image-overlay-band-heading-line-height-now);letter-spacing:var(--image-overlay-band-heading-tracking-now);color:inherit}.image-overlay-band .image-overlay-band__heading :is(span,em){font-family:var(--font-accent-family);font-size:var(--image-overlay-band-accent-size-now);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--image-overlay-band-accent-line-height-now)}.image-overlay-band .image-overlay-band__subheading~.image-overlay-band__heading{margin-block-start:0}@media screen and (min-width:641px){.image-overlay-band .image-overlay-band__subheading~.image-overlay-band__heading{margin-block-start:16px}}.image-overlay-band__text{margin-block-start:var(--image-overlay-band-text-gap-now);font-size:var(--image-overlay-band-text-size-now);line-height:var(--image-overlay-band-text-line-height-now)}.image-overlay-band__text p{margin:0 0 var(--image-overlay-band-paragraph-spacing-now)}.image-overlay-band--panel .image-overlay-band__text~.image-overlay-band__button{margin-block-start:18px}.image-overlay-band--gap-rhythm{z-index:1;margin-block-end:24px}@media screen and (min-width:769px){.image-overlay-band--gap-rhythm{margin-block-end:56px}}@media screen and (min-width:1025px){.image-overlay-band--gap-rhythm{margin-block-end:88px}}.image-overlay-band--pull-up{margin-block-start:-24px}@media screen and (min-width:769px){.image-overlay-band--pull-up{margin-block-start:-56px}}@media screen and (min-width:1025px){.image-overlay-band--pull-up{margin-block-start:-88px}}@media screen and (min-width:641px){.image-overlay-band--button-inverse-wide{--landing-button-fill: var(--brand-off-white);--landing-button-text: var(--brand-navy);--landing-button-border: var(--brand-off-white)}}@media screen and (min-width:641px){.image-overlay-band--button-light-wide{--landing-button-fill: var(--brand-off-white);--landing-button-text: var(--brand-navy);--landing-button-border: var(--brand-navy);--landing-button-hover-fill: var(--brand-off-white);--landing-button-hover-text: var(--brand-navy)}}.image-overlay-band--start-mobile{align-items:flex-start}@media screen and (min-width:641px){.image-overlay-band--start-mobile{align-items:center}}@font-face{font-family:Inter;src:url(font-landing-inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.image-overlay-band--form .image-overlay-band__heading :is(b,strong){font-weight:var(--font-weight-semibold)}.image-overlay-band__form{position:relative;text-shadow:none}.image-overlay-band__form-field{position:relative}.image-overlay-band__form-input{display:block;box-sizing:border-box;inline-size:100%;block-size:75px;padding:12px 40px;border:1px solid var(--brand-navy);border-radius:100px;background-color:var(--brand-white);font-family:Inter,sans-serif;font-size:20px;font-weight:var(--font-weight-regular);line-height:32px;color:var(--brand-navy);-webkit-appearance:none;appearance:none}.image-overlay-band__form-input::placeholder{color:var(--brand-navy);opacity:1}.image-overlay-band__form-input:focus-visible{outline:revert;outline-offset:revert}.image-overlay-band__form-submit{position:absolute;inset-block-start:-7px;inset-inline-end:0;display:block;inline-size:88px;block-size:88px;padding:0;border:0;background:none;color:var(--brand-navy);cursor:pointer}.image-overlay-band__form-submit svg{display:block;inline-size:88px;block-size:88px}.image-overlay-band__form-submit:focus-visible{outline:2px solid var(--brand-navy);outline-offset:-8px;border-radius:50%}.image-overlay-band__form-messages{margin-block-start:16px;font-size:14px;line-height:20px}.image-overlay-band__form.is-sent .image-overlay-band__form-field{display:none}@media screen and (min-width:641px){.image-overlay-band{--image-overlay-band-heading-tracking-now: var(--image-overlay-band-heading-tracking, -1px)}}@media screen and (min-width:1140px){.image-overlay-band{--image-overlay-band-heading-spacing-now: var( --image-overlay-band-heading-spacing-wide, var(--image-overlay-band-heading-spacing) )}}@media screen and (min-width:1500px){.image-overlay-band{--image-overlay-band-height-now: var(--image-overlay-band-height-xl, var(--image-overlay-band-height-desktop))}}.image-overlay-band--frame-tablet .image-overlay-band__copy{border-radius:0}@media screen and (min-width:641px){.image-overlay-band--frame-tablet .image-overlay-band__copy{border-radius:var(--image-overlay-band-panel-radius)}}.image-overlay-band--panel-border.image-overlay-band--frame-tablet .image-overlay-band__copy{border:0}@media screen and (min-width:641px){.image-overlay-band--panel-border.image-overlay-band--frame-tablet .image-overlay-band__copy{border:1px solid currentcolor}}.image-overlay-band--form-brand .image-overlay-band__form-input{font-family:var(--font-brand-family)}.image-overlay-band--accent-upright .image-overlay-band__heading :is(span,em){font-style:normal}.image-overlay-band--eyebrow-gap .image-overlay-band__subheading{margin-block-end:var(--image-overlay-band-eyebrow-gap)}.image-overlay-band.image-overlay-band--eyebrow-gap .image-overlay-band__subheading~.image-overlay-band__heading{margin-block-start:-.325em}.image-overlay-band--fixed .image-overlay-band__image{object-position:var(--image-overlay-band-image-position, center)}.image-overlay-band--fixed-wide{display:block;min-block-size:0;background:none}@media screen and (min-width:750px){.image-overlay-band--fixed-wide{display:flex;min-block-size:var(--image-overlay-band-height-now)}}@media screen and (min-width:750px){.image-overlay-band--fixed-wide .image-overlay-band__media{position:absolute;top:0;right:0;bottom:0;left:0}}@media screen and (min-width:750px){.image-overlay-band--fixed-wide .image-overlay-band__image{block-size:100%;object-fit:cover;object-position:var(--image-overlay-band-image-position, center)}}.image-overlay-band--split{--image-overlay-band-split-copy-width: 500px;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;min-block-size:0;background:none;text-align:start}@media screen and (min-width:641px){.image-overlay-band--split{grid-template-columns:repeat(2,minmax(0,1fr))}}.image-overlay-band--split .image-overlay-band__media{position:relative;align-self:center;aspect-ratio:var(--image-overlay-band-split-ratio);overflow:hidden}.image-overlay-band--split .image-overlay-band__image{position:absolute;top:0;right:0;bottom:0;left:0;block-size:100%;object-fit:cover}.image-overlay-band--split-phone-hidden .image-overlay-band__media{display:none}@media screen and (min-width:641px){.image-overlay-band--split-phone-hidden .image-overlay-band__media{display:block}}@media screen and (min-width:641px){.image-overlay-band--split-image-right .image-overlay-band__media{order:2}}.image-overlay-band--split .image-overlay-band__content{display:flex;align-items:center;box-sizing:border-box;padding-block:var(--image-overlay-band-panel-padding-top-mobile, 25px) var(--image-overlay-band-panel-padding-bottom-mobile, 25px);padding-inline:var(--image-overlay-band-panel-padding-inline-mobile);background-color:var(--image-overlay-band-panel-color)}@media screen and (min-width:641px){.image-overlay-band--split .image-overlay-band__content{padding-block:var(--image-overlay-band-panel-padding-top, 10px) var(--image-overlay-band-panel-padding-bottom, 0);padding-inline:var(--image-overlay-band-panel-padding-inline)}}@media screen and (min-width:1008px){.image-overlay-band--split .image-overlay-band__content{padding:var(--image-overlay-band-split-padding-laptop, 25px)}}@media screen and (min-width:1140px){.image-overlay-band--split .image-overlay-band__content{padding-block:var(--image-overlay-band-split-padding-wide-block, 50px) var(--image-overlay-band-split-padding-wide-bottom, var(--image-overlay-band-split-padding-wide-block, 50px));padding-inline:var(--image-overlay-band-split-padding-wide-start, 50px) var(--image-overlay-band-split-padding-wide-end, 50px)}}@media screen and (min-width:1250px){.image-overlay-band--split .image-overlay-band__content{padding-inline-start:var( --image-overlay-band-split-padding-xl-start, var(--image-overlay-band-split-padding-wide-start, 50px) )}}@media screen and (min-width:1400px){.image-overlay-band--split .image-overlay-band__content{padding-block-end:var( --image-overlay-band-split-padding-xxl-bottom, var(--image-overlay-band-split-padding-wide-block, 50px) );padding-inline-start:var( --image-overlay-band-split-padding-xxl-start, var(--image-overlay-band-split-padding-xl-start, var(--image-overlay-band-split-padding-wide-start, 50px)) )}}.image-overlay-band--split .image-overlay-band__copy{inline-size:100%}@media screen and (min-width:641px){.image-overlay-band--split .image-overlay-band__copy{max-inline-size:var(--image-overlay-band-split-copy-width)}}@media screen and (min-width:1008px){.image-overlay-band--split .image-overlay-band__form-input{block-size:88px;padding-block:25px}}.image-overlay-band--split .image-overlay-band__form-submit{inset-block-start:0;inline-size:75px;block-size:75px}@media screen and (min-width:1008px){.image-overlay-band--split .image-overlay-band__form-submit{inline-size:88px;block-size:88px}}.image-overlay-band--split .image-overlay-band__form-submit svg{inline-size:100%;block-size:100%}.image-overlay-band--from-1008{display:none}@media screen and (min-width:1008px){.image-overlay-band--from-1008{display:flex}}.image-overlay-band--natural.image-overlay-band--from-1008{display:none}@media screen and (min-width:1008px){.image-overlay-band--natural.image-overlay-band--from-1008{display:block}}@media screen and (min-width:1008px){.image-overlay-band--until-1007{display:none}}@media screen and (min-width:1025px){.image-overlay-band--tier-1025{--image-overlay-band-heading-size-now: var(--image-overlay-band-heading-size);--image-overlay-band-heading-line-height-now: var(--image-overlay-band-heading-line-height);--image-overlay-band-heading-weight-now: var(--image-overlay-band-heading-weight);--image-overlay-band-accent-size-now: var(--image-overlay-band-accent-size);--image-overlay-band-accent-line-height-now: var(--image-overlay-band-accent-line-height)}}.image-overlay-band--margin{margin-block-end:var(--image-overlay-band-margin-bottom)}@media screen and (min-width:1025px){.image-overlay-band--margin-wide{margin-block-end:var(--image-overlay-band-margin-bottom-wide)}}@media screen and (min-width:1008px){.image-overlay-band--wide-1025{--image-overlay-band-content-width-now: var(--image-overlay-band-content-width);--image-overlay-band-paragraph-spacing-now: var(--image-overlay-band-paragraph-spacing-mobile)}}@media screen and (min-width:1025px){.image-overlay-band--wide-1025{--image-overlay-band-content-width-now: var(--image-overlay-band-content-width-wide);--image-overlay-band-paragraph-spacing-now: var(--image-overlay-band-paragraph-spacing)}}.image-overlay-band--text-medium .image-overlay-band__text{font-weight:500}.image-overlay-band--dim .image-overlay-band__media{position:relative}.image-overlay-band--dim.image-overlay-band--fixed .image-overlay-band__media{position:absolute}.image-overlay-band--dim .image-overlay-band__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--image-overlay-band-dim));pointer-events:none}.image-overlay-band--live-error{--image-overlay-band-error-color: #eb2615}.image-overlay-band--live-error .image-overlay-band__form-messages.is-error{color:var(--image-overlay-band-error-color);font-size:12px;line-height:16px}@media screen and (min-width:1140px){.image-overlay-band--offset.image-overlay-band--inset-wide .image-overlay-band__content{inset-inline-start:var(--image-overlay-band-inset-wide)}}.image-overlay-band__note{margin:24px 0 0;font-size:12px;font-weight:600;line-height:20px;letter-spacing:1.12px;text-align:center;text-transform:uppercase}@media screen and (min-width:641px){.image-overlay-band__note{line-height:21px}}.image-overlay-band__note a{color:inherit;text-decoration:underline}.image-overlay-band--tint .image-overlay-band__media:after{background:color-mix(in srgb,var(--image-overlay-band-tint) calc(var(--image-overlay-band-dim) * 100%),transparent)}.image-overlay-band--text-serif .image-overlay-band__text{font-family:var(--font-accent-family)}.image-overlay-band--panel.image-overlay-band--text-serif .image-overlay-band__text>p:last-child{margin-block-end:0}@media screen and (min-width:641px){.image-overlay-band--offset .image-overlay-band__content{inset-block-start:var(--image-overlay-band-content-top-tablet, var(--image-overlay-band-content-top))}}@media screen and (min-width:1008px){.image-overlay-band--offset .image-overlay-band__content{inset-block-start:var(--image-overlay-band-content-top)}}body:has([id$=__offersection_new_mMdmAG]) [id$=__image_with_text_overlay_X3HgFc] .image-overlay-band__image{object-position:50% 0}@media screen and (min-width:641px)and (max-width:749px){body:has(hero-offer[data-flat-page]) .image-overlay-band{block-size:auto;min-block-size:0}body:has(hero-offer[data-flat-page]) .image-overlay-band__media{position:relative;inset:auto;display:block}body:has(hero-offer[data-flat-page]) .image-overlay-band__image{display:block;inline-size:100%;block-size:auto;object-fit:initial}}body.page-matcha_health_offer_LP [id$=__16431124026db450c1] .image-overlay-band__media{overflow:hidden}body.page-matcha_health_offer_LP [id$=__16431124026db450c1] .image-overlay-band__image{position:absolute;inset-block-start:50%;inset-inline-start:0;block-size:auto;translate:0 -50%}
/*# sourceMappingURL=/cdn/shop/t/926/assets/section-image-overlay-band.css.map */
