.section-newsletter{--color-background: transparent}.newsletter-card{display:grid;grid-template-columns:1fr;align-items:center;gap:20px}@media screen and (max-width:576px){.newsletter-card .form__send-button .button{width:100%}}.newsletter-card--shadow-hover{padding:30px;background-color:var(--color-background);border-radius:var(--border-radius-size-5);box-shadow:inset 0 0 0 1px var(--color-line),0 0 #0000;transition:box-shadow var(--duration-default) var(--transition-primary);overflow:hidden}.newsletter-form .form__message--success .form__message--icon{display:inline-flex}.newsletter-form .form__message--success .form__message--icon svg{width:24px;height:24px}@media screen and (min-width:1025px){.newsletter-card{grid-template-columns:repeat(2,1fr);gap:30px;width:var(--newsletter-form-width, 100%);margin-inline:auto}.newsletter-card--shadow-hover:hover{box-shadow:inset 0 0 0 0 var(--color-line),var(--popup-box-shadow)}.newsletter-form .form__message--success .form__message--icon{position:relative;top:.25em;margin-inline-end:10px}}.newsletter-form{position:unset}.newsletter-form__field-wrapper{display:grid;grid-template-columns:1fr;gap:15px}.newsletter-form__field-wrapper:has(.button--only-icon){grid-template-columns:1fr auto;gap:15px 10px}.newsletter-form__agreement,.newsletter-form__message.form__message--errors{margin-top:5px}.newsletter-form__agreement a{color:var(--color-accent);text-decoration:none}@media screen and (min-width:577px){.newsletter-form__field-wrapper{grid-template-columns:1fr auto;gap:10px}.newsletter-form__agreement,.newsletter-form__message.form__message--errors{margin-top:0;grid-column:span 2}}:is(.newsletter-form__message,.newsletter-form .form-status):focus-visible{outline:none}.newsletter-form__message.form__message--errors~.newsletter-form__agreement{display:none}.newsletter-form .form__message--success{display:none}.newsletter-form .form__message--success .form-status{display:grid;grid-template-columns:1fr;padding:0}.has-success-message .newsletter-form .form__message--success{position:absolute;display:flex;flex-direction:column;top:50%;left:50%;width:100%;padding:30px;gap:15px;transform:translate(-50%,-50%);z-index:var(--layer-flat);text-align:center;pointer-events:none;animation:fadeOutSuccess 7s forwards;transition:opacity var(--duration-default) var(--transition-primary)}@media screen and (min-width:1025px){.has-success-message .newsletter-form .form__message--success{display:block}}.has-success-message .footer-newsletter:has(.form__message--success) .footer-newsletter__heading,.has-success-message .form-wrapper:has(.form__message--success):not(.form-wrapper--no-autohide) .newsletter-form__field-wrapper,.has-success-message .newsletter-card:has(.form__message--success) :is(.newsletter-form__field-wrapper,.heading-wrapper){animation:fadeInFields 7s forwards;transition:opacity var(--duration-default) var(--transition-primary),transform var(--duration-default) var(--transition-primary)}.has-success-message .form-wrapper--no-autohide:has(.form__message--success) .form__message--success{animation:none}.has-success-message .form-wrapper--no-autohide:has(.form__message--success) .newsletter-form__field-wrapper{opacity:0;pointer-events:none}@keyframes fadeOutSuccess{0%,94%{opacity:1;visibility:visible}98%,to{opacity:0;visibility:hidden}}@keyframes fadeInFields{0%,96%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/section-newsletter.css.map */