/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/hubspot-form/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/**
 * mea/hubspot-form - Figma "22 contact-page" node 2008-8392, section
 * "Div [fd715101]" (2008:8423).
 *
 * Geometry is read from that frame; colour and type resolve through
 * src/_shared/tokens.css. The three literals in this file are all colours
 * the shared palette does not carry, and each says why below.
 *
 * THE STATE SELECTORS ARE ARIA SELECTORS ON PURPOSE. An invalid field is
 * painted off `[aria-invalid="true"]` and a hidden conditional field off the
 * `hidden` attribute - never off a class. That is the careers-filter rule:
 * the accessible state and the visible state read from one source, so a
 * field cannot look wrong while reading as fine, or the reverse. Adding a
 * `.is-invalid` class here would reintroduce exactly the drift the rule
 * exists to prevent.
 */
.mea-hsform {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 2008:8423: 120px section padding, 62px between the header and the
     form. The subpage frames use a 120px gutter against the homepage's
     88px, so the gutter is rebound here rather than bypassing the shared
     container. */
  --mea-gutter: 120px;
  gap: 62px;
  padding: var(--mea-hsform-pt, 120px) var(--mea-gutter) var(--mea-hsform-pb, 120px);
  background-color: var(--mea-surface);
  /* 2008:8424 and 2008:8430 both paint #021412, which is --mea-ink-strong
     rather than the shared layer's default --mea-ink. The nested
     mea/section-header is its own block root and reads the custom
     property, not this `color`, so both are set: the property for the
     composed header, the declaration for this block's own elements. */
  --mea-fg: var(--mea-ink-strong);
  color: var(--mea-ink-strong);
  /* --------------------------------------------------------------- *
   * Colours this block owns
   *
   * `--mea-hsform-line` is Figma's rgba(2,20,18,0.3) input border RAISED
   * to 0.46. The drawn value composites to rgb(176,181,180) on the
   * #fafafa ground and measures 1.99:1, under the 3:1 WCAG 1.4.11 asks
   * of a control boundary - and the border is the only thing that marks
   * where an input is. At 0.46 it measures 3.12:1. Same correction, same
   * reason, as --mea-on-dark-muted being raised from 0.45 to 0.55 in
   * tokens.css.
   *
   * `--mea-hsform-error` is Figma's own required/error red (#b00020,
   * node 2008:8431). The shared palette carries no error role at all, so
   * it is defined here rather than added to _shared. It measures 7.02:1
   * on #fafafa.
   *
   * `--mea-hsform-submit-bg` is the pale mint the file draws on the
   * submit (#e7f4d6, node 2008:8462) instead of the saturated lime every
   * other primary button in the slice uses. Reproduced as drawn; the
   * `--submit-cta` modifier below switches the block to the standard CTA
   * without a code change. Open stakeholder question 9.
   * --------------------------------------------------------------- */
  --mea-hsform-line: color-mix(in srgb, var(--mea-ink-strong) 46%, transparent);
  --mea-hsform-error: #b00020;
  --mea-hsform-submit-bg: #e7f4d6;
  /* 2008:8432 - input geometry. The label-to-input gap is the frame's
     10.7 plus the 1.1 its label row carries above the text node; solved
     below so the label ink and the input edge both land on the frame. */
  --mea-hsform-control-h: 59px;
  --mea-hsform-label-gap: 11.8px;
  /* 2008:8427 / 2008:8428 - the two-up column gap, the grid's top inset
     and the row rhythm.

     The frame's five rows carry FOUR different effective gaps: 36.5,
     23.5, 42.5 and 38.5 measured off the node render. That is a traced-
     embed artifact - its field boxes declare fixed heights alongside a
     2769px bottom padding - not a rhythm, and no single value can
     reproduce it. A uniform gap is also the only coherent rhythm for a
     field list an editor can extend, so it is solved from the frame's
     own declared insets instead:

       grid top inset  = the row's 6px padding + the field's 2.7px
                         (the wrapper's own 10px is on __body)
       34.9px row gap  = puts input row 1 on y=335.5 and input row 4 on
                         y=724.5, both exact, and the section on 1083.4
                         against the frame's 1085

     Rows 2 and 3 land 2.3px high and 8.3px low respectively. That
     residual IS the frame's inconsistency and cannot be removed without
     hard-coding a per-row gap into an editable field list. */
  --mea-hsform-col-gap: 43.312px;
  --mea-hsform-row-gap: 34.87px;
  --mea-hsform-grid-inset: 8.7px;
}
.mea-hsform__header {
  width: 100%;
  display: flex;
  justify-content: center;
}
.mea-hsform {
  /* 2008:8424: the headline measure is 714, narrower than the 1102 form
     below it. section-header clamps its own stack; this only sets the
     measure for the instance, as a fallback for an inner header inserted
     without its `maxWidth` attribute (which section-header renders as an
     inline custom property and therefore wins outright).

     `& &__header` rather than `&__header`, per the composed-block rule in
     AGENTS.md: the bare form scores (0,2,0), level with section-header's
     own `--spacing-compact &__stack`, and the tie then goes to whichever
     block stylesheet prints last - which this block does not control. */
}
.mea-hsform .mea-hsform__header .mea-section-header__stack {
  --mea-section-header-maxw: 714px;
}
.mea-hsform {
  /* Figma sets the emphasis span to Inter Semi Bold 600 (2008:8424),
     where section-header's own bold emphasis is 700. Parameterising the
     instance from here keeps the header shape in one block.

     The selector carries four classes deliberately. section-header's own
     rule is `.mea-section-header--emphasis-bold .mea-section-header__headline
     strong` at (0,3,1), and `hubspot-form` sorts BEFORE `section-header`
     in mea_blocks_all(), so its sheet is printed first and loses every
     tie. Measured at 700 before this was raised. */
}
.mea-hsform__header .mea-section-header--emphasis-bold .mea-section-header__headline strong,
.mea-hsform__header .mea-section-header--emphasis-bold .mea-section-header__headline b {
  font-weight: var(--mea-weight-semibold);
}
.mea-hsform {
  /* 2008:8425: 1102 wide, 10px padding, 56px between the fields and the
     button. */
}
.mea-hsform__body {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--mea-hsform-maxw, 1102px);
  padding: 10px;
}
.mea-hsform__form {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.mea-hsform__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--mea-hsform-col-gap);
  row-gap: var(--mea-hsform-row-gap);
  align-items: start;
  padding-block-start: var(--mea-hsform-grid-inset);
}
.mea-hsform__field {
  display: flex;
  flex-direction: column;
  gap: var(--mea-hsform-label-gap);
  min-width: 0;
}
.mea-hsform__field--half {
  grid-column: span 1;
}
.mea-hsform__field--full {
  grid-column: 1/-1;
}
.mea-hsform {
  /* 2008:8429 - Figma "P2", Inter Regular 16 / 1.5. #021412 on the
     #fafafa ground measures 18.33:1. */
}
.mea-hsform__label, .mea-hsform__consent-label {
  display: flex;
  align-items: baseline;
  gap: 3px;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p2-size);
  line-height: var(--mea-type-p2-lh);
  color: var(--mea-ink-strong);
  cursor: pointer;
}
.mea-hsform__consent-label {
  align-items: flex-start;
}
.mea-hsform {
  /* 2008:8457 declares the consent row at 25px, one more than the 24px
     line box of its own 16/1.5 label. Honouring the declared height is
     what puts the submit on y=900 and the section on 1084.4 against the
     frame's 1085. */
}
.mea-hsform__field--consent {
  min-height: 25px;
}
.mea-hsform {
  /* EVERY WEIGHT IS SET EXPLICITLY, on the element that actually carries
     the glyphs. The parent theme paints a bare `span { font-weight: 300 }`
     and a bare selector beats an inherited value, so a weight set only on
     the <label> leaves the <span> inside it rendering Light: measured at
     300 against Figma's 400 on every label, the consent copy and the
     button label. type.css deliberately does not neutralise weight, so
     this is the block's own job. Figma "P2" and "CTA" are both Regular. */
}
.mea-hsform__label-text, .mea-hsform__submit-label, .mea-hsform__hint, .mea-hsform__help, .mea-hsform__summary-list li {
  font-weight: var(--mea-weight-regular);
}
.mea-hsform {
  /* 2008:8431. Decorative - `required` on the control carries the
     meaning, and __hint explains the mark. 7.02:1 on #fafafa. */
}
.mea-hsform__required {
  color: var(--mea-hsform-error);
  /* 2008:8431 is Inter Regular, same weight as the label beside it. */
  font-weight: var(--mea-weight-regular);
}
.mea-hsform {
  /* 2008:8432 - 59 tall, 5px radius, hairline border, and the frame's own
     rgba(255,255,255,0.05) fill, which composites to the #fafafa ground it
     sits on. Reproduced exactly: the border is what marks the control, and
     the border is where the contrast correction was made. */
}
.mea-hsform__control {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: var(--mea-hsform-control-h);
  padding: 0 16px;
  border: 1px solid var(--mea-hsform-line);
  border-radius: var(--mea-card-radius);
  background-color: rgba(255, 255, 255, 0.05);
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p2-size);
  line-height: var(--mea-type-p2-lh);
  color: var(--mea-ink-strong);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mea-hsform textarea.mea-hsform__control {
  height: auto;
  min-height: 120px;
  padding: 16px;
  resize: vertical;
}
.mea-hsform select.mea-hsform__control {
  appearance: none;
  padding-inline-end: 40px;
  /* A caret drawn from the border colour, so it tracks the same
     contrast correction as everything else on the control. */
  background-image: linear-gradient(45deg, transparent 50%, var(--mea-ink-strong) 50%), linear-gradient(135deg, var(--mea-ink-strong) 50%, transparent 50%);
  background-position: calc(100% - 22px) calc(50% + 2px), calc(100% - 16px) calc(50% + 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
.mea-hsform {
  /* 6.64:1 on the white control. A placeholder is never a label here -
     every field has a real <label> - so this only ever carries a format
     example. */
}
.mea-hsform__control::placeholder {
  color: var(--mea-ink-2);
  opacity: 1;
}
.mea-hsform {
  /* Focus gets the SAME single dark border hover already uses, not a
     second ring stacked on top of it - a field cursor lands on right
     after a click stayed doubled otherwise. See the focus-visible rule
     below, which excludes `&__control` for the same reason - the
     browser's own default focus ring is suppressed here instead, since
     without a replacement outline something has to replace it, and the
     border-color change is that replacement. */
}
.mea-hsform__control:hover, .mea-hsform__control:focus-visible {
  border-color: var(--mea-ink-strong);
}
.mea-hsform__control:focus-visible {
  outline: none;
}
.mea-hsform {
  /* The invalid treatment reads the SAME attribute assistive technology
     reads. There is no class to fall out of step with. */
}
.mea-hsform__control[aria-invalid=true], .mea-hsform__checkbox[aria-invalid=true] {
  border-color: var(--mea-hsform-error);
  box-shadow: inset 0 0 0 1px var(--mea-hsform-error);
}
.mea-hsform {
  /* 13.05:1 on the section ground. */
}
.mea-hsform__hint, .mea-hsform__help {
  margin: 0;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: 14px;
  line-height: 1.5;
  color: var(--mea-ink);
}
.mea-hsform {
  /* The required-field key is announced through the form's
     aria-describedby whether or not it is on screen. Figma draws no key
     (2008:8423 goes straight from the headline to the fields), so the
     default is the screen-reader-only treatment and the section matches
     the frame; `requiredHintVisible` puts it in the flow. */
}
.mea-hsform__hint {
  margin-block-end: calc(-1 * var(--mea-hsform-row-gap));
}
.mea-hsform__hint--sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip-path: inset(50%);
  white-space: nowrap;
}
.mea-hsform {
  /* 7.02:1 on the section ground. The message says what to do, not just
     that something is wrong; the copy is a block attribute. */
}
.mea-hsform__error {
  margin: 0;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-medium);
  font-size: 14px;
  line-height: 1.5;
  color: var(--mea-hsform-error);
}
.mea-hsform {
  /* `hidden` has to beat the flex/grid display rules this block sets. */
}
.mea-hsform [hidden] {
  display: none !important;
}
.mea-hsform {
  /* 2008:8457 - 18px box, 8px to the label. */
}
.mea-hsform__consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.mea-hsform__checkbox {
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  /* Optically centres the box against the first line of a 16/1.5
     label rather than its ascender: (24 - 18) / 2. */
  margin: 3px 0 0;
  border: 1px solid var(--mea-hsform-line);
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  accent-color: var(--mea-ink-strong);
  cursor: pointer;
}
.mea-hsform {
  /* TWO CLASSES, not one. The underline this asks for was being stripped:
     the theme ships `a:link { text-decoration: none }`, which is also
     (0,1,1), and its stylesheet is printed AFTER the block sheets - so the
     tie went to the theme on document order and the consent links rendered
     as plain body text, same colour, no underline, indistinguishable from
     the sentence around them. Measured on /contact/: computed
     `text-decoration-line: none` while `text-underline-offset: 2px` from
     this very rule survived, which is the fingerprint of a lost tie rather
     than a missing rule.

     Same fix and same reason as `.mea-proof .mea-proof__cta--soft` and the
     shared-pill note in AGENTS.md: a block rule that has to beat a theme
     rule needs the extra class, not `!important`. `:link` is deliberately
     not matched here - these are real anchors either way, and matching the
     element keeps the rule applying to a visited one too. */
}
.mea-hsform .mea-hsform__consent-label a, .mea-hsform .mea-hsform__consent-copy a {
  color: var(--mea-ink-strong);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mea-hsform {
  /* The intro/mid/privacy paragraphs the two-tier consent group can carry
     around its checkboxes. Same voice as the checkbox labels beside them -
     2008:8429's "P2", Inter Regular 16/1.5 - so the group reads as one
     passage rather than a label style plus an unrelated body style. */
}
.mea-hsform__consent-copy {
  margin: 0;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p2-size);
  line-height: var(--mea-type-p2-lh);
  color: var(--mea-ink-strong);
}
.mea-hsform {
  /* --------------------------------------------------------------- *
   * The error summary. It is the first thing after a failed submit,
   * carries role="alert", and every line links into the field it is
   * about.
   * --------------------------------------------------------------- */
}
.mea-hsform__summary {
  box-sizing: border-box;
  padding: 20px 24px;
  border: 1px solid var(--mea-hsform-error);
  border-inline-start-width: 5px;
  border-radius: var(--mea-card-radius);
  background-color: color-mix(in srgb, var(--mea-hsform-error) 5%, #fff);
}
.mea-hsform__summary-heading {
  margin: 0;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-semibold);
  font-size: var(--mea-type-p2-size);
  line-height: var(--mea-type-p2-lh);
  color: var(--mea-ink-strong);
}
.mea-hsform__summary-list {
  margin: 12px 0 0;
  padding-inline-start: 20px;
  list-style: disc;
}
.mea-hsform__summary-list li {
  font-family: var(--mea-font-sans);
  font-size: var(--mea-type-p2-size);
  line-height: var(--mea-type-p2-lh);
}
.mea-hsform__summary-list li + li {
  margin-block-start: 6px;
}
.mea-hsform__summary-list a {
  color: var(--mea-hsform-error);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mea-hsform {
  /* --------------------------------------------------------------- *
   * The success result. Announced, focusable, and never only a colour.
   * --------------------------------------------------------------- */
}
.mea-hsform__result {
  box-sizing: border-box;
  padding: 40px;
  border: 1px solid var(--mea-hsform-line);
  border-inline-start: 5px solid var(--mea-accent-ink);
  border-radius: var(--mea-card-radius);
  background-color: #fff;
}
.mea-hsform__result-heading {
  margin: 0;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-semibold);
  font-size: var(--mea-type-h3-size);
  line-height: var(--mea-type-h3-lh);
  color: var(--mea-ink-strong);
}
.mea-hsform__result-body {
  margin: 12px 0 0;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p1-size);
  line-height: var(--mea-type-p1-lh);
  color: var(--mea-ink);
}
.mea-hsform {
  /* --------------------------------------------------------------- *
   * Submit. 2008:8462 - 400x55, fully rounded, "CTA" type.
   * --------------------------------------------------------------- */
}
.mea-hsform__actions {
  display: flex;
  justify-content: center;
}
.mea-hsform__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  width: 400px;
  max-width: 100%;
  height: 55px;
  padding: 0 30px;
  border: 1px solid transparent;
  border-radius: var(--mea-pill-radius);
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-cta-size);
  letter-spacing: var(--mea-type-cta-ls);
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: filter 0.2s ease, box-shadow 0.2s ease;
}
.mea-hsform__submit-arrow {
  display: inline-block;
  font-weight: inherit;
  transition: transform 0.2s ease;
}
.mea-hsform__submit:hover .mea-hsform__submit-arrow {
  transform: translateX(4px);
}
.mea-hsform {
  /* --------------------------------------------------------------- *
   * The honeypot. Taken out of view and out of the tab order, but left
   * in the accessibility tree's control - aria-hidden on the wrapper -
   * so it is never a trap a screen reader user can fall into.
   * --------------------------------------------------------------- */
}
.mea-hsform__trap {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.mea-hsform__live {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip-path: inset(50%);
  white-space: nowrap;
}
.mea-hsform {
  /* --------------------------------------------------------------- *
   * Focus. Every interactive element BUT a field control (above: same
   * dark border as hover, no ring) gets the same ring instead: 2px of
   * --mea-ink-strong at 18.33:1 on the section ground, offset so it
   * never sits on top of the control's own border. The block never
   * removes a focus indicator without replacing it.
   * --------------------------------------------------------------- */
}
.mea-hsform__checkbox:focus-visible, .mea-hsform__submit:focus-visible, .mea-hsform__summary-list a:focus-visible, .mea-hsform__consent-label a:focus-visible, .mea-hsform__consent-copy a:focus-visible, .mea-hsform__result:focus-visible, .mea-hsform__summary:focus-visible {
  outline: 2px solid var(--mea-ink-strong);
  outline-offset: 2px;
}

/* 2008:8462 draws the submit in a pale mint rather than the saturated lime
   every other primary button in the slice uses. Reproduced as drawn.
   #021412 on #e7f4d6 measures 16.55:1. */
.mea-hsform--submit-figma .mea-hsform__submit {
  background-color: var(--mea-hsform-submit-bg);
  color: var(--mea-cta-ink);
}

/* The standard site CTA, for when the pale mint is settled as a disabled
   state rather than the resting one. Editor toggle, no code change. */
.mea-hsform--submit-cta .mea-hsform__submit {
  background: var(--mea-cta-gradient);
  color: var(--mea-cta-ink);
}

.mea-hsform--submit-figma .mea-hsform__submit:hover {
  filter: brightness(0.95);
  box-shadow: 0 4px 16px rgba(9, 25, 0, 0.18);
}

.mea-hsform--submit-cta .mea-hsform__submit:hover {
  filter: brightness(0.92);
  box-shadow: 0 4px 16px rgba(9, 25, 0, 0.18);
}

/* While a submit is in flight the button is still focusable and still in the
   tab order; only pointer events stop. The state is announced through the
   live region, not implied by the styling. */
.mea-hsform[aria-busy=true] .mea-hsform__submit,
.mea-hsform__submit[aria-busy=true] {
  pointer-events: none;
  opacity: 0.75;
}

/* ------------------------------------------------------------------ *
 * intl-tel-input, applied by view.js to every `type="tel"` control. It
 * wraps the existing `<input class="mea-hsform__control">` rather than
 * replacing it, so the control keeps its own border/height/radius/type
 * styling above untouched; only the wrapper and the country/dial-code
 * button need this block's own tokens instead of the library's defaults.
 * Flag icons come from the library's own sprite (imported via
 * `intl-tel-input/styles` in view.js, bundled by webpack rather than
 * fetched from a CDN), sized by the library's own `--iti-*` custom
 * properties - this block only recolours the chrome around it.
 * ------------------------------------------------------------------ */
.mea-hsform .iti {
  width: 100%;
}

.mea-hsform .iti__selected-country {
  border-inline-end: 1px solid var(--mea-hsform-line);
  border-start-start-radius: var(--mea-card-radius);
  border-end-start-radius: var(--mea-card-radius);
  background-color: transparent;
}

.mea-hsform .iti__selected-country:hover,
.mea-hsform .iti__selected-country:focus-visible {
  background-color: transparent;
}

.mea-hsform .iti__selected-dial-code {
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p2-size);
  color: var(--mea-ink-strong);
}

