airspeeder-flight-indicators-react/dist/index.js

A React + TypeScript porting of react-flight-indicators (https://github.com/skyhop/react-flight-indicators)

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);

function _extends() {
  _extends = Object.assign || function (target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = arguments[i];

      for (var key in source) {
        if (Object.prototype.hasOwnProperty.call(source, key)) {
          target[key] = source[key];
        }
      }
    }

    return target;
  };

  return _extends.apply(this, arguments);
}

function SvgAltitudePressure(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("circle", {
    fill: '#232323',
    cx: 200.333,
    cy: 200,
    r: 161
  }), React.createElement("text", {
    transform: 'translate(289.65 203.833)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '990'), React.createElement("text", {
    transform: 'rotate(10.003 -1109.58 1753.99)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '985'), React.createElement("text", {
    transform: 'rotate(19.999 -522.528 919.474)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '980'), React.createElement("text", {
    transform: 'rotate(-10.003 1220.857 -1557.615)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '995'), React.createElement("text", {
    transform: 'rotate(-19.999 636.316 -707.539)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '1000'), React.createElement("text", {
    transform: 'rotate(-30 438.664 -432.007)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '1005'), React.createElement("text", {
    transform: 'rotate(-40.002 338.3 -292.165)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '1010'), React.createElement("text", {
    transform: 'rotate(-49.998 276.865 -206.55)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '1015'), React.createElement("text", {
    transform: 'rotate(-60 234.824 -147.945)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '1020'), React.createElement("text", {
    transform: 'rotate(-70.001 203.841 -104.773)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '1025'), React.createElement("text", {
    transform: 'rotate(-80.003 179.75 -71.192)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '1030'), React.createElement("text", {
    transform: 'rotate(-90 160.207 -43.961)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '1035'), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 2,
    strokeMiterlimit: 10,
    d: 'M313.562 200.333h10.605'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    d: 'M315.803 196.3l6-.209M315.604 192.273l5.988-.419M315.264 188.255l5.97-.627M314.784 184.251l5.945-.834'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 2,
    strokeMiterlimit: 10,
    d: 'M311.784 219.989l10.443 1.841'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    d: 'M314.691 216.407l5.945.836M315.194 212.406l5.971.628M315.557 208.391l5.988.419M315.78 204.364l6 .21'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 2,
    strokeMiterlimit: 10,
    d: 'M306.619 239.038l9.965 3.627'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    d: 'M310.104 236.016l5.71 1.855M311.293 232.162l5.772 1.656M312.349 228.271l5.824 1.453M313.268 224.345l5.872 1.249M302.182 254.529l5.301 2.82M304.022 250.941l5.396 2.633M305.737 247.293l5.484 2.441M307.325 243.586l5.565 2.249M314.165 180.267l5.913-1.042M313.407 176.307l5.873-1.248M312.51 172.375l5.827-1.452M311.478 168.478l5.772-1.655M310.311 164.619l5.711-1.855M309.009 160.802l5.643-2.052M307.575 157.034l5.568-2.248M306.01 153.317l5.487-2.441M304.317 149.658l5.398-2.631M302.497 146.06l5.303-2.818M300.552 142.528l5.202-3.002M298.486 139.065l5.094-3.18M296.299 135.677l4.98-3.356M293.996 132.368l4.859-3.529M291.579 129.141l4.733-3.696M289.05 126l4.602-3.859M286.414 122.949l4.464-4.017M283.672 119.992l4.322-4.171M280.83 117.133l4.172-4.32M277.889 114.375l4.019-4.463M274.854 111.72l3.86-4.599M271.728 109.173l3.697-4.731M268.515 106.737l3.529-4.857M265.219 104.415l3.358-4.977M261.844 102.209l3.182-5.091M258.394 100.123l3.002-5.2M254.873 98.158l2.819-5.302M251.286 96.316l2.631-5.396M247.636 94.602l2.442-5.485M243.929 93.016l2.249-5.567M240.169 91.56l2.053-5.642M236.361 90.236l1.854-5.71M232.508 89.045l1.655-5.77M228.617 87.991l1.452-5.825M224.691 87.072l1.248-5.872M220.735 86.291l1.043-5.912M216.754 85.648l.836-5.944M212.753 85.146l.628-5.971M208.738 84.783l.419-5.989M204.711 84.56l.21-5.999M196.648 84.534l-.209-5.999M192.621 84.734l-.418-5.988M188.603 85.074l-.627-5.971M184.599 85.554l-.835-5.945'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 2,
    strokeMiterlimit: 10,
    d: 'M311.9 180.666l10.443-1.842M306.847 161.586l9.965-3.627M298.559 143.674l9.184-5.302M287.286 127.474l8.124-6.817M273.371 113.477l6.816-8.124M257.236 102.108l5.303-9.184M239.373 93.715L243 83.75M220.324 88.55l1.841-10.443M200.667 86.772V76.168'
  }));
}

