@layer quartz-base{.newsletter-component{background-color:var(--highlight);border:1px solid var(--lightgray);border-radius:6px;padding:.5rem .75rem}.newsletter-component h3{color:var(--dark);margin-bottom:.1rem;margin-top:0!important;font-size:.8rem!important}.newsletter-component .newsletter-desc{color:var(--gray);margin-top:0;margin-bottom:.3rem;font-size:.7rem;line-height:1.2}.newsletter-component .newsletter-form{flex-direction:column;gap:.25rem;display:flex}.newsletter-component .newsletter-form .newsletter-input{border:1px solid var(--lightgray);font-family:var(--fontOrigin);background-color:var(--light);color:var(--dark);border-radius:4px;padding:.3rem .5rem;font-size:.75rem;transition:border-color .2s}.newsletter-component .newsletter-form .newsletter-input:focus{border-color:var(--tertiary);outline:none}.newsletter-component .newsletter-form .newsletter-submit{background-color:var(--secondary);color:var(--light);font-family:var(--fontOrigin);cursor:pointer;border:none;border-radius:4px;padding:.3rem .5rem;font-size:.75rem;font-weight:600;transition:background-color .2s,transform .1s}.newsletter-component .newsletter-form .newsletter-submit:hover{background-color:var(--tertiary)}.newsletter-component .newsletter-form .newsletter-submit:active{transform:scale(.98)}.newsletter-component .newsletter-message{border-radius:4px;margin-top:.3rem;padding:.3rem .4rem;font-size:.7rem;line-height:1.3}.newsletter-component .newsletter-message.success{color:#28a745;background-color:#28a7451a;border:1px solid #28a74533}.newsletter-component .newsletter-message.error{color:#dc3545;background-color:#dc35451a;border:1px solid #dc354533}}