.mea-hsform .iti__country-list {
  border: 1px solid var(--mea-hsform-line);
  border-radius: var(--mea-card-radius);
  font-family: var(--mea-font-sans);
  font-size: 14px;
}

.mea-hsform .iti--container {
  z-index: 10;
}

/* ------------------------------------------------------------------ *
 * Responsive. Figma supplies only the 1440 frame for this page, so the
 * narrower behaviour is interpolated from it: the two-up rows collapse to
 * one column below the tablet breakpoint and the section padding tightens
 * in two steps. Nothing may overflow horizontally at 375.
 * ------------------------------------------------------------------ */
@media (max-width: 1023px) {
  .mea-hsform {
    --mea-gutter: 64px;
    --mea-hsform-row-gap: 32px;
    --mea-hsform-grid-inset: 0;
    gap: 48px;
  }
  .mea-hsform__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .mea-hsform__field--half {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .mea-hsform {
    --mea-gutter: 20px;
    --mea-hsform-pt: 72px;
    --mea-hsform-pb: 72px;
    --mea-hsform-row-gap: 28px;
    --mea-hsform-grid-inset: 0;
    gap: 36px;
  }
  .mea-hsform__body {
    padding: 0;
  }
  .mea-hsform__form {
    gap: 40px;
  }
  .mea-hsform__submit {
    width: 100%;
    height: 50px;
    padding: 0 24px;
    font-size: 18px;
  }
  .mea-hsform__result {
    padding: 28px 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mea-hsform__control,
  .mea-hsform__submit,
  .mea-hsform__submit-arrow {
    transition: none;
  }
}

/*# sourceMappingURL=style-index.css.map*/