.contact-form{inline-size:100%;max-inline-size:38rem;margin-inline:auto}.contact-form__form,.contact-form__form-row{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:750px){.contact-form__form-row{flex-direction:row}.contact-form__form-row>*{flex:1 1 0;min-inline-size:0}}html .contact-form__input{inline-size:100%;padding:.9375rem 1rem;border:2px solid var(--pd-ink);border-radius:var(--pd-radius);background-color:var(--pd-on-dark);font-family:var(--pd-font-body);font-size:.9375rem;line-height:1.5;color:var(--pd-ink);transition:border-color var(--pd-dur) var(--pd-ease),box-shadow var(--pd-dur) var(--pd-ease)}html .contact-form__input::placeholder{color:var(--pd-muted)}html .contact-form__input:hover{border-color:var(--pd-blue)}html .contact-form__input:focus,html .contact-form__input:focus-visible{outline:none;border-color:var(--pd-blue);box-shadow:0 0 0 3px rgba(var(--pd-blue-rgb, 57, 91, 170),.15)}html .contact-form__input--textarea{min-block-size:9rem;resize:vertical}.contact-form .submit-button{min-block-size:3.25rem;padding-inline:2.5rem;font-family:var(--pd-font-display);font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;align-self:center;transition:transform var(--pd-dur) var(--pd-ease),box-shadow var(--pd-dur) var(--pd-ease)}.contact-form .submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(var(--pd-ink-rgb, 15, 18, 24),.18)}@media(prefers-reduced-motion:no-preference){.content-for-layout:has(.contact-form)>.shopify-section:first-child .text-block,.contact-form__form>*,.contact-form .submit-button{animation:pd-fade-in var(--pd-dur-fade) var(--pd-ease-fade) both,pd-rise-in var(--pd-dur-rise) var(--pd-ease-entrance) both}.content-for-layout:has(.contact-form)>.shopify-section:first-child .text-block:nth-of-type(1){animation-delay:60ms,60ms}.content-for-layout:has(.contact-form)>.shopify-section:first-child .text-block:nth-of-type(2){animation-delay:.13s,.13s}.contact-form__form>*:nth-child(1){animation-delay:.2s,.2s}.contact-form__form>*:nth-child(2){animation-delay:.26s,.26s}.contact-form__form>*:nth-child(3){animation-delay:.32s,.32s}.contact-form__form>*:nth-child(n+4){animation-delay:.38s,.38s}}@media(prefers-reduced-motion:reduce){.contact-form .submit-button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pd-contact.css.map */