@charset "UTF-8";
/**
 * Rounds a number to the specified number of decimal places.
 *
 * @param {number} $number - The number to be rounded.
 * @param {number} $decimals - The number of decimal places to round to. Default is 0.
 * @return {number} - The rounded number.
 */
/**
 * Converts pixel values to rem
 *
 * @param {number} $px - The pixel value to convert.
 * @return {number} - The converted value in rem.
 */
/**
 * Create a fluid value between two breakpoints
 *
 * @param {number} $min-size - The minimum size value.
 * @param {number} $max-size - The maximum size value.
 * @param {number} $min-breakpoint - The minimum breakpoint value. Default is $default-min-bp.
 * @param {number} $max-breakpoint - The maximum breakpoint value. Default is $default-max-bp.
 * @param {string} $unit - The unit to use. Default is vw.
 * @return {number} - The calculated value.
 */
/**
 * Strips units from value
 *
 * @param $value {px}
 */
/**
 * Convert pixel values to either rem or em
 *
 * @param $value {px} The pixel value to convert
 * @param $unit {rem or em} The unit to use
 * @param $base-value {px} optional The base pixel value by which the output value will be determined
 */
/**
 * Return a list of relative values from a single function call
 */
/**
 * Wrapper function for relative-unit that returns rem values
 */
/**
 * Wrapper function for relative-unit that returns em values
 */
/**
 * Hide element but make it accessible to screen readers
 *
 * Usage:
 * .selector {
 *   @include visually-hidden;
 * }
 */
/**
 * Reverse the properties applied by @mixin visually-hidden
 *
 * Accepts:
 * - $position: {String} Positioning method for element
 *
 * Usage:
 * .selector {
 *   @include visually-shown(relative);
 * }
 */
