@charset "UTF-8";.email-collector{position:relative;background:var(--bg-color, #f8f6f4);color:var(--text-color, #ffffff);overflow:hidden;min-height:500px;border-radius:20px}.email-collector__background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;transition:transform .3s ease}.email-collector__background-image--desktop{display:block}.email-collector__background-image--mobile{display:none}.email-collector__background-image img{width:100%;height:100%;object-fit:cover}.email-collector__background-image--placeholder{background:linear-gradient(135deg,#f8f6f4,#e8e6e3);display:flex;align-items:center;justify-content:center}.email-collector__placeholder-content{text-align:center;color:#999;font-size:1rem}.email-collector__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--overlay-opacity, .7));z-index:2}.email-collector__container{position:relative;z-index:3;width:100%;min-height:500px;display:flex;align-items:center;justify-content:center}.email-collector__container--left{justify-content:flex-start}.email-collector__container--center{justify-content:center}.email-collector__container--right{justify-content:flex-end}.email-collector__content{width:100%;max-width:600px;padding:3rem 2rem}.email-collector__content--left{text-align:left;margin-right:auto;margin-left:0}.email-collector__content--center{text-align:center;margin-left:auto;margin-right:auto}.email-collector__content--right{text-align:right;margin-left:auto;margin-right:0}.email-collector__inner{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.email-collector__logo{margin-bottom:1rem;display:flex;justify-content:center;align-items:center;height:auto}.email-collector__logo img{max-width:calc(200px * var(--logo-size, 1));height:auto;display:block}.email-collector__heading{font-size:var(--heading-font-size, 2.4rem);font-weight:700;line-height:1.1;color:var(--text-color, #ffffff);margin:0;text-align:center}.email-collector__intro{font-size:var(--intro-font-size, 1rem);line-height:1.5;color:var(--text-color, #ffffff);opacity:.9;max-width:400px}.email-collector__description{font-size:var(--description-font-size, .9rem);line-height:1.5;color:var(--text-color, #ffffff);opacity:.8;max-width:400px}.email-collector__form-container{width:100%;max-width:400px}.email-collector__form{display:flex;flex-direction:column;gap:1rem;align-items:center}.email-collector__form-row{display:flex;width:100%;gap:1rem;align-items:stretch;flex-direction:column}.email-collector__field{position:relative;flex:1}.section-email-collector .email-collector__input{width:100%;padding:1rem 1.5rem;border:2px solid #000000!important;border-radius:50px;font-size:1rem;background:#fff;color:#000;transition:all .3s ease;outline:none;min-width:300px}.section-email-collector .email-collector__input:focus{border-color:#000!important;background:#fff;box-shadow:0 0 0 3px #00000014}.section-email-collector .email-collector__input::placeholder{color:#000}.section-email-collector .email-collector__label-input{position:absolute;top:50%;left:1.5rem;transform:translateY(-50%);font-size:1rem;color:#000;pointer-events:none;transition:all .3s ease;background:transparent;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.email-collector__button{background:var(--button-color, #151515);color:var(--button-text-color, #ffffff);border:none;padding:1rem 2rem;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;min-width:160px;white-space:nowrap;position:relative;overflow:hidden;transform:scale(var(--button-size, 1));width:60%;align-self:center;display:flex;align-items:center;justify-content:center;text-align:center}.email-collector__button:hover{transform:translateY(-2px) scale(var(--button-size, 1));box-shadow:0 8px 25px #0000004d;background:var(--button-hover-color, #333333);color:var(--button-hover-text-color, #ffffff)}.email-collector__button:active{transform:translateY(0) scale(var(--button-size, 1))}.email-collector__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.email-collector__button:hover:before{left:100%}.email-collector__notification{padding:1rem;border-radius:10px;margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;width:100%}.email-collector__notification.error{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.email-collector__notification.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}@media only screen and (min-width: 768px){.email-collector__background-image--desktop{display:block}.email-collector__background-image--mobile{display:none}.email-collector,.email-collector__container{min-height:600px}.email-collector__content{padding:4rem 3rem}.email-collector__logo img{max-width:calc(250px * var(--logo-size, 1))}.email-collector__heading{font-size:calc(var(--heading-font-size, 2.4rem) * 1.4)}.email-collector__intro{font-size:calc(var(--intro-font-size, 1rem) * 1.125)}.email-collector__description{font-size:calc(var(--description-font-size, .9rem) * 1.14)}.email-collector__form-row{gap:1.5rem}.email-collector__button{min-width:180px;padding:1rem 2.5rem;width:60%}}@media only screen and (min-width: 1024px){.email-collector,.email-collector__container{min-height:700px}.email-collector__content{padding:5rem 4rem}.email-collector__heading{font-size:calc(var(--heading-font-size, 2.4rem) * 1.6)}.email-collector__inner{gap:2rem}}@media only screen and (max-width: 767px){.email-collector,.email-collector__container{min-height:400px}.email-collector__content{padding:2rem 1.5rem}.email-collector__logo img{max-width:calc(150px * var(--logo-size, 1))}.email-collector__heading{font-size:calc(var(--heading-font-size, 2.4rem) * .8)}.email-collector__intro{font-size:calc(var(--intro-font-size, 1rem) * .875)}.email-collector__form-row{flex-direction:column;gap:1rem}.email-collector__button{width:60%;min-width:auto;align-self:center;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem 1.5rem}.email-collector__description{font-size:calc(var(--description-font-size, .9rem) * .86)}.email-collector__background-image{background-size:cover;background-position:center center;background-attachment:scroll}.email-collector__background-image img{object-fit:cover;object-position:center center}.email-collector__background-image--mobile{display:block}.email-collector__background-image--desktop{display:none}.email-collector__content--left,.email-collector__content--right{text-align:center;margin-left:auto;margin-right:auto}.email-collector__container--left,.email-collector__container--right{justify-content:center}}.section-email-collector .row.full-width-row{padding:0}.section-email-collector .row.full-width-row>.columns{padding:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.email-collector__inner>*{animation:fadeInUp .6s ease forwards}.email-collector__label{animation-delay:.1s}.email-collector__heading{animation-delay:.2s}.email-collector__intro{animation-delay:.3s}.email-collector__form-container{animation-delay:.4s}.email-collector__description{animation-delay:.5s}.email-collector__input:focus-visible{outline:2px solid var(--text-color, #ffffff);outline-offset:2px}.email-collector__button:focus-visible{outline:2px solid var(--text-color, #ffffff);outline-offset:2px}@media (prefers-contrast: high){.email-collector__overlay{background:#000000e6}.email-collector__input{border-color:var(--text-color, #ffffff)}}@media (prefers-reduced-motion: reduce){.email-collector__inner>*{animation:none}.email-collector__button:before{display:none}.email-collector__button:hover{transform:none}}.email-collector__button.loading{position:relative;pointer-events:none}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.email-collector__input.valid{border-color:#22c55e}.email-collector__input.invalid{border-color:#dc2626}
/*# sourceMappingURL=/cdn/shop/t/3/assets/email-collector.css.map */