.callout{--transparent-black:rgba(10, 10, 10, .25);--red:rgb(151, 9, 25);--light-red:rgb(255, 204, 199);--lightest-blue:hsl(201, 70%, 91%);--light-blue:hsl(201, 70%, 81%);--dark-blue:hsl(201, 100%, 13%);--green:hsl(96, 65%, 63%);--light-green:hsl(96, 100%, 80%);--dark-green:hsl(96, 92%, 32%);--yellow:rgb(255, 214, 102);--light-yellow:rgb(255, 251, 230);display:grid;grid-template-columns:1fr;align-items:center;position:relative;margin:0 0 1rem;padding:1rem;border:1px solid var(--transparent-black);border-radius:0;background-color:var(--white);color:var(--black)}.callout.primary{background-color:var(--lightest-blue);border:1px solid var(--light-blue);color:var(--black)}.callout.secondary{background-color:var(--gray);color:var(--black)}.callout.success{background-color:var(--light-green);border:1px solid var(--green);color:var(--black)}.callout.warning{background-color:var(--light-yellow);border:1px solid var(--yellow);color:var(--black)}.callout.alert{background-color:var(--light-red);border:1px solid var(--red);color:var(--black)}.callout.small{padding:.5rem}.callout.large{padding:3rem}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout img{display:block}.callout button{padding:.5rem 1rem;cursor:pointer;background-color:transparent;border:none;overflow:hidden}#error .callout{width:80vw;margin:0 auto;padding:2rem;border-radius:4px;position:relative;top:200px;z-index:1006;text-align:center}.message_icon{margin-right:1rem;vertical-align:middle}.validation-error-message{color:var(--red);font-family:Inter Italic,sans-serif;font-style:italic}.error,input[type=text].error{background-color:#9900001a;border:1px solid var(--red)}.contact-form{padding:2rem 3rem 3rem;font-size:1rem}.required:is(.contact-form label):after{content:"*";padding-left:.25rem;color:var(--red)}:is(.contact-form input[type=submit]):hover{background-color:var(--navy);color:var(--white);font-weight:600}:is(.contact-form input[type=submit]):disabled{opacity:.33}:is(.contact-form input[type=submit]):disabled:hover{background-color:var(--dark-blue);font-weight:400;cursor:default}.contact-form .spinner-container{width:100%;text-align:center}@media only screen and (max-width:60rem){.contact-form{padding:1.5rem}}