function SvgAltitudeTicks(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("filter", {
    filterUnits: 'objectBoundingBox',
    id: 'altitude_ticks_svg__a'
  }, React.createElement("feGaussianBlur", {
    stdDeviation: 5,
    result: 'blur',
    "in": 'SourceAlpha'
  }), React.createElement("feOffset", {
    result: 'offsetBlurredAlpha',
    "in": 'blur'
  }), React.createElement("feMerge", null, React.createElement("feMergeNode", {
    "in": 'offsetBlurredAlpha'
  }), React.createElement("feMergeNode", {
    "in": 'SourceGraphic'
  }))), React.createElement("path", {
    fill: '#232323',
    filter: 'url(#altitude_ticks_svg__a)',
    d: 'M200.333 47c-84.497 0-153 68.503-153 153s68.503 153 153 153 153-68.503 153-153-68.502-153-153-153zm75.517 174.422A78.5 78.5 0 00278.834 200a78.49 78.49 0 00-2.958-21.332l49.113-13.869c3.155 11.193 4.846 23 4.846 35.201 0 12.256-1.704 24.114-4.886 35.351l-49.099-13.929z'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 4,
    strokeMiterlimit: 10,
    d: 'M200.333 49.902v23.432M288.559 78.569l-13.773 18.956M343.084 153.619l-22.285 7.24M320.799 239.144l22.284 7.241M288.556 321.434l-13.772-18.957M200.331 350.1v-23.433M112.105 321.433l13.773-18.957M57.579 246.383l22.285-7.24M57.58 153.617l22.284 7.24M112.106 78.568l13.773 18.955'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 2,
    strokeMiterlimit: 10,
    d: 'M219.147 51.091l-2 15.852M237.662 54.623l-3.971 15.478M255.588 60.448l-5.879 14.859M272.643 68.475l-7.695 14.004M303.079 90.591l-10.934 11.649M315.981 104.331l-12.309 10.188M327.059 119.58l-13.488 8.565M336.139 136.098l-14.455 6.805M350.125 190.58l-15.945 1.007M347.763 171.88l-15.693 2.998M350.125 209.429l-15.946-1M347.762 228.129l-15.695-2.991M336.135 263.91l-14.459-6.801M327.054 280.427l-13.492-8.559M315.975 295.675l-12.312-10.182M303.073 309.415l-10.941-11.645M272.635 331.528l-7.701-14.001M255.58 339.554l-5.886-14.857M237.654 345.378l-3.978-15.478M219.139 348.909l-2.006-15.853M181.515 348.907l2.001-15.853M163 345.375l3.972-15.479M145.074 339.55l5.881-14.859M128.02 331.523l7.697-14.003M97.583 309.409l10.938-11.651M84.68 295.669l12.312-10.19M73.602 280.42l13.492-8.566M64.521 263.902l14.46-6.807M52.896 228.12l15.699-2.997M50.534 209.42l15.951-1.006M50.535 190.571l15.951 1.001M52.897 171.871l15.701 2.992M64.524 136.089l14.464 6.803M73.605 119.571l13.498 8.563M84.685 104.322l12.318 10.188M97.589 90.582l10.944 11.651M128.027 68.468l7.703 14.008M145.083 60.442l5.886 14.864M163.01 54.618l3.977 15.485M181.525 51.087l2.005 15.861'
  }), React.createElement("text", {
    transform: 'translate(193.548 98.815)',
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    fontFamily: 'sans-serif',
    fontSize: 25
  }, '0'), React.createElement("text", {
    transform: 'translate(176.656 162.587)',
    fill: '#FFF',
    stroke: '#FFF',
    strokeWidth: 0.5,
    strokeMiterlimit: 10,
    fontFamily: 'sans-serif',
    fontSize: 25
  }, 'ALT'), React.createElement("text", {
    transform: 'translate(257.16 120.982)',
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    fontFamily: 'sans-serif',
    fontSize: 25
  }, '1'), React.createElement("text", {
    transform: 'translate(299.492 160.877)',
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    fontFamily: 'sans-serif',
    fontSize: 25
  }, '2'), React.createElement("text", {
    transform: 'translate(299.492 256.763)',
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    fontFamily: 'sans-serif',
    fontSize: 25
  }, '3'), React.createElement("text", {
    transform: 'translate(258.91 295.232)',
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    fontFamily: 'sans-serif',
    fontSize: 25
  }, '4'), React.createElement("text", {
    transform: 'translate(193.66 318.482)',
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    fontFamily: 'sans-serif',
    fontSize: 25
  }, '5'), React.createElement("text", {
    transform: 'translate(89.16 242.763)',
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    fontFamily: 'sans-serif',
    fontSize: 25
  }, '7'), React.createElement("text", {
    transform: 'translate(87.16 175.232)',
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    fontFamily: 'sans-serif',
    fontSize: 25
  }, '8'), React.createElement("text", {
    transform: 'translate(129.91 119.982)',
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    fontFamily: 'sans-serif',
    fontSize: 25
  }, '9'), React.createElement("path", {
    fill: 'none',
    d: 'M174.243 243.809l61.533 38.566a89.298 89.298 0 008.936-4.471l-66.101-41.43-4.368 7.335zM165.159 259.06l47.482 29.761a89.123 89.123 0 0012.055-2.517l-55.169-34.578-4.368 7.334zM214.732 238.17a40.203 40.203 0 01-11.956 2.578l34.692 21.744-9.571-16.07-13.165-8.252zM156.076 274.312l18.447 11.562a89.369 89.369 0 0021.967 3.696l-36.045-22.592-4.369 7.334z'
  }), React.createElement("path", {
    fill: '#FFF',
    d: 'M154.451 277.04a89.218 89.218 0 0020.072 8.833l-18.447-11.562-1.625 2.729zM160.444 266.978l36.045 22.592c1.275.054 2.555.09 3.844.09 4.176 0 8.285-.286 12.308-.839l-47.482-29.761-4.715 7.918zM169.527 251.726l55.169 34.578a88.997 88.997 0 0011.079-3.929l-61.533-38.566-4.715 7.917zM200.333 240.833a40.288 40.288 0 01-20.868-5.794l-.855 1.437 66.101 41.43c.482-.275.967-.544 1.443-.828l-8.686-14.584-34.692-21.744c-.809.047-1.621.083-2.443.083zM221.14 235.076a40.442 40.442 0 01-6.408 3.095l13.165 8.252-6.757-11.347z'
  }), React.createElement("text", {
    transform: 'translate(209.888 81.333)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, 'FEET'), React.createElement("text", {
    transform: 'translate(174.315 81.333)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '100'), React.createElement("text", {
    transform: 'translate(175.376 137.582)',
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 11
  }, '1000 FEET'), React.createElement("text", {
    transform: 'translate(104.334 191.915)'
  }, React.createElement("tspan", {
    x: 0,
    y: 0,
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 12
  }, 'CALIBRATED'), React.createElement("tspan", {
    x: 24.453,
    y: 12,
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 12
  }, 'TO'), React.createElement("tspan", {
    x: 1.936,
    y: 24,
    fill: '#FFF',
    fontFamily: 'sans-serif',
    fontSize: 12
  }, '25 000 FEET')));
}

function SvgFiBox(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("filter", {
    filterUnits: 'objectBoundingBox',
    id: 'fi_box_svg__a'
  }, React.createElement("feGaussianBlur", {
    stdDeviation: 5,
    result: 'blur',
    "in": 'SourceAlpha'
  }), React.createElement("feOffset", {
    result: 'offsetBlurredAlpha',
    "in": 'blur'
  }), React.createElement("feMerge", null, React.createElement("feMergeNode", {
    "in": 'offsetBlurredAlpha'
  }), React.createElement("feMergeNode", {
    "in": 'SourceGraphic'
  }))), React.createElement("g", {
    filter: 'url(#fi_box_svg__a)'
  }, React.createElement("path", {
    fill: '#110F0F',
    d: 'M387.667 375c0 6.627-5.373 12-12 12h-350c-6.627 0-12-5.373-12-12V25c0-6.627 5.373-12 12-12h350c6.627 0 12 5.373 12 12v350z'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 0.5,
    strokeMiterlimit: 10,
    d: 'M387.667 375c0 6.627-5.373 12-12 12h-350c-6.627 0-12-5.373-12-12V25c0-6.627 5.373-12 12-12h350c6.627 0 12 5.373 12 12v350z'
  })));
}

function SvgFiCircle(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("filter", {
    filterUnits: 'objectBoundingBox',
    id: 'fi_circle_svg__a'
  }, React.createElement("feGaussianBlur", {
    stdDeviation: 5,
    result: 'blur',
    "in": 'SourceAlpha'
  }), React.createElement("feOffset", {
    result: 'offsetBlurredAlpha',
    "in": 'blur'
  }), React.createElement("feMerge", null, React.createElement("feMergeNode", {
    "in": 'offsetBlurredAlpha'
  }), React.createElement("feMergeNode", {
    "in": 'SourceGraphic'
  }))), React.createElement("g", {
    filter: 'url(#fi_circle_svg__a)'
  }, React.createElement("path", {
    fill: '#232323',
    d: 'M200.333 33.5c-91.956 0-166.5 74.544-166.5 166.5s74.544 166.5 166.5 166.5c91.957 0 166.5-74.544 166.5-166.5S292.29 33.5 200.333 33.5zm.334 316.599c-82.714 0-149.767-67.053-149.767-149.767 0-82.713 67.053-149.767 149.767-149.767s149.767 67.053 149.767 149.767c-.001 82.714-67.054 149.767-149.767 149.767z'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#353535',
    strokeWidth: 1.3,
    strokeMiterlimit: 10,
    d: 'M200.333 33.5c-91.956 0-166.5 74.544-166.5 166.5s74.544 166.5 166.5 166.5c91.957 0 166.5-74.544 166.5-166.5S292.29 33.5 200.333 33.5zm.334 316.599c-82.714 0-149.767-67.053-149.767-149.767 0-82.713 67.053-149.767 149.767-149.767s149.767 67.053 149.767 149.767c-.001 82.714-67.054 149.767-149.767 149.767z'
  })));
}

