.contact-page{container-type:inline-size}@container (width<45rem){.contact-page .contact-grid{grid-template-columns:minmax(0,1fr)}.contact-page .contact-support{padding-block:0;padding-inline:calc(var(--spacing) * 6);justify-content:flex-start}@media (width>=640px){.contact-page .contact-support{padding-inline:calc(var(--spacing) * 8)}}}@container (width<10.5rem){.contact-form-card{--card-spacing:calc(var(--spacing) * 3)}.contact-page .contact-support{padding-inline:calc(var(--spacing) * 2)}}.contact-submission-state{text-align:center;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding-block:6rem;display:flex;position:relative}.contact-submission-icon{width:4.5rem;height:4.5rem;color:var(--contact-result-color);background:color-mix(in oklab, var(--contact-result-color) 10%, var(--card));border-radius:50%;place-items:center;display:grid}.contact-submission-icon svg{stroke-width:1.6px;width:2.25rem;height:2.25rem}.contact-submission-state[data-state=success]{--contact-result-color:var(--color-green-600)}.dark .contact-submission-state[data-state=success]{--contact-result-color:var(--color-green-400)}.contact-submission-state[data-state=error]{--contact-result-color:var(--destructive)}@keyframes contact-result-mark{0%{stroke-dashoffset:32px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){.contact-submission-icon svg path{stroke-dasharray:32;animation:.45s cubic-bezier(.16,1,.3,1) both contact-result-mark}}