.contact-form--bg-light{background:var(--surface-canvas)}.contact-form--bg-dark{background:var(--ink-0);color:#fff}.contact-form--bg-sunken{background:var(--surface-sunken)}.contact-form__box{width:100%;background:var(--surface-card);border:var(--border-width-strong) solid var(--ink-0);box-shadow:none;padding:clamp(var(--space-6),4vw,var(--space-12))}.contact-form--bg-dark .contact-form__box{border-color:#fff;box-shadow:none;color:var(--text-primary)}.contact-form__header{max-width:680px;margin-bottom:var(--space-10)}.contact-form__heading{text-transform:uppercase;margin:0 0 var(--space-4)}.contact-form__intro{color:var(--text-secondary)}.contact-form__layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:750px){.contact-form__layout:not(.contact-form__layout--no-sidebar){grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:clamp(40px,6vw,72px)}}.contact-form__form{display:flex;flex-direction:column;gap:var(--space-5)}.contact-form__required-note{margin:0;color:var(--text-muted);font:var(--text-caption)}.contact-form__field-row{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:600px){.contact-form__field-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-form__info-tile{background:var(--ink-0);color:#fff;border:var(--border-width-strong) solid var(--ink-0);border-radius:var(--radius-sm);padding:var(--space-6);display:flex;flex-direction:column}.contact-form__info-heading{margin:0 0 var(--space-3);color:#fff;font:var(--text-heading-md);text-transform:uppercase}.contact-form__info-row{display:flex;align-items:flex-start;gap:var(--space-3);padding-block:var(--space-4);border-bottom:1px solid var(--ink-700)}.contact-form__info-row:first-child{padding-top:0}.contact-form__info-row:last-child{border-bottom:none;padding-bottom:0}.contact-form__info-icon{flex-shrink:0;display:flex;padding-top:2px}.contact-form__info-icon svg{stroke:var(--brand-primary)}.contact-form__info-copy{display:flex;flex-direction:column;gap:2px}.contact-form__info-label{margin:0;color:var(--brand-primary)}.contact-form__info-value{margin:0;font:var(--text-body-md);font-weight:600;color:#fff;text-decoration:none;white-space:pre-line}a.contact-form__info-value:hover{color:var(--brand-primary)}.contact-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.contact-form__field .text-label{color:inherit}.contact-form__field input,.contact-form__field select,.contact-form__field textarea{font:var(--text-body-md);color:var(--text-primary);background:var(--surface-card);border:var(--border-width-default) solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.contact-form__field input:focus-visible,.contact-form__field select:focus-visible,.contact-form__field textarea:focus-visible{outline:none;border-color:var(--ink-0);box-shadow:0 0 0 1px var(--ink-0)}.contact-form--bg-dark .contact-form__field input,.contact-form--bg-dark .contact-form__field select,.contact-form--bg-dark .contact-form__field textarea{border-color:var(--ink-700)}.contact-form--bg-dark .contact-form__field input:focus-visible,.contact-form--bg-dark .contact-form__field select:focus-visible,.contact-form--bg-dark .contact-form__field textarea:focus-visible{border-color:#fff;box-shadow:0 0 0 1px #fff}.contact-form__field textarea{resize:vertical;min-height:120px}.contact-form__field input[aria-invalid=true],.contact-form__field textarea[aria-invalid=true]{border-color:var(--status-error)}.contact-form__field-error{font:var(--text-caption);color:var(--status-error);margin:0}.contact-form__success{font:var(--text-body-md);font-weight:600;color:var(--status-success);padding:var(--space-4);border:var(--border-width-default) solid var(--status-success);border-radius:var(--radius-sm);margin:0}.contact-form__error-summary{border:var(--border-width-strong) solid var(--status-error);border-radius:var(--radius-sm);padding:var(--space-4)}.contact-form__error-heading{font-weight:700;margin:0 0 var(--space-2)}.contact-form__error-summary ul{margin:0;padding-left:var(--space-5)}.contact-form__error-summary a{color:var(--status-error)}.contact-form__submit{align-self:flex-start;min-width:180px}@media(max-width:599px){.contact-form__submit{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-contact-form.css.map */