function SvgFiNeedle(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("filter", {
    filterUnits: 'objectBoundingBox',
    id: 'fi_needle_svg__a'
  }, React.createElement("feGaussianBlur", {
    stdDeviation: 5,
    result: 'blur',
    "in": 'SourceAlpha'
  }), React.createElement("feOffset", {
    result: 'offsetBlurredAlpha',
    "in": 'blur'
  }), React.createElement("feMerge", null, React.createElement("feMergeNode", {
    "in": 'offsetBlurredAlpha'
  }), React.createElement("feMergeNode", {
    "in": 'SourceGraphic'
  }))), React.createElement("g", {
    filter: 'url(#fi_needle_svg__a)',
    strokeWidth: 0.5,
    strokeMiterlimit: 10
  }, React.createElement("path", {
    fill: '#FFF',
    stroke: '#B2B2B2',
    d: 'M76.445 196.417L68.082 200l8.341 3.583h107.911v-7.166z'
  }), React.createElement("path", {
    fill: '#232323',
    stroke: '#353535',
    d: 'M239.042 196.417c-3.563-3.563-8.918 0-13.063 0H210.862c-1.51-4.271-5.573-7.337-10.362-7.337s-8.852 3.065-10.362 7.337h-5.804v7.167h5.745c1.464 4.355 5.572 7.496 10.42 7.496s8.956-3.141 10.42-7.496H226.04c3.874 0 9.458 3.542 13 0 2.084-2.083 2.21-4.959.002-7.167z'
  })));
}

function SvgFiNeedleSmall(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("filter", {
    filterUnits: 'objectBoundingBox',
    id: 'fi_needle_small_svg__a'
  }, React.createElement("feGaussianBlur", {
    stdDeviation: 5,
    result: 'blur',
    "in": 'SourceAlpha'
  }), React.createElement("feOffset", {
    result: 'offsetBlurredAlpha',
    "in": 'blur'
  }), React.createElement("feMerge", null, React.createElement("feMergeNode", {
    "in": 'offsetBlurredAlpha'
  }), React.createElement("feMergeNode", {
    "in": 'SourceGraphic'
  }))), React.createElement("g", {
    filter: 'url(#fi_needle_small_svg__a)'
  }, React.createElement("path", {
    fill: '#FFF',
    d: 'M211.838 160.802l-11.495-28.434-.005.018-.005-.018-11.495 28.434L200.333 207l.005-.023.005.023z'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#B2B2B2',
    strokeWidth: 0.5,
    strokeMiterlimit: 10,
    d: 'M211.838 160.802l-11.495-28.434-.005.018-.005-.018-11.495 28.434L200.333 207l.005-.023.005.023z'
  })), React.createElement("g", {
    filter: 'url(#fi_needle_small_svg__a)'
  }, React.createElement("path", {
    fill: '#232323',
    d: 'M200.331 196.091s-9.492 18.192-9.331 24.818c.062 2.56 1.828 4.228 9.331 4.228s9.114-1.709 9.146-4.228c.083-6.507-8.809-24.493-8.809-24.493'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#353535',
    strokeWidth: 0.5,
    strokeMiterlimit: 10,
    d: 'M200.331 196.091s-9.492 18.192-9.331 24.818c.062 2.56 1.828 4.228 9.331 4.228s9.114-1.709 9.146-4.228c.083-6.507-8.809-24.493-8.809-24.493'
  })));
}

function SvgFiTcAirplane(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 537.942 539.909'
  }, props), React.createElement("path", {
    d: 'M270.52 264.576c-9.867 0-17.93 7.755-18.425 17.5l-97.55-.181c-3.55.025-4.278 4.985-.4 5.65l101.1 5.806c3.319 4.885 8.921 8.1 15.275 8.1 6.341 0 11.93-3.201 15.25-8.075l101.55-5.831c3.878-.665 3.15-5.625-.4-5.65l-97.975.206c-.482-9.756-8.55-17.525-18.425-17.525z',
    fill: '#fff'
  }), React.createElement("path", {
    d: 'M382.64 303.12c4.383.052 102.168.052 106.55 0 4.383-.052 5.828-6.697-.252-7.176l-44.447-2.125c-3.686-.67-4.028-2.28-4.293-4.367l-.505-25.223c0-3.888-7.429-3.961-7.429 0l-.505 25.223c-.264 2.087-.606 3.698-4.293 4.367l-44.573 2.125c-6.08.479-4.635 7.124-.252 7.176z',
    fillOpacity: 0.603,
    filter: 'url(#fi_tc_airplane_svg__filter7320)',
    transform: 'matrix(.8 0 0 .8 -78 33)'
  }), React.createElement("path", {
    d: 'M228.112 272.601c3.506.042 81.734.042 85.24 0 3.506-.041 4.662-5.357-.202-5.74l-35.557-1.7c-2.95-.536-3.223-1.825-3.435-3.494l-.404-20.179c0-3.11-5.943-3.168-5.943 0l-.404 20.179c-.211 1.67-.485 2.958-3.434 3.494l-35.659 1.7c-4.864.383-3.708 5.699-.202 5.74z',
    fill: '#fff'
  }));
}

function SvgHeadingMechanics(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("filter", {
    filterUnits: 'objectBoundingBox',
    id: 'heading_mechanics_svg__a'
  }, React.createElement("feGaussianBlur", {
    stdDeviation: 5,
    result: 'blur',
    "in": 'SourceAlpha'
  }), React.createElement("feOffset", {
    result: 'offsetBlurredAlpha',
    "in": 'blur'
  }), React.createElement("feMerge", null, React.createElement("feMergeNode", {
    "in": 'offsetBlurredAlpha'
  }), React.createElement("feMergeNode", {
    "in": 'SourceGraphic'
  }))), React.createElement("g", {
    filter: 'url(#heading_mechanics_svg__a)'
  }, React.createElement("path", {
    fill: 'none',
    stroke: '#FF2A00',
    strokeWidth: 3,
    strokeMiterlimit: 10,
    d: 'M200.38 81.417s-7.042 11.625-11.292 24.75-7.125 51.375-7.125 51.375l-54.213 39.3s-13.543 8.502-16.3 15.598c-.958 2.468-1.491 5.852-1.612 7.852-.222 3.681 0 13.749 0 13.75.125 2.125 1.5 3.875 6 2.375s69.5-23.125 69.5-23.125l2.75 54.25s-16.723 12.949-21.875 17.75c-1.232 1.148-3.054 2.765-4.063 4.875-1.045 2.187-1.161 5.537-1.188 7.25-.038 2.437-.131 8.147.188 9.063.5 1.438 1.063 1.918 3.135 1.918 2.625 0 12.928-5.73 12.928-5.73l18.75-9.25 4.333 12.25-4.333-12.25 4.333 12.25h.168l4.333-12.25 18.75 9.25s10.303 5.73 12.928 5.73c2.072 0 2.635-.48 3.135-1.918.318-.916.226-6.625.188-9.063-.027-1.713-.143-5.063-1.188-7.25-1.008-2.11-2.83-3.727-4.063-4.875-5.152-4.801-21.875-17.75-21.875-17.75l2.75-54.25s65 21.625 69.5 23.125 5.875-.25 6-2.375c0-.001.222-10.069 0-13.75-.121-2-.653-5.384-1.612-7.852-2.756-7.096-16.3-15.598-16.3-15.598l-54.213-39.3s-2.875-38.25-7.125-51.375-11.292-24.75-11.292-24.75V61'
  })), React.createElement("g", {
    filter: 'url(#heading_mechanics_svg__a)'
  }, React.createElement("path", {
    fill: '#FF2A00',
    d: 'M200.381 332.311l-5.839 12.128h12z'
  })), React.createElement("g", {
    filter: 'url(#heading_mechanics_svg__a)'
  }, React.createElement("path", {
    fill: '#FFF',
    d: 'M294.272 294.239l4.471 12.771 8.529-8.529z'
  })), React.createElement("g", {
    filter: 'url(#heading_mechanics_svg__a)'
  }, React.createElement("path", {
    fill: '#FFF',
    d: 'M105.938 294.771l-11.792 4.127 7.874 7.873z'
  })), React.createElement("g", {
    filter: 'url(#heading_mechanics_svg__a)'
  }, React.createElement("path", {
    fill: '#FF2A00',
    d: 'M68.291 200.382l-12-5.778v11.873z'
  })), React.createElement("g", {
    filter: 'url(#heading_mechanics_svg__a)'
  }, React.createElement("path", {
    fill: '#FFF',
    d: 'M106.001 106.041l-4.2-12-8.014 8.014z'
  })), React.createElement("g", {
    filter: 'url(#heading_mechanics_svg__a)'
  }, React.createElement("path", {
    fill: '#FFF',
    d: 'M294.731 105.894l11.788-4.127-7.873-7.873z'
  })), React.createElement("g", {
    filter: 'url(#heading_mechanics_svg__a)'
  }, React.createElement("path", {
    fill: '#FF2A00',
    d: 'M332.311 200.285l12.129 5.84.001-12z'
  })), React.createElement("g", {
    filter: 'url(#heading_mechanics_svg__a)'
  }, React.createElement("path", {
    fill: '#FF2A00',
    d: 'M200.619 68.022l5.839-12.129-12-.001z'
  })));
}

