.newsletter{color:#fff;margin:1rem 0;padding:5rem 1rem;background-color:#02574d;border-color:#02574d}.newsletter .content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.newsletter .content h2{font-size:1rem;text-align:center;font-family:"Abril_Display_Bold"}.newsletter .content h1{font-size:3rem;text-align:center;font-family:"RedHatDisplay-Bold";line-height:1}.newsletter .content form{display:flex;flex-direction:column;gap:1rem}.newsletter .content form .input{background-color:#fff;border-radius:.4rem;padding:.2rem;display:flex;flex-direction:row}.newsletter .content form .input input{border:none;padding:.5rem;color:#444;flex:.75}.newsletter .content form .input button{border-radius:.4rem;background-color:#02574d;border:.1rem solid #02574d;color:#fff;padding:.5rem;cursor:pointer;font-family:"RedHatDisplay-Medium";white-space:nowrap;flex:.25}.newsletter .content form .input button:hover{background-color:#fff;color:#02574d}@media(max-width: 420px){.newsletter .content form .input{flex-direction:column}.newsletter .content form .input input{flex:1}.newsletter .content form .input input button{flex:1}}.newsletter .content form .checkbox{display:flex;flex-direction:row;gap:.5rem}.newsletter .content form .checkbox input[type=checkbox]{appearance:none;width:1.5rem;height:1.5rem;border:.1rem solid #fff;border-radius:.2rem;min-width:1.5rem;cursor:pointer}.newsletter .content form .checkbox input[type=checkbox]:checked{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>')}.newsletter .content form .checkbox label{color:#fff;font-family:"RedHatDisplay-Medium";font-size:.75rem;cursor:pointer;user-select:none}