body .vs-contact{--vs-contact-default-bg: #fffcf7;--vs-contact-default-ink: #4c412a;background:var(--vs-contact-bg, var(--vs-contact-default-bg));color:var(--vs-contact-ink, var(--vs-contact-default-ink));padding-block:var(--vs-contact-top, 48px) var(--vs-contact-bottom, 48px);font-family:var(--font-body-family);font-size:1.6rem;line-height:1.7}body .vs-contact--hero{--vs-contact-default-bg: #f3ead8;padding-block:0}body .vs-contact--help{--vs-contact-default-bg: #eef2e8}body .vs-contact--cta{--vs-contact-default-bg: #244936;--vs-contact-default-ink: #fffcf7}body .vs-contact__inner{width:100%;max-width:1400px;padding-inline:32px;margin-inline:auto}body .vs-contact--hero .vs-contact__inner{padding-inline:0}body .vs-contact__hero{display:grid;gap:0;align-items:center;min-height:330px}body .vs-contact__copy{min-width:0;max-width:800px;padding:28px 32px}body .vs-contact .vs-contact__heading,body .vs-contact-form .contact>:is(h2.title,.vs-contact-form__heading){margin:0 0 20px;font-family:var(--vs-font-editorial, Georgia, serif);font-size:clamp(2.8rem,3vw,4rem);font-weight:400;line-height:1.2;letter-spacing:0;color:inherit;text-wrap:balance;overflow-wrap:anywhere}body .vs-contact--hero .vs-contact__heading{margin-bottom:16px;font-size:clamp(4.4rem,4vw,5.2rem)}body .vs-contact--hero .vs-contact__subheading{margin-bottom:16px}body .vs-contact .vs-contact__subheading{margin:0 0 20px;max-width:48ch;font-size:clamp(1.8rem,1.8vw,2.2rem);line-height:1.5;overflow-wrap:anywhere}body .vs-contact .vs-contact__text{font-size:1.6rem;line-height:1.75;color:inherit}body .vs-contact .vs-contact__text p{max-width:64ch;margin:0 0 16px;overflow-wrap:anywhere}body .vs-contact .vs-contact__text>:last-child{margin-bottom:0}body .vs-contact__media{position:relative;display:block;align-self:stretch;min-width:0;width:100%;height:100%;padding:0;margin:0;overflow:hidden;border-radius:0}body .vs-contact__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}body .vs-contact__help{display:grid;grid-template-columns:repeat(var(--vs-contact-count, 3),minmax(0,1fr));gap:32px}body .vs-contact__help-item{min-width:0;text-align:center}body .vs-contact__illustration{width:80px;height:80px;margin:0 auto 16px;color:#244936}body .vs-contact__illustration :is(img,svg){display:block;width:100%;height:100%;object-fit:contain}body .vs-contact .vs-contact__help-heading,body .vs-contact .vs-contact__trust-heading{margin:0 0 12px;font-family:var(--font-body-family);font-size:1.8rem;font-weight:500;line-height:1.45;color:inherit;overflow-wrap:anywhere}body .vs-contact__help-item p{margin:0 auto;max-width:36ch;font-size:1.5rem;line-height:1.7;overflow-wrap:anywhere}body .vs-contact--trust .vs-contact__inner{max-width:884px}body .vs-contact__trust{padding:24px 28px;border-inline-start:2px solid #929d5b;background:#f5f1e8;border-radius:0 8px 8px 0}body .vs-contact .vs-contact__trust .vs-contact__text{font-size:1.5rem}body .vs-contact__cta{max-width:820px;margin-inline:auto;text-align:center}body .vs-contact__cta .button{--color-secondary-button-text: 255, 252, 247;margin-top:8px}body .vs-contact .button,body .vs-contact-form .contact__button .button{min-width:0;max-width:100%;min-height:48px;border-radius:999px;padding:12px 28px;box-shadow:none;overflow-wrap:anywhere}body .vs-contact :is(.button,.rte a):focus-visible{outline:2px solid currentColor;outline-offset:4px}body .vs-contact--cta .button.focused{outline-color:var(--vs-contact-ink, #fffcf7)}body .vs-contact-form{--color-background: 255, 252, 247;--color-foreground: 76, 65, 42;--color-button: 36, 73, 54;--color-button-text: 255, 252, 247;color:#4c412a;background:#fffcf7}body .vs-contact-form .contact{width:100%;max-width:884px;padding-inline:32px}body .vs-contact-form .contact>:is(h2.title,.vs-contact-form__heading){margin-bottom:32px}body .vs-contact-form .contact__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}body .vs-contact-form .field{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;margin-bottom:24px}body .vs-contact-form .field:before,body .vs-contact-form .field:after{content:none}body .vs-contact-form .field .field__label{position:static;grid-row:1;margin:0;padding:0;font-size:1.4rem;font-weight:500;line-height:1.5;letter-spacing:0;color:#4c412a;pointer-events:auto;overflow-wrap:anywhere}body .vs-contact-form .field .field__input{grid-row:2;width:100%;min-width:0;height:56px;min-height:56px;margin:0;padding:14px 16px;border:1px solid #dcd8cc;border-radius:8px;background:#fffefb;font-size:1.6rem;line-height:1.5;color:#4c412a;box-shadow:none}body .vs-contact-form .field .text-area{height:220px;min-height:180px;resize:vertical}body .vs-contact-form .field .field__input:hover{border-color:#929d5b}body .vs-contact-form .field .field__input:focus{outline:2px solid #244936;outline-offset:3px}body .vs-contact-form .field .field__input[aria-invalid=true]{border-color:#9f1d1d}body .vs-contact-form .contact__field-error{grid-row:3}body .vs-contact-form :is(.form__message,.form-status-list){font-family:var(--font-body-family);font-size:1.5rem;line-height:1.6;overflow-wrap:anywhere}body .vs-contact-form .form__message svg{flex-shrink:0}body .vs-contact-form .contact__button{margin-top:28px}body .vs-contact-form :is(.button,.form-status-list a):focus-visible{outline:2px solid #244936;outline-offset:4px}@media(min-width:750px){body .vs-contact__hero--image{grid-template-columns:minmax(0,48fr) minmax(0,52fr)}}@media(max-width:749px){body .vs-contact{padding-block:min(var(--vs-contact-top, 48px),40px) min(var(--vs-contact-bottom, 48px),40px)}body .vs-contact__inner,body .vs-contact-form .contact{padding-inline:20px}body .vs-contact--hero{padding-block:0}body .vs-contact__hero{min-height:0}body .vs-contact__copy{padding:28px 20px}body .vs-contact--hero .vs-contact__heading{font-size:clamp(3.4rem,7vw,4.4rem)}body .vs-contact__media{--vs-contact-active-focal: var(--vs-contact-mobile-focal, var(--vs-contact-focal, 50% 50%));height:auto;aspect-ratio:4 / 3}body .vs-contact__help{grid-template-columns:minmax(0,1fr);gap:32px}body .vs-contact-form .contact__fields{display:block}body .vs-contact__trust{padding:24px 20px}body .vs-contact__cta .button,body .vs-contact-form .contact__button .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/vitalspirit-contact.css.map */