function SvgHeadingYaw(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("circle", {
    fill: '#232323',
    cx: 200.333,
    cy: 200,
    r: 161
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 2,
    strokeMiterlimit: 10,
    d: 'M200.333 350.099v-23.432M213.416 349.528l-1.393-15.919M239.182 344.985l-4.136-15.435M263.768 336.036l-6.753-14.482M286.427 322.955l-9.166-13.09M306.47 306.137l-11.3-11.3M323.289 286.094l-13.091-9.165M336.371 263.436l-14.484-6.753M345.32 238.85l-15.437-4.136M349.864 213.083l-15.921-1.392M349.864 186.918l-15.92 1.395M345.321 161.151l-15.436 4.138M336.373 136.565l-14.483 6.755M323.291 113.906l-13.089 9.167M306.472 93.863l-11.298 11.3M286.429 77.045l-9.164 13.09M263.771 63.962l-6.752 14.484M239.185 55.013l-4.135 15.436M213.418 50.469l-1.391 15.92M187.254 50.469l1.394 15.919M161.488 55.012l4.137 15.435M136.901 63.96l6.755 14.483M114.242 77.042l9.167 13.089M94.199 93.86l11.3 11.299M77.38 113.903l13.09 9.164M64.298 136.562l14.483 6.752M55.349 161.148l15.436 4.135M50.805 186.915l15.919 1.391M50.804 213.079l15.919-1.394M55.347 238.845l15.436-4.136M64.295 263.432l14.483-6.754M77.376 286.091l13.09-9.166M94.194 306.135l11.3-11.301M114.237 322.954l9.165-13.091M136.895 336.037l6.753-14.484M161.481 344.986l4.136-15.437M187.248 349.53l1.392-15.92M226.398 347.819l-4.068-23.077M251.67 341.047l-8.013-22.019M275.383 329.99l-11.716-20.293M296.816 314.983l-15.062-17.95M315.317 296.483l-17.95-15.063M330.324 275.05l-20.293-11.717M341.381 251.337l-22.018-8.014M348.153 226.065l-23.075-4.069M350.433 200h-23.432M348.153 173.936l-23.075 4.068M341.381 148.664l-22.018 8.013M330.324 124.951l-20.292 11.716M315.317 103.519l-17.949 15.061M296.816 85.018l-15.061 17.949M275.384 70.011l-11.716 20.292M251.672 58.954l-8.014 22.017M226.4 52.182l-4.069 23.074M200.335 49.901l-.001 23.431M174.271 52.181l4.068 23.075M148.999 58.953l8.013 22.018M125.286 70.01l11.715 20.292M103.853 85.017l15.062 17.949M85.352 103.517l17.95 15.062M70.345 124.949l20.293 11.716M59.288 148.662l22.019 8.014M52.515 173.934l23.077 4.068M50.235 199.999l23.432-.001M52.515 226.063l23.076-4.07M59.287 251.335l22.019-8.015M70.343 275.048l20.294-11.717M85.35 296.481l17.951-15.064M103.851 314.982l15.063-17.952M125.284 329.989L137 309.695M148.997 341.047l8.013-22.021M174.269 347.819l4.068-23.078'
  }), React.createElement("path", {
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    d: 'M192.637 101.333V79.786h.469l14.341 16.518V79.786h2.124v21.548h-.483l-14.224-16.316v16.316h-2.227z'
  }), React.createElement("g", {
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10
  }, React.createElement("path", {
    d: 'M135.018 109.119l-1.585.916c-.452-1.449-.468-2.755-.05-3.919.419-1.162 1.186-2.064 2.299-2.708a5.532 5.532 0 012.588-.754c.915-.035 1.746.15 2.492.556s1.316.95 1.711 1.634c.773 1.339.72 2.784-.161 4.336.923-.128 1.792-.038 2.608.27 1.153.434 2.024 1.162 2.614 2.184.509.882.762 1.856.759 2.925a5.598 5.598 0 01-.832 2.954c-.552.9-1.324 1.638-2.317 2.211-1.34.773-2.68 1.032-4.02.778-1.341-.256-2.579-1.051-3.718-2.387l1.522-.879c.851.854 1.655 1.362 2.416 1.523.971.201 1.953.014 2.946-.56 1.128-.651 1.838-1.512 2.131-2.584.293-1.07.178-2.061-.347-2.97-.351-.606-.849-1.075-1.496-1.406s-1.335-.465-2.063-.401c-.729.064-1.715.412-2.957 1.044l-.823-1.427c.712-.411 1.287-.91 1.729-1.498.44-.588.681-1.152.721-1.692a2.542 2.542 0 00-.335-1.498c-.391-.676-.998-1.105-1.822-1.288-.824-.182-1.648-.034-2.473.441-.67.387-1.139.909-1.408 1.566-.268.658-.311 1.535-.129 2.633zM147.018 102.192l-1.586.915c-.452-1.449-.469-2.755-.05-3.918.419-1.163 1.185-2.065 2.298-2.708a5.532 5.532 0 012.588-.754c.916-.034 1.746.151 2.492.556.747.406 1.317.95 1.712 1.633.773 1.34.72 2.785-.161 4.336.922-.128 1.791-.038 2.608.27 1.153.434 2.024 1.162 2.614 2.184.509.881.762 1.856.758 2.924a5.58 5.58 0 01-.832 2.954c-.551.9-1.323 1.638-2.317 2.212-1.339.773-2.679 1.032-4.019.777-1.342-.256-2.58-1.05-3.718-2.386l1.522-.879c.85.854 1.654 1.362 2.416 1.523.971.201 1.953.015 2.947-.56 1.127-.65 1.838-1.512 2.131-2.583.292-1.071.177-2.061-.349-2.97-.35-.606-.849-1.075-1.495-1.406s-1.335-.465-2.064-.401c-.729.064-1.714.412-2.955 1.044l-.824-1.427c.711-.411 1.287-.91 1.729-1.498.439-.588.681-1.152.721-1.692a2.543 2.543 0 00-.336-1.498c-.391-.676-.998-1.105-1.821-1.288-.824-.182-1.648-.035-2.474.441-.669.387-1.138.909-1.406 1.566-.27.657-.313 1.535-.129 2.633z'
  })), React.createElement("g", {
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10
  }, React.createElement("path", {
    d: 'M98.427 152.854l-.915 1.585c-1.116-1.029-1.783-2.152-2.003-3.369-.218-1.216-.006-2.381.637-3.495a5.541 5.541 0 011.864-1.947c.775-.487 1.587-.742 2.436-.764.85-.022 1.615.165 2.299.559 1.34.773 2.016 2.052 2.029 3.835a5.235 5.235 0 012.394-1.07c1.215-.2 2.334-.006 3.355.584.882.509 1.588 1.227 2.119 2.154s.783 1.918.757 2.974c-.027 1.056-.328 2.08-.901 3.074-.773 1.339-1.805 2.233-3.092 2.683-1.29.45-2.76.38-4.413-.208l.879-1.522c1.163.314 2.114.352 2.854.111.941-.312 1.699-.965 2.273-1.958.65-1.127.835-2.229.553-3.303-.281-1.074-.877-1.875-1.786-2.399a3.55 3.55 0 00-1.998-.47 3.731 3.731 0 00-1.988.685c-.599.42-1.278 1.214-2.038 2.382l-1.427-.824c.411-.712.66-1.433.748-2.162.087-.729.014-1.338-.222-1.826a2.54 2.54 0 00-1.04-1.129c-.676-.391-1.417-.458-2.222-.205-.805.255-1.444.794-1.921 1.619-.387.67-.531 1.356-.436 2.06.097.706.498 1.488 1.205 2.346zM108.273 145.444c-2.051-1.184-3.509-2.319-4.376-3.407-.866-1.087-1.355-2.199-1.471-3.336a5.208 5.208 0 01.69-3.196 5.33 5.33 0 012.452-2.235c1.054-.481 2.299-.625 3.736-.429 1.438.196 3.137.859 5.096 1.991 1.952 1.127 3.371 2.259 4.256 3.395.886 1.136 1.385 2.286 1.497 3.451s-.122 2.25-.704 3.258a5.197 5.197 0 01-2.407 2.19c-1.03.467-2.24.598-3.63.392s-3.102-.898-5.139-2.074zm.875-1.454c1.757 1.014 3.175 1.624 4.255 1.83 1.08.205 2.03.136 2.85-.209.82-.344 1.427-.858 1.821-1.542.398-.691.544-1.467.435-2.329-.108-.861-.529-1.71-1.26-2.546-.884-1.027-2.104-1.99-3.663-2.89-1.566-.904-2.948-1.471-4.146-1.703-1.197-.23-2.203-.175-3.017.168-.814.342-1.417.852-1.808 1.529-.398.691-.542 1.473-.43 2.345.112.874.526 1.728 1.243 2.564.717.837 1.957 1.765 3.72 2.783z'
  })), React.createElement("g", {
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10
  }, React.createElement("path", {
    d: 'M109.917 264.448l.86 1.49c-1.558.843-3.112 1.057-4.665.643-1.552-.414-2.745-1.344-3.579-2.789-.826-1.431-1.033-2.855-.619-4.272.412-1.418 1.246-2.489 2.501-3.214a5.883 5.883 0 012.846-.799c1.016-.025 2.534.191 4.554.646l6.408 1.466-4.143-7.175 1.502-.866 6.097 10.561-9.851-2.234c-1.987-.459-3.397-.69-4.23-.693a4.463 4.463 0 00-2.288.596c-.874.504-1.439 1.265-1.694 2.281s-.109 1.997.436 2.941c.574.993 1.383 1.628 2.425 1.905 1.043.274 2.19.112 3.44-.487zM93.859 248.767l-.182-.315 10.846-6.262-1.086-1.882 1.48-.854 1.086 1.882 3.616-2.087.891 1.543-3.616 2.088 4.297 7.441-17.332-1.554zm11.556-5.034l-6.531 3.771 9.191.836-2.66-4.607z'
  })), React.createElement("g", {
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10
  }, React.createElement("path", {
    d: 'M153.804 300.688l1.491.86c-.928 1.509-2.167 2.472-3.72 2.889-1.551.417-3.049.208-4.494-.626-1.431-.826-2.322-1.955-2.673-3.391-.352-1.434-.165-2.778.56-4.033.509-.882 1.198-1.586 2.065-2.115s2.29-1.102 4.267-1.718l6.282-1.935-7.174-4.142.867-1.502 10.561 6.098-9.648 2.991c-1.951.595-3.288 1.1-4.011 1.514a4.472 4.472 0 00-1.683 1.66c-.505.873-.614 1.815-.326 2.823.287 1.007.903 1.784 1.847 2.329.994.573 2.012.719 3.053.438 1.041-.282 1.953-.995 2.736-2.14zM137.497 297.756l-3.055-1.764 8.978-15.551 1.543.891-8.1 14.029 2.442 1.409-1.808.986z'
  })), React.createElement("g", {
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10
  }, React.createElement("path", {
    d: 'M265.364 296.643l-3.056 1.764-8.979-15.551 1.544-.892 8.099 14.029 2.442-1.41-.05 2.06zM248.674 306.278l-.854-1.479 5.525-3.19-1.67-4.689c-.562.588-1.112 1.038-1.655 1.352-1.415.817-2.855 1.017-4.321.6-1.466-.418-2.627-1.366-3.481-2.847-.59-1.021-.895-2.096-.915-3.221-.021-1.126.242-2.148.787-3.069.544-.921 1.345-1.686 2.402-2.296 1.262-.729 2.548-.957 3.86-.686 1.313.272 2.408.971 3.285 2.1l-1.597.922c-.466-.53-.949-.899-1.45-1.108-.501-.209-1.055-.291-1.664-.245a3.937 3.937 0 00-1.693.52c-1.021.59-1.676 1.484-1.963 2.681-.285 1.198-.093 2.376.578 3.538.604 1.048 1.428 1.709 2.468 1.981 1.041.272 2.114.089 3.221-.55.916-.529 1.865-1.449 2.848-2.758l3.024 8.558-6.735 3.886z'
  })), React.createElement("g", {
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10
  }, React.createElement("path", {
    d: 'M305.018 250.334l-1.765 3.056-15.551-8.979.892-1.543 14.028 8.099 1.41-2.442.986 1.809zM295.219 256.076l.86-1.49c1.509.928 2.472 2.167 2.889 3.719.417 1.551.209 3.05-.626 4.495-.825 1.431-1.955 2.322-3.391 2.672-1.434.352-2.778.165-4.033-.56a5.892 5.892 0 01-2.115-2.064c-.528-.868-1.102-2.29-1.718-4.267l-1.935-6.282-4.142 7.174-1.501-.867 6.097-10.561 2.991 9.648c.595 1.95 1.1 3.287 1.514 4.011a4.482 4.482 0 001.66 1.684c.874.505 1.815.614 2.823.326 1.008-.287 1.784-.903 2.329-1.848.574-.993.719-2.012.438-3.053-.281-1.042-.995-1.954-2.14-2.737z'
  })), React.createElement("path", {
    fill: '#FFF',
    stroke: '#FFF',
    strokeMiterlimit: 10,
    d: 'M302.287 142.898l-.097 1.762-8.791-.532c.516.455.916.929 1.201 1.423.713 1.235.873 2.541.479 3.917-.395 1.376-1.244 2.44-2.547 3.193-.896.517-1.824.775-2.787.776s-1.879-.259-2.747-.778a5.768 5.768 0 01-2.066-2.102 5.484 5.484 0 01-.753-2.733c-.01-.968.239-1.876.746-2.724s1.187-1.518 2.039-2.01c.635-.366 1.376-.623 2.227-.77.85-.147 1.96-.174 3.33-.08l9.766.658zm-9.264 3.072a3.649 3.649 0 00-2.292-1.762c-1.007-.27-1.964-.143-2.874.383a3.631 3.631 0 00-1.757 2.291c-.269 1.008-.142 1.963.379 2.866s1.286 1.491 2.292 1.762a3.625 3.625 0 002.863-.376c.909-.524 1.498-1.291 1.767-2.298s.144-1.963-.378-2.866zM252.478 100.756l-1.585-.915c1.029-1.116 2.152-1.783 3.369-2.003 1.216-.218 2.381-.006 3.495.637a5.541 5.541 0 011.947 1.864c.487.775.742 1.587.764 2.436.022.85-.165 1.615-.559 2.299-.773 1.34-2.052 2.016-3.835 2.029a5.235 5.235 0 011.07 2.394c.2 1.215.006 2.334-.584 3.355-.509.882-1.227 1.588-2.154 2.119s-1.918.783-2.974.757c-1.056-.027-2.08-.328-3.074-.901-1.339-.773-2.233-1.805-2.683-3.092-.45-1.29-.38-2.76.208-4.413l1.522.879c-.314 1.163-.352 2.114-.111 2.854.312.941.965 1.699 1.958 2.273 1.127.65 2.229.835 3.303.553 1.074-.281 1.875-.877 2.399-1.786a3.55 3.55 0 00.47-1.998 3.731 3.731 0 00-.685-1.988c-.42-.599-1.214-1.278-2.382-2.038l.824-1.427c.712.411 1.433.66 2.162.748.729.087 1.338.014 1.826-.222a2.54 2.54 0 001.129-1.04c.391-.676.458-1.417.205-2.222-.255-.805-.794-1.444-1.619-1.921-.67-.387-1.356-.531-2.06-.436-.706.096-1.488.498-2.346 1.205zM80.119 212.927v-2.212l15.527-4.402-15.527-6.177v-.447l15.527-6.105-15.527-4.477v-2.195l21.548 6.191v.4l-16.304 6.394 16.304 6.519v.402l-21.548 6.109zM206.271 302.679l-1.831 1.099c-1.289-2.373-2.778-3.56-4.468-3.56-.723 0-1.401.168-2.036.505s-1.118.789-1.45 1.355-.498 1.167-.498 1.802c0 .723.244 1.431.732 2.124.674.957 1.904 2.109 3.691 3.457 1.797 1.357 2.915 2.339 3.354 2.944.762 1.016 1.143 2.114 1.143 3.296 0 .938-.225 1.792-.674 2.563s-1.082 1.379-1.897 1.824-1.702.667-2.659.667c-1.016 0-1.965-.251-2.849-.754s-1.819-1.428-2.805-2.776l1.758-1.333c.811 1.074 1.501 1.782 2.073 2.124s1.194.513 1.868.513c.869 0 1.58-.264 2.131-.791s.828-1.177.828-1.948c0-.469-.098-.923-.293-1.362s-.552-.918-1.069-1.436c-.283-.273-1.211-.991-2.783-2.153-1.865-1.377-3.145-2.603-3.838-3.677s-1.04-2.153-1.04-3.237c0-1.563.593-2.92 1.78-4.072s2.629-1.729 4.329-1.729c1.309 0 2.495.349 3.56 1.047s2.045 1.868 2.943 3.508zM320.547 193.303v12.349h-2.109v-10.195h-6.753v10.107h-2.109v-10.107h-8.467v10.107H299v-12.261h21.547z'
  }));
}

