.contact-section{min-width:0}.contact-section__inner{max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--page-gutter);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"content form";align-items:start;gap:var(--contact-gap-desktop, 80px)}.contact-section--ratio-form_wide .contact-section__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.contact-section--ratio-content_wide .contact-section__inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.contact-section--swapped .contact-section__inner{grid-template-areas:"form content"}.contact-section--swapped.contact-section--ratio-form_wide .contact-section__inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.contact-section--swapped.contact-section--ratio-content_wide .contact-section__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.contact-section__content,.contact-section .contact-form{width:100%;min-width:0;max-width:100%}.contact-section__content{grid-area:content;max-width:560px}.contact-section .contact-form{grid-area:form;max-width:min(100%,var(--contact-form-max-width, 720px));justify-self:end;display:grid;gap:var(--contact-field-gap-desktop, 20px);padding-inline:calc(clamp(24px,4vw,64px) * var(--contact-padding-x-desktop, 1));padding-block:calc(clamp(32px,5vw,72px) * var(--contact-padding-y-desktop, 1));border-radius:var(--contact-form-background-radius, 0);background:var(--contact-form-background, transparent);color:var(--contact-form-foreground, var(--fg));--fg: var(--contact-form-foreground, inherit);--muted: color-mix(in srgb, var(--contact-form-foreground, currentColor) 68%, transparent);--border: color-mix(in srgb, var(--contact-form-foreground, currentColor) 28%, transparent)}.contact-section--swapped .contact-form{justify-self:start}.contact-section--swapped .contact-section__content{justify-self:end}.contact-section--layout-stacked .contact-section__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"content" "form"}.contact-section--layout-stacked.contact-section--swapped .contact-section__inner{grid-template-areas:"form" "content"}.contact-section--layout-stacked :is(.contact-section__content,.contact-form){width:min(100%,var(--contact-form-max-width, 720px));justify-self:center}.contact-section__content .theme-content-heading,.contact-section__content .theme-content-heading :is(em,i){max-width:100%;overflow-wrap:anywhere}.contact-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--contact-field-gap-desktop, 20px)}.contact-section--fields-one .contact-form__grid{grid-template-columns:minmax(0,1fr)}.contact-form__field,.contact-form__control{min-width:0}.contact-form__control{display:grid;gap:9px}.contact-form__control label{order:-1;width:fit-content;max-width:100%;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.1em;line-height:1.25;text-transform:uppercase}.contact-form__control :is(input,textarea){width:100%;min-width:0;border:0;border-radius:var(--contact-field-radius, 0);background:transparent;color:var(--fg);font:inherit;line-height:1.4;transition:border-color var(--motion-duration-fast, .22s) var(--motion-ease-soft, ease),box-shadow var(--motion-duration-fast, .22s) var(--motion-ease-soft, ease),background var(--motion-duration-fast, .22s) var(--motion-ease-soft, ease)}.contact-form__control input{min-height:var(--contact-field-height, 54px);padding:10px 2px}.contact-form__control textarea{min-height:var(--contact-message-height, 180px);padding:14px 2px;resize:vertical}.contact-section--field-underline .contact-form__control :is(input,textarea){border-bottom:var(--contact-field-border-width, 1px) solid var(--border)}.contact-section--field-outline .contact-form__control :is(input,textarea){border:var(--contact-field-border-width, 1px) solid var(--border);padding-inline:16px;background:transparent}.contact-form__control :is(input,textarea):focus-visible{outline:none;border-color:var(--fg)}.contact-section--field-outline .contact-form__control :is(input,textarea):focus-visible{box-shadow:0 0 0 1px var(--fg)}.contact-section--labels-inside .contact-form__control{position:relative;gap:0}.contact-section--labels-inside .contact-form__control label{position:absolute;z-index:1;inset-inline-start:2px;top:calc(var(--contact-field-height, 54px) / 2);transform:translateY(-50%);pointer-events:none;transition:top var(--motion-duration-fast, .22s) var(--motion-ease-soft, ease),transform var(--motion-duration-fast, .22s) var(--motion-ease-soft, ease),font-size var(--motion-duration-fast, .22s) var(--motion-ease-soft, ease)}.contact-section--labels-inside.contact-section--field-outline .contact-form__control label{inset-inline-start:16px}.contact-section--labels-inside .contact-form__control textarea+label{top:22px}.contact-section--labels-inside .contact-form__control :is(input,textarea){padding-top:20px}.contact-section--labels-inside .contact-form__control :is(input,textarea):is(:focus,:not(:placeholder-shown))+label{top:8px;transform:none;font-size:9px}.contact-form__actions{display:flex;justify-content:flex-start;padding-top:4px}.contact-form__submit{justify-content:center}.contact-form__status{margin:0;padding:14px 16px;border:1px solid var(--border);line-height:1.5}.contact-form__status--success{background:var(--surface)}.contact-form__status--error{border-color:#b00020}@media(max-width:767px){.contact-section .contact-form{padding-inline:calc(20px * var(--contact-padding-x-mobile, 1));padding-block:calc(28px * var(--contact-padding-y-mobile, 1))}.contact-section__inner,.contact-section--ratio-form_wide .contact-section__inner,.contact-section--ratio-content_wide .contact-section__inner,.contact-section--swapped.contact-section--ratio-form_wide .contact-section__inner,.contact-section--swapped.contact-section--ratio-content_wide .contact-section__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"content" "form";gap:var(--contact-gap-mobile, 36px)}.contact-section--swapped .contact-section__inner,.contact-section--layout-stacked.contact-section--swapped .contact-section__inner{grid-template-areas:"form" "content"}.contact-section :is(.contact-section__content,.contact-form){width:100%;justify-self:stretch}.contact-section .contact-form,.contact-section .contact-form__grid{gap:var(--contact-field-gap-mobile, 16px)}.contact-form__grid{grid-template-columns:minmax(0,1fr)}.contact-section--button-full-mobile .contact-form__submit{width:100%}}@media(prefers-reduced-motion:reduce){.contact-section--labels-inside .contact-form__control label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-contact-form.css.map */