@layer components{.contact-form{--margin:40px;--padding:20px;width:min(calc(100% - var(--padding)),var(--layout-width));min-height:calc(100vh - (var(--navigation-height) + var(--margin)*4));border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);margin:0 auto 40px;display:flex;position:relative}@media (width>=520px) and (width<=920px){.contact-form{--padding:50px}}.contact-form__inner{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:20px;display:flex;position:relative}.contact-form__inner:before{content:"";background:linear-gradient(to bottom right,transparent 0%,var(--blue)25%,var(--magenta)50%,var(--blue)75%,transparent 100%);opacity:.1;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.contact-form__title{font-size:var(--p);text-align:center;font-weight:400}.contact-form__form{gap:12px;padding:16px;display:grid}@media (width>=520px){.contact-form__form{grid-template-columns:1fr 1fr}}.contact-form__form-group{flex-direction:column;display:flex}.contact-form__form-group:first-child,.contact-form__form-group:nth-child(4){grid-column:1/-1}.contact-form__form-label{color:var(--grey-500);font-size:var(--label);margin-bottom:4px}.contact-form__input{font-size:var(--p);font-family:var(--sans-serif-font);border:var(--layout-border);resize:vertical;background-color:#0000;padding:6px}.contact-form__helper{color:var(--grey-300);align-self:flex-end;font-style:italic}.contact-form__submit{margin-left:auto}}