function SvgHorizonBack(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("linearGradient", {
    id: 'horizon_back_svg__a',
    gradientUnits: 'userSpaceOnUse',
    x1: 200.667,
    y1: 350.099,
    x2: 200.667,
    y2: 50.566
  }, React.createElement("stop", {
    offset: 0.5,
    stopColor: '#503723'
  }), React.createElement("stop", {
    offset: 0.5,
    stopColor: '#558ebb'
  })), React.createElement("circle", {
    fill: 'url(#horizon_back_svg__a)',
    cx: 200.667,
    cy: 200.333,
    r: 149.767
  }));
}

function SvgHorizonBall(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("filter", {
    filterUnits: 'objectBoundingBox',
    id: 'horizon_ball_svg__a'
  }, React.createElement("feGaussianBlur", {
    stdDeviation: 5,
    result: 'blur',
    "in": 'SourceAlpha'
  }), React.createElement("feOffset", {
    result: 'offsetBlurredAlpha',
    "in": 'blur'
  }), React.createElement("feMerge", null, React.createElement("feMergeNode", {
    "in": 'offsetBlurredAlpha'
  }), React.createElement("feMergeNode", {
    "in": 'SourceGraphic'
  }))), React.createElement("g", {
    filter: 'url(#horizon_ball_svg__a)'
  }, React.createElement("linearGradient", {
    id: 'horizon_ball_svg__b',
    gradientUnits: 'userSpaceOnUse',
    x1: 200.333,
    y1: 276.332,
    x2: 200.333,
    y2: 124.332
  }, React.createElement("stop", {
    offset: 0,
    stopColor: '#3d2618'
  }), React.createElement("stop", {
    offset: 0.5,
    stopColor: '#503723'
  }), React.createElement("stop", {
    offset: 0.5,
    stopColor: '#9ccbe5'
  }), React.createElement("stop", {
    offset: 1,
    stopColor: '#558ebb'
  })), React.createElement("path", {
    fill: 'url(#horizon_ball_svg__b)',
    d: 'M301.333 200.333c0 41.936-33.963 75.938-75.885 76h-50.114c-41.974 0-76-34.026-76-76s34.026-76 76-76h50.083c41.935.044 75.916 34.054 75.916 76z'
  })), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 2,
    strokeMiterlimit: 10,
    d: 'M99.667 200.457h202M187.979 187.374h25M188.167 213.499h25M188.026 241.42h25M188.167 159.374h25M180.042 173.405h40M180.042 227.499h40M170.042 255.332h60M170.042 145.333h60'
  }), React.createElement("g", {
    fill: '#FFF'
  }, React.createElement("path", {
    d: 'M166.644 169.224h2.25v7.901h-1.493v-6.488h-1.627l.87-1.413zM172.84 169.025c.577 0 1.073.142 1.491.424.417.283.739.715.967 1.297.227.582.341 1.392.341 2.43 0 1.049-.115 1.866-.347 2.449-.23.583-.542 1.012-.932 1.287-.39.273-.883.411-1.477.411s-1.094-.138-1.499-.414-.722-.695-.951-1.257-.344-1.362-.344-2.401c0-1.45.224-2.501.671-3.153.499-.715 1.192-1.073 2.08-1.073zm.035 1.429c-.253 0-.479.082-.675.244-.196.163-.347.443-.45.841s-.155.979-.155 1.746c0 .999.119 1.689.356 2.071.238.381.546.572.924.572.365 0 .654-.181.869-.542.261-.437.391-1.167.391-2.191 0-1.039-.117-1.754-.351-2.148s-.537-.593-.909-.593z'
  })), React.createElement("g", {
    fill: '#FFF'
  }, React.createElement("path", {
    d: 'M155.584 143.883h-1.466c.04-.852.307-1.523.803-2.011.496-.489 1.133-.733 1.91-.733.48 0 .903.101 1.27.304.367.202.661.494.881.875.221.382.331.769.331 1.163 0 .469-.133.974-.4 1.515s-.755 1.18-1.464 1.917l-.887.935h2.816v1.391h-5.473v-.72l2.444-2.492c.591-.598.984-1.079 1.179-1.442.195-.363.292-.692.292-.985 0-.304-.101-.556-.303-.755-.203-.198-.463-.298-.782-.298-.322 0-.591.12-.806.36s-.33.564-.345.976zM162.884 141.138c.577 0 1.073.142 1.491.424.417.283.739.715.967 1.297.227.582.341 1.392.341 2.43 0 1.049-.115 1.866-.347 2.449-.23.583-.542 1.012-.932 1.287-.39.273-.883.411-1.477.411s-1.094-.138-1.499-.414-.722-.695-.951-1.257-.344-1.362-.344-2.401c0-1.45.224-2.501.671-3.153.499-.715 1.192-1.073 2.08-1.073zm.034 1.429c-.253 0-.479.082-.675.244-.196.163-.347.443-.45.841s-.155.979-.155 1.746c0 .999.119 1.689.356 2.071.238.381.546.572.924.572.365 0 .654-.181.869-.542.261-.437.391-1.167.391-2.191 0-1.039-.117-1.754-.351-2.148s-.536-.593-.909-.593z'
  })), React.createElement("g", {
    fill: '#FFF'
  }, React.createElement("path", {
    d: 'M234.958 143.784h-1.466c.04-.852.307-1.523.803-2.011.496-.489 1.133-.733 1.91-.733.48 0 .903.101 1.27.304.367.202.661.494.881.875.221.382.331.769.331 1.163 0 .469-.133.974-.4 1.515s-.755 1.18-1.464 1.917l-.887.935h2.816v1.391h-5.473v-.72l2.444-2.492c.591-.598.984-1.079 1.179-1.442.195-.363.292-.692.292-.985 0-.304-.101-.556-.303-.755-.203-.198-.463-.298-.782-.298-.322 0-.591.12-.806.36s-.33.564-.345.976zM242.258 141.039c.577 0 1.073.142 1.491.424.417.283.739.715.967 1.297.227.582.341 1.392.341 2.43 0 1.049-.115 1.866-.347 2.449-.23.583-.542 1.012-.932 1.287-.39.273-.883.411-1.477.411s-1.094-.138-1.499-.414-.722-.695-.951-1.257-.344-1.362-.344-2.401c0-1.45.224-2.501.671-3.153.499-.715 1.192-1.073 2.08-1.073zm.034 1.429c-.253 0-.479.082-.675.244-.196.163-.347.443-.45.841s-.155.979-.155 1.746c0 .999.119 1.689.356 2.071.238.381.546.572.924.572.365 0 .654-.181.869-.542.261-.437.391-1.167.391-2.191 0-1.039-.117-1.754-.351-2.148s-.536-.593-.909-.593z'
  })), React.createElement("g", {
    fill: '#FFF'
  }, React.createElement("path", {
    d: 'M224.341 169.224h2.25v7.901h-1.493v-6.488h-1.627l.87-1.413zM230.538 169.025c.577 0 1.073.142 1.491.424.417.283.739.715.967 1.297.227.582.341 1.392.341 2.43 0 1.049-.115 1.866-.347 2.449-.23.583-.542 1.012-.932 1.287-.39.273-.883.411-1.477.411s-1.094-.138-1.499-.414-.722-.695-.951-1.257-.344-1.362-.344-2.401c0-1.45.224-2.501.671-3.153.499-.715 1.191-1.073 2.08-1.073zm.034 1.429c-.253 0-.479.082-.675.244-.196.163-.347.443-.45.841s-.155.979-.155 1.746c0 .999.119 1.689.356 2.071.238.381.546.572.924.572.365 0 .654-.181.869-.542.261-.437.391-1.167.391-2.191 0-1.039-.117-1.754-.351-2.148s-.537-.593-.909-.593z'
  })), React.createElement("g", {
    fill: '#FFF'
  }, React.createElement("path", {
    d: 'M166.644 223.224h2.25v7.901h-1.493v-6.488h-1.627l.87-1.413zM172.84 223.025c.577 0 1.073.142 1.491.424.417.283.739.715.967 1.297.227.582.341 1.392.341 2.43 0 1.049-.115 1.866-.347 2.449-.23.583-.542 1.012-.932 1.287-.39.273-.883.411-1.477.411s-1.094-.138-1.499-.414-.722-.695-.951-1.257-.344-1.362-.344-2.401c0-1.45.224-2.501.671-3.153.499-.715 1.192-1.073 2.08-1.073zm.035 1.429c-.253 0-.479.082-.675.244-.196.163-.347.443-.45.841s-.155.979-.155 1.746c0 .999.119 1.689.356 2.071.238.381.546.572.924.572.365 0 .654-.181.869-.542.261-.437.391-1.167.391-2.191 0-1.039-.117-1.754-.351-2.148s-.537-.593-.909-.593z'
  })), React.createElement("g", {
    fill: '#FFF'
  }, React.createElement("path", {
    d: 'M224.341 223.224h2.25v7.901h-1.493v-6.488h-1.627l.87-1.413zM230.538 223.025c.577 0 1.073.142 1.491.424.417.283.739.715.967 1.297.227.582.341 1.392.341 2.43 0 1.049-.115 1.866-.347 2.449-.23.583-.542 1.012-.932 1.287-.39.273-.883.411-1.477.411s-1.094-.138-1.499-.414-.722-.695-.951-1.257-.344-1.362-.344-2.401c0-1.45.224-2.501.671-3.153.499-.715 1.191-1.073 2.08-1.073zm.034 1.429c-.253 0-.479.082-.675.244-.196.163-.347.443-.45.841s-.155.979-.155 1.746c0 .999.119 1.689.356 2.071.238.381.546.572.924.572.365 0 .654-.181.869-.542.261-.437.391-1.167.391-2.191 0-1.039-.117-1.754-.351-2.148s-.537-.593-.909-.593z'
  })), React.createElement("g", {
    fill: '#FFF'
  }, React.createElement("path", {
    d: 'M155.584 253.883h-1.466c.04-.852.307-1.523.803-2.011.496-.489 1.133-.733 1.91-.733.48 0 .903.101 1.27.304.367.202.661.494.881.875.221.382.331.769.331 1.163 0 .469-.133.974-.4 1.515s-.755 1.18-1.464 1.917l-.887.935h2.816v1.391h-5.473v-.72l2.444-2.492c.591-.598.984-1.079 1.179-1.442.195-.363.292-.692.292-.985 0-.304-.101-.556-.303-.755-.203-.198-.463-.298-.782-.298-.322 0-.591.12-.806.36s-.33.564-.345.976zM162.884 251.138c.577 0 1.073.142 1.491.424.417.283.739.715.967 1.297.227.582.341 1.392.341 2.43 0 1.049-.115 1.866-.347 2.449-.23.583-.542 1.012-.932 1.287-.39.273-.883.411-1.477.411s-1.094-.138-1.499-.414-.722-.695-.951-1.257-.344-1.362-.344-2.401c0-1.45.224-2.501.671-3.153.499-.715 1.192-1.073 2.08-1.073zm.034 1.429c-.253 0-.479.082-.675.244-.196.163-.347.443-.45.841s-.155.979-.155 1.746c0 .999.119 1.689.356 2.071.238.381.546.572.924.572.365 0 .654-.181.869-.542.261-.437.391-1.167.391-2.191 0-1.039-.117-1.754-.351-2.148s-.536-.593-.909-.593z'
  })), React.createElement("g", {
    fill: '#FFF'
  }, React.createElement("path", {
    d: 'M234.958 253.784h-1.466c.04-.852.307-1.523.803-2.011.496-.489 1.133-.733 1.91-.733.48 0 .903.101 1.27.304.367.202.661.494.881.875.221.382.331.769.331 1.163 0 .469-.133.974-.4 1.515s-.755 1.18-1.464 1.917l-.887.935h2.816v1.391h-5.473v-.72l2.444-2.492c.591-.598.984-1.079 1.179-1.442.195-.363.292-.692.292-.985 0-.304-.101-.556-.303-.755-.203-.198-.463-.298-.782-.298-.322 0-.591.12-.806.36s-.33.564-.345.976zM242.258 251.039c.577 0 1.073.142 1.491.424.417.283.739.715.967 1.297.227.582.341 1.392.341 2.43 0 1.049-.115 1.866-.347 2.449-.23.583-.542 1.012-.932 1.287-.39.273-.883.411-1.477.411s-1.094-.138-1.499-.414-.722-.695-.951-1.257-.344-1.362-.344-2.401c0-1.45.224-2.501.671-3.153.499-.715 1.192-1.073 2.08-1.073zm.034 1.429c-.253 0-.479.082-.675.244-.196.163-.347.443-.45.841s-.155.979-.155 1.746c0 .999.119 1.689.356 2.071.238.381.546.572.924.572.365 0 .654-.181.869-.542.261-.437.391-1.167.391-2.191 0-1.039-.117-1.754-.351-2.148s-.536-.593-.909-.593z'
  })));
}

