.newsletter-section .section-content.newsletter-card{--nl-navy: #1a2b4c;--nl-orange: #e65100;--nl-muted: #5d6b84;--nl-line: #edf1f6;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"badge art" "title art" "desc art" "form form";grid-template-rows:auto auto 1fr auto;align-items:start;column-gap:20px;width:100%;max-width:720px;margin:0 auto;padding:28px 32px 32px;border:1px solid var(--nl-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px #1a2b4c14;text-align:left}.newsletter-card .newsletter-card__badge{grid-area:badge;justify-self:start;display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:7px 12px;border-radius:10px;background:#fff1e8;color:var(--nl-orange);font-size:13px;font-weight:700;line-height:1.2}.newsletter-card .newsletter-card__badge svg{flex:0 0 auto;fill:currentColor}.newsletter-card .newsletter-card__art{grid-area:art;align-self:center;width:150px}.newsletter-card .newsletter-card__art svg{display:block;width:100%;height:auto}.newsletter-card-art .nl-art__blob{fill:#fdebdf!important;stroke:none!important}.newsletter-card-art .nl-art__spark{fill:none!important;stroke:#e65100!important;stroke-width:3.2!important;stroke-linecap:round}.newsletter-card-art .nl-art__back{fill:#eef2f8!important;stroke:#d9e1ec!important;stroke-width:1.5!important}.newsletter-card-art .nl-art__paper{fill:#fff!important;stroke:#e3e8ef!important;stroke-width:1.5!important}.newsletter-card-art .nl-art__at{fill:#e65100!important;stroke:none!important;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:700}.newsletter-card-art .nl-art__flap{fill:#e65100!important;stroke:none!important}.newsletter-card-art .nl-art__front{fill:#f6f8fb!important;stroke:#d9e1ec!important;stroke-width:1.5!important}.newsletter-section .newsletter-card .title{grid-area:title;max-width:none;margin:0 0 10px!important;color:var(--nl-navy)!important;font-family:var(--font-body-family);font-size:34px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.01em;text-transform:none!important}.newsletter-section .newsletter-card .description{grid-area:desc;max-width:none;margin:0 0 22px!important;color:var(--nl-muted)!important;font-size:16px!important;line-height:1.5}.newsletter-card .description p{margin:0}.newsletter-section .newsletter-card .section-form-wrapper{grid-area:form;width:100%;max-width:none;margin:0}.newsletter-section .newsletter-card .newsletter-form__field-wrapper{flex-direction:column;gap:12px;width:100%}.newsletter-section .newsletter-card .newsletter-form__field-wrapper .field{position:relative;width:100%;max-width:100%;margin:0}.newsletter-section .newsletter-card .newsletter-form__field-wrapper .field__input{height:58px;padding:0 16px 0 74px!important;border:1px solid #d5dce6;border-radius:12px;background:#fff;color:var(--nl-navy);font-size:16px!important;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}.newsletter-section .newsletter-card .newsletter-form__field-wrapper .field__input:focus{border-color:var(--nl-navy);outline:none;box-shadow:0 0 0 3px #1a2b4c1a}.newsletter-card .newsletter-card__input-icon{position:absolute;top:1px;bottom:1px;left:1px;z-index:2;display:flex;align-items:center;justify-content:center;width:58px;border-right:1px solid #e3e8ef;border-radius:11px 0 0 11px;background:#f3f6fa;color:var(--nl-navy);pointer-events:none}.newsletter-card .newsletter-card__input-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.newsletter-card .newsletter-form__field-wrapper .effect_placeholder{top:50%;bottom:auto;left:74px;right:16px;width:auto;transform:translateY(-50%)}.newsletter-card .newsletter-form__field-wrapper .input_placeholder{color:var(--nl-muted);font-size:16px!important;line-height:1.3}html body .newsletter-section .newsletter-card .newsletter-form__button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:58px;margin:0;padding:0 20px;border:0!important;border-radius:12px!important;background:var(--nl-navy)!important;box-shadow:0 10px 22px #1a2b4c29,inset 0 -3px #0003!important;color:#fff!important;font-size:17px;font-weight:700;letter-spacing:0;text-transform:none;transform:none!important;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease!important;-webkit-tap-highlight-color:transparent}html body .newsletter-section .newsletter-card .newsletter-form__button:before,html body .newsletter-section .newsletter-card .newsletter-form__button:after{display:none!important}html body .newsletter-section .newsletter-card .newsletter-form__button:active,html body .newsletter-section .newsletter-card .newsletter-form__button.is-pressed{background:var(--nl-orange)!important;box-shadow:0 3px 8px #e651004d,inset 0 2px 3px #00000038!important;transform:translateY(2px) scale(.975)!important;transition:background-color .08s ease,box-shadow .08s ease,transform .08s ease!important}.newsletter-card .newsletter-card__arrow{display:inline-flex}html body .newsletter-section .newsletter-card .newsletter-card__arrow svg{position:static;width:20px;height:20px;fill:none!important;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transform:none!important}@media(max-width:767px){.newsletter-section [class*=container]:has(>.section-content-wrapper>.newsletter-card){padding-left:16px;padding-right:16px}.newsletter-section .section-content.newsletter-card{grid-template-areas:"badge art" "title art" "desc desc" "form form";grid-template-rows:auto auto auto auto;column-gap:10px;padding:20px 18px;border-radius:18px}.newsletter-card .newsletter-card__badge{margin-bottom:12px;padding:6px 10px;font-size:12px}.newsletter-card .newsletter-card__art{align-self:start;width:92px;margin-top:-4px}.newsletter-section .newsletter-card .title{font-size:clamp(22px,6.6vw,26px)!important}.newsletter-section .newsletter-card .description{margin-bottom:16px!important;font-size:14px!important}.newsletter-section .newsletter-card .newsletter-form__field-wrapper{gap:10px}.newsletter-section .newsletter-card .newsletter-form__field-wrapper .field__input,html body .newsletter-section .newsletter-card .newsletter-form__button{height:52px}.newsletter-section .newsletter-card .newsletter-form__field-wrapper .field__input{padding-left:66px!important;font-size:16px!important}.newsletter-card .newsletter-card__input-icon{width:52px}.newsletter-card .newsletter-form__field-wrapper .effect_placeholder{left:66px}.newsletter-card .newsletter-form__field-wrapper .input_placeholder{font-size:15px!important}html body .newsletter-section .newsletter-card .newsletter-form__button{font-size:16px}}@media(prefers-reduced-motion:reduce){html body .newsletter-section .newsletter-card .newsletter-form__button.is-pressed,html body .newsletter-section .newsletter-card .newsletter-form__button:active{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-newsletter-card.css.map */