/*
All clamp-based font sizes are based on 576px (mobile) min to 1280px (desktop) max viewport width
*/
@font-face {
  font-family: "Case VF";
  src: url("https://www.skydio.com/assets/fonts/CaseVAR.woff2") format("woff2-variations"), url("https://www.skydio.com/assets/fonts/CaseVAR.woff2") format("woff2");
  font-display: swap;
  font-weight: 400 500;
  font-variation-settings: normal;
}
@font-face {
  font-family: "Case";
  src: url("https://www.skydio.com/assets/fonts/Case-Regular.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "Case";
  src: url("https://www.skydio.com/assets/fonts/Case-Medium.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
}
:root, header, footer {
  --gray-0: #ffffff;
  --gray-100: #f1f1f1;
  --gray-200: #dcdcdc;
  --gray-300: #b3b3b3;
  --gray-400: #999999;
  --gray-500: #808080;
  --gray-600: #666666;
  --gray-700: #4d4d4d;
  --gray-800: #333333;
  --gray-850: #22211f;
  --gray-900: #1a1a1a;
  --gray-1000: #000000;
  --gray-825: #222222;
  --blue-0: #e6f7ff;
  --blue-100: #cce6ff;
  --blue-200: #99ccff;
  --blue-300: #66b3ff;
  --blue-400: #3399ff;
  --blue-500: #007fff;
  --blue-600: #005ccc;
  --blue-700: #004499;
  --blue-800: #002e66;
  --blue-900: #001a33;
  --blue-1000: #000c1a;
  --highlight: #4849b5;
  --gray-01: #4a4947;
  --gray-02: #6d6c69;
  --gray-03: #c6c5c2;
  --gray-04: #f0f0f0;
  --gray-05: #f7f7f7;
  --blue-01: #0f33ff;
  --blue-02: #027BC6;
  --skydio-primary-01: var(--blue-02);
  --skydio-primary-02: var(--blue-02);
  --skydio-primary-03: #066EA5;
  --Background-Skydio-White: var(--gray-0);
  --Background-Skydio-Gray-05: var(--gray-05);
  --Background-Skydio-Gray-04: var(--gray-04);
  --Brand-Skydio-Blue: var(--blue-02);
  --Text-Skydio-Black: var(--gray-850);
  --Text-Skydio-Gray-01: var(--gray-01);
  --Text-Skydio-Gray-02: var(--gray-02);
  --Text-Skydio-Gray-03: var(--gray-03);
  --color-black: var(--gray-1000);
  --color-white: var(--gray-0);
  --color-skydio-black: var(--gray-850);
  --color-skydio-blue: var(--blue-02);
  --color-blue-25: var(--blue-02);
  --color-blue-15: var(--blue-02);
  --color-blue-10: var(--blue-02);
  --color-sand: #ebe7e0;
  --fg-color: var(--gray-850);
  --bg-color: var(--gray-0);
}
:root .module-style--default, header .module-style--default, footer .module-style--default {
  --ms-background-color: var(--color-white);
  --ms-text-color: var(--color-skydio-black);
}
:root .module-style--light, header .module-style--light, footer .module-style--light {
  --ms-background-color: var(--gray-05);
}
:root .module-style--medium-light, header .module-style--medium-light, footer .module-style--medium-light {
  --ms-background-color: var(--gray-04);
}

/* @link https://utopia.fyi/space/calculator/?c=576,16,1.2,1280,16,1.25,5,2,&s=0.5,1.5|2|2.5|3|4|4.5|6|7.5|10|11.25|14.25|16,l-2xl|xl-3xl|2xl-4xl|3xl-5xl|4xl-6xl|5xl-7xl|5xl-8xl|6xl-9xl&g=s,m,xl,12 */
:root, header, footer {
  /**
   * Static spacing
   **/
  --space-0: clamp(0rem, 0rem + 0vw, 0rem);
  /* 8px */
  --space-1: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
  /* 16px */
  --space-2: clamp(1rem, 1rem + 0vw, 1rem);
  /* 24px */
  --space-3: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  /* 32px */
  --space-4: clamp(2rem, 2rem + 0vw, 2rem);
  /* 40px */
  --space-5: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
  /* 48px */
  --space-6: clamp(3rem, 3rem + 0vw, 3rem);
  /* 64px */
  --space-7: clamp(4rem, 4rem + 0vw, 4rem);
  /* 72px */
  --space-8: clamp(4.5rem, 4.5rem + 0vw, 4.5rem);
  /* 96px */
  --space-9: clamp(6rem, 6rem + 0vw, 6rem);
  /* 120px */
  --space-10: clamp(7.5rem, 7.5rem + 0vw, 7.5rem);
  /* 160px */
  --space-11: clamp(10rem, 10rem + 0vw, 10rem);
  /* 180px */
  --space-12: clamp(11.25rem, 11.25rem + 0vw, 11.25rem);
  /* 228px */
  --space-13: clamp(14.25rem, 14.25rem + 0vw, 14.25rem);
  /**
   * Fluid spacing from 576px (mobile) to 1280px (desktop)
   **/
  /* 32px → 48px */
  --space-6-fluid: clamp(2rem, 1.1818rem + 2.2727vw, 3rem);
  /* 40px → 64px */
  --space-7-fluid: clamp(2.5rem, 1.2727rem + 3.4091vw, 4rem);
  /* 48px → 72px */
  --space-8-fluid: clamp(3rem, 1.7727rem + 3.4091vw, 4.5rem);
  /* 64px → 96px */
  --space-9-fluid: clamp(4rem, 2.3636rem + 4.5455vw, 6rem);
  /* 72px → 120px */
  --space-10-fluid: clamp(4.5rem, 2.0455rem + 6.8182vw, 7.5rem);
  /* 96px → 160px */
  --space-11-fluid: clamp(6rem, 2.7273rem + 9.0909vw, 10rem);
  /* 96px → 180px */
  --space-12-fluid: clamp(6rem, 1.7045rem + 11.9318vw, 11.25rem);
  /* 120px → 228px */
  --space-13-fluid: clamp(7.5rem, 1.9773rem + 15.3409vw, 14.25rem);
  /**
   * One-up fluid spacing pairs from 576px (mobile) to 1280px (desktop)
   **/
  /* 0 → 8px */
  --space-0-1: clamp(0rem, -0.4091rem + 1.1364vw, 0.5rem);
  /* 8px → 16px */
  --space-1-2: clamp(0.5rem, 0.0909rem + 1.1364vw, 1rem);
  /* 16px → 24px */
  --space-2-3: clamp(1rem, 0.5909rem + 1.1364vw, 1.5rem);
  /* 24px → 32px */
  --space-3-4: clamp(1.5rem, 1.0909rem + 1.1364vw, 2rem);
  /* 32px → 40px */
  --space-4-5: clamp(2rem, 1.5909rem + 1.1364vw, 2.5rem);
  /* 40px → 48px */
  --space-5-6: clamp(2.5rem, 2.0909rem + 1.1364vw, 3rem);
  /* 48px → 64px */
  --space-6-7: clamp(3rem, 2.1818rem + 2.2727vw, 4rem);
  /* 64px → 72px */
  --space-7-8: clamp(4rem, 3.5909rem + 1.1364vw, 4.5rem);
  /* 72px → 96px */
  --space-8-9: clamp(4.5rem, 3.2727rem + 3.4091vw, 6rem);
  /* 96px → 120px */
  --space-9-10: clamp(6rem, 4.7727rem + 3.4091vw, 7.5rem);
  /* 120px → 160px */
  --space-10-11: clamp(7.5rem, 5.4545rem + 5.6818vw, 10rem);
  /* 160px → 180px */
  --space-11-12: clamp(10rem, 8.9773rem + 2.8409vw, 11.25rem);
  /* 180px → 228px */
  --space-12-13: clamp(11.25rem, 8.7955rem + 6.8182vw, 14.25rem);
  /**
   * Two-up fluid spacing pairs from 576px (mobile) to 1280px (desktop)
   **/
  /* 16px → 32px */
  --space-2-4: clamp(1rem, 0.1818rem + 2.2727vw, 2rem);
  /* 24px → 40px */
  --space-3-5: clamp(1.5rem, 0.6818rem + 2.2727vw, 2.5rem);
  /* 32px → 64px */
  --space-4-6: clamp(2rem, 0.3636rem + 4.5455vw, 4rem);
}

:root, header, footer {
  --ff: "Case", sans-serif;
  /* @link https://utopia.fyi/clamp/calculator?a=576,1280,56—140 */
  --fs-h1-xxl: clamp(3.5rem, -0.7955rem + 11.9318vw, 8.75rem);
  --fs-h1-xl: clamp(3rem, 0.5455rem + 6.8182vw, 6rem);
  --fs-h1-lg: clamp(2.625rem, 1.0909rem + 4.2614vw, 4.5rem);
  --fs-h1: clamp(2.375rem, 1.25rem + 3.125vw, 3.75rem);
  --fs-h2-xl: clamp(2.625rem, 1.0909rem + 4.2614vw, 4.5rem);
  --fs-h2: clamp(1.75rem, 0.7273rem + 2.8409vw, 3rem);
  --fs-h3: clamp(1.375rem, 0.8636rem + 1.4205vw, 2rem);
  --fs-h4: clamp(1.125rem, 0.6136rem + 1.4205vw, 1.75rem);
  --fs-h5: clamp(1rem, 0.5909rem + 1.1364vw, 1.5rem);
  --fs-h6: clamp(1rem, 0.8977rem + 0.2841vw, 1.125rem);
  --fs-body-1: clamp(1.125rem, 0.8182rem + 0.8523vw, 1.5rem);
  --fs-body-2: clamp(1rem, 0.8977rem + 0.2841vw, 1.125rem);
  --fs-body-3: clamp(0.875rem, 0.7727rem + 0.2841vw, 1rem);
  --fs-h4-alt: clamp(1rem, 0.7955rem + 0.5682vw, 1.25rem);
  --fs-prose-h1: var(--fs-h2);
  --fs-prose-h2: var(--fs-h3);
  --fs-prose-h3: var(--fs-h4);
  --fs-prose-h4: clamp(1.375rem, 1.2727rem + 0.2841vw, 1.5rem);
  --fs-prose-h5: clamp(1.125rem, 0.9205rem + 0.5682vw, 1.375rem);
  --fs-prose-h6: var(--fs-body-2);
  --fs-prose-h7: var(--fs-body-3);
  --fs-emphasis: clamp(1.375rem, 0.8636rem + 1.4205vw, 2rem);
  --fs-eyebrow: clamp(0.875rem, 0.7727rem + 0.2841vw, 1rem);
  --fs-media: clamp(1rem, -1.3523rem + 6.5341vw, 3.875rem);
  --lh-media: clamp(1.3rem, -0.8068rem + 5.8523vw, 3.875rem);
  --fs-note: clamp(0.75rem, 0.6477rem + 0.2841vw, 0.875rem);
  --fs-small-note: clamp(0.625rem, 0.5227rem + 0.2841vw, 0.75rem);
  --fs-number: clamp(4rem, 3.3864rem + 1.7045vw, 4.75rem);
  --fs-post-header: clamp(1.625rem, 0.8068rem + 2.2727vw, 2.625rem);
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-x-bold: 800;
}

:root,
header,
footer {
  --button-border-radius: 0.25rem;
  --button-padding-top-bottom: 0.625rem;
  --button-padding-left-right: var(--space-2);
  --button-padding: var(--button-padding-top-bottom) var(--button-padding-left-right);
}

.button,
.button--primary {
  --button-bg: var(--fg-color);
  --button-fg: var(--bg-color);
  --button-border: 1px solid var(--button-bg);
  font-size: var(--fs-body-3);
  font-weight: normal;
  letter-spacing: 0;
  line-height: 140%;
}
@media (min-width: 1024px) {
  .button,
  .button--primary {
    line-height: 140%;
  }
}
.button,
.button--primary {
  background-color: var(--button-bg);
  border: var(--button-border);
  border-radius: var(--button-border-radius);
  box-shadow: none;
  color: var(--button-fg);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ff);
  font-size: var(--fs-body-3, 0.875rem);
  font-weight: normal;
  gap: var(--space-2);
  line-height: 1;
  min-width: auto;
  padding: var(--button-padding-top-bottom) var(--button-padding-left-right);
  text-decoration: none;
  text-transform: unset;
  align-items: center;
}
.button:has(svg),
.button--primary:has(svg) {
  gap: var(--space-2);
}
.button svg,
.button--primary svg {
  height: auto;
  margin-inline: -0.25rem;
  max-width: clamp(0.875rem, -1.625rem + 3.9063vw, 1.5rem);
}
.button svg path,
.button svg path[fill],
.button--primary svg path,
.button--primary svg path[fill] {
  fill: var(--button-fg);
  transition: fill 0.3s ease-in-out;
}
.button svg path[stroke],
.button--primary svg path[stroke] {
  stroke: var(--button-fg);
  transition: stroke 0.3s ease-in-out;
}
.button.button--download, .button.button--secondary,
.button--primary.button--download,
.button--primary.button--secondary {
  --button-border: 1px solid var(--fg-color);
  --button-fg: var(--fg-color);
  --button-bg: var(--color-white);
}
.button.button--secondary,
.button--primary.button--secondary {
  --button-bg: transparent;
}
.button.button--tertiary,
.button--primary.button--tertiary {
  --button-border: 1px solid var(--color-white);
  --button-fg: var(--color-skydio-black);
  --button-bg: var(--color-white);
}
.button.button--quaternary,
.button--primary.button--quaternary {
  --button-border: 1px solid var(--blue-02);
  --button-fg: var(--color-white);
  --button-bg: var(--blue-02);
}
.button.button--quinary,
.button--primary.button--quinary {
  --button-border: 1px solid var(--color-white);
  --button-fg: var(--color-white);
  --button-bg: transparent;
}
.button.button--transparent,
.button--primary.button--transparent {
  --button-bg: transparent;
  --button-fg: var(--fg-color);
}
.button.button--toggle span:not(.visually-hidden) + span.button--icon-plus,
.button--primary.button--toggle span:not(.visually-hidden) + span.button--icon-plus {
  margin-left: 0.5rem;
}
.button.button--toggle span:not(.visually-hidden) + span + span.button--icon-minus,
.button--primary.button--toggle span:not(.visually-hidden) + span + span.button--icon-minus {
  margin-left: 0.5rem;
}
.button.button--toggle .button--icon-minus,
.button.button--toggle .button--icon-plus,
.button--primary.button--toggle .button--icon-minus,
.button--primary.button--toggle .button--icon-plus {
  width: 1rem;
  height: 1rem;
  position: relative;
  top: -1px;
}
.button.button--toggle .button--icon-plus,
.button--primary.button--toggle .button--icon-plus {
  display: inline-block;
}
.button.button--toggle .button--icon-minus,
.button--primary.button--toggle .button--icon-minus {
  display: none;
}
.button.button--toggle.is-active .button--icon-minus,
.button--primary.button--toggle.is-active .button--icon-minus {
  display: inline-block;
}
.button.button--toggle.is-active .button--icon-plus,
.button--primary.button--toggle.is-active .button--icon-plus {
  display: none;
}
@media (min-width: 768px) {
  .button.button--toggle .button--icon-minus,
  .button.button--toggle .button--icon-plus,
  .button--primary.button--toggle .button--icon-minus,
  .button--primary.button--toggle .button--icon-plus {
    width: 1.375rem;
    height: 1.375rem;
  }
}
.button--icon,
.button--primary--icon {
  --button-padding-left-right: var(--space-2);
}
.button--icon .button__icon,
.button--primary--icon .button__icon {
  margin-left: var(--button-padding-left-right);
  margin-right: 0;
}
.button--icon .button__inner,
.button--primary--icon .button__inner {
  height: auto;
  flex-direction: row-reverse;
}
.button--icon .button__inner svg,
.button--primary--icon .button__inner svg {
  margin-top: -1px;
  height: 100%;
  margin-bottom: -1px;
}
.button.button--secondary:hover:not([disabled]):not(.button--transparent), .button:hover:not([disabled]):not(.button--transparent),
.button--primary.button--secondary:hover:not([disabled]):not(.button--transparent),
.button--primary:hover:not([disabled]):not(.button--transparent) {
  --button-border: 1px solid var(--blue-02);
  --button-fg: var(--color-white);
  --button-bg: var(--skydio-primary-02);
  transition: all 0.3s ease-in-out;
}
.button.button--quaternary:hover:not([disabled]):not(.button--transparent),
.button--primary.button--quaternary:hover:not([disabled]):not(.button--transparent) {
  --button-bg: var(--skydio-primary-03);
}
.button.button--invisible, .button.button--invisible:hover:not([disabled]),
.button--primary.button--invisible,
.button--primary.button--invisible:hover:not([disabled]) {
  --button-border: none;
  --button-fg: transparent;
  --button-bg: transparent;
  text-indent: -9999px;
}
.button[disabled],
.button--primary[disabled] {
  opacity: 0.2;
}

.button--large {
  font-size: var(--fs-body-2);
  font-weight: normal;
  letter-spacing: 0;
  line-height: 140%;
  --button-padding-top-bottom: calc(var(--space-1) * 1.5);
  --button-padding-left-right: calc(var(--space-2) * 1.5);
}
@media (min-width: 768px) {
  .button--large {
    --button-padding-top-bottom: var(--space-2);
    --button-padding-left-right: var(--space-4);
  }
}

.button.button--link {
  padding: 0;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: var(--btn-color);
  vertical-align: inherit;
  text-align: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  background-color: inherit;
  border: inherit;
  border-radius: inherit;
}

.button--small {
  --button-padding-left-right: var(--space-2);
  --button-padding-top-bottom: var(--space-1);
}

input:is([type=button], [type=submit], [type=reset]),
input[type=file]::file-selector-button,
button {
  color: var(--gray-1000);
}

:root, header, footer {
  --z-header: 10;
  font-family: var(--ff);
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
}

.newsletter {
  max-width: 100%;
  width: 22.8125rem;
}
.newsletter__form {
  position: relative;
}
.newsletter__form.mktoForm {
  display: flex;
  align-items: stretch;
  margin-bottom: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  flex-direction: row;
  width: 100% !important;
  padding: 0 !important;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  .newsletter__form.mktoForm {
    justify-content: flex-end;
  }
}
.newsletter__form.mktoForm.newsletter--success {
  justify-content: flex-start;
}
.newsletter__form.mktoForm .newsletter__message-success {
  background: var(--gray-04);
  border-radius: var(--border-radius);
  padding: var(--space-2);
  font-size: 1.25rem;
  text-transform: initial;
  width: 100%;
  text-align: left;
}
.newsletter__form.mktoForm .mktoFieldWrap {
  position: relative;
  width: 100%;
}
.newsletter__form.mktoForm .mktoFieldWrap:focus-within .mktoLabel {
  font-size: 12px;
  color: #6e6e73;
  transform: translateY(8px);
}
.newsletter__form.mktoForm .mktoLabel {
  display: block !important;
  position: absolute;
  padding-left: 1rem;
  padding-right: 10px;
  transform: translateY(18px);
  font-size: 14px;
  font-weight: normal;
  transition: all 0.25s ease-in;
  cursor: text;
  pointer-events: none;
  text-transform: none;
}
.newsletter__form.mktoForm .mktoLabel .mktoAsterix {
  display: none !important;
}
.newsletter__form.mktoForm .mktoLabel.mktoValid {
  transform: translateY(8px);
  font-size: 12px;
  color: #6e6e73;
}
@media (min-width: 768px) {
  .newsletter__form.mktoForm .mktoLabel {
    transform: translateY(16px);
    font-size: 16px;
  }
}
.newsletter__form.mktoForm .mktoError {
  position: absolute;
  font-size: 12px;
  color: #f5222d;
  left: 0 !important;
  bottom: auto !important;
  right: auto !important;
  top: 64px !important;
}
.newsletter__form.mktoForm .mktoFormRow {
  display: flex;
}
.newsletter__form.mktoForm .mktoFormRow:nth-child(1), .newsletter__form.mktoForm .mktoFormRow:nth-child(2) {
  flex-grow: 1;
}
.newsletter__form.mktoForm .mktoFormRow input[type=email] {
  flex-grow: 1;
  font-size: 16px !important;
  color: var(--fg-color);
  padding: 1.2rem 1rem 0 1rem !important;
  border: transparent;
  box-shadow: none;
  display: block !important;
  min-height: 3.5rem;
  background-color: var(--gray-04);
  border-radius: var(--border-radius);
  width: 100%;
}
.newsletter__form.mktoForm .mktoFormRow .mktoError {
  position: absolute;
  font-size: 12px;
  color: #f5222d;
  left: 0 !important;
  bottom: auto !important;
  right: auto !important;
  top: 75% !important;
  transform: translateY(50%);
  box-shadow: none;
}
.newsletter__form.mktoForm .mktoFormRow .mktoError .mktoErrorMsg {
  text-shadow: none;
  background-image: none;
  border: none;
  box-shadow: none;
  padding: 0.5rem 0;
  text-align: left;
}
.newsletter__form.mktoForm .mktoFormRow .mktoError .mktoErrorArrow {
  display: none !important;
}
.newsletter__form.mktoForm .mktoFormRow .mktoOffset {
  display: none;
}
.newsletter__form.mktoForm .mktoFormRow .mktoFieldWrap.mktoRequiredField {
  padding: 0;
}
.newsletter__form.mktoForm .mktoFormRow .mktoFormCol {
  margin-bottom: 0 !important;
  padding: 0;
  display: flex;
  flex-grow: 1;
}
.newsletter__form.mktoForm .mktoFormRow .mktoFormCol > * {
  flex-grow: 1;
}
.newsletter__form.mktoForm .mktoButtonRow {
  display: flex;
  position: absolute;
  top: var(--space-1);
  bottom: var(--space-1);
  right: var(--space-1);
}
.newsletter__form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset {
  margin-left: 0 !important;
  height: 100%;
  display: flex;
}
.newsletter__form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset .mktoButton {
  height: 100%;
  box-shadow: none;
  white-space: nowrap;
  padding: 0.5rem 1.25rem;
  line-height: 1 !important;
}
@media (min-width: 1024px) {
  .newsletter__form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset .mktoButton {
    line-height: 1 !important;
    font-size: 1rem !important;
  }
}

.newsletter__form-inner {
  position: relative;
  display: flex;
  width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  .newsletter__form-inner ::placeholder {
    font-size: 12px;
  }
}
.newsletter__form-inner .form-element--email {
  width: 14.375rem;
  margin-bottom: 0;
}
.newsletter__form-inner .form-element__input--email {
  flex-grow: 1;
  padding: 0 var(--space-3);
  background: transparent;
  border: transparent;
}
.newsletter__form-inner .form-element__input--submit {
  padding: var(--space-1) var(--space-3);
}

.newsletter__message-success {
  border-radius: var(--border-radius);
  font-weight: 400;
  text-align: center;
}

.newsletter__message-error {
  font-style: italic;
}

.footer {
  --footer-behind-color: var(--ms-background-color, var(--gray-04));
  --footer-bg-color: var(--bg-color);
  --footer-text-color: var(--gray-02);
  overflow: hidden;
  background: var(--footer-behind-color);
  display: flex;
  flex-direction: column;
}
.footer * {
  box-sizing: border-box;
}
.module-style--white .footer {
  --footer-behind-color: var(--gray-04);
}
.footer__container {
  color: var(--color-black);
  margin: var(--space-1);
  background-color: var(--footer-bg-color);
  padding: var(--space-2);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
}
.footer__top-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.footer__newsletter skydio-newsletter {
  font-weight: var(--fw-medium);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer__newsletter-text {
  font-weight: var(--fw-medium);
  font-size: 12px;
  line-height: 130%;
}
.footer__logo-link svg {
  width: 176px;
  color: var(--gray-1000);
}
.footer__logo-link--no-text svg {
  width: var(--space-5);
}
.footer__logo-link {
  display: none;
}
.footer__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-3) var(--space-2);
}
.footer h5.footer__links-title {
  font-size: 10px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.footer h5.footer__links-title + .footer__links-link {
  margin-top: 12px;
}
.footer a.footer__links-link {
  display: block;
  font-size: 12px;
  position: relative;
  color: var(--footer-text-color) !important;
  line-height: 140%;
}
.footer a.footer__links-link:not(:first-of-type) {
  margin-top: 4px;
}
.footer a.footer__links-link:hover {
  color: var(--blue-02);
}
.footer a {
  text-decoration: none;
  color: inherit;
}
.footer__main-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.footer__bottom {
  margin-top: var(--space-8);
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--color-black);
  padding-top: var(--space-3);
}
.footer__company-info-address {
  font-size: 12px;
  line-height: 1.3;
  font-weight: var(--fw-regular);
}
.footer__company-info svg {
  flex-shrink: 0;
  min-width: 44px;
}
.footer__company-info-us-built {
  display: flex;
  gap: var(--space-3);
  align-items: center;
  font-size: 16px;
  line-height: 1.1;
  font-weight: var(--fw-medium);
}
.footer__company-info-us-built div {
  text-wrap: balance;
}
.footer__company-info-us-built svg {
  max-width: 48px;
}
.footer__company-info span {
  font-size: 12px;
  line-height: 1.3;
  display: block;
}
.footer__address_phone {
  margin-top: 4px;
}
.footer__copyright-text {
  font-size: 12px;
  line-height: 180%;
  color: var(--footer-text-color);
}
.footer__info-socials {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.footer__utility-links {
  font-size: 12px;
  line-height: 180%;
}
.footer__utility-links a.footer__utility-link {
  color: var(--gray-1000) !important;
}
.footer__utility-links a:hover {
  cursor: pointer;
}
.footer__social-container {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  align-items: center;
}
.footer__social-title {
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 140%;
}
.footer__social {
  display: flex;
}
.footer__social a:not(:first-child) {
  margin-left: var(--space-2);
  display: block;
}
.footer__social a,
.footer__social img {
  width: 24px;
  height: 24px;
}
.footer__bottom-content {
  color: var(--gray-1000);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  align-items: center;
  margin: var(--space-1);
}
.footer .footer__utility-link + .footer__utility-link::before {
  content: "|";
  margin: 0 5px 0 2px;
}

@media (min-width: 768px) {
  .footer__container {
    margin: 12px 12px 6px 12px;
    padding: var(--space-3);
    border-radius: 1rem;
    gap: var(--space-3);
  }
  .footer__top-content {
    flex-direction: row;
    justify-content: space-between;
  }
  .footer__newsletter skydio-newsletter {
    gap: var(--space-1);
  }
  .footer .newsletter__form.mktoForm .mktoFormRow input[type=email] {
    width: 547px;
  }
  .footer__newsletter-text {
    font-size: 14px;
    line-height: 140%;
  }
  .footer__links {
    grid-template-columns: repeat(5, 1fr);
    gap: 0 var(--space-2);
    flex: 1;
  }
  .footer h5.footer__links-title + .footer__links-link {
    margin-top: var(--space-3);
  }
  .footer__main-content {
    gap: var(--space-5);
  }
  .footer__info-socials {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .footer__bottom-content {
    flex-direction: row;
    justify-content: space-between;
    margin: 8px 12px 12px 12px;
  }
}
@media (min-width: 1024px) {
  .footer__container {
    gap: clamp(2rem, 1.1818rem + 2.2727vw, 3rem);
    margin: 24px 24px 8px 24px;
  }
  .footer__main-content {
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: var(--space-4);
  }
  .footer__info-socials {
    flex-direction: column;
    align-items: flex-start;
    width: 253px;
  }
  .footer__logo-link {
    display: block;
  }
  .footer__logo-link--no-text {
    display: none;
  }
  .footer__company-info {
    display: contents;
  }
  .footer__newsletter {
    gap: 0.5rem;
  }
  .footer .newsletter__form.mktoForm .mktoFormRow input[type=email] {
    width: 666px;
  }
  .footer__bottom-content {
    margin: 8px 24px 24px 24px;
  }
  .footer__social-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
@media (min-width: 1280px) {
  .footer .newsletter__form.mktoForm .mktoFormRow input[type=email] {
    width: 582px;
  }
  .footer__newsletter skydio-newsletter {
    flex-direction: row;
    gap: 12px;
  }
  .footer__newsletter-text {
    font-size: 18px;
    margin-top: 16px;
    white-space: nowrap;
  }
  .footer__main-content {
    gap: var(--space-2);
  }
  .footer__info-socials {
    width: 383px;
  }
  .footer a.footer__links-link {
    font-size: 14px;
  }
  .footer__address_phone {
    margin-top: var(--space-2);
  }
  .footer__social-container {
    flex-direction: row;
    align-items: center;
    gap: var(--space-2);
  }
}
@media (min-width: 1980px) {
  .footer__links {
    flex: 0 0 50%;
  }
}