function SvgHorizonCircle(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("filter", {
    filterUnits: 'objectBoundingBox',
    id: 'horizon_circle_svg__b'
  }, React.createElement("feGaussianBlur", {
    stdDeviation: 5,
    result: 'blur',
    "in": 'SourceAlpha'
  }), React.createElement("feOffset", {
    result: 'offsetBlurredAlpha',
    "in": 'blur'
  }), React.createElement("feMerge", null, React.createElement("feMergeNode", {
    "in": 'offsetBlurredAlpha'
  }), React.createElement("feMergeNode", {
    "in": 'SourceGraphic'
  }))), React.createElement("linearGradient", {
    id: 'horizon_circle_svg__a',
    gradientUnits: 'userSpaceOnUse',
    x1: 200.667,
    y1: 349.933,
    x2: 200.667,
    y2: 50.4
  }, React.createElement("stop", {
    offset: 0.5,
    stopColor: '#503723'
  }), React.createElement("stop", {
    offset: 0.5,
    stopColor: '#558ebb'
  })), React.createElement("path", {
    fill: 'url(#horizon_circle_svg__a)',
    filter: 'url(#horizon_circle_svg__b)',
    d: 'M200.667 50.4C117.953 50.4 50.9 117.453 50.9 200.167s67.053 149.767 149.767 149.767 149.767-67.053 149.767-149.767S283.38 50.4 200.667 50.4zm0 250.1c-55.413 0-100.334-44.921-100.334-100.334 0-55.412 44.921-100.333 100.334-100.333 55.412 0 100.333 44.92 100.333 100.333S256.079 300.5 200.667 300.5z'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 4,
    strokeMiterlimit: 10,
    d: 'M50.667 200.333h49.666M300.749 200.333h49.684M78.415 131.582l33.667 20.333M288.751 151.915l34.834-20.333M149.418 113.75l-20-34.5M252.084 113.75l20.667-34.5'
  }), React.createElement("path", {
    fill: '#FFF',
    d: 'M185.918 60.085h29.333l-14.666 38.833zM119.084 117.417l-7.002 6.834 14.502 7.331zM274.084 131.582l7.167-14.165 7.5 7.083z'
  }));
}

