.section-subscription-cta{background-color:var(--subscription-bg-color);color:var(--subscription-text-color);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding-top:var(--top-spacing-mobile);padding-bottom:var(--bottom-spacing-mobile);position:relative;z-index:5;width:100vw;margin-left:calc(50% - 50vw)}.section-subscription-cta .page-width{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.subscription-cta-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.subscription-cta-heading{font-size:2.5em;font-weight:700;color:var(--subscription-heading-color)!important;line-height:1.2}.subscription-cta-subheading{font-size:1.1em;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.subscription-form{width:100%;max-width:500px;margin:0 auto}.form-input-group{display:flex;flex-direction:column;gap:1rem}.form-input{flex-grow:1;padding:.75rem 1.25rem;border-radius:9999px;border:1px solid rgba(255,255,255,.4);background-color:var(--subscription-input-bg-color);color:var(--subscription-input-text-color);font-size:1em;outline:none;transition:all .3s ease}.form-input::placeholder{color:rgba(var(--subscription-input-text-color-rgb, 51, 51, 51),.6)}.form-input:focus{border-color:rgba(var(--subscription-button-bg-color-rgb, 42, 100, 199),.8);box-shadow:0 0 0 3px rgba(var(--subscription-button-bg-color-rgb, 42, 100, 199),.3)}.form-button{background-color:var(--subscription-button-bg-color);color:var(--subscription-button-text-color)!important;font-weight:600;padding:.75rem 2rem;border-radius:9999px;border:none;cursor:pointer;transition:background-color .3s ease,transform .3s ease;box-shadow:0 4px 10px #0003;width:100%}.form-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.form-success{color:#a7f3d0;font-weight:600}.form-errors{color:#fca5a5;font-weight:600}:root{--subscription-input-text-color-rgb: 51, 51, 51;--subscription-button-bg-color-rgb: 42, 100, 199}@media (min-width: 640px){.form-input-group{flex-direction:row}.form-button{width:auto}}@media (min-width: 768px){.subscription-cta-heading{font-size:3.5em}.section-subscription-cta{padding-top:var(--top-spacing-desktop);padding-bottom:var(--bottom-spacing-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-subscription-cta.css.map */