@layer components{.contact-container{max-width:var(--container-3xl);flex-direction:column;gap:1rem;margin:0 auto;padding:1.5rem;display:flex}.contact-container h1{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);margin:0;font-weight:700}.contact-description{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-slate-600)}.contact-description:where(.dark,.dark *){color:var(--color-slate-300)}.contact-form{flex-direction:column;gap:.75rem;display:flex}.contact-form label{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-slate-700);font-weight:600}.contact-form label:where(.dark,.dark *){color:var(--color-slate-200)}.contact-form textarea{width:100%;font-size:var(--text-sm);line-height:var(--text-sm--line-height);border:1px solid var(--color-slate-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;padding:.5rem .75rem}.contact-form input[type=text]{width:100%;font-size:var(--text-sm);line-height:var(--text-sm--line-height);border:1px solid var(--color-slate-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;padding:.5rem .75rem}.contact-form input[type=text]:focus{border-color:var(--color-sky-500);box-shadow:initial 0 0 0 2px var(--color-slate-400);outline:none}.contact-form input[type=text]:where(.dark,.dark *){background-color:var(--color-slate-800);border-color:var(--color-slate-600);color:var(--color-slate-50)}.contact-form input[type=text]:where(.dark,.dark *):focus{box-shadow:initial 0 0 0 2px var(--color-slate-500)}.contact-form input[type=email]{width:100%;font-size:var(--text-sm);line-height:var(--text-sm--line-height);border:1px solid var(--color-slate-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;padding:.5rem .75rem}.contact-form input[type=email]:focus{border-color:var(--color-sky-500);box-shadow:initial 0 0 0 2px var(--color-slate-400);outline:none}.contact-form input[type=email]:where(.dark,.dark *){background-color:var(--color-slate-800);border-color:var(--color-slate-600);color:var(--color-slate-50)}.contact-form input[type=email]:where(.dark,.dark *):focus{box-shadow:initial 0 0 0 2px var(--color-slate-500)}.contact-form textarea:focus{border-color:var(--color-sky-500);box-shadow:initial 0 0 0 2px var(--color-slate-400);outline:none}.contact-form textarea:where(.dark,.dark *){background-color:var(--color-slate-800);border-color:var(--color-slate-600);color:var(--color-slate-50)}.contact-form textarea:where(.dark,.dark *):focus{box-shadow:initial 0 0 0 2px var(--color-slate-500)}.contact-form textarea{resize:vertical;min-height:10rem}.contact-submit{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:#fff;background-color:var(--color-slate-900);border-radius:var(--radius-lg);box-shadow:var(--shadow);cursor:pointer;transition:background-color var(--default-transition-duration,.15s)ease,box-shadow var(--default-transition-duration,.15s)ease;border:none;padding:.6rem 1rem;font-weight:600}.contact-submit:hover{background-color:var(--color-slate-800)}.contact-submit:where(.dark,.dark *){background-color:var(--color-slate-100);color:var(--color-slate-900)}.contact-submit:where(.dark,.dark *):hover{background-color:#fff}.contact-submit:disabled{opacity:.7;cursor:not-allowed}.contact-status{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-slate-600);min-height:1.25rem}.contact-status:where(.dark,.dark *){color:var(--color-slate-300)}.contact-warning{font-size:var(--text-sm);color:var(--color-amber-700)}.contact-warning:where(.dark,.dark *){color:var(--color-amber-300)}}