function SvgHorizonMechanics(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("filter", {
    filterUnits: 'objectBoundingBox',
    id: 'horizon_mechanics_svg__a'
  }, React.createElement("feGaussianBlur", {
    stdDeviation: 5,
    result: 'blur',
    "in": 'SourceAlpha'
  }), React.createElement("feOffset", {
    result: 'offsetBlurredAlpha',
    "in": 'blur'
  }), React.createElement("feMerge", null, React.createElement("feMergeNode", {
    "in": 'offsetBlurredAlpha'
  }), React.createElement("feMergeNode", {
    "in": 'SourceGraphic'
  }))), React.createElement("path", {
    fill: 'none',
    stroke: '#FF7F00',
    strokeWidth: 5,
    strokeLinecap: 'round',
    strokeMiterlimit: 10,
    d: 'M130 200.457h46M225 200.457h46M200.534 200.457h0M200.399 103.417l-9.916 27.166M190.483 130.583h19.833M210.316 130.583l-9.917-27.166'
  }), React.createElement("g", {
    filter: 'url(#horizon_mechanics_svg__a)'
  }, React.createElement("path", {
    fill: '#232323',
    d: 'M82.663 298.167c28.157 33.81 70.564 55.333 118.004 55.333s89.847-21.524 118.004-55.333H82.663z'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#353535',
    strokeWidth: 1.3,
    strokeMiterlimit: 10,
    d: 'M82.663 298.167c28.157 33.81 70.564 55.333 118.004 55.333s89.847-21.524 118.004-55.333H82.663z'
  })), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 4,
    strokeMiterlimit: 10,
    d: 'M200.667 298.667v30.5M254.667 298.667v10.25M146.667 298.667v10.25'
  }));
}

