.signup-banner{position:relative;width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.signup-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.signup-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.signup-banner__image{width:100%;height:100%;object-fit:cover;display:block}.signup-banner__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-foreground);opacity:.05}.signup-banner__placeholder-svg{width:100%;height:100%;object-fit:cover}.signup-banner__content{position:relative;z-index:2;width:100%;max-width:520px;margin:0 auto;padding:0 1.5rem}.signup-banner__inner{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}.signup-banner__title{font-size:24px;font-style:normal;font-weight:500;line-height:1.333333;letter-spacing:.15px;text-align:center;color:#fff;margin:0;width:100%}@media screen and (min-width:750px){.signup-banner__title{font-size:30px}}.signup-banner__form{width:100%}.signup-banner__field{display:flex;padding:24px;flex-direction:row;align-items:center;gap:8px;align-self:stretch;border-radius:9999px;background:#fff;border:1px solid #f3fbf9;box-shadow:none}@media screen and (max-width:749px){.signup-banner__field{padding:10px 14px}.signup-banner__submit{width:36px;height:36px}.signup-banner__submit-icon .icon,.signup-banner__submit-icon svg{width:18px;height:18px}}@media screen and (min-width:750px)and (max-width:989px){.signup-banner__content{max-width:480px;padding:0 1.25rem}.signup-banner__field{padding:24px}.signup-banner__input{font-size:13px}.signup-banner__submit{width:36px;height:36px}.signup-banner__submit-icon .icon,.signup-banner__submit-icon svg{width:18px;height:18px}}.signup-banner__input{flex:1;min-width:0;overflow:hidden;color:#4b5563;text-overflow:ellipsis;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857;border:none;background:transparent;outline:none;box-shadow:none}.signup-banner__input::placeholder{color:#4b5563}.signup-banner__input:focus,.signup-banner__input:focus-visible{outline:none;box-shadow:none}.signup-banner__field:focus-within{box-shadow:none}.signup-banner__submit{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;cursor:pointer;color:#4b5563;border-radius:50%;transition:background-color .2s ease,color .2s ease}.signup-banner__submit:hover{background:#4b556314;color:#1f2937}.signup-banner__submit:focus-visible{outline:2px solid #4b5563;outline-offset:2px}.signup-banner__submit-icon{display:flex;align-items:center;justify-content:center}.signup-banner__submit-icon .icon{width:20px;height:20px}.signup-banner__submit-icon svg{width:20px;height:20px}.signup-banner__message{margin:.75rem 0 0;font-size:14px;text-align:center;color:#fff}.signup-banner__message--error{color:#fecaca}.signup-banner__message--success{color:#86efac}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-signup-banner.css.map */
