.newsletter-banner{--nlb-card-radius: 16px;--nlb-card-padding: 32px;--nlb-column-gap: 40px;--nlb-icon-size: 32px;--nlb-icon-gap: 24px;--nlb-icon-frame-size: 72px;--nlb-icon-frame-radius: 100px;--nlb-icon-color: rgb(var(--color-foreground));--nlb-icon-background: rgb(var(--color-background));--nlb-heading-size: 28px;--nlb-heading-color: rgb(var(--color-foreground));--nlb-text-size: 15px;--nlb-text-color: rgba(var(--color-foreground), 80%);--nlb-form-width: 500px;--nlb-form-radius: 8px;--nlb-field-background: rgb(var(--color-background));--nlb-field-border: rgba(var(--color-foreground), .12);--nlb-button-background: rgb(var(--color-button));--nlb-button-text: rgb(var(--color-button-text))}.newsletter-banner__full-width{padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width:750px){.newsletter-banner__full-width{padding-left:5rem;padding-right:5rem}}.newsletter-banner__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--nlb-column-gap);border-radius:var(--nlb-card-radius);padding:var(--nlb-card-padding) calc(var(--nlb-card-padding) /2)}@media screen and (min-width:990px){.newsletter-banner__card{flex-direction:row;align-items:center;justify-content:space-between}}.newsletter-banner__intro{display:flex;align-items:center;gap:var(--nlb-icon-gap);min-width:0}.newsletter-banner--icon-top .newsletter-banner__intro{flex-direction:column;align-items:flex-start}.newsletter-banner__icon{flex-shrink:0;color:var(--nlb-icon-color);line-height:0}.newsletter-banner__icon--framed{display:flex;align-items:center;justify-content:center;width:var(--nlb-icon-frame-size);height:var(--nlb-icon-frame-size);background-color:var(--nlb-icon-background);border-radius:var(--nlb-icon-frame-radius)}.newsletter-banner__icon svg{width:var(--nlb-icon-size);height:var(--nlb-icon-size)}.newsletter-banner__icon-image{width:var(--nlb-icon-size);height:auto}.newsletter-banner__text>*{margin:0}.newsletter-banner__text>*+*{margin-top:.8rem}.newsletter-banner__heading{font-size:var(--nlb-heading-size);color:var(--nlb-heading-color);line-height:1.3;word-break:break-word;letter-spacing:0}.newsletter-banner__subheading{font-size:var(--nlb-text-size);color:var(--nlb-text-color);max-width:52ch;line-height:1.3;font-weight:500;letter-spacing:0}.newsletter-banner__subheading>*{margin:0;font-size:inherit}.newsletter-banner__form-wrapper{width:100%;flex-shrink:0}@media screen and (min-width:990px){.newsletter-banner__form-wrapper{width:var(--nlb-form-width);max-width:50%}}.newsletter-banner__form{width:100%}.newsletter-banner__field{display:flex;align-items:stretch;background-color:var(--nlb-field-background);border-radius:var(--nlb-form-radius);overflow:hidden}.newsletter-banner__field:focus-within{border-color:var(--nlb-button-background)}.newsletter-banner__input{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:0;border:0;margin:0;background-color:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.5rem;padding:1.4rem 1.8rem}.newsletter-banner__input:focus{outline:0}.newsletter-banner__input::placeholder{color:rgba(var(--color-foreground),.55);opacity:1}.newsletter-banner__button{flex-shrink:0;border:0;margin:0;cursor:pointer;background-color:var(--nlb-button-background);color:var(--nlb-button-text);font-family:var(--font-body-family);font-size:1.5rem;font-weight:600;padding:1.4rem 2.4rem;transition:opacity var(--duration-short) ease}.newsletter-banner__button:hover{opacity:.85}.newsletter-banner__button:focus-visible{outline:0;box-shadow:inset 0 0 0 .2rem rgb(var(--color-background))}.newsletter-banner__button .icon{width:1.5rem;height:1.5rem;fill:currentColor}.newsletter-banner__message{display:flex;align-items:center;gap:.6rem;margin:1rem 0 0}.newsletter-banner__message--success{margin-top:0}.newsletter-banner__message .icon{flex-shrink:0;width:1.3rem;height:1.3rem}@media screen and (max-width:749px){.newsletter-banner__intro{flex-flow:column;justify-content:center;align-items:center}.newsletter-banner__text{text-align:center}.newsletter-banner__heading{--nlb-heading-size:2.4rem}}@media screen and (max-width:479px){.newsletter-banner__field{flex-direction:column}.newsletter-banner__button{width:100%}.newsletter-banner__icon--framed{--nlb-icon-frame-size: 50px}.newsletter-banner__icon-image{--nlb-icon-size: 25px}.newsletter-banner__subheading{--nlb-text-size: 16px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-newsletter-banner.css.map */