.footer-email-signup{--fes-input-bg: rgba(var(--color-inputs-background));--fes-input-text: rgba(var(--color-inputs-foreground));--fes-border: rgba(var(--color-inputs-border));--fes-ring: #9a706d;--fes-ring-soft: #fcedee;--fes-error: var(--color-error);--fes-success: var(--color-success);--fes-button-bg: #f8f8f8;--fes-button-bg-hover: #ececec;--fes-button-text: #1c1b1b;--fes-bubble-bg: #ffffff;--fes-bubble-text: #1c1b1b;--fes-height: 4.8rem;--fes-border-width: 1px;--fes-ring-width: 3px;--fes-radius: var(--inputs-radius);--fes-transition: .15s ease;padding-block:3rem}.footer-email-signup-inner{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.footer-email-signup-heading{margin:0;font-size:calc(var(--font-heading-scale) * 1.8rem);line-height:1.3;text-align:center}@media(min-width:750px){.footer-email-signup-inner{flex-direction:row;justify-content:center;gap:2.4rem}.footer-email-signup-heading{flex:0 1 auto;text-align:start}}footer-email-signup{display:block;width:100%}@media(min-width:750px){footer-email-signup{flex:0 1 auto;width:auto}}.footer-email-signup-form{position:relative;width:100%;max-width:500px;min-width:min(290px,100%);margin-inline:auto}@media(min-width:600px){.footer-email-signup-form{min-width:394px}}@media(min-width:980px){.footer-email-signup-form{width:500px}}.footer-email-signup-pair{display:flex;width:100%}.footer-email-signup-label{display:contents}.footer-email-signup-input[type=email]{flex:1 1 0;min-width:0;height:var(--fes-height);padding-block:0;padding-inline:1.5rem;font-size:max(16px,1.6rem);background-color:var(--fes-input-bg);color:var(--fes-input-text);border:var(--fes-border-width) solid var(--fes-border);border-inline-end-width:0;border-start-start-radius:var(--fes-radius);border-end-start-radius:var(--fes-radius);border-start-end-radius:0;border-end-end-radius:0;box-shadow:none;position:relative;z-index:1;transition:border-color var(--fes-transition),box-shadow var(--fes-transition)}.footer-email-signup-button{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;height:var(--fes-height);min-width:min(9rem,30%);padding-block:0;padding-inline:2rem;line-height:1;font-family:var(--font-buttons-family);font-size:max(15px,1.5rem);font-weight:var(--font-bolder-weight);text-transform:var(--font-buttons-transform);background-color:var(--fes-button-bg);color:var(--fes-button-text);border:var(--fes-border-width) solid var(--fes-border);border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--fes-radius);border-end-end-radius:var(--fes-radius);box-shadow:none;position:relative;z-index:1;transition:border-color var(--fes-transition),box-shadow var(--fes-transition)}.footer-email-signup-input[type=email]:hover{box-shadow:none}.footer-email-signup-button:hover{box-shadow:none;background-color:var(--fes-button-bg-hover)}.footer-email-signup-input[type=email]:focus-visible{outline:none;border-color:var(--fes-ring-soft);box-shadow:0 0 0 var(--fes-ring-width) var(--fes-ring);clip-path:inset(calc(var(--fes-ring-width) * -1) 0 calc(var(--fes-ring-width) * -1) calc(var(--fes-ring-width) * -1));z-index:2}.footer-email-signup-input[type=email]:focus-visible~.footer-email-signup-button{box-shadow:0 0 0 var(--fes-ring-width) var(--fes-ring);clip-path:inset(calc(var(--fes-ring-width) * -1) calc(var(--fes-ring-width) * -1) calc(var(--fes-ring-width) * -1) 0);z-index:2}.footer-email-signup-button:focus-visible{outline:none;box-shadow:0 0 0 var(--fes-ring-width) var(--fes-ring-soft);clip-path:none;z-index:3}[dir=rtl] .footer-email-signup-input[type=email]:focus-visible{clip-path:inset(calc(var(--fes-ring-width) * -1) calc(var(--fes-ring-width) * -1) calc(var(--fes-ring-width) * -1) 0)}[dir=rtl] .footer-email-signup-input[type=email]:focus-visible~.footer-email-signup-button{clip-path:inset(calc(var(--fes-ring-width) * -1) 0 calc(var(--fes-ring-width) * -1) calc(var(--fes-ring-width) * -1))}.footer-email-signup-pair.has-error .footer-email-signup-input[type=email]{border-color:var(--fes-error)}.footer-email-signup-pair.has-error .footer-email-signup-button{border-block-color:var(--fes-error);border-inline-end-color:var(--fes-error);border-inline-start-color:var(--fes-border)}.footer-email-signup-callout{position:absolute;inset-inline-start:0;inset-block-start:calc(100% + 1rem);z-index:5;display:flex;align-items:flex-start;gap:.8rem;max-width:100%;text-align:start;pointer-events:none}.footer-email-signup-callout.is-error,.footer-email-signup-callout.is-success{pointer-events:auto;padding:1.2rem 1.6rem;background-color:var(--fes-bubble-bg);border-radius:var(--fes-radius);box-shadow:0 2px 12px #0000002e;font-size:calc(var(--font-body-scale) * 1.4rem);line-height:1.4}.footer-email-signup-callout.is-error{color:var(--fes-error)}.footer-email-signup-callout.is-success{color:var(--fes-success)}.footer-email-signup-callout.is-error .footer-email-signup-callout-message,.footer-email-signup-callout.is-success .footer-email-signup-callout-message{color:var(--fes-bubble-text)}.footer-email-signup-callout.is-error:after,.footer-email-signup-callout.is-success:after{content:"";position:absolute;inset-block-end:100%;inset-inline-start:2.4rem;border:.8rem solid transparent;border-block-end-color:var(--fes-bubble-bg)}.footer-email-signup-callout-icon,.footer-email-signup-callout-icon-error,.footer-email-signup-callout-icon-success{display:none}.footer-email-signup-callout.is-error .footer-email-signup-callout-icon,.footer-email-signup-callout.is-success .footer-email-signup-callout-icon{display:block;flex:0 0 auto}.footer-email-signup-callout.is-error .footer-email-signup-callout-icon-error,.footer-email-signup-callout.is-success .footer-email-signup-callout-icon-success{display:block}.footer-email-signup-callout svg{display:block;width:1.8rem;height:1.8rem}.footer-email-signup-callout-message strong{font-weight:var(--font-bolder-weight, 600)}@media(prefers-reduced-motion:reduce){.footer-email-signup-input[type=email],.footer-email-signup-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/366/assets/footer-email-signup.css.map */