.cl-scope .newsletter-signup{background-color:var(--newsletter-signup-bg, #ffffff)}
.cl-scope .newsletter-signup__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}
.cl-scope .newsletter-signup__title{text-transform:capitalize}
.cl-scope .newsletter-signup__title,.cl-scope .newsletter-signup__title *{color:#1f1f1f;font-family:PP Mori,Mori,sans-serif;font-size:30px;font-style:normal;font-weight:600;line-height:130%;margin:0}
@media screen and (min-width:750px){.cl-scope .newsletter-signup__title{font-size:40px;line-height:130%}}
.cl-scope .newsletter-signup__description{font-family:Mori,sans-serif;font-size:18px;line-height:1.3;color:var(--newsletter-signup-text, #1f1f1f);margin:0;max-width:350px}
.cl-scope .newsletter-signup__form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;max-width:350px}
.cl-scope .newsletter-signup__input-wrapper{width:100%}
.cl-scope .newsletter-signup__input{width:100%;height:43px;padding:0 12px;border:.75px solid #1f1f1f;border-radius:3px;background-color:#fff;font-family:var(--font-body-family);font-size:16px;letter-spacing:.75px;color:#1f1f1f;text-align:center;outline:none;transition:border-color .2s ease}
.cl-scope .newsletter-signup__input::placeholder{color:#767676}
.cl-scope .newsletter-signup__input:focus{border-color:var(--newsletter-signup-button-bg, #e16203)}
.cl-scope .newsletter-signup__button{display:flex;align-items:center;justify-content:center;width:100%;padding:20px 55px;background-color:var(--newsletter-signup-button-bg, #e16203);border:none;border-radius:5px;font-family:var(--font-mono-family, "Apercu Mono Pro", monospace);font-size:22px;line-height:1;color:#fff;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}
.cl-scope .newsletter-signup__button:hover{background-color:var(--newsletter-signup-button-hover, #c75500)}
.cl-scope .newsletter-signup__button:active{transform:scale(.98)}
.cl-scope .newsletter-signup__message{font-family:var(--font-body-family);font-size:14px;padding:10px 15px;border-radius:3px;margin-top:10px;display:none}
.cl-scope .newsletter-signup__message--success{background-color:#4caf501a;color:#4caf50}
.cl-scope .newsletter-signup__message--error{background-color:#f443361a;color:#f44336}
.cl-scope .newsletter-signup__message.is-visible{display:block}
@media screen and (min-width:750px){.cl-scope .newsletter-signup__container{gap:10px}
.cl-scope .newsletter-signup__title{font-size:40px;letter-spacing:0}
.cl-scope .newsletter-signup__description{font-size:17px;line-height:21px;max-width:480px}
.cl-scope .newsletter-signup__form{flex-direction:row;gap:10px;max-width:480px}
.cl-scope .newsletter-signup__input-wrapper{flex:1}
.cl-scope .newsletter-signup__input{height:52px;font-size:12px;text-align:left;width:340px}
.cl-scope .newsletter-signup__button{flex-shrink:1;padding:20px 50px;font-size:28px;max-width:257px;max-height:55px}}
.cl-scope .newsletter-signup__button--loading{pointer-events:none;opacity:.7}
.cl-scope .newsletter-signup__button--loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:newsletter-spin .8s linear infinite}
@keyframes newsletter-spin{to{transform:rotate(360deg)}}