.subscription-banner{position:relative;display:flex;box-sizing:border-box;width:100%;max-width:100%;min-height:var(--subscription-height);padding:var(--subscription-padding-top) 20px var(--subscription-padding-bottom);overflow:hidden;color:var(--subscription-text-color);isolation:isolate}.subscription-banner *,.subscription-banner *:before,.subscription-banner *:after{box-sizing:border-box}.subscription-banner--contained{width:calc(100% - 40px);max-width:var(--page-width, 1440px);margin-inline:auto}.subscription-banner__media,.subscription-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.subscription-banner__media{z-index:-2;background:#5d638d}.subscription-banner__media picture{display:block;width:100%;height:100%}.subscription-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.subscription-banner__placeholder{fill:#ffffff40}.subscription-banner__overlay{z-index:-1;background:var(--subscription-overlay);opacity:var(--subscription-overlay-opacity)}.subscription-banner__content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:920px;min-width:0;margin:auto;text-align:center}.subscription-banner__logo{display:block;width:auto;max-width:min(48vw,170px);max-height:54px;object-fit:contain}.subscription-banner__logo-text{font-family:var(--font-coolvetica, sans-serif);font-size:30px;font-weight:900;line-height:1;letter-spacing:3px}.subscription-banner__heading{margin:20px 0 0;color:inherit;color:#faf9f4;text-align:center;font-family:var(--font-dodo, sans-serif)!important;font-size:var(--opacity-30, 30px);font-style:normal;font-weight:400;line-height:var(--line-height-36, 36px);text-transform:uppercase}.subscription-banner__subheading{margin-top:20px;font-family:var(--font-coolvetica, sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}.subscription-banner__form-wrap{width:100%;max-width:720px;min-width:0;margin-top:36px}.subscription-banner__fields{display:flex;width:100%;max-width:100%;min-width:0;min-height:56px}.subscription-banner__input,.subscription-banner__button{min-width:0;max-height:50px;margin:0;border-radius:0;box-shadow:none;font-style:normal}.subscription-banner__input{flex:1 1 auto;width:100%;padding:0 14px;border:1px solid var(--subscription-field-border);background:#ffffff14;color:var(--subscription-text-color);font-family:var(--font-poppins, sans-serif)!important;font-size:13px;font-weight:400!important;line-height:20px;-webkit-appearance:none;appearance:none}.subscription-banner__input::placeholder{color:var(--subscription-text-color);opacity:1}.subscription-banner__input:focus-visible{outline:2px solid var(--subscription-text-color);outline-offset:-4px}.subscription-banner__button{flex:0 0 42%;padding:0 16px;border:1px solid var(--subscription-button-background);background:var(--subscription-button-background);color:var(--subscription-button-color);font-family:var(--font-dodo, serif)!important;font-size:16px;font-weight:400;line-height:18px;letter-spacing:1.5px;cursor:pointer;transition:opacity .2s ease}.subscription-banner__button:hover{opacity:.88}.subscription-banner__message{margin-top:12px;color:inherit;font-family:var(--font-coolvetica, sans-serif);font-size:14px;line-height:20px;text-align:left}.subscription-banner__message--error{color:#fff0f0}@media screen and (min-width:750px){.subscription-banner{padding-inline:40px}.subscription-banner--contained{width:calc(100% - 80px)}.subscription-banner__logo{max-width:220px;max-height:70px}.subscription-banner__logo-text{font-size:38px;letter-spacing:4px}.subscription-banner__heading{font-size:56px;line-height:1.05}.subscription-banner__subheading{font-size:24px;line-height:24px}.subscription-banner__fields,.subscription-banner__input,.subscription-banner__button{min-height:64px}.subscription-banner__button{flex-basis:36%;font-size:20px}}@media screen and (max-width:374px){.subscription-banner__fields{flex-direction:column}.subscription-banner__button{flex-basis:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-subscription-banner.css.map */