function SvgSpeedMechanics(props) {
  return React.createElement("svg", Object.assign({
    xmlns: 'http://www.w3.org/2000/svg',
    width: '1em',
    height: '1em',
    viewBox: '0 0 400.667 400.666'
  }, props), React.createElement("circle", {
    fill: '#232323',
    cx: 200.333,
    cy: 200,
    r: 161
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#F9FF00',
    strokeWidth: 10,
    strokeMiterlimit: 10,
    d: 'M57.4 175.086C43.974 251.226 91.471 314.98 149.825 336'
  }), React.createElement("path", {
    fill: 'none',
    stroke: 'red',
    strokeWidth: 10,
    strokeMiterlimit: 10,
    d: 'M106.854 89.039c-28.113 23.588-44.001 55.344-49.512 86.375'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#007511',
    strokeWidth: 10,
    strokeMiterlimit: 10,
    d: 'M151.628 336.661c40.369 14.45 85.524 10.282 121.509-10.494 62.801-36.257 97.126-122.438 53.195-198.528'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 4,
    strokeMiterlimit: 10,
    d: 'M296.814 85.02l-15.062 17.948M310.03 136.667l20.291-11.714M348.149 173.938l-23.073 4.068M348.149 226.065l-23.073-4.068M330.32 275.05l-20.29-11.714M296.812 314.982l-15.06-17.947M251.667 341.046l-8.012-22.015M200.331 350.098l.001-23.428M148.995 341.045l8.013-22.015M103.85 314.98l15.061-17.946M70.343 275.047l20.29-11.713M52.515 226.063l23.073-4.068M52.516 173.934l23.072 4.07M70.346 124.949l20.289 11.717M103.854 85.018l15.058 17.949'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 2,
    strokeMiterlimit: 10,
    d: 'M315.313 103.523l-12.238 10.274'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 4,
    strokeMiterlimit: 10,
    d: 'M251.669 58.956l-8.014 22.017'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 2,
    strokeMiterlimit: 10,
    d: 'M275.381 70.017l-7.986 13.838'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 4,
    strokeMiterlimit: 10,
    d: 'M200.333 49.904v23.43'
  }), React.createElement("path", {
    fill: 'none',
    stroke: '#FFF',
    strokeWidth: 2,
    strokeMiterlimit: 10,
    d: 'M226.398 52.188l-2.772 15.735M213.417 50.478l-.973